@charset "utf-8";


.sp_title{width: 40%; max-width: 465px; margin: 0 auto 3% auto; padding-top: 100px;}



@media screen and (max-width: 700px) {

.sp_title{width: 70%; max-width: 465px; margin: 0 auto 3% auto; padding-top: 100px;}

}


.cast_list{width: 95%; max-width: 800px; margin: 0 auto 5% auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap;}
.cast_list li{width: calc(25% - 4px); border: solid 1px #7c4a07; text-align: center; padding: 1px; display:flex; }
.cast_list li a{width: 90%; padding: 10px 5%; display:block; background:#c7354d; color: #fff;}
.cast_list li a:hover{-moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65;}

.castinterview1 .cast_list li.cast1 a{background:#7c4a07;}
.castinterview2 .cast_list li.cast2 a{background:#7c4a07;}
.castinterview3 .cast_list li.cast3 a{background:#7c4a07;}
.castinterview4 .cast_list li.cast4 a{background:#7c4a07;}
.castinterview5 .cast_list li.cast5 a{background:#7c4a07;}
.castinterview6 .cast_list li.cast6 a{background:#7c4a07;}
.castinterview7 .cast_list li.cast7 a{background:#7c4a07;}
.castinterview8 .cast_list li.cast8 a{background:#7c4a07;}

.cast_name{width: 95%; max-width: 800px; margin: 0 auto 3% auto; font-size: 40px; color: #c7354d; text-align: center;
padding-top: 5%;
padding-bottom: 2%;
color: #c7354d;
text-align: center;
font-weight: 600;
text-shadow: #fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
background: url(../img/sp/interview/title_bg.png) bottom center no-repeat;
    background-size: auto;
-moz-background-size: 100% 40%;
background-size: 100% 40%;

}
.cast_name span{font-size: 80%; color: #7c4a07;}

.cast_img{width: 95%; max-width: 640px; margin: 0 auto 3% auto; box-shadow: 7px 7px 0px -3px #ac8d3e;}

.qa_box{width: 95%; max-width: 640px; margin: 0 auto 3% auto; background:#fff; box-shadow: 7px 7px 0px -3px #ac8d3e; font-size: 16px; line-height:1.61; }
.q_box{padding:5% 5% 2.5% 5%; color: #c7354d;}
.a_box{padding:2.5% 5% 5% 5%; color: #7c4a07;}



@media screen and (max-width: 700px) {

.cast_name{font-size: 6vw;}

}