@charset "utf-8";
@media print, screen and (min-width:769px){

/*==========================================================================================================================
TOP：BASIC
==========================================================================================================================*/
.top_new_section {padding: 60px 0 90px; }

#mainContents section .top_new_section{
background-image: url('../img/bg.png');
background-size: auto;
background-repeat: repeat;
}
#mainContents section:nth-of-type(odd) .top_new_section{
background-color: rgba(0,0,0,.8);
}
/*-------------------------------------------------------------------------------------------------------------------------- */
.top_section_title {font-size: 36px; margin-bottom: 45px;}


@media print, screen and (max-width:1200px){
.top_section_title {font-size: 32px;}
}
@media print, screen and (max-width:900px){
.top_section_title {font-size: 28px;}
}


/*==========================================================================================================================
TOP：FIRST VIEW
==========================================================================================================================*/
#firstView, #mainVisual {top: 0px;}
#mainVisual {padding-bottom: 6vw;}


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


/*-------------------------------------------------------------------------------------------------------------------------- */
#movie_thumbBody {max-width: 1200px; margin: 0 auto; width: 90%;}

/*-------------------------------------------------------------------------------------------------------------------------- */
ul#movieList {margin-bottom: 0px;}

/*-------------------------------------------------------------------------------------------------------------------------- */
#slideCap {padding: 15px 0;}

/*-------------------------------------------------------------------------------------------------------------------------- */
ul#movie_thumbList {width:94%; margin:30px 0 0 3%;}
ul#movie_thumbList li { width:7% !important; margin-right: 3%; }

/*-------------------------------------------------------------------------------------------------------------------------- */
.arrow_next,
.arrow_prev {width: 16.7%;max-width: 314px;}

/*-------------------------------------------------------------------------------------------------------------------------- */
.arrow_next:before,
.arrow_prev:before {width: 30px;height: 30px;}



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





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

/*-------------------------------------------------------------------------------------------------------------------------*/
ul#whatsnewList #btnMore {margin-top: 45px;}


/*-------------------------------------------------------------------------------------------------------------------------*/
dl#top_listExcerpt {letter-spacing: -.4em; font-size: 0; }
dl#top_listExcerpt dt, dl#top_listExcerpt dd {display: inline-block; vertical-align: top;font-size: 100%;}
dl#top_listExcerpt dt {width: 41%; margin-right: 2%;letter-spacing: -.4em; font-size: 0; }
dl#top_listExcerpt dt p {display: inline-block; vertical-align: middle; letter-spacing: 0;}

/*-------------------------------------------------------------------------------------------------------------------------*/
.wtn_date {font-size: 16px;width: 68%; margin-right: 2%;}

@media print, screen and (max-width:1200px){
.wtn_date {font-size: 14px;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/
dl#top_listExcerpt .show_cat {padding: 3px 0; font-size: 14px; width: 30%; margin: 0;}

@media print, screen and (max-width:9å00px){
dl#top_listExcerpt .show_cat  {font-size: 13px;}
}


/*-------------------------------------------------------------------------------------------------------------------------*/
dl#top_listExcerpt dd {width:56%; letter-spacing: 0; }

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

@media print, screen and (max-width:1200px){
.wtn_title {font-size: 18px;}
}
@media print, screen and (max-width:900px){
.wtn_title {font-size: 16px;}
}


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

/*-------------------------------------------------------------------------------------------------------------------------*/
ul#next_showList #btnMore {margin-top: 45px;}


/*-------------------------------------------------------------------------------------------------------------------------*/
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 {letter-spacing: -.4em; font-size: 0; }
dl.top_show_container dt, dl.top_show_container dd {display: inline-block; vertical-align: top;font-size: 100%; }

/*-------------------------------------------------------------------------------------------------------------------------*/
dl.top_show_container dt {width: 28%; margin-right: 2%;}


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

@media print, screen and (max-width:900px){
.mark_today {font-size: 14px; padding: 3px 5px;}
}

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

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

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

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

/*-------------------------------------------------------------------------------------------------------------------------*/
dl.top_show_container dd {width:70%;}



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

@media print, screen and (max-width:900px){
dl.top_show_container .show_cat{font-size:13px;}
}

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

@media print, screen and (max-width:900px){
dl.top_show_container .list_sold{font-size:13px;}
}


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

@media print, screen and (max-width:1200px){
.top_show_title {font-size:18px;}
.top_show_title p {font-size: 14px;}
}
@media print, screen and (max-width:900px){
.top_show_title {font-size: 16px;}
.top_show_title p {font-size: 13px;}
}




/*==========================================================================================================================
TOP：新譜
==========================================================================================================================*/
dl#new_releaseBloc {display: -webkit-flex; display: flex; justify-content: center; align-items: center; }

/*-------------------------------------------------------------------------------------------------------------------------*/
dl#new_releaseBloc dt {width: 50%; margin-right: 4%; }

/*-------------------------------------------------------------------------------------------------------------------------*/
dl#new_releaseBloc dd {width: 46%;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#top_discName {font-size: 42px; margin-bottom: 15px;}
#top_releaseDate {font-size: 20px;}

@media print, screen and (max-width:900px){
#top_discName {font-size: 38px;}
#top_releaseDate {font-size: 16px;}
}



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

@media print, screen and (max-width:900px){
dl#new_releaseBloc #discCategory {font-size: 14px;}
}

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


}