@charset "utf-8";
/* reset styles */

/*==========================================================================================================================
TOP：BASIC
==========================================================================================================================*/
section {display: block; width: 100%;height: auto;margin: 0 auto;}


.top_new_section{
width: 100%;
height: auto;
margin: 0 auto;
position: relative;
z-index: 1;
color: #fff;
}


.basic_container {max-width: 1200px; width: 88%; margin: 0 auto; height: auto; padding: 60px 0;}

/*-------------------------------------------------------------------------------------------------------------------------*/
.top_section_title {
line-height: 160%;
font-weight: 400;
color: #fff;
text-align: center;
position: relative;
z-index: 1;
font-family: 'folks_b',HelveticaNeue,Helvetica,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif ;
}


/*==========================================================================================================================
FIRST VIEW
==========================================================================================================================*/
#firstView{width: 100%; position: sticky;z-index: -1;}

#movieBody {position:relative; overflow: hidden; width: 100%; z-index:1;padding-top: 56.25%;}
#movieBody img {width: 100%; height: 100%; position: absolute; left: 0; top: 0; margin: auto; display: block;}

#backMove {
position: absolute;
width: 101%;
height: 101%;
background-size: cover;
left:50%;
top:50%;
z-index: -100;
margin: auto;
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
transform: translate(-50%, -50%);
}



/*-------------------------------------------------------------------------------------------------------------------------*/
#mainVisual {
width: 100%;
height: auto;
position: sticky;
overflow: hidden;
max-height: 1080px;
left: 0;
top: 0%;
z-index: 1;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
/*
-ms-box-shadow:0 -2px 2px 6px #450100 inset;
-moz-box-shadow:0 -2px 2px 6px #450100 inset;
-webkit-box-shadow:0 -2px 2px 6px #450100 inset;
box-shadow:0 -2px 2px 6px #450100 inset;
*/
}

img#visualCover {width: 100%;height: auto;display: block;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#mainVisual,
#mainVisual:before,
#mainVisual:after {
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}

#mainVisual.shadow {z-index: -1;}


#mainVisual.shadow:before,
#mainVisual.shadow:after {content: "";position: absolute;}
#mainVisual.shadow:before {
width: 100%;
height: 100%;
top:0px;
left: 0px;
right:0px;
bottom: 0px;

-ms-box-shadow:0 -1px 1px 1px #450100 inset;
-moz-box-shadow:0 -1px 1px 1px #450100 inset;
-webkit-box-shadow:0 -1px 1px 1px #450100 inset;
box-shadow:0 -1px 1px 1px #450100 inset;
background: rgba(41,9,0,.8); 
z-index: -1;
}

#mainVisual.shadow:after {
background: inherit;
width: 100%;
height: 100%;
-webkit-filter:blur(8px);
-moz-filter: blur(8px);
-o-filter:blur(8px);
-ms-filter: blur(8px);
filter: blur(8px);
top:0px;
left: 0px;
right:0px;
bottom: 0px;
z-index:-2;
}

/*==========================================================================================================================
TOP：MOVIE
==========================================================================================================================*/
#slideCap, ul#movieList li a:before {
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}


/*------------------------------------------------------------------------------------------------------------------ */
ul#movieList, ul#movie_thumbList {list-style-type: none; letter-spacing: -.4em; height: auto; margin: 0 auto; padding: 0 !important;}
ul#movieList {width: 100%; position: relative; z-index: 2;}
ul#movieList li, ul#movie_thumbList li {display: inline-block; letter-spacing: 0; vertical-align: top; height: auto;}

ul#movieList li img,ul#movieList li a,
ul#movie_thumbList li a, ul#movie_thumbList li img{width: 100%; height: auto; display: block;}

/*------------------------------------------------------------------------------------------------------------------ */
#pagerBox {display: none !Important;}

/*------------------------------------------------------------------------------------------------------------------ */
ul#movieList li  {
width:100%;
z-index: 9;
position: relative;
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
filter: blur(3px);
}

ul#movieList li:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,.9);
z-index: 2;
}

ul#movieList .swiper-slide-active {
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
filter: blur(0px);
z-index: 1;
}
ul#movieList .swiper-slide-active:before {content: none;}


ul#movieList li a {position: relative; z-index: 1; overflow: hidden; text-decoration: none; color: #fff;}

ul#movieList li img {
background-position: left center;
background-repeat: no-repeat;
background-size: cover;
}


/*-------------------------------------------------------------------------------------------------------------------------*/
ul#movieList li a:before{
content: "";
position: absolute;
z-index: 1;
width: 10%;
height: 17.8%;
left: 50%;
top: 50%;
margin: auto;
background-image: url("../img/icon_play.png");
background-position: left center;
background-repeat: no-repeat;
background-size: cover;
filter: alpha(opacity=40); -moz-opacity:.4; opacity:.4;
-moz-transform: translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);

-ms-filter: drop-shadow(0px 0px 8px rgba(0,0,0,.5));
-o-filter: drop-shadow(0px 0px 8px rgba(0,0,0,.5));
-moz-filter: drop-shadow(0px 0px 8px rgba(0,0,0,.5));
-webkit-filter: drop-shadow(0px 0px 8px rgba(0,0,0,.5));
filter: drop-shadow(0px 0px 8px rgba(0,0,0,.5));
}
ul#movieList li a:hover:before {filter: alpha(opacity=80); -moz-opacity:.8; opacity:.8;}


/*-------------------------------------------------------------------------------------------------------------------------*/
#slideCap {
text-align: center;
display: block;
font-weight: 600;
color: #fff;
position: absolute;
left: 0%;
bottom: 0%;
margin: auto;
width: 100%;
height: auto;
background: rgba(0,0,0,.8);

}


/*------------------------------------------------------------------------------------------------------------------ */
ul#movie_thumbList li {height: auto;}
ul#movie_thumbList li img {
background-position: left center;
background-repeat: no-repeat;
background-size: cover;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}

/*-------------------------------------------------------------------------------------------------------------------------- */
ul#movie_thumbList {display: block; letter-spacing: -.4em; text-align: center;}
ul#movie_thumbList li {letter-spacing: 0; vertical-align: top; display: inline-block; cursor: pointer;}
ul#movie_thumbList li:last-of-type {margin-right: 0;}

ul#movie_thumbList li img{ border:2px solid #050505; }
ul#movie_thumbList .swiper-slide-thumb-active img {
z-index: 2 !important;
border:2px solid #fcff34;
-webkit-box-shadow: 0px 0px 3px rgba(255,255,0,.8) inset;
box-shadow: 0px 0px 3px rgba(255,255,0,.8) inset;
}


/*-------------------------------------------------------------------------------------------------------------------------- */
.arrow_next,
.arrow_prev {
position: absolute;
top: 50%;
height: 100%;
z-index: 99;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
-ms-transform: translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.arrow_next {right: 0;}
.arrow_prev {left:0;}

/*-------------------------------------------------------------------------------------------------------------------------- */
.arrow_next:before,
.arrow_prev:before {
position: absolute;
content: "";
display: block;
top: 50%;
left: 50%;
z-index: 99;
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

.arrow_prev:before,
.arrow_next:before {border-top: 8px double #fff;border-right:8px double #fff;}

.arrow_prev:before {transform: rotate(-135deg);}
.arrow_next:before {transform: rotate(45deg);}




/*==========================================================================================================================
TOP：告知
==========================================================================================================================*/
ul#whatsnewList {list-style-type: none;}
ul#whatsnewList li {border-bottom: 1px solid #333; overflow: hidden;}
ul#whatsnewList li a {color: #fff; text-decoration: none; display: block; width: 100%;  height: auto;border-bottom: 1px solid #000; }
ul#whatsnewList li:first-of-type {border-top: 1px solid #000;}
ul#whatsnewList li:first-of-type a {border-top: 1px solid #333;}
ul#whatsnewList li a:hover {color: #cc5c1a; background: rgba(204,92,26,.2);}

/*-------------------------------------------------------------------------------------------------------------------------*/
dl#top_listExcerpt {width: 90%; margin: 0 auto; max-width: 1000px;}
dl#top_listExcerpt dt, dl#top_listExcerpt dd {height: auto;}


/*-------------------------------------------------------------------------------------------------------------------------*/
.wtn_date {
letter-spacing: 0; 
vertical-align: middle;
display:block;
height: auto;
line-height: 140%;
font-weight: 400;

font-family: 'folks_b',HelveticaNeue,Helvetica,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif ;
}

/*-------------------------------------------------------------------------------------------------------------------------*/
.wtn_title{
font-family: 'folks_b',HelveticaNeue,Helvetica,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif ;
line-height: 140%;
font-weight: 400;
text-decoration: none;
}


/*==========================================================================================================================
TOP：公演
==========================================================================================================================*/
ul#next_showList {list-style-type: none;}
ul#next_showList li {border-bottom: 1px solid #444; overflow: hidden;}
ul#next_showList li a {color: #fff; text-decoration: none; display: block; width: 100%;  height: auto;border-bottom: 1px solid #050505; }
ul#next_showList li:first-of-type {border-top: 1px solid #050505;}
ul#next_showList li:first-of-type a {border-top: 1px solid #444;}
ul#next_showList li a:hover {color: #cc5c1a; background: rgba(204,92,26,.2);}


/*-------------------------------------------------------------------------------------------------------------------------*/
dl.top_show_container {width: 90%; margin: 0 auto; max-width: 1000px;}
dl.top_show_container dt, dl.top_show_container dd {height: auto;}



/*-------------------------------------------------------------------------------------------------------------------------*/
.top_show_date, .top_show_venue {
letter-spacing: 0; 
vertical-align: middle;
display:block;
height: auto;
line-height: 140%;
font-weight: 400;

font-family: 'folks_b',HelveticaNeue,Helvetica,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif ;
}

/*-------------------------------------------------------------------------------------------------------------------------*/
.top_show_title, .top_show_title p{
font-family: 'folks_b',HelveticaNeue,Helvetica,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif ;
line-height: 140%;
font-weight: 400;
text-decoration: none;
}


/*==========================================================================================================================
TOP：新譜
==========================================================================================================================*/
dl#new_releaseBloc {width: 90%; height: auto; margin: 0 auto; max-width: 1200px;}
dl#new_releaseBloc dt, dl#new_releaseBloc dd {height: auto; position: relative; z-index: 1;}

/*-------------------------------------------------------------------------------------------------------------------------*/
dl#new_releaseBloc dt {
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
-ms-filter: drop-shadow(0px 0px 8px rgba(0,0,0,.5));
-o-filter: drop-shadow(0px 0px 8px rgba(0,0,0,.5));
-moz-filter: drop-shadow(0px 0px 8px rgba(0,0,0,.5));
-webkit-filter: drop-shadow(0px 0px 8px rgba(0,0,0,.5));
filter: drop-shadow(0px 0px 8px rgba(0,0,0,.5));
}
dl#new_releaseBloc dt:before,
dl#new_releaseBloc dt:after {content: "";position: absolute;}
dl#new_releaseBloc dt:before {
width: 100%;
height: 100%;
top:0px;
left: 0px;
right:0px;
bottom: 0px;
z-index: -1;
}

dl#new_releaseBloc dt:after {
background: inherit;
width: 100%;
height: 100%;
-webkit-filter:blur(8px);
-moz-filter: blur(8px);
-o-filter:blur(8px);
-ms-filter: blur(8px);
filter: blur(8px);
top:0px;
left: 0px;
right:0px;
bottom: 0px;
z-index:-2;
}
/*-------------------------------------------------------------------------------------------------------------------------*/
dl#new_releaseBloc dt img {
width: 100%;
height: auto;
margin: 0 auto;
display: block;
object-fit: contain;
-ms-filter: drop-shadow(0px 0px 8px rgba(0,0,0,.5));
-o-filter: drop-shadow(0px 0px 8px rgba(0,0,0,.5));
-moz-filter: drop-shadow(0px 0px 8px rgba(0,0,0,.5));
-webkit-filter: drop-shadow(0px 0px 8px rgba(0,0,0,.5));
filter: drop-shadow(0px 0px 8px rgba(0,0,0,.5));
}

/*-------------------------------------------------------------------------------------------------------------------------*/
dl#new_releaseBloc dd {text-align: center;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#top_discName, #top_releaseDate {
font-family: 'folks_b',HelveticaNeue,Helvetica,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif ;
line-height: 160%;
font-weight: 400;
}

/*-------------------------------------------------------------------------------------------------------------------------*/
dl#new_releaseBloc #discCategory {}