@charset "utf-8";
@media print, screen and (max-width:768px){
/*==========================================================================================================================
TOP：BASIC
==========================================================================================================================*/
.top_new_section {padding: 6% 0 9%;}


#mainContents {overflow: hidden;}

#mainContents section .top_new_section {
overflow: hidden;
background-size: cover;
background-image: url('../img/bg_sp_navi.jpg');
background-position: center ;
background-repeat: no-repeat;
}
#mainContents section:nth-of-type(even) .top_new_section:before{
background-color: rgba(69,1,0,.9);
}
#mainContents section .top_new_section:before,
#mainContents section .top_new_section:after {content: "";position: absolute;}
#mainContents section .top_new_section:before {
width: 100%;
height: 100%;
top:0px;
left: 0px;
right:0px;
bottom: 0px;
background-size: auto;
background-image: url('../img/bg.png');
background-position: center;
background-repeat: repeat;
background-color: rgba(0,0,0,.9);
z-index:0;
}

#mainContents section .top_new_section: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;
}

@media print, screen and (max-width:414px){
#slideCap {padding: 3% 0; font-size: 2.4vw;}
}

@media print, screen and (max-width:414px){
#mainContents section .top_new_section:before {background-color: rgba(0,0,0,.8);}
#mainContents section:nth-of-type(even) .top_new_section:before{background-color: rgba(69,1,0,.8);}

}
/*-------------------------------------------------------------------------------------------------------------------------- */
.top_section_title {font-size: 24px; margin-bottom: 6%;}


@media print, screen and (max-width:414px){
.top_section_title {font-size: 5.6vw; margin-bottom: 6%;}
}

/*==========================================================================================================================
TOP：MOVIE
==========================================================================================================================*/
#topMovie .top_new_section {padding: 6% 0 9%;}

/*-------------------------------------------------------------------------------------------------------------------------- */
#slideCap {padding: 3% 0; font-size: 13px;}

@media print, screen and (max-width:414px){
#slideCap {padding: 3% 0; font-size: 2.4vw;}
}

/*------------------------------------------------------------------------------------------------------------------ */
ul#movie_thumbList {width:96%; margin:3% 0 3% 2%; }
ul#movie_thumbList li {width:18% !important; margin:0 2% 10px 0; }
ul#movie_thumbList li:nth-of-type(5n) {margin-right: 0;}


/*-------------------------------------------------------------------------------------------------------------------------- */
.arrow_next,
.arrow_prev {width: 6.4%;height: 100%;}


/*-------------------------------------------------------------------------------------------------------------------------- */
.arrow_next:before,
.arrow_prev:before {width: 15px;height: 15px; }
.arrow_next:before {
right:60%;
-webkit-transform:translate(0-5%,-50%) rotate(45deg);
transform: translate(-50%,-50%) rotate(45deg);
}
.arrow_prev:before {
left:60%;
-webkit-transform:translate(-50%,-50%) rotate(-135deg);
transform: translate(-50%,-50%) rotate(-135deg);
}


/*-------------------------------------------------------------------------------------------------------------------------*/
#topMovie #btnMore {margin-top: 0;}



/*==========================================================================================================================
TOP：告知
==========================================================================================================================*/
ul#whatsnewList li a {padding: 20px 0;}

/*-------------------------------------------------------------------------------------------------------------------------*/
ul#whatsnewList #btnMore {margin-top: 6%;}


/*-------------------------------------------------------------------------------------------------------------------------*/
dl#top_listExcerpt dt {margin-bottom: 1.5%; font-size: 13px; }

.wtn_date {font-size: 14px; margin-bottom: 1.5%;}

@media print, screen and (max-width:414px){
dl#top_listExcerpt dt, .wtn_date {font-size: 3vw;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/
dl#top_listExcerpt .show_cat {padding: 3px 5px; font-size: 13px;}

@media print, screen and (max-width:414px){
dl#top_listExcerpt .show_cat {font-size: 2.6vw;}
}


/*-------------------------------------------------------------------------------------------------------------------------*/

.wtn_title {font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 

@media print, screen and (max-width:414px){
.wtn_title {font-size: 3.6vw;} 
}



/*==========================================================================================================================
TOP：公演
==========================================================================================================================*/
ul#next_showList li a {padding: 20px 0;}

/*-------------------------------------------------------------------------------------------------------------------------*/
ul#next_showList #btnMore {margin-top: 6%;}


/*-------------------------------------------------------------------------------------------------------------------------*/
dl.top_show_container dt {margin-bottom: 1.5%; }

/*-------------------------------------------------------------------------------------------------------------------------*/
.mark_today {font-size: 13px; padding: 3px 5px; margin-bottom: 1%; }

@media print, screen and (max-width:414px){
.mark_today {font-size: 2.6vw;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/
.top_show_date, .top_show_venue {display: inline-block;  vertical-align: middle;}

/*-------------------------------------------------------------------------------------------------------------------------*/
.top_show_date {font-size: 14px; }

@media print, screen and (max-width:414px){
.top_show_date {font-size:3vw;}
}


/*-------------------------------------------------------------------------------------------------------------------------*/
.top_show_venue {font-size:14px;  }

@media print, screen and (max-width:414px){
.top_show_venue {font-size:3vw;}
}


/*-------------------------------------------------------------------------------------------------------------------------*/
dl.top_show_container .show_cat,
dl.top_show_container .list_sold{font-size: 13px; padding: 3px 5px; margin-bottom: 5px;}

@media print, screen and (max-width:414px){
dl.top_show_container .show_cat,
dl.top_show_container .list_sold{font-size: 2.6vw;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/
.top_show_title {font-size: 18px;} 
.top_show_title p {font-size: 14px; margin-bottom: 3px;}

@media print, screen and (max-width:414px){
.top_show_title {font-size:3.6vw;}
.top_show_title p {font-size: 3vw;}
}





/*==========================================================================================================================
TOP：新譜
==========================================================================================================================*/
dl#new_releaseBloc {text-align: center; }

/*-------------------------------------------------------------------------------------------------------------------------*/
dl#new_releaseBloc dt {width: 80%; margin:0 auto 6%; }


/*-------------------------------------------------------------------------------------------------------------------------*/
#top_discName {font-size:34px; margin-bottom: 5px;}
#top_releaseDate {font-size: 16px;}

@media print, screen and (max-width:414px){
#top_discName {font-size: 6vw;}
#top_releaseDate {font-size: 3vw;}
}



/*-------------------------------------------------------------------------------------------------------------------------*/
dl#new_releaseBloc #discCategory {font-size: 13px; padding: 5px 10px; margin-bottom: 10px;}

@media print, screen and (max-width:414){
dl#new_releaseBloc #discCategory {font-size: 2vw; margin-bottom: 2%;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/
dl#new_releaseBloc dd #btnMore {margin-top:6%;}



}