@charset "UTF-8";
/* -----------------------------------------------------------
   STORY
------------------------------------------------------------*/
.Story .nocontxt img{
	position:absolute;
	top:0;
	left:0;
	}
.Story #leftBox #mainImg{
	height:0;
	overflow:hidden;
	background-size:cover;
	background-repeat:no-repeat;
	padding-top:65.51%;
	position:relative;
	}

.Story #leftBox .Img{
	height:0;
	overflow:hidden;
	background-size:cover;
	background-repeat:no-repeat;
	margin:0 auto;
	}
.Story #leftBox .box a{
	color:#da5c07;
	}
.Story #playerCover .tbs-player{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}



.Story #leftBox .vol1 #mainImg,.Story #Bknum_ver1 #t1{ background-image:url(../story/img/ph1_main.jpg);}
.Story #leftBox .vol1 #ph1{ background-image:url(../story/img/ph1_1.jpg);}
.Story #leftBox .vol2 #mainImg,.Story #Bknum_ver1 #t2{ background-image:url(../story/img/ph2_main.jpg);}

.Story #leftBox .vol3 #mainImg,.Story #Bknum_ver1 #t3{ background-image:url(../story/img/ph3_main.jpg);}
.Story #leftBox .vol3 #ph1{ background-image:url(../story/img/ph3_1.jpg);}
.Story #leftBox .vol4 #mainImg,.Story #Bknum_ver1 #t4{ background-image:url(../story/img/ph4_main.jpg);}
.Story #leftBox .vol4 #ph1{ background-image:url(../story/img/ph4_1.jpg);}
.Story #leftBox .vol5 #mainImg,.Story #Bknum_ver1 #t5{ background-image:url(../story/img/ph5_main.jpg);}
.Story #leftBox .vol5 #ph1{ background-image:url(../story/img/ph5_1.jpg);}
.Story #leftBox .vol6 #mainImg,.Story #Bknum_ver1 #t6{ background-image:url(../story/img/ph6_main.jpg);}
.Story #leftBox .vol6 #ph1{ background-image:url(../story/img/ph6_1.jpg);}
.Story #leftBox .vol7 #mainImg,.Story #Bknum_ver1 #t7{ background-image:url(../story/img/ph7_main.jpg);}
.Story #leftBox .vol7 #ph1{ background-image:url(../story/img/ph7_1.jpg);}
.Story #leftBox .vol8 #mainImg,.Story #Bknum_ver1 #t8{ background-image:url(../story/img/ph8_main.jpg);}
.Story #leftBox .vol8 #ph1{ background-image:url(../story/img/ph8_1.jpg);}

@media all and (min-width: 768px) {
.Story #leftBox .vol1 h2{background-image:url(../story/img/vol1.png);}
.Story #leftBox .vol2 h2{background-image:url(../story/img/vol2.png);}
.Story #leftBox .vol3 h2{background-image:url(../story/img/vol3.png);}
.Story #leftBox .vol4 h2{background-image:url(../story/img/vol4.png);}
.Story #leftBox .vol5 h2{background-image:url(../story/img/vol5.png);}
.Story #leftBox .vol6 h2{background-image:url(../story/img/vol6.png);}
.Story #leftBox .vol7 h2{background-image:url(../story/img/vol7.png);}
.Story #leftBox .vol8 h2{background-image:url(../story/img/vol8.png);}
}




@media all and (min-width: 768px) {
.Story #leftBox h1{
	background-image:url(../img/story_ti.png);
	background-position:center center;
	background-repeat:no-repeat;
	text-indent:-9999px;
	}
.Story #leftBox h2{
	display:block;
	height:70px;
	margin-bottom:20px;
	background-size:cover;
	text-indent:-9999px;
	}
.Story #leftBox h3{
	background:url(../img/story_spot.png) no-repeat;
	height:46px;
	text-indent:-9999px;
	margin:20px 0 30px;
	}
.Story #leftBox #mainImg{
	width:580px;
	margin-bottom:30px;
	}
.Story #leftBox #mainImg img{
	width:580px;
	height:380px;
	}
.Story #leftBox .Img{
	width:380px;
	margin-bottom:40px;
	padding-top:43.1%;
	}
.Story #leftBox .box{
	margin-bottom:40px;
	}
.Story  .inner p{
	font-size:85%;
	line-height:180%;
	padding:0 8px;
	}
.Story #playerCover{
	width:100%;
	height:0;
	box-sizing:border-box;
	padding-top:55.2%;
	margin:0 auto 10px;
	border:5px solid #f2dfd0;
	position:relative;
	}

}
@media all and (max-width: 767px) {
.Story #leftBox h2{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:120%;
	font-weight:normal;
	margin-bottom:15px;
	color:#7a4c31;
	padding-left:6px;
	}
.Story #leftBox h2 .vol{
	color:#c96722;
	padding-right:5px;
	}
.Story #leftBox h3{
	width:90%;
	display:block;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:100%;
	border-top:1px solid #cab7ac;
	border-bottom:1px solid #cab7ac;
	margin:0 auto 20px;
	text-align:center;
	color:#7a4c31;
	padding:8px 0;
	}
.Story #leftBox #mainImg{
	width:100%;
	margin-bottom:25px;
	}
.Story #leftBox #mainImg img{
	width:100%;
	height:auto;
	}
.Story #leftBox .Img{
	width:80%;
	margin-bottom:20px;
	padding-top:52.63%;
	}
.Story #leftBox .Img img{
	width:80%;
	height:auto;
	}
.Story #leftBox .box{
	margin-bottom:20px;
	}
.Story  .inner p{
	font-size:85%;
	line-height:180%;
	padding:0 12px;
	}
.Story #playerCover{
	width:90%;
	height:0;
	padding-top:49.68%;
	margin:0 auto 10px;
	border:5px solid #f2dfd0;
	box-sizing:border-box;
	position:relative;
	}

}