h2{width: 95%; max-width: 930px;}
.common_cont_box_box h2{width: 95%; max-width: 800px;}
h3{color: #f2c8fe; font-size: 25px; line-height: 1.1;}
.common_list{width: 95%; max-width: 800px; margin: 0 auto; border-bottom: solid 2px #cd90de; padding-bottom: 10px;}
.common_list dt{width: 84%; max-width: 700px; float: left;}
.common_list dd{width: 15%; max-width: 91px; float: right;}

.common_list_text{width: 95%; max-width: 800px; margin: 0 auto; color: #bf82ce; padding-top: 4px;}
.common_list_text a{color: #bf82ce;}
.common_list a:hover{filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65;}


.cp_header img{width: 100%;}
.list_box{color: #cd90de; width: 95%; max-width: 800px; margin: 0 auto;}
.list_box2{color: #cd90de; width: 95%; max-width: 800px; margin: 0 auto;}

.list_box li{text-indent: -15px; padding-left: 15px;}
li.noindent{text-indent: 0; padding-left: 0;}

.lead_box{width: 95%; max-width: 935px; margin: 0 auto; color: #cd90de; font-size: 16px;}



.list_box a:link { color: #f00; text-decoration: none;}
.list_box a:visited { color: #f00; }
.list_box a:hover { color: #f00; text-decoration: underline;}
.list_box a:active { color: #f00;}

/*interview
------------------------------------------------------------- */
.interview_box{width: 95%; max-width: 800px; margin: 0 auto; padding-top: 10px; text-indent: -10px; padding-left: 10px;}

.intv-list{width: 95%; max-width: 800px; margin: 10px auto 0 auto;}
.intv-list li{width: 19%; float: left; padding: 0 0.25%; text-align: center; margin: 0.25%;}
.intv-list li a{display: block; background: #c6234d; color: #fff; width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; line-height: 1.2; padding: 2px 0;}
.intv-list li a:hover{background: #d7abfe; color: #000; }
.intv-list span{display: block;}

.intv-box-main-box{width: 95%; max-width: 800px; margin: 0 auto;}
.intv-img{width: 30%; float: right;}
.intv-text{width: 65%; float: left;}
.intv-img div{width: calc(50% - 3px); display:inline-block; margin-top: 10px;}
.intv-img div.main{width: calc(100% - 2px); display:inline-block; margin-top: 0;}

hr.intvline{margin:0; padding:0; border: 0; border-bottom: solid 1px #d7abfe; margin-bottom: 20px;}

.intv-img img{width: 100%; max-width: 300px; border: solid 3px #fff; margin: -3px;}
.intv-text-chara{}
.intv-text-name{font-size: 30px; color: #d7abfe;}
.intv-text-name span{font-size: 20px;}
.intv-text-name strong{font-size: 20px;}

.chara01{color: #8086d7;}
.chara02{color: #78b8f8;}
.chara03{color: #b82b18;}
.chara04{color: #e0b048;}
.chara05{color: #80e088;}
.chara06{color: #8fb1ab;}
.chara07{color: #bb76c2;}
.chara08{color: #8787be;}
.chara09{color: #e0d868;}
.chara10{color: #a38dcd;}

.intv-text-common{padding-bottom: 25px; }
.intv-text-common dt{font-size: 18px; margin-bottom: 10px; color: #fff; background: #501981; padding: 1%;}
.intv-text-common dd{font-size: 20px;}
.intv-text-common strong{background: #d7abfe; color: #000; display:inline-block; padding: 0 5px; margin-right: 5px;}

.intv01page .intv01link a{background: #d7abfe; color: #000;}
.intv02page .intv02link a{background: #d7abfe; color: #000;}
.intv03page .intv03link a{background: #d7abfe; color: #000;}
.intv04page .intv04link a{background: #d7abfe; color: #000;}
.intv05page .intv05link a{background: #d7abfe; color: #000;}
.intv06page .intv06link a{background: #d7abfe; color: #000;}
.intv07page .intv07link a{background: #d7abfe; color: #000;}
.intv08page .intv08link a{background: #d7abfe; color: #000;}
.intv09page .intv09link a{background: #d7abfe; color: #000;}
.intv10page .intv10link a{background: #d7abfe; color: #000;}



/*festivecomments
------------------------------------------------------------- */
.festivecomments_box{width: 95%; max-width: 800px; margin: 0 auto; padding-top: 10px; padding-bottom: 32px;}
.ftc-text-name{font-size: 30px; line-height: 1; padding-bottom: 8px; color: #d7abfe;}
.ftc-text-name span{font-size: 16px;}
.ftc-text-name strong{font-size: 16px;}
.festivecomments_box a{color: #c6234d;}







/*twitter-icon
------------------------------------------------------------- */
.icon-tw{width: 90%; max-width: 680px; margin: 0 auto;}
.icon-tw li{width: 19%; padding: 0.5%; max-width: 400px; float: left;}
.icon-tw img{width: 100%; max-width: 400px;}

.icon-tw2{width: 90%; max-width: 700px; margin: 0 auto;}
.icon-tw2 li{width: 47%; padding: 0.5%; max-width: 640px; float: left;}
.icon-tw2 img{width: calc(100% - 6px); max-width: 400px; border: solid 3px #fff;}

.header-tw{width: 90%; max-width: 680px; margin: 0 auto 8px auto;}
.header-tw img{width: 100%; max-width: 680px;}

.tw-text-box{width: 90%; max-width: 680px; margin: 0 auto; padding: 8px 0;}

.font20{font-size: 20px;}
.comingsoon{color:#646464;}

.index_history{width: 100%; max-width: 930px; margin: 0 auto;}
.cp_history_box{width: 95%; max-width: 930px; margin: 0 auto;}

.cp_history_box_left{ width: 80%; margin: 0 auto; text-align: left; float: left;}
.cp_history_box_right{ width: 19%; float: right; padding-top: 10%;}
.cp_history_box_right img{width: 100%; max-width: 162px;}

.next{filter:alpha(opacity=65); -moz-opacity:0.50; -khtml-opacity:0.50; opacity:0.50;}


.rough{width: 95%; max-width: 700px; margin: 0 auto; padding: 5px 2.5% 5px 2.5%;
background:url(/haruka6/gentourondo/images/special/tw/tomobe_bg.jpg) top center;
}
.rough img{width: 100%;}
.tomobe-event{ width: 90%; max-width: 670px; margin: 10px auto 10px auto; padding-top: 37%; padding-bottom: 10px; background:url(/haruka6/gentourondo/images/special/tw/tomobe.jpg?20161205) top center no-repeat; -moz-background-size:100% auto; background-size:100% auto;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px; overflow:hidden;

}
.tomobe-event-link{width: 90%; max-width: 670px; margin: 0 auto; padding: 10px 0; text-align: center; }
.tomobe-event-link a{color: #fff;}


@media screen and (max-width: 850px) {
.tomobe-event{ padding-top: 44%; }
}


@media screen and (max-width: 740px) {
.intv-list li{width: 32%;}
.tomobe-event{ padding-top: 47%; }
}



@media screen and (max-width: 640px) {
.common_list dd img{width: 100%;}

.common_list dt{width: 100%; max-width: 700px; float: none;}
.common_list dd{width: 100%; max-width: 91px; float: none; margin-top: 5px; text-align: right;}


.cp_history_box_left{ width: 98%; float: none;}
.cp_history_box_right{ width: 162px; float: none; margin: 0 auto; padding-top: 10px;}

.intv-list li{width: 49%;}

.intv-img{width: 90%; float: none; margin: 0 auto 15px auto;}
.only1{width: 30%; float: none; margin: 0 auto 15px auto;}
.intv-img div{width: calc(33% - 3px); display:inline-block; margin-top: 10px;}
.intv-img div.main{width: calc(33% - 3px); display:inline-block; margin-top: 0;}

.intv-text{width: 95%; float: none; margin: 0 auto 0 auto;}
.intv-text-name{text-align: center;}
.intv-list span{font-size: 12px;}
.intv07link {font-size: 14px;}

.icon-tw li{width: 32%; padding: 0.5%; max-width: 400px; float: left;}

.tomobe-event{ padding-top: 47%; }

}