@charset "utf-8";


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


.music .music_btn a{  background: #de006e; }
.photo .photo_btn a{  background: #de006e; }
.movie .movie_btn a{  background: #de006e; }

.gallery_title{width: 95%; max-width: 900px;  margin: 0 auto; border-bottom: solid 1px #fff; text-align: center; font-size: 30px; padding-bottom: 5px; padding-top: 32px;}
.gallery_main_box{ width: 95%; max-width: 900px; margin: 0 auto; text-align: left; padding-top: 32px;}




.gallery_photo_list li {
    position: relative;
}
.gallery_photo_list .new_icon{
    position: absolute; top:0; left:0;
    max-width: 100%;
}
.gallery_name{
    position: relative;
}


/* music
---------------------------------------------------------------------------------------- */

.music_list_box{ width: 95%; max-width: 1000px; margin: 0 auto; text-align: left;}
.music_list_box_left{ width: 50%; max-width: 800px; margin: 0 auto; text-align: left; float: left;}
.music_list_box_right{ width: 50%; max-width: 800px; margin: 0 auto; text-align: left; float: right;}

.music_list_data{width: 100%; max-width: 475px; margin: 0 auto;}
.music_list_data dt{ width: 60%; float: left;}
.music_list_data dd{ width: 38%; float: right;}

.music_grp_logo {width: 95%; margin: 0 auto; padding-top: 20px; border-bottom: solid 1px #fff; text-align: center; font-size: 50px; padding-bottom: 10px;}
.music_grp_logo2 {width: 95%; margin: 0 auto; padding-top: 20px; border-bottom: solid 1px #fff; text-align: center; font-size: 50px; padding-bottom: 10px;}

.music_grp_logo img{width: 50%; margin: 0 auto;}
.music_grp_logo2 img{width: auto; max-width: 100%; margin: 0 auto;}

.music_list_title{font-size: 25px; padding: 20px 0; color: #c19e42;}

.music_list_ss{width: 95%; margin: 0 auto; padding: 10px 0;}
.music_list_centercast{padding-bottom: 14px;}

.box_menu_list{width: 95%; max-width: 1000px; margin: 0 auto;}
.box_menu_list .free_btn a{border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; margin-bottom: 3px;}

.lead_txt{width: 95%; max-width: 1000px; margin: 0 auto; text-align: center; padding: 24px 0;}

@media screen and (max-width: 640px) {
.music_list_box_left{ width: 100%; max-width: 800px; float: none;}
.music_list_box_right{ width: 100%; max-width: 800px; float: none;}
.music_grp_logo{width: 100%;}

.music_list_title{font-size: 6vw;}
}




/* photo
---------------------------------------------------------------------------------------- */
.gallery_photo_list li{width: calc(23% - 6px); float: left; margin: 3px; background: #fff; padding: 1% 1% 5% 1%;}
.gallery_photo_list li.gallery_photo_cp{padding: 1% 1% 2% 1%; text-align: center;}
.gallery_name{padding-top: 5%;}
.galleryssimg{width: 100%; max-width: 900px; margin: 0 auto; padding-top: 10px; }
.galleryssnavi{width: 100%; max-width: 900px; margin: 0 auto; padding: 10px 0;}
.galleryssnavi li{width: calc(33.3% - 4px); margin: 2px; float: left;}
.gallerydj{width: 95%; max-width: 900px; margin: 0 auto; padding: 24px 0;}
.gallerydj p{padding: 12px 0; line-height:1.5; }

.gallerydj_txt_otowa span{color: #8fe4fd;}
.gallerydj_txt_kirishima span{color: #b6b6b6;}
.gallerydj_txt_tsuji span{color: #dc506b;}

.gallerydj_txt_fuwa span{color: #aca4d5;}
.gallerydj_txt_date span{color: #cdcc63;}
.gallerydj_txt_kanzaki span{color: #a46dca;}
.gallerydj_txt_tsuji span{color: #dc506b;}

.galleryssat{width: 95%; max-width: 900px; margin: 0 auto 24px auto; padding: 10px 0;}

@media screen and (max-width: 640px) {
.gallery_photo_list li{width: calc(31% - 4px); margin: 2px; background: #fff; padding: 1% 1% 5% 1%;}
.gallery_name{font-size: 4vw;}
}

/* movie
---------------------------------------------------------------------------------------- */
.movie_emb{border: solid 1px #fff;}
.movie_tw_box{width: 95%; max-width: 700px; margin: 0 auto;}
.movie_left_box{width: calc(49.5% - 5px); float: left; border: solid 1px #c1b77c; margin: 0 3px 0 0; background:#c1b77c;}
.movie_right_box{width: calc(49.5% - 5px); float: right; border: solid 1px #c1b77c; margin: 0 0 0 3px; background:#c1b77c;}

.EmbeddedTweet-tweet{margin-bottom: 0 !important;}


@media screen and (max-width: 640px) {
.movie_tw_box{width: 95%; max-width: 500px; margin: 0 auto 0 auto;}
.movie_left_box{width: 100%; float: none; margin:0; margin-bottom: 10px;}
.movie_right_box{width: 100%; float: none;  margin:0;}
}