@charset "utf-8";
/* reset styles */
/*=========================================================================
TOP BASIC
=========================================================================*/
body#Top section {

/*background: rgba(0,0,0,.6);*/
}


/*body#Top section:nth-of-type(odd) #contentHeadline {text-align:right;}*/



/*=========================================================================
MAIN VISUAL
=========================================================================*/
#visualLogo, #pickupNews,#pickupDate:after {
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}

#section_firstView{
width: 100%;
margin: 0 auto;
align-items: center;
justify-content: center;
position: -webkit-sticky;
position: sticky;
top: 0;
overflow: hidden;
}



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


#section_firstView.blur{
overflow: hidden;
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-o-filter: blur(4px);
-ms-filter: blur(4px);
filter: blur(4px);
top: 0px;
left: -4px;
right: -4px;
bottom: -4px;
z-index: -2;

}
#section_firstView.blur:after {
content: "";
position: absolute;
top: 0px;
left: -4px;
right: -4px;
bottom: -4px;
background: rgba(0,0,0,.8);
z-index:1;
}

/*------------------------------------------------------------------------------------------------------------------ */
img#visualCover {
width: 100%;
position: relative;
display: block;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
/*
background-image: url("../img/top/mainvisual.jpg");
*/
}

/*------------------------------------------------------------------------------------------------------------------ */
#visualLogo img {width: 100%; height: auto; display: block;}
#visualLogo {
position: absolute;
width:55%;
max-width: 450px;
height: auto;
margin: auto;
left: 4%;
top: 50%;

-o-transform: translate(0%, -50%);
-ms-transform:  translate(0%, -50%);
-moz-transform:  translate(0%, -50%);
-webkit-transform:  translate(0%, -50%);
transform: translate(0%, -50%);

-ms-filter: drop-shadow(0px 0px 8px rgba(0,0,0,.8));
-o-filter: drop-shadow(0px 0px 8px rgba(0,0,0,.8));
-moz-filter: drop-shadow(0px 0px 8px rgba(0,0,0,.8));
-webkit-filter: drop-shadow(0px 0px 8px rgba(0,0,0,.8));
filter: drop-shadow(0px 0px 8px rgba(0,0,0,.8));
animation-name: fade;
animation-duration: 1.5s;
animation-timing-function: ease;
animation-fill-mode:both;
animation-delay:.4s;
/*filter: drop-shadow(0px 0px 12px rgba(171,187,121,.6));*/

}


#btn_viewNext {
position: absolute;
left: 50%;
bottom: 4%;
z-index: 1;
-o-transform:translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-webkit-transform:translate(-50%, 0%);
transform: translate(-50%, 0%);
animation-name: fade;
animation-duration: 1.5s;
animation-timing-function: ease;
animation-fill-mode:both;
animation-delay:.4s;
}
#btn_viewNext a {text-decoration:none; background: none;}
#btn_viewNext span {position:relative; z-index: 1; cursor: pointer;}

#btn_viewNext span:after {
position: absolute;
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}
#btn_viewNext span:after {
content: "";
display: block;
bottom: 4%;
left: 50%;
z-index: 1;
width: 25px;
height: 25px;
border-top: 8px double #fff;
border-right:8px double #fff;
-o-transform: rotate(135deg);
-ms-transform:  rotate(135deg);
-moz-transform:  rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}


#btn_viewNext span:hover:after {filter: alpha(opacity=70); -moz-opacity:.7; opacity:.7;}

/*------------------------------------------------------------------------------------------------------------------ */
ul#pickupNews {list-style-type: none;}
ul#pickupNews li {
position: relative;
z-index: 1;
display: block;
opacity: 0;
animation-duration: .6s;
animation-timing-function: linear;
animation-fill-mode:both;
animation-name: slideRight;
animation-delay: .6s;
}
ul#pickupNews li#contentsLive { animation-delay: .8s; }

ul#pickupNews li a {color: #fff; text-decoration: none; color: #fff;}


#pickupDate {font-family: 'futura_bold',sans-serif;font-weight: 600; display: inline-block; position: relative; z-index: 1;}
#pickupDate:after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 1px;
background: #fff;
z-index: 1;
}


/*------------------------------------------------------------------------------------------------------------------ */
#subboxTitle {

font-family: 'futura_bold',sans-serif;
line-height: 120%;
font-weight: 600;
color:transparent;
-webkit-text-stroke:2px #fff;
text-stroke: 2px #fff;
}

/*=========================================================================
TOP：NEW RELEASE
=========================================================================*/
dl#new_releaseBloc {height: auto; width: 100%; margin: 0 auto;}
dl#new_releaseBloc dt, dl#new_releaseBloc dd {height: auto;}

/*------------------------------------------------------------------------------------------------------------------ */
#discJacket, #discJacket img {width: 100%; height: auto; display: block;}
#discJacket {background-position: left top; background-repeat: no-repeat; background-size: cover;}

/*------------------------------------------------------------------------------------------------------------------ */
ul#new_releaseInfo {list-style-type: none;}
ul#new_releaseInfo li {font-weight: 600;}
ul#new_releaseInfo li:last-of-type {margin-bottom: 0;}

/*------------------------------------------------------------------------------------------------------------------ */
#new_releaseTitle, #new_releaseCatch {font-weight: 600; }

#new_releaseTitle{line-height: 120%;}
#new_releaseDiscstyle {font-family: 'futura_bold',sans-serif; ine-height: 120%;}

/*=========================================================================
MEMBER
=========================================================================*/
#section_topMember #sectionBasic {width: 100%; max-width: inherit;}

ul#top_memberList {list-style-type: none; letter-spacing: -.4em; opacity: 0;}
ul#top_memberList li , ul#top_memberList li img {background-repeat: no-repeat;background-size: cover;}
ul#top_memberList li {
background-position: center;
background-size: cover;
position: relative;
overflow: hidden;
z-index: 1;
}
ul#top_memberList li:before,
ul#top_memberList li:after {content: ''; position: absolute;}

ul#top_memberList li:after {
background: inherit;
-webkit-filter: blur(6px);
-moz-filter: blur(6px);
-o-filter: blur(6px);
-ms-filter: blur(6px);
filter: blur(6px);
top: -6px;
left: -6px;
right: -6px;
bottom: -6px;
z-index: -2;
}
ul#top_memberList li:before {
top: -12px;
left: -12px;
right: -12px;
bottom: -12px;
background: rgba(0,0,0,.4); 
z-index: -1;
}

ul#top_memberList li img {;background-position: center top;}

ul#top_memberList li {
letter-spacing: 0;
vertical-align: top;
display: inline-block;
height: auto;
position: relative;
z-index: 1;
}
ul#top_memberList li a,
ul#top_memberList li img {width: 100%; height: auto; display: block;}


/*------------------------------------------------------------------------------------------------------------------ */
img#profPhoto {height: auto; margin: 0 auto;}


#memberName.tops {
position: absolute;
left: 50%;
top: 90%;
z-index: 1;
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-moz-text-shadow: 0px 0px 8px rgba(0,0,0,.6);
-webkit-text-shadow: 0px 0px 8px rgba(0,0,0,.6);
text-shadow: 0px 0px 8px rgba(0,0,0,.6);
}

/*------------------------------------------------------------------------------------------------------------------ */
.swiper-slide {
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.swiper-slide-active #profPhoto,
.swiper-slide-duplicate-active #profPhoto,
.swiper-slide-prev #profPhoto {
-webkit-animation: zoomUp 30s linear 0s;
animation: zoomUp 30s linear 0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

#profPhoto {
background-size: cover; 
background-position: center center;
overflow: hidden;
}

/*-------------------------------------------------------------------------------------------------------------------------- */
.arrow_next02,
.arrow_prev02 {
position: absolute;
top:50%;
height: 100%;
display: block;
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
-o-transform:translate(0%,-50%);
-ms-transform: translate(0%,-50%);
-moz-transform: translate(0%,-50%);
-webkit-transform:translate(0%,-50%);
transform: translate(0%,-50%);
}




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

.arrow_prev02:before,
.arrow_next02:before {border-top: 6px double #fff;border-right:6px double #fff;}

.arrow_prev02:before {transform: rotate(-135deg);}
.arrow_next02:before {transform: rotate(45deg);}



/*=========================================================================
MOVIE
=========================================================================*/
#section_topMovie #sectionBasic {width: 100%; max-width: inherit;}


#slideCap, ul#movieList li a:before {
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}
#section_Movie #sectionBasic {width: 100%; max-width: inherit;}

/*------------------------------------------------------------------------------------------------------------------ */
ul#movieList, ul#movie_thumbList {list-style-type: none; letter-spacing: -.4em; height: auto; margin: 0 auto; padding: 0 !important;}
ul#movieList {width: 100%; }
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(6px);
-moz-filter: blur(6px);
-o-filter: blur(6px);
-ms-filter: blur(6px);
filter: blur(6px);
}

ul#movieList li:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,.6);
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,.4);

}


/*------------------------------------------------------------------------------------------------------------------ */
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: 0%;
display: block;
height: 100%;
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}

.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: 10;
}

.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);}

/*=========================================================================
SCHEDULE
=========================================================================*/
#schedule_frameBox.top {max-width: 900px; }