@charset "utf-8";
@media print, screen and (min-width:769px){
/*=========================================================================
CONTANTES BASIC
=========================================================================*/
section {padding: 60px 0;}


/* -------------------------------------------------------------------- */
#sectionTitle {font-size: 38px; margin-bottom: 45px;}

@media print, screen and (max-width:1200px){
#sectionTitle {font-size: 32px;}
}

/*----------------------------------------------------------*/
#btnMore {max-width: 160px; width: 45%;}
#btnMore a {font-size: 14px; padding: 10px 1em 10px;}

@media print, screen and (max-width:1000px){
#btnMore a {font-size: 13px;}
}

/*----------------------------------------------------------*/
#markNew {font-size: 12px;}

/* -------------------------------------------------------------------- */
#Coming {font-size: 24px; padding:60px 0 120px;}

@media print, screen and (max-width:1000px){
#Coming {font-size: 20px; }
}

/*=========================================================================
MOVIE
=========================================================================*/
section#movieBloc {/*padding: 0px 0 60px;*/ overflow: hidden; min-height: 100vh;}

/* -------------------------------------------------------------------- */
#Movie {width:88%; padding-bottom: 42%;}


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

dl#movieCap {margin-top: 30px; width: 94%; }

dl#movieCap dt{width: 62%; margin-right: 4%;}
dl#movieCap dd {width: 34%;}

dl#movieCap dt {font-size: 16px;}
dl#movieCap dt p {margin-bottom: .4em;}


@media print, screen and (max-width:1200px){
dl#movieCap dt {font-size: 14px;}
}



#movieContents {min-height: 100vh;}

/* -------------------------------------------------------------------- */
ul#movie_snsIcons{ padding-top:30px; } 
ul#movie_snsIcons li {width: 20%; margin-right: 5%; max-width: 44px;}
ul#movie_snsIcons li:last-of-type{margin-right: 0;}


/* -------------------------------------------------------------------- */
#catchCopy {margin-top:40px; font-size: 28px; padding-bottom: 20%;}


/*=========================================================================
Introduction
=========================================================================*/
section#Introduction {padding: 0 0 60px;}

#intro_linerNotes {font-size: 18px; padding: 60px 0 75px;}
#intro_linerNotes p {margin-bottom: 1em;}


@media print, screen and (max-width:1200px){
#intro_linerNotes {font-size: 16px;}
}

/* -------------------------------------------------------------------- */
#introCatch {font-size: 28px !important;}

@media print, screen and (max-width:1200px){
#introCatch {font-size: 24px !important;}
}

/* -------------------------------------------------------------------- */
.intro_pick {font-size: 34px !important ; margin: 45px 0 !important;}

@media print, screen and (max-width:1200px){
.intro_pick {font-size:30px !important;}
}

/* -------------------------------------------------------------------- */
ul#bg_introList {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: 0 auto;
height: auto;
}
ul#bg_introList li {width:32.3333%; margin-right: 1%; }
ul#bg_introList li:last-of-type {margin-right: 0;}

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

/* -------------------------------------------------------------------- */
#introCatch {width: 7%;left: 78%;top: 50%;}

/*=========================================================================
NEWS：LIST
=========================================================================*/
ul#newsList {margin-bottom: 60px;}
ul#newsList li {padding: 30px 1em;}


/* -------------------------------------------------------------------- */
#topicsUpdate {font-size: 16px; margin-bottom: 10px;}
#topics_listCat {margin-right:1em; padding: 4px 1em 5px; font-size: 14px; }

@media print, screen and (max-width:1200px){
#topicsUpdate {font-size: 14px;}
#topics_listCat {font-size: 13px;}
}

/* ------------------------------------------------------------------- */
#topicsThumb {margin-bottom: 15px;}

/* -------------------------------------------------------------------- */
#list_topicsTitle {font-size: 20px;}

@media print, screen and (max-width:1200px){
#list_topicsTitle {font-size: 18px;}
}

/*=========================================================================
Theaters
=========================================================================*/
section#Theaters {
padding-bottom: 30vh;
background: rgb(242,197,207);
background: linear-gradient(180deg, rgba(242,197,207,.3) 2%, rgba(243,243,228,0) 100%);
}
/* -------------------------------------------------------------------- */
#sub_naviBox {margin-bottom: 45px;}

/* -------------------------------------------------------------------- */
ul#subnaviList li {width: calc(100% / 9); overflow: hidden; }
ul#subnaviList li a {width: 92%; font-size: 16px; padding: 6px 0 7px; margin-right: 8%;}
ul#subnaviList li:last-of-type a {margin-right: 0;}

@media print, screen and (max-width:1200px){
ul#subnaviList li a {font-size: 14px;}
}

/* -------------------------------------------------------------------- */
#theaterHeadline {margin-bottom: 30px; font-size: 24px;}
#theaterHeadline span {padding: 0 10%;}

@media print, screen and (max-width:1200px){
#theaterHeadline {font-size: 20px;}

}


/* -------------------------------------------------------------------- */
table#scheduleTable th, table#scheduleTable td {font-size: 14px;}
table#scheduleTable th {padding: 5px 1em;}
table#scheduleTable td {padding:15px 1em; }


@media print, screen and (max-width:1200px){
table#scheduleTable th, table#scheduleTable td {font-size: 12px;}
}

/* -------------------------------------------------------------------- */
.place {width: 10%;}
.venue {width: 13%;}
.tel {width: 27%;}
.date{width: 25%;}
.ticket {width: 25%;}


/*=========================================================================
STORY
=========================================================================*/

.arrow_next,
.arrow_prev {width:22.5%; }

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

.arrow_next:before,
.arrow_prev:before {width: 25px;height: 25px;}

/* ---------------------------------------------------------------- */
#outlineBox {padding: 60px 0 90px;width: 60%; margin-left: 35%; margin-right: 5%;}
#outlineBox p {font-size: 18px; }


#outlineBox #sectionTitle {margin-bottom: 15px;}

@media print, screen and (max-width:1200px){
#outlineBox { width: 65%; margin-left: 30%;}
#outlineBox p {font-size: 16px;}
}
@media print, screen and (max-width:1000px){
#outlineBox { width: 70%; margin-left: 25%;}
#outlineBox p {font-size: 15px;}
}
@media print, screen and (max-width:900px){
#outlineBox { width: 75%; margin:0 auto;}
}

/*=========================================================================
CAST
=========================================================================*/
section#Cast {padding: 120px 0 90px;}

/* ---------------------------------------------------------------- */
#cast_fullContainer {margin-bottom: 90px;}

/* ---------------------------------------------------------------- */
dl#cast_profileBox {margin-bottom: 10px;}
dl#cast_profileBox dt {width: 28%; margin-right: 4%; }
dl#cast_profileBox dd {width: 68%; }
#cast_fullContainer dl#cast_profileBox dd {padding: 1em 0; }


@media print, screen and (max-width:1000px){
dl#cast_profileBox dt {width: 38%; }
dl#cast_profileBox dd {width: 58%;  }
}

/* ---------------------------------------------------------------- */
#castName {font-size: 28px; margin-bottom: 5px;}
#castName span {font-size:18px;}
#castName p {font-size: 20px; margin-top: 15px;}

@media print, screen and (max-width:1200px){
#cast_fullContainer #castName {font-size: 22px;}
#castName {font-size: 24px;}
#castName span {font-size:16px;}
#castName p {font-size: 18px; margin-top: 10px;}
}



/* ---------------------------------------------------------------- */
#cast_fullContainer #castName {font-size: 24px; margin-bottom: 30px;}
#cast_fullContainer #castName p {font-size: 18px;}
#cast_fullContainer #castName span {font-size:18px;}



/* ---------------------------------------------------------------- */
dl#cast_profileBox dd,
dl#cast_profileBox dd p{font-size: 16px;}
dl#cast_profileBox dd p {margin-bottom: 1.5em;}

@media print, screen and (max-width:1200px){
dl#cast_profileBox dd,
dl#cast_profileBox dd p {font-size: 14px;}
}

/* ---------------------------------------------------------------- */
#profileBloc, #commentBox, #biographyBox,
#profileBloc p, #commentBox p, #biographyBox p{font-size: 16px;}

#profileBloc p,
#commentBox p,
#biographyBox p{margin-bottom: 1.5em;}

@media print, screen and (max-width:1200px){
#profileBloc, #commentBox,#biographyBox,
#profileBloc p, #commentBox p, #biographyBox p{font-size: 14px;}
}

/* ---------------------------------------------------------------- */
#commentBox {padding: 1em 1.5em;}

/* ---------------------------------------------------------------- */
#commentTitle {font-size: 20px; margin-bottom: 5px;}

@media print, screen and (max-width:1200px){
#commentTitle{font-size: 16px;}
}

/*=========================================================================
CAST
=========================================================================*/
#cast_listContainer,
#cast_listContainer dl#cast_profileBox dt{
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
text-align: left;
}
#cast_listContainer {justify-content: flex-start !important; margin-bottom: 90px;}

/* ---------------------------------------------------------------- */
#cast_listContainer dl#cast_profileBox {width: 48%; margin:0 4% 30px 0; display: block;}
#cast_listContainer dl#cast_profileBox:nth-of-type(even) {margin-right: 0;}

/* ---------------------------------------------------------------- */
#cast_listContainer dl#cast_profileBox dt,
#cast_listContainer dl#cast_profileBox dd {width: 100%;}

/* ---------------------------------------------------------------- */
#cast_listContainer dl#cast_profileBox dt {
align-items: top;
cursor: pointer;
position: relative;
z-index: 1;
margin-bottom: 15px;
}

/* ---------------------------------------------------------------- */
#cast_listContainer #castPhoto {width: 38%; margin-right: 4%;}
#cast_listContainer #cast_nameBox {width: 58%; padding: 10px 0; }


/* ---------------------------------------------------------------- */
#biographyBox {margin-bottom: 30px;}

/* ---------------------------------------------------------------- */
#cast_listContainer dl#cast_profileBox dt:after {
font-size: 14px;
padding:0 .5em 3px;
left: 42%;
bottom: 8%;
}

@media print, screen and (max-width:1200px){
#cast_listContainer dl#cast_profileBox dt:after {font-size: 12px; }
}
@media print, screen and (max-width:1000px){
#cast_listContainer dl#cast_profileBox dt:after {bottom: 5%;}
}

/*=========================================================================
COMMENT
=========================================================================*/
ul#commentList li {margin-bottom:4%;}

/* ---------------------------------------------------------------- */
dl#commentContainer {}
/*dl#commentContainer dt {width: 20%; margin:0 2%;}*/
dl#commentContainer dd {width: 100%;  margin: 0 auto;}

dl#commentContainer dt, dl#commentContainer dt p,
dl#commentContainer dd, dl#commentContainer dd p{font-size: 16px;}


@media print, screen and (max-width:1200px){
dl#commentContainer dt, dl#commentContainer dt p,
dl#commentContainer dd, dl#commentContainer dd p{font-size: 14px;}
}

/* ---------------------------------------------------------------- */
dl#commentContainer:after {height: 100%;}

/* ---------------------------------------------------------------- */
.comment_inner {padding:30px 5%;}

/* ---------------------------------------------------------------- */
#commentName {font-size: 28px; margin-bottom: 15px; padding-bottom: 10px; }
#commentName span {

font-size: 16px;
display: inline-block;
vertical-align: 2px;}


@media print, screen and (max-width:1200px){
#commentName {font-size: 24px;}
#commentName span  {font-size: 14px;}
}


/*=========================================================================
MUSIC
=========================================================================*/
section#Music {padding: 90px 0;}

/* ---------------------------------------------------------------- */
#musicHeadline {font-size: 28px; margin-bottom: 90px; }

@media print, screen and (max-width:1200px){
#musicHeadline {font-size: 24px;}
}

/* ---------------------------------------------------------------- */
ul#musicList li {width: 27.3%; margin: 0 9% 9% 0; }
ul#musicList li:nth-of-type(3n) {margin-right: 0;}


/* ---------------------------------------------------------------- */
#musicThumb {margin-bottom: 30px;}

/* ---------------------------------------------------------------- */
#songName {font-size: 20px; margin-bottom: 20px;}

@media print, screen and (max-width:1200px){
#songName {font-size: 18px;}
}
@media print, screen and (max-width:1000px){
#songName {font-size: 16px;}
}

/* ---------------------------------------------------------------- */
#moreLink {width: 40%;}
#moreLink a {font-size: 14px; padding: 5px 0 6px;}

@media print, screen and (max-width:1200px){
#moreLink a {font-size: 13px;}
}
@media print, screen and (max-width:1000px){
#moreLink a {font-size: 12px;}
}

/*=========================================================================
DIRECTOR
=========================================================================*/
section#Director #sectionTitle {margin-bottom: 15px;}

/* ---------------------------------------------------------------- */
#directorProfile {padding: 30px 0;}
#directorProfile, #directorProfile p {font-size: 16px;}


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

/* ---------------------------------------------------------------- */
section#Director #moreLink {margin-top: 30px; width: 100%; max-width: 120px;}

/* ---------------------------------------------------------------- */
#directorContainer  {margin-bottom: 45px;}

/* ---------------------------------------------------------------- */
dl#cast_profileBox.director {align-items: center;}

/* ---------------------------------------------------------------- */
#directorName {font-size:28px; margin-bottom: 30px;}
#directorName p {font-size:20px; margin-top:  5px; }
#directorHeadline {font-size: 28px;margin-bottom: 15px;}

@media print, screen and (max-width:1200px){
#directorName {font-size: 24px;}
#directorName p {font-size:18px;}
#directorHeadline {font-size: 24px;}
}



/*=========================================================================
STAFF
=========================================================================*/
section#Staff {padding-bottom: 20%;}

dl#staffList {margin-bottom: 45px; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center; max-width: 800px;}
dl#staffList dt, dl#staffList dd, #staffCap  {font-size: 20px;}
dl#staffList dt {width: 45%; margin-right: 3%; text-align: right;}
dl#staffList dd {width: 52%;}

dl#staffList dt:after {right:-1.1em;}

@media print, screen and (max-width:1200px){
dl#staffList dt, dl#staffList dd, #staffCap  {font-size: 18px;}
}
@media print, screen and (max-width:1000px){
dl#staffList dt, dl#staffList dd, #staffCap  {font-size: 16px;}
}
/* ---------------------------------------------------------------- */
#staffCap {margin-top: 45px; text-align: center;}

/*=========================================================================
NEWS
=========================================================================*/
section#inner_News .section_basic {padding: 45px; margin-top: 45px;}
section#inner_News ul#newsList li {
}

/* ---------------------------------------------------------------- */
section#inner_News.article {margin-top: 60px;}


/* ---------------------------------------------------------------- */
#articleContainer, #articleContainer p {font-size: 16px;}
#articleContainer p {margin-bottom: 1.4em;}

/* ---------------------------------------------------------------- */
#article_titleBloc { padding-bottom: 15px; margin-bottom: 30px; }
#articleTitle {font-size: 24px;margin-bottom: 10px;}
#articleUpdate {font-size:18px;}

/*=========================================================================
PLANNER
=========================================================================*/
section#Planning #sectionTitle {margin-bottom: 15px;}

/* ---------------------------------------------------------------- */
ul#profileLink {margin-top: 30px;}

/* ---------------------------------------------------------------- */
ul#profileLink li {font-size: 18px;}
ul#profileLink li a {padding: 8px 1em;}

@media print, screen and (max-width:1200px){
ul#profileLink li {font-size: 16px;}
}

/* ---------------------------------------------------------------- */
.btn_buy{ margin-left: 3%; display: inline-block;}
.btn_buy a {padding: 4px 1em; font-size: 90%;}


}