/*	TBS reset
============================== */
body { line-height:1;}
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}

/*	RESETS NL4.0.0base
============================== */
html, body, main, div, p, span, applet, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, ruby { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
ol, ul, li { list-style: none; }
a img, form, fieldset { border: none; }
input, button, select { vertical-align: middle; }
textarea { vertical-align: top; overflow: auto; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, .dpb { display: block; }
audio, canvas, progress { display: inline-block; }
progress { vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template, .nt, .alt { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline-width: 0; }
a:hover { text-decoration: none; }
abbr { cursor: help; border-bottom: 1px dotted #bbb; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong, .bt { font-weight: 600; }
dfn { font-style: italic; }
mark { background: yellow; color: black; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border-style: none; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
optgroup { font-weight: bold; }
button, input, select { overflow: visible; } /*Edge, IE*/
button, input, select, textarea { margin: 0; } /*Firefox and Safari*/
button, select { text-transform: none; } /*Edge, Firefox, and IE*/
button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; }
[disabled] { cursor: default; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /*Android 4, iOS*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /*Firefox*/
button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } /*Edge and IE ...etc*/
textarea { overflow: auto; } /*IE*/
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } /*IE10-*/
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /*Chrome*/
[type="search"] { -webkit-appearance: textfield; } /*Chrome and Safari*/
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /*Chrome and Safari on OS X*/
pre { overflow: auto; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; display: table;}
q:after, blockquote:after { clear: both; }
q::after, blockquote::after { content: ""; display: block; clear: both;}
.clearfix:before, .clearfix:after { content: ""; content: none; display: table;}
.clearfix:after { clear: both; }
.clearfix::after { content: ""; display: block; clear: both;}
.tCenter, .ct { text-align: center;}
.tLeft, .lt { text-align: left;}
.tRight, .rt { text-align: right;}
@media print { .noprint { display: none;} }
/*txt*/
.nt { display: none;}
.bt { font-weight: bold; font-weight: 600;}
.ut { font-weight: lighter;}
.br_rsmp, .br_wsmp, .br_tablet, .br_pc, .br_wpc, .br_bwpc, .br_rsmpi, .br_wsmpi, .br_tableti, .br_pci, .br_wpci, .br_pci, .br_bwpci { display: none; }
.br_smp { display: -webkit-block; display: block; }
.br_smpi { display: -webkit-inline; display: inline; }
@media (min-width: 480px) { 
.br_smp, .br_smpi { display: none; } 
.br_rsmp { display: -webkit-block; display: block; } 
.br_rsmpi { display: -webkit-inline; display: inline; } 
}
@media (min-width: 640px) { 
.br_rsmp, .br_rsmpi { display: none; } 
.br_wsmp { display: -webkit-block; display: block; } 
.br_wsmpi { display: -webkit-inline; display: inline; } 
}
@media (min-width: 768px) { 
.br_wsmp, .br_wsmpi { display: none; } 
.br_tablet { display: -webkit-block; display: block; } 
.br_tableti { display: -webkit-inline; display: inline; } 
}
@media (min-width: 1000px) { 
.br_tablet, .br_tableti { display: none; } 
.br_pc { display: -webkit-block; display: block; } 
.br_pci { display: -webkit-inline; display: inline; } 
}
@media (min-width: 1200px) { 
.br_pc, .br_pci { display: none; } 
.br_wpc { display: -webkit-block; display: block; } 
.br_wpci { display: -webkit-inline; display: inline; } 
}
@media (min-width: 1400px) { 
.br_wpc, .br_wpci { display: none; } 
.br_bwpc { display: -webkit-block; display: block; } 
.br_bwpci { display: -webkit-inline; display: inline; } 
}
br { letter-spacing: 0; }
.ct { text-align: center;}
.lt { text-align: left;}
.rt { text-align: right;}
/*_size*/
.f300 { font-size: 300%;}
.f240 { font-size: 240%;}
.f220 { font-size: 220%;}
.f200 { font-size: 200%;}
.f180 { font-size: 180%;}
.f170 { font-size: 180%;}
.f160 { font-size: 160%;}
.f150 { font-size: 150%;}
.f140 { font-size: 140%;}
.f130 { font-size: 130%;}
.f125 { font-size: 125%;}
.f120, .big { font-size: 120%;}
.f110 { font-size: 110%;}
.f105 { font-size: 105%;}
.f100 { font-size: 100%;}
.f95 { font-size: 95%;}
.f90, .small { font-size: 90%;}
.f85 { line-height: normal; font-size: 85% !important;}
.f75 { line-height: normal; font-size: 75% !important;}
.f65 { line-height: normal; font-size: 65% !important;}
.f64 { line-height: normal; font-size: 64% !important;}
.f60 { line-height: normal; font-size: 60% !important;}
/*_height*/
.lh100 { line-height: 100%;}
.lh110 { line-height: 110%;}
.lh120 { line-height: 120%;}
.lh130 { line-height: 130%;}
.lh140 { line-height: 140%;}
.lh150 { line-height: 150%;}
.lh160 { line-height: 160%;}
.lh170 { line-height: 170%;}
.lh180 { line-height: 180%;}
.lh200 { line-height: 200%;}
.lh230 { line-height: 230%;}
/*space*/
.pd0 { padding: 0;}
.pd1 { padding: 1em;}
.pdt1 { padding-top: 1em;}
.pdt3 { padding-top: 3em;}
.pdt0 { padding-top: 0;}
.pdt05 { padding-top: .5em;}
.pdb05 { padding-bottom: .5em;}
.pdb0 { padding-bottom: 0;}
.pdb1 { padding-bottom: 1em;}
.pdl1 { padding-left: 1em;}
.pd05 { padding: .5em;}
.mgat { margin: auto;}
.mgtb1 { margin: 1em auto;}
.ls-1 { letter-spacing: -.1em;}
.ls-05 { letter-spacing: -0.05em;}
.ls-075 { letter-spacing: -0.075em;}
.ls0 { letter-spacing: 0;}
.ls1 { letter-spacing: .1em;}
.ls2 { letter-spacing: .2em;}
/*color*/
.black { color: rgba(0, 0, 0, 1);}
.lamp { color: rgba(42, 43, 46, 1);}
.chacoal { color: rgba(59, 63, 74, 1);}
.steel { color: rgba(129, 137, 157, 1);}
.silver { color: rgba(192, 196, 206, 1);}
.pearl { color: rgba(236, 237, 240, 1);}
.snow { color: rgba(246, 247, 250, 1);}
.white { color: rgba(255, 255, 255, 1);}
.blue { color: rgba(0, 80, 255, 1);}
.water { color: rgba(120, 180, 255, 1);}
.sky { color: rgba(160, 200, 250, 1);}
.green { color: rgba(50, 200, 60, 1);}
.yellow { color: rgba(255, 240, 0, 1);}
.orange { color: rgba(255, 170, 30, 1);}
.pink { color: rgba(255, 145, 160, 1);}
.red { color: rgba(255, 60, 30, 1);}
.navy { color: rgba(28, 37, 80, 1);}
.col { color: rgba(122, 30, 37, 1);}
.col1 { color: rgba(179, 11, 23, 1);}
.col2 { color: rgba(122, 58, 30, 1);}
a { text-decoration: none;}
a:link { color: rgba(255, 255, 255, 1);}
a:visited { color: rgba(255, 255, 255, 1);}
a:active { color: rgba(122, 30, 37, 1);}
a:hover { color: rgba(255, 255, 255, .8);}
.bktotop a { color: rgba(255, 255, 255, 1);}
.nolnk { opacity: .35;}
.sdt { text-shadow: 1px 1px 3px rgba(0, 0, 0, .2);}
.sdt2 { text-shadow: 1px 1px 4px rgba(0, 0, 0, .1);}
.kome li { padding-left: 1em;}
.kome li::before { content: '※ '; margin-left: -1.25em;}
/*etc*/
@media print { .noprint { display: none;} }
.cover { width: 100%; height: 100%; background: url(../img/cover.png) repeat; display: block; position: absolute; top: 0; left: 0; }
.cover img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.nt_txt { font-size: 0; width: 0; height: 0; overflow: hidden; opacity: 0;}
/*lazyload*/
.lazyload, .lazyloading { opacity: 0;}
.lazyloaded { opacity: 1; transition: all 2500ms;}
/*etc*/
@keyframes fuwafuwa0 { 0% { transform: translateY(0) } 50% { transform: translateY(-8%) } 100% { transform: translateY(0) } }
/* @keyframes fuwafuwa_load { 0% { background-image: url(../img/loader1.png?0) } 33% { background-image: url(../img/loader2.png?0) } 66% { background-image: url(../img/loader3.png?0) } } */
@keyframes fuwafuwa { 0% { transform: translateY(0) } 50% { transform: translateY(-5%) } 100% { transform: translateY(0) } }
@keyframes kirakira { 0% { transform: scale(0) } 40% { transform: scale(1) } 80% { transform: scale(1) } 100% { transform: scale(0) } }
@keyframes mokumoku { 0% { transform: translateY(0) } 50% { transform: translateY(-1rem) } 100% { transform: translateY(0) } }
@keyframes line_an { 0% { transform: translateX(-300%) } 100% { transform: translateX(0) } }
@keyframes powan { 0% { transform: scale(0); opacity:0 } 30% { transform: scale(1); opacity:0.6 } 40% { transform: scale(1); opacity:0 } }
/*@keyframes powan { 0% { scale:0; opacity:0 } 40% { scale:1; opacity:0.6 } 50% { scale:1.5; opacity:0 } }*/
@keyframes powan_wakty { 0% { scale:0; opacity:0; } 20% { scale:0; opacity:0; } 90% { scale:1.1; opacity:1; } 100% { scale:1; opacity:1; } }
@keyframes hashiru { 0% { left: 100%; top: 75rem; } 100% { left: -20%; top: 70rem; } }
@keyframes hashiru_r { 0% { left: -50%; } 100% { left: 100%; } }
/*for_W480-*/
@media (min-width: 480px) { 
@keyframes hashiru { 0% { left: 100%; top: 80rem; } 100% { left: -20%; top: 75rem; } }
}
/*for_W560-*/
@media (min-width: 560px) { 
@keyframes hashiru { 0% { left: 100%; top: 95rem; } 100% { left: -20%; top: 88rem; } }
}
/*for_W640-*/
@media (min-width: 640px) { 
@keyframes hashiru { 0% { left: 100%; top: 96rem; } 100% { left: -20%; top: 90rem; } }
}
/*for_W700-*/
@media (min-width: 700px) { 
@keyframes hashiru { 0% { left: 100%; top: 104rem; } 100% { left: -20%; top: 96rem; } }
}
/*for_W768-*/
@media (min-width: 768px) { 
@keyframes hashiru { 0% { left: 100%; top: 72rem; } 100% { left: -20%; top: 62rem; } }
}
/*for_W900-*/
@media (min-width: 900px) { 
@keyframes hashiru { 0% { left: 100%; top: 76rem; } 100% { left: -20%; top: 64rem; } }
}
/*for_W1000-*/
@media (min-width: 1000px) { 
@keyframes hashiru { 0% { left: 100%; top: 86rem; } 100% { left: -20%; top: 73rem; } }
}
/*for_W1140-*/
@media (min-width: 1140px) { 
@keyframes hashiru { 0% { left: 100%; top: 90rem; } 100% { left: -20%; top: 79rem; } }
}
/*for_W1280-*/
@media (min-width: 1280px) { 
@keyframes hashiru { 0% { left: 100%; top: 99rem; } 100% { left: -20%; top: 88rem; } }
}
/*for_W1440-*/
@media (min-width: 1440px) { 
@keyframes hashiru { 0% { left: 100%; top: 113rem; } 100% { left: -20%; top: 94rem; } }
}
/*for_W1580-*/
@media (min-width: 1580px) { 
@keyframes hashiru { 0% { left: 100%; top: 122rem; } 100% { left: -20%; top: 105rem; } }
}


/*	COMMON
============================== */
html { overflow-y: visible; min-height: 100%;}
body { width: 100%; position: relative; margin: 0!important; background-color: rgba(1, 5, 245, 1); color: rgba(255, 255, 255, 1); font-family: "heisei-maru-gothic-std", sans-serif; font-weight: 400; font-style: normal; position: relative; z-index: 0; overflow-x: hidden;}
body.fixed { position: fixed; width: 100%; height: 100%; left: 0;}
.bt { font-weight: 800;}
.t_mv { font-family: "marvin", sans-serif; font-weight: 400; font-style: normal;}
.t_mvr { font-family: "marvin-round", sans-serif; font-weight: 400; font-style: normal;}
body.fixed { position: fixed; width: 100%; height: 100%; left: 0;}
body a { text-decoration: none; outline-style: none;}
.fix_bg { width: 100%; height: 100%; position: fixed; background-repeat:no-repeat; background-position: center center; background-size: cover; z-index: -1;}
.fix_bg .fix_bgsp { display: block; position: absolute; left: 0; top: 0; width: 100%;}
#wrap { width: 100%; max-width: 1580px; margin: 0 auto; background-color: rgba(0, 80, 255, 1);}
#container { width: 100%; font-size: 80%; overflow: hidden; position: relative; z-index: 10;}
#contents { width: 100%;}
/*for_W1600-*/
@media (min-width: 1600px) { 
/* #wrap { margin: 1rem auto; box-shadow: 0px 0px 10px 5px rgba(0, 80, 255, .2);} */
}

/*	loader
============================== */
#cover_laoder { width: 100%; height: 100%; background: rgba(120, 180, 255, 1); overflow: hidden; position: absolute; top: 0; left: 0; z-index: 10000; display: block;}
#cover_laoder #kumokumo_sp { width: 35%; height: 0; padding-top: 31.111111111111111%; padding-top: -webkit-calc(320 / 360 * 35%); padding-top: calc(320 / 360 * 35%); position: absolute; top: 50%; left: 32.5%; transform: translate(0, -50%); display: none;}
#cover_laoder .kumokumo { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; left: 0; background-image: url(../img/loader1.png?0); background-position: 0 0; animation: fuwafuwa0 1.5s linear infinite;}
/*for_W900-*/
@media (min-width: 900px) { 
#cover_laoder #kumokumo_sp { width: 26%; height: 0; padding-top: 23.111111111111111%; padding-top: -webkit-calc(320 / 360 * 26%); padding-top: calc(320 / 360 * 26%); left: 37%;}
}
/*for_W1280-*/
@media (min-width: 1280px) { 
#cover_laoder #kumokumo_sp { width: 20%; height: 0; padding-top: 17.777777777777778%; padding-top: -webkit-calc(320 / 360 * 20%); padding-top: calc(320 / 360 * 20%); left: 40%;}
}

/*	header
============================== */
#header { width: 100%; height: 0; padding-top: 216.545454545454545%; padding-top: -webkit-calc(2382 / 1100 * 100%); padding-top: calc(2382 / 1100 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/head_bg-s.png?0); position: relative; z-index: 10;} /* 375x812 */
#title_sp { width: 64%; position: absolute; top: 6%; left: 18%;}
#title_sp #title { width: 100%; height: 0; padding-top: 72.5%; padding-top: -webkit-calc(580 / 800 * 100%); padding-top: calc(580 / 800 * 100%); background-repeat: no-repeat; background-size: contain;}
#wakty_sp { width: 90%; position: absolute; top: 35%; left: 5%; z-index: 1000;}
#wakty_sp #wakty { width: 100%; height: 0; padding-top: 104.75%; padding-top: -webkit-calc(838 / 800 * 100%); padding-top: calc(838 / 800 * 100%); background-repeat: no-repeat; background-size: contain; transform: translateY(0); animation: fuwafuwa 3s linear infinite;}
#wakty_sp #wakty_lottie { width: 100%; height: 0; padding-top: 100%; position: relative;}
#wakty_sp #wakty_lottie .anmsp { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#wakty_sp #wakty_lottie .anmsp iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
/*kira*/
.kira { width: 100%; height: 0; padding-top: 118.75%; padding-top: -webkit-calc(190 / 160 * 100%); padding-top: calc(190 / 160 * 100%); background-repeat: no-repeat; background-size: contain; transform: scale(0); animation: kirakira 2s ease-in-out infinite;}
.kira_0d { animation-delay: 0;}
.kira_1d { animation-delay: 1s;}
.kira_1.5d { animation-delay: 1.5s;}
.kira_2d { animation-delay: 2s;}
.kira_o { background-image: url(../img/kira_o.png); animation-delay: 1.6s;}
.kira_r { background-image: url(../img/kira_r.png); animation-delay: 1s;}
.kira_p { background-image: url(../img/kira_p.png); animation-delay: 0;}
#kira01 { width: 10%; position: absolute; top: 3%; left: 82%;}
#kira02 { width: 9%; position: absolute; top: 10%; left: 5%;}
#kira03 { width: 5%; position: absolute; top: 14%; left: 86%;}
#kira04 { width: 7%; position: absolute; top: 20%; left: 8%;}
#kira05 { width: 12%; position: absolute; top: 22%; left: 78%;}
#kira06 { width: 11%; position: absolute; top: 34%; left: 8%;}
#kira07 { width: 6%; position: absolute; top: 33%; left: 26%;}
#kira08 { width: 5%; position: absolute; top: 34%; left: 58%;}
#kira09 { width: 9%; position: absolute; top: 34%; left: 83%;}
#kira10 { width: 7%; position: absolute; top: 50%; left: 4%;}
#kira11 { width: 4.5%; position: absolute; top: 47%; left: 91%;}
#kira12 { width: 5.5%; position: absolute; top: 67%; left: 6%;}
#kira13 { width: 5.5%; position: absolute; top: 66%; left: 83%;}
#kira14 { width: 12%; position: absolute; top: 74%; left: 75%;}
#kira15 { width: 11%; position: absolute; top: 80%; left: 18%;}
#kira16 { width: 9.5%; position: absolute; top: 83%; left: 70%;}
#kira17 { width: 6%; position: absolute; top: 87%; left: 35%;}
/*for_W768-*/
@media (min-width: 768px) { 
#header { width: 100%; height: 0; padding-top: 60.75%; padding-top: -webkit-calc(972 / 1600 * 100%); padding-top: calc(972 / 1600 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/head_bg.png?0);}
#title_sp { width: 31%; position: absolute; top: 26%; left: 14%;}
#wakty_sp { width: 47%; position: absolute; top: 5%; left: 46%;}

#kira01 { width: 3.5%; position: absolute; top: 6%; left: 78%;}
#kira02 { width: 4.5%; position: absolute; top: 9%; left: 14%;}
#kira03 { width: 4%; position: absolute; top: 14%; left: 89%;}
#kira04 { width: 2%; position: absolute; top: 6%; left: 8%;}
#kira05 { width: 1.5%; position: absolute; top: 39%; left: 93%;}
#kira06 { width: 1.5%; position: absolute; top: 53%; left: 3%;}
#kira07 { width: 5%; position: absolute; top: 30%; left: 6%;}
#kira08 { width: 2.5%; position: absolute; top: 6%; left: 58%;}
#kira09 { width: 3.5%; position: absolute; top: 57%; left: 95%;}
#kira10 { width: 5%; position: absolute; top: 65%; left: 30%;}
#kira11 { width: 3.2%; position: absolute; top: 68.5%; left: 46%;}
#kira12 { width: 3.2%; position: absolute; top: 62%; left: 10%;}
#kira13 { width: 2.6%; position: absolute; top: 64%; left: 81%;}
#kira14 { width: 2.5%; position: absolute; top: 19%; left: 32%;}
#kira15 { width: 1.8%; position: absolute; top: 25%; left: 47%;}
#kira16 { width: 3%; position: absolute; top: 4%; left: 42%;}
#kira17 { width: 1.5%; position: absolute; top: 33%; left: 43%;}
}

/*	contents
============================== */
.cont { width: 100%; position: relative; z-index: 10;}
.cont h2 { font-size: 240%; color: rgba(0, 80, 255, 1);}

#lnk_dance-sp { width: 320px; position: absolute; top: -20%; left: calc((100% - 320px) / 2);}
#lnk_dance-sp a:hover { opacity: .9;}
#lnk_dance { width: 100%; height: 0; padding-top: 18.833333333333333%; padding-top: -webkit-calc(226 / 1200 * 100%); padding-top: calc(226 / 1200 * 100%); background-repeat: no-repeat; background-size: contain;}
#lnk_dance-sp #dc_finish { text-align: center; padding: .5em; color: rgba(255, 255, 255, 1);}

/*for_W480-*/
@media (min-width: 480px) { 
.cont h2 { font-size: 280%;}
#lnk_dance-sp { width: 400px; left: calc((100% - 400px) / 2);}
}
/*for_W560-*/
@media (min-width: 560px) { 
.cont h2 { font-size: 330%;}
#lnk_dance-sp { width: 500px; left: calc((100% - 500px) / 2);}
}
/*for_W640-*/
@media (min-width: 640px) { 
.cont h2 { font-size: 380%;}
#lnk_dance-sp { width: 600px; left: calc((100% - 600px) / 2);}
}
/*for_W768-*/
@media (min-width: 768px) { 
#lnk_dance-sp { width: 360px; top: 0; left: calc(100% - 380px);}
#lnk_dance-sp #dc_finish { padding: .5em; color: rgba(0, 0, 0, 1);}
}
/*for_W900-*/
@media (min-width: 900px) { 
#lnk_dance-sp { width: 400px; top: 1%; left: calc(100% - 420px);}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
.cont h2 { font-size: 440%;}
#lnk_dance-sp { width: 460px; top: 2%; left: calc(100% - 480px);}
#lnk_dance-sp #dc_finish { font-size: 110%;}
}
/*for_W1100-*/
@media (min-width: 1100px) { 
#lnk_dance-sp { width: 500px; left: calc(100% - 520px);}
}
/*for_W1280-*/
@media (min-width: 1280px) { 
.cont h2 { font-size: 500%;}
#lnk_dance-sp { width: 500px; left: calc(100% - 550px);}
#lnk_dance-sp #dc_finish { font-size: 120%;}
}
/*for_W1440-*/
@media (min-width: 1440px) { 
.cont h2 { font-size: 600%;}
#lnk_dance-sp { width: 600px; left: calc(100% - 650px);}
#lnk_dance-sp #dc_finish { font-size: 130%;}
}

/*profile*/
#profile { transform: translateY(-4rem);}
#profile h2 { transform: translateY(-4rem);}
#kumo1 { width: 100%; transform: translateY(2rem); position: relative; z-index: 10}
#kumo_b { width: 100%; height: 0; padding-top: 41.422222222222222%; padding-top: -webkit-calc(466 / 1125 * 100%); padding-top: calc(466 / 1125 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/moku_b-s.png); animation: mokumoku 4s linear infinite;}
#kumo2 { width: 40.5%; position: absolute; top: 1rem; left: 0; z-index: 20}
#kumo_o1 { width: 100%; height: 0; padding-top: 93.75%; padding-top: -webkit-calc(465 / 496 * 100%); padding-top: calc(465 / 496 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/moku_o1-s.png); animation: mokumoku 4s linear infinite; animation-delay: 2s;}
#kumo3 { width: 52.5%; position: absolute; top: 1.5rem; right: 0; z-index: 20}
#kumo_o2 { width: 100%; height: 0; padding-top: 92.261904761904762%; padding-top: -webkit-calc(465 / 504 * 100%); padding-top: calc(465 / 504 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/moku_o2-s.png); animation: mokumoku 4s linear infinite; animation-delay: 2s;}

#kumo4_sp { width: 100%; position: relative; z-index: 100; transform: translateY(-7rem);}
.kumo_sp { width: 100%;}
#kumo_w1 { width: 100%; height: 0; padding-top: 19.555555555555556%; padding-top: -webkit-calc(176 / 900 * 100%); padding-top: calc(176 / 900 * 100%); background-repeat: no-repeat; background-size: cover; background-image: url(../img/moku_w1-s.png);}
#kumo_w2 { width: 100%; height: 0; padding-top: 19.555555555555556%; padding-top: -webkit-calc(176 / 900 * 100%); padding-top: calc(176 / 900 * 100%); background-repeat: no-repeat; background-size: cover; background-image: url(../img/moku_w2-s.png);}
.kumo_w { box-sizing: border-box; width: 100%; padding: 0 8%; background-color: rgba(255, 255, 255, 1); color: rgba(0, 0, 0, 1);}
#wakty_prof-sp { width: 45%; margin: 0 auto; transform: translateY(-1rem);}
#wakty_prof { width: 100%; height: 0; padding-top: 109.5%; padding-top: -webkit-calc(657 / 600 * 100%); padding-top: calc(657 / 600 * 100%); background-repeat: no-repeat; background-size: contain;}

#profile dl { text-align: center; font-size: 120%; font-family: "heisei-maru-gothic-std", sans-serif; font-weight: 800; font-style: normal; color: rgba(68, 68, 68, 1);}
#profile dt { font-size: 160%; padding: 1em 0;}
#profile dd { line-height: 180%; letter-spacing: .05em;}
/*for_W480-*/
@media (min-width: 480px) { 
#profile dl { font-size: 160%;}
#kumo4_sp { transform: translateY(-9rem);}
}
/*for_W560-*/
@media (min-width: 560px) { 
#profile h2 { transform: translateY(-6rem);}
#kumo4_sp { transform: translateY(-10rem);}
#profile dl { font-size: 170%;}
}
/*for_W640-*/
@media (min-width: 640px) { 
#profile h2 { transform: translateY(-5rem);}
#kumo4_sp { transform: translateY(-13rem);}
#profile dl { font-size: 180%;}
}
/*for_W768-*/
@media (min-width: 768px) { 
#profile { transform: translateY(-7rem);}
#profile h2 { transform: translateY(-4rem) translateX(5%);}
#kumo4_sp { transform: translateY(-15.5rem);}
#kumo_w1 { width: 105%; height: 0; padding-top: 9.25%; padding-top: -webkit-calc(148 / 1600 * 100%); padding-top: calc(148 / 1600 * 100%); background-repeat: no-repeat; background-size: cover; background-image: url(../img/moku_w1.png?0);}
#kumo_w2 { width: 105%; height: 0; padding-top: 8.125%; padding-top: -webkit-calc(130 / 1600 * 100%); padding-top: calc(130 / 1600 * 100%); background-repeat: no-repeat; background-size: cover; background-image: url(../img/moku_w2.png?0);}
.kumo_w { width: 100%;}
#prof_set { width: 80%; height: 0; padding-top: 42%; margin: 0 auto; position: relative;}
#wakty_prof-sp { width: 38%; margin: 0; transform: translateY(0); position: absolute; top: 1rem; left: 0;}
#profile dl { width: 54%; margin: 0; text-align: left; position: absolute; top: 2rem; left: 45.5%;}
#profile dt { font-size: 160%; padding: 0;}
#profile dd { font-size: 66%; line-height: 180%; letter-spacing: .0; padding: 1rem 0 0 0;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#profile { transform: translateY(-12rem);}
#kumo1 { width: 120%; transform: translateY(3.5rem) translateX(-7rem);}
#kumo2 { width: 60%; position: absolute; top: 0; left: -10rem;}
#kumo3 { width: 52.5%; position: absolute; top: 0.5rem; right: -5rem;}
#kumo4_sp { transform: translateY(-27rem);}
#profile h2 { transform: translateY(-5.2rem) translateX(3%);}
#prof_set { width: 70%; height: 0; padding-top: 38%;}
#profile dl { width: 54%; margin: 0; text-align: left; position: absolute; top: 2rem; left: 48%; font-size: 220%;}
#profile dd { line-height: 200%;}
}
/*for_W1280-*/
@media (min-width: 1280px) { 
#kumo1 { width: 115%; transform: translateY(3.5rem) translateX(-10rem);}
#kumo4_sp { transform: translateY(-30rem);}
#profile dl { font-size: 260%; top: 2.5rem;}
#profile h2 { transform: translateY(-6rem) translateX(3%);}
}
/*for_W1440-*/
@media (min-width: 1440px) { 
#kumo4_sp { transform: translateY(-34rem);}
#profile dl { font-size: 300%; top: 2.5rem;}
}
/*for_W1580-*/
@media (min-width: 1580px) { 
#kumo4_sp { transform: translateY(-39rem);}
#profile dl { font-size: 320%; top: 2.5rem;}
}

/*waku4*/
#waku4 { transform: translateY(-14rem); z-index: 5; background-repeat: repeat; background-size: 60%; background-position: center center; background-image: url(../img/dot_bg.png); padding: 3rem 0 130rem 0; overflow: hidden; margin-bottom: -80rem;}
#waku4 .line1 { width: 12%; transform: rotate(-90deg); display: flex; flex-flow: row nowrap;}
#waku4 .line_l { font-size: 300%; font-family: "marvin-round", sans-serif; font-weight: 400; font-style: normal; color: rgba(1, 5, 245, 1); animation: line_an 160s linear infinite; white-space: nowrap; transform: rotate(180deg);}
#waku4 .line2 { width: 188%; display: flex; flex-flow: row nowrap; transform: rotate(90deg);}
#waku4 .line_r { font-size: 300%; font-family: "marvin-round", sans-serif; font-weight: 400; font-style: normal; color: rgba(1, 5, 245, 1); animation: line_an 160s linear infinite; white-space: nowrap;}
/*for_W480-*/
@media (min-width: 480px) { 
#waku4 { transform: translateY(-16rem); padding: 3rem 0 140rem 0; margin-bottom: -90rem;}
}
/*for_W560-*/
@media (min-width: 560px) { 
#waku4 { transform: translateY(-18rem); padding: 3rem 0 160rem 0; margin-bottom: -110rem;}
}
/*for_W640-*/
@media (min-width: 640px) { 
#waku4 { transform: translateY(-20rem); padding: 1rem 0 180rem 0; margin-bottom: -130rem;}
}
/*for_W700-*/
@media (min-width: 700px) { 
#waku4 { transform: translateY(-22rem); padding: 1rem 0 190rem 0; margin-bottom: -130rem;}
}
/*for_W768-*/
@media (min-width: 768px) { 
#waku4 { background-size: 31%;}
#waku4 .line_l, #waku4 .line_r { font-size: 500%;}
#waku4 { transform: translateY(-25rem); padding: 1rem 0 110rem 0; margin-bottom: -130rem;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#waku4 { transform: translateY(-42rem); padding: 1rem 0 140rem 0; margin-bottom: -160rem;}
#waku4 .line_l, #waku4 .line_r { font-size: 620%;}
#waku4 .line1 { width: 8%;}
#waku4 .line2 { width: 192%;}
}
/*for_W1280-*/
@media (min-width: 1280px) { 
#waku4 { transform: translateY(-47rem); padding: 1rem 0 160rem 0; margin-bottom: -180rem;}
#waku4 .line_l, #waku4 .line_r { font-size: 680%;}
}
/*for_W1440-*/
@media (min-width: 1440px) { 
#waku4 { transform: translateY(-50rem); padding: 1rem 0 180rem 0; margin-bottom: -200rem;}
}
/*for_W1580-*/
@media (min-width: 1580px) { 
#waku4 { transform: translateY(-56rem); padding: 1rem 0 200rem 0; margin-bottom: -220rem;}
}

/*_wakty4*/
#waku4 .wakty4_sp { width: 90%; height: 42rem; position: absolute; top: 2rem; left: 5%;}
/*_powan*/
.waktys { width: 54%; position: absolute;}
#waktys01 { top: 0; left: 50%;}
#waktys02 { top: 8rem; left: 0;}
#waktys03 { top: 16rem; left: 50%;}
#waktys04 { top: 24rem; left: 0;}
.powan_img { width: 100%; height: 0; padding-top: 114.166666666666667%; padding-top: -webkit-calc(685 / 600 * 100%); padding-top: calc(685 / 600 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/powans.png); transform: scale(0); opacity:0; position: absolute; top: 0; left: 0;}
.wakty_img { width: 100%; height: 0; padding-top: 114.166666666666667%; padding-top: -webkit-calc(685 / 600 * 100%); padding-top: calc(685 / 600 * 100%); background-repeat: no-repeat; background-size: contain; scale:0; opacity:0; absolute; top: 0; left: 0;}
#waktys01 .wakty_img { background-image: url(../img/waktys01.png?0);}
#waktys02 .wakty_img { background-image: url(../img/waktys02.png?0);}
#waktys03 .wakty_img { background-image: url(../img/waktys03.png?0);}
#waktys04 .wakty_img { background-image: url(../img/waktys04.png?0);}
/*for_W480-*/
@media (min-width: 480px) { 
#waktys01 { top: -3rem; left: 50%;}
#waktys02 { top: 3rem; left: 0;}
#waktys03 { top: 17rem; left: 50%;}
#waktys04 { top: 23rem; left: 0;}
}
/*for_W560-*/
@media (min-width: 560px) { 
#waktys01 { top: -2rem; left: 50%;}
#waktys02 { top: 6rem; left: 0;}
#waktys03 { top: 19rem; left: 50%;}
#waktys04 { top: 27rem; left: 0;}
}
/*for_W640-*/
@media (min-width: 640px) { 
#waku4 .wakty4_sp { top: 0; left: 5%;}
#waktys01 { top: -2rem; left: 50%;}
#waktys02 { top: 5rem; left: 0;}
#waktys03 { top: 21.5rem; left: 50%;}
#waktys04 { top: 28.5rem; left: 0;}
}
/*for_W700-*/
@media (min-width: 700px) { 
#waku4 .wakty4_sp { height: 46rem;}
#waktys01 { top: 0; left: 50%;}
#waktys02 { top: 6rem; left: 0;}
#waktys03 { top: 25rem; left: 50%;}
#waktys04 { top: 31rem; left: 0;}
}
/*for_W768-*/
@media (min-width: 768px) { 
#waku4 .wakty4_sp { width: 92%; height: 24rem; position: absolute; top: 2rem; left: 5%;}
.waktys { width: 26%; position: absolute;}
#waktys01 { top: 8rem; left: 0;}
#waktys02 { top: 0; left: 24%;}
#waktys03 { top: 8rem; left: 48%;}
#waktys04 { top: 0; left: 72%;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
.waktys { width: 28%; position: absolute;}
#waktys01, #waktys03 { top: 11rem;}
}
/*for_W1140-*/
@media (min-width: 1140px) { 
#waku4 .wakty4_sp { top: 0.5rem;}
}
/*for_W1440-*/
@media (min-width: 1440px) { 
#waku4 .wakty4_sp { width: 90%; height: 24rem; position: absolute; top: 1rem; left: 5%;}
}

/*_hey*/
#hey { width: 100%; height: 28rem; position: absolute; top: 43rem; left: 0; z-index: 100;}
#hey #moku_blue1 { width: 100%; height: 0; padding-top: 13.333333333333333%; padding-top: -webkit-calc(150 / 1125 * 100%); padding-top: calc(150 / 1125 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/moku_blue-s1.png); position:relative; z-index: 100;}
#hey #moku_blue2 { width: 100%; height: 0; padding-top: 13.333333333333333%; padding-top: -webkit-calc(150 / 1125 * 100%); padding-top: calc(150 / 1125 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/moku_blue-s2.png); position:relative; z-index: 100;}
#hey #moku_blue-bg { width: 100%; height: 19.5rem; padding: 1rem 0; background-repeat: no-repeat; background-size: cover; background-position: left center; background-image: url(../img/moku_b-s_bgall.png?1);}
#hey h2 { transform: translateY(-4.2rem) translateX(5%); color: rgba(255, 255, 255, 1); position:relative; z-index: 200;}
/*for_W480-*/
@media (min-width: 480px) { 
#hey { top: 45rem}
#hey #moku_blue-bg { height: 22rem; }
}
/*for_W560-*/
@media (min-width: 560px) { 
#hey { top: 54rem}
#hey #moku_blue-bg { height: 25rem; }
#hey h2 { transform: translateY(-6rem) translateX(5%);}
}
/*for_W640-*/
@media (min-width: 640px) { 
#hey { top: 54rem}
#hey #moku_blue-bg { height: 26rem; }
#hey h2 { transform: translateY(-7rem) translateX(5%);}
}
/*for_W700-*/
@media (min-width: 700px) { 
#hey { top: 59rem}
}
/*for_W768-*/
@media (min-width: 768px) { 
#hey { top: 26rem}
#hey #moku_blue-bg { height: 24rem; }
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#hey { top: 34rem}
#hey #moku_blue1, #hey #moku_blue2 { display: none;}
#hey #moku_blue-bg { padding: 0; height: 0; padding-top: 69.125%; padding-top: -webkit-calc(1106 / 1600 * 100%); padding-top: calc(1106 / 1600 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/moku_blue.png?0); position: relative;}
#hey h2 { transform: translateY(0) translateX(0); position: absolute; top: 2rem; left: 10%;}
}
/*for_W1280-*/
@media (min-width: 1280px) { 
#hey { top: 38rem}
}
/*for_W1580-*/
@media (min-width: 1580px) { 
#hey { top: 42rem}
}

/*_hey-contents*/
#kumo_sp { width: 32%; position: absolute; top: 13rem; left: 15.5%; z-index: 200;}
#kumo_sp #kumo { width: 100%; height: 0; padding-top: 77.333333333333333%; padding-top: -webkit-calc(464 / 600 * 100%); padding-top: calc(464 / 600 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/kumo.png);}

.kumo_wakty_sp { width: 78%; position: absolute; top: 5rem; left: 12%; z-index: 300;}
.kumo_wakty_sp .powan_img { width: 80%; height: 0; padding-top: 102.75%; padding-top: -webkit-calc(685 / 600 * 90%); padding-top: calc(685 / 600 * 90%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/powans.png); position: absolute; top: -1rem; left: -2.5rem; transform: scale(0); opacity:0;}
.powa_ani { animation: powan 0.75s cubic-bezier(0.4, 0, 0.2, 1); animation-fill-mode: forwards;}
.kumo_wakty_sp .kumo_wakty { width: 100%; height: 0; padding-top: 62.5%; padding-top: -webkit-calc(700 / 1120 * 100%); padding-top: calc(700 / 1120 * 100%); background-repeat: no-repeat; background-size: contain; scale:0; opacity:0;}
.wakty_ani { animation: powan_wakty 0.35s cubic-bezier(0.4, 0, 0.2, 1); animation-fill-mode:forwards; transform-origin: 20% 60%;}

#more_btn_sp { width: 48%; max-width: 200px; position: absolute; top: 21rem; left: 50%; transform: translateX(-50%); z-index: 500;}
#more_btn_sp #more_btn { width: 100%; height: 0; padding-top: 26.706231454005935%; padding-top: -webkit-calc(180 / 674 * 100%); padding-top: calc(180 / 674 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/more_btn1.png); position: relative; z-index: 600;}
#more_btn_sp #more_btn:hover { background-image: url(../img/more_btn2.png); cursor: pointer;}
/*for_W480-*/
@media (min-width: 480px) { 
#kumo_sp { top: 15.5rem;}
#more_btn_sp { top: 24.5rem;}
}
/*for_W560-*/
@media (min-width: 560px) { 
.kumo_wakty_sp { top: 2rem;}
.kumo_wakty_sp .powan_img { top: -1rem; left: -3.5rem;}
.kumo_wakty_sp { top: 6rem;}
#kumo_sp { top: 18rem;}
#more_btn_sp { top: 28rem;}
}
/*for_W640-*/
@media (min-width: 640px) { 
.kumo_wakty_sp { top: 4rem;}
.kumo_wakty_sp .powan_img { top: -3rem;}
#kumo_sp { top: 18rem;}
#more_btn_sp { top: 29rem;}
}
/*for_W700-*/
@media (min-width: 700px) { 
#more_btn_sp { top: 30rem;}
}
/*for_W768-*/
@media (min-width: 768px) { 
.kumo_wakty_sp { width: 60%; position: absolute; top: 6rem; left: 35.5%;}
.kumo_wakty_sp .powan_img { top: -5rem; left: -4rem;}
#kumo_sp { width: 24%; position: absolute; top: 18rem; left: 38.5%; z-index: 200;}
#more_btn_sp { width: 30%; top: 30rem;}
}
/*for_W900-*/
@media (min-width: 900px) { 
.kumo_wakty_sp { top: 5rem;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
.kumo_wakty_sp { left: 35%;}
#kumo_sp { width: 22%; position: absolute; top: 22rem; left: 39%; z-index: 200;}
#more_btn_sp { top: 34rem; max-width: 260px;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#more_btn_sp { top: 35rem;}
}
/*for_W1140-*/
@media (min-width: 1140px) { 
#more_btn_sp { top: 36rem;}
}
/*for_W1200-*/
@media (min-width: 1200px) { 
#more_btn_sp { top: 39rem;}
}
/*for_W1280-*/
@media (min-width: 1280px) { 
#kumo_sp { top: 27rem; left: 39.5%;}
.kumo_wakty_sp { width: 50%; position: absolute; top: 9rem; left: 38%;}
#more_btn_sp { top: 43rem;}
}
/*for_W1360-*/
@media (min-width: 1360px) { 
#more_btn_sp { top: 44.5rem;}
}
/*for_W1440-*/
@media (min-width: 1440px) { 
#more_btn_sp { top: 46rem;}
}
/*for_W1580-*/
@media (min-width: 1580px) { 
#kumo_sp { width: 20%; top: 32rem; left: 40%;}
#more_btn_sp { top: 52rem;}
}

/*_movie*/
#movie { transform: translateY(70rem); width: 100%; min-height: 40rem; position: relative; z-index: 100;}
#movie h2 { transform: translateY(-1.5rem) translateX(5%); color: rgba(255, 255, 255, 1); position:relative; z-index: 200;}
#movie h3 { display: inline-block; background: rgba(255, 255, 255, 1); color: rgba(0, 80, 255, 1); font-size: 140%; padding: .5em .5em .35em .5em; border-radius: 10px; position: absolute; top: 0; left: 50%; transform: translateY(-1rem) translateX(-50%); white-space: nowrap; z-index: 120; text-align: center;}
#movie #movie_o0 { width: 100%; margin: 2rem 0 2rem 0; padding: 2rem 0 1.5rem 0; background-repeat: no-repeat; background-size: cover; background-posiiton: center center; background-image: url(../img/movie_orange.png?1); position: relative; z-index: 100;}
#movie #movie_o0::after { content: ''; width: 100%; height: 100%; border-top: 1px solid rgba(255, 255, 255, 1); border-bottom: 1px solid rgba(255, 255, 255, 1); position: absolute; top: 10px; left: 0; z-index: 110;}
#movie #movie_p0 h3 { display: inline-block; background: rgba(255, 255, 255, 1); color: rgba(0, 80, 255, 1); font-size: 140%; padding: .5em .5em .35em .5em; border-radius: 10px; position: absolute; top: 0; left: 50%; transform: translateY(-2rem) translateX(-50%); white-space: nowrap; z-index: 120; text-align: center;}
#movie #movie_p0 { width: 100%; margin: 4rem 0 2rem 0; padding: 2rem 0 1.5rem 0; background-repeat: no-repeat; background-size: cover; background-posiiton: center center; background-image: url(../img/movie_pink.png?1); position: relative; z-index: 100;}
#movie #movie_p0::after { content: ''; width: 100%; height: 100%; border-top: 1px solid rgba(255, 255, 255, 1); border-bottom: 1px solid rgba(255, 255, 255, 1); position: absolute; top: 10px; right: 0; z-index: 110;}
#movie #movie_o { width: 100%; margin: 4rem 0 2rem 0; padding: 2rem 0 1.5rem 0; background-repeat: no-repeat; background-size: cover; background-posiiton: center center; background-image: url(../img/movie_orange.png?1); position: relative; z-index: 100;}
#movie #movie_o::after { content: ''; width: 100%; height: 100%; border-top: 1px solid rgba(255, 255, 255, 1); border-bottom: 1px solid rgba(255, 255, 255, 1); position: absolute; top: 10px; left: 0; z-index: 110;}
#movie #movie_p { width: 100%; margin: 4rem 0 2rem 0; padding: 2rem 0 1.5rem 0; background-repeat: no-repeat; background-size: cover; background-posiiton: center center; background-image: url(../img/movie_pink.png?1); position: relative; z-index: 100;}
#movie #movie_p::after { content: ''; width: 100%; height: 100%; border-top: 1px solid rgba(255, 255, 255, 1); border-bottom: 1px solid rgba(255, 255, 255, 1); position: absolute; top: 10px; right: 0; z-index: 110;}
.movie_sp { display: block; box-sizing: border-box; width: 80%; margin: 1em auto; background: rgba(255, 255, 255, 1); padding: .5em; position: relative; z-index: 500;}
.movie { width: 100%; height: 0; padding-top: 56.25%; position: relative; overflow: hidden; z-index: 600;}
.movie iframe { position:absolute; left:0; top:0; width:100%; height:100%;}
#movie .wkt_sp { display: none;}
/*for_W480-*/
@media (min-width: 480px) { 
#movie { transform: translateY(78rem);}
}
/*for_W560-*/
@media (min-width: 560px) { 
#movie { transform: translateY(94rem);}
#movie h3 { font-size: 160%; padding: .55em .5em .35em .5em;}
#movie #movie_o, #movie #movie_p, #movie #movie_o0, #movie #movie_p0 { padding: 2.5rem 0 2rem 0;}
}
/*for_W640-*/
@media (min-width: 640px) { 
#movie { transform: translateY(96rem);}
}
/*for_W700-*/
@media (min-width: 700px) { 
#movie { transform: translateY(106rem);}
}
/*for_W768-*/
@media (min-width: 768px) { 
#movie { transform: translateY(70rem);}
#movie h3 { font-size: 180%; padding: .55em .5em .35em .5em;}
#movie #movie_o h3, #movie #movie_o0 h3 {  left: 45%;}
#movie #movie_p h3, #movie #movie_p0 h3 {  left: 56%;}

#movie #movie_o0 { width: 90%; margin: 4rem 0 2rem 0; padding: 2.5rem 0 2rem 0; float: right; border-radius: 40px 0 0 40px;}
#movie #movie_o0::after { content: ''; width: calc(100% + 10px); border-top: 2px solid rgba(255, 255, 255, 1); border-bottom: 2px solid rgba(255, 255, 255, 1); border-left: 2px solid rgba(255, 255, 255, 1); position: absolute; top: 10px; left: -10px; border-radius: 40px 0 0 40px;}

#movie #movie_p0 { width: 90%; margin: 4rem 0 2rem 0; padding: 2.5rem 0 2rem 0; float: left; border-radius: 0 40px 40px 0;}
#movie #movie_p0::after { content: ''; width: calc(100% + 10px); border-top: 2px solid rgba(255, 255, 255, 1); border-bottom: 2px solid rgba(255, 255, 255, 1); border-right: 2px solid rgba(255, 255, 255, 1); position: absolute; top: 10px; right: -10px; border-radius: 0 40px 40px 0;}

#movie #movie_o { width: 90%; margin: 4rem 0 2rem 0; padding: 2.5rem 0 2rem 0; float: right; border-radius: 40px 0 0 40px;}
#movie #movie_o::after { content: ''; width: calc(100% + 10px); border-top: 2px solid rgba(255, 255, 255, 1); border-bottom: 2px solid rgba(255, 255, 255, 1); border-left: 2px solid rgba(255, 255, 255, 1); position: absolute; top: 10px; left: -10px; border-radius: 40px 0 0 40px;}

#movie #movie_p { width: 90%; margin: 4rem 0 2rem 0; padding: 2.5rem 0 2rem 0; float: left; border-radius: 0 40px 40px 0;}
#movie #movie_p::after { content: ''; width: calc(100% + 10px); border-top: 2px solid rgba(255, 255, 255, 1); border-bottom: 2px solid rgba(255, 255, 255, 1); border-right: 2px solid rgba(255, 255, 255, 1); position: absolute; top: 10px; right: -10px; border-radius: 0 40px 40px 0;}
#movie #movie_o .movie_sp, #movie #movie_o0 .movie_sp { width: 60%; margin: 2em 0 2em 15%;}
#movie #movie_p .movie_sp, #movie #movie_p0 .movie_sp { width: 60%; margin: 2em 0 2em 26.5%;}
#movie .wkt_sp { display: block; width: 18%; z-index: 200;}
#movie #wkt1, #movie #wkt4 { position: absolute; top: -2.5rem; right: 1rem;}
#movie #wkt2, #movie #wkt0 { position: absolute; top: -2.5rem; left: 1rem;}
#movie #wkt1 .wkt { width: 100%; height: 0; padding-top: 109.437386569872958%; padding-top: -webkit-calc(603 / 551 * 100%); padding-top: calc(603 / 551 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/chara1.png?0); animation: fuwafuwa 3s linear infinite;}
#movie #wkt2 .wkt { width: 100%; height: 0; padding-top: 107.011070110701107%; padding-top: -webkit-calc(580 / 542 * 100%); padding-top: calc(580 / 542 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/chara2.png?0); animation: fuwafuwa 3s linear infinite;}
#movie #wkt0 .wkt { width: 100%; height: 0; padding-top: 113.055555555555556%; padding-top: -webkit-calc(407 / 360 * 100%); padding-top: calc(407 / 360 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/chara3.png?0); animation: fuwafuwa 3s linear infinite;}
#movie #wkt4 .wkt { width: 100%; height: 0; padding-top: 109.44444444%; padding-top: -webkit-calc(394 / 360 * 100%); padding-top: calc(394 / 360 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/chara4.png); animation: fuwafuwa 3s linear infinite;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#movie { transform: translateY(82rem);}
#movie h2 { transform: translateY(-1.5rem) translateX(10%);}
#movie h3 { font-size: 240%; padding: .55em .5em .35em .5em; border-radius: 20px;}
#movie #movie_p0 h3 { font-size: 240%; padding: .25em .5em .05em .5em; border-radius: 20px; line-height: 110%;}
/* #movie #movie_o h3 { left: 40%;}
#movie #movie_p h3 { left: 60%;}
#movie_o .movie_sp { margin-left: 14.5%;}
#movie_p .movie_sp { margin-left: 34.5%;} */
#movie #movie_o .movie_sp, #movie #movie_o0 .movie_sp { width: 52%; margin: 5em 0 2em 19%;}
#movie #movie_p .movie_sp, #movie #movie_p0 .movie_sp { width: 52%; margin: 5em 0 2em 30%;}
#movie .wkt_sp { width: 20%;}
#movie #wkt1, #movie #wkt4 { right: 3rem;}
#movie #wkt2, #movie #wkt0 { left: 3rem;}
#movie #movie_o::after, #movie #movie_p::after { top: 15px;}
}
/*for_W1140-*/
@media (min-width: 1140px) { 
#movie { transform: translateY(86rem);}
}
/*for_W1280-*/
@media (min-width: 1280px) { 
#movie { transform: translateY(94rem);}
}
/*for_W1440-*/
@media (min-width: 1440px) { 
#movie { transform: translateY(110rem);}
}
/*for_W1580-*/
@media (min-width: 1580px) { 
#movie { transform: translateY(120rem);}
}

/*sayu*/
#yoko_sp { width: 20%; position: absolute; top: 0; left: 100%;}
#yoko { width: 100%; height: 0; padding-top: 82.5%; padding-top: -webkit-calc(330 / 400 * 100%); padding-top: calc(330 / 400 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/yoko_wakty.png?0);}
.yoko_ani { animation: hashiru 1s linear; animation-delay: 0.3s;}
#yoko2_sp { width: 40%; position: absolute; top: -2rem; left: -50%;}
#yoko2 { width: 100%; height: 0; padding-top: 55.75%; padding-top: -webkit-calc(446 / 800 * 100%); padding-top: calc(446 / 800 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/yoko_wakty2.png?0);}
.yoko2_ani { animation: hashiru_r 2s linear; animation-delay: 0.3s;}
/*for_W768-*/
@media (min-width: 768px) { 
#yoko2_sp { width: 36%; position: absolute; top: -5rem; left: -50%;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#yoko_sp { width: 17%;}
.yoko_ani { animation: hashiru 1s linear; animation-delay: 0.3s;}
#yoko2_sp { width: 33%; position: absolute; top: -6rem; left: -50%;}
.yoko2_ani { animation: hashiru_r 2.5s linear; animation-delay: 0.3s;}
}
/*for_W1280-*/
@media (min-width: 1280px) { 
#yoko_sp { width: 16%;}
}
/*for_W1440-*/
@media (min-width: 1440px) { 
#yoko2_sp { width: 30%;}
}

/*chara*/
#chara { transform: translateY(11rem); width: 100%; height: 0; padding-top: 264%; padding-top: -webkit-calc(2640 / 1000 * 100%); padding-top: calc(2640 / 1000 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/chara_bg-s.png); margin-bottom: 12rem; posiiton: relative; z-index: 300;}
#chara h2 { color: rgba(255, 255, 255, 1); position:absolute; top: 5rem; left: 5%; z-index: 200;}
#boobo_all { width: 100%; position:absolute; top: 10rem; left: 0; color: rgba(255, 255, 255, 1);}
.chara_sp { width: 100%; padding: 2em 0; text-align: center;}
.chara_sp h3 { font-size: 160%; padding-bottom: .25em;}
.chara_sp .chara_img-sp { width: 38%; margin: .5em auto 1em auto;}
.chara_sp .chara_img { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; background-size: cover; background-posiiton: top center; border-radius: 100%;}
.chara_sp .info_txt { font-size: 120% !important; line-height: 190%;}
/*for_W480-*/
@media (min-width: 480px) { 
#chara { transform: translateY(16rem); margin-bottom: 18rem;}
.chara_sp h3 { font-size: 180%;}
.chara_sp { padding: 2.5rem 0 2rem 0;}
.chara_sp .info_txt { font-size: 140% !important; line-height: 200%; padding-top: 1rem;}
}
/*for_W560-*/
@media (min-width: 560px) { 
#chara { transform: translateY(30rem); margin-bottom: 31rem;}
#chara h2 { top: 7rem;}
.chara_sp h3 { font-size: 200%; padding-bottom: .3em;}
#boobo_all { top: 13rem;}
.chara_sp { padding: 3rem 0 2.5rem 0;}
.chara_sp .info_txt { font-size: 160% !important;}
}
/*for_W640-*/
@media (min-width: 640px) { 
#chara { transform: translateY(30rem); margin-bottom: 32rem;}
#chara h2 { top: 9rem;}
.chara_sp h3 { font-size: 240%; padding-bottom: .5em;}
.chara_sp .info_txt { font-size: 190% !important; line-height: 210%;}
}
/*for_W768-*/
@media (min-width: 768px) { 
#chara { transform: translateY(72rem); height: 0; padding-top: 78.888888888888889%; padding-top: -webkit-calc(1420 / 1800 * 100%); padding-top: calc(1420 / 1800 * 100%);  background-image: url(../img/chara_bg.png); margin-bottom: 72rem;}
#chara h2 { top: 7rem;}
#boobo_all { width: 100%; top: 12rem; display: flex; flex-flow: row nowrap; align-items: center;}
.chara_sp { width: 50%; flex-basis: 50%; padding: 0; text-align: center; position: relative;}
.chara_sp h3 { font-size: 160%; padding-bottom: 0; position: absolute; top: 11rem; left: 50%; transform: translateX(-50%);}
.chara_sp .chara_img-sp { width: 40%; margin: 0; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.chara_sp .info_txt { font-size: 110% !important; line-height: 200%; padding-top: 0; position: absolute; top: 14rem; left: 50%; transform: translateX(-50%); white-space: nowrap;}
}
/*for_W820-*/
@media (min-width: 820px) { 
.chara_sp h3 { font-size: 170%; top: 12rem;}
.chara_sp .info_txt { font-size: 120% !important; top: 15rem;}
}
/*for_W900-*/
@media (min-width: 900px) { 
.chara_sp h3 { font-size: 180%; top: 14rem;}
.chara_sp .info_txt { font-size: 140% !important; top: 17rem;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#chara { transform: translateY(71rem); margin-bottom: 72rem;}
#chara h2 { top: 7rem; left: 10%;}
#boobo_all { top: 14rem;}
.chara_sp h3 { font-size: 180%; top: 15rem;}
.chara_sp .info_txt { font-size: 140% !important; line-height: 200%; padding-top: 0; position: absolute; top: 18rem; left: 50%; transform: translateX(-50%); white-space: nowrap;}
}
/*for_W1070-*/
@media (min-width: 1070px) { 
#boobo_all { top: 15rem;}
.chara_sp h3 { font-size: 180%; top: 16.5rem;}
.chara_sp .info_txt { top: 19.5rem;}
}
/*for_W1140-*/
@media (min-width: 1140px) { 
#chara { transform: translateY(75rem); margin-bottom: 76rem;}
.chara_sp h3 { font-size: 180%; top: 17rem;}
.chara_sp .info_txt { top: 21rem;}
}
/*for_W1200-*/
@media (min-width: 1200px) { 
#chara { transform: translateY(77rem); margin-bottom: 78rem;}
.chara_sp h3 { font-size: 180%; top: 18rem;}
.chara_sp .info_txt { top: 21rem;}
}
/*for_W1280-*/
@media (min-width: 1280px) { 
#chara { transform: translateY(79rem); margin-bottom: 80rem;}
#chara h2 { top: 10rem; left: 10%;}
#boobo_all { top: 18rem;}
.chara_sp h3 { font-size: 200%; top: 19rem;}
.chara_sp .info_txt { font-size: 160% !important; absolute; top: 23rem;}
}
/*for_W1360-*/
@media (min-width: 1360px) { 
.chara_sp h3 { font-size: 220%; top: 21rem;}
.chara_sp .info_txt { font-size: 170% !important; absolute; top: 25rem;}
}
/*for_W1440-*/
@media (min-width: 1440px) { 
#chara { transform: translateY(90rem); margin-bottom: 91rem;}
#boobo_all { top: 20rem;}
.chara_sp h3 { font-size: 240%; top: 22rem;}
.chara_sp .info_txt { font-size: 180% !important; absolute; top: 27rem;}
}
/*for_W1580-*/
@media (min-width: 1580px) { 
#chara { transform: translateY(92rem); margin-bottom: 93rem;}
.chara_sp h3 { font-size: 280%; top: 24rem;}
.chara_sp .info_txt { font-size: 200% !important; absolute; top: 29rem;}
}

/*btm*/
#btm { width: 100%; background: linear-gradient(to bottom, rgba(103,196,253,0) 0%,rgba(103,196,253,1) 100%); padding-bottom: 3rem; position: relative; z-index: 0;}
/*_back to top*/
#bttp_sp { width: 66%; margin: 1rem auto 3rem auto;}
#bttp_sp a { display: block; width: 100%; height: 0; padding-top: 37.815126050420168%; padding-top: -webkit-calc(180 / 476 * 100%); padding-top: calc(180 / 476 * 100%); background-repeat: no-repeat; background-size: contain;}
#bttp_sp a:hover { opacity: .5;}
/*_sns*/
#sns_sp { text-align: center; padding: 2rem 0 3rem 0;}
#sns_sp #sns_info { font-size: 120%; font-weight: 800; letter-spacing: .05em; padding-bottom: 1rem;}
#sns_sp .sns_btn-sp { width: 66.7%; max-width: 400px; margin: .5em auto;}
#sns_sp .sns_btn { width: 100%; height: 0; padding-top: 17.492711370262391%; padding-top: -webkit-calc(120 / 686 * 100%); padding-top: calc(120 / 686 * 100%); position: relative; background-repeat: no-repeat; background-size: contain;}
#sns_sp .sns_btn a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; border-radius: 30px;}
#sns_sp .sns_btn a:hover { background: rgba(240, 240, 240, 0.4);}
#sns_sp .gaibu_txt { font-size: 75%; color: rgba(250, 250, 250, 1); padding-top: 0.5rem;}
/*_bn*/
.bn_sp { width: 44%; max-width: 366px; margin: 1.2em auto;}
.bn { position: relative; z-index: 100;}
#bn1 { width: 100%; height: 0; padding-top: 53.4%; padding-top: -webkit-calc(267 / 500 * 100%); padding-top: calc(267 / 500 * 100%); background-repeat: no-repeat; background-size: contain;}
#bn2 { width: 100%; height: 0; padding-top: 33.6%; padding-top: -webkit-calc(168 / 500 * 100%); padding-top: calc(168 / 500 * 100%); background-repeat: no-repeat; background-size: contain;}
.bn a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 500;}
#bn2 a { border-radius: 6px;}
.bn a:hover { background: rgba(240, 240, 240, 0.2);}
/*for_W640-*/
@media (min-width: 640px) { 
.bn_sp { width: 50%;}
#sns_sp #sns_info { font-size: 140%;}
}
/*for_W768-*/
@media (min-width: 768px) { 
#bttp_sp { width: 42%; margin: 2rem auto 3rem auto;}
.bn_sp { width: 38%; max-width: 400px; margin: 1.5em auto;}
#sns_sp { padding: 4rem 0 3rem 0;}
#sns_sp #sns_info { font-size: 160%;}
#sns_sp .sns_btn-sp { max-width: 400px; margin: .75em auto;}
#sns_sp .sns_btn a { border-radius: 40px;}
#sns_sp .gaibu_txt { font-size: 90%; padding-top: 0.75rem;}
}
/*for_W900-*/
@media (min-width: 900px) { 
#bn2 a { border-radius: 8px;}
#sns_sp #sns_info { font-size: 180%;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#bttp_sp { width: 40%; margin: 2rem auto 3.5rem auto;}
#sns_sp #sns_info { letter-spacing: .1em;}
#sns_sp .gaibu_txt { font-size: 100%; padding-top: 1rem;}
#sns_sp #sns_info { font-size: 190%;}
}
/*for_W1280-*/
@media (min-width: 1280px) { 
#bttp_sp { width: 34%; margin: 2rem auto 3.5rem auto;}
#sns_sp #sns_info { letter-spacing: .15em;}
}
/*for_W1580-*/
@media (min-width: 1580px) { 
#bttp_sp { width: 32%; margin: 2rem auto 3.5rem auto;}
}

/*townscape*/
#btm_bg-sp { width: 100%; height: 0; padding-top: 100%; background-color: rgba(103, 196, 253, 1); position: relative;}
#btm_bg { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-image: url(../img/btm_s.png); position: absolute; top: 0; left: 0;}
#btm_bg #wakty0_sp { width: 22%; position: absolute; top: 0.5rem; left: 39%;}
#btm_bg #wakty0 { width: 100%; height: 0; padding-top: 82.5%; padding-top: -webkit-calc(330 / 400 * 100%); padding-top: calc(330 / 400 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/yoko_wakty.png?0);}
/*for_W768-*/
@media (min-width: 768px) { 
#btm_bg-sp { width: 100%; padding-top: 56.125%; padding-top: -webkit-calc(898 / 1600 * 100%); padding-top: calc(898 / 1600 * 100%);}
#btm_bg { background-image: url(../img/btm.png);}
#btm_bg #wakty0_sp { width: 12%; position: absolute; top: 2.5rem; left: 44%;}
}

/*footer*/
#footer { width: 100%; text-align: center; background-color: rgba(217, 217, 217, 1); padding: 2rem  0 1rem 0;}
#footer #cr { font-size: 80%; color: rgba(0, 0, 0, 1); padding: 1rem; line-height: 130%;}
#footer #cr a { color: rgba(0, 0, 0, 1);}
/*_banner*/
.cmn_banner { width: 100%;}
div.tbs-gheader { z-index: 400;}
#bn_super { width: 100%; position: relative; z-index: 300;}
#bn_rectangle { margin: 0 auto 2em auto; position: relative; z-index: 300;}