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

div.stone { position:absolute; left:0; right:0; top:0; width:750px; margin:auto; overflow:hidden; z-index:1; /*transition:all 0.5s ease-out;*/ pointer-events:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
div.stone ul { width:100%; height:100%; }
div.stone ul li:nth-of-type(1) { position:absolute; left:162px; top:1128px; width:43px; height:57px; background:url(../images/stone_1.png) center center no-repeat; }
div.stone ul li:nth-of-type(2) { position:absolute; left:634px; top:1242px; width:62px; height:76px; background:url(../images/stone_2.png) center center no-repeat; }
div.stone ul li:nth-of-type(3) { position:absolute; left:-59px; top:1809px; width:120px; height:140px; background:url(../images/stone_3.png) center center no-repeat; }
div.stone ul li:nth-of-type(4) { position:absolute; left:555px; top:2604px; width:148px; height:170px; background:url(../images/stone_4.png) center center no-repeat; }
div.stone ul li:nth-of-type(5) { position:absolute; left:105px; bottom:2235px; width:80px; height:107px; background:url(../images/stone_5.png) center center no-repeat; }
div.stone ul li:nth-of-type(6) { position:absolute; left:589px; bottom:1081px; width:111px; height:130px; background:url(../images/stone_6.png) center center no-repeat; }
div.stone ul li:nth-of-type(7) { position:absolute; left:191px; bottom:767px; width:58px; height:72px; background:url(../images/stone_7.png) center center no-repeat; }
div.stone ul li:nth-of-type(8) { position:absolute; left:57px; bottom:467px; width:112px; height:143px; background:url(../images/stone_8.png) center center no-repeat; }
div.stone ul li:nth-of-type(9) { position:absolute; left:125px; bottom:-12px; width:117px; height:114px; background:url(../images/stone_9.png) center center no-repeat; }

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

div#page header.page { background:url(../images/bg_header.jpg) top center no-repeat; }
div#page header.page div.header { position:relative; width:750px; height:841px; margin:0 auto; z-index:2; }
div#page header.page div.header h1 { width:315px; margin:0 auto; }
div#page header.page div.header p { position:absolute; left:-59px; top:69px; }
div#page header.page div.header nav { position:absolute; right:50px; top:635px; }

div#page div.page {}

div#page footer.page { height:653px; background:url(../images/bg_footer.jpg) top center no-repeat; }
div#page footer.page div.footer { position:relative; top:-39px; width:750px; margin:0 auto; }
div#page footer.page div.footer nav { position:absolute; right:50px; bottom:70px; }
div#page footer.page div.footer aside.share {}
div#page footer.page div.footer aside.share ul { padding:0 0 115px 0; text-align:center; font-size:0; line-height:0; }
div#page footer.page div.footer aside.share ul li { display:inline-block; padding:0 2px 0 2px; }
div#page footer.page div.footer aside.link {}
div#page footer.page div.footer aside.link ul { padding:0 0 85px 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; width:195px; margin:0 auto; padding:0 0 270px 0; }

section.release { height:1272px; background:url(../images/bg_release.jpg) top center no-repeat; }
section.release div.section { position:relative; top:-146px; width:750px; margin:0 auto; z-index:1; }
section.release div.section header.release {}
section.release div.section header.release h1 { width:365px; margin:0 auto; padding:0 0 38px 0; }
section.release div.section div.release { padding:0 0 40px 0; }
section.release div.section div.release div.buy { width:450px; margin:0 auto; padding:0 0 60px 0; }
section.release div.section div.release p { width:480px; margin:0 auto; text-align:center; font-size:2.0rem; line-height:2em; }
section.release div.section div.release p img { display:inline; }

section.movie { height:541px; background:url(../images/bg_movie.jpg) top center no-repeat; }
section.movie div.section { position:relative; top:-166px; }
section.movie div.section header.movie {}
section.movie div.section header.movie h1 { width:750px;  margin:0 auto; padding:0 0 65px 0; }
section.movie div.section div.movie {}
section.movie div.section div.movie div.slider { width:610px; margin:0 auto; box-shadow:0px 0px 30px 5px #000000; }
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:610px; height:330px; background:#000000; }
/*
section.movie div.section div.movie div.slider div.slick-list div.slick-track div.slick-slide.slide div.iframe { width:610px; height:330px; }
section.movie div.section div.movie div.slider div.slick-list div.slick-track div.slick-slide.slide div.iframe iframe { display:block; width:610px; height:330px; }
*/
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:610px; height:330px; }
section.movie div.section div.movie div.slider div.slick-list div.slick-track div.slick-slide.slide a span { display:block; position:absolute; left:30px; top:20px; font-size:2.0rem; line-height:1; }
section.movie div.section div.movie div.slider div.slick-list div.slick-track div.slick-slide.slide a::after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/main_movie_play.png) center center no-repeat; }
section.movie div.section div.movie div.slider ul.slick-dots { position:absolute; left:0; bottom:-42px; width:100%; text-align:center; font-size:0; line-height:0; }
section.movie div.section div.movie div.slider ul.slick-dots li { display:inline-block; padding:0 21px 0 21px; }
section.movie div.section div.movie div.slider ul.slick-dots li button { display:block; width:20px; height:20px; padding:0; font-size:0; line-height:0; border:none; background:url(../images/slider_of.png) center center no-repeat; cursor:pointer; }
section.movie div.section div.movie div.slider ul.slick-dots li button:hover { background:url(../images/slider_on.png) center center no-repeat; }
section.movie div.section div.movie div.slider ul.slick-dots li.slick-active button { background:url(../images/slider_on.png) center center no-repeat; }

section.comment { background:url(../images/bg_comment.jpg) top center repeat-y; }
section.comment div.section { position:relative; top:45px; }
section.comment div.section header.comment {}
section.comment div.section header.comment h1 { width:750px; margin:0 auto; padding:0 0 20px 0; }
section.comment div.section div.comment { width:750px; margin:0 auto; padding:0 0 670px 0; }
section.comment div.section div.comment ul {}
section.comment div.section div.comment ul li { margin:0 0 3px 0; background:url(../images/main_comment_bg.png) center center; }
section.comment div.section div.comment ul li span:nth-of-type(1) { display:inline-block; width:150px; }
section.comment div.section div.comment ul li span:nth-of-type(2) { display:inline-block; width:600px; }
section.comment div.section div.comment ul li span:nth-of-type(2) div.table { display:table; width:600px; height:150px; padding:0 40px 0 40px; box-sizing:border-box; }
section.comment div.section div.comment ul li span:nth-of-type(2) div.table div.table-cell { display:table-cell; vertical-align:middle; font-size:2.5rem; line-height:1.5em; }

section.product { height:1272px; background:url(../images/bg_product.jpg) top center no-repeat; }
section.product div.section { position:relative; top:-567px; }
section.product div.section header.product {}
section.product div.section header.product h1 { width:750px; margin:0 auto; padding:0 0 17px 0; }
section.product div.section div.product {}
section.product div.section div.product div.slider { position:relative; top:-290px; height:1312px; }
section.product div.section div.product div.slider div.slick-list {  }
section.product div.section div.product div.slider div.slick-list div.slick-track {}
section.product div.section div.product div.slider div.slick-list div.slick-track div.slick-slide {}
section.product div.section div.product div.slider div.slick-list div.slick-track div.slick-slide.slide { width:450px; margin:0 2px 0 2px; }
section.product div.section div.product div.slider div.slick-list div.slick-track div.slick-slide.slide div.offset { position:relative; height:1602px; transition:all 0.5s ease-in-out; }
section.product div.section div.product div.slider div.slick-list div.slick-track div.slick-slide.slide div.offset.n-2 { top:580px; }
section.product div.section div.product div.slider div.slick-list div.slick-track div.slick-slide.slide div.offset.n-1 { top:580px; }
section.product div.section div.product div.slider div.slick-list div.slick-track div.slick-slide.slide div.offset.n { top:290px; }
section.product div.section div.product div.slider div.slick-list div.slick-track div.slick-slide.slide div.offset.n1 { top:0; }
section.product div.section div.product div.slider div.slick-list div.slick-track div.slick-slide.slide div.offset.n2 { top:0; }
section.product div.section div.product div.slider div.slick-list div.slick-track div.slick-slide.slide div.offset dl {}
section.product div.section div.product div.slider div.slick-list div.slick-track div.slick-slide.slide div.offset dl dt {}
section.product div.section div.product div.slider div.slick-list div.slick-track div.slick-slide.slide div.offset dl dt.ex { padding:158px 0 0 0; }
section.product div.section div.product div.slider div.slick-list div.slick-track div.slick-slide.slide div.offset dl dd { padding:20px 0 20px 0; }
section.product div.section div.product div.slider div.slick-list div.slick-track div.slick-slide.slide div.offset dl dd span:nth-of-type(1) { display:block; padding:0 0 5px 0; text-align:center; font-size:3.4rem; line-height:1em; }
section.product div.section div.product div.slider div.slick-list div.slick-track div.slick-slide.slide div.offset dl dd span:nth-of-type(2) { display:block; text-align:center; }
section.product div.section div.product div.slider div.slick-list div.slick-track div.slick-slide.slide div.offset dl dd span:nth-of-type(2) em:nth-of-type(1) { font-size:2.0rem; line-height:1em; font-style:normal; }
section.product div.section div.product div.slider div.slick-list div.slick-track div.slick-slide.slide div.offset dl dd span:nth-of-type(2) em:nth-of-type(2) { font-size:1.8rem; line-height:1em; font-style:normal; }
section.product div.section div.product div.slider div.slick-list div.slick-track div.slick-slide.slide div.offset div.buy { padding:0 0 25px 0; }
section.product div.section div.product div.slider div.slick-list div.slick-track div.slick-slide.slide div.offset h2 { padding:0 0 25px 0; text-align:center; font-size:2.2rem; line-height:1em; }
section.product div.section div.product div.slider div.slick-list div.slick-track div.slick-slide.slide div.offset p { padding:0 0 20px 0; text-align:center; font-size:2.1rem; line-height:1.5em; }
section.product div.section footer.product {}
section.product div.section footer.product aside { width:450px; margin:0 auto; }

aside.live { width:650px; }
aside.live div.aside { padding:90px 75px 0 75px; background:#000000; }
aside.live div.aside div.live { position:relative; }
aside.live div.aside div.live h1 { padding:0 0 35px 0; text-align:center; font-size:2.6rem; line-height:1.75em; font-weight:400; color:#CB0617; border-bottom:solid 1px #BC0008; }
aside.live div.aside div.live h2 { padding:20px 0 20px 0; text-align:center; font-size:2.2rem; line-height:1em; font-weight:400; color:#CB0617; border-bottom:solid 1px #BC0008; }
aside.live div.aside div.live div.text { padding:20px 0 20px 0; text-align:center; font-size:2.2rem; line-height:1.75em; color:#CB0617; border-bottom:solid 1px #BC0008; }
aside.live div.aside div.live div.place { padding:20px 0 20px 0; text-align:center; font-size:2.2rem; line-height:1em; color:#CB0617; border-bottom:solid 1px #BC0008; }
aside.live div.aside div.live div.btn { width:450px; margin:0 auto; padding:57px 0 90px 0; }

aside.shop { width:650px; }
aside.shop div.aside { padding:90px 75px 0 75px; background:#000000; }
aside.shop div.aside div.shop { position:relative; }
aside.shop div.aside div.shop h2 { padding:0 0 20px 0; }
aside.shop div.aside div.shop h2 span:nth-of-type(1) { display:block; padding:0 0 5px 0; text-align:center; font-size:3.4rem; line-height:1em; color:#CB0617; }
aside.shop div.aside div.shop h2 span:nth-of-type(2) { display:block; text-align:center; }
aside.shop div.aside div.shop h2 span:nth-of-type(2) em:nth-of-type(1) { font-size:2.0rem; line-height:1em; font-style:normal; color:#CB0617; }
aside.shop div.aside div.shop h2 span:nth-of-type(2) em:nth-of-type(2) { font-size:1.8rem; line-height:1em; font-style:normal; color:#CB0617; }
aside.shop div.aside div.shop ul { margin:0 -20px 0 -20px; padding:0 0 35px 0; font-size:0; line-height:0; }
aside.shop div.aside div.shop ul li { display:inline-block; width:50%; padding:0 20px 40px 20px; vertical-align:top; box-sizing:border-box; }
aside.shop div.aside div.shop ul li a { display:block; }
aside.shop div.aside div.shop ul li a img { width:100%; }

aside.comment { width:650px; }
aside.comment div.aside { padding:90px 75px 90px 75px; background:#000000; }
aside.comment div.aside div.comment { position:relative; }
aside.comment div.aside div.comment h1 { padding:0 0 60px 0; text-align:center; font-size:2.6rem; line-height:1.5em; color:#CB0617; }
aside.comment div.aside div.comment div.text { padding:0 0 40px 0; font-size:2.1rem; line-height:1.75em; color:#CB0617; }
aside.comment div.aside div.comment aside.share {}
aside.comment div.aside div.comment aside.share ul { padding:0 0 130px 0; text-align:center; font-size:0; line-height:0; }
aside.comment div.aside div.comment aside.share ul li { display:inline-block; padding:0 2px 0 2px; }
aside.comment div.aside div.comment div.box { width:500px; padding:0 50px 0 50px; border:solid 1px #BB0008; box-sizing:border-box; }
aside.comment div.aside div.comment div.box div.offset { position:relative; top:-60px; }
aside.comment div.aside div.comment div.box div.offset div.pic { width:300px; margin:0 auto; padding:0 0 40px 0; }
aside.comment div.aside div.comment div.box div.offset h2 { padding:0 0 30px 0; text-align:center; font-size:2.4rem; line-height:1.5em; color:#CB0617; }
aside.comment div.aside div.comment div.box div.offset div.profile { font-size:2.0rem; line-height:1.75em; color:#CB0617; }

/* from */
div#page header.page div.header { -webkit-transform:translate(0,25%); transform:translate(0,25%); opacity:0; transition:all 0.25s ease-out; }
section.release div.section header.release h1 { -webkit-transform:translate(0,25%); transform:translate(0,25%); opacity:0; transition:all 0.25s ease-out; }
section.release div.section div.release { -webkit-transform:translate(0,25%); transform:translate(0,25%); opacity:0; transition:all 0.25s ease-out; }
section.movie div.section header.movie h1 { -webkit-transform:translate(0,25%); transform:translate(0,25%); opacity:0; transition:all 0.25s ease-out; }
section.movie div.section div.movie { -webkit-transform:translate(0,25%); transform:translate(0,25%); opacity:0; transition:all 0.25s ease-out; }
section.comment div.section header.comment h1 { -webkit-transform:translate(0,25%); transform:translate(0,25%); opacity:0; transition:all 0.25s ease-out; }
section.comment div.section div.comment ul li { -webkit-transform:translate(0,25%); transform:translate(0,25%); opacity:0; transition:all 0.25s ease-out; }
section.product div.section header.product h1 { -webkit-transform:translate(0,25%); transform:translate(0,25%); opacity:0; transition:all 0.25s ease-out; }
section.product div.section div.product { -webkit-transform:translate(0,25%); transform:translate(0,25%); opacity:0; transition:all 0.25s ease-out; }
div#page footer.page div.footer { -webkit-transform:translate(0,25%); transform:translate(0,25%); opacity:0; transition:all 0.25s ease-out; }

/* to */
div#page header.page div.header.on { -webkit-transform:translate(0,0); transform:translate(0,0); opacity:1; }
section.release div.section header.release h1.on { -webkit-transform:translate(0,0); transform:translate(0,0); opacity:1; }
section.release div.section div.release.on { -webkit-transform:translate(0,0); transform:translate(0,0); opacity:1; }
section.movie div.section header.movie h1.on { -webkit-transform:translate(0,0); transform:translate(0,0); opacity:1; }
section.movie div.section div.movie.on { -webkit-transform:translate(0,0); transform:translate(0,0); opacity:1; }
section.comment div.section header.comment h1.on { -webkit-transform:translate(0,0); transform:translate(0,0); opacity:1; }
section.comment div.section div.comment ul li.on { -webkit-transform:translate(0,0); transform:translate(0,0); opacity:1; }
section.product div.section header.product h1.on { -webkit-transform:translate(0,0); transform:translate(0,0); opacity:1; }
section.product div.section div.product.on { -webkit-transform:translate(0,0); transform:translate(0,0); opacity:1; }
div#page footer.page div.footer.on { -webkit-transform:translate(0,0); transform:translate(0,0); opacity:1; }

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

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

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

}

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

html { background:#100000; }
body { color:#CB0617; 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:#CB0617; text-decoration:none; }
img { display:block; max-width:100%; }

}