/*	interview_top
============================== */
.interview ul.bn-pics li.num07 a:before {background-image:url(../img/int_bn7.jpg);}
.interview ul.bn-pics li.num06 a:before {background-image:url(../img/int_bn6.jpg);}
.interview ul.bn-pics li.num05 a:before {background-image:url(../img/int_bn5.jpg);}
.interview ul.bn-pics li.num04 a:before {background-image:url(../img/int_bn4.jpg);}
.interview ul.bn-pics li.num03 a:before {background-image:url(../img/int_bn3.jpg);}
.interview ul.bn-pics li.num02 a:before {background-image:url(../img/int_bn2.jpg);}
.interview ul.bn-pics li.num01 a:before {background-image:url(../img/int_bn1.jpg);}


.interview ul.bn-pics li.vol3 a:before {background-image:url(../img/int_bnv3.jpg);}
.interview ul.bn-pics li.vol2 a:before {background-image:url(../img/int_bnv2.jpg);}
.interview ul.bn-pics li.vol1 a:before {background-image:url(../img/int_bnv1.jpg);}
.interview ul.bn-pics li.vol0 a:before {background-image:url(../img/int_bnv0.jpg);}


@media all and (min-width: 768px) {
   .interview .bknum {
      margin-bottom: 70px;
   }
}
@media all and (max-width: 767px) {
   .interview .bknum {
      margin-bottom: 30px;
   }
}
/*	interview_top
============================== */
p.interview_top {
   color: #53301a;
   text-align: center;
   font-weight: bold;
}
p.interview_top span.red {
   color: #bd1634;
}
p.interview_top span.blue {
   color: #1d2088;
}
@media all and (min-width: 768px) {
   p.interview_top {
      font-size: 19px;
      line-height: 35px;
      margin-bottom: 20px;
   }
   p.interview_top span.big {
      font-size: 26px;
   }
}
@media all and (max-width: 767px) {
   p.interview_top {
      line-height: 160%;
      margin-bottom: 10px;
   }
   p.interview_top span.big {
      font-size: 120%;
   }
}

/*	lower h2
============================== */
.interview h4 {
   font-weight: normal;
   margin-bottom: 0.5em;
}
.interview h4 > span {
   background: linear-gradient(transparent 40%, #ffdede 40%);
   padding: 0 0.3em;
}
@media all and (min-width: 768px) {
   .interview h2 {
		background-position: left -400px;
   }
   .interview p.lines {
    width: 800px;
    margin: 0 auto 30px;
    font-size: 15px;
}
}
/*	lower h2 (00px ÷ 782) */
@media all and (max-width: 767px) {
   .interview h2 {
		background-position: left 54.550895%;
   }
   .interview p.lines {
    margin: 0 auto 10px;
}}
/* .interview_01 */
@media all and (min-width: 768px) {
   figure.cast_main p span, figure.cast_main p span img { width:560px; height:372px; }}
@media all and (max-width: 767px) {
   figure.cast_main p span { padding-top:66.4285714285714%; }}


@media all and (min-width: 768px) {
   figure.yoko p span, figure.yoko p span img { width:560px; height:372px; }}
@media all and (max-width: 767px) {
   figure.yoko p span { padding-top:66.4285714285714%; }}

@media all and (min-width: 768px) {
   figure.tate p span, figure.tate p span img { width:372px; height:560px; }}
@media all and (max-width: 767px) {
   figure.tate p span { padding-top:150.5376344086022%; }}




p.int_ca {
   display: block;
   white-space: nowrap; overflow: hidden; text-indent: 110%;}

p#int_ca01 { background-image: url(../img/interview_header01.jpg)!important; }
p#int_ca02 { background-image: url(../img/interview_header02.jpg)!important; }
p#int_ca03 { background-image: url(../img/interview_header03.jpg)!important; }



@media all and (min-width: 768px) {
p.int_ca {
   width: 926px;
   height: 370px;
   margin: -30px -30px 0;
}
}
@media all and (max-width: 767px) {
   p.int_ca {
   	background-size:cover;
   	height:0;
   	/* 縦÷横 */
   	padding-top:39.9568034557235%;
      position: relative;
      margin: -15px -15px 0;
   }

   p.int_ca span {
   	height:100%;
   	position:absolute;
   	left:0;
   	top:0;
   	width:100%;
   }
}
