@charset "utf-8";
/* CSS Document */

body{
padding:0;
margin: 0;
color:#000;
text-align:center;
font-size:12px;
line-height:1.5em;
font-family: 'Libre Baskerville', serif;
position: relative;
}

@media screen and (min-width: 728px) {
	
body{  font-size:15px; }

}

.pc_elm { display: block; }
.sp_elm { display: none; }
@media screen and (min-width: 728px) {
.pc_elm { display: none; }
.sp_elm { display: block; }
}


figure{ margin: 0; padding: 0;}

a img{border:none;}
img{ max-width: 100%; height: auto!important;}
a img:hover,
.btn a:hover,
.releaseWrapper .box ul a:hover
{     
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;  
	opacity: 0.4;  
	filter: alpha(opacity=60);  
}

header {
    position: fixed;
    width: 50%;
    opacity: 0;
    z-index: 99999999;
}
body.fixed header{ opacity: 1; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;  }
header .inner{ padding: 6vw 3vw 3vw 3vw;}
header h1{ width: 80%;}

@media screen and (min-width: 728px) {
header .inner{ padding: 50px 3vw 3vw 3vw;}
header h1{ max-width: 200px}
}

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



footer{ background: #000;}
footer .inner{ padding: 6vw 3vw;}
footer ul{ list-style: none;}
footer ul.ft_menu{ display: flex; flex-wrap: wrap; justify-content: space-between;}
footer ul.ft_menu li{ width: 49%; margin-bottom: 2vw;}
footer ul.ft_menu li a{ border: 1px solid #fff; display: block; line-height: 3em;}
footer ul.ft_menu li a,
footer ul.ft_menu li a:hover,
footer ul.ft_menu li a:active,
footer ul.ft_menu li a:visited{ text-decoration: none; color: #fff;}

footer ul.sns{ display: flex; justify-content: center; align-items: center; padding-top: 30px;}
footer ul.sns li{ width: 30px; margin: 0 3vw;}

@media screen and (min-width: 728px) {
footer .inner{ padding: 50px 0;}
footer ul.ft_menu{ display: flex; flex-wrap:nowrap; justify-content: center;}
footer ul.ft_menu li{ width: auto; margin: 0 10px;}
footer ul.ft_menu li a{ border: none; line-height: 3em;}
footer ul.sns li{ width: 30px; margin: 0 10px;}

}


footer .copy{ font-size: 10px; color: #fff; margin-top: 30px;}

.slider_wrap{ margin-bottom: 100px;}

/*menu*/

#sp_menu {
    position: fixed;
    z-index: 999999;
    width: 94vw;
    padding: 3vw;
    text-align: left;
    top: 0;
}

.menu{ display: block;}
.menu { height: 20px; position: fixed; right: 3%; top:6.5vw; width: 30px; z-index: 99999999; }
body.fixed .menu, body.active .menu {z-index: 999999999;}

.menu_box ul{ display: block;}
.menu__line{ background: #000; display: block; height: 4px; position: absolute; transition:transform .3s; width: 100%; }
.menu__line--center{ top: 9px; }
.menu__line--bottom{ bottom: -2px; width: 100%; }
.menu__line--bottom.active{ width: 100%; }
.menu__line--top.active{ top: 8px; transform: rotate(45deg); background: #000; }
.menu__line--center.active{ transform:scaleX(0); background: #000;}
.menu__line--bottom.active{ bottom: 8px; transform: rotate(135deg); background: #000;}

@media screen and (min-width: 728px) {
.menu { top:50px; }
}


/*gnav*/
.gnav{ background: #fff; display: none; height: 100%; position: fixed; width: 100%; z-index:9; top:0;  }
.gnav__wrap{ align-items:center; display: flex; height: 100%; justify-content: center; position: absolute; width: 100%; }

.gnav a,
.gnav a:hover,
.gnav a:active,
.gnav a:visited{ color: #000; text-decoration: none;}

.gnav ul{ list-style: none; line-height: 2.5em;}

.gnav ul.sns li{ width: 30px;}
.gnav .label {
    width: 100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.gnav .label a {
    display: block;
    margin: 0 5px;
    width: 60px;
}


.gnav__wrap .inner .menu_box.under{ border-bottom:none; margin-bottom: 30px;}
.gnav__wrap .inner .menu_box ul{ margin-bottom: 30px; color: #fff;}
.gnav__wrap .inner .menu_box dl dd ul{ margin-left: 30px; width: auto;}

.gnav__wrap .inner ul.sns{ display: flex; justify-content: center; }
.gnav__wrap .inner ul.sns li{ margin: 0 10px;}



.mv{ height: 100vh; width: 100vw; position: fixed; z-index: -1;}
.mv p,
.mv figure{ font-size: 80%; position: absolute; top:50%; -webkit-transform: translate( 0%,-50%); transform: translate(0%, -50%); width: 100%; display: block;}
.mv figure img{ margin: 0 5%; }
.mv .bg{background: url(../images/top/btd_bg_sp.jpg) center center no-repeat #403225; background-size: cover; height: 100vh; width: 100vw;}

@media screen and (min-width: 728px) {
.mv .bg{background: url(../images/top/btd_bg_pc.png) center center no-repeat #403225; background-size: cover; height: 100vh; width: 100vw;}
}


a.scroll{ position: absolute; top:96vh; z-index: 8; font-size: 10px; background: url(../images/common/arrow.png) center bottom no-repeat; background-size:10px 10px; padding-bottom: 10px;animation-delay: 2s; display: block; width: 100%; }

a.scroll,
a.scroll:hover,
a.scroll:active,
a.scroll:visited{ color: #000; text-decoration: none;}


.slick-slide img { margin: 0 auto;}

@media screen and (min-width: 728px) {
.mv p{ font-size: 120%;}
.mv figure img { max-width: 700px}
}



body.top .all_wrap{ z-index: 1; padding-top: 100vh; overflow: hidden;	 }
body.under .all_wrap{ z-index: 1; padding-top: 0vh; overflow: hidden;	 }

body.top .all_inner,
body.under .all_inner{ background: #fff; padding: 50px 5vw; text-align: left;}


.h2_1{ font-size: 120%; margin-bottom: 50px; text-align: center;}
.h2_1::after{ content: ""; height: 1px; width: 30px; background: #000; display: block; margin: 0 auto;}
.h2_1 div{ margin-bottom: 15px;}

body.under .under_tit{ padding: 100px 0;}
body.under .under_tit .h2_1{  margin-bottom: 0px;}


body.top .box{ margin-bottom: 100px;}
@media screen and (min-width: 728px) {
body.top .box{ max-width: 1200px; margin: 0 auto 100px auto;}
}


.btn a{ background: #000; color: #fff; display: block; line-height: 5em; text-align: center; }
.btn a,
.btn a:active,
.btn a:visited,
.btn a:hover{ text-decoration: none;}

.news ul{ list-style: none; }
.news ul li { margin-bottom: 20px;}
.news ul li dl{ display: flex; text-align:left; }
.news ul li dl dt{ width: 25%; }
.news ul li dl dd{ width: 75%;}
.news ul li a,
.news ul li a:active,
.news ul li a:visited{ color: #000; text-decoration: none;}
.news ul li a:hover{ text-decoration: underline;}

@media screen and (min-width: 728px) {
.news ul{ max-width: 860px; margin: 0 auto;}
}

body.under .box.news{ margin-bottom: 150px;}
body.under .box.news li{ margin-bottom: 100px; padding: 15px; }
body.under .box.news li iframe{max-width: 100%!important;}
body.under .box.news li:nth-child(even){ background: #f6f6f6; }
body.under .box.news dl{ margin-bottom: 30px; font-weight: 700;}
body.under .box.news .cont { font-size:90%; text-align: left;}
body.under .box.news .cont img{ max-height: 500px!important; width:auto!important;}


.ucs ul{ list-style: none; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center;  }
.ucs ul li { margin-bottom: 20px; text-align: center; width: 30%; }
.ucs ul li a,
.ucs ul li a:active,
.ucs ul li a:visited{ color: #000; text-decoration: none;}
.ucs ul li a:hover{ text-decoration: underline;}

body.under .ucs{ max-width: 1200px; margin: 0 auto;}
body.under .ucs ul li { width: 20%; }
body.under .ucs ul li img{ max-height: 200px!important; width: auto!important;}

@media screen and (max-width: 728px) {
body.under .ucs ul li { width: 33%; }
}


.video{ background: #fff;}
.video ul { display: flex; flex-wrap: wrap; }
.video ul li{ width: 25%; margin: 0 0 8px 0; list-style: none;}
.video ul li dt{ line-height: 0;}
.video ul li dd{ font-size: 10px;}

.video ul li a,
.video ul li a:visited,
.video ul li a:active{ text-decoration: none; color: #000;}
.video ul li a:hover{ text-decoration: underline; color: #000;}

@media screen and (max-width: 728px) {
.video ul li{ width: 50%; }
}


body.under .box.ucs{ margin-bottom: 150px;}

.showlist,
.under_flyer,
body.under .ticket.btn,
.w960 { max-width: 960px; margin: 0 auto;}

.showlist .attn{ font-size: 10px; padding: 10px; border: 1px #333 dotted; margin-bottom: 30px; text-align: center;}
.showlist .list { margin-bottom: 50px;}
.showlist .list ul li{ margin: 0; font-size: 80%; padding: 8px 0;}
.showlist .list ul li.li_1{width: 20%;}
.showlist .list ul li.li_2{width: 20%;}
.showlist .list ul li.li_3{width: 20%;}
.showlist .list ul li.li_4{width: 20%;}
.showlist .list ul li.li_5{width: 20%;}
.showlist .list ul li a{ display: block; border: 1px solid #e4e4e4; margin: 0 5px 5px 5px;}
.showsUl_1{ border-bottom: 1px solid #ccc; font-weight: 700;}
.showsUl_1.pat2{ border-bottom: 1px solid #e4e4e4;font-weight: 300;}

@media screen and (max-width: 728px) {
.showlist .attn br{ display: none;}
.showlist .attn{ font-size: 10px; padding: 10px; border: 1px #333 dotted; margin-bottom: 30px;}
.showlist .list ul{ list-style: none; display: flex;}
.showlist .list ul li{  margin: 0; width: auto;}
}

.past { text-align: center; padding-top: 50px;}
.past a{ border: 1px solid #000; display: block; line-height: 5em; text-align: center;}
.past a,
.past a:hover,
.past a:active,
.past a:visited{ text-decoration: none; color: #000;}

@media screen and (max-width: 728px) {
.past { text-align: center; padding-top: 20px;}
}

.releaseWrapper{ width: 860px; margin: 0 auto; }
.releaseWrapper .box { margin-bottom: 50px;}
.releaseWrapper .box h2{ margin-bottom: 15px;}
.releaseWrapper .box .songs,
.releaseWrapper .box .deta{ margin-bottom: 15px; font-size: 80%;}
.releaseWrapper .box dl{ display: flex; justify-content: space-between;}
.releaseWrapper .box dl dt{ width: 30%; line-height: 0;}
.releaseWrapper .box dl dd{ width: 65%; }
.releaseWrapper .box ul{ font-size: 10px; list-style: none; display: flex; }
.releaseWrapper .box ul li{ width: 200px; text-align: center; margin-right: 10px;}
.releaseWrapper .box ul a,
.releaseWrapper .box ul a:hover,
.releaseWrapper .box ul a:active,
.releaseWrapper .box ul a:visited{ color: #fff; background: #000; display: block; text-decoration: none; line-height: 3em;}
.releaseWrapper .box .songs a,
.releaseWrapper .box .songs a:active,
.releaseWrapper .box .songs a:visited{ color: #333; text-decoration: underline;}
.releaseWrapper .box .songs a:hover{ color: #000; text-decoration: none;}

@media screen and (max-width: 930px) {
.releaseWrapper{ width: auto; margin: 0 auto; }
.releaseWrapper .box ul{ display: block; }
.releaseWrapper .box ul li{ width: auto; margin-right: 0px; margin-bottom: 8px;}
.releaseWrapper .box dl{ display: block; }
.releaseWrapper .box dl dt,
.releaseWrapper .box dl dd{ width: auto; }
.releaseWrapper .box dl dt{ margin-bottom: 30px;}
.releaseWrapper .box { margin-bottom: 60px;}
}

.box.cont { font-size: 80%;}

.dl_contact{ width: 860px; margin: 0 auto; display: flex; flex-wrap: wrap;}
.dl_contact dt{ width: 20%;}
.dl_contact dd{ width: 80%;}
.dl_contact dt,
.dl_contact dd{ margin-bottom: 15px;}

.dl_contact dd input,
.dl_contact dd textarea{ width: 100%; padding: 8px;}

.box.cont .submit input{ border: none; background: #000; color: #fff; display: block; line-height: 3em; width: 300px; margin: 0 auto;}

@media screen and (max-width: 930px) {
.dl_contact{ width: auto; margin: 0 auto; display: block;}
.dl_contact dt,
.dl_contact dd{ width: auto;}
.dl_contact dd input,
.dl_contact dd textarea{ width: 100%; padding: 8px 2%; box-sizing: border-box;}
.dl_contact dt{ margin-bottom: 0px;}
}


.box.bio{ width: 860px; margin: 0 auto; font-size: 80%; padding-bottom: 150px;}
.box.bio a,
.box.bio a:active,
.box.bio a:visited{ color: #000; text-decoration: underline;}
.box.bio a:hover{ color: #000; text-decoration: none;}

@media screen and (max-width: 728px) {
.box.bio{ width: auto; margin: 0 auto;}
}

.show_detail{ width: 860px; margin: 0 auto; font-size: 80%; padding-bottom: 150px;}
.showArticle{ text-align: center;}
.showArticle .tit{ font-size: 150%; font-weight: 700; margin-bottom: 30px;	}
.showArticle .detail{margin: 30px 0; text-align: left;}

@media screen and (max-width: 728px) {
.show_detail{ width: auto; margin: 0 auto;}
}


.showArticle .detail a,
.showArticle .detail a:active,
.showArticle .detail a:visited{ color: #333; text-decoration: underline;}
.showArticle .detail a:hover{ text-decoration: none;}


.all_inner.spe { max-width: 980px; margin: 0 auto; line-height: 2em; padding: 0px 5vw 50px 5vw!important; }
.all_inner.spe img{ max-width: 100%!important;}

.under_tit_special{ line-height: 0;}
.under_tit_special h2 img{ width: 100%!important;}

.sub_menu_sp{ list-style: none; display: flex; justify-content: center; font-weight: 700; padding: 50px 0; background: #efefef; text-align: center;}
.sub_menu_sp li{ padding: 0 15px; border-right:1px #333 solid; line-height: 2em;}
.sub_menu_sp li:last-child{ border-right: none;}
.sub_menu_sp li a,
.sub_menu_sp li a:hover,
.sub_menu_sp li a:active,
.sub_menu_sp li a:visited{ text-decoration: none; color: #333;}
.sub_menu_sp li a:hover{ text-decoration: underline;}

.sub_menu_sp.foot{ margin-bottom: 100px;}

@media screen and (max-width: 850px) {
    .sub_menu_sp{ flex-wrap: wrap; padding: 0; font-size: 80%;}
    .sub_menu_sp li{ padding: 0 ;  width: 50%; border: 0;}
    .sub_menu_sp li a{ padding: 15px 0; display: block;}
    .sub_menu_sp li:nth-child(1) a,
    .sub_menu_sp li:nth-child(3) a{ border-right: 1px solid rgba(0, 0, 0, 0.1);}
    .sub_menu_sp li:nth-child(1) a,
    .sub_menu_sp li:nth-child(2) a{ border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
}

.all_inner.spe .pro_wrap,
.all_inner.spe .sln_wrap,
.all_inner.spe .sub_menu.foot{ margin-bottom: 100px;}

.all_inner.spe .pro_wrap .box,
.all_inner.spe .sln_wrap .box,
.all_inner.spe .diary_wrap .box
 {font-family: sans-serif; font-size: 12px!important; line-height: 2.3em;}
.all_inner.spe .box p{ padding-bottom: 35px;}
.all_inner.spe .box p:last-child{ padding-bottom: 0;}

.all_inner.spe .contactWrapper .tit_area{ text-align: center; padding: 100px 0;}
.all_inner.spe .contactWrapper .sln_wrap .tit_area{ text-align: center; padding: 150px 0 100px 0;}

@media screen and (max-width: 728px) {
.all_inner.spe .contactWrapper .tit_area{ text-align: center; padding: 100px 0 50px 0;}
.all_inner.spe .contactWrapper .sln_wrap .tit_area{ text-align: center; padding: 100px 0 50px 0;}
}

.all_inner.spe .pic_box{ display: flex;padding-bottom: 35px; justify-content: center;}
.all_inner.spe .pic_box.pat2 { flex-wrap: wrap; justify-content: space-between; display: flex; }
.all_inner.spe .pic_box figure{ line-height: 0; margin:0 15px;}
.all_inner.spe .pic_box.pat2 figure{  margin:0;}

.all_inner.spe .pic_box.pat1 img{ max-width: 450px;} 
.all_inner.spe .pic_box.pat2 figure{ max-width: 32%; margin-bottom: 15px; } 

@media screen and (max-width: 728px) {
.all_inner.spe .pic_box{ display: block;}
.all_inner.spe .pic_box figure{ margin:0; padding-bottom: 15px;}
.all_inner.spe .pic_box figure:last-child{ padding-bottom: 0;}

.all_inner.spe .pic_box.pat2 figure{ line-height: 0; margin:0; display: block;max-width: 49%; }
}

.all_inner.spe .wiget{ display: flex; padding-top: 100px; justify-content: space-between;}
.all_inner.spe .wiget iframe{ height: 400px;}
.all_inner.spe .wiget .l,
.all_inner.spe .wiget .r{ width:48.5%;}

@media screen and (max-width: 728px) {
.all_inner.spe .wiget{ display: block; }
.all_inner.spe .wiget .l,
.all_inner.spe .wiget .r{ width:auto;}
.all_inner.spe .wiget iframe{ height: 300px;}
}

.all_inner.spe .yt {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 50px;
}
.all_inner.spe .yt iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 728px) {
    .all_inner.spe .yt {
      margin-bottom: 25px;
    }
}

.all_inner.spe .diary_wrap .insta { text-align: center;}
.all_inner.spe .diary_wrap .insta div{ margin: 0 auto; display: inline-block; }

.all_inner.spe .gray{ background: #efefef; margin-bottom: 30px;}
.all_inner.spe .gray .inner{ padding: 30px;}
.all_inner.spe .gray .inner div{ font-weight: 700; border-bottom: 1px #ccc solid; margin-bottom: 15px;}

.all_inner.spe .ta_r{ text-align: right;}
.all_inner.spe .sign{ width: 15%;}
@media screen and (max-width: 728px) {
  .all_inner.spe .sign{ width: 30%;}
}


.pager{ text-align: center;}
.pager a,
.pager a:hover,
.pager a:active,
.pager a:visited{ color: #333;}

.gnav__menu__item.special {
    margin-top: 15px;
    border-top: 1px solid #efefef;
    padding-top: 15px;
}