@charset 'utf-8';


/*---------------------
  トップここから
---------------------*/
#topicsArea {
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px dotted #b8b8b8;
}

#topicsArea dl {
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #b8b8b8;
}

#topicsArea dl:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

#topicsArea dt {
	font-weight: bold;
	display: inline-block;
	width: 100px;
	margin-right: 10px;
	vertical-align: top;
	font-size: 92%;
	padding-left: 6px;
	color: #FF7F19;
}

#topicsArea dd {
	display: inline-block;
	overflow: hidden;
	width: auto;
	vertical-align: top;
	white-space: nowrap;
	text-overflow: ellipsis;
}



#topicsArea dd a:link {
	color: #333;
	font-size: 100%;
	text-decoration: none;
}
#topicsArea dd a:visited {
	color: #333;
	text-decoration: none;
}

#topicsArea dd a:hover {
	color: #333;
	text-decoration: none;
}
/* iPhone6 Plus
--------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {
#topicsArea dt {
	font-weight: bold;
	display: inline-block;
	width: 90px;
	margin-right: 0px;
	vertical-align: top;
	font-size: 72%;
	padding-left: 0px;
	color: #FF7F19;
	clear: both;
	margin-bottom: 5px;
}

#topicsArea dd {
	display: inline-block;
	overflow: hidden;
	width: 60%;
	font-size: 82%;
	vertical-align: top;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}
/*-------------------------------
list.html
-------------------------------*/


#list #topicsArea {
    border-bottom: none;
}


#list #topicsArea li {
    margin-bottom: 15px;
    list-style-type: none;
}

#list #topicsArea #topics_date {
	font-weight: bold;
	display: block;
	color: #FF7F19;
}

#list #topicsArea #topics_title {
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px dotted #231410;
}

#list #topics_paging {
    font-size: 13px;
    margin: 20px 0 0;
    text-align: center;
}

#list #topics_paging_previous {
    padding-right: 10px;
    color: #b8b8b8;
}

#list #topics_paging_next {
    color: #b8b8b8;
}

#list #topics_paging_previous a {
    display: inline-block;
    color: #231410;
}

#list #topics_paging_next a {
    display: inline-block;
    color: #231410;
}

#list a:link {
	color: #333;
	font-size: 100%;
	text-decoration: none;
}
#list a:visited {
	color: #333;
	text-decoration: none;
}

#list a:hover {
	color: #333;
	text-decoration: none;
}


/*-------------------
detail.html
---------------------*/

#detail #topicsArea {
    border-bottom: none;
}

#detail #topics_date {
    display: block;
    margin-bottom: 10px;
    text-align: right;
}

#detail #topics_title {
    font-size: 140%;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 20px;
    padding-bottom: 10px;
    word-break: break-all;
    border-bottom: 1px solid #231410;
}

#detail #topics_body img[class^="topics_photo_"] {
    display: block;
    width: auto;
    max-width: 80%;
    margin: 2% 2% 2% 0;
}

#detail #topics_body {
    font-size: 100%;
    max-width: 100%;
    height: auto;
    min-height: 300px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #231410;
}

#detail .list_back_btn a {
    display: block;
    text-align: right;
}

.btn_style02 a {
    line-height: 1;
    display: block;
    width: 240px;
    margin: 0 auto;
    padding: 15px 20px;
    text-align: center;
    color: #231410;
    border: 1px solid #231410;
}

.btn_style02 a:hover {
    background-color: rgba(255, 255, 255, .3);
}

#detail a:link {
	color: #333;
	font-size: 100%;
	text-decoration: none;
}
#detail a:visited {
	color: #333;
	text-decoration: none;
}

#detail a:hover {
	color: #333;
	text-decoration: none;
}