@charset "UTF-8";

/* ==================================================================
CSS information
style info :INDEX用
================================================================== */


/* --------------------------------------------------------
#wrapper
-------------------------------------------------------- */
#wrapper { background: url(../_img/movie/moviebac.jpg) top center no-repeat; background-size: 100%;}


/* --------------------------------------------------------
#mainvisual
-------------------------------------------------------- */
#mainvisual { position: relative;}
#mainvisual img { width: 100%; height:auto;}

#mainvisual h1 { min-width: 510px; width: 79.6875%; margin: 11% auto 4%; }


#mainvisual .ttl { position: absolute; left: 0; top: 0; width: 100%; padding-top: 36.25%;}


/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents { width: 640px; position: relative; }

.contents-block { min-width: 583px; width: 91.093%; margin: 0 auto; position: relative;}

#mv { background: url(../_img/movie/movieplate.png) top center no-repeat; height: 589px;}
#mv_s { background: url(../_img/movie/movieplate_s.png) top center no-repeat; height: 479px;}

#ttl { width: 100%; text-align: center; padding-top: 15px; margin-bottom: 10px; }


#movieBlock { width: 522px; height: auto; background: #2a54b4; margin: 0 auto; position: relative; border: 1px solid #9ff3ff; padding: 2px;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.nof { width: 528px; height: auto;  margin: 0 auto; position: relative; text-align: center; }


.movie_thumb_list { margin-top: 15px; text-align: center; position: relative;}
.movie_thumb_list .movie_thumb { display: inline-block; position: relative; margin: 0 3px 6px; width: 170px; height: auto;}
.movie_thumb_list .movie_thumb .icon { position: absolute; top: 0; right: 0;}

#btn_close { text-align: center;}
#btn_close a { display: inline-block; padding: 40px;}


.nof { display: none;}
.not #movieBlock { display: none;}
.not .nof { display: block;}



#footer_wrap { padding-top: 0px; }