@charset "utf-8";

#tabtop1, #tabtop2{position:absolute; top:0; left:0;}

/*************************************************************************/

h2{height: 250px;background:url(../img/story/tojiro&knife_knife.png) no-repeat center 50% / cover;text-indent: -9999px;}
h2 img{margin: -11.5px 0 0 -88px;}
#main-box {max-width:none;}
#main-box #tabblock{max-width: 1024px;width: 100%;display: block;margin: 0 auto;padding: 33px 0 0;background:url(../img/story/border.png) repeat-x;background-position: bottom center;text-align: center;overflow: hidden;}
#main-box #tabblock a{padding-top: 33px;display: inline-block;width:40%;height:84px;border: 1px solid #cacccc;border-bottom: none;background: white;font-size: 16px;color: #A99666;text-decoration: none;line-height: 120%;vertical-align: middle; box-sizing:border-box;}
#main-box #tabblock .tab2{color: rgba(169,150,102,0.5);border: none;background: none;}

.switchHat{padding:45px 0 25px;background:url(../img/story/border2.png) no-repeat;background-position: center top;}
.first .switchHat{background:none;}
.switchHat img{margin:0 auto;}

.box #main{max-width:239px; height:auto;margin:0 auto;overflow: hidden;}
.box #main img{margin:0 auto; width:100%; max-width:239px; height:auto;}
.box .img{max-width:1170px;margin:50px auto;}
.box .img img{width:100%;height:auto;}
.box .text{max-width:800px;margin:0 auto; padding:30px 0 30px; line-height:26px;}
.box .margin{margin-bottom:0/*20px*/;}
.box ul{max-width:800px; margin:0 auto;}
.box ul li{background:#eeeeee;margin:10px 0;padding-top:15px;padding-bottom:15px;}
.box ul li img{padding:3px 0 3px 50px;background:url(../img/story/tojiro04.png) no-repeat 0 0;vertical-align:bottom;}
.box ul #center img{padding:3px 0 3px 50px;}
.box ul li p{line-height:24px;padding-left:50px;width:510px;}
.box ul li img,.box ul li p{display:inline-block;}
.box ul li div{text-align:center;}
.box .inner{max-width:1170px;min-height: 200px; margin:30px auto;overflow:hidden;background:#3a3c4f;}
.box .inner .img2,.box .inner .img1{float:left;}
.box .inner .img2{ width:50%;color:#fff;}
.box .inner .img2 img{padding:5%;}
.box .inner .img2 p{max-width:370px;padding:0 5%;}
.box .inner .img1{width:50%;}
.box .inner .img1 img{width:100%;height:auto;min-height: 200px;}

/* お約束ロゴ */
.box ul li #li01{background:url(../img/story/tojiro04_1.png) no-repeat 0 0; background-size:28px;}
.box ul li #li02{background:url(../img/story/tojiro04_2.png) no-repeat 0 0; background-size:28px;}
.box ul li #li03{background:url(../img/story/tojiro04_3.png) no-repeat 0 0; background-size:28px;}
.box ul li #li04{background:url(../img/story/tojiro04_4.png) no-repeat 0 0; background-size:28px;}

/* table */
.box table{width:100%; max-width:800px; margin:0 auto 30px; box-sizing:border-box;}
.box table th, .box table td{width:16%; padding:10px; font-size:14.4px; border-right:1px solid #FFF; border-bottom:1px solid #FFF; text-align:center; vertical-align:middle; box-sizing:border-box;}
.box table th{color:#fff; font-weight:bold;  background:#3a3c4f;}
.box table td{background:#dfe0e0;}
.box table .noborder{border:none;}

#tab2 .box .img{max-width:1170px;overflow:hidden;margin: 50px auto;}
#tab2 .box .img img{width:20%;height:auto;float:left;}
#tab2 h3 img{margin:0 auto;}

.box,#tab2 .box{padding-top: 37px;}
.lastbox{background:none;margin-bottom:200px;}

#tab1box1, #tab2box1{padding-bottom:0;}
#tab1box1 .quest, #tab2box1 .quest{background:none;}
#tab1box1 .ans, #tab2box1 .ans{margin-top: 30px;padding-bottom:105px;}

#tab1 #tab1box1,#tab2 #tab2box1{padding-top: 117px;}
#tab1box3 h3 img{margin-top:0px;}

/* img幅変更 */
.box .img, #tab2 .box .img{width:100%; height:auto; max-width:100%; max-height:400px; display:block; margin:55px 0 35px; overflow:hidden;}
.box .img img{width:100%; height:auto;}
.box #img-a,.box #img-b{max-width: 1024px;margin: 0 auto;}

/* 各話のサムネ */
.box .thumbimg{max-width:800px; margin:0 auto;}
.box .thumbimg img{width:100%; height:auto;}

/* sankakutoggle */
.sankaku{width:40px; height:20px; margin:20px auto;}
.open{background:url(../img/story/sankaku.png) no-repeat; background-position:center;}
.close{background:url(../img/story/sankaku2.png) no-repeat; background-position:center;}

@media screen and (max-width: 768px) {
.box ul{max-width:800px;margin:0 auto;}
.box ul li{background:#eeeeee;margin:10px 0;padding-top:15px;padding-bottom:15px;}
.box ul li img,.box ul li p{display:inline-block;}
.box ul li img{padding:3px 0 3px 40px;}
.box ul #center img{padding:3px 0 3px 40px;}
.box ul li p{line-height:24px;padding-left:5%;padding-right:5%; width:90%;margin-top:15px;text-align:center;}
.box ul li div{text-align:center;}
.box .inner{max-width:1170px;margin:30px auto;overflow:hidden;background:#3a3c4f;}
.box .inner .img2,.box .inner .img1{float:none;}
.box .inner .img2{ width:100%;color:#fff;}
.box .inner .img2 img{padding:5%;}
.box .inner .img2 p{max-width:768px;padding:0 5% 5% 5%;}
.box .inner .img1{width:100%;}
.box .inner .img1 img{width:100%;height:auto;min-height: auto;}
#tab2 .box .img{max-width:500px; max-height:none; overflow:hidden;margin: 50px auto;}
#tab2 .box .img img{width:100%;height:auto;float:left;}

#tab1box3 .text{padding-left:10px;padding-right:10px;}
}
@media screen and (max-width: 480px) {
	h2{height: 150px;}
	.box .text{padding:20px 0;}
	.box,#tab2 .box{padding-top: 0px;padding-bottom:45px;}
	#tab1 #tab1box1,#tab2 #tab2box1{padding-top: 45px;}
	.lastbox{margin-bottom:60px;}
	.box .text{text-align:left;}
}
/**************************************************************************/
/* add */
.box .text.text-table{
	padding: 10px 0 15px;
	margin: 0 auto;
}
.box .text.text_detail{
	padding: 5px 0 5px;
	margin: 0 auto;
}
.box .text.text_length{
	padding:0 0 10px;
	margin: 0 auto;
}
.n_type{
	max-width:800px;
	margin:30px auto 0;
	border-bottom: 2px solid #3a3c4f;
	padding-left: 3px;
}
h6{
	max-width:800px;
	margin: 20px auto 0;
	display: block;
}

.s_length{
	border: 1px solid #ccc;
    display: inline-block;
    padding: 5px 10px;

    margin-top: 8px;
}