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

.Interview #leftBox .Img,.Interview #leftBox .Img2{
	height:0;
	overflow:hidden;
	background-size:cover;
	background-repeat:no-repeat;
	margin:0 auto;
	}

.Interview .vol1 .nameBox .vol{background-image:url(../interview/img/no1.png) ;}
@media all and (min-width: 768px) {.Interview .vol1 h2{background:url(../interview/img/name1.png) 0 no-repeat;}}
.Interview .vol1 #mainImg,.Interview #Bknum_ver1 #t1{ background-image:url(../interview/img/ph1_main.jpg);}
.Interview .vol1 #ph1{ background-image:url(../interview/img/ph1_1.jpg);}
.Interview .vol1 #ph2{ background-image:url(../interview/img/ph1_2.jpg);}
.Interview .vol1 #ph3{ background-image:url(../interview/img/ph1_3.jpg);}

.Interview .vol2 .nameBox .vol{background-image:url(../interview/img/no2.png);}
@media all and (min-width: 768px) {.Interview .vol2 h2{background:url(../interview/img/name2.png) 0 no-repeat;}}
.Interview .vol2 #mainImg,.Interview #Bknum_ver1 #t2{ background-image:url(../interview/img/ph2_main.jpg);}
.Interview .vol2 #ph1{ background-image:url(../interview/img/ph2_1.jpg);}
.Interview .vol2 #ph2{ background-image:url(../interview/img/ph2_2.jpg);}

.Interview .vol3 .nameBox .vol{background-image:url(../interview/img/no3.png);}
@media all and (min-width: 768px) {.Interview .vol3 h2{background:url(../interview/img/name3.png) 0 no-repeat;}}
.Interview .vol3 #mainImg,.Interview #Bknum_ver1 #t3{ background-image:url(../interview/img/ph3_main.jpg);}
.Interview .vol3 #ph1{ background-image:url(../interview/img/ph3_1.jpg);}
.Interview .vol3 #ph2{ background-image:url(../interview/img/ph3_2.jpg);}
.Interview .vol3 #ph3{ background-image:url(../interview/img/ph3_3.jpg);}

.Interview .vol4 .nameBox .vol{background-image:url(../interview/img/no4.png);}
@media all and (min-width: 768px) {.Interview .vol4 h2{background:url(../interview/img/name4.png) 0 no-repeat;}}
.Interview .vol4 #mainImg,.Interview #Bknum_ver1 #t4{ background-image:url(../interview/img/ph4_main.jpg);}
.Interview .vol4 #ph1{ background-image:url(../interview/img/ph4_1.jpg);}
.Interview .vol4 #ph2{ background-image:url(../interview/img/ph4_2.jpg);}
.Interview .vol4 #ph3{ background-image:url(../interview/img/ph4_3.jpg);}
.Interview .vol4 #ph4{ background-image:url(../interview/img/ph4_4.jpg);}

.Interview .vol5 .nameBox .vol{background-image:url(../interview/img/no5.png);}
@media all and (min-width: 768px) {.Interview .vol5 h2{background:url(../interview/img/name5.png) 0 no-repeat;}}
.Interview .vol5 #mainImg,.Interview #Bknum_ver1 #t5{ background-image:url(../interview/img/ph5_main.jpg);}
.Interview .vol5 #ph1{ background-image:url(../interview/img/ph5_1.jpg);}
.Interview .vol5 #ph2{ background-image:url(../interview/img/ph5_2.jpg);}
.Interview .vol5 #ph3{ background-image:url(../interview/img/ph5_3.jpg);}

.Interview .vol6 .nameBox .vol{background-image:url(../interview/img/no6.png);}
@media all and (min-width: 768px) {.Interview .vol6 h2{background:url(../interview/img/name6.png) 0 no-repeat;}}
.Interview .vol6 #mainImg,.Interview #Bknum_ver1 #t6{ background-image:url(../interview/img/ph6_main.jpg);}
.Interview .vol6 #ph1{ background-image:url(../interview/img/ph6_1.jpg);}
.Interview .vol6 #ph2{ background-image:url(../interview/img/ph6_2.jpg);}
.Interview .vol6 #ph3{ background-image:url(../interview/img/ph6_3.jpg);}

.Interview .vol7 .nameBox .vol{background-image:url(../interview/img/no7.png);}
@media all and (min-width: 768px) {.Interview .vol7 h2{background:url(../interview/img/name7.png) 0 no-repeat;}}
.Interview .vol7 #mainImg,.Interview #Bknum_ver1 #t7{ background-image:url(../interview/img/ph7_main.jpg);}
.Interview .vol7 #ph1{ background-image:url(../interview/img/ph7_1.jpg);}
.Interview .vol7 #ph2{ background-image:url(../interview/img/ph7_2.jpg);}
.Interview .vol7 #ph3{ background-image:url(../interview/img/ph7_3.jpg);}

.Interview .vol8 .nameBox .vol{background-image:url(../interview/img/no8.png);}
@media all and (min-width: 768px) {.Interview .vol8 h2{background:url(../interview/img/name8.png) 0 no-repeat;}}
.Interview .vol8 #mainImg,.Interview #Bknum_ver1 #t8{ background-image:url(../interview/img/ph8_main.jpg);}
.Interview .vol8 #ph1{ background-image:url(../interview/img/ph8_1.jpg);}
.Interview .vol8 #ph2{ background-image:url(../interview/img/ph8_2.jpg);}
.Interview .vol8 #ph3{ background-image:url(../interview/img/ph8_3.jpg);}

.Interview .vol9 .nameBox .vol{background-image:url(../interview/img/no9.png);}
@media all and (min-width: 768px) {.Interview .vol9 h2{background:url(../interview/img/name9.png) 0 no-repeat;}}
.Interview .vol9 #mainImg,.Interview #Bknum_ver1 #t9{ background-image:url(../interview/img/ph9_main.jpg);}
.Interview .vol9 #ph1{ background-image:url(../interview/img/ph9_1.jpg);}
.Interview .vol9 #ph2{ background-image:url(../interview/img/ph9_2.jpg);}
.Interview .vol9 #ph3{ background-image:url(../interview/img/ph9_3.jpg);}

@media all and (min-width: 768px) {
.Interview #leftBox h1{
	background-image:url(../img/interview_ti.png);
	background-position:center center;
	background-repeat:no-repeat;
	text-indent:-9999px;
	}
.Interview .nameBox .vol{
	display:block;
	width:50px;
	height:50px;
	background-repeat:no-repeat;
	background-size:cover;
	text-indent:-9999px;
	float:left;
	}
.Interview #leftBox h2{
	display:block;
	width:530px;
	height:50px;
	float:left;
	text-indent:-9999px;
	margin-bottom:30px;
	}
.Interview #leftBox h3{
	color:#be6332;
	font-size:90%;
	padding:0 5px 10px;
	}
.Interview #leftBox #mainImg{
	width:580px;
	margin-bottom:30px;
	}
.Interview #leftBox #mainImg img{
	width:580px;
	height:380px;
	}
.Interview #leftBox .Img{
	width:380px;
	margin-bottom:40px;
	padding-top:43.1%;
	}
.Interview #leftBox .Img2{
	width:250px;
	margin-bottom:40px;
	padding-top:64.82%;
	}
.Interview #leftBox .qa{
	margin-bottom:40px;
	}
.Interview  .inner p{
	font-size:85%;
	line-height:180%;
	padding:0 8px;
	}

}
@media all and (max-width: 767px) {
.Interview #leftBox .nameBox{
	display: table;
	margin-bottom:10px;
	width:100%;
	}
.Interview .nameBox .vol{
	width:12%;
	height:0;
	padding-top:8%;
	background-size:contain;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display: table-cell;
	}
.Interview #leftBox h2{
	display: table-cell;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color:#7a4c31;
	font-size:130%;
	font-weight:normal;
	padding-left:10px;
	vertical-align: middle;
	margin:0;
	}
.Interview #leftBox h2 .yaku{
	color:#d0682a;
	font-size:80%;
	padding-left:10px;
	}
.Interview #leftBox h3{
	color:#be6332;
	font-size:90%;
	padding:0 8px 2px;
	line-height:140%;
	}
.Interview #leftBox #mainImg{
	width:100%;
	margin-bottom:15px;
	}
.Interview #leftBox #mainImg img{
	width:100%;
	height:auto;
	}
.Interview #leftBox .Img{
	width:80%;
	margin-bottom:20px;
	padding-top:52.63%;
	}
.Interview #leftBox .Img2{
	width:50%;
	margin-bottom:20px;
	padding-top:64.82%;
	}
.Interview #leftBox .Img img{
	width:80%;
	height:auto;
	}
.Interview #leftBox .Img2 img{
	width:50%;
	height:auto;
	}
.Interview #leftBox .qa{
	margin-bottom:15px;
	}
.Interview  .inner p{
	font-size:85%;
	line-height:140%;
	padding:0 8px;
	}

}