div.loading { position:fixed; left:0; top:0; width:100%; height:100%; background:#000000; z-index:999; }

div#page { position:relative; min-width:750px; overflow:hidden; }

div#page header.page { width:750px; margin:0 auto; }
div#page header.page div.header { height:1725px; overflow:hidden; }
div#page header.page div.header h1 {}
div#page header.page div.header p { padding:0 0 35px 0; }
div#page header.page div.header ul { text-align:center; font-size:0; line-height:0; }
div#page header.page div.header ul li { display:inline-block; }

div#page div.page { width:750px; margin:0 auto; }

div#page footer.page { width:750px; margin:0 auto; }
div#page footer.page div.footer {}
div#page footer.page div.footer aside.share {}
div#page footer.page div.footer aside.share ul { padding:0 0 20px 0; text-align:center; font-size:0; line-height:0; }
div#page footer.page div.footer aside.share ul li { display:inline-block; }
div#page footer.page div.footer aside.link {}
div#page footer.page div.footer aside.link ul { padding:0 0 20px 0; text-align:center; font-size:0; line-height:0; }
div#page footer.page div.footer aside.link ul li { display:inline-block; }
div#page footer.page div.footer small { display:block; padding:0 0 138px 0; }
div#page footer.page div.footer small img { margin:0 auto; }

section.movie {}
section.movie div.section { position:relative; height:450px; }
section.movie div.section header.movie { position:absolute; left:0; top:-130px; width:175px; height:468px; background:url(../images/main_movie1.png) center center no-repeat; }
section.movie div.section header.movie h1 { position:absolute; left:0; top:0; z-index:1; }
section.movie div.section div.movie { padding:0 0 0 150px; }
section.movie div.section div.movie div.slider { position:relative; width:600px; height:338px; }
section.movie div.section div.movie div.slider div.slick-list {}
section.movie div.section div.movie div.slider div.slick-list div.slick-track {}
section.movie div.section div.movie div.slider div.slick-list div.slick-track div.slick-slide {}
section.movie div.section div.movie div.slider div.slick-list div.slick-track div.slick-slide.slide { width:600px; height:338px; background:#000000; overflow:hidden; }
section.movie div.section div.movie div.slider div.slick-list div.slick-track div.slick-slide.slide a { position:relative; }
section.movie div.section div.movie div.slider div.slick-list div.slick-track div.slick-slide.slide a img { width:100%; }
section.movie div.section div.movie div.slider div.slick-list div.slick-track div.slick-slide.slide a mark { display:block; position:absolute; left:35px; bottom:25px; width:80px; height:80px; margin:auto; background:none; }
section.movie div.section div.movie div.slider ul.slick-dots { position:absolute; left:0; bottom:-47px; width:100%; padding:0 24px 0 0; text-align:right; font-size:0; line-height:0; box-sizing:border-box; }
section.movie div.section div.movie div.slider ul.slick-dots li { display:inline-block; padding:0 0 0 18px; }
section.movie div.section div.movie div.slider ul.slick-dots li button { display:block; width:23px; height:23px; padding:0; font-size:0; line-height:0; border:none; background:url(../images/main_slider_of.png) center center no-repeat; cursor:pointer; }
section.movie div.section div.movie div.slider ul.slick-dots li.slick-active button { background:url(../images/main_slider_on.png) center center no-repeat; }
section.movie div.section footer.movie {}

section.intro {}
section.intro div.section { height:1558px; overflow:hidden; }
section.intro div.section header.intro {}
section.intro div.section header.intro h1 {}
section.intro div.section div.intro {}
section.intro div.section div.intro div.text1 { position:relative; width:670px; height:282px; margin:0 auto 30px auto; padding:5px 15px 0 15px; box-sizing:border-box; background:url(../images/main_bg.png) top center repeat-y; overflow:hidden; }
section.intro div.section div.intro div.text1 h2 { padding:0 0 15px 0; text-align:center; font-size:2.4rem; line-height:1.5em; font-style:italic; }
section.intro div.section div.intro div.text1 p { font-size:2.2rem; line-height:1.4em; }
section.intro div.section div.intro div.text2 { position:relative; width:670px; height:50px; margin:0 auto 30px auto; padding:10px 15px 5px 15px; box-sizing:border-box; background:url(../images/main_bg.png) top center repeat-y; overflow:hidden; }
section.intro div.section div.intro div.text2 p { clear:both; font-size:2.2rem; line-height:1.5em; }
section.intro div.section div.intro div.text2 p span { display:block; float:right; }
section.intro div.section div.intro div.text3 { position:relative; width:670px; height:836px; margin:0 auto 30px auto; padding:5px 15px 5px 15px; box-sizing:border-box; background:url(../images/main_bg.png) top center repeat-y; overflow:hidden; }
section.intro div.section div.intro div.text3 p { font-size:2.2rem; line-height:1.5em; }
section.intro div.section div.intro div.text3 p span { display:block; text-align:right; }

section.process {}
section.process div.section { height:1191px; overflow:hidden; }
section.process div.section header.process {}
section.process div.section header.process h1 {}
section.process div.section div.process {}
section.process div.section div.process div.text { width:670px; height:744px; margin:0 auto 29px auto; padding:5px 15px 0 15px; background:url(../images/main_bg.png) top center repeat-y; box-sizing:border-box; overflow:hidden; }
section.process div.section div.process div.text p { font-size:2.1rem; line-height:1.4em; }
section.process div.section footer.process {}
section.process div.section footer.process ul { text-align:center; font-size:0; line-height:0; }
section.process div.section footer.process ul li { display:inline-block; width:385px; }

section.artist {}
section.artist div.section { height:753px; overflow:hidden; }
section.artist div.section header.artist {}
section.artist div.section header.artist h1 {}
section.artist div.section div.artist {}
section.artist div.section div.artist ul { text-align:center; font-size:0; line-height:0; }
section.artist div.section div.artist ul li { display:inline-block; width:375px; }
section.artist div.section div.artist ul li span {}
section.artist div.section div.artist ul li a { width:169px; margin:0 auto; }

section.release {}
section.release div.section { height:1108px; overflow:hidden; }
section.release div.section header.release {}
section.release div.section header.release h1 { width:596px; margin:0 auto; }
section.release div.section div.release {}
section.release div.section div.release dl { width:596px; margin:0 auto; }
section.release div.section div.release dl dt {}
section.release div.section div.release dl dd { padding:0 0 21px 0; }
section.release div.section div.release dl dd span {}
section.release div.section div.release dl dd a { width:385px; margin:0 auto; }
section.release div.section div.release div.text { width:670px; height:150px; margin:0 auto; padding:10px 15px 10px 15px; background:url(../images/main_bg.png) top center repeat-y; box-sizing:border-box; overflow:hidden; }
section.release div.section div.release div.text p { font-size:2.2rem; line-height:1.5em; }

section.other {}
section.other div.section { height:1223px; overflow:hidden; }
section.other div.section header.other {}
section.other div.section header.other h1 {}
section.other div.section div.other {}
section.other div.section div.other ul { text-align:center; font-size:0; line-height:0; }
section.other div.section div.other ul li { display:inline-block; width:375px; }

aside.process { width:670px; height:100%; overflow:auto; -webkit-overflow-scrolling:touch; }
aside.process div.aside {}
aside.process div.aside div.process {}
aside.process div.aside div.process div.text { padding:15px; background:url(../images/main_bg.png) top center repeat-y; box-sizing:border-box; overflow:hidden; }
aside.process div.aside div.process div.text p { font-size:2.1rem; line-height:1.4em; color:#FFFFFF; }

@media only screen and (min-width:769px) {

html { background:#000000; }
body { color:#FFFFFF; font-size:12px; font-size:1.2em; line-height:1em; overflow-wrap:break-word; word-wrap:break-word; }

a { display:block; color:#FFFFFF; text-decoration:none; transition:all 0.125s linear; }
a:hover { opacity:0.75; }
img { display:block; max-width:100%; }

div#page { background:url(../images/pc/page_1.jpg) center top 0000px no-repeat, url(../images/pc/page_2.jpg) center top 1000px no-repeat, url(../images/pc/page_3.jpg) center top 2000px no-repeat, url(../images/pc/page_4.jpg) center top 3000px no-repeat, url(../images/pc/page_5.jpg) center top 4000px no-repeat, url(../images/pc/page_6.jpg) center top 5000px no-repeat, url(../images/pc/page_7.jpg) center top 6000px no-repeat, url(../images/pc/page_8.jpg) center top 7000px no-repeat, url(../images/pc/page_9.jpg) center top 8000px no-repeat; }

}

@media only screen and (max-width:768px) {

html { background:#000000; }
body { color:#FFFFFF; font-size:12px; font-size:1.2em; line-height:1em; -webkit-text-size-adjust:100%; text-size-adjust:100%; overflow-wrap:break-word; word-wrap:break-word; }

a { display:block; color:#FFFFFF; text-decoration:none; }
img { display:block; max-width:100%; }

div#page { background:url(../images/sp/page_1.jpg) center top 0000px no-repeat, url(../images/sp/page_2.jpg) center top 1000px no-repeat, url(../images/sp/page_3.jpg) center top 2000px no-repeat, url(../images/sp/page_4.jpg) center top 3000px no-repeat, url(../images/sp/page_5.jpg) center top 4000px no-repeat, url(../images/sp/page_6.jpg) center top 5000px no-repeat, url(../images/sp/page_7.jpg) center top 6000px no-repeat, url(../images/sp/page_8.jpg) center top 7000px no-repeat, url(../images/sp/page_9.jpg) center top 8000px no-repeat; }

}