@charset "utf-8";
/* CSS Document */
/*特集なぜなに第５回より使用する*/
#specialcontents .img-title img{
	max-width:100%;
}
#specialcontents .wrap{
	margin:2em 1em;
}
#specialcontents  h3, #specialcontents  h3::before{
	border: none;
}
#specialcontents  p{
	text-indent:1em;
	line-height:1.8em;
}
#specialcontents  ul{
	margin:1em;
}
#specialcontents  ul li{
	margin:2em;
/*	text-indent: -1em;
	margin-left: 1em;
	margin-bottom: 1em;
	list-style-position:inside;
*/
	list-style-type:disc;
}
#specialcontents .lead {
	font-weight:bold;
	text-indent:1em;
	line-height:1.8em;
	font-size:1.2em;
}
#specialcontents .mokuji ul li{
	list-style-type:square;
	/*list-style-position:inside;*/
	font-size: 1.2em;
	line-height: 1.8em;
}
/*box float*/
.box-left{
	float:left;
}
.box-right{
	float:right;
}
.max-width600{
	max-width:600px;
}
/*テキストデコレーション*/
.auth{
	text-align:right;
}
.author{
	font-weight:700;
	font-size:.9em;
}
.author p{
	margin-bottom:0;
}
.underline{
	text-decoration:underline;
}
.bold{
	font-weight:bold;
}
.caption{font-size:100%;text-align:center;font-weight:bold;}
.txt-left{
	text-align:left;
}
.txt-right{
	text-align:right;
}
.txt-center{
	text-align:center;
}
ul.num li{
	list-style-type:decimal;
}
#specialcontents p.noindent{
	text-indent:0;
}
#specialcontents a{
	color:blue;
}
#specialcontents .pagination span a{
	color:#fff;
	text-decoration:none;
}
/*画像配置*/
#specialcontents div.img{margin:1em auto;}
#specialcontentsl div.img-right {margin-left:10px;float:right;}
#specialcontents div.img-left {margin-right:10px;float:left;}
#specialcontents div.img-border {border:1px solid #000;padding:5px;}
/*画像サイズ　キャプション*/
.w200{width:200px;}
.w250{width:250px;}
.w270{width:270px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w500{width:500px;}
.w620{width:620px;}
/*navi*/
div.page {
clear: both;
margin:0.5em 0 1em 0;
text-align: center;
}

div.page a{
	border: 1px solid #666666;
	padding:5px;
	font-size:100%;
	height: 2em;
	/*width: 2em;*/
	background-color: #FFFFFF;
	text-decoration:none !important;
	color:#666 !important;
}

div.page a.on{
	border: 1px solid #666666;
	font-size:120%;
	color:#FFFFFF !important;
	padding:5px;
	background-color: #528B1A;
	height: 3em;
	/*width: 3em;*/
}
div.page a.next{border:none;}
div.pico_print_icon {
  text-align: right;
}
span .print_bt{
	font-size:0.8em;
}
/*特集補助*/
#honbun, #honbun .boxhead, #honbun .boxhead .h, #special, #honbun .boxbody, #special .boxbody, .sbfootl, .sbfootc, .sbfootr{background:none !important;}
#honbun .boxhead .h{display:none;}
.boxtop{width:inherit;}
.boxtop table{margin:0 auto;}
#honbun .boxbody{padding:0 0 1em 0;}
#special div.img-title {display:block !important;height:inherit !important;text-align: center;}
#special div.img-title img {width:100%;}
#honbun,.pico_body .boxtop {width:100%;}
	#honbun .boxbody table.guest td div {
		margin-top:5px;
		line-height:1.2em;
	}
#honbun .boxtop table td a{text-decoration:none;}
#special div.wrap{margin:2px;}
.spcial_category p{margin-bottom:1em;font-size:16px;font-size:1.6rem;}
#special a{
	margin-right:5px;
}
@media only screen and (max-width: 768px){
	#specialcontents .wrap{margin:1em 0;}
	#specialcontents ul li {margin:0;}
	.url{word-break:break-all;}
	.w100,.w200,.w250,.w270,.w300,.w350,.w400,.w500,.w600,.w620{
		width:100%;
		text-align:center;
	}
	.boxtop{background-size:contain;padding:0}
	.guest img{
		width:inherit;
		height:inherit;
	}
	.auth{
		text-align:center;
	}
}
@media only screen and (max-width: 414px){
	#special div.img-right, #special div.img-left,#honbun div.img-right, #honbun div.img-left,#honbun .boxbody .img-right,#honbun .boxbody .img-left {
    margin-left: 0;
    margin-right: 0;
	margin-bottom:0.5em;
    float: none;
    text-align: center;
	}
	.boxtop table{
		width:100%;
	}
	#honbun .boxbody table.guest{
		width:100%;
	}
	#honbun .boxbody table.guest td{
		display:block;
		line-height:1.2em;
		margin-bottom:1em;
		padding:0;
	}
	#honbun .boxbody table.guest td{
		text-align:center;
	}
}
@media print{
	html, body {background:none;}
	#Header{display:none;}
	#TopWrap{display:none;}
	#Contents{padding:0;border:none;}
	#Page{width:100%;}
	.right-block{
		display:none;
	}
	#specialcontents{
	width:100%;
	background-image:none;
	box-shadow:none;border:none
	}
}
#Page h3, #Page h3::before {
    margin: 4px 0 4px 0;
    border: none;
}
#Page h3 span.date{
	font-weight: 400;
	margin-left: 1em;
}
.depth-2{
	margin-bottom: 2em;
	margin-left: 22px;
}
@media only screen and (max-width: 640px){
	#Page h3 span.date{
		display: block;
	}
}
#honbun .boxbody p.mokuji{
	font-size: 100% !important;
	margin:1em 0;
	padding:0;
	line-height:1.2em;
	text-indent: -1.8em;
}
table.guest tr td div{
	font-size: 90%;
}