@charset "utf-8";

.btn_type_cast{width: 95%; max-width: 900px;  margin: 0 auto;}
.btn_type_cast li{width: calc(50% - 10px); padding: 5px; float: left;}

.idol_groupdata{width: 95%; max-width: 400px;  margin: 0 auto; text-align: center; padding-top: 24px;}



.tujiname{width:100%; max-width:55px; display:inline-block;}

.castdata .free_btn a, .castdata2 .free_btn a{width: calc(33.3% - 10px); max-width: 150px; padding: 0; font-size: 14px; float: left; margin: 10px 5px 0 5px;}




/* ベース背景
---------------------------------------------------------------------------------- */
.bg_3m{background:url(../img/index/cast/cast_3m_bg.gif) #6a6a6a top center no-repeat; padding-top: 150px; -moz-background-size:100% auto; background-size:100% auto;}
.bg_xp{background:url(../img/index/cast/cast_xp_bg.gif) #fff top center no-repeat; padding-top: 150px; -moz-background-size:100% auto; background-size:100% auto;}

@media screen and (max-width: 1000px) {
.bg_3m{background:url(../img/index/cast/cast_3m_bg.gif) #6a6a6a top center no-repeat;  -moz-background-size:170% auto; background-size:170% auto; }
.bg_xp{background:url(../img/index/cast/cast_xp_bg.gif) #fff top center no-repeat;  -moz-background-size:170% auto; background-size:170% auto; }

.cast_main_tab{width: 95%; max-width: 900px;  margin: 0 auto; padding-top: 9.8%; }
.cast_main_tab img{width: 100%; max-width: 236px;}
.cast_main_tab .tabmenu1{width: 45%;  max-width: 236px; float: left;}
.cast_main_tab .tabmenu2{width: 45%;  max-width: 236px; float: right;}

}


/* グループ切り替え
---------------------------------------------------------------------------------- */
.cast_main_tab{width: 95%; max-width: 900px;  margin: 0 auto; padding-top: 100px; }
.cast_main_tab img{width: 100%; max-width: 236px;}
.cast_main_tab .tabmenu1{width: 45%;  max-width: 236px; float: left;}
.cast_main_tab .tabmenu2{width: 45%;  max-width: 236px; float: right;}


.main_bg_3m1{width: 100%; max-width: 1000px;  margin: 0 auto; background:url(../img/cast/cast_3m_main1_bg.png) 0 80px no-repeat; -moz-background-size:100% auto; background-size:100% auto; }
.main_bg_3m2{width: 100%; max-width: 1000px;  margin: 0 auto; background:url(../img/cast/cast_3m_main2_bg.png) 0 80px no-repeat; -moz-background-size:100% auto; background-size:100% auto; }
.main_bg_3m3{width: 100%; max-width: 1000px;  margin: 0 auto; background:url(../img/cast/cast_3m_main3_bg.png) 0 80px no-repeat; -moz-background-size:100% auto; background-size:100% auto; }

.main_bg_xip1{width: 100%; max-width: 1000px;  margin: 0 auto; background:url(../img/cast/cast_xip_main1_bg.png) 0 80px no-repeat; -moz-background-size:100% auto; background-size:100% auto; }
.main_bg_xip2{width: 100%; max-width: 1000px;  margin: 0 auto; background:url(../img/cast/cast_xip_main2_bg.png) 0 80px no-repeat; -moz-background-size:100% auto; background-size:100% auto; }
.main_bg_xip3{width: 100%; max-width: 1000px;  margin: 0 auto; background:url(../img/cast/cast_xip_main3_bg.png) 0 80px no-repeat; -moz-background-size:100% auto; background-size:100% auto; }

/* キャラ別
---------------------------------------------------------------------------------- */
.cast_3m_otowa{background:url(../img/index/cast/cast_otowa.png) top left no-repeat; height: auto;}
.cast_3m_kirishima{background:url(../img/index/cast/cast_kirishima.png) top left no-repeat; height: auto;}
.cast_3m_tsuji{background:url(../img/index/cast/cast_tsuji.png) top left no-repeat; height: auto;}

.cast_xip_fuwa{background:url(../img/index/cast/cast_fuwa.png) top right no-repeat; height: auto;}
.cast_xip_date{background:url(../img/index/cast/cast_date.png) top right no-repeat; height: auto;}
.cast_xip_kanzaki{background:url(../img/index/cast/cast_kanzaki.png) top right no-repeat; height: auto;}


/* 情報
---------------------------------------------------------------------------------- */
.cast_3m_data{ width: 50%; text-align: left; float: right; color: #121c50; padding-bottom: 150px;}
.cast_xip_data{ width: 50%; text-align: left; float: left; color: #fff; padding-bottom: 150px; margin-left: 18%;}

.castname1{font-size: 60px; padding-top: 25%;}
.castname2{font-size: 18px; padding: 12px 0 32px 0;}
.castcv{width: 100%; max-width: 340px; font-size: 16px; text-align: left; padding-bottom: 30px;}
.castdata{width: 100%; max-width: 340px; line-height:1.61; }
.castdata2{width: 100%; max-width: 340px; line-height:1.61; }









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

/* ベース背景
---------------------------------------------------------------------------------- */
.cast_main_tab{width: 95%; max-width: 900px;  margin: 0 auto; padding-top: 12%; }

.cast_main_tab .tabmenu1{width: 45%;  max-width: 180px; float: left;}
.cast_main_tab .tabmenu2{width: 45%;  max-width: 180px; float: right;}



.main_bg_3m1{background:url(../img/cast/cast_3m_main1_bg.png) center 40px no-repeat; -moz-background-size:110% auto; background-size:110% auto; }
.main_bg_3m2{background:url(../img/cast/cast_3m_main2_bg.png) center 40px no-repeat; -moz-background-size:110% auto; background-size:110% auto; }
.main_bg_3m3{background:url(../img/cast/cast_3m_main3_bg.png) center 40px no-repeat; -moz-background-size:110% auto; background-size:110% auto; }

.main_bg_xip1{background:url(../img/cast/cast_xip_main1_bg.png) center 40px no-repeat; -moz-background-size:110% auto; background-size:110% auto; }
.main_bg_xip2{background:url(../img/cast/cast_xip_main2_bg.png) center 40px no-repeat; -moz-background-size:110% auto; background-size:110% auto; }
.main_bg_xip3{background:url(../img/cast/cast_xip_main3_bg.png) center 40px no-repeat; -moz-background-size:110% auto; background-size:110% auto; }




.cast_3m_otowa{background:url(../img/index/cast/cast_otowa.png) top left no-repeat; height: auto;  -moz-background-size:55% auto; background-size:55% auto;}
.cast_3m_kirishima{background:url(../img/index/cast/cast_kirishima.png) top left no-repeat; height: auto;  -moz-background-size:55% auto; background-size:55% auto;}
.cast_3m_tsuji{background:url(../img/index/cast/cast_tsuji.png) top left no-repeat; height: auto;  -moz-background-size:55% auto; background-size:55% auto;}

.cast_xip_fuwa{background:url(../img/index/cast/cast_fuwa.png) 0 right- no-repeat; height: auto;  -moz-background-size:63% auto; background-size:63% auto;}
.cast_xip_date{background:url(../img/index/cast/cast_date.png) top right no-repeat; height: auto;  -moz-background-size:63% auto; background-size:63% auto;}
.cast_xip_kanzaki{background:url(../img/index/cast/cast_kanzaki.png) top right no-repeat; height: auto;  -moz-background-size:66% auto; background-size:66% auto;}

.cast_3m_data{width: 50%;}
.castname1{font-size: 6vw; padding-top: 22%;}
.castname2{font-size: 2.5vw; padding: 12px 0 32px 0;}
.castcv{width: 95%; max-width: 240px; font-size: 2.5vw; text-align: right; padding-bottom: 30px;}
.castdata,
.castdata2{width: 100%; max-width: 240px; line-height:1.30; font-size: 14px;}

.tujiname{width:100%; max-width:46px; display:inline-block;}

.cast_sub_menu{width: 45%; max-width: 400px; margin-right: 5%; margin-top: -26%;}
.cast_sub_menu2{width: 45%; max-width: 400px; margin-left: 5%; margin-top: -26%;}
}

@media screen and (max-width: 750px) {
.tujiname{width:100%; max-width:40px;}
}

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

.bg_3m{background:url(../img/index/cast/cast_3m_bg_sp.gif) #6a6a6a 0 0 no-repeat; -moz-background-size:100% auto; background-size:100% auto; padding-bottom: 20px; padding-top: 100px;}
.bg_xp{background:url(../img/index/cast/cast_xp_bg_sp.gif) #fff 0 0 no-repeat; -moz-background-size:100% auto; background-size:100% auto; padding-bottom: 20px; padding-top: 100px;}

.main_bg_3m1{background:url(../img/cast/cast_3m_main1_bg_sp.png) center 93% no-repeat; -moz-background-size:100% auto; background-size:100% auto; padding-bottom: 40px; }
.main_bg_3m2{background:url(../img/cast/cast_3m_main2_bg_sp.png) center 93% no-repeat; -moz-background-size:100% auto; background-size:100% auto; padding-bottom: 40px; }
.main_bg_3m3{background:url(../img/cast/cast_3m_main3_bg_sp.png) center 93% no-repeat; -moz-background-size:100% auto; background-size:100% auto; padding-bottom: 40px; }

.main_bg_xip1{background:url(../img/cast/cast_xip_main1_bg_sp.png) center 93% no-repeat; -moz-background-size:100% auto; background-size:100% auto; padding-bottom: 40px; }
.main_bg_xip2{background:url(../img/cast/cast_xip_main2_bg_sp.png) center 93% no-repeat; -moz-background-size:100% auto; background-size:100% auto; padding-bottom: 40px; }
.main_bg_xip3{background:url(../img/cast/cast_xip_main3_bg_sp.png) center 93% no-repeat; -moz-background-size:100% auto; background-size:100% auto; padding-bottom: 40px; }

.cast_3m_otowa{background:url(../img/index/cast/cast_otowa_sp.png) top center no-repeat; height: auto;  -moz-background-size:80% auto; background-size:80% auto;}
.cast_3m_kirishima{background:url(../img/index/cast/cast_kirishima_sp.png) top center no-repeat; height: auto;  -moz-background-size:80% auto; background-size:80% auto;}
.cast_3m_tsuji{background:url(../img/index/cast/cast_tsuji_sp.png) top center no-repeat; height: auto;  -moz-background-size:80% auto; background-size:80% auto;}

.cast_xip_fuwa{background:url(../img/index/cast/cast_fuwa_sp.png) top center no-repeat; height: auto;  -moz-background-size:80% auto; background-size:80% auto;}
.cast_xip_date{background:url(../img/index/cast/cast_date_sp.png) top center no-repeat; height: auto;  -moz-background-size:80% auto; background-size:80% auto;}
.cast_xip_kanzaki{background:url(../img/index/cast/cast_kanzaki_sp.png) top center no-repeat; height: auto;  -moz-background-size:80% auto; background-size:80% auto;}


.cast_3m_data{ width: 100%; text-align: center; float: none; padding-bottom: 0; padding-top: 50%;}
.cast_xip_data{ width: 100%; text-align: center; float: none; padding-bottom: 0; padding-top: 50%; margin-left: 0;}


.castname1{font-size: 9vw; padding-top: 19%;}
.castname2{font-size: 4vw; padding: 12px 0 20px 0;}
.castcv{width: 100%; max-width: 640px; font-size: 3.5vw; text-align: center; padding-bottom: 20px;}
.castdata{ background-color:rgba(255,255,255,1); width: 90%; max-width: 400px; line-height:1.60; font-size: 14px; text-align: left;  padding: 20px 10px 10px 10px; margin: 0 auto 0 auto;}
.castdata2{ background-color:rgba(101,101,101,0.65); width: 90%; max-width: 400px; line-height:1.60; font-size: 14px; text-align: left;  padding: 20px 10px 10px 10px; margin: 0 auto 0 auto;}


.cast_sub_menu,
.cast_sub_menu2{ width: 95%; max-width: 470px; text-align: center; float: none; margin: 0 auto;}

.product_left,.product_right{ width: 100%; float: none; padding-bottom: 32px; }


.cast_sp_margin .cont_title{padding-bottom: 0; margin-bottom: 0;}

.product_pk_name dt{ font-size: 6vw;}
.product_pk_list dt{ font-size: 5vw; padding-top: 5px;}

.page_icon{width: 25%;}

.header_left_box{display: none;}
.header_center_box{width: 50%; float: none; margin: 0 auto; text-align: center;}
.header_right_box{display: none;}

.tujiname{width:50%; max-width:49px; display:inline-block;}

.castdata .free_btn, .castdata2 .free_btn{text-align: center; width: 95%; max-width: 300px; margin: 0 auto;}
.castdata .free_btn a, .castdata2 .free_btn a{ margin: 20px 5px 0 5px;}


}

@media screen and (max-width: 500px) {
.tujiname{width:100%; max-width:45px;}
}



@media screen and (max-width: 420px) {
.cast_main_tab{padding-top: 21.5%;}
.bg_3m{background:url(../img/index/cast/cast_3m_bg_sp.gif) #6a6a6a 0 0px no-repeat; -moz-background-size:100% auto; background-size:100% auto; padding-bottom: 20px; padding-top: 50px;}
.bg_xp{background:url(../img/index/cast/cast_xp_bg_sp.gif) #fff 0 0px no-repeat; -moz-background-size:100% auto; background-size:100% auto; padding-bottom: 20px; padding-top: 50px;}

.main_bg_3m{background:url(../img/cast/cast_3m_main_bg_sp.png) center 50% no-repeat; -moz-background-size:100% auto; background-size:100% auto; }
.main_bg_xip{background:url(../img/cast/cast_xip_main_bg_sp.png) center 50% no-repeat; -moz-background-size:100% auto; background-size:100% auto; }

.castname1{font-size: 9vw; padding-top: 15%;}
.castname2{font-size: 4vw; padding: 12px 0 12px 0;}
.castcv{width: 100%; max-width: 640px; font-size: 4.5vw; text-align: center; padding-bottom: 10px;}
.castdata{ background-color:rgba(255,255,255,1); padding-top: 5px;}
.castdata2{ background-color:rgba(101,101,101,1); padding-top: 5px;}
.cast_sub_menu,
.cast_sub_menu2{ margin-top: 0;}

.tujiname{width:25%; max-width:35px; display:inline-block;}

}

.onevent{
background: url(../img/index/cast/cast_3m_btn.jpg);
background-blend-mode: multiply;
-moz-background-size:100% 100%; background-size:100% 100%;
}

.onevent img{
filter:alpha(opacity=30);
-moz-opacity:0.30;
-khtml-opacity:0.30;
opacity:0.30;

}

@media screen and (max-width: 360px) {
.tujiname{width:25%; max-width:30px;}
}

@media screen and (max-width: 320px) {
.main_bg_3m1{background:url(../img/cast/cast_3m_main1_bg_sp.png) center 93% no-repeat; -moz-background-size:130% auto; background-size:130% auto; padding-bottom: 20px; }
.main_bg_3m2{background:url(../img/cast/cast_3m_main2_bg_sp.png) center 93% no-repeat; -moz-background-size:130% auto; background-size:130% auto; padding-bottom: 20px; }
.main_bg_3m3{background:url(../img/cast/cast_3m_main3_bg_sp.png) center 93% no-repeat; -moz-background-size:130% auto; background-size:130% auto; padding-bottom: 20px; }

.main_bg_xip1{background:url(../img/cast/cast_xip_main1_bg_sp.png) center 93% no-repeat; -moz-background-size:130% auto; background-size:130% auto; padding-bottom: 20px; }
.main_bg_xip2{background:url(../img/cast/cast_xip_main2_bg_sp.png) center 93% no-repeat; -moz-background-size:130% auto; background-size:130% auto; padding-bottom: 20px; }
.main_bg_xip3{background:url(../img/cast/cast_xip_main3_bg_sp.png) center 93% no-repeat; -moz-background-size:130% auto; background-size:130% auto; padding-bottom: 20px; }


}