@charset "UTF-8";
/* Scss Documents */
#stop { position: absolute; top: 900px; }

/* ロゴ、スクロール */
.movie-bg { width: 100%; height: 950px; background-image: url(../img/common/movie-bg.png); display: block; }

.logo-navi { display: block; height: 100vh; max-height: 950px; width: 100%; position: absolute; top: 0; left: 0; }
.logo-navi h1 { display: block; width: 291px; margin: -67px 0 0 -145px; height: 135px; position: absolute; top: 50%; left: 50%; }
.logo-navi .scroll { display: block; width: 53px; padding: 150px 0 0 0; margin: 0 0 0 -26px; height: 40px; position: absolute; bottom: 10px; left: 50%; }
.logo-navi .scroll a:hover, .logo-navi .scroll a:active { opacity: 0.4; }

.movie-cover { width: 100%; min-width: 1280px; display: table; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat,repeat; background-position: center center,center center; text-align: center; }

.topTxt { background: url(../img/top/img_topbg01.png) no-repeat 900px top, url(../img/top/img_topbg02.png) no-repeat left bottom; }
.topTxt .container { height: 640px; position: relative; }
.topTxt .container h3 { position: absolute; top: 160px; right: 360px; }
.topTxt .container .txtBox { position: absolute; top: 108px; left: 360px; }
.topTxt .container .txtBox p { line-height: 2em; }

.pannel { background: #000; }
.pannel .pannelBox { display: table; width: 100%; }
.pannel .pannelBox li { display: table-cell; height: 638px; background-size: cover; }
.pannel .pannelBox li a { width: 100%; height: 100%; display: block; }
.pannel .pannelBox .pannelBox01 { width: 426px; background: url(../img/top/img_topbg03.jpg) no-repeat center center; -moz-background-size: auto 110%; background-size: auto 110%; -webkit-transition: 0.6s ease-out; -moz-transition: 0.6s ease-out; -o-transition: 0.6s ease-out; transition: 0.6s ease-out; }
.pannel .pannelBox .pannelBox01:hover { -moz-background-size: auto 100%; background-size: auto 100%; }
.pannel .pannelBox .pannelBox01 a { text-indent: -9999px; width: 426px; height: 638px; }
.pannel .pannelBox .pannelBox01 a:link, .pannel .pannelBox .pannelBox01 a:visited { background: url(../img/top/img_02.png) no-repeat center center; -moz-background-size: auto 50%; background-size: auto 50%; -webkit-transition: 0.6s ease-out; -moz-transition: 0.6s ease-out; -o-transition: 0.6s ease-out; transition: 0.6s ease-out; }
.pannel .pannelBox .pannelBox01 a:hover, .pannel .pannelBox .pannelBox01 a:active { background: url(../img/top/img_02.png) no-repeat center center; -moz-background-size: auto 55%; background-size: auto 55%; }
.pannel .pannelBox .pannelBox02 { width: 427px; background: url(../img/top/img_topbg04.jpg) no-repeat center center; -moz-background-size: auto 110%; background-size: auto 110%; -webkit-transition: 0.6s ease-out; -moz-transition: 0.6s ease-out; -o-transition: 0.6s ease-out; transition: 0.6s ease-out; }
.pannel .pannelBox .pannelBox02:hover { -moz-background-size: auto 100%; background-size: auto 100%; }
.pannel .pannelBox .pannelBox02 a { width: 427px; height: 638px; text-indent: -9999px; }
.pannel .pannelBox .pannelBox02 a:link, .pannel .pannelBox .pannelBox02 a:visited { background: url(../img/top/img_03.png) no-repeat center center; -moz-background-size: auto 50%; background-size: auto 50%; -webkit-transition: 0.6s ease-out; -moz-transition: 0.6s ease-out; -o-transition: 0.6s ease-out; transition: 0.6s ease-out; }
.pannel .pannelBox .pannelBox02 a:hover, .pannel .pannelBox .pannelBox02 a:active { background: url(../img/top/img_03.png) no-repeat center center; -moz-background-size: auto 55%; background-size: auto 55%; }
.pannel .pannelBox .pannelBox03 { width: 427px; background: url(../img/top/img_topbg05.jpg) no-repeat center center; -moz-background-size: auto 110%; background-size: auto 110%; -webkit-transition: 0.6s ease-out; -moz-transition: 0.6s ease-out; -o-transition: 0.6s ease-out; transition: 0.6s ease-out; }
.pannel .pannelBox .pannelBox03:hover { -moz-background-size: auto 100%; background-size: auto 100%; }
.pannel .pannelBox .pannelBox03 a { width: 427px; height: 638px; text-indent: -9999px; }
.pannel .pannelBox .pannelBox03 a:link, .pannel .pannelBox .pannelBox03 a:visited { background: url(../img/top/img_04.png) no-repeat center center; -moz-background-size: auto 50%; background-size: auto 50%; -webkit-transition: 0.6s ease-out; -moz-transition: 0.6s ease-out; -o-transition: 0.6s ease-out; transition: 0.6s ease-out; }
.pannel .pannelBox .pannelBox03 a:hover, .pannel .pannelBox .pannelBox03 a:active { background: url(../img/top/img_04.png) no-repeat center center; -moz-background-size: auto 55%; background-size: auto 55%; }

.recommended { background: url(../img/top/img_topbg03.png) no-repeat 100px top; }
.recommended .container { padding: 186px 0 126px 0; }
.recommended .container .planList { display: block; width: 1000px; margin: 20px auto 0 auto; }
.recommended .container .planList li { display: inline-block; width: 232px; margin: 0 16px 0 0; background: #fff; }
.recommended .container .planList li:last-child { margin: 0; }
.recommended .container .planList li p { width: 86%; height: 86%; padding: 7% 7% 10% 7%; line-height: 1.3em; font-size: 14px; }
.recommended .container .planList li p a { padding: 0 0 1em 0; display: inline-block; }

.news { background: url(../img/top/img_topbg07.png) no-repeat center top; }
.news .container { padding: 113px 0 0 0; text-align: center; }
.news .container .newsList { margin:0 auto; width:700px;}
.news .container .newsList li { text-align: left; font-size: 15px; line-height: 3; border-bottom: 1px dashed #d7d5cd;}
.news .container .newsList li .date { padding-right:30px;}
.news .container .newsList li .title { display: table-cell; }
.news .container .newsList li .title a:link, .news .container .newsList li .title a:visited, .news .container .newsList li .title a:hover, .news .container .newsList li .title a:active { text-decoration: none; }

/*# sourceMappingURL=top.css.map */