/*	TBS reset
============================== */
.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;}
.cover { width: 100%; height: 100%; background: url(/um/img/cover.png) repeat; display: block; position: absolute; top: 0; left: 0;}
@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: inherit; font-size: 100%; vertical-align: baseline;}
ol, ul { 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 { display: block;}
audio, canvas, progress { display: inline-block;}
progress { vertical-align: baseline;}
audio:not([controls]) { display: none; height: 0;}
[hidden], template, .nt { display: none;}
a { background-color: transparent;}
a:active, a:hover { outline-width: 0;}
a:link, 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 { font-weight: inherit;}
b, strong { font-weight: bolder;} /*Chrome, Edge, and Safari*/
dfn { font-style: italic;}
h1, h2, h3, h4, h5 { font-weight: lighter;}
mark { background: rgba(255, 255, 0, 1.0); color: rgba(0, 0, 0, 1.0);}
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;}
button, input, select, textarea { font: inherit;}
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;}
q:after, blockquote:after { clear: both;}
/*ORG*/
.hidden { position: absolute; left: -9999px; text-indent: -9999px; overflow: hidden;}
.ellip { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nw { white-space: nowrap;}
.ofa { overflow: auto;}
/*display*/
.nt, .nsbr, .nssbr, .s_wsmp, .s_rsmp, .s_tablet, .s_pc, .s_wsmpi, .s_rsmpi, .s_tableti, .s_pci { display: none;}
.dblk, .sbr, .ssbr, .s_smp { display: block;}
.dbil, .s_smpi { display: inline;}
.inline { display: -webkit-inline; display: inline;}
.inlineb { display: -webkit-inline-block; display: inline-block;}
.inlinef { display: -webkit-inline-flex; display: inline-flex;}
.dispno { display: none;}
/*float*/
.fl { float: left;}
.fr { float: right;}
.center { margin: auto;}
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both;}
/*align*/
.lt { text-align: left;}
.rt { text-align: right;}
.ct { text-align: center;}
/*list*/
ul, li, dl, dt, dd { margin: 0px; padding: 0px; list-style: none;}
/*text*/
.bt { font-weight: bold;}
.ut { font-weight: lighter;}
br,.ls0 { letter-spacing: 0;}
.ls1 { letter-spacing: 0.1em;}
.ls2 { letter-spacing: 0.2em;}
.ls5 { letter-spacing: 0.5em;}
/*_size*/
.f300 { font-size: 300%;}
.f240 { font-size: 240%;}
.f220 { font-size: 220%;}
.f200 { font-size: 200%;}
.f180 { font-size: 180%;}
.f160 { font-size: 160%;}
.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%;}
.f90 { 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;}
/*_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*/
.pd5 { padding: 5px;}
.pd10 { padding: 10px;}
.pdb10 { padding-bottom: 10px;}
.pdt0 { padding-top: 0;}
.pdt20 { padding-top: 20px;}
.pdtb10 { padding: 10px 0;}
.pdtb1030 { padding: 10px 0 30px 0;}
.pdsy10 { padding: 0 10px;}
.mg5 { margin: 5px;}
.mg10 { margin: 10px;}
.mgb5 { margin-bottom: 5px;}
.bsbb { box-sizing: border-box;}
/*border*/
.nobd { border: 0;}
/*etc*/
@media print { .noprint { display: none;} }
.bnsp { width: 300px; height: 250px; margin: 15px auto;}

/*COMMON*/
body { background-color: rgba(0, 0, 0, 1.0);}
div#con-body { text-align: center; z-index: 0; font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; width: 100%; margin: 0 auto; font-size: 80%; position: relative; background-color: rgba(0, 0, 0, 1.0); color: rgba(255, 255, 255, 0.9);}
#container { width: 100%;}
#wrap { box-sizing: border-box; width: 100%; max-width: 1000px; margin: 0 auto 20px auto; line-height: 160%; position: relative;}
#contents { width: 98%; margin: 0 auto;}
ruby { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
/*loader*/
@keyframes cssload-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@-o-keyframes cssload-spin { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } }
@-ms-keyframes cssload-spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } }
@-webkit-keyframes cssload-spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } }
@-moz-keyframes cssload-spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } }
.loader { width: 38px; height: 40px; border-radius: 100%; position: absolute; left: calc(50% - 26px); position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; opacity: 0.5; display: none;}
.spinner-loader { display: none;}
.cssload-bell { width: 38px; height: 40px; border-radius: 100%; position: absolute; left: calc(50% - 26px); position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; opacity: 0.5; display: none;}
.cssload-circle { width: 100%; height: 100%; position: absolute; }
.cssload-circle .cssload-inner { width: 100%; height: 100%; border-radius: 100%; border: 3px solid rgba(255,25,25,0.7); border-right: none; border-top: none; background-clip: padding; box-shadow: inset 0px 0px 5px rgba(255,191,161,0.15); }
.cssload-circle:nth-of-type(0) { transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); }
.cssload-circle:nth-of-type(0) .cssload-inner { animation: cssload-spin 1.9s infinite linear; -o-animation: cssload-spin 1.9s infinite linear; -ms-animation: cssload-spin 1.9s infinite linear; -webkit-animation: cssload-spin 1.9s infinite linear; -moz-animation: cssload-spin 1.9s infinite linear; }
.cssload-circle:nth-of-type(1) { transform: rotate(70deg); -o-transform: rotate(70deg); -ms-transform: rotate(70deg); -webkit-transform: rotate(70deg); -moz-transform: rotate(70deg); }
.cssload-circle:nth-of-type(1) .cssload-inner { animation: cssload-spin 1.9s infinite linear; -o-animation: cssload-spin 1.9s infinite linear; -ms-animation: cssload-spin 1.9s infinite linear; -webkit-animation: cssload-spin 1.9s infinite linear; -moz-animation: cssload-spin 1.9s infinite linear; }
.cssload-circle:nth-of-type(2) { transform: rotate(140deg); -o-transform: rotate(140deg); -ms-transform: rotate(140deg); -webkit-transform: rotate(140deg); -moz-transform: rotate(140deg); }
.cssload-circle:nth-of-type(2) .cssload-inner { animation: cssload-spin 1.9s infinite linear; -o-animation: cssload-spin 1.9s infinite linear; -ms-animation: cssload-spin 1.9s infinite linear; -webkit-animation: cssload-spin 1.9s infinite linear; -moz-animation: cssload-spin 1.9s infinite linear; }
.cssload-bell { animation: cssload-spin 4.75s infinite linear; -o-animation: cssload-spin 4.75s infinite linear; -ms-animation: cssload-spin 4.75s infinite linear; -webkit-animation: cssload-spin 4.75s infinite linear; -moz-animation: cssload-spin 4.75s infinite linear; }
/*color*/
a:link { color: rgba(255, 237, 115, 1.0);}
a:visited { color: rgba(246, 185, 0, 1.0);}
a:active { color: rgba(208, 77, 7, 1.0);}
a:hover { color: rgba(252, 50, 67, 1.0);}
.nolnk { background: rgba(150, 150, 150, 0.7);}
.aka, .red { color: rgba(230, 0, 18, 1.0);}
.lgt { color: rgba(220, 220, 220, 1.0);}
.orange, .col { color: rgba(248, 99, 0, 1.0);}
.yel, .col0 { color: rgba(255, 210, 0, 1.0);}
/*line*/
.fade { position: relative; width: 100%; height: 100%; margin: 0 auto;}
.fade::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; margin: 0 auto; text-align: center; background-image: -webkit-linear-gradient(left, transparent, rgba(157, 0, 14, .8) 25%, rgba(157, 0, 14, .8) 75%, transparent); background-image: linear-gradient(to right, transparent, rgba(157, 0, 14, .8) 25%, rgba(157, 0, 14, .8) 75%, transparent); background-position: center; background-repeat: no-repeat;}
.fadet { position: relative; width: 100%; height: 100%; margin: 0 auto;}
.fadet::before { content: ''; position: absolute; bottom: 0; right: 0; width: 1px; height: 100%; margin: 0 auto; background-image: -webkit-linear-gradient(top, transparent, rgba(157, 0, 14, .8) 25%, rgba(157, 0, 14, .8) 75%, transparent); background-image: linear-gradient(to bottom, transparent, rgba(157, 0, 14, .8) 25%, rgba(157, 0, 14, .8) 75%, transparent); background-position: center; background-repeat: no-repeat;}
/*countdown*/
#cdsp { width: 100%; height: 0; padding-top: 18.75%; position: relative; margin: -6% auto 0 auto;}
#countdown { width: 100%; height: 0; padding-top: 18.75%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/cd0/cd_bg-s.png); position: absolute; top: 0; left: 0; display: none;}
.ctmgl div { box-sizing: border-box; float: left; width: 50%; height: 100%; margin: 0 0 0 25%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.ctmgl0 div { box-sizing: border-box; float: left; width: 50%; height: 100%; margin: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#cdd:before, #cdh:before, #cdm:before, #cds:before, #cdd:after, #cdh:after, #cdm:after, #cds:after { content: ""; display: table;}
#cdsp #cdd:after, #cdh:after, #cdm:after, #cds:after { clear: both;}
#cdd { width: 10%; height: 41.5%; position: absolute; bottom: 0; left: 40.6%;}
#cdh { width: 10%; height: 41.5%; position: absolute; bottom: 0; left: 53.125%;}
#cdm { width: 10%; height: 41.5%; position: absolute; bottom: 0; left: 70.625%;}
#cds { width: 10%; height: 41.5%; position: absolute; bottom: 0; left: 84.6875%;}
#d1, #h1, #m1, #s1 { background-image: url(../img/cd0/1.png);}
#d2, #h2, #m2, #s2 { background-image: url(../img/cd0/2.png);}
#d3, #h3, #m3, #s3 { background-image: url(../img/cd0/3.png);}
#d4, #h4, #m4, #s4 { background-image: url(../img/cd0/4.png);}
#d5, #h5, #m5, #s5 { background-image: url(../img/cd0/5.png);}
#d6, #h6, #m6, #s6 { background-image: url(../img/cd0/6.png);}
#d7, #h7, #m7, #s7 { background-image: url(../img/cd0/7.png);}
#d8, #h8, #m8, #s8 { background-image: url(../img/cd0/8.png);}
#d9, #h9, #m9, #s9 { background-image: url(../img/cd0/9.png);}
#d0, #h0, #m0, #s0 { background-image: url(../img/cd0/0.png);}
/*footer*/
#footer { width: 100%; background-repeat: no-repeat; -webkit-background-size: auto; background-size: auto; background-image: url(../img/bg_btm.jpg); background-position: bottom center; padding-bottom: 135px; position: relative;}
#cr { width: 90%; margin: 0 auto; font-size: 90%; text-align: left; position: absolute; bottom: 30px; left: 5%; color: rgba(249, 98, 0, .8);}
#pgtp { width: 120px; height: 100px; position: fixed; bottom: 45px; right: 15%; display: none;}
#pgtp a { width: 100%; height: 100%; display: block; background: no-repeat; background-image: url(../img/pgtp.png); filter: alpha(opacity=40); -khtml-opacity: .4; -webkit-opacity: .4; -moz-opacity: .4; opacity: .4;}
#pgtp a:hover { filter: alpha(opacity=75); -khtml-opacity: .75; -webkit-opacity: .75; -moz-opacity: .75; opacity: .75;}
/*footer_kanren*/
.kanren { width: 300px; height: 90px; margin: 5px auto;}
.kanren a { width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0);}
.kanren a:hover { background: rgba(0, 0, 0, .2);}
#kanren_free { background: url(../img/kanren.png?1) no-repeat 0 0;}
#kanren_odm { background: url(../img/kanren.png?1) no-repeat 0 -90px;}
#kanren_paravi { background: url(../img/kanren.png?1) no-repeat 0 -180px;}
/*footer_sns*/
.snsset { box-sizing: border-box; width: 95%; max-width: 300px; height: 265px; margin: 15px auto; border: 1px solid rgba(249, 98, 0, 0.5); padding: 1px;}
.snsset .snssp { box-sizing: border-box; width: 100%; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMTQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjE0MDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(50,20,0,1) 0%, rgba(50,20,0,0) 100%); background: -webkit-linear-gradient(top, rgba(50,20,0,1) 0%,rgba(50,20,0,0) 100%); background: linear-gradient(to bottom, rgba(50,20,0,1) 0%,rgba(50,20,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#321400', endColorstr='#00321400',GradientType=0 );}
.snsset .snstitle { width: 100%; max-width: 300px; height: 0; padding-top: 10%; max-height: 25px; margin: 0 auto; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/twitter.png?0); display: block; position: relative;}
.snsset .snstitle a { width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0); position: absolute; top: 0; left: 0;}
.snsset .snstitle a:hover { background: rgba(0, 0, 0, .2);}
.snsset #twitter_sp { width: 100%;}
.snsset #twitter_sp .twitter_timelinesp { width: 98%; height: 200px; margin: 0 auto; padding: 2px; background: rgba(255, 255, 255, 1.0);}
.snsset #twitter_sp .subtxt { padding: 5px 0 0 0; margin: 0 auto; text-align: center; color: rgba(150, 150, 150, 1.0); font-size: 90%; letter-spacing: 0.1em;}
#con .snsset { box-sizing: border-box; width: 95%; max-width: 300px; height: 55px; margin: 15px auto; border: 1px solid rgba(249, 98, 0, 0.5); padding: 1px; position: relative;}
#con .snsset #twitter_sp .subtxt { padding: 0; font-size: 85%;}
#con .snsset .snstitle a { width: 100%; height: 55px; display: block; background: rgba(0, 0, 0, 0); position: absolute; top: 0; left: 0;}
#con .snsset .snstitle a:hover { background: rgba(0, 0, 0, .2);}
/*sns_btn*/
.twtfb { width: 300px; height: 26px; overflow: hidden; margin: 20px auto 10px auto; position: relative;}
.twtfb:before, .twtfb:after { content: ""; display: table;}
.twtfb:after { clear: both;}
.twtbtn { width: 45%; height: 26px; float: left; text-align: right; margin-right: 1.5%;}
.fbbtn { width: 53%; height: 26px; float: left; text-align: left; overflow: hidden;}
.ifss { height: 21px; overflow: hidden; border: 0; background-color: transparent;}
/*slide*/
#sldbg { width: 100%; max-width: 720px; margin: 0 auto;}
#sldbg .titlesp { position: relative; width: 90%; max-width: 415px; margin: 0 auto; display: block; z-index: 100;}
#sldbg .titlesp .titlesp0 { padding-top: 1%; padding-bottom: 8%; display: block;}
#sldbg .titlesp .titlesp0::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; margin: 0 auto; text-align: center; background-image: -webkit-linear-gradient(left, transparent, rgba(157, 0, 14, .8) 25%, rgba(157, 0, 14, .8) 75%, transparent); background-image: linear-gradient(to right, transparent, rgba(157, 0, 14, .8) 25%, rgba(157, 0, 14, .8) 75%, transparent); background-position: center; background-repeat: no-repeat;}
#sldbg .title { width: 100%; height: 0; padding-top: 7.228915662650602%; display: block; position: relative;}
#sldbg .title a { width: 100%; height: 0; padding-top: 7.228915662650602%; display: block; background: rgba(0, 0, 0, 0); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/mn_story.png); position: absolute; top: 0; left: 0;}
#sld { width: 100%; height: 0; padding-top: 60%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/bg_spot.jpg); position: relative;}
#slidesp { width: 88.888888888888889%; height: 0; padding-top: 50%; position: absolute; top: 8.333333333333333%; left: 5.555555555555555556%;}
.slide { width: 100%; height: 0; padding-top: 56.25%; position: absolute; top: 0; left: 0;}
.slide .njstxt { width: 100%; position: absolute; top: 49%; left: 0; text-align: center; font-size: 90%; color: rgba(255, 255, 255, 1.0);}
.sp-mask { position: absolute; top: 0; left: 0; overflow: hidden; z-index: 100;}
.sp-slides { position: absolute; top: 0; left: 0; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; display: none;}
.sp-slide { position: absolute;}
.sp-image-container { overflow: hidden;}
.sp-image { position: relative; display: block; border: none;}
.sp-no-js { overflow: hidden; max-width: 100%;}
.sp-slide .psp { width: 100%; height: 0; padding-top: 66.66666666666666666667%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 1px;}
.sp-slide .psptate { width: 66.66666666666666666667%; height: 0; padding-top: 150%; margin-left: 16%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 1px}
.cwt { background: rgba(0, 0, 0, 0.3); box-sizing: border-box; width: 65px; position: absolute; top: 0; left: 0; text-align: center; padding: 0 2px 2px 5px; color: rgba(255, 255, 255, 1.0); font-size: 85%; letter-spacing: 0.2em;}
.cwt .gt { color: rgba(100, 100, 100, 0.7);}
.slide iframe { box-sizing: border-box; width: 100%; height: 100%; border: 0; position: absolute; top: 0; left: 0;}
.slidelnk { width: 100%; height: 0; padding-top: 56.25%; position: absolute; top: 0; left: 0;}
.slidelnk a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(192, 0, 28, 0); display: block; z-index: 10000;}
.slidelnk a:hover { background: rgba(192, 0, 28, .1);}
/* Thumbnails */
.sp-thumbnails { display: none;}
/* Touch Swipe */
.sp-selectable { cursor: default;}
/* Arrows */
.sp-arrows { position: absolute;}
.sp-fade-arrows { opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;}
.sp-slides-container:hover .sp-fade-arrows { opacity: 1;}
.sp-arrowset-p, .sp-arrowset-n { position: absolute; top: 0; display: block; width: 3%; height: 118%; cursor: pointer;}
.sp-arrowset-p:hover, .sp-arrowset-n:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6;}
.sp-horizontal .sp-arrows { width: 100%; left: 0; top: 0; height: 85%; display: block;}
.sp-arrow { position: absolute; display: block; width: 100%; height: 10px; top: 50%; margin-top: -5px;}
.sp-arrowset-p { left: -3%;}
.sp-arrowset-n { right: -3%;}
.sp-previous-arrow:before, .sp-previous-arrow:after, .sp-next-arrow:before, .sp-next-arrow:after { content: ''; position: absolute; width: 40%; height: 90%; background-color: rgba(20, 179, 235, 1.0);}
.sp-previous-arrow:before { left: 5%; top: 0; -webkit-transform: skew(145deg, 0deg); -ms-transform: skew(145deg, 0deg); transform: skew(145deg, 0deg);}
.sp-previous-arrow:after { left: 5%; top: 88%; -webkit-transform: skew(-145deg, 0deg); -ms-transform: skew(-145deg, 0deg); transform: skew(-145deg, 0deg);}
.sp-next-arrow:before { right: 5%; top: 0; -webkit-transform: skew(35deg, 0deg); -ms-transform: skew(35deg, 0deg); transform: skew(35deg, 0deg);}
.sp-next-arrow:after { right: 5%; top: 88%; -webkit-transform: skew(-35deg, 0deg); -ms-transform: skew(-35deg, 0deg); transform: skew(-35deg, 0deg);}
.ie8 .sp-arrow, .ie7 .sp-arrow { width: 0; height: 0;}
.ie8 .sp-arrow:before, .ie8 .sp-arrow:after, .ie7 .sp-arrow:before, .ie7 .sp-arrow:after { content: none;}
.ie8.sp-horizontal .sp-previous-arrow, .ie7.sp-horizontal .sp-previous-arrow { border-right: 20px solid #f68750; border-top: 20px solid transparent; border-bottom: 20px solid transparent;}
.ie8.sp-horizontal .sp-next-arrow, .ie7.sp-horizontal .sp-next-arrow { border-left: 20px solid #f68750; border-top: 20px solid transparent; border-bottom: 20px solid transparent;}
#slidesp .sp-buttons { display: none;}
/*CON*/
/*header*/
#con #header { width: 100%; height: 0; padding-top: 43.75%; position: relative;}
#con #poster { width: 100%; height: 0; padding-top: 43.75%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/con_title-s0.jpg);}
#con #poster a { width: 100%; height: 0; padding-top: 43.75%; position: absolute; top: 0; left: 0; display: block;}
/*menu*/
#con #mnset { width: 100%; max-width: 640px; margin: 10px auto;}
#con #mnsp { width: 100%; height: 0; padding-top: 48.4375%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/cmn_s0.png); position: relative;}
#con #mnsp li a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0);}
#con #mnsp li a:hover { background: rgba(0, 0, 0, .3);}
#con #mnsp #cmn_news { width: 23.4375%; position: absolute; top: 2.258064516129032%; left: 0.3125%;}
#con #mnsp #cmn_news .mnssp { width: 100%; height: 0; padding-top: 62.666666666666667%;}
#con #mnsp #cmn_news .mnssp0 { width: 100%; height: 0; padding-top: 62.666666666666667%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/cmn_s-news.png);}
#con #mnsp #cmn_intro { width: 25.3125%; position: absolute; top: 2.258064516129032%; left: 24.375%;}
#con #mnsp #cmn_intro .mnssp { width: 100%; height: 0; padding-top: 58.024691358024691%;}
#con #mnsp #cmn_intro .mnssp0 { width: 100%; height: 0; padding-top: 58.024691358024691%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/cmn_s-intro.png);}
#con #mnsp #cmn_cast { width: 23.4375%; position: absolute; top: 2.258064516129032%; left: 50.46875%;}
#con #mnsp #cmn_cast .mnssp { width: 100%; height: 0; padding-top: 62.666666666666667%;}
#con #mnsp #cmn_cast .mnssp0 { width: 100%; height: 0; padding-top: 62.666666666666667%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/cmn_s-cast.png);}
#con #mnsp #cmn_staff { width: 25%; position: absolute; top: 2.258064516129032%; left: 74.53125%;}
#con #mnsp #cmn_staff .mnssp { width: 100%; height: 0; padding-top: 58.75%;}
#con #mnsp #cmn_staff .mnssp0 { width: 100%; height: 0; padding-top: 58.75%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/cmn_s-staff.png);}
#con #mnsp #cmn_comment { width: 29.0625%; position: absolute; top: 67.096774193548387%; left: 0.3125%;}
#con #mnsp #cmn_comment .mnssp { width: 100%; height: 0; padding-top: 50.537634408602151%;}
#con #mnsp #cmn_comment .mnssp0 { width: 100%; height: 0; padding-top: 50.537634408602151%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/cmn_s-comment.png);}
#con #mnsp #cmn_message { width: 25.625%; position: absolute; top: 67.096774193548387%; left: 30.46875%;}
#con #mnsp #cmn_message .mnssp { width: 100%; height: 0; padding-top: 57.317073170731707%;}
#con #mnsp #cmn_message .mnssp0 { width: 100%; height: 0; padding-top: 57.317073170731707%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/cmn_s-message.png);}
#con #mnsp #cmn_gallery { width: 42.5%; position: absolute; top: 67.096774193548387%; left: 57.03125%;}
#con #mnsp #cmn_gallery .mnssp { width: 100%; height: 0; padding-top: 34.558823529411765%;}
#con #mnsp #cmn_gallery .mnssp0 { width: 100%; height: 0; padding-top: 34.558823529411765%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/cmn_s-gallery.png);}
#con #mnsp #cmn_story { width: 25%; position: absolute; top: 34.516129032258065%; left: 0.3125%;}
#con #mnsp #cmn_story .mnssp { width: 100%; height: 0; padding-top: 58.75%; ;}
#con #mnsp #cmn_story .mnssp0 { width: 100%; height: 0; padding-top: 58.75%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/cmn_s-story0.png);}
#con #mnsp #cmn_interview { width: 34.375%; position: absolute; top: 34.516129032258065%; left: 26.5625%;}
#con #mnsp #cmn_interview .mnssp { width: 100%; height: 0; padding-top: 42.727272727272727%; ;}
#con #mnsp #cmn_interview .mnssp0 { width: 100%; height: 0; padding-top: 42.727272727272727%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/cmn_s-interview0.png);}
#con #mnsp #cmn_character { width: 37.96875%; position: absolute; top: 34.516129032258065%; left: 61.71875%;}
#con #mnsp #cmn_character .mnssp { width: 100%; height: 0; padding-top: 38.683127572016461%; ;}
#con #mnsp #cmn_character .mnssp0 { width: 100%; height: 0; padding-top: 38.683127572016461%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/cmn_s-character0.png);}
#con #mnsp #cmn_character .mnssp_n { box-sizing: border-box; width: 98%; height: 0; padding-top: 25%; background-color: rgba(0, 0, 0, 0.6); position: absolute; top: 3%; left: 1%;}
#con #mnsp #cmn_gallery .mnssp_n { box-sizing: border-box; width: 98%; height: 0; padding-top: 26%; background-color: rgba(0, 0, 0, 0.6); position: absolute; top: 3%; left: 1%;}
/*contents*/
#contents { padding-bottom: 5px;}
#contents .contxt { width: 96%; margin: 5px auto; text-align: left; line-height: 180%; letter-spacing: 0.05em; font-size: 90%; color: rgba(255, 255, 255, 1.0);}
.ctitlesp { width: 100%; max-width: 640px; margin: 5px auto 10px auto; display: block;}
.ctitle { width: 100%; height: 0; padding-top: 9.375%; display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
/*IND*/
/*header*/
#ind #header { width: 100%; height: 0; padding-top: 70.512820512820513%; position: relative;}
#ind #poster { width: 100%; height: 0; padding-top: 70.512820512820513%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/title_s0.jpg);}
.n_s:before, .n_s:after { content: ""; display: table;}
.n_s:after { clear: both;}
/*news*/
#newssp0 { box-sizing: border-box; width: 98%; margin: 3% auto 1% auto;}
#newssp { box-sizing: border-box; width: 100%;}
#newssp .titlesp { width: 60%; max-width: 250px; margin-left: 1%;}
#newssp .title { width: 100%; height: 0; padding-top: 12%; display: block; position: relative;}
#newssp .title a { width: 100%; height: 0; padding-top: 12%; display: block; background: rgba(0, 0, 0, 0); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/mn_news.png); position: absolute; top: 0; left: 0;}
.news { width: 100%;}
.news:before, .news:after { content: ""; display: table;}
.news:after { clear: both;}
.news input, #newssp .more { display: none;}
.news label { box-sizing: border-box; width: 25%; float: right; display: block; margin: -8px 1% 0 0; position: relative;}
.news label::after { position: absolute; top: 56%; right: 1px; display: block; content: ''; width: 8px; height: 8px; margin: 5px; margin-top: -10px; border-top: 3px solid rgba(249, 98, 0, 1.0); border-right: 3px solid rgba(249, 98, 0, 1.0); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);}
.news label:hover { -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; cursor: pointer;}
.news #nsp .kkm, .news #nsp .cls li { box-sizing: border-box; margin: 5px; font-size: 95%; text-align: left; border: 1px solid rgba(92, 0, 8, 1.0); line-height: 120%; letter-spacing: 0.1em;}
.news #nsp .cls { height: 0; overflow: hidden; -webkit-transition: max-height 30s linear; -moz-transition: max-height 30s linear; transition: max-height 30s linear;} 
.news #nsopn:checked ~ #nsp .cls { height: auto;}
.news input:checked + label:hover:after, .news input:checked ~ label::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.news #nsp .cls li:first-child { margin-top: 0;}
.news #nsp .kkm .datet, .news #nsp .cls li .datet { padding: 5px 5px 2px 5px; font-size: 95%; border-bottom: 2px dotted rgba(92, 0, 8, 1.0); line-height: 120%; color: rgba(184, 78, 0, 1); background: rgba(218, 23, 23, .2);}
.news #nsp .kkm .nkmtxt, .news #nsp .cls li .nkmtxt { padding: 10px 10px 10px 5px; line-height: 120%; color: rgba(250, 250, 250, .9);}
.news .plusnews { text-align: right; font-weight: bold; font-size: 90%; letter-spacing: 0.1em; padding-right: 1%;}
.news a { width: 100%; height: 100%; display: block;}
/*menu*/
#ind #nav ul { box-sizing: border-box; width: 98%; max-width: 980px; margin: 2% auto;}
#ind #nav ul:before, #ind #nav ul:after { content: ""; display: table;}
#ind #nav ul:after { clear: both;}
/*menu_interview*/
#ul0 { position: relative; width: 100%; max-width: 360px; height: 100%; margin: 0 auto; z-index: 10;}
#ul0::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; margin: 0 auto; text-align: center; background-image: -webkit-linear-gradient(left, transparent, rgba(157, 0, 14, .8) 25%, rgba(157, 0, 14, .8) 75%, transparent); background-image: linear-gradient(to right, transparent, rgba(157, 0, 14, .8) 25%, rgba(157, 0, 14, .8) 75%, transparent); background-position: center; background-repeat: no-repeat;}
#ind .mn_interviewall { position: relative; width: 56%; margin: 0 auto; display: block;}
#ind .mn_interviewall .mn_interviewsp { width: 100%; max-width: 240px; margin: 10px auto;}
#ind .mn_interviewsp .mn { width: 100%; height: 0; padding-top: 27.083333333333333%; position: relative;}
#ind .mn_interviewsp .mn a { width: 100%; height: 0; padding-top: 27.083333333333333%; display: block; background: rgba(0, 0, 0, 0); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/mn_interview-s0.png); position: absolute; top: 0; left: 0;}
/*menu_intro*/
#ind .mn_introsp { position: relative; width: 24%; float: left; padding: 10px 5% 15px 5%;}
#ind .mn_introsp::before { content: ''; position: absolute; bottom: 0; right: 0; width: 1px; height: 100%; margin: 0 auto; background-image: -webkit-linear-gradient(top, transparent, rgba(157, 0, 14, .8) 25%, rgba(157, 0, 14, .8) 75%, transparent); background-image: linear-gradient(to bottom, transparent, rgba(157, 0, 14, .8) 25%, rgba(157, 0, 14, .8) 75%, transparent); background-position: center; background-repeat: no-repeat;}
#ind .mn_introsp .mnsp { width: 100%; max-width: 115px; margin: 0 auto;}
#ind .mn_introsp .mn { width: 100%; height: 0; padding-top: 47.826086956521739%; position: relative;}
#ind .mn_introsp .mn a { width: 100%; height: 0; padding-top: 47.826086956521739%; display: block; background: rgba(0, 0, 0, 0); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/mn_intro.png); position: absolute; top: 0; left: 0;}
/*menu_cast*/
#ind .mn_castsp { position: relative; width: 19.8%; float: left; padding: 10px 5% 15px 4.5%;}
#ind .mn_castsp::before { content: ''; position: absolute; bottom: 0; right: 0; width: 1px; height: 100%; margin: 0 auto; background-image: -webkit-linear-gradient(top, transparent, rgba(157, 0, 14, .8) 25%, rgba(157, 0, 14, .8) 75%, transparent); background-image: linear-gradient(to bottom, transparent, rgba(157, 0, 14, .8) 25%, rgba(157, 0, 14, .8) 75%, transparent); background-position: center; background-repeat: no-repeat;}
#ind .mn_castsp .mnsp { width: 100%; max-width: 95px; margin: 0 auto;}
#ind .mn_castsp .mn { width: 100%; height: 0; padding-top: 57.894736842105263%; position: relative;}
#ind .mn_castsp .mn a { width: 100%; height: 0; padding-top: 57.894736842105263%; display: block; background: rgba(0, 0, 0, 0); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/mn_cast.png); position: absolute; top: 0; left: 0;}
/*menu_staff*/
#ind .mn_staffsp { position: relative; width: 24%; float: left; padding: 10px 3% 15px 5%;}
#ind .mn_staffsp .mnsp { width: 100%; max-width: 115px; margin: 0 auto;}
#ind .mn_staffsp .mn { width: 100%; height: 0; padding-top: 47.826086956521739%; position: relative;}
#ind .mn_staffsp .mn a { width: 100%; height: 0; padding-top: 47.826086956521739%; display: block; background: rgba(0, 0, 0, 0); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/mn_staff.png); position: absolute; top: 0; left: 0;}
/*menu_character*/
#ind .mn_charactersp { position: relative; width: 43.826086956521739%; float: left; padding: 10px 4% 15px 3%;}
#ind .mn_charactersp::before { content: ''; position: absolute; bottom: 0; right: 0; width: 1px; height: 100%; margin: 0 auto; background-image: -webkit-linear-gradient(top, transparent, rgba(157, 0, 14, .8) 25%, rgba(157, 0, 14, .8) 75%, transparent); background-image: linear-gradient(to bottom, transparent, rgba(157, 0, 14, .8) 25%, rgba(157, 0, 14, .8) 75%, transparent); background-position: center; background-repeat: no-repeat;}
#ind .mn_charactersp .mnsp { width: 100%; max-width: 210px; margin: 0 auto;}
#ind .mn_charactersp .mn { width: 100%; height: 0; padding-top: 26.19047619047619%; position: relative;}
#ind .mn_charactersp .mn a { width: 100%; height: 0; padding-top: 26.19047619047619%; display: block; background: rgba(0, 0, 0, 0); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/mn_character.png); position: absolute; top: 0; left: 0;}
#ind .mn_charactersp .mn0 { width: 100%; height: 0; padding-top: 26.19047619047619%; display: block; background: rgba(0, 0, 0, 0); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/mn_character.png); position: relative; -webkit-filter: saturate(60%) opacity(0.6); -moz-filter: saturate(60%) opacity(0.6); -ms-filter: saturate(60%) opacity(0.6); -o-filter: saturate(60%) opacity(0.6); filter: saturate(60%) opacity(0.6);}
/*menu_comment*/
#ind .mn_commentsp { position: relative; width: 39.652173913043478%; float: left; padding: 10px 3% 15px 5%;}
#ind .mn_commentsp .mnsp { width: 100%; max-width: 190px; margin: 0 auto;}
#ind .mn_commentsp .mn { width: 100%; height: 0; padding-top: 28.947368421052632%; position: relative;}
#ind .mn_commentsp .mn a { width: 100%; height: 0; padding-top: 28.947368421052632%; display: block; background: rgba(0, 0, 0, 0); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/mn_comment.png); position: absolute; top: 0; left: 0;}
/*menu_message*/
#ind .mn_messagesp { position: relative; width: 33%; float: left; padding: 10px 4% 15px 3%;}
#ind .mn_messagesp .mnsp { width: 100%; max-width: 160px; margin: 0 auto;}
#ind .mn_messagesp .mn { width: 100%; height: 0; padding-top: 34.375%; position: relative;}
#ind .mn_messagesp .mn a { width: 100%; height: 0; padding-top: 34.375%; display: block; background: rgba(0, 0, 0, 0); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/mn_message.png); position: absolute; top: 0; left: 0;}
#ind .mn_messagesp::before { content: ''; position: absolute; bottom: 0; right: 0; width: 1px; height: 100%; margin: 0 auto; background-image: -webkit-linear-gradient(top, transparent, rgba(157, 0, 14, .8) 25%, rgba(157, 0, 14, .8) 75%, transparent); background-image: linear-gradient(to bottom, transparent, rgba(157, 0, 14, .8) 25%, rgba(157, 0, 14, .8) 75%, transparent); background-position: center; background-repeat: no-repeat;}
/*menu_gallery*/
#ind .mn_gallerysp { position: relative; width: 50.08695652173913%; float: left; padding: 10px 4% 15px 3%;}
#ind .mn_gallerysp .mnsp { width: 100%; max-width: 240px; margin: 0 auto;}
#ind .mn_gallerysp .mn { width: 100%; height: 0; padding-top: 22.916666666666667%;  position: relative;}
#ind .mn_gallerysp .mn a { width: 100%; height: 0; padding-top: 22.916666666666667%; display: block; background: rgba(0, 0, 0, 0);background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/mn_gallery.png); position: absolute; top: 0; left: 0;}
#ind .mn_gallerysp .mn0 { width: 100%; height: 0; padding-top: 22.916666666666667%; display: block; background: rgba(0, 0, 0, 0);background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/mn_gallery.png); position: relative; -webkit-filter: saturate(60%) opacity(0.6); -moz-filter: saturate(60%) opacity(0.6); -ms-filter: saturate(60%) opacity(0.6); -o-filter: saturate(60%) opacity(0.6); filter: saturate(60%) opacity(0.6);}
/*menu_hover*/
#newssp .title a:hover, #sldbg .title a:hover, #ind .mn_introsp .mn a:hover, #ind .mn_castsp .mn a:hover, #ind .mn_staffsp .mn a:hover, #ind .mn_charactersp .mn a:hover, #ind .mn_commentsp .mn a:hover, #ind .mn_messagesp .mn a:hover, #ind .mn_gallerysp .mn a:hover, #ind .mn_interviewsp .mn a:hover { -webkit-filter: blur(0.6px) saturate(120%); -moz-filter: blur(0.6px) saturate(120%); -ms-filter: blur(0.6px) saturate(120%); -o-filter: blur(0.6px) saturate(120%); filter: blur(0.6px) saturate(120%);}

.cstxt { box-sizing: border-box; width: 100%; text-align: center; font-size: 90%; letter-spacing: 0.1em; color: rgba(255, 255, 255, 0.8); position: absolute; bottom: 10px; left: 0;}
#cmn_gallery .cstxt { width: 90%; bottom: 0; left: 0;}
#ind .cstxt { bottom: 25px; left: 0;}

/*for_W480-*/
@media all and (min-width: 480px) {
.s_smp, .s_smpi { display: none;}
.s_rsmp { display: block;}
.s_rsmpi { display: inline;}
}

/*for_W640-*/
@media all and (min-width: 640px) {
.s_rsmp, .s_rsmpi { display: none;}
.s_wsmp { display: block;}
.s_wsmpi { display: inline;}
.cstxt { bottom: 0; left: 0;}
#cmn_gallery .cstxt { bottom: 2px; left: 0;}
#ind .cstxt { bottom: 25px; left: 0;}
/*footer*/
#footer { padding-bottom: 180px;}
.bnsp { margin: 0; position: absolute; top: 150px; left: 5px;}
#con .bnsp { position: absolute; top: 180px; left: 50%; margin-left: -150px;}
#cr { width: 100%; text-align: center; letter-spacing: 0.1em; position: absolute; top: 500px; left: 0;}
#pgtp { bottom: 35px; right: 30%;}
#btmset { box-sizing: border-box; width: 620px; height: 380px; margin: 0 auto; position: relative;}
/*footer_kanren*/
#kanrenset { box-sizing: border-box; width: 100%; height: 90px; margin: 0; position: absolute; top: 0; left: 0;}
.kanren { margin: 0;}
#kanren_free { position: absolute; top: 0; left: 5px;}
#kanren_odm { position: absolute; top: 0; right: 5px;}
#kanren_paravi { position: absolute; top: 0; right: 5px;}
/*footer_sns*/
.snsset { width: 300px; margin: 0; position: absolute; top: 150px; right: 5px;}
#con .snsset { width: 300px; margin: 0; position: absolute; top: 105px; right: 10px;}
/*sns_btn*/
.twtfb { margin: 0; margin-left: -150px; position: absolute; top: 110px; left: 50%;}
#con .twtfb { margin: 0; margin-left: 0; position: absolute; top: 120px; left: 0;}
/*CON*/
#contents .contxt { line-height: 180%; letter-spacing: 0.1em; font-size: 95%;}
/*header*/
#con #header { width: 100%; height: 0; padding-top: 30%; position: relative;}
#con #poster { width: 100%; height: 0; padding-top: 30%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/con_title0.jpg);}
#con #poster a { width: 100%; height: 0; padding-top: 30%; position: absolute; top: 0; left: 0; display: block;}
/*menu*/
#con #mnset { width: 100%; max-width: 980px; margin: 10px auto;}
#con #mnsp { width: 100%; height: 0; padding-top: 17.346938775510204%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/cmn0.png); position: relative;}
#con #mnsp li a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0);}
#con #mnsp li a:hover { background: rgba(0, 0, 0, .3);}
#con #mnsp #cmn_news { width: 20%; position: absolute; top: 4.705882352941176%; left: 1.530612244897959%;}
#con #mnsp #cmn_news .mnssp { width: 100%; height: 0; padding-top: 36.73469387755102%;}
#con #mnsp #cmn_news .mnssp0 { width: 100%; height: 0; padding-top: 36.73469387755102%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/cmn_news.png);}
#con #mnsp #cmn_intro { width: 17.959183673469388%; position: absolute; top: 4.705882352941176%; left: 21.938775510204082%;}
#con #mnsp #cmn_intro .mnssp { width: 100%; height: 0; padding-top: 40.909090909090909%;}
#con #mnsp #cmn_intro .mnssp0 { width: 100%; height: 0; padding-top: 40.909090909090909%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/cmn_intro.png);}
#con #mnsp #cmn_story { width: 18.36734693877551%; position: absolute; top: 4.705882352941176%; left: 40.612244897959184%;}
#con #mnsp #cmn_story .mnssp { width: 100%; height: 0; padding-top: 40%;}
#con #mnsp #cmn_story .mnssp0 { width: 100%; height: 0; padding-top: 40%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/cmn_story.png);}
#con #mnsp #cmn_cast { width: 16.122448979591837%; position: absolute; top: 4.705882352941176%; left: 59.591836734693878%;}
#con #mnsp #cmn_cast .mnssp { width: 100%; height: 0; padding-top: 45.569620253164557%;}
#con #mnsp #cmn_cast .mnssp0 { width: 100%; height: 0; padding-top: 45.569620253164557%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/cmn_cast.png);}
#con #mnsp #cmn_staff { width: 21.63265306122449%; position: absolute; top: 4.705882352941176%; left: 76.326530612244898%;}
#con #mnsp #cmn_staff .mnssp { width: 100%; height: 0; padding-top: 33.962264150943396%;}
#con #mnsp #cmn_staff .mnssp0 { width: 100%; height: 0; padding-top: 33.962264150943396%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/cmn_staff.png);}
#con #mnsp #cmn_interview { width: 20%; position: absolute; top: 51.764705882352941%; left: 1.530612244897959%;}
#con #mnsp #cmn_interview .mnssp { width: 100%; height: 0; padding-top: 36.73469387755102%;}
#con #mnsp #cmn_interview .mnssp0 { width: 100%; height: 0; padding-top: 36.73469387755102%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/cmn_interview0.png);}
#con #mnsp #cmn_character { width: 17.959183673469388%; position: absolute; top: 51.764705882352941%; left: 22.040816326530612%;}
#con #mnsp #cmn_character .mnssp { width: 100%; height: 0; padding-top: 40.909090909090909%;}
#con #mnsp #cmn_character .mnssp0 { width: 100%; height: 0; padding-top: 40.909090909090909%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/cmn_character0.png);}
#con #mnsp #cmn_comment { width: 18.36734693877551%; position: absolute; top: 51.764705882352941%; left: 40.408163265306122%;}
#con #mnsp #cmn_comment .mnssp { width: 100%; height: 0; padding-top: 40%;}
#con #mnsp #cmn_comment .mnssp0 { width: 100%; height: 0; padding-top: 40%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/cmn_comment0.png);}
#con #mnsp #cmn_message { width: 16.122448979591837%; position: absolute; top: 51.764705882352941%; left: 59.183673469387755%;}
#con #mnsp #cmn_message .mnssp { width: 100%; height: 0; padding-top: 45.569620253164557%;}
#con #mnsp #cmn_message .mnssp0 { width: 100%; height: 0; padding-top: 45.569620253164557%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/cmn_message0.png);}
#con #mnsp #cmn_gallery { width: 21.63265306122449%; position: absolute; top: 51.764705882352941%; left: 76.122448979591837%;}
#con #mnsp #cmn_gallery .mnssp { width: 100%; height: 0; padding-top: 33.962264150943396%;}
#con #mnsp #cmn_gallery .mnssp0 { width: 100%; height: 0; padding-top: 33.962264150943396%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/cmn_gallery0.png);}
/*IND*/
.n_s { padding-top: 25px; background: url(../img/fire_bg.jpg) no-repeat bottom left;}
/*countdown*/
#cdsp { width: 100%; height: 0; padding-top: 15%; max-width: 700px; margin: -2% auto 0 auto;}
#countdown { padding-top: 15%; background-image: url(../img/cd0/cd_bg.png);}
#cdd { width: 12%; height: 56%; position: absolute; bottom: 0; left: 32.6%;}
#cdh { width: 12%; height: 56%; position: absolute; bottom: 0; left: 47.62%;}
#cdm { width: 12%; height: 56%; position: absolute; bottom: 0; left: 67%;}
#cds { width: 12%; height: 56%; position: absolute; bottom: 0; left: 82.82%;}
/*news*/
#newssp0 { box-sizing: border-box; width: 38%; height: 0; padding-top: 33%; margin: 2% 0 1% 0; float: left; position: relative;}
#newssp { box-sizing: border-box; width: 100%; height: 0; padding-top: 85%; margin: 0; position: absolute; top: 0; left: 0;}
#newssp h2 { position: absolute; top: 0; left: 0;}
.news label { display: none;}
.news { width: 100%; height: 0; padding-top: 76%; position: absolute; top: 10%; left: 0; overflow-y: auto;}
.news #nsp { width: 100%; position: absolute; top: 0; left: 0;}
.news #nsp .cls { height: auto;}
.news #nsp .kkm, .news #nsp .cls li { font-size: 90%; letter-spacing: 0;}
.news::-webkit-scrollbar { width: 12px; background: rgba(180, 8, 0, 0.1);}
.news::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(180, 8, 0, 0.3); border-radius: 10px;}
.news::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(180, 8, 0,0.5);}
/*slide*/
#ind #sldbg { width: 61.5%; margin: 0; float: right;}
#sldbg .titlesp .titlesp0::before { width: 0; height: 0; background-image: rgba(157, 0, 14, 0);}
/*menu_interview*/
#ul0 { width: 35%; margin: 2% 0 1% 0;}
#ind .mn_interviewall { width: 240px; margin: -12% 0 0 0;}
#ind .mn_interviewall::before { content: ''; position: absolute; bottom: 0; right: 0; width: 1px; height: 100%; margin: 0 auto; background-image: -webkit-linear-gradient(top, transparent, rgba(157, 0, 14, .8) 25%, rgba(157, 0, 14, .8) 75%, transparent); background-image: linear-gradient(to bottom, transparent, rgba(157, 0, 14, .8) 25%, rgba(157, 0, 14, .8) 75%, transparent); background-position: center; background-repeat: no-repeat;}
}

/*for_W768-*/
@media all and (min-width: 768px) {
.s_wsmp, .s_wsmpi { display: none;}
.s_tablet { display: block;}
.s_tableti { display: inline;}

.cstxt { bottom: 5px; left: 0;}
#cmn_gallery .cstxt { bottom: 5px; left: 0;}
#ind .cstxt { bottom: 25px; left: 0;}
/*CON*/
#contents .contxt { line-height: 180%; letter-spacing: 0.1em; font-size: 100%;}
/*IND*/
/*header*/
#ind #header { width: 100%; height: 0; padding-top: 70%; position: relative;}
#ind #poster { width: 100%; height: 0; padding-top: 70%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/title0.jpg);}
}

/*for_W1000-*/
@media all and (min-width: 1000px) {
.s_tablet, .s_tableti { display: none;}
.s_pc { display: block;}
.s_pci { display: inline;}
/*#container { background: url(../img/bg_top0.jpg) no-repeat center top;}*/
#con #container { background: url(../img/bg_top-con.jpg) repeat-x center top;}
#ind #wrap { background: rgba(0, 0, 0, 1.0);}
.cstxt { bottom: 10px; left: 0; font-size: 100%;}
#cmn_gallery .cstxt { bottom: 10px; left: 0;}
#ind .cstxt { bottom: 25px; left: 0;}
/*footer*/
#footer { background-repeat: repeat-x; padding-bottom: 140px;}
#con #footer { padding-bottom: 20px;}
.bnsp { margin: 0; position: absolute; top: 20px; left: 10px;}
#con .bnsp { position: absolute; top: 20px; left: 20px; margin: 0;}
#cr { width: 100%; position: absolute; top: 360px; left: 0; text-align: center; letter-spacing: 0.1em;}
#con #cr { width: 600px; position: absolute; top: 240px; left: 350px; text-align: left;}
#pgtp { bottom: 30px; right: 38%;}
#con #pgtp { bottom: 10px;}
#btmset { box-sizing: border-box; width: 980px; height: 270px; margin: 0 auto; position: relative;}
#con #btmset { box-sizing: border-box; width: 980px; height: 270px; margin: 0 auto; position: relative;}
/*footer_kanren*/
#kanrenset { box-sizing: border-box; width: 300px; height: 190px; margin: 0; position: absolute; top: 85px; left: 330px;}
.kanren { margin: 0;}
#kanren_free { position: absolute; top: 0; left: 0;}
#kanren_odm { position: absolute; top: 95px; right: 0;}
#kanren_paravi { position: absolute; top: 95px; right: 0;}
#con #kanrenset { box-sizing: border-box; width: 610px; height: 90px; margin: 0; position: absolute; top: 20px; left: 340px;}
#con #kanren_odm { position: absolute; top: 0; right: 0;}
#con #kanren_paravi { position: absolute; top: 0; right: 0;}
/*footer_sns*/
.snsset { width: 300px; margin: 0; position: absolute; top: 5px; right: 25px;}
#con .snsset { width: 300px; margin: 0; position: absolute; top: 130px; right: 30px;}
/*sns_btn*/
.twtfb { margin: 0; margin-left: -165px; position: absolute; top: 30px; left: 50%;}
#con .twtfb { margin: 0; position: absolute; top: 145px; left: 340px;}
/*CON*/
#contents .contxt { line-height: 200%; letter-spacing: 0.1em; font-size: 110%;}
/*IND*/
.n_s { width: 100%; margin: -20px auto; padding: 0;}
.n_s::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; margin: 0 auto; text-align: center; background-image: -webkit-linear-gradient(left, transparent, rgba(157, 0, 14, .8) 25%, rgba(157, 0, 14, .8) 75%, transparent); background-image: linear-gradient(to right, transparent, rgba(157, 0, 14, .8) 25%, rgba(157, 0, 14, .8) 75%, transparent); background-position: center; background-repeat: no-repeat; margin: 0 0 5px 0;}
/*news*/
#newssp0 { box-sizing: border-box; width: 27%; padding-top: 460px; margin: 20px 0 0 0.99%;}
#newssp { box-sizing: border-box; width: 100%; height: 0; padding-top: 480px; margin: 0; position: absolute; top: 0; left: 0;}
#newssp h2 { height: 30px;}
.news { padding-top: 220px; position: absolute; top: 32px; left: 0; overflow-y: auto;}
#newssp .titlesp { width: 250px; margin-left: 1%;}
/*slide*/
#ind #sldbg { box-sizing: border-box; width: 72%;}
#ind #sldbg .titlesp { max-width: 340px; margin: 0 0 0 340px;}
/*menu*/
#ind #nav ul { margin: 0 auto;}
#ind #nav .fade::before { background-image: -webkit-linear-gradient(left, transparent, rgba(157, 0, 14, 0) 25%, rgba(157, 0, 14, 0) 75%, transparent); background-image: linear-gradient(to right, transparent, rgba(157, 0, 14, 0) 25%, rgba(157, 0, 14, 0) 75%, transparent);}
#ind #nav:before, #ind #nav:after { content: ""; display: table;}
#ind #nav:after { clear: both;}
#ind #nav ul { float: left;}
#ind #nav #ul1, #ind #nav #ul2, #ind #nav #ul3 { width: 33.3%; margin: 0; padding: 5px 0;}
#ind .mn_staffsp::before, #ind .mn_commentsp::before { content: ''; position: absolute; bottom: 0; right: 0; width: 1px; height: 100%; margin: 0 auto; background-image: -webkit-linear-gradient(top, transparent, rgba(157, 0, 14, .8) 25%, rgba(157, 0, 14, .8) 75%, transparent); background-image: linear-gradient(to bottom, transparent, rgba(157, 0, 14, .8) 25%, rgba(157, 0, 14, .8) 75%, transparent); background-position: center; background-repeat: no-repeat;}
#ind .mn_staffsp { padding-right: 4%;}
#ind .mn_charactersp { padding-left: 2%; padding-right: 5%;}
#ind .mn_commentsp { padding-left: 5%; padding-right: 4%;}
/*menu_interview*/
#ul0 { width: 240px; margin: 2% 0 0 0;}
#ind .mn_interviewall { width: 240px; margin: -210px 0 0 15px;}
#ind .mn_interviewall::before { content: ''; position: absolute; bottom: 0; right: 0; width: 0; height: 0; margin: 0; background-image: rgba(157, 0, 14, 0); background-position: center; background-repeat: no-repeat;}
#ind .mn_interviewall .mn_interviewsp { width: 100%; max-width: 240px; margin: 10px auto;}
#ind .mn_interviewsp .mn { width: 100%; height: 0; padding-top: 75%; position: relative;}
#ind .mn_interviewsp .mn a { width: 100%; height: 0; padding-top: 75%; display: block; background: rgba(0, 0, 0, 0); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/mn_interview0.png); position: absolute; top: 0; left: 0;}
#ind .mn_interviewsp .mn a:hover { -webkit-filter: blur(0) sepia(30%); -moz-filter: blur(0) sepia(30%); -ms-filter: blur(0) sepia(30%); -o-filter: blur(0) sepia(30%); filter: blur(0) sepia(30%);}
}