@charset 'UTF-8';

/*
.page-ttl h2{
    font-size: 40px;
    font-weight: bold;
    color: #db1a1f;
}

.page-ttl span {
    display: block;
    line-height:1;
    font-size: 14px;
    color: #db1a1f;
}
*/

.wrp_profarea{
    display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
}

.wrp_profarea .sec1{
    width:26vw;
    height:93vh;
    background:#d61a1f;
    padding:0 6% 0 6%;
}

.namebox .name{
    padding: 9vh 0 6vh;
    font-size: 6.2vh;
    letter-spacing: 0em;
    color: #fff;
    white-space: pre-wrap;
}

.namebox .profile-detail{
    letter-spacing: 2.3em;
    font-size:1.38vw;
    margin: 0 0;
    text-align: center;
    border-top: 1px solid #fff;
}

.namebox  .profile-detail p {
    border-bottom: 1px solid #fff;
    color:#fff;
    padding:0.9vh 0.2vh 0.8vh;
}

.namebox  .profile-detail .T-B-W-H{
    letter-spacing: 0em;
    display: flex;
    justify-content: space-around;
    -webkit-justify-content: space-around;
}

.namebox .birthday{
    letter-spacing: 0.3em;
}

.namebox  .profile-detail .bt-intv{
    border: solid 1px #fff;
    color: #fff;
    display: block;
    font-size: 1.4vw;
    text-decoration: none;
    letter-spacing: 0em;
    width: 12vw;
    padding: 1.5vh 0;
    margin: 4vh 0 0;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.namebox  .profile-detail .bt-intv:hover{
    background:#fff;
    color:#d61a1f;
}

.photo_pager{
    margin:10vh 0 0;
    height:10vh;
    overflow:hidden;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.photo_pager a{
    display:block;
    width:19%;
    background:#000;
}

.photo_pager a img{
    display:block;
    width:100%;
}

.photo_pager a .thumb_btn{
    height:10vh;
    display:block;
    background-size:cover;
    background-position:center;
}

.photo_pager a .thumb_btn{
    opacity:0.5
}

.photo_pager a.active .thumb_btn{
    opacity:1;
}

.wrp_profarea .sec2{
    width:74vw;
    position:relative;
}

.wrp_profarea .sec2:after{
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    width:98%;
    height:98%;
    border:solid 1px #db1a1f;
}

.short_comment{
    display: block;
    letter-spacing: 0.4em;
    position: absolute;
    top: 50%;
    left: 51%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    color: #db1a1f;
    font-size: 2.2vw;
    z-index: 1;
    width: 100%;
    text-align: center;
}

#cast_photo li{
    height:93vh;
    background-size:cover;
    background-position:center;
}

.bx-wrapper{
    margin-bottom:0 !important;
    margin-left:0 !important;
}

.bx-wrapper .bx-viewport{
    box-shadow:none !important;
    border:none !important;
    left:0px !important;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
    bottom:20px;
}

.bx-wrapper .bx-pager.bx-default-pager a{
    background:#fff;
}

#commentbox {
    margin-bottom:6vh;
    margin-top: -30px; /* リンク位置上昇分 */
    padding-top: 30px; /* 上昇分を戻す分 */
}

#commentbox .interview_title{
    color: #db1a1f;
    font-family: Helvetica;
    font-size: 2.8vw;
    font-weight: bold;
    margin: 7vh 0 4vh;
    text-align: center;
} 

#commentbox .comment{
    color:#db1a1f;
    width:55vw;
    margin:0 auto;
    font-size:1vw;
}

#commentbox .comment *{
    font-size:1.0vw !important;
    line-height:1.5;
    color:#db1a1f;
}