@charset "utf-8";

/*  .topics_section
----------------------------------------*/
article  .topics_section {
	background-image: url(../common/images/bg-section.jpg);
	background-size: 50%;
	border: #ddd4c5 solid 1px;
	padding: 15px 12px 50px 12px;
}
article  .topics_section:after {
  content: ".";display: block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;
}
article  .topics_section h2 {
	float: left;
	margin-right: 20px;
}
article .main .main_inner .topics_section dl:after {
  content: ".";display: block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;
}
article .topics_section iframe {
	width: 100%;
}
.topics_list dl {
	width: 100%;
	font-size: 109%;
	margin-top: 15px;
	padding-bottom: 15px;
	display: flex;
	border-bottom: #542810 dashed 1px;
}
.topics_list dl dt {
	color: #874900;
	font-weight: bold;
	width: 110px;
	float: left;
}
.topics_list dl dd {
	width: 490px;
	float: left;
}
.topics_list dl dd a {
	color: #874900;
}
.topics_detail h3 {
	font-size: 22px;
	font-weight: normal;
	padding-left: 0.5em;
	border-bottom: #542810 dashed 1px;
}
.topics_detail h3 span {
	color: #874900;
	font-size: 13px;
	font-weight: bold;
	padding-left: 1em;
}
.topics_detail .photo {
	padding: 20px;
}
.topics_detail .photo img {
	max-width: 100%;
}
.topics_detail #topics_body {
	padding: 0 20px 20px;
	border-bottom: #542810 solid 1px;
}
article .topics_section .button {
	margin: 40px auto 0;
	background-color: #e3dcb8;
	border-radius: 5px;
	width: 200px;
	line-height: 50px;
	text-align: center;
}
article .topics_section .button a {
	color: #554a14;
	font-size: 15px;
}
.topics_list .pager {
	margin-top: 1em;
	text-align: center;
}
.topics_list .pager span {
	display: inline-block;
}