/*	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;}
.f55 { line-height: normal; font-size: 55% !important;}
.f45 { line-height: normal; font-size: 45% !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;}
.pdb2 { padding-bottom: 2em;}
.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(255, 0, 0, 1);}
.col1 { color: rgba(179, 11, 23, 1);}
.col2 { color: rgba(122, 58, 30, 1);}
.col3 { color: rgba(255, 120, 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);}
a:hover .red { color: rgba(0, 80, 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);}
.pnt li { padding-left: 1em; line-height: 130%;}
.pnt li::before { content: '・'; margin-left: -1.25em;}
.kome li { padding-left: 1em; line-height: 140%;}
.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*/


/*	COMMON
============================== */
html { overflow-y: visible; min-height: 100%;}
body { width: 100%; position: relative; margin: 0!important; 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-family: "heisei-maru-gothic-std", sans-serif; font-weight: 800;}
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%;}
#container { width: 100%; margin: 0 auto; background-color: rgba(166, 229, 255, 1); color: rgba(0, 6, 64, 1); font-size: 80%; overflow: hidden; position: relative; z-index: 0;}
#contents { width: 100%;}
/*for_W640-*/
@media (min-width: 640px) { 
#container { font-size: 84%;}
}
/*for_W768-*/
@media (min-width: 768px) { 
#container { font-size: 90%;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#container { font-size: 100%;}
}

@keyframes fuwafuwa { 0% { transform: translateY(0) } 50% { transform: translateY(-5%) } 100% { transform: translateY(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 powan { 0% { transform: scale(0); opacity:0 } 30% { transform: scale(1); opacity:0.6 } 40% { transform: scale(1); opacity:0 } }
.powa_ani { animation: powan 0.75s cubic-bezier(0.4, 0, 0.2, 1); animation-fill-mode: forwards;}
.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;}

/*	header
============================== */
#header { width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; background-image: url(../img/head_bg.png); padding: 6em 0 4em 0; position: relative; z-index: 10;}
#header.hd_last { padding-bottom: 140px;}
#header #kumo_bace { width: 100%; margin: 0 auto; max-width: 1100px; background-repeat: no-repeat; background-size: 180% 100%; background-position: center center; background-image: url(../img/kumo.png); padding: 8em 0 7em 0; position: relative; z-index: 20;}
#logo_sp { width: 80%; max-width: 590px; margin:-2em auto 0 auto;}
#logo { width: 100%; height: 0; padding-top: 54.763690922730683%; padding-top: -webkit-calc(730 / 1333 * 100%); padding-top: calc(730 / 1333 * 100%); background-repeat: no-repeat; background-size: contain;}
#term_sp { width: 100%; font-size: 110%; font-weight: 700; text-align: center; padding: 1em 0 1.5em 0; line-height: 140%;}
#mosugu_txt { color: rgba(255, 120, 30, 1); padding-top: .75em;}
#mosugu_txt span { display: inline-block; padding: 0 20px 0 22px; position: relative; line-height: 130%;}
#header .maru_sp { display: none;}
/*
#mosugu_txt span::before { content: ''; width: 20px; height: 26.470588235294118px; background-image: url(../img/kira.png); background-repeat: no-repeat; background-size: contain; display: inline-block; position: absolute; top: -4px; left: 0;}
#mosugu_txt span::after { content: ''; width: 20px; height: 26.470588235294118px; background-image: url(../img/kira.png); background-repeat: no-repeat; background-size: contain; display: inline-block; position: absolute; top: -4px; right: 0; transform: scale(-1, 1);}
*/
.ht_app a { white-space: nowrap; display: inline-block; padding: 1em 1em .75em 2em; background-color: rgba(0, 6, 64, 1); border-radius: 4px; color: rgba(255, 255, 255, 1); margin: 0 auto; font-size:110%; letter-spacing: .05em;}
.ht_app a span { padding-right: 40px; position: relative; display: block;}
.ht_app a span::after { content: ''; width: 24px; height: 24px; background-image: url(../img/updown.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; right: 0; margin-top: -13px; transform: rotate(180deg);}
.ht_app a:hover { opacity: .8;}
.ht_app0 a { white-space: nowrap; display: inline-block; padding: 1.35em 1.25em 1.15em 2.5em; background-color: rgba(190, 220, 255, 1); border-radius: 50px; color: rgba(0, 80, 255, 1); margin: 0 auto; font-size:110%; letter-spacing: .05em; border: 4px solid rgba(0, 80, 255, 1);}
.ht_app0 a .ht_txt { padding-right: 40px; position: relative; display: block; font-weight: 700;}
.ht_app0 a .ht_txt::after { content: ''; width: 28px; height: 28px; background-image: url(../img/updown_b.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; right: 0; margin-top: -15px;}
#catch_sp { text-align: center; line-height: 180%; font-size: 120%; padding: 3em 0 1em 0; font-family:"Noto Sans JP"; font-optical-sizing:auto; font-weight: 800; font-style: normal; letter-spacing: .025em;}
.ht_app1 { text-align: center;}
#hd_maru_sp, #hd_smaru_sp, #hd_kuru_sp, .ht_app2 { display: none;}
/*for_W768-*/
@media (min-width: 768px) { 
#mosugu_txt { font-size: 90%;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#header .maru_sp { width: 20%; max-width: 80px; position: absolute; top: 30em; left: -10%;}
}
/*for_W1100-*/
@media (min-width: 1100px) { 
#hd_maru_sp { display: block; width: 290px; position: absolute; top: -20px; left: calc(50% + 440px);}
#hd_smaru_sp { display: block; width: 170px; position: absolute; bottom: 100px; right: calc(50% + 500px);}
#hd_kuru_sp { display: block; width: 400px; position: absolute; top: 240px; left: calc(50% + 480px); transform: rotate(270deg);}
}
/*for_W1200-*/
@media (min-width: 1200px) { 
#mosugu_txt { font-size: 80%;}
}
/*for_W1400-*/
@media (min-width: 1400px) { 
#mosugu_txt { font-size: 70%;}
}

/*_wakty*/
#wakty1_sp { width: 22%; max-width: 88px; position: absolute; top: 0; left: 6%; animation: fuwafuwa 1.5s linear infinite;}
#wakty1 { width: 100%; height: 0; padding-top: 103.169014084507042%; padding-top: -webkit-calc(586 / 568 * 100%); padding-top: calc(586 / 568 * 100%); background-repeat: no-repeat; background-size: contain; transform: rotate(24deg);}
#wakty2_sp { width: 30%; max-width: 120px; position: absolute; top: -2em; right: 4%; animation: fuwafuwa 1.5s linear infinite;}
#wakty2 { width: 100%; height: 0; padding-top: 110.707803992740472%; padding-top: -webkit-calc(610 / 551 * 100%); padding-top: calc(610 / 551 * 100%); background-repeat: no-repeat; background-size: contain; transform: rotate(-10deg);}
#wakty3_sp { width: 23%; max-width: 92px; position: absolute; bottom: -2.5em; left: 6%; animation: fuwafuwa 1.5s linear infinite;}
#wakty3 { width: 100%; height: 0; padding-top: 103.169014084507042%; padding-top: -webkit-calc(663 / 556 * 100%); padding-top: calc(663 / 556 * 100%); background-repeat: no-repeat; background-size: contain; transform: rotate(5deg);}
#wakty4_sp { width: 21%; max-width: 84px; position: absolute; bottom: -2.5em; right: 6%; animation: fuwafuwa 1.5s linear infinite;}
#wakty4 { width: 100%; height: 0; padding-top: 110.707803992740472%; padding-top: -webkit-calc(674 / 550 * 100%); padding-top: calc(674 / 550 * 100%); background-repeat: no-repeat; background-size: contain;}
#awd_wakty1 { width: 100%; height: 0; padding-top: 103.169014084507042%; padding-top: -webkit-calc(586 / 568 * 100%); padding-top: calc(586 / 568 * 100%); background-repeat: no-repeat; background-size: contain;}
#awd_wakty3 { width: 100%; height: 0; padding-top: 103.169014084507042%; padding-top: -webkit-calc(663 / 556 * 100%); padding-top: calc(663 / 556 * 100%); background-repeat: no-repeat; background-size: contain;}
#awd_wakty4 { width: 100%; height: 0; padding-top: 110.707803992740472%; padding-top: -webkit-calc(674 / 550 * 100%); padding-top: calc(674 / 550 * 100%); background-repeat: no-repeat; background-size: contain;}
/*for_W480-*/
@media (min-width: 480px) { 
#wakty1_sp { top: -1em; left: 6%;}
#wakty2_sp { top: -3em; right: 5%;}
#wakty3_sp { bottom: -1.5em; left: 6%;}
#wakty4_sp { bottom: -1.5em; right: 6%;}
.ht_app0 a { font-size: 120%;}
}
/*for_W640-*/
@media (min-width: 640px) { 
#wakty1_sp { width: 33%; max-width: 121px; top: -1em; left: 6%;}
#wakty2_sp { width: 40%; max-width: 160px; top: -4em; right: 5%;}
#wakty3_sp { width: 33%; max-width: 125px; bottom: -1.5em; left: 6%;}
#wakty4_sp { width: 31%; max-width: 115px; bottom: -1.5em; right: 6%;}
#term_sp { font-size: 120%;}
}
/*for_W768-*/
@media (min-width: 768px) { 
#header { padding: 3em 0;}
#header #kumo_bace { background-size: 120% 100%;}
#wakty1_sp { max-width: 154px; top: -1em; left: 3%;}
#wakty1 { transform: rotate(18deg);}
#wakty2_sp { max-width: 200px; top: -3em; right: 1%;}
#wakty2 { transform: rotate(-20deg);}
#wakty3_sp { max-width: 158px; bottom: -1.5em; left: 3%;}
#wakty3 { transform: rotate(-40deg);}
#wakty4_sp { max-width: 146px; bottom: 1em; right: 3%;}
#wakty4 { transform: rotate(30deg);}
#term_sp { font-size: 130%;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#header { padding: .5em 0 5em 0;}
#wakty1 { width: 100%; height: 0; padding-top: 103.169014084507042%; padding-top: -webkit-calc(586 / 568 * 100%); padding-top: calc(586 / 568 * 100%); background-repeat: no-repeat; background-size: contain; transform: rotate(24deg);}
#header #kumo_bace { background-size: 100% 100%;}
#wakty1_sp { max-width: 165px; top: 1em; left: 3%; transform: rotate( -10deg);}
#wakty2_sp { max-width: 210px; top: 3em; right: 1%;}
#wakty3_sp { max-width: 180px; bottom: -2.5em; left: 5%;}
#wakty4_sp { max-width: 158px; bottom: 1em; right: 5%;}
#ht_app a { margin: 0; font-size:120%; letter-spacing: .05em;}
#catch_sp { line-height: 180%; font-size: 120%; padding: 1em 0 0 0; font-family:"Noto Sans JP"; font-optical-sizing:auto; font-weight: 700; font-style: normal; letter-spacing: .025em;}
}
/*for_W1100-*/
@media (min-width: 1100px) { 
#hd_maru_sp { display: block; width: 290px; position: absolute; top: -20px; left: calc(50% + 440px);}
#hd_kuru_sp { display: block; width: 400px; position: absolute; top: 240px; left: calc(50% + 480px); transform: rotate(270deg);}
#term_sp { font-size: 160%;}
#catch_sp { font-size: 140%;}
}
/*for_W1300-*/
@media (min-width: 1300px) { 
.ht_app1 { display: none;}
.ht_app2 { display: block; white-spzce: nowrap; position: absolute; bottom: 70px; left: calc(50% + 260px); font-size:130%;}
.ht_app0 a { white-space: nowrap; display: inline-block; padding: 1.15em 1.5em 1em 1.6em; background-color: rgba(190, 220, 255, 1); border-radius: 50px; color: rgba(0, 80, 255, 1); margin: 0 auto; font-size:110%; letter-spacing: .05em; border: 4px solid rgba(0, 80, 255, 1);}
.ht_app0 a .ht_txt { padding-right: 40px; position: relative; display: block; font-weight: 700;}
.ht_app0 a .ht_txt::after { content: ''; width: 36px; height: 36px; background-image: url(../img/updown_b.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; right: 0; margin-top: -20px;}
#wakty1_sp { max-width: 165px; top: 4em; left: 5%;}
#wakty2_sp { max-width: 210px; top: 5em; right: 4%;}
#wakty3_sp { max-width: 190px; bottom: -4em; left: 9%;}
#wakty4_sp { max-width: 158px; bottom: .35em; right: 12%;}
#term_sp { font-size: 180%;}
#catch_sp { font-size: 160%;}
#wdtxt { font-size: 110%;}
#wdtxttop { padding-top: 0;}
}

/*	contents
============================== */
.cont { width: 100%; padding: 4em 0 2.5em 0; position: relative; z-index: 100;}
.cont h2 { font-size: 180%; text-align: center; font-weight: 800;}
.con_txt { width: 90%; max-width: 900px; margin: 1.6em auto 0 auto; font-size: 106%; line-height: 160%;}
/*for_W640-*/
@media (min-width: 640px) { 
.cont h2 { font-size: 210%;}
}
/*for_W768-*/
@media (min-width: 768px) { 
.cont h2 { font-size: 240%;}
}

/*movie*/
.movie { width: 100%; height: 0; padding-top: 56.25%; border-radius: 10px; position: relative; overflow: hidden; z-index: 600;}
.movie iframe { position:absolute; left:0; top:0; width:100%; height:100%;}

/*decoration_img*/
.kuru, #hd_kuru { width: 100%; height: 0; padding-top: 118.764845605700713%; padding-top: -webkit-calc(1000 / 842 * 100%); padding-top: calc(1000 / 842 * 100%); background-repeat: no-repeat; background-size: contain;}
.maru, #hd_maru { width: 100%; height: 0; padding-top: 100.16%; padding-top: -webkit-calc(626 / 625 * 100%); padding-top: calc(626 / 625 * 100%); background-repeat: no-repeat; background-size: contain;}
.maru2 { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; background-size: contain;}
.gaku { width: 100%; height: 0; padding-top: 147.8125%; padding-top: -webkit-calc(946 / 640 * 100%); padding-top: calc(946 / 640 * 100%);  background-repeat: no-repeat; background-size: contain;}
.gaku2 { width: 100%; height: 0; padding-top: 148.125%; padding-top: -webkit-calc(948 / 640 * 100%); padding-top: calc(948 / 640 * 100%);  background-repeat: no-repeat; background-size: contain;}
.kumowaku { width: 100%; height: 0; padding-top: 273.125%; padding-top: -webkit-calc(1748 / 640 * 100%); padding-top: calc(1748 / 640 * 100%);  background-repeat: no-repeat; background-size: contain;}
.kumowaku-s { width: 100%; height: 0; padding-top: 66.141732283464567%; padding-top: -webkit-calc(420 / 635 * 100%); padding-top: calc(420 / 635 * 100%);  background-repeat: no-repeat; background-size: contain;}
#wakty5 { width: 100%; height: 0; padding-top: 117.090909090909091%; padding-top: -webkit-calc(644 / 550 * 100%); padding-top: calc(644 / 550 * 100%); background-repeat: no-repeat; background-size: contain;}
#wakty6 { width: 100%; height: 0; padding-top: 110.909090909090909%; padding-top: -webkit-calc(610 / 550 * 100%); padding-top: calc(610 / 550 * 100%); background-repeat: no-repeat; background-size: contain; transform: rotate(-10deg);}
#wakty7, #wakty7_2 { width: 100%; height: 0; padding-top: 103.169014084507042%; padding-top: -webkit-calc(663 / 556 * 100%); padding-top: calc(663 / 556 * 100%); background-repeat: no-repeat; background-size: contain; transform: rotate(5deg);}
#marumaru { width: 100%; height: 0; padding-top: 120.327421555252387%; padding-top: -webkit-calc(882 / 733 * 100%); padding-top: calc(882 / 733 * 100%); background-repeat: no-repeat; background-size: contain;}
.kumo_line { width: 100%; height: 0; padding-top: 66.124260355029586%; padding-top: -webkit-calc(894 / 1352 * 100%); padding-top: calc(894 / 1352 * 100%);  background-repeat: no-repeat; background-size: contain;}

/*_music_video*/
#music_video { background-color: rgba(255, 205, 210, 1); position: relative; padding-bottom: 4em;}
#music_video .kuru_sp { width: 48%; max-width: 130px; position: absolute; top: -14em; right: -16%; transform: rotate(270deg); z-index: 1000;}
#music_video::before { content: ''; width: 120%; height: 100px; background-repeat: no-repeat; background-position: top center; background-size: 120%; background-image: url(../img/pink_kumo.png); position: absolute; top: -100px; left: -10%; z-index: 1000;}
/*
#music_video h2 { font-size: 190%; color: rgba(255, 61, 80, 1); font-weight: 800; text-shadow: 2px 2px 0 rgba(255, 255, 255, 1), -2px -2px 0 rgba(255, 255, 255, 1), -2px 2px 0 rgba(255, 255, 255, 1), 2px -2px 0 rgba(255, 255, 255, 1), 0px 2px 0 rgba(255, 255, 255, 1),  0 -2px 0 rgba(255, 255, 255, 1), -2px 0 0 rgba(255, 255, 255, 1), 2px 0 0 rgba(255, 255, 255, 1); line-height: 150%; margin: -3.5em auto 0 auto; position: relative; z-index: 1000;}
*/
#music_video h2 { width: 70%; max-width: 300px; margin: -3.5em auto 0 auto; position: relative; z-index: 1000;}
#music_video h2 .h2_img { display: block; width: 100%; height: 0; padding-top: 25.66735113%; padding-top: -webkit-calc(125 / 487 * 100%); padding-top: calc(125 / 487 * 100%);  background-repeat: no-repeat; background-size: contain; background-image: url(../img/musicvideo_s.svg);}
#music_video .info_txt { text-align: center; padding: 1.2em 0; font-size: 110%; line-height: 160%;}
#music_video .otehon-movie_sp { box-sizing: border-box; width: 80%; max-width: 760px; margin: 1em auto 1.25em auto; border-radius: 26px; background-color: rgba(255, 255, 255, 1); padding: 8px;}
#music_video .otehon-movie_sp .movie { background-color: rgba(243, 251, 255, 1); border-radius: 16px;}
#marumaru_sp { display: none;}
#music_video .gaku2_sp { display: none;}
/*for_W768-*/
@media (min-width: 768px) { 
#music_video .otehon-movie_sp { padding: 20px;}
#music_video h2 { width: 60%; max-width: 600px; margin: -2.5em auto 0 auto;}
#music_video h2 .h2_img { display: block; width: 100%; height: 0; padding-top: 7.23472669%; padding-top: -webkit-calc(90 / 1244 * 100%); padding-top: calc(90 / 1244 * 100%);  background-repeat: no-repeat; background-size: contain; background-image: url(../img/musicvideo.svg);}
#music_video::before { content: ''; width: 100%; height: 100px; background-repeat: no-repeat; background-position: top center; background-size: 100%; background-image: url(../img/pink_kumo.png); position: absolute; top: -100px; left: 0;}
}
/*for_W1200-*/
@media (min-width: 1200px) { 
#marumaru_sp { display: block; width: 28%; max-width: 366px; position: absolute; top: 7em; left: calc(((100% - 1000px)/2) + 1000px ); z-index: 1000;}
#music_video .gaku2_sp { display: block; width: 28%; max-width: 466px; position: absolute; top: -200px; right: calc(((100% - 1000px)/2) + 1000px ); z-index: 1000;}
#music_video::before { content: ''; width: 80%; height: 100px; background-repeat: no-repeat; background-position: top center; background-size: 80%; background-image: url(../img/pink_kumo.png); position: absolute; top: -100px; left: 10%;}
}

/*_what_wd*/
.ww_ap { width: 64%; position: absolute; top: -10em; left: 18%; z-index: 1200;}
.what_wdlnk a { display: block; width: 100%; height: 0; padding-top: 24.70277411%; padding-top: -webkit-calc(187 / 757 * 100%); padding-top: calc(187 / 757 * 100%); background-repeat: no-repeat; background-size: contain;}
.what_wdlnk a:hover { opacity: .8;}
/*for_W480-*/
@media (min-width: 480px) { 
.ww_ap { width: 50%; position: absolute; top: -10em; left: 25%; z-index: 1200;}
}
/*for_W640-*/
@media (min-width: 640px) { 
.ww_ap { width: 40%; position: absolute; top: -9em; left: 30%; z-index: 1200;}
}
/*for_W768-*/
@media (min-width: 768px) { 
.ww_ap { width: 360px; position: absolute; top: -9em; left: calc((100% - 360px)/2 ); z-index: 1200;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
.ww_ap { top: -5em;}
#music_video h2 { margin: -0.5em auto 0 auto;}
}

/*_award*/
#award_all { background-color: rgba(255, 253, 242, 1); padding: 0 0 2em 0;}
#award_all .kuru_sp { width: 48%; max-width: 130px; position: absolute; top: -6em; left: -12.5%; z-index: 1000;}
#award_all #awd_wakty1_sp { width: 18%; max-width: 200px; position: absolute; top: 16em; left: 2%; transform: rotate(-30deg); z-index: 1000;}
#award_all #awd_wakty3_sp { display: block; width: 30%; max-width: 200px; position: absolute; bottom: 14em; right: 10%; z-index: 1000;}
#award_all #awd_wakty4_sp { width: 18%; max-width: 200px; position: absolute; top: 8em; right: 6%; transform: rotate(15deg); z-index: 1000;}

#award_gp0 { width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(../img/award_bg.png); padding: 3em 0 1.5em 0;}
#award_gp { width: 100%; max-width: 1200px; margin: 0 auto;}
#award_gp h2 { font-size: 180%; color: rgba(255, 120, 30, 1); font-weight: 800; text-shadow: 4px 4px 0 rgba(255, 255, 255, 1), -4px -4px 0 rgba(255, 255, 255, 1), -4px 4px 0 rgba(255, 255, 255, 1), 4px -4px 0 rgba(255, 255, 255, 1), 0px 4px 0 rgba(255, 255, 255, 1),  0 -4px 0 rgba(255, 255, 255, 1), -4px 0 0 rgba(255, 255, 255, 1), 4px 0 0 rgba(255, 255, 255, 1); line-height: 150%; margin: 0 auto; position: relative; z-index: 1000;}
#award_gp #gp_titlesp { width: 90%; margin: 2em auto; text-align: center; position: relative;}
#ohkan_sp { width: 20%; max-width: 100px; margin: 0 auto 1em auto;}
#ohkan { width: 100%; height: 0; padding-top: 72.68041237%; padding-top: -webkit-calc(141 / 194 * 100%); padding-top: calc(141 / 194 * 100%);  background-repeat: no-repeat; background-size: contain; background-image: url(../img/ohkan.png);}
.ribbon_sp { width: 60%; max-width: 360px; margin: 0 auto 1em auto;}
.ribbon { width: 100%; height: 0; padding-top: 39.66005666%; padding-top: -webkit-calc(280 / 706 * 100%); padding-top: calc(280 / 706 * 100%);  background-repeat: no-repeat; background-size: contain; background-image: url(../img/ribbon.png); position: relative;}
.rbn_txt0 { width: 100%; text-align: center; font-size: 180%; color: rgba(255, 170, 30, 0); text-shadow: -3px -3px 0 #fff; font-weight: 800; background-image: linear-gradient(to bottom, rgba(255, 170, 30, 1), rgba(255, 120, 30, 1)); -webkit-background-clip: text; position: absolute; top: 1em; left: 0;}
.rbn_txt { width: 100%; text-align: center; font-size: 180%; color: rgba(255, 170, 30, 1); font-weight: 800; text-shadow: 3px 3px 0 rgba(255, 255, 255, 1), -3px -3px 0 rgba(255, 255, 255, 1), -3px 3px 0 rgba(255, 255, 255, 1), 3px -3px 0 rgba(255, 255, 255, 1), 0px 3px 0 rgba(255, 255, 255, 1),  0 -3px 0 rgba(255, 255, 255, 1), -3px 0 0 rgba(255, 255, 255, 1), 3px 0 0 rgba(255, 255, 255, 1); position: absolute; top: .85em; left: 0;}
.award_name { text-align: center; font-size: 180%; font-weight: 800; text-shadow: 3px 3px 0 rgba(255, 255, 255, 1), -3px -3px 0 rgba(255, 255, 255, 1), -3px 3px 0 rgba(255, 255, 255, 1), 3px -3px 0 rgba(255, 255, 255, 1), 0px 3px 0 rgba(255, 255, 255, 1),  0 -3px 0 rgba(255, 255, 255, 1), -3px 0 0 rgba(255, 255, 255, 1), 3px 0 0 rgba(255, 255, 255, 1);}
.award_name .sama { font-size: 70%;}
.tate_movie { width: 144px; margin: 1em auto; text-align: center; border-radius: 6px; overflow: hidden;}
#grandprix { width: 225px;}
.tate_movie iframe { position: relative; aspect-ratio:9 /16; border-radius: 6px; width: 144px; height: 256px;}
#grandprix iframe { width: 225px; height: 400px;}
.tate_movie .video { height: 100%; margin: 0 auto; overflow: visible; padding-bottom: 0; width: 225px; border-radius: 6px;}
.awd_cmtbtn a { box-sizing: border-box; display: inline-block; margin: .5em auto 1em auto; padding: 1em .75em; background-color: rgba(255, 120, 30, 1); border-radius: 6px; color: rgba(255, 255, 255, 1); font-size: 88%; filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .3));}
.awd_cmtbtn a:hover { opacity: .8;}
.awd_cmtbtn .cmtbtn_txt { padding-left: 18px; position: relative;}
.awd_cmtbtn .cmtbtn_txt::before { content: ''; width: 15px; height: 16.75px; background-image: url(../img/fukidashi_icon.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: -2px; left: 0;}

#award_set { width: 90%; max-width: 1200px; margin: 2em auto; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center;}
#award_set .awd { width: 49%; flex-basis: 49%; padding-bottom: 1em; margin: 0 .49%;}
#award_set .awd .ribbon_sp { width: 100%; margin: 0 auto 1em auto;}
#award_set .awd .rbn_txt { width: 100%; text-align: center; font-size: 110%; color: rgba(255, 170, 30, 1); font-weight: 800; text-shadow: 2px 2px 0 rgba(255, 255, 255, 1), -2px -2px 0 rgba(255, 255, 255, 1), -2px 2px 0 rgba(255, 255, 255, 1), 2px -2px 0 rgba(255, 255, 255, 1), 0px 2px 0 rgba(255, 255, 255, 1),  0 -2px 0 rgba(255, 255, 255, 1), -2px 0 0 rgba(255, 255, 255, 1), 2px 0 0 rgba(255, 255, 255, 1); position: absolute; top: 1.35em; left: 0;}
#award_set .awd .rbn_txt .mctxt {font-size: 90%;}
#award_set .awd .award_name { text-align: center; font-size: 130%; font-weight: 800; text-shadow: 3px 3px 0 rgba(255, 255, 255, 1), -3px -3px 0 rgba(255, 255, 255, 1), -3px 3px 0 rgba(255, 255, 255, 1), 3px -3px 0 rgba(255, 255, 255, 1), 0px 3px 0 rgba(255, 255, 255, 1),  0 -3px 0 rgba(255, 255, 255, 1), -3px 0 0 rgba(255, 255, 255, 1), 3px 0 0 rgba(255, 255, 255, 1);}
#award_set .awd .award_name .mctxt { font-size: 76%;}
#award_set .awd .award_name .sama { font-size: 90%;}
#gp_cmt_sp, .moku_y_sp, .maru_y_sp { display: none;}
/*for_W480-*/
@media (min-width: 480px) { 
.ribbon_sp { width: 50%;}
#award_set .awd .ribbon_sp { width: 80%;}
}
/*for_W640-*/
@media (min-width: 640px) { 
#award_all .kuru_sp { width: 48%; max-width: 200px; position: absolute; top: -7em; left: -10%;}
#award_gp h2 { font-size: 210%;}
.rbn_txt { font-size: 240%;}
#award_set .awd .rbn_txt { font-size: 140%;}
#award_set .awd .award_name .mctxt { font-size: 90%;}
}
/*for_W768-*/
@media (min-width: 768px) { 
#award_all .kuru_sp { max-width: 300px; position: absolute; top: -7em; left: -10%;}
#award_gp h2 { font-size: 240%;}
.rbn_txt { font-size: 270%; color: rgba(255, 155, 30, 1);}
#cmt_gpsp { display: none;}
#awd_gp_set { width: 95%; margin: 0 auto; display: flex; flex-flow: row nowrap; justify-content: center; align-items: flex-end;}
#gp_cmt_sp { display: block; width: 58%; flex-basis: 58%; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-end; padding-bottom: 1em; padding-right: 5%;}
#gp_cmt_sp .cmt_fstxt { box-sizing: border-box; width: 90%; padding: 2em; background-color: rgba(255, 255, 255, 1); border: 2px solid rgba(255, 120, 30, 1); border-radius: 20px; line-height: 170%; position: relative; margin-right: 40px; z-index: 2000;}
#gp_cmt_sp .cmt_fstxt::before { content: ''; width: 36px; height: 35px; background-repeat: no-repeat; background-size: contain; background-image: url(../img/f_atama.png); transform: scale(-1, 1); position: absolute; bottom: 25px; right: -32px; filter: drop-shadow(-5.5px -1px 0 rgba(255, 120, 30, 1)); z-index: 1000;}
@-moz-document url-prefix(){ #gp_cmt_sp .cmt_fstxt::before { filter: drop-shadow(5.5px -1px 0 rgba(255, 120, 30, 1));} }
#gp_cmt_sp .cmt_judge { width: 100%; display: flex; flex-flow: row nowrap; align-items: center; padding-bottom: .5em;}
#gp_cmt_sp .cmt_judge_face { width: 22%; flex-basis: 22%;}
#gp_cmt_sp .cmt_judge_face .judge_img { border: 2px solid rgba(255, 120, 30, 1);}
#gp_cmt_sp .cmt_judge_title { width: 100%; font-size: 110%; font-weight: bold; color: rgba(255, 120, 30, 1); padding-bottom: .5em;}
#award_set .awd .rbn_txt { font-size: 160%;}
.tate_movie, #grandprix { width: 225px;}
.tate_movie iframe, #grandprix iframe { width: 225px; height: 400px;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#award_all #awd_wakty3_sp { display: none;}
#award_all .kuru_sp { max-width: 400px; position: absolute; top: -7em; left: -10%;}
#awd_gp_set { width: 90%; margin-left: 9.9%;}
.tate_movie, #grandprix { width: 225px;}
.tate_movie iframe, #grandprix iframe { width: 225px; height: 400px;}
#award_set .awd .rbn_txt { font-size: 120%;}
#award_set { width: 90%; max-width: 1200px; margin: 2em auto; display: flex; flex-flow: row wrap; justify-content: center; align-items: center;}
#award_set .awd { width: 32%; flex-basis: 32%; padding-bottom: 1em; margin: 0 .49%; margin: 0;}
}
/*for_W1100-*/
@media (min-width: 1100px) { 
#award_set .awd .rbn_txt { font-size: 130%;}
#award_set { position: relative;}
.moku_y_sp { display: block; width: 70%; max-width: 900px; position: absolute; top: 10em; left: -50%;}
.moku_y_sp2 { display: block; width: 70%; max-width: 900px; position: absolute; bottom: 5em; right: -52%;}
.moku_y { width: 100%; height: 0; padding-top: 66.11661166%; padding-top: -webkit-calc(601 / 909 * 100%); padding-top: calc(601 / 909 * 100%); background-repeat: no-repeat; background-size: contain;}
.maru_y_sp { display: block; width: 18%; max-width: 200px; position: absolute; bottom: 36em; left: -15%;}
.maru_y_sp2 { display: block; width: 18%; max-width: 200px; position: absolute; top: 42em; right: -15%;}
.maru_y { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; background-size: contain;}

}
/*for_W1200-*/
@media (min-width: 1200px) { 
#awd_gp_set { justify-content: space-between;}
#award_set .awd .rbn_txt { font-size: 140%;}
#grandprix { width: 270px; margin: 1em 0 1em 180px;}
#grandprix iframe { width: 270px; height: 480px;}
#gp_cmt_sp { width: 50%; flex-basis: 50%;}
#award_all #awd_wakty1_sp { width: 20%; max-width: 220px; position: absolute; top: 40em; left: calc((100% - 1100px)/2);}
#award_all #awd_wakty4_sp { width: 18%; max-width: 200px; position: absolute; top: 8em; right: calc((100% - 1000px)/2);}
#award_all .kuru_sp { top: -18em; left: -8%;}
}
/*for_W1400-*/
@media (min-width: 1400px) { 
#award_set .awd .rbn_txt { font-size: 160%;}
}

/*_judge*/
#judge { background-color: rgba(255, 120, 30, 1); text-align: center;}
#judge #jdg_wakty3_sp { display: none;}
#judge h2 { padding-bottom: 1em;}
#judge .catch_txt { color: rgba(255, 255, 255, 1); font-size: 110%;}
.judge_sp { width: 100%; max-width: 360px; margin: 2em auto;}
.judge_sp0 { width: 100%; max-width: 360px; margin: 1em auto 2em auto;}
.judge_img-sp { width: 90%; margin: 0 auto;}
.judge_img { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; background-size: contain; position: relative; z-index: 100; border-radius: 200px;}
.judge_rbn-sp { width: 100%; margin: -6em auto 0 auto;}
.judge_rbn { width: 100%; height: 0; padding-top: 39.473684210526316%; padding-top: -webkit-calc(300 / 760 * 100%); padding-top: calc(300 / 760 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/rbn.png); position: relative; z-index: 200; position: relative;}
.judge_name-sp { width: 100%; text-align: center;  position: absolute; top: 62%; right: 0; transform: translateY(-50%); -webkit- transform: translateY(-50%);}
.judge_name { font-size: 180%;}
.judge_info { font-size: 130%; line-height: 116%; padding-bottom: .5em;}
#wakty6_sp { width: 32%; max-width: 140px; position: absolute; top: -6em; left: 6%; animation: fuwafuwa 1.5s linear infinite;}
#judge .awd_wakty3_sp { display: none;}
/*for_W640-*/
@media (min-width: 640px) { 
#judge .maru2_sp { right: -10%;}
}
/*for_W768-*/
@media (min-width: 768px) { 
#judge_set { width: 100%; max-width: 700px; margin: 0 auto; display: flex; flex-flow: row wrap; justify-content: center; align-items: center;}
.judge_sp { width: 48%; flex-basis: 48%; margin: 1em .9%;}
#wakty6_sp { width: 30%; max-width: 160px; position: absolute; top: -2.8em; left: 2%; transform: rotate(-5deg);}
#judge .maru2_sp { top: -3.5em; right: -5%;}
#judge .catch_txt { font-size: 110%;}
.judge_info { font-size: 108%; line-height: 106%; padding-bottom: .35em;}
.judge_name { font-size: 170%;}
}
/*for_W1100-*/
@media (min-width: 1100px) { 
.judge_img-sp { width: 80%; margin: 0 auto;}
#wakty6_sp { width: 30%; max-width: 180px; position: absolute; top: -15em; left: calc(50% - 400px); transform: rotate(-10deg);}
#judge .maru2_sp { display: none;}
#judge { position: relative;}
#judge #jdg_wakty3_sp { display: block; width: 30%; max-width: 160px; position: absolute; top: -6em; right: 1%;}
#judge #jdg_wakty3 { width: 100%; height: 0; padding-top: 103.169014084507042%; padding-top: -webkit-calc(663 / 556 * 100%); padding-top: calc(663 / 556 * 100%); background-repeat: no-repeat; background-size: contain;}
}

/*_ambassador*/
#ambassador { background-color: rgba(255, 229, 115, 1); text-align: center;}
#ambassador_stage { position: relative;}
#ambassador_stage .gaku2_sp { width: 25%; max-width: 176px; position: absolute; top: -10em; left: -12%; z-index: 1000;}
#ambassador_stage .kururv2_sp { display: block; width: 30%; max-width: 300px; position: absolute; top: 1em; right: -8%; transform: rotate(120deg);}
#ambassador_stage .maru2_sp { width: 32%; max-width: 136px; position: absolute; bottom: 22em; left: 84%; z-index: 1000;}
#ambassador .title { width: 90%; max-width: 460px; margin: 2em auto;}
#ambassador .title .title_img { width: 100%; height: 0; padding-top: 30.47337278%; padding-top: -webkit-calc(206 / 676 * 100%); padding-top: calc(206 / 676 * 100%); position: relative; background-repeat: no-repeat; background-size: contain; z-index: 1200;}
.amb_info { width: 92%; max-width: 920px; margin: 2em auto; font-size: 110%; line-height: 180%; position: relative; z-index: 1200;}
.amb_info .pink { color: rgba(236, 46, 147, 1);}
.amb_info .amf { font-size: 110%;}
#mokumoku_sp { width: 110%; margin-top: 1em; margin-left: -5%;}
#mokumoku { width: 100%; height: 0; padding-top: 65.84158416%; padding-top: -webkit-calc(532 / 808 * 100%); padding-top: calc(532 / 808 * 100%); position: relative; background-repeat: no-repeat; background-size: contain; background-image: url(../img/mokumoku_g.png); z-index: 1200;}
#mokumoku_txt { box-sizing: border-box; width: 100%; padding: 0 10%; position: absolute; top: 53%; left: 0; transform: translateY(-50%); -webkit- transform: translateY(-50%); text-align: left;}
#mokumoku_txt #mokumoku_title { text-align: center; line-height: 130%; font-size: 120%;}
#mokumoku_txt #mokumoku_title.dblue { color: rgba(0, 40, 165, 1);}
#mokumoku_txt #mokumoku_info .dorange { color: rgba(145, 70, 0, 1);}
#mokumoku_txt #mokumoku_info { width: 80%; text-align: left; font-size: 110%; line-height: 150%; margin: 1em auto 0 auto;}
#mokumoku_txt #mokumoku_info .blue { font-size: 90%;}
#mokumoku_txt #mokumoku_info a { color: rgba(0, 0, 0, 1); border-bottom: 1px solid rgba(0, 0, 0, 1);}
#mokumoku_txt #mokumoku_info a:hover { color: rgba(50, 50, 50, 1);}
#moku-cover_txt { box-sizing: border-box; width: 100%; padding: 0; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit- transform: translateY(-50%); text-align: center; font-size: 280%; font-weight: 800; line-height: 150%; color: rgba(255, 255, 255, 1);}

#vivid_lnk { display: inline-block; margin: 1em auto;}
#vivid_lnk a { width:100%; display: block; position: relative; white-space: nowrap;}
#vivid_lnk a:before, #vivid_lnk a:after { content: ""; content: none; display: table;}
#vivid_lnk a:after { clear: both; }
#vivid_lnk a::after { content: ""; display: block; clear: both;}
#vivid_lnk a .vivid_icon { width: 32px; height: 32px; display: block; background-repeat: no-repeat; background-size: contain; background-image: url(../img/vivid.png); float: left;}
#vivid_lnk a .vivid_lnk-txt { color: rgba(235, 49, 148, 1); border-bottom: 1px solid rgba(235, 49, 148, 1); float: left; margin-left: .5em; padding-top: .75em;}
/*for_W640-*/
@media (min-width: 640px) { 
#ambassador { font-size: 110%;}
#vivid_lnk a .vivid_icon { width: 50px; height: 50px;}
#vivid_lnk a .vivid_lnk-txt { font-size: 110%; padding-top: 1.25em;}
#mokumoku_sp { width: 90%; margin-top: 1em; margin-left: 5%;}
}
/*for_W768-*/
@media (min-width: 768px) { 
.amb_info .amf { font-size: 120%;}
#ambassador .title { max-width: 580px;}
#ambassador .title { max-width: 740px; margin: 2em auto;}
#ambassador .title .title_img { width: 100%; height: 0; padding-top: 16.65133395%; padding-top: -webkit-calc(181 / 1087 * 100%); padding-top: calc(181 / 1087 * 100%); position: relative; background-repeat: no-repeat; background-size: contain; z-index: 1200;}
#ambassador_stage .gaku2_sp { width: 30%; max-width: 600px; position: absolute; top: -24em; left: -12%;}
#ambassador_stage .kururv2_sp { width: 40%; max-width: 700px; position: absolute; top: -1em; right: -14%; transform: rotate(120deg);}
#ambassador_stage .maru2_sp { width: 32%; max-width: 300px; position: absolute; bottom: -7em; left: 80%;}
#vivid_lnk a .vivid_icon { width: 80px; height: 80px;}
#vivid_lnk a .vivid_lnk-txt { font-size: 130%; padding-top: 1.5em;}
#mokumoku_sp { width: 572px; margin-top: 1em; margin-left: calc((100% - 572px)/2);}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#ambassador { font-size: 105%;}
#ambassador_stage .gaku2_sp { width: 30%; max-width: 600px; position: absolute; top: -32em; left: -12%;}
#ambassador_stage .kururv2_sp { width: 40%; max-width: 700px; position: absolute; top: -28em; right: -16%; transform: rotate(120deg);}
#ambassador_stage .maru2_sp { width: 36%; max-width: 400px; position: absolute; bottom: 8em; left: 80%;}
.amb_info { font-size: 130%; line-height: 180%; padding: 2em auto;}
.amb_info .f90 { font-size: 96%;}
.amb_info .amf { font-size: 140%;}
#mokumoku_txt #mokumoku_title { font-size: 140%;}
#mokumoku_txt #mokumoku_info { font-size: 110%;}
#vivid_lnk a .vivid_icon { width: 90px; height: 90px;}
#vivid_lnk a .vivid_lnk-txt { font-size: 140%;}
}


#ambassador h3 { padding: 2em 0 .5em 0; font-size: 180%;}
#ambassador .report-movie_sp { box-sizing: border-box; width: 88%; max-width: 760px; margin: 1em auto 1.25em auto; border-radius: 26px; background-color: rgba(255, 255, 255, 1); padding: 8px;}
#ambassador .report-movie_sp .movie { background-color: rgba(243, 251, 255, 1);}
#ambassador_stage .kururv3_sp { display: none;}
/*for_W640-*/
@media (min-width: 640px) { 
#ambassador_stage .maru2_sp { width: 32%; max-width: 360px; position: absolute; bottom: 62em; left: 88%;}
}
/*for_W768-*/
@media (min-width: 768px) { 
#ambassador_stage .maru2_sp { width: 32%; max-width: 360px; position: absolute; top: 20em; left: 72%;}
#ambassador_stage .kururv2_sp { display: block; width: 30%; max-width: 300px; position: absolute; top: -18em; right: -7%; transform: rotate(120deg);}
#ambassador_stage .kururv3_sp { display: block; width: 30%; max-width: 300px; position: absolute; bottom: 36em; left: -7%; transform: rotate(60deg) scale(1, -1);}
}
/*for_W1200-*/
@media (min-width: 1200px) { 
#ambassador_stage .maru2_sp { position: absolute; top: 20em; left: 84%;}
#ambassador_stage .kururv2_sp { max-width: 500px; position: absolute; top: -26em; right: -2%; transform: rotate(120deg);}
#ambassador_stage .gaku2_sp { position: absolute; top: -42em; left: -10%;}
#ambassador_stage .kururv3_sp { max-width: 500px; position: absolute; bottom: 36em; left: -2%;}
}

/*_odottemita_movie*/
#odm_movie { background-color: rgba(255, 205, 210, 1); position: relative; padding-bottom: 3em;}
/*
#odm_movie h2 { font-size: 250%; color: rgba(255, 61, 80, 1); font-weight: 800; text-shadow: 2px 2px 0 rgba(255, 255, 255, 1), -2px -2px 0 rgba(255, 255, 255, 1), -2px 2px 0 rgba(255, 255, 255, 1), 2px -2px 0 rgba(255, 255, 255, 1), 0px 2px 0 rgba(255, 255, 255, 1),  0 -2px 0 rgba(255, 255, 255, 1), -2px 0 0 rgba(255, 255, 255, 1), 2px 0 0 rgba(255, 255, 255, 1); line-height: 130%; margin: 0 auto; position: relative; z-index: 1000;}
*/
#odm_movie h2 { width: 62%; max-width: 240px; margin: 0 auto; position: relative; z-index: 1000;}
#odm_movie h2 .h2_img { display: block; width: 100%; height: 0; padding-top: 34.98920086%; padding-top: -webkit-calc(162 / 463 * 100%); padding-top: calc(162 / 463 * 100%);  background-repeat: no-repeat; background-size: contain; background-image: url(../img/odottemita_s.svg);}
#odm_set { box-sizing: border-box; width: 90%; max-width: 540px; margin: 2em auto 0 auto; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; position: relative; z-index: 2000;}
#odm_set .odn_img-sp { width: 48%; flex-basis: 48%; margin: .75em 0; border-radius: 6px; background-color: rgba(255, 255, 255, .3); position: relative;}
#odm_set .odn_img { width: 100%; height: 0; padding-top: 150%; background-repeat: no-repeat; background-size: cover; border-radius: 6px; z-index: 2500; position: relative;}
#odm_set .odn_img-sp .loader { width: 40px; aspect-ratio: 1; --c: no-repeat linear-gradient(#fff 0 0); background:  var(--c) 0%   100%, var(--c) 50%  100%, var(--c) 100% 100%; animation: l2 1s infinite linear; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; z-index: 2100;}
@keyframes l2 { 0%  {background-size: 20% 100%,20% 100%,20% 100%} 20% {background-size: 20% 60% ,20% 100%,20% 100%} 40% {background-size: 20% 80% ,20% 60% ,20% 100%} 60% {background-size: 20% 100%,20% 80% ,20% 60% } 80% {background-size: 20% 100%,20% 100%,20% 80% } 100%{background-size: 20% 100%,20% 100%,20% 100%}}
/*for_W768-*/
@media (min-width: 768px) { 
#odm_movie h2 { width: 50%; max-width: 400px; margin: .5em auto;}
#odm_movie h2 .h2_img { display: block; width: 100%; height: 0; padding-top: 10.74705111%; padding-top: -webkit-calc(82 / 763 * 100%); padding-top: calc(82 / 763 * 100%);  background-repeat: no-repeat; background-size: contain; background-image: url(../img/odottemita.svg);}
}
/*for_W1100-*/
@media (min-width: 1100px) { 
#odm_movie h2 { font-size: 220%;}
#odm-movie_sp { max-width: 540px;}
/*
#odm_movie h2 { padding: .5em 0;}
*/
#odm_set { max-width: 1000px; display: flex; flex-flow: row nowrap; justify-content: space-between;}
#odm_set .odn_img-sp { margin: .75em .9%;}
}

/*_lnklst_youtube*/
#lnklst_sp { width: 80%; max-width: 520px; margin: 2em auto;}
#lnklst { display: block; box-sizing: border-box; width: 100%; background-color: rgba(255, 255, 255, 1); border: 1px solid rgba(0, 80, 255, 1); padding: .75em; text-align: center; position: relative; border-radius: 10px; filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .3));}
#lnklst #yt_sp { width: 33%; max-width: 160px; margin: .35em auto 1em auto;}
#lnklst #yt_sp #yt { width: 100%; height: 0; padding-top: 22.41813602%; padding-top: -webkit-calc(178 / 794 * 100%); padding-top: calc(178 / 794 * 100%); background-repeat: no-repeat; background-size: contain; background-image: url(../img/youtube.png);}
#lnklst #yt_txt { font-size: 130%; color: rgba(50, 120, 255, 1); font-weight: bold;}
#lnklst_sp .wakty2_sp { width: 18%; max-width: 100px; position: absolute; top: .75em; right: -7%; animation: fuwafuwa 1.5s linear infinite;}
/*for_W480-*/
@media (min-width: 480px) { 
#lnklst { padding: 1em .75em;}
}
/*for_W640-*/
@media (min-width: 640px) { 
#lnklst { padding: 1.5em .75em;}
#lnklst #yt_txt { font-size: 140%;}
}
/*for_W768-*/
@media (min-width: 768px) { 
#lnklst { border: 2px solid rgba(0, 80, 255, 1);}
#lnklst #yt_txt { font-size: 150%;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#lnklst #yt_txt { font-size: 160%;}
}
/*for_W1200-*/
@media (min-width: 1200px) { 
#lnklst_sp { max-width: 570px;}
#lnklst { padding: 1.75em .75em;}
}

/*_ambassador-member*/
.amb_set { width: 100%; max-width: 500px; margin: 2em auto 3em auto;}
.amb_set .amb_p { width: 92%; margin: 0 auto;}
.amb_set .amb_p .amb_pht { width: 100%; height: 0; padding-top: 56.26822157%; padding-top: -webkit-calc(386 / 686 * 100%); padding-top: calc(386 / 686 * 100%); position: relative; background-repeat: no-repeat; background-size: contain; border-radius: 6px;}
.amb_set .amb_rbn { box-sizing: border-box; width: 97%; height: 55px; margin-top: -0.75em; background-color: rgba(255, 170, 30, 1); position: relative;}
.amb_set .amb_rbn::after { content: ''; position: absolute; width: 0px; height: 0px; z-index: 1; top: 0; right: 0; border-width: 28px 15px 28px 0px; border-color: transparent rgba(255, 229, 115, 1) transparent transparent; border-style: solid;}
.amb_set .amb_rbn .amb_rbntxt { width: 90%; margin: 0 0 0 5%; text-align: center; font-size: 240%; position: absolute; position: absolute; top: 55%; left: 0; transform: translateY(-50%); -webkit- transform: translateY(-50%);}
.amb_set .prof_lnk { width: 240px; height: 42px; border-radius: 6px; border: 1px solid rgba(0, 6, 64, 1); background: rgba(255, 255, 255, .2); margin: 1em auto;}
.amb_set .prof_lnk a { width: 100%; height: 100%; display: block; border-radius: 6px; background: rgba(255, 255, 255, .4); position: relative;}
.amb_set .prof_lnk a span { width: 100%; text-align: center; display: block; color: rgba(0, 0, 0, 1); position: absolute; position: absolute; top: 54%; left: 0; transform: translateY(-50%); -webkit- transform: translateY(-50%); font-size: 110%;}
.amb_set .prof_lnk a::after { content: ''; width: 24px; height: 24px; position: absolute; top: 9px; right: 10px; background-repeat: no-repeat; background-size: contain; background-image: url(../img/openclose.png); display: block;}
.amb_set .prof_lnk a:hover { opacity: .8;}
/*for_W768-*/
@media (min-width: 768px) { 
#amb_all { width: 100%; max-width: 1000px; margin: 0 auto; display: flex; flex-flow: row wrap; justify-content: center; align-items: center;}
.amb_set { width: 48%; flex-basis: 48%; margin: 2em .9% 0 .9%;}
.amb_set .amb_rbn .amb_rbntxt { font-size: 200%;}
}

/*_wakty_x*/
#wakty_x { background-color: rgba(0, 80, 255, 1); text-align: center; color: rgba(255, 255, 255, 1);}
#wakty_x h2 { font-size: 160%; padding-bottom: .5em;}

#wakty_x-link a { width: 65%; max-width: 320px; display: inline-block; padding: 1.25em .5em 1em .25em; background-color: rgba(0, 6, 64, 1); border-radius: 50px; color: rgba(255, 255, 255, 1); margin: 1em auto .5em auto; font-size:116%; text-align: center; border: 1px solid rgba(255, 255, 255, .85);}
#wakty_x-link a span { padding-left: 40px; padding-right: 8px; position: relative; display: block; font-weight: bold;}
#wakty_x-link a span::before { content: ''; width: 36px; height: 36px; background-image: url(../img/fl_x.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; left: 0; margin-top: -20px; filter: invert(200%);}
#wakty_x-link a span::after { content: ' ＞'; font-weight: lighter; font-size: 90%; opacity: .8;}
#wakty_x-link a:hover { opacity: .8;}
#wakty_x .info_txt { font-size: 92%; padding-top: .5em; opacity: .9;}

#wakty_tiktok-link a { width: 65%; max-width: 320px; display: inline-block; padding: 1.25em .5em 1em .25em; background-color: rgba(0, 6, 64, 1); border-radius: 50px; color: rgba(255, 255, 255, 1); margin: 0 auto 0 auto; font-size:116%; text-align: center; border: 1px solid rgba(255, 255, 255, .85);}
#wakty_tiktok-link a span { padding-left: 40px; padding-right: 8px; position: relative; display: block; font-weight: bold;}
#wakty_tiktok-link a span::before { content: ''; width: 36px; height: 36px; background-image: url(../img/fl_tiktok.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; left: 0; margin-top: -20px;}
#wakty_tiktok-link a span::after { content: ' ＞'; font-weight: lighter; font-size: 90%; opacity: .8;}
#wakty_tiktok-link a:hover { opacity: .8;}
#wakty_x .info_txt { font-size: 92%; padding-top: .5em; opacity: .9;}

#wakty_insta-link a { width: 65%; max-width: 320px; display: inline-block; padding: 1.25em .5em 1em .25em; background-color: rgba(0, 6, 64, 1); border-radius: 50px; color: rgba(255, 255, 255, 1); margin: .5em auto; font-size:116%; text-align: center; border: 1px solid rgba(255, 255, 255, .85);}
#wakty_insta-link a span { padding-left: 40px; padding-right: 8px; position: relative; display: block; font-weight: bold;}
#wakty_insta-link a span::before { content: ''; width: 36px; height: 36px; background-image: url(../img/fl_instagram.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; left: 0; margin-top: -20px;}
#wakty_insta-link a span::after { content: ' ＞'; font-weight: lighter; font-size: 90%; opacity: .8;}
#wakty_insta-link a:hover { opacity: .8;}
#wakty_x .info_txt { font-size: 92%; padding-top: .5em; opacity: .9;}

#con_txt .info_txt { font-size: 92%; padding-top: .5em; opacity: .9;}
#con_txt .sns_btn-sp { width: 66.7%; max-width: 400px; margin: .5em auto;}
#con_txt .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;}
#con_txt .sns_btn a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; border-radius: 30px;}
#con_txt .sns_btn a:hover { background: rgba(240, 240, 240, 0.4);}

/* 	modal_video
============================== */
/*modal_youtube*/
@keyframes modal-video { from { opacity: 0;} to { opacity: 1;}}
@keyframes modal-video-inner { from { transform: translate(0, 100px);} to { transform: translate(0, 0);}}
.modal-video { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 80, 255, .9); z-index: 1000000; cursor: pointer; opacity: 1; animation-timing-function: ease-out; animation-duration: 0.3s; animation-name: modal-video; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}
.modal-video-close { opacity: 0;}
.modal-video-close .modal-video-movie-wrap { -webkit-transform: translate(0, 100px); -moz-transform: translate(0, 100px); -ms-transform: translate(0, 100px); -o-transform: translate(0, 100px); transform: translate(0, 100px);}
.modal-video-body { max-width: 1280px; width: 100%; height: 100%; margin: 0 auto; padding: 0 10px; display: flex; justify-content: center; box-sizing: border-box;}
.modal-video-inner { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
@media (orientation: landscape) { .modal-video-inner { padding: 10px 60px;   box-sizing: border-box;}}
.modal-video-movie-wrap { width: 100%; height: 0; position: relative; padding-bottom: 56.25%; background-color: #333; animation-timing-function: ease-out; animation-duration: 0.3s; animation-name: modal-video-inner; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -ms-transition: -ms-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;}
.modal-video-movie-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.modal-video-close-btn { position: absolute; z-index: 2; top: -45px; right: 0; display: inline-block; width: 35px; height: 35px; overflow: hidden; border: none; background: transparent;}
@media (orientation: landscape) { .modal-video-close-btn {   top: 0;   right: -45px; }}
.modal-video-close-btn:before { transform: rotate(45deg);}
.modal-video-close-btn:after { transform: rotate(-45deg);}
.modal-video-close-btn:before, .modal-video-close-btn:after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #fff; border-radius: 5px; margin-top: -6px;}

/* 	modal_profile
============================== */
.modal { display: none; height: 100vh; position: fixed; top: 0; left: 0; width: 100%; z-index: 100000; color: rgba(255, 255, 255, 1);}
.modal__bg { height: 100vh; position: absolute; width: 100%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center center; background-color:  rgba(0, 6, 64, .9); position: relative; z-index: 100000;}
.modal__bg_org { background-color:  rgba(255, 120, 30, 1);}
.modal__bg_pnk { background-color:  rgba(251, 242, 250, 1);}
.modal__content { box-sizing: border-box; width: 90%; height: 64%; max-width: 800px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%, -50%); line-height: 160%; padding: 0 1em; overflow-y: scroll; overflow-y: auto; background: rgba(0, 6, 64, 1); border-radius: 8px; padding: 1em; z-index: 100000;}
.modal__content_org { background-color:  rgba(255, 120, 30, 1);}
.modal__content_pnk { width: 96%; height: 84%; background-color:  rgba(251, 242, 250); color: rgba(0, 0, 0, 1); padding-top: 50px;}
.js-modal-open, .js-modal-close { cursor: pointer;}
.modal .close_btn { width: 30px; height: 30px; background-repeat: no-repeat; background-size: contain; background-image: url(../img/close.png); position: absolute; top: 10px; right: 10px;}
.modal__content_org .close_btn { width: 50px; height: 50px; top: 15px; right: 0;}
.modal__content_pnk .close_btn { width: 30px; height: 30px; top: 0; right: 5%; filter: brightness(50%);}
.modal__content .imgall, .modal__content .txtall { width: 100%;}
.modal__content_pnk .con_txt { width: 100%; text-align: center; padding: 0 0 1em 0; font-size: 85%; line-height: 180%;}
.modal__content .txtall { text-align: center;}
.modal__content .txtall .prof_title { font-weight: 700; font-size: 160%; padding: 1.5em 0 .75em 0;}
.modal__content .txtall .prof_txt p { padding: .75em .35em; letter-spacing: .01em; font-size: 76%; line-height: 220%;}
.modal__content .txtall .cmt_judge { display: flex; flex-flow: row nowrap; align-items: center;}

.modal__content .txtall .cmt_judge .cmt_judge_face {width: 36%; flex-basis: 36%; margin: 2em 1em 0 1em;}
.modal__content .txtall .cmt_judge .cmt_judge_name { font-size: 160%; font-weight: 800; letter-spacing: .1em; padding-top: 1em;}
.modal__content .txtall .cmt_fstxt { box-sizing: border-box; width: 100%; padding: 2em 1.5em; text-align: left; line-height: 180%; color: rgba(0, 0, 0, 1); background-color: rgba(255, 255, 255, 1); border-radius: 16px; margin-top: 46px; position: relative;}
.modal__content .txtall .cmt_fstxt::before { content: ''; width: 40px; height: 39px; background-repeat: no-repeat; background-size: contain; background-image: url(../img/f_atama.png); transform: rotate(90deg); position: absolute; top: -35px; left: 20px;}

.modal__content .txtall .cmt_judge .cmt_judge_face {width: 20%; flex-basis: 20%; margin: 1em 1em 0 1em;}
.modal__content .txtall .cmt_judge .cmt_judge_name { font-size: 110%; font-weight: 800; letter-spacing: .1em; padding-top: 1em;}
.modal__content .txtall .cmt_fstxt { box-sizing: border-box; width: 100%; padding: 1em 1.5em; text-align: left; line-height: 180%; color: rgba(0, 0, 0, 1); background-color: rgba(255, 255, 255, 1); border-radius: 16px; margin-top: 16px; position: relative; font-size: 90%;}
.modal__content .txtall .cmt_fstxt::before { content: ''; width: 20px; height: 19px; background-repeat: no-repeat; background-size: contain; background-image: url(../img/f_atama.png); transform: rotate(90deg); position: absolute; top: -16px; left: 20px;}

/*for_W640-*/
@media all and (min-width: 640px) { 
.modal__content .txtall { font-size: 110%;}
.modal__content .txtall .prof_txt p { line-height: 240%;}
}
/*for_W768-*/
@media all and (min-width: 768px) { 
.modal__content .txtall { font-size: 120%;}
.modal__content .txtall .prof_txt p { lettter-spacing: .1em;}

.modal__content { box-sizing: border-box; width: 90%; height: 64%; max-width: 800px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%, -50%); line-height: 160%; padding: 0 1em; overflow-y: scroll; overflow-y: auto; background: rgba(0, 6, 64, 1); border-radius: 8px; padding: 1em; z-index: 100000;}
.modal__content_org { background-color:  rgba(255, 120, 30, 1);}
.modal__content_org { background-color:  rgba(255, 120, 30, 1);}
.modal__content_pnk { background-color:  rgba(251, 242, 250);}
.modal__content_pnk .con_txt { font-size: 100%; line-height: 180%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
.modal__content { height: 65%;}
.modal__content .txtall { font-size: 140%;}
.modal__content_pnk .con_txt { font-size: 120%; line-height: 180%;}
}

/* 	footer
============================== */
#footer { width: 100%; text-align: center; background-color: rgba(255, 120, 30, 1); padding: 2em  0 1em 0;}
#footer #cr { font-size: 80%; color: rgba(0, 0, 0, 1); padding: 1em 2em; 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, .cmn_banner { width: 100%; position: relative; z-index: 100;}
#bn_rectangle { margin: 0 auto 2em auto; position: relative; z-index: 100;}