/*	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;}
@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;}
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*/
.inline { display: -webkit-inline; display: inline;}
.inlineb { display: -webkit-inline-block; display: inline-block;}
.inlinef { display: -webkit-inline-flex; display: inline-flex;}
.valignm { vertical-align: middle;}
.hidden { position: absolute; left: -9999px; text-indent: -9999px; overflow: hidden;}
.dispno { display: none;}
.lt { text-align: left;}
.rt { text-align: right;}
.ct { text-align: center;}
.ellip { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fl { float: left;}
.fr { float: right;}
.center { margin: auto;}
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both;}
.clear { clear: both;}
ul, li, dl, dt, dd { margin: 0px; padding: 0px; list-style: none;}
.nobd { border: 0;}
.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;}
.nt, .nsbr, .nssbr, .nsbri, .nmbr { display: none;}
.dblk, .sbr, .ssbr, .mbr, .ndbil { display: block;}
.dbil { display: inline;}
.valt { vertical-align: top;}
.vals { vertical-align: super;}
.ofat { overflow: auto;}
.fcl { clear:both;}
.wt { color: rgba(255, 255, 255, 1.0);}
.gt { color: rgba(88, 88, 88, 1.0);}
.lgt { color: rgba(150, 150, 150, 1.0);}
.blk { color: rgba(0, 0, 0, 1.0);}
.red { color: rgba(208, 77, 7, 1.0);}
.nw { white-space: nowrap;}
.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 { font-size: 120%;}
.f110 { font-size: 110%;}
.f105 { font-size: 105%;}
.f100 { font-size: 100%;}
.f90 { font-size: 90%;}
.sf85 { font-size: 85%;}
.f85 { line-height: normal; font-size: 85% !important;}
.f75 { line-height: normal; font-size: 75% !important;}
.f65 { line-height: normal; font-size: 65% !important;}
.lh100 { line-height: 100%;}
.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%;}
.pd10 { padding: 10px;}
.pdt5 { padding-top: 5px;}
.pdb7 { padding-bottom: 7px;}
.pdt7 { padding-top: 7px;}
@media print { .noprint { display: none;} }
.cover { width: 100%; height: 100%; background: url(../img/cover.gif) repeat; display: block;}
.bnsp { width: 300px; height: 250px; margin: 5px auto;}
/*color*/
a:link { color: rgba(121, 0, 0, 1.0);}
a:visited { color: rgba(121, 0, 0, 1.0);}
a:active { color: rgba(208, 77, 7, 1.0);}
a:hover { color: rgba(255, 72, 0, 1.0);}
.nolnk { background: rgba(0, 0, 0, 0.7);}
.aka { color: rgba(230, 0, 18, 1.0);}
.pnk { color: rgba(166, 0, 13, 0.65);}
/*neuma_colors*/
.gray { color: #7b7b7b;}
.black { color: #171717;}
.purple { color: #b233b2;}
.ultramarine { color: #004e7b;}
.blue { color: #1766e0;}
.lightblue { color: #39f;}
.deepgreen { color: #060;}
.green { color: #179917;}
.yellowgreen { color: #4eb200;}
.yellow { color: #ffe000;}
.orange { color: #ff7b00;}
.pink { color: #ff7bb2;}
.vermilion { color: #ff4e4e;}
.red { color: #c00;}
.carmine { color: #e09966;}
.magenta { color: #ea33b2;}
.brown { color: #7b4e00;}
.reddishbrown { color: #661700;}
.yellowocher { color: #b27b17;}
.gold { color: #c93;}
.silver { color: #b2b2b2;}
.toyo { color: #ff4e7b;}
/*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; }
/*colorbox*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:11111;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:50%; left:50%; width:50%; height:50%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0; background: rgba(0, 0, 0, 0); background-color: transparent;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background: rgba(255, 255, 255, 0.99);}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background: rgba(0, 0, 0, 0);}
#cboxError{padding:50px; border:1px solid rgba(204, 204, 204, 1.0);}
#cboxLoadedContent{border:2px solid rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0);}
#cboxTitle{position:absolute; top:-20px; left:0; color: rgba(223, 87, 123, 0.9); letter-spacing: 0.2em;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color: rgba(204, 204, 204, 1.0);}
@-ms-keyframes cboxLoadingGraphic { 0% { -ms-transform: rotate(0deg);} 100% { -ms-transform: rotate(360deg);}}
@-moz-keyframes cboxLoadingGraphic { 0% { -moz-transform: rotate(0deg);} 100% { -moz-transform: rotate(360deg);}}
@-webkit-keyframes cboxLoadingGraphic { 0% { -webkit-transform: rotate(0deg);} 100% { -webkit-transform: rotate(360deg);}}
@keyframes cboxLoadingGraphic { 0% { transform: rotate(0deg);} 100% { transform: rotate(360deg);}}
/* :not(:required) hides this rule from IE9 and below */
#cboxLoadingGraphic:not(:required) { -moz-animation: spinner-loader 1500ms infinite linear; -webkit-animation: spinner-loader 1500ms infinite linear; animation: spinner-loader 1500ms infinite linear; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em; -moz-box-shadow: rgba(0, 0, 0, 0.3) 1.5em 0 0 0, rgba(0, 0, 0, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.3) 0 1.5em 0 0, rgba(0, 0, 0, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.3) -1.5em 0 0 0, rgba(0, 0, 0, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.3) 0 -1.5em 0 0, rgba(0, 0, 0, 0.3) 1.1em -1.1em 0 0; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 1.5em 0 0 0, rgba(0, 0, 0, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.3) 0 1.5em 0 0, rgba(0, 0, 0, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.3) -1.5em 0 0 0, rgba(0, 0, 0, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.3) 0 -1.5em 0 0, rgba(0, 0, 0, 0.3) 1.1em -1.1em 0 0; box-shadow: rgba(0, 0, 0, 0.3) 1.5em 0 0 0, rgba(0, 0, 0, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.3) 0 1.5em 0 0, rgba(0, 0, 0, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.3) -1.5em 0 0 0, rgba(0, 0, 0, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.3) 0 -1.5em 0 0, rgba(0, 0, 0, 0.3) 1.1em -1.1em 0 0; display: inline-block; font-size: 10px; width: 1em; height: 1em; margin: 1.5em; overflow: hidden; text-indent: 100%;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none;}
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color: rgba(0, 0, 0, 1.0)}
#cboxClose{position:absolute; top: -10px; right: 0; display:block; background:url(/ALIFE/img/close.png) no-repeat top center; width:31px; height:31px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}
/*COMMON*/
.sbr, .ssbr { display: block;}
.sbri, .ssbri { display: inline;}
.nsbr, .nsbri, .nssbr, .nssbri, .nsssbr { display: none;}
.nojs { width: 100%; margin: auto; text-align: center; font-size: 90%;}
body, #con-body { line-height: 1; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 110%; text-align: center; margin: 0; padding: 0; background: rgba(248, 247, 245, 1.0); color: rgba(34, 34, 34, 1.0);}
#con-body { font-size: 12px; font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
#container { box-sizing: border-box; width: 100%; margin: 0 auto; font-size: 108%; z-index: 0; position: relative; background: url(../img/btm_bg.png) repeat-x bottom center;}
#wrap { box-sizing: border-box; width: 100%; max-width: 1000px; margin: 0 auto; font-size: 110%; line-height: 180%; position: relative; z-index: 10;}
#wrap:before, #wrap:after { content: ""; display: table;}
#wrap:after { clear: both;}
a:link, a:hover { text-decoration: none;}
.min { font-family: 'Century';}
.gos { font-family: 'Century Gothic';}
.sakaki, ruby { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
/*toko*/
#tokosp, .tokosp { width: 100%; height: 60px; margin-bottom: 30px;}
#tokosp #toko, .tokosp .toko { width: 240px; height: 60px; margin: 0 auto; background: rgba(144, 44, 53, 1.0); position: relative; box-shadow: rgba(100, 100, 100, 0.1) 0px 0px 5px 2px; -webkit-box-shadow: rgba(100, 100, 100, 0.1) 0px 0px 5px 2px; -moz-box-shadow: rgba(100, 100, 100, 0.1) 0px 0px 5px 2px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#tokosp #toko a, .tokosp .toko a { width: 100%; height: 100%; display: block; color: #fff; background: -moz-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 54%, rgba(255,255,255,0)); background: -webkit-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 54%, rgba(255,255,255,0)); background: linear-gradient(to bottom, rgba(255,255,255,0.3), rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 54%, rgba(255,255,255,0)); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#tokosp #toko a:hover, .tokosp .toko a:hover { background: rgba(255, 255, 255, 0.6); cursor: pointer; color: rgba(144, 44, 53, 1.0); font-weight: bold; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#tokosp #toko .btntxt, .tokosp .toko .btntxt { font-size: 140%; width: 100%; position: absolute; top: 20px; left: 0; text-align: center;}
/*toko_close*/
#tokosp #toko0, .tokosp .toko0 { width: 240px; height: 60px; margin: 0 auto; background: rgba(230, 230, 230, 1.0); position: relative; box-shadow: rgba(150, 150, 150, 0.1) 0px 0px 5px 2px; -webkit-box-shadow: rgba(100, 100, 100, 0.1) 0px 0px 5px 2px; -moz-box-shadow: rgba(100, 100, 100, 0.1) 0px 0px 5px 2px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#tokosp #toko0 .btntxt, .tokosp .toko0 .btntxt { font-size: 140%; width: 100%; position: absolute; top: 20px; left: 0; text-align: center; color: rgba(0, 0, 0, 0.4);}
/*mini*/
#mini { padding: 3px 15px; background: url(../img/dm.gif); background-color: transparent;}
/*mini_character*/
#mini #charasp { width: 100%; height: 90%; max-width: 660px; margin: 0 auto; position: relative; padding: 10px 0; background: rgba(255, 255, 255, 1.0); border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border: 2px solid rgba(200, 200, 200, 0.5);}
#mini #charasp:before, #mini #charasp:after { content: ""; display: table;}
#mini #charasp:after { clear: both;}
#mini #charasp .textsp { box-sizing: border-box; width: 100%; text-align: left; color: rgba(0, 0, 0, 1.0); padding-top: 10px;}
#mini #charasp .textsp dd { padding: 5px 10px; font-size: 75%; line-height: 140%;}
#mini #charasp .textsp .backnext:before, #mini #charasp .textsp .backnext:after { content: ""; display: table;}
#mini #charasp .textsp .backnext:after { clear: both;}
#mini #charasp .textsp .backnext .sayu { box-sizing: border-box; width: 50%; float: left; text-align: center; font-size: 120%;}
#mini #charasp .nameall { width: 50%; max-width: 320px; margin: 0 auto; display: block;}
#mini #charasp .nameall .namesp { width: 100%; height: 0; padding-top: 25%; position: relative; display: block;}
#mini #charasp .nameall .namesp .namep { width: 100%; height: 0; padding-top: 25%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block;}
#mini #charasp .photoall { width: 50%; max-width: 320px; margin: 0 auto;}
#mini #charasp .photoall .photosp { width: 100%; height: 0; padding-top: 100%; position: relative;}
#mini #charasp .photoall .photosp .photop { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#mini #charasp .photoall .photosp .photop .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#mini .chara_kazuaki .photoall .photosp .photop { background-image: url(../chart/img/kazuaki.jpg); border: 2px solid rgba(23, 34, 185, 1.0);}
#mini .chara_mifuyu .photoall .photosp .photop { background-image: url(../chart/img/mifuyu.jpg); border: 2px solid rgba(23, 34, 185, 1.0);}
#mini .chara_souta .photoall .photosp .photop { background-image: url(../chart/img/souta.jpg); border: 2px solid rgba(23, 34, 185, 1.0);}
#mini .chara_yuki .photoall .photosp .photop { background-image: url(../chart/img/yuki.jpg); border: 2px solid rgba(23, 34, 185, 1.0);}
#mini .chara_minori .photoall .photosp .photop { background-image: url(../chart/img/minori.jpg); border: 2px solid rgba(23, 34, 185, 1.0);}
#mini .chara_toranosuke .photoall .photosp .photop { background-image: url(../chart/img/toranosuke.jpg); border: 2px solid rgba(23, 34, 185, 1.0);}
#mini .chara_takayuki .photoall .photosp .photop { background-image: url(../chart/img/takayuki.jpg); border: 2px solid rgba(23, 34, 185, 1.0);}
#mini .chara_keigo .photoall .photosp .photop { background-image: url(../chart/img/keigo.jpg); border: 2px solid rgba(23, 34, 185, 1.0);}
#mini .chara_masao .photoall .photosp .photop { background-image: url(../chart/img/masao.jpg); border: 2px solid rgba(23, 34, 185, 1.0);}
#mini .chara_isshin .photoall .photosp .photop { background-image: url(../chart/img/isshin.jpg); border: 2px solid rgba(168, 1, 14, 1.0);}
#mini .chara_kazuaki .nameall .namesp .namep { background-image: url(../chart/img/t_kazuaki.png);}
#mini .chara_mifuyu .nameall .namesp .namep { background-image: url(../chart/img/t_mifuyu.png);}
#mini .chara_souta .nameall .namesp .namep { background-image: url(../chart/img/t_souta.png);}
#mini .chara_yuki .nameall .namesp .namep { background-image: url(../chart/img/t_yuki.png);}
#mini .chara_minori .nameall .namesp .namep { background-image: url(../chart/img/t_minori.png);}
#mini .chara_toranosuke .nameall .namesp .namep { background-image: url(../chart/img/t_toranosuke.png);}
#mini .chara_takayuki .nameall .namesp .namep { background-image: url(../chart/img/t_takayuki.png);}
#mini .chara_keigo .nameall .namesp .namep { background-image: url(../chart/img/t_keigo.png);}
#mini .chara_masao .nameall .namesp .namep { background-image: url(../chart/img/t_masao.png);}
#mini .chara_isshin .nameall .namesp .namep { background-image: url(../chart/img/t_isshin.png);}
/*wave*/
.wave { width: 100%; height: 200px; position: absolute; left: 0; bottom: 60px; z-index: 0;}
#ind .wave { display: none;}
.wave #bgwave { position: absolute; left: 0; bottom: 0;}
.wave path { stroke-width: 1px;}
/*sns_btn*/
.twtfb { width: 100%; height: 26px; overflow: hidden; margin: 15px 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: 2%;}
.fbbtn { width: 53%; height: 26px; float: left; text-align: left; overflow: hidden;}
.ifss { height: 21px; overflow: hidden; border: 0; background-color: transparent;}
/*btm*/
#btm { width: 100%; margin: 2px auto; padding-bottom: 150px; position: relative; z-index: 10;}
#ind #btm { width: 100%; margin: 0 auto 5px auto;}
#ishop { background-image: url(../img/kanren_ishop.png);}
#odm { background-image: url(../img/kanren_odm.png?0);}
#dvdsp { background-image: url(../img/kanren_dvd-s.png);}
#pgtp { width: 100%; height: 60px; position: absolute; bottom: 20px; left: 0; z-index: 10;}
#pgtp a { width: 130px; height: 60px; background: url(../img/pgtp.png) no-repeat center; display: block; margin: 0 auto;}
#pgtp a:hover { opacity: 0.6;}
#cr { width: 98%; position: absolute; bottom: 100px; left: 1%; text-align: center; font-size: 90%; line-height: 110%;}
/*kanren*/
#kanrenset { width: 100%; margin: 0 auto; padding: 2px 0; background: rgba(238, 236, 233, 1.0);}
#ind #kanrenset { padding-bottom: 10px; border-bottom: 2px dotted rgba(240, 132, 141, 0.5);}
.kanrenall { width: 98%;max-width: 302px; margin: 3px auto;}
.kanrensp { width: 100%; height: 0; padding-top: 16.556291390728%; position: relative;}
.kanrensp .kanren { width: 100%; height: 0; padding-top: 16.556291390728%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.kanrensp .kanren a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(230, 0, 18, 0);}
.kanrensp .kanren a:hover { background: rgba(230, 0, 18, 0.04);}
#kanren_app { display: none;}
/*footer_sns*/
#sns { width: 100%; margin: 0 auto;}
#sns h2 { padding: 15px 0 5px 0; color: rgba(38, 64, 147, 1.0); font-size: 150%; letter-spacing: 0.1em;}
.ico { width: 25px; height: 25px;}
#instagram { background: url(../img/ico_instagram.png) no-repeat;}
#twitter { background: url(../img/ico_twitter.png) no-repeat;}
#facebook { background: url(../img/ico_facebook.png) no-repeat;}
#line { background: url(../img/ico_line.png) no-repeat;}
#sns .title { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); font-weight: bold; margin-bottom: 1px;}
#sns .idtxt { font-size: 75%; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);}
/*corner*/
.cnspup { width: 100%; height: 4px; display: block; position: absolute; top: 0; left: 0;}
.cnspup::before { width: 4px; height: 4px; display: block; content: ''; border-top: 3px solid rgba(230, 0, 18, 1.0); border-left: 3px solid rgba(230, 0, 18, 1.0); position: absolute; top: -2px; left: -2px;}
.cnspup::after { width: 4px; height: 4px; display: block; content: ''; border-top: 3px solid rgba(230, 0, 18, 1.0); border-right: 3px solid rgba(230, 0, 18, 1.0); position: absolute; top: -2px; right: -2px;}
.cnspbtm { width: 100%; height: 4px; display: block; position: absolute; bottom: 0; left: 0;}
.cnspbtm::before { width: 4px; height: 4px; display: block; content: ''; border-bottom: 3px solid rgba(230, 0, 18, 1.0); border-left: 3px solid rgba(230, 0, 18, 1.0); position: absolute; bottom: -2px; left: -2px;}
.cnspbtm::after { width: 4px; height: 4px; display: block; content: ''; border-bottom: 3px solid rgba(230, 0, 18, 1.0); border-right: 3px solid rgba(230, 0, 18, 1.0); position: absolute; bottom: -2px; right: -2px;}
/*corner_white*/
.cnspupw { width: 100%; height: 4px; display: block; position: absolute; top: 0; left: 0;}
.cnspupw::before { width: 4px; height: 4px; display: block; content: ''; border-top: 3px solid rgba(240, 132, 141, 1.0); border-left: 3px solid rgba(240, 132, 141, 1.0); position: absolute; top: -2px; left: -2px;}
.cnspupw::after { width: 4px; height: 4px; display: block; content: ''; border-top: 3px solid rgba(240, 132, 141, 1.0); border-right: 3px solid rgba(240, 132, 141, 1.0); position: absolute; top: -2px; right: -2px;}
.cnspbtmw { width: 100%; height: 4px; display: block; position: absolute; bottom: 0; left: 0;}
.cnspbtmw::before { width: 4px; height: 4px; display: block; content: ''; border-bottom: 3px solid rgba(240, 132, 141, 1.0); border-left: 3px solid rgba(240, 132, 141, 1.0); position: absolute; bottom: -2px; left: -2px;}
.cnspbtmw::after { width: 4px; height: 4px; display: block; content: ''; border-bottom: 3px solid rgba(240, 132, 141, 1.0); border-right: 3px solid rgba(240, 132, 141, 1.0); position: absolute; bottom: -2px; right: -2px;}
/*count_down*/
#cdsp { padding: 0 0 10px 0; display: none;}
.cdsp1 { width: 96%; max-width: 640px; margin: 10% 3% -10% 0;}
.cdsp2 { width: 70%; max-width: 480px; margin: 10% auto -10% auto;}
.ctmgl div { float: left; width: 48%; height: 90%; margin: 32% 0 0 38%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.ctmgl0 div { float: left; width: 48%; height: 90%; margin: 32% 0 0 1.5%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#cdsp #countdown { width: 100%; height: 0; position: relative; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
.cdsp1 #countdown { padding-top: 23.4375%; background-image: url(../img/countdown1s.jpg?2);}
.cdsp2 #countdown { padding-top: 31.25%; background-image: url(../img/countdown2s.jpg?2);}
#cdsp #cdd:before, #cdsp #cdh:before, #cdsp #cdm:before, #cdsp #cds:before, #cdsp #cdd:after, #cdsp #cdh:after, #cdsp #cdm:after, #cdsp #cds:after { content: ""; display: table;}
#cdsp #cdd:after, #cdsp #cdh:after, #cdsp #cdm:after, #cdsp #cds:after { clear: both;}
.cdsp1 #countdown #cdd { width: 20%; height: 90%; position: absolute; top: 0; left: 0;}
.cdsp1 #countdown #cdh { width: 20%; height: 90%; position: absolute; top: 0; left: 28%;}
.cdsp1 #countdown #cdm { width: 20%; height: 90%; position: absolute; top: 0; left: 53%;}
.cdsp1 #countdown #cds { width: 20%; height: 90%; position: absolute; top: 0; left: 78%;}
.cdsp2 #countdown #cdd { display: none;}
.cdsp2 #countdown #cdh { width: 25%; height: 90%; position: absolute; top: 0; left: 4%;}
.cdsp2 #countdown #cdm { width: 25%; height: 90%; position: absolute; top: 0; left: 38%;}
.cdsp2 #countdown #cds { width: 25%; height: 90%; position: absolute; top: 0; left: 72%;}
#d1, #h1, #m1, #s1 { background-image: url(../img/cd/c1.png);}
#d2, #h2, #m2, #s2 { background-image: url(../img/cd/c2.png);}
#d3, #h3, #m3, #s3 { background-image: url(../img/cd/c3.png);}
#d4, #h4, #m4, #s4 { background-image: url(../img/cd/c4.png);}
#d5, #h5, #m5, #s5 { background-image: url(../img/cd/c5.png);}
#d6, #h6, #m6, #s6 { background-image: url(../img/cd/c6.png);}
#d7, #h7, #m7, #s7 { background-image: url(../img/cd/c7.png);}
#d8, #h8, #m8, #s8 { background-image: url(../img/cd/c8.png);}
#d9, #h9, #m9, #s9 { background-image: url(../img/cd/c9.png);}
#d0, #h0, #m0, #s0 { background-image: url(../img/cd/c0.png);}
#d-, #h-, #m-, #s- { background-image: url(../img/cd/c-.png);}
/*IND*/
#ind #header { width: 100%; max-width: 1100px; margin: 0 auto;}
#ind #header #photosp { width: 100%; height: 0; padding-top: 68.181818181818181818181818%; position: relative; z-index: 10;}
#ind #header #photo { width: 100%; height: 0; padding-top: 68.181818181818181818181818%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
#ind #header #photo .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#ind #header #photo #onairall { width: 90%; max-width: 1000px; height: 100%; margin: 0 auto; position: relative; overflow: hidden; z-index: 11;}
#ind #header #photo #onairall #linersp { width: 100%; max-width: 1000px; position: absolute; top: 92%; left: 0; z-index: 12;}
#ind #header #photo #onairall #linersp #liner, #ind #header #photo #onairall #linersp #mask { width: 100%; height: 0; padding-top: 5%; background-repeat: repeat-x; -webkit-background-size: contain; background-size: contain; background-position: 0 0; position: absolute; top: 0; left: 0;}
#ind #header #photo #onairall #linersp #mask { background-position: 0 0;}
#ind #header #photo #onairall #linersp #liner { display: none;}
/*#ind #header #photo #onairall #onairsp { width: 100%; height: 0; padding-top: 10%; position: absolute; bottom: 10%; left: 0; z-index: 13;}*/
#ind #header #photo #onairall #onairsp { width: 100%; height: 0; padding-top: 10%; position: absolute; bottom: 0; left: 0; z-index: 13;}
#ind #header #photo #onairall #onairsp #onair { width: 100%; height: 0; padding-top: 10%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
#ind #onairall2 { width: 90%; margin: 0 auto; position: relative; z-index: 14;}
#ind #onairall2 #onairsp { width: 100%; height: 0; padding-top: 8.59375%; position: absolute; top: 0; left: 0;}
#ind #onairall2 #onairsp #onair { width: 100%; height: 0; padding-top: 8.59375%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
#ind #header #nojstxt { width: 100%; font-size: 140%; text-align: center; color: rgba(230, 0, 18, 1.0); line-height: 140%; position: absolute; top: 30%; left: 0;}
#ind #pgtp { display: none;}
/*seacret_v*/
@-o-keyframes vmove { 0% { opacity: 0; } 100% { opacity: 1; } }
@-ms-keyframes vmove { 0% { opacity: 0; } 100% { opacity: 1; } }
@-webkit-keyframes vmove { 0% { opacity: 0; } 100% { opacity: 1; } }
@-moz-keyframes vmove { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes vmove { 0% { opacity: 0; } 100% { opacity: 1; } }
#vall { width: 16.36363636363636%; max-width: 180px; position: absolute; top: 54.7%; left: 58.2%; z-index: 18;}
#vsp { width: 100%; height: 0; padding-top: 130.55555555555%; position: absolute; top: 0; left: 0; z-index: 20;}
#vp { width: 100%; height: 0; padding-top: 130.55555555555%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; animation: vmove 2s ease 0 1 -o-alternate; -ms-animation: vmove 2s ease 0 1 alternate; -webkit-animation: vmove 2s ease 0 1 alternate; -moz-animation: vmove 2s ease 0 1 alternate; z-index: 22;}
#vspp { z-index: 25; display: none;}
#vsp img { width: 100%; height: auto; position: absolute; top: 0; left: 0; opacity: 0; z-index: 27;}
#header .cover { width: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 30;}
/*news*/
/*#ind #newssp { width: 100%; background: rgba(255, 255, 255, 1.0); margin-top: 10%; position: relative; border-top: 1px solid rgba(229, 215, 204, 1.0); border-bottom: 1px solid rgba(229, 215, 204, 1.0); z-index: 10;}*/
#ind #newssp { width: 100%; background: rgba(255, 255, 255, 1.0); margin-top: 2%; position: relative; border-top: 1px solid rgba(229, 215, 204, 1.0); border-bottom: 1px solid rgba(229, 215, 204, 1.0); z-index: 10;}
#ind #newssp h2 { box-sizing: border-box; width: 100%; background: url(../img/title_news.gif) no-repeat 10px 7px; -webkit-background-size: 15%; background-size: 15%; text-align: left;}
#ind #newssp h2 .pnk { font-size: 70%; position: absolute; top: 0; left: 22%; font-weight: bold;}
#ind #newssp h2 a { width: 50%; height: 24px; display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0);}
#ind #newssp h2 a:hover { background: rgba(255, 255, 255, 0.3);}
.news input, #ind #newssp .more { display: none;}
.news label { font-size: 80%; position: absolute; top: 0; right: 10px; font-family: 'arial narrow'; font-weight: bold; letter-spacing: 0.05em; color: rgba(121, 0, 0, 1.0);}
.news label::after { position: absolute; top: 55%; right: 1px; display: block; content: ''; width: 4px; height: 4px; margin-top: -5px; border-top: 2px solid rgba(121, 0, 0, 1.0); border-right: 2px solid rgba(121, 0, 0, 1.0); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);}
.news label:hover { color: rgba(255, 72, 0, 1.0); cursor: pointer;}
#nsp li { box-sizing: border-box; margin: 0 2px 1px 2px; padding: 1px 10px; font-size: 78%; text-align: left; background: rgba(248, 247, 245, 1.0);}
#nsp li:before, #nsp li:after { content: ""; display: table;}
#nsp li:after { clear: both;}
#nsp li table { width: 100%;}
#nsp li th { width: 22%; vertical-align: top; white-space: nowrap;}
#nsp li td { width: 78%; vertical-align: top; line-height: 130%; padding: 6px 0 3px 0;}
#nsp li td a:link { color: rgba(0, 0, 0, 1.0);}
#nsp li td a:visited { color: rgba(0, 0, 0, 1.0);}
#nsp li td a:active { color: rgba(208, 77, 7, 1.0);}
#nsp li td a:hover { color: rgba(255, 72, 0, 1.0);}
#nsp li .nkmt { box-sizing: border-box;}
#nsp li .datet { box-sizing: border-box; width: 95%; height: 20px; display: block; float: left; font-size: 90% !important; text-align: center; color: rgba(255, 255, 255, 1.0); background: rgba(196, 34, 47, 1.0); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin: 3px 4px 2px 0; overflow: hidden;}
#nsp li .datet span { box-sizing: border-box; display: block; margin: -2px 4px 1px 4px;}
.news #nsp .cls { max-height: 0; overflow: hidden; -webkit-transition: max-height 0.2s ease-in; -moz-transition: max-height 0.2s ease-in; transition: max-height 0.2s ease-in;} 
.news #nsopn:checked ~ #nsp .cls { max-height: 100px;}
.news input:checked + label:hover:after, .news input:checked ~ label::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
#nsp { box-sizing: border-box; width: 100%; margin: 0 auto 1px auto; padding: 0; border-bottom: 3px solid rgba(229, 215, 204, 0.5);}
/*story*/
#ind #storysp { box-sizing: border-box; width: 96%; margin: 8px auto; background: rgba(255, 255, 255, 1.0); border: 1px solid rgba(230, 0, 18, 1.0); padding: 5px 10px; position: relative; z-index: 10;}
#ind #storysp .story { box-sizing: border-box; width: 100%;}
#ind #storysp .story:before, #ind #storysp .story:after { content: ""; display: table;}
#ind #storysp .story:after { clear: both;}
#ind #storysp .story .titleall { width: 43%; max-width: 140px; float: left; text-align: left; font-size: 85%; padding-top: 30px;}
#ind #storysp .story .titleall .pnk { display: block; margin-top: -20px;}
#ind #storysp .story .titleall .titlesp { width: 100%; height: 0; padding-top: 35.714285714286%; position: relative;}
#ind #storysp .story .titleall .titlesp .titlep { width: 100%; height: 0; padding-top: 35.714285714286%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/title_story0.gif);}
#ind #storysp .story .sppall { width: 54%; max-width: 160px; float: right;}
#ind #storysp .story .sppall .sppsp { width: 100%; height: 0; padding-top: 66.6666666666667%; position: relative; border: 3px solid rgba(230, 0, 18, 0.1);}
#ind #storysp .story .sppall .sppsp .spp { width: 100%; height: 0; padding-top: 66.6666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
#ind #storysp .onair { font-size: 105%; width: 100%; text-align: center; padding: 5px 0 5px 0;}
#ind #storysp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0);}
#ind #storysp a:hover { background: rgba(255, 255, 255, 0.3);}
/*intro,cast,staff*/
#ind .bmnset { box-sizing: border-box; width: 100%;}
#ind .bmnset:before, #ind .bmnset:after { content: ""; display: table;}
#ind .bmnset:after { clear: both;}
#ind .bmnset #introsp, #ind .bmnset #castsp, #ind .bmnset #staffsp { box-sizing: border-box; width: 30.6%; float: left; font-size: 85%; margin: 0 0 5px 2%; background: rgba(255, 255, 255, 1.0); border: 1px solid rgba(230, 0, 18, 1.0); padding: 10px 0; line-height: 120%; position: relative; z-index: 10;}
#ind .bmnset li .titleall { width: 80%; max-width: 85px; margin: 0 auto;}
#ind .bmnset li .titleall .titlesp { width: 100%; height: 0; padding-top: 27.058823529412%; position: relative;}
#ind .bmnset li .titleall .titlesp .titlep { width: 100%; height: 0; padding-top: 27.058823529412%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#ind .bmnset li .titleall .titlesp #introp { background-image: url(../img/title_intro.gif);}
#ind .bmnset li .titleall .titlesp #castp { background-image: url(../img/title_cast.gif);}
#ind .bmnset li .titleall .titlesp #staffp { background-image: url(../img/title_staff.gif);}
#ind .bmnset li a, #ind .bmnset2 li a, #ind .bmnset3 li a, #ind .bmnset4 li a, #ind .bmnset4 li a, #ind .bmnset5 li a, #ind #freespsp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0);}
#ind .bmnset li a:hover, #ind .bmnset2 li a:hover, #ind .bmnset3 li a:hover, #ind .bmnset4 li a:hover, #ind .bmnset4 li a:hover, #ind .bmnset5 li a:hover, #ind #freespsp a:hover { background: rgba(255, 255, 255, 0.3);}

/*chart*/
#ind .bmnset2 #chartsp { box-sizing: border-box; width: 96%; font-size: 85%; margin: 0 0 5px 2%; background-color: rgba(255, 255, 255, 1.0); border: 1px solid rgba(230, 0, 18, 1.0); padding: 10px 0; line-height: 120%; position: relative; z-index: 10; background-image: url(../img/chart_bg1.gif), url(../img/chart_bg2.gif); background-repeat: no-repeat, no-repeat; -webkit-background-size: contain, contain; background-size: contain, contain; background-position: top left, bottom right;}
#ind .bmnset2 #chartsp:before, #ind .bmnset2 #chartsp:after { content: ""; display: table;}
#ind .bmnset2 #chartsp:after { clear: both;}
#ind .bmnset2 #chartsp .titleall { width: 30%; max-width: 100px; margin: 7px 2px 10px 22%; float: left;}
#ind .bmnset2 #chartsp .titleall .titlesp { width: 100%; height: 0; padding-top: 27.058823529412%; position: relative;}
#ind .bmnset2 #chartsp .titleall .titlesp .titlep { width: 100%; height: 0; padding-top: 27.058823529412%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/title_chart.gif);}
#ind .bmnset2 #chartsp .pnk { width: 40%; float: left; text-align: left; padding-top: 18px;}
/*report,bbs*/
#ind .bmnset3:before, #ind .bmnset3:after { content: ""; display: table;}
#ind .bmnset3:after { clear: both;}
/*report*/
#ind .bmnset3 #reportsp { box-sizing: border-box; width: 62%; height: 80px; float: left; font-size: 85%; margin: 0 0 5px 2%; background: rgba(255, 255, 255, 1.0); border: 1px solid rgba(230, 0, 18, 1.0); padding: 10px 0; line-height: 120%; position: relative; z-index: 10; background-image: url(../img/report_bg.png); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-position: top left;}
#ind .bmnset3 #reportsp .titleall { width: 50%; max-width: 100px; margin: 0 0 0 46%; float: left; text-align: left;}
#ind .bmnset3 #reportsp .titleall .titlesp { width: 100%; height: 0; padding-top: 23%; position: relative; margin-bottom: 4px;}
#ind .bmnset3 #reportsp .titleall .titlesp #reportp { width: 100%; height: 0; padding-top: 23%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/title_report.gif);}
#ind .bmnset3 #reportsp .nkmt { padding-top: 3px; text-align: left; font-size: 80%;}
/*bbs*/
#ind .bmnset3 #bbssp { box-sizing: border-box; width: 32%; height: 80px; float: left; font-size: 85%; margin: 0 0 5px 2%; background: rgba(255, 255, 255, 1.0); border: 1px solid rgba(230, 0, 18, 1.0); padding: 10px 0; line-height: 120%; position: relative; z-index: 10;}
#ind .bmnset3 #bbssp .hane { width: 30%; max-width: 45px; position: absolute; top: 5px; right: 5px;}
#ind .bmnset3 #bbssp .hane .hanep { width: 100%; height: 0; padding-top: 117.77777777777777778%; background-image: url(../img/hane.gif); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#ind .bmnset3 #bbssp .titleall { width: 46%; max-width: 60px; position: absolute; top: 21%; left: 5%; text-align: left;}
#ind .bmnset3 #bbssp .titleall .titlesp { width: 100%; height: 0; padding-top: 46.6666666666666667%; position: relative;}
#ind .bmnset3 #bbssp .titleall .titlesp #bbsp { width: 100%; height: 0; padding-top: 46.6666666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/title_bbs.gif);}
#ind .bmnset3 #bbssp .pnk { width: 90%; text-align: left; position: absolute; top: 55.5%; left: 5%;}
/*ms4*/
#ind .bmnset4 { display: none;}
#ind .bmnset4:before, #ind .bmnset4:after, #ind .bmnset4 #interviewsp:before, #ind .bmnset4 #interviewsp:after { content: ""; display: table;}
#ind .bmnset4:after, #ind .bmnset4 #interviewsp:after { clear: both;}
/*interview*/
#ind .bmnset4 #interviewsp { box-sizing: border-box; width: 96%; height: 90px; position: relative; font-size: 85%; margin: 0 0 5px 2%; background-color: rgba(240, 132, 141, 0.2); border: 1px solid rgba(240, 132, 141, 1.0); color: rgba(201, 56, 68, 1.0); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: right top;}
#ind .bmnset4 #interviewsp .titleset { box-sizing: border-box; width: 68%; height: 100%; float: left; position: absolute; top: 5px; left: 5px;}
#ind .bmnset4 #interviewsp .titleall { width: 100%; max-width: 150px; position: absolute; top: 0; left: 0;}
#ind .bmnset4 #interviewsp .titleall .titlesp { width: 100%; height: 0; padding-top: 15.33333333333333%; position: relative;}
#ind .bmnset4 #interviewsp .titleall .titlesp .titlep { width: 100%; height: 0; padding-top: 15.33333333333333%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/title_interview-indw.png);}
#ind .bmnset4 #interviewsp .pnk { text-align: left; position: absolute; top: 20px; left: 5px; color: rgba(255, 255, 255, 1.0);}
#ind .bmnset4 #interviewsp .namesp { box-sizing: border-box; width: 100%; text-align: center; position: absolute; bottom: 14px; left: 5px; background: rgba(255, 255, 255, 1.0); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 0; font-size: 90%; letter-spacing: 0.1em;}
#ind .bmnset4 #interviewsp .faceall { width: 25%; max-width: 150px; margin: 0; float: right;}
#ind .bmnset4 #interviewsp .facesp { width: 100%; height: 0; padding-top: 100%; position: relative;}
#ind .bmnset4 #interviewsp .facep { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-color: rgba(255, 255, 255, 1.0);}
/*gallery*/
#ind .bmnset4 #gallerysp { box-sizing: border-box; width: 96%; height: 90px; position: relative; font-size: 85%; margin: 0 0 5px 2%; background-color: rgba(240, 132, 141, 0.2); border: 1px solid rgba(240, 132, 141, 1.0); color: rgba(201, 56, 68, 1.0); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: right top;}
#ind .bmnset4 #gallerysp .titleset { box-sizing: border-box; width: 100%; height: 100%; float: left; position: absolute; top: 5px; left: 5px;}
#ind .bmnset4 #gallerysp .titleall { width: 95%; max-width: 210px; position: absolute; top: 0; left: 0;}
#ind .bmnset4 #gallerysp .titleall .titlesp { width: 100%; height: 0; padding-top: 10.952380952381%; position: relative;}
#ind .bmnset4 #gallerysp .titleall .titlesp .titlep { width: 100%; height: 0; padding-top: 10.952380952381%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/title_gallery-indw.png);}
#ind .bmnset4 #gallerysp .pnk { text-align: left; position: absolute; top: 20px; left: 5px; color: rgba(255, 255, 255, 1.0); letter-spacing: 0.1em;}
#ind .bmnset4 #gallerysp .namesp { box-sizing: border-box; width: 66%; text-align: center; position: absolute; bottom: 14px; left: 1%; background: rgba(255, 255, 255, 1.0); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 0; font-size: 90%; letter-spacing: 0.1em;}
/*talk*/
#ind .bmnset4 #talksp:before, #ind .bmnset4 #talksp:after { content: ""; display: table;}
#ind .bmnset4 #talksp:after { clear: both;}
#ind .bmnset4 #talksp { box-sizing: border-box; width: 96%; height: 90px; position: relative; font-size: 85%; margin: 0 0 5px 2%; border: 1px solid rgba(240, 132, 141, 1.0); color: rgba(201, 56, 68, 1.0); background: rgba(255, 255, 255, 1.0); background: repeating-linear-gradient( rgba(240, 132, 141, 0.2), rgba(240, 232, 241, 0.1) 2px, rgba(255, 255, 255, 1.0) 8px);}
#ind .bmnset4 #talksp .titleset { box-sizing: border-box; width: 100%; height: 100%; float: left; position: absolute; top: 0; left: 0; text-align: center;}
#ind .bmnset4 #talksp .titleall { width: 95%; max-width: 500px; position: absolute; top: 0; left: 3%; margin: 0 auto;}
#ind .bmnset4 #talksp .titleall .titlesp { width: 100%; height: 0; padding-top: 20%; position: relative;}
#ind .bmnset4 #talksp .titleall .titlesp .titlep { width: 100%; height: 0; padding-top: 20%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#ind .bmnset4 #talksp .namesp { box-sizing: border-box; width: 96%; text-align: center; position: absolute; bottom: 4px; left: 2%; background: rgba(255, 255, 255, 1.0); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 0; font-size: 90%; letter-spacing: 0.1em;}
/*present*/
#ind .bmnset4 #presentsp:before, #ind .bmnset4 #presentsp:after { content: ""; display: table;}
#ind .bmnset4 #presentsp:after { clear: both;}
#ind .bmnset4 #presentsp { box-sizing: border-box; width: 96%; height: 0; padding-top: 28.8%; position: relative; font-size: 85%; margin: 0 0 5px 2%; border: 1px solid rgba(240, 132, 141, 1.0); color: rgba(201, 56, 68, 1.0); background: rgba(255, 255, 255, 1.0); background: repeating-linear-gradient( rgba(240, 132, 141, 0.2), rgba(240, 232, 241, 0.1) 2px, rgba(255, 255, 255, 1.0) 8px);}
#ind .bmnset4 #presentsp .titleset { box-sizing: border-box; width: 100%; height: 100%; float: left; position: absolute; top: 0; left: 0; text-align: center;}
#ind .bmnset4 #presentsp .titleall { width: 100%; max-width: 600px; position: absolute; top: 0; left: 0; margin: 0 auto;}
#ind .bmnset4 #presentsp .titleall .titlesp { width: 100%; height: 0; position: relative;}
#ind .bmnset4 #presentsp .titleall .titlesp .titlep { width: 100%; height: 0; padding-top: 30%; position: absolute; top: 0; left: 0; background-repeat: no-repeat;  -webkit-background-size: cover; background-size: cover; background-position: right top;}
/*life*/
#ind .bmnset4 #lifesp { box-sizing: border-box; width: 96%; height: 90px; position: relative; font-size: 85%; margin: 0 0 5px 2%; background-color: rgba(240, 132, 141, 0.2); border: 1px solid rgba(240, 132, 141, 1.0); color: rgba(201, 56, 68, 1.0); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: right top;}
#ind .bmnset4 #lifesp .titleset { box-sizing: border-box; width: 100%; height: 100%; float: left; position: absolute; top: 0; left: 0; text-align: center;}
#ind .bmnset4 #lifesp .titleall { width: 95%; max-width: 500px; position: absolute; top: 50%; left: 3%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto;}
#ind .bmnset4 #lifesp .titleall .titlesp { width: 100%; height: 0; padding-top: 20%; position: relative;}
#ind .bmnset4 #lifesp .titleall .titlesp .titlep { width: 100%; height: 0; padding-top: 20%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#ind .bmnset4 #lifesp .titleall .titlesp .titlep { width: 100%; height: 0; padding-top: 20%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#ind .bmnset4 #lifesp .namesp { box-sizing: border-box; width: 47.5%; text-align: center; position: absolute; bottom: 5px; left: 52%; background: rgba(255, 255, 255, 1.0) url(../life/img/bg.jpg) bottom repeat-x; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 0; font-size: 92%; letter-spacing: 0.1em; padding: 5px 10px; line-height: 130%; text-align: left; max-height: 80px; overflow: hidden; color: rgba(220, 0, 145, 1.0);}
#ind .bmnset4 #lifesp .namesp .rt { color: rgba(170, 0, 112, 1.0);}
#ind .bmnset4 #lifesp #tokosp { width: 40%; height: 60px; margin: 0; position: absolute; bottom: 15%; left: 55%;}
#ind .bmnset4 #lifesp #tokosp #toko { width: 100%; height: 60px; margin: 0 auto; position: relative; box-shadow: rgba(100, 100, 100, 0.1) 0px 0px 5px 2px; -webkit-box-shadow: rgba(100, 100, 100, 0.1) 0px 0px 5px 2px; -moz-box-shadow: rgba(100, 100, 100, 0.1) 0px 0px 5px 2px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: rgb(252,214,214); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZDZkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZjZDZkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmYjViNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjhlOGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(252,214,214,1) 0%, rgba(252,214,214,1) 50%, rgba(255,181,181,1) 50%, rgba(255,142,142,1) 100%); background: -webkit-linear-gradient(top, rgba(252,214,214,1) 0%,rgba(252,214,214,1) 50%,rgba(255,181,181,1) 50%,rgba(255,142,142,1) 100%); background: linear-gradient(to bottom, rgba(252,214,214,1) 0%,rgba(252,214,214,1) 50%,rgba(255,181,181,1) 50%,rgba(255,142,142,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd6d6', endColorstr='#ff8e8e',GradientType=0 );}
#ind .bmnset4 #lifesp #tokosp #toko a { font-weight: bold; color: rgba(182, 27, 45, 1.0);}
#ind .bmnset4 #lifesp #tokosp #toko .btntxt { font-size: 140%; width: 100%; position: absolute; top: 19px; left: 0; text-align: center;}
/*free_smp*/
#ind #freespsp { box-sizing: border-box; width: 100%; background: rgba(238, 236, 233, 1.0); padding: 15px 0 5px 0; margin: 5px 0 0 0; border-top: 2px dotted rgba(240, 132, 141, 0.5); display: none;}
#ind #freespsp .cnspupw, #ind #freespsp .cnspbtmw { display: none;}
#ind #freespsp #freesp_s { box-sizing: border-box; width: 94%; max-width: 302px; height: 60px; position: relative; font-size: 85%; margin: 0 auto; border: 1px solid rgba(240, 132, 141, 1.0); color: rgba(201, 56, 68, 1.0); background: rgba(255, 255, 255, 1.0);}
#ind #freespsp #freesp_s .titleset { box-sizing: border-box; width: 100%; height: 100%; float: left; position: absolute; top: 0; left: 0; text-align: center;}
#ind #freespsp #freesp_s .titleall { width: 95%; max-width: 500px; position: absolute; top: 50%; left: 3%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto;}
#ind #freespsp #freesp_s .titleall .titlesp { width: 100%; height: 0; padding-top: 20%; position: relative;}
#ind #freespsp #freesp_s .titleall .titlesp .titlep { width: 100%; height: 0; padding-top: 20%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
/*free*/
#ind .bmnset4 #freesp { box-sizing: border-box; width: 96%; height: 90px; position: relative; font-size: 85%; margin: 0 0 5px 2%; border: 1px solid rgba(240, 132, 141, 1.0); color: rgba(201, 56, 68, 1.0); background: rgba(255, 255, 255, 1.0);}
#ind .bmnset4 #freesp .titleset { box-sizing: border-box; width: 100%; height: 100%; float: left; position: absolute; top: 0; left: 0; text-align: center;}
#ind .bmnset4 #freesp .titleall { width: 95%; max-width: 500px; position: absolute; top: 50%; left: 3%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto;}
#ind .bmnset4 #freesp .titleall .titlesp { width: 100%; height: 0; padding-top: 20%; position: relative;}
#ind .bmnset4 #freesp .titleall .titlesp .titlep { width: 100%; height: 0; padding-top: 20%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
/*ms5*/
#ind .bmnset5 { width: 100%; background: rgba(238, 236, 233, 1.0); padding: 0; display: none;}
#ind .bmnset5 #dvdsp { display: none;}
/*app*/
#ind .bmnset5 #appsp { box-sizing: border-box; width: 94%; max-width: 302px; height: 60px; position: relative; font-size: 85%; margin: 0 auto; border: 1px solid rgba(240, 132, 141, 0.6); color: rgba(201, 56, 68, 1.0); background: rgba(255, 255, 255, 1.0);}
#ind .bmnset5 #appsp .titleset { box-sizing: border-box; width: 100%; height: 100%; float: left; position: absolute; top: 0; left: 0; text-align: center;}
#ind .bmnset5 #appsp .titleall { width: 95%; max-width: 500px; position: absolute; top: 50%; left: 3%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto;}
#ind .bmnset5 #appsp .titleall .titlesp { width: 100%; height: 0; padding-top: 20%; position: relative;}
#ind .bmnset5 #appsp .titleall .titlesp .titlep { width: 100%; height: 0; padding-top: 20%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
/*calpush_pre*/
#ind .bmnset5 #calpush_presp { box-sizing: border-box; width: 94%; max-width: 302px; height: 60px; position: relative; font-size: 85%; margin: 5px auto 0 auto; background-color: rgba(240, 132, 141, 0.2); border: 1px solid rgba(240, 132, 141, 0.6); color: rgba(201, 56, 68, 1.0); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: right top; display: none;}
#ind .bmnset5 #calpush_presp .titleset { box-sizing: border-box; width: 100%; height: 100%; float: left; position: absolute; top: 0; left: 0; text-align: center;}
#ind .bmnset5 #calpush_presp .titleall { width: 95%; max-width: 500px; position: absolute; top: 50%; left: 3%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto;}
#ind .bmnset5 #calpush_presp .titleall .titlesp { width: 100%; height: 0; padding-top: 20%; position: relative;}
#ind .bmnset5 #calpush_presp .titleall .titlesp .titlep { width: 100%; height: 0; padding-top: 20%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
/*shishakai*/
/*#ind .bmnset5 #shisha { display: none;}
#ind .bmnset5 #shisha0 { width: 96%; margin: 5px auto 0 auto;}
#ind .bmnset5 #shishakaisp0 { box-sizing: border-box; width: 100%; height: 0; padding-top: 21.428571428571%; position: relative; font-size: 85%; background-color: rgba(240, 132, 141, 0.2); border: 1px solid rgba(240, 132, 141, 1.0); color: rgba(201, 56, 68, 1.0); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center top; background-image: url(../img/shishakai_bg.jpg); display: block;}*/
/*footer_sns*/
/*_instagram*/
#ind #instagramsp { width: 96%; margin: 5px auto; border: 2px solid rgba(38, 64, 147, 1.0); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px;}
#ind #instagramsp:before, #ind #instagramsp:after { content: ""; display: table;}
#ind #instagramsp:after { clear: both;}
#ind #instagramsp .titlesp { width: 31%; float: left; padding-top: 8px; font-size: 110%; position: relative;}
#ind #instagramsp .titlesp a { width: 100%; height: 100%; display: block; background: rgba(255, 255, 255, 0); position: absolute; top: 0; left: 0;}
#ind #instagramsp .titlesp a:hover { background: rgba(255, 255, 255, 0.2);}
#ind #instagramsp .photosp { width: 63%; padding: 4px 10px 5px 5px; float: right; background: rgba(38, 64, 147, 0.9); position: relative;}
#ind #instagramsp .photosp:before, #ind #instagramsp .photosp:after { content: ""; display: table;}
#ind #instagramsp .photosp:after { clear: both;}
#ind #instagramsp .photosp::after { width: 12px; height: 1px; display: block; content: ''; border-top: 2px dotted rgba(255, 255, 255, 0.8); position: absolute; top: 48%; right: 0;}
#ind #instagramsp .photosp .phtall { width: 31%; margin-left: 2.1%; float: left; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px;}
#ind #instagramsp .photosp .phtall a { width: 100%; height: 100%; display: block; background: rgba(255, 255, 255, 0); position: absolute; top: 0; left: 0;}
#ind #instagramsp .photosp .phtall a:hover { background: rgba(255, 255, 255, 0.2);}
#ind #instagramsp .photosp .phtall .phtsp { width: 100%; height: 0; padding-top: 100%; position: relative;}
#ind #instagramsp .photosp .phtall .phtsp .pht { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
#ind #instagram { margin: 0 auto 6px auto;}
/*_twitter*/
#ind #twittersp { width: 96%; margin: 8px auto 5px auto; border: 2px solid rgba(38, 64, 147, 1.0); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px;}
#ind #twittersp .titlesp { box-sizing: border-box; width: 100%; padding: 10px; position: relative;}
#ind #twittersp .titlesp:before, #ind #twittersp .titlesp:after { content: ""; display: table;}
#ind #twittersp .titlesp:after { clear: both;}
#ind #twittersp .titlesp #twitter { float: left; margin: 3px 13px 3px 3px;}
#ind #twittersp .titlesp .title { float: left; padding-top: 10px; font-size: 110%; letter-spacing: 0.1em;}
#ind #twittersp .titlesp .idtxt { float: right; padding: 10px 5px 0 0;}
#ind #twittersp .titlesp a { width: 100%; height: 100%; display: block; background: rgba(255, 255, 255, 0); position: absolute; top: 0; left: 0;}
#ind #twittersp .titlesp a:hover { background: rgba(255, 255, 255, 0.2);}
#ind #twittersp .tweetsp { box-sizing: border-box; width: 100%; height: 212px; padding: 6px; background: rgba(38, 64, 147, 0.9); position: relative;}
/*_facebook,line*/
#ind #fblnsp { width: 97%; margin: 8px auto 5px auto;}
#ind #fblnsp:before, #ind #fblnsp:after { content: ""; display: table;}
#ind #fblnsp:after { clear: both;}
#ind #facebooksp { width: 47%; border: 2px solid rgba(38, 64, 147, 1.0); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; float: left; text-align: left; position: relative;}
#ind #linesp { width: 47%; border: 2px solid rgba(38, 64, 147, 1.0); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; float: right; text-align: left; position: relative;}
#ind #facebooksp:before, #ind #facebooksp:after, #ind #linesp:before, #ind #linesp:after { content: ""; display: table;}
#ind #facebooksp:after, #ind #linesp:after { clear: both;}
#ind #facebooksp .titlesp, #ind #linesp .titlesp { box-sizing: border-box; width: 100%; padding: 10px; position: relative; border-bottom: 5px solid rgba(38, 64, 147, 0.7);}
#ind #facebooksp .titlesp #facebook, #ind #linesp .titlesp #line { float: left; margin: 3px 13px 13px 3px;}
#ind #facebooksp .titlesp .title, #ind #linesp .titlesp .title { padding-top: 5px;}
#ind #facebooksp .titlesp a, #ind #linesp .titlesp a { width: 100%; height: 100%; display: block; background: rgba(255, 255, 255, 0); position: absolute; top: 0; left: 0;}
#ind #facebooksp .titlesp a:hover, #ind #linesp .titlesp a:hover { background: rgba(255, 255, 255, 0.2);}
/*sokuho_modal*/
#ind #section { padding: 0; margin: 0 auto;}
#ind #section #sokuho_spot { box-sizing: border-box; width: 100%; max-width: 1000px; padding: 0; margin: 0 auto;}
#ind #section #photosp { box-sizing: border-box; width: 100%; position: relative; margin: 0 auto; display: none;}
#ind #section .sp-mask { position: relative; overflow: hidden; z-index: 100;}
#ind #section .sp-slides { box-sizing: border-box; width: 100%; position: relative; display: block; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; margin: 10px auto 0 auto;}
#ind #section .sp-slide { position: absolute;}
#ind #section .sp-image-container { overflow: hidden;}
#ind #section .sp-image { position: relative; display: block; border: none;}
#ind #section .sp-no-js { overflow: hidden; max-width: 100%;}
#ind #section .sp-slide .psp { width: 100%; height: 0; padding-top: 56.25%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px;}
#ind #section .sp-slide .psp img { width: 100%; height: 100%; border: 0; position: absolute; top: 0; left: 0;}
#ind #section .sp-slide .psp img:hover { opacity: 0.7;}
/* Thumbnails */
#ind #section .sp-thumbnails { display: none;}
/* Touch Swipe */
#ind #section .sp-grab { cursor: url(/ALIFE/img/openhand.cur), move;}
#ind #section .sp-grabbing { cursor: url(/ALIFE/img/closedhand.cur), move;}
#ind #section .sp-selectable { cursor: default;}
/* Arrows */
#ind #section .sp-arrows { position: absolute; z-index: 10;}
#ind #section .sp-fade-arrows { opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;}
#ind #section .sp-slides-container:hover .sp-fade-arrows { opacity: 1;}
#ind #section .sp-arrowset-p, #section .sp-arrowset-n { position: absolute; top: 0; display: block; width: 2.5%; height: 100%; cursor: pointer;}
#ind #section .sp-arrowset-p:hover, #section .sp-arrowset-n:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6;}
#ind #section .sp-horizontal .sp-arrows { width: 114%; height: 40px; position: absolute; left: -7%; top: 28%; display: block;}
#ind #section .sp-arrow { display: block; width: 100%; height: 20px; position: absolute; top: 100%; left: 0;}
#ind #section .sp-arrowset-p { left: 0;}
#ind #section .sp-arrowset-n { right: 0;}
#ind #section .sp-previous-arrow:before, #section .sp-previous-arrow:after, #section .sp-next-arrow:before, #section .sp-next-arrow:after { content: ''; position: absolute; width: 50%; height: 50%; background-color: rgba(214, 100, 88, 1.0);}
#ind #section .sp-previous-arrow:before { left: 5%; top: 0; -webkit-transform: skew(145deg, 0deg); -ms-transform: skew(145deg, 0deg); transform: skew(145deg, 0deg);}
#ind #section .sp-previous-arrow:after { left: 5%; top: 50%; -webkit-transform: skew(-145deg, 0deg); -ms-transform: skew(-145deg, 0deg); transform: skew(-145deg, 0deg);}
#ind #section .sp-next-arrow:before { right: 5%; top: 0; -webkit-transform: skew(35deg, 0deg); -ms-transform: skew(35deg, 0deg); transform: skew(35deg, 0deg);}
#ind #section .sp-next-arrow:after { right: 5%; top: 50%; -webkit-transform: skew(-35deg, 0deg); -ms-transform: skew(-35deg, 0deg); transform: skew(-35deg, 0deg);}
/*_pc*/
#ind #section #photosp0 { width: 100%; max-width: 1000px; margin: 10px auto 20px auto; display: none;}
#ind #section #photosp0 ul:before, #photosp0 ul:after { content: ""; display: table;}
#ind #section #photosp0 ul:after { clear: both;}
#ind #section #photosp0 li { width: 23%; float: left; margin: 0 0 0 1.7%;}
#ind #section #photosp0 .psp0 { width: 100%; height: 0; padding-top: 56.25%; position: relative;}
#ind #section #photosp0 .psp0 img { width: 100%; height: 100%; border: 0; position: absolute; top: 0; left: 0;}
#ind #section #photosp0 .psp0 img:hover { opacity: 0.7;}

/*CON*/
#con #header { width: 100%; max-width: 1000px; margin: 0 auto;}
#con #header #nojstxt { width: 100%; font-size: 140%; text-align: center; color: rgba(230, 0, 18, 1.0); line-height: 140%; position: absolute; top: 25%; left: 0;}
#con #header #photosp { width: 100%; height: 0; padding-top: 20%; position: relative; z-index: 10;}
#con #header #photo { width: 100%; height: 0; padding-top: 20%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; z-index: 100; display: none;}
#con #header #photo .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#con #header #photosp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1000;}
/*footer_sns*/
#con #istwsp, #con #fblnsp { width: 98%; margin: 5px auto;}
#con #istwsp:before, #con #istwsp:after, #con #fblnsp:before, #con #fblnsp:after { content: ""; display: table;}
#con #istwsp:after, #con #fblnsp:after { clear: both;}
#con #facebooksp { width: 48%; border: 2px solid rgba(38, 64, 147, 1.0); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; float: left; text-align: left; position: relative;}
#con #linesp { width: 48%; border: 2px solid rgba(38, 64, 147, 1.0); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; float: right; text-align: left; position: relative;}
#con #facebooksp:before, #con #facebooksp:after, #con #linesp:before, #con #linesp:after { content: ""; display: table;}
#con #facebooksp:after, #con #linesp:after { clear: both;}
#con #facebooksp .titlesp, #con #linesp .titlesp { box-sizing: border-box; width: 100%; padding: 10px; position: relative; border-bottom: 5px solid rgba(38, 64, 147, 0.7);}
#con #facebooksp .titlesp #facebook, #con #linesp .titlesp #line { float: left; margin: 3px 13px 13px 3px;}
#con #facebooksp .titlesp .title, #con #linesp .titlesp .title { padding-top: 5px;}
#con #facebooksp .titlesp a, #con #linesp .titlesp a { width: 100%; height: 100%; display: block; background: rgba(255, 255, 255, 0); position: absolute; top: 0; left: 0;}
#con #facebooksp .titlesp a:hover, #con #linesp .titlesp a:hover { background: rgba(255, 255, 255, 0.2);}
#con #instagramsp { width: 48%; border: 2px solid rgba(38, 64, 147, 1.0); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; float: left; text-align: left; position: relative;}
#con #twittersp { width: 48%; border: 2px solid rgba(38, 64, 147, 1.0); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; float: right; text-align: left; position: relative;}
#con #instagramsp:before, #con #instagramsp:after, #con #twittersp:before, #con #twittersp:after { content: ""; display: table;}
#con #instagramsp:after, #con #twittersp:after { clear: both;}
#con #instagramsp .titlesp, #con #twittersp .titlesp { box-sizing: border-box; width: 100%; padding: 10px; position: relative; border-bottom: 5px solid rgba(38, 64, 147, 0.7);}
#con #instagramsp .titlesp #instagram, #con #twittersp .titlesp #twitter { float: left; margin: 3px 13px 13px 3px;}
#con #instagramsp .titlesp .title, #con #twittersp .titlesp .title { padding-top: 5px;}
#con #instagramsp .titlesp a, #con #twittersp .titlesp a { width: 100%; height: 100%; display: block; background: rgba(255, 255, 255, 0); position: absolute; top: 0; left: 0;}
#con #instagramsp .titlesp a:hover, #con #twittersp .titlesp a:hover { background: rgba(255, 255, 255, 0.2);}
/*menu*/
#con .mnset { width: 100%; margin: 5px auto;}
#con .mnset:before, #con .mnset:after { content: ""; display: table;}
#con .mnset:after { clear: both;}
#con .mnset li { width: 31%; margin: 2px 0.8%; float: left; border: 1px solid rgba(230, 0, 18, 0.6); background-color: rgba(255, 255, 255, 1.0); position: relative;}
#con .mnset .mnsp { box-sizing: border-box; width: 100%; max-width: 160px; padding: 4px 0; margin: 0 auto;}
#con .mnset .mnsp:nth-child(3n) { margin-right: 0;}
#con .mnset li a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0);}
#con .mnset li a:hover { background: rgba(255, 255, 255, 0.4);}
#con .mnset .mnsp .mn { width: 100%; height: 0; padding-top: 22.5%; position: relative;}
#con .mnset .mnsp .mnp { width: 100%; height: 0; padding-top: 22.5%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#con .mnset .mnsp .pnk { text-align: left; font-size: 70%; position: absolute; top: 35%; left: 34%;}
#con .mnset .mnsp #mn_intro { background-image: url(../img/mn_intro.png);}
#con .mnset #mnsp_intro .pnk { left: 34%;}
#con .mnset .mnsp #mn_cast { background-image: url(../img/mn_cast.png);}
#con .mnset #mnsp_cast .pnk { left: 42%;}
#con .mnset .mnsp #mn_staff { background-image: url(../img/mn_staff.png);}
#con .mnset #mnsp_staff .pnk { left: 37%;}
#con .mnset .mnsp #mn_story { background-image: url(../img/mn_story.png);}
#con .mnset #mnsp_story .pnk { left: 37%;}
#con .mnset .mnsp #mn_chart { background-image: url(../img/mn_chart.png);}
#con .mnset #mnsp_chart .pnk { left: 37%;}
#con .mnset .mnsp #mn_news { background-image: url(../img/mn_news.png);}
#con .mnset #mnsp_news .pnk { left: 42%;}
/*_mnset2*/
#con #mns2 li { width: 47%; margin: 2px 1.1%; padding: 5px 0; float: left; text-align: center; border: 1px solid rgba(230, 0, 18, 0.6); background-color: rgba(255, 255, 255, 1.0); position: relative;}
#con #mns2 .mnsp { box-sizing: border-box; width: 100%; max-width: 160px; padding: 5px 0; margin: 0 auto; position: relative;}
#con #mns2 .mnsp:nth-child(2n) { margin-right: 0;}
#con .mnset .mnsp #mn_report { background-image: url(../img/mn_report.png);}
#con .mnset #mnsp_report .pnk { top: 35%; left: 36%;}
#con .mnset .mnsp #mn_bbs { background-image: url(../img/mn_bbs.png);}
#con .mnset #mnsp_bbs .pnk { top: 35%; left: 36%;}
/*_mnset3*/
#con #mns3 { margin: 5px auto 0 auto;}
#con #mns3 li { width: 96.8%; margin: 0 0 7px 1.1%; padding: 5px 0; text-align: center; border: 1px solid rgba(240, 132, 141, 1.0); color: rgba(201, 56, 68, 1.0); background-color: rgba(240, 132, 141, 0.05); background-image: linear-gradient(45deg, rgba(249, 97, 109, 0.05) 25%, transparent 25%, transparent 75%, rgba(249, 97, 109, 0.05) 75%, rgba(249, 97, 109, 0.05)), linear-gradient(-45deg, rgba(249, 97, 109, 0.05) 25%, transparent 25%, transparent 75%, rgba(249, 97, 109, 0.05) 75%, rgba(249, 97, 109, 0.05)); background-size: 5px 5px; position: relative;}
#con #mns3 .mnsp { box-sizing: border-box; width: 100%; max-width: 160px; padding: 5px 0; margin: 0 auto; position: relative;}
#con #mns3 .mnsp:nth-child(2n) { margin-right: 0;}
#con .mnset .mnsp #mn_talk { background-image: url(../img/mn_talk.png);}
#con .mnset #mnsp_talk .pnk { top: 38%; left: 42%;}
#con .mnset .mnsp #mn_interview { background-image: url(../img/mn_interview.png);}
#con .mnset #mnsp_interview .pnk { top: 38%; left: 14%;}
#con .mnset .mnsp #mn_present { background-image: url(../img/mn_present.png);}
#con .mnset #mnsp_present .pnk { top: 38%; left: 20%;}
#con .mnset .mnsp #mn_gallery { background-image: url(../img/mn_gallery.png);}
#con .mnset #mnsp_gallery .pnk { top: 4%; left: 67%;}
/*_mnset4*/
#con #mns4 li { width: 96.8%; margin: 0 0 7px 1.1%; padding: 0; text-align: center; border: 1px solid rgba(240, 132, 141, 1.0); color: rgba(201, 56, 68, 1.0); position: relative;}
#con #mns4 .mnsp { box-sizing: border-box; width: 100%; max-width: 220px; padding: 0; margin: 5px auto;}
#con #mns4 .mn { box-sizing: border-box; width: 100%; height: 0; padding-top: 20%; position: relative;}
#con #mns4 .mnp { box-sizing: border-box; width: 100%; height: 0; padding-top: 20%; position: absolute; top: 0; left: 0;}
#con .mnset .mnsp #mn_life { background-image: url(../img/mn_life.png);}
#con .mnset .mnsp #mn_app { background-image: url(../img/mn_app.png);}
/*off_mn*/
#con .con_intro .mnset #mnsp_intro { border: 1px solid rgba(200, 200, 200, 1.0);}
#con .con_intro .mnset #mnsp_intro a { cursor: default; pointer-events: none;}
#con .con_intro .mnset #mnsp_intro #mn_intro { filter: opacity(30%) saturate(0%); -webkit-filter: opacity(30%) saturate(0%); -moz-filter: opacity(30%) saturate(0%); -o-filter: opacity(30%) saturate(0%); -ms-filter: opacity(30%) saturate(0%);}
#con .con_intro .mnset #mnsp_intro .pnk { color: rgba(200, 200, 200, 1.0);}
#con .con_cast .mnset #mnsp_cast { border: 1px solid rgba(200, 200, 200, 1.0);}
#con .con_cast .mnset #mnsp_cast a { cursor: default; pointer-events: none;}
#con .con_cast .mnset #mnsp_cast #mn_cast { filter: opacity(30%) saturate(0%); -webkit-filter: opacity(30%) saturate(0%); -moz-filter: opacity(30%) saturate(0%); -o-filter: opacity(30%) saturate(0%); -ms-filter: opacity(30%) saturate(0%);}
#con .con_cast .mnset #mnsp_cast .pnk { color: rgba(200, 200, 200, 1.0);}
#con .con_staff .mnset #mnsp_staff { border: 1px solid rgba(200, 200, 200, 1.0);}
#con .con_staff .mnset #mnsp_staff a { cursor: default; pointer-events: none;}
#con .con_staff .mnset #mnsp_staff #mn_staff { filter: opacity(30%) saturate(0%); -webkit-filter: opacity(30%) saturate(0%); -moz-filter: opacity(30%) saturate(0%); -o-filter: opacity(30%) saturate(0%); -ms-filter: opacity(30%) saturate(0%);}
#con .con_staff .mnset #mnsp_staff .pnk { color: rgba(200, 200, 200, 1.0);}
#con .con_story .mnset #mnsp_story { border: 1px solid rgba(200, 200, 200, 1.0);}
#con .con_story .mnset #mnsp_story a { cursor: default; pointer-events: none;}
#con .con_story .mnset #mnsp_story #mn_story { filter: opacity(30%) saturate(0%); -webkit-filter: opacity(30%) saturate(0%); -moz-filter: opacity(30%) saturate(0%); -o-filter: opacity(30%) saturate(0%); -ms-filter: opacity(30%) saturate(0%);}
#con .con_story .mnset #mnsp_story .pnk { color: rgba(200, 200, 200, 1.0);}
#con .con_news .mnset #mnsp_news { border: 1px solid rgba(200, 200, 200, 1.0);}
#con .con_news .mnset #mnsp_news a { cursor: default; pointer-events: none;}
#con .con_news .mnset #mnsp_news #mn_news { filter: opacity(30%) saturate(0%); -webkit-filter: opacity(30%) saturate(0%); -moz-filter: opacity(30%) saturate(0%); -o-filter: opacity(30%) saturate(0%); -ms-filter: opacity(30%) saturate(0%);}
#con .con_news .mnset #mnsp_news .pnk { color: rgba(200, 200, 200, 1.0);}
#con .con_chart .mnset #mnsp_chart { border: 1px solid rgba(200, 200, 200, 1.0);}
#con .con_chart .mnset #mnsp_chart a { cursor: default; pointer-events: none;}
#con .con_chart .mnset #mnsp_chart #mn_chart { filter: opacity(30%) saturate(0%); -webkit-filter: opacity(30%) saturate(0%); -moz-filter: opacity(30%) saturate(0%); -o-filter: opacity(30%) saturate(0%); -ms-filter: opacity(30%) saturate(0%);}
#con .con_chart .mnset #mnsp_chart .pnk { color: rgba(200, 200, 200, 1.0);}
#con .con_report #mnsp_report { filter: opacity(30%) saturate(0%); -webkit-filter: opacity(30%) saturate(0%); -moz-filter: opacity(30%) saturate(0%); -o-filter: opacity(30%) saturate(0%); -ms-filter: opacity(30%) saturate(0%);}
#con .con_report #mnsp_report a { cursor: default; pointer-events: none;}
#con .con_bbs #mnsp_bbs { filter: opacity(30%) saturate(0%); -webkit-filter: opacity(30%) saturate(0%); -moz-filter: opacity(30%) saturate(0%); -o-filter: opacity(30%) saturate(0%); -ms-filter: opacity(30%) saturate(0%);}
#con .con_bbs #mnsp_bbs a { cursor: default; pointer-events: none;}
#con .con_interview #mnsp_interview { filter: opacity(30%) saturate(0%); -webkit-filter: opacity(30%) saturate(0%); -moz-filter: opacity(30%) saturate(0%); -o-filter: opacity(30%) saturate(0%); -ms-filter: opacity(30%) saturate(0%);}
#con .con_interview #mnsp_interview a { cursor: default; pointer-events: none;}
#con .con_talk #mnsp_talk { filter: opacity(30%) saturate(0%); -webkit-filter: opacity(30%) saturate(0%); -moz-filter: opacity(30%) saturate(0%); -o-filter: opacity(30%) saturate(0%); -ms-filter: opacity(30%) saturate(0%);}
#con .con_talk #mnsp_talk a { cursor: default; pointer-events: none;}
#con .con_present #mnsp_present { filter: opacity(30%) saturate(0%); -webkit-filter: opacity(30%) saturate(0%); -moz-filter: opacity(30%) saturate(0%); -o-filter: opacity(30%) saturate(0%); -ms-filter: opacity(30%) saturate(0%);}
#con .con_present #mnsp_present a { cursor: default; pointer-events: none;}
#con .con_gallery #mnsp_gallery { filter: opacity(30%) saturate(0%); -webkit-filter: opacity(30%) saturate(0%); -moz-filter: opacity(30%) saturate(0%); -o-filter: opacity(30%) saturate(0%); -ms-filter: opacity(30%) saturate(0%);}
#con .con_gallery #mnsp_gallery a { cursor: default; pointer-events: none;}
#con .con_app #mnsp_app { filter: opacity(30%) saturate(0%); -webkit-filter: opacity(30%) saturate(0%); -moz-filter: opacity(30%) saturate(0%); -o-filter: opacity(30%) saturate(0%); -ms-filter: opacity(30%) saturate(0%);}
#con .con_app #mnsp_app a { cursor: default; pointer-events: none;}
#con .con_life #mnsp_life { filter: opacity(30%) saturate(0%); -webkit-filter: opacity(30%) saturate(0%); -moz-filter: opacity(30%) saturate(0%); -o-filter: opacity(30%) saturate(0%); -ms-filter: opacity(30%) saturate(0%);}
#con .con_life #mnsp_life a { cursor: default; pointer-events: none;}
/*#con #mnsp_life { filter: opacity(30%) saturate(0%); -webkit-filter: opacity(30%) saturate(0%); -moz-filter: opacity(30%) saturate(0%); -o-filter: opacity(30%) saturate(0%); -ms-filter: opacity(30%) saturate(0%);}*/
/*contents*/
#con #section { width: 100%; margin: 10px 0 5px 0;}
#con #section #archive { width: 100%; background: rgba(237, 76, 89, 1.0);}
#con #section #archive .spc { box-sizing: border-box; width: 100%; height: 100%; display: block; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 2px inset; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 2px inset; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 2px inset; padding: 10px 0; line-height: 100%;}
#con #section h2 { width: 100%; background: rgba(237, 76, 89, 1.0);}
#con #section h2 .spc { box-sizing: border-box; width: 100%; height: 100%; display: block; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px inset; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px inset; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px inset; padding: 10px 0; line-height: 100%;}
#con #section h2 .spc .ctitle { width: 180px; height: 19.8px; display: block; margin: 0 auto; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#con #section h2 .spc #m_intro { background-image: url(../img/title_intro.png);}
#con #section h2 .spc #m_cast { background-image: url(../img/title_cast.png);}
#con #section h2 .spc #m_staff { background-image: url(../img/title_staff.png);}
#con #section h2 .spc #m_story { background-image: url(../img/title_story.png);}
#con #section h2 .spc #m_chart { background-image: url(../img/title_chart.png);}
#con #section h2 .spc #m_news { background-image: url(../img/title_news.png);}
#con #section h2 .spc #m_report { background-image: url(../img/title_report.png);}
#con #section h2 .spc #m_bbs { background-image: url(../img/title_bbs.png);}
#con #section h2 .spc #m_interview { background-image: url(../img/title_interview.png);}
#con #section h2 .spc #m_talk { background-image: url(../img/title_talk.png);}
#con #section h2 .spc #m_gallery { background-image: url(../img/title_gallery.png);}
#con #section h2 .spc #m_present { background-image: url(../img/title_present-indw.png);}
#con #section h2 .spc #m_app { background-image: url(../img/title_app-w.png);}
#con #section h2 .spc .sbtxt { font-size: 88%; color: rgba(255, 255, 255, 0.8); letter-spacing: 0.1em;}
#con #section .nkm { box-sizing: border-box; width: 100%; background: rgba(248, 247, 245, 1.0); border: 3px solid rgba(255, 255, 255, 1.0); border-top: 5px solid rgba(255, 255, 255, 1.0); border-bottom: 4px solid rgba(255, 255, 255, 1.0); font-size: 120%;}
#con table { width: 100%; border: 0; margin: 30px auto 10px auto; letter-spacing: 0.1em;}
#con th { font-family: 'Century'; width: 49%; text-align: right; padding-right: 10px;}
#con td { width: 50%; text-align: left; padding-left: 10px; font-size: 110%; color: rgba(0, 0, 0, 1.0);}
#con .naka { width: 1%; text-align: center; padding: 1px 0 0 0; color: rgba(0, 0, 0, 0.5); font-size: 90%;}
#con .nnt { width: 100%; text-align: center;}
#con .catchtxt { box-sizing: border-box; width: 100%; padding: 20px 5px; line-height: 180%; text-align: center; font-size: 100%; font-weight: bold;}
#con .hbtxt { box-sizing: border-box; width: 100%; padding: 5px; line-height: 180%; text-align: left; font-size: 80%; background: rgba(255, 255, 255, 1.0);}
#con #section .nkm p { padding: 5px 10px; line-height: 170%;}
#con .waku { width: 96%; margin: 5px auto;}
#con .waku .mds { font-size: 110%; font-weight: bold; color: rgba(237, 76, 89, 1.0); letter-spacing: 0.1em; border-bottom: 1px solid rgba(237, 76, 89, 1.0);}
#con .naiyo { padding: 10px 5px;}
#con .daytxt { font-size: 106%; font-weight: bold; line-height: 140%; color: rgba(0, 0, 0, 0.6); padding-top: 10px;}
#con .prgram, #con .prgram0 { font-size: 110%;}
#con .prgram dt, #con .prgram0 dt { font-weight: bold; font-size: 106%;}
#con .prgram dd, #con .prgram0 dd { font-size: 90%; padding-right: 0; margin-right: 0;}
#con .prgram dd p, #con .prgram0 dd p { color: rgba(0, 0, 0, 1.0); font-size: 110%; padding-right: 0; margin-right: 0;}
#con .prgram { border-bottom: 1px dotted rgba(200, 200, 200, 1.0);}
#con .prgram:last-child { border-bottom: 0;}
#con .banseninfo { font-size: 94%; line-height: 140%; border-top: 1px dotted rgba(200, 200, 200, 1.0); color: rgba(0, 0, 0, 0.8); padding: 10px;}
/*APP*/
.con_app #section .nkm { border-bottom: 0; padding: 0;}
.con_app #section .hbtxt { width: 98%; margin: 5px auto; border: 1px solid rgba(240, 132, 141, 0.1); padding: 10px;}
.con_app #section .hbtxt .appimgall { width: 90%; max-width: 320px; margin: 5px auto; display: none;}
.con_app #section .hbtxt .appimgsp { width: 100%; height: 0; padding-top: 150%; position: relative;}
.con_app #section .hbtxt .appimgp { width: 100%; height: 0; padding-top: 150%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.con_app #section .hbtxt #appdlset { width: 100%; max-width: 600px; margin: 10px auto; padding: 0 0 5px 0; border: 1px solid rgba(240, 132, 141, 0.7);}
.con_app #section .hbtxt .tokosp { margin: 0 auto 5px auto;}
.con_app #section .hbtxt .tokosp .toko .btntxt { font-size: 120%; letter-spacing: 0.2em; width: 100%; position: absolute; top: 20px; left: 0; text-align: center;}
.con_app #section .hbtxt .dlsp { padding: 10px 0; border-bottom: 1px dotted rgba(240, 132, 141, 0.5);}
.con_app #section .hbtxt .infotxt { padding-top: 5px;}
/*PRESENT*/
.con_present #section .nkm { border-bottom: 0; padding: 0;}
.con_present #section .hbtxt { width: 98%; margin: 0 auto 5px auto; border: 1px solid rgba(240, 132, 141, 0.1); padding: 10px;}
.con_present #section .hbtxt .quiztxt { box-sizing: border-box; width: 98%; margin: 10px auto; background: rgba(248, 247, 245, 1.0); padding: 10px;}
.con_present #section .hbtxt .quiztxt .udl { border-bottom: 2px dotted rgba(200, 200, 200, 1.0);}
.con_present #section .hbtxt .quiztxt dd { padding: 10px; background: rgba(255, 255, 255, 1.0); line-height: 140%; font-size: 120%;}
.con_present #section .hbtxt .oubobtn { padding: 20px 0 0 0;}
.con_present #section .hbtxt .ouboset { padding: 12px 0 15px 0; letter-spacing: 0.1em; text-align: center; line-height: 160%;}
.con_present #section .hbtxt .ouboinfo { padding: 0 5px 15px 5px; letter-spacing: 0.1em; font-size: 85%; line-height: 140%; color: rgba(0, 0, 0, 0.8);}
.con_present #archive ul { text-align: center; margin: 0 auto;}
.con_present #archive ul:before, #archive ul:after { content: ""; display: table;}
.con_present #archive ul:after { clear: both;}
.con_present #archive li { width: 8.5%; float: left; margin-left: 1.3%; font-size: 90%; font-weight: bold;}
.con_present #archive li div { width: 100%; height: 0; padding-top: 100%; position: relative;}
.con_present #archive li a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background: rgba(255, 255, 255, 1.0);}
.con_present #archive li a:hover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background: rgba(255, 255, 255, 0.5);}
.con_present #archive li .litxt { display: block; margin: 8px;}
/*TALK*/
.con_talk .kimura_txt { color: rgba(38, 64, 147, 1.0); font-weight: bold;}
.con_talk .other_txt { color: rgba(132, 0, 59, 1.0); font-weight: bold;}
.con_talk .kimura_udl { border-bottom: 2px dotted rgba(38, 64, 147, 0.1); color: rgba(18, 39, 104, 1.0);}
.con_talk .other_udl { border-bottom: 2px dotted rgba(132, 0, 59, 0.1); color: rgba(85, 0, 38, 1.0);}
.con_talk #section .nkm { border-bottom: 0; padding: 0 0 5px 0;}
.con_talk #section .hbtxt { width: 98%; margin: 0 auto 5px auto; border: 1px solid rgba(240, 132, 141, 0.1); padding: 0;}
.con_talk #section .hbtxt dt { box-sizing: border-box; width: 100%; color: rgba(201, 56, 68, 1.0); background-color: rgba(240, 132, 141, 0.05); background-image: linear-gradient(45deg, rgba(249, 97, 109, 0.05) 25%, transparent 25%, transparent 75%, rgba(249, 97, 109, 0.05) 75%, rgba(249, 97, 109, 0.05)), linear-gradient(-45deg, rgba(249, 97, 109, 0.05) 25%, transparent 25%, transparent 75%, rgba(249, 97, 109, 0.05) 75%, rgba(249, 97, 109, 0.05)); background-size: 5px 5px; padding: 5px 10px; font-size: 98%; font-weight: bold; letter-spacing: 0.1em;}
.con_talk #section .hbtxt dd { padding: 10px 5px;}
.con_talk #section .hbtxt dd p { padding-bottom: 10px;}
.con_talk .siimgall { width: 90%; max-width: 360px; margin: 5px auto; display: none;}
.con_talk .siimgsp { width: 100%; height: 0; padding-top: 66.66666666666666667%; position: relative; border: 1px solid rgba(200, 200, 200, 0.5);}
.con_talk .siimgp { width: 100%; height: 0; padding-top: 66.66666666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.con_talk #archive .spc h3 { font-size: 90%; letter-spacing: 0.1em; color: rgba(255, 255, 255, 1.0); text-align: left; padding-left: 10px; position: relative;}
.con_talk #archive .spc ul { width: 96%; margin: 10px auto; font-size: 80%; color: rgba(255, 255, 255, 1.0); border-bottom: 2px dotted rgba(255, 255, 255, 0.2);}
.con_talk #archive .spc ul:last-child { border-bottom: 0;}
.con_talk #archive .spc ul:before, .con_talk #archive .spc ul:after, .con_talk #archive .spc li:before, .con_talk #archive .spc li:after { content: ""; display: table;}
.con_talk #archive .spc ul:after, .con_talk #archive .spc li:after { clear: both;}
.con_talk #archive .spc li { width: 96.5%; margin: 0 0 5px 1.5%; text-align: center;}
.con_talk #archive .spc li .nbt { font-size: 90%; font-weight: bold;}
.con_talk #archive .spc li .stitletxt { float: left; display: block; font-size: 102%; letter-spacing: 0.1em; font-weight: bold;}
.con_talk #archive .spc .lnkonsp { text-align: center; letter-spacing: 0.2em; padding: 10px 0; background: rgba(255, 244, 244, 0.3); margin-bottom: 5px;}
.con_talk #archive .spc .lnkonsp a { width: 100%; display: block; color: rgba(255, 255, 255, 1.0);}
.con_talk #archive .spc .lnkonsp a:hover { color: rgba(0, 0, 0, 1.0);}
.con_talk #archive .spc .lnkoffsp { text-align: center; letter-spacing: 0.2em; padding: 10px 0; background: rgba(50, 50, 50, 0.1); margin-bottom: 5px;}
.con_talk #archive .spc .lnkoffsp a { width: 100%; display: block; color: rgba(50, 50, 50, 0.9); cursor: default; pointer-events: none;}
.con_talk #archive .spc .lnkoffsp a:hover { cursor: default; pointer-events: none;}
.con_talk #archive .spc li:last-child { margin-bottom: 0;}
/*INTERVIEW*/
.con_interview #section .nkm { border-bottom: 0; padding: 0 0 5px 0;}
.con_interview #section .hbtxt { width: 98%; margin: 0 auto 5px auto; border: 1px solid rgba(240, 132, 141, 0.1); padding: 0;}
.con_interview #section .hbtxt dt { box-sizing: border-box; width: 100%; color: rgba(201, 56, 68, 1.0); background-color: rgba(240, 132, 141, 0.05); background-image: linear-gradient(45deg, rgba(249, 97, 109, 0.05) 25%, transparent 25%, transparent 75%, rgba(249, 97, 109, 0.05) 75%, rgba(249, 97, 109, 0.05)), linear-gradient(-45deg, rgba(249, 97, 109, 0.05) 25%, transparent 25%, transparent 75%, rgba(249, 97, 109, 0.05) 75%, rgba(249, 97, 109, 0.05)); background-size: 5px 5px; padding: 5px 10px; font-size: 98%; font-weight: bold; letter-spacing: 0.1em;}
.con_interview #section .hbtxt dd { padding: 10px 5px;}
.con_interview #section .hbtxt dd p { padding-bottom: 10px;}
.con_interview .siimgall { width: 90%; max-width: 360px; margin: 5px auto; display: none;}
.con_interview .siimgsp { width: 100%; height: 0; padding-top: 66.66666666666666667%; position: relative; border: 1px solid rgba(200, 200, 200, 0.5);}
.con_interview .siimgp { width: 100%; height: 0; padding-top: 66.66666666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.con_interview #archive .spc h3 { font-size: 90%; letter-spacing: 0.1em; color: rgba(255, 255, 255, 1.0); text-align: left; padding-left: 10px; position: relative;}
.con_interview #archive .spc ul { width: 96%; margin: 10px auto; font-size: 80%; color: rgba(255, 255, 255, 1.0); border-bottom: 2px dotted rgba(255, 255, 255, 0.2);}
.con_interview #archive .spc ul:last-child { border-bottom: 0;}
.con_interview #archive .spc ul:before, .con_interview #archive .spc ul:after, .con_interview #archive .spc li:before, .con_interview #archive .spc li:after { content: ""; display: table;}
.con_interview #archive .spc ul:after, .con_interview #archive .spc li:after { clear: both;}
.con_interview #archive .spc li { width: 96.5%; margin: 0 0 5px 1.5%; text-align: center;}
.con_interview #archive .spc li .nbt { font-size: 90%; font-weight: bold;}
.con_interview #archive .spc li .stitletxt { font-size: 102%; letter-spacing: 0.1em; font-weight: bold;}
.con_interview #archive .spc .lnkonsp { text-align: center; letter-spacing: 0.2em; padding: 10px 0; background: rgba(255, 244, 244, 0.3); margin-bottom: 5px;}
.con_interview #archive .spc .lnkonsp a { color: rgba(255, 255, 255, 1.0);}
.con_interview #archive .spc .lnkonsp a:hover { color: rgba(0, 0, 0, 1.0);}
.con_interview #archive .spc .lnkoffsp { text-align: left; letter-spacing: 0.2em; padding: 10px 0; background: rgba(50, 50, 50, 0.1); margin-bottom: 5px;}
.con_interview #archive .spc .lnkoffsp a { color: rgba(50, 50, 50, 0.9); cursor: default; pointer-events: none;}
.con_interview #archive .spc .lnkoffsp a:hover { cursor: default; pointer-events: none;}
.con_interview #archive .spc li:last-child { margin-bottom: 0;}
/*NEWS*/
.con_news #section .nkm { border-bottom: 2px solid rgba(200, 200, 200, 0.5);}
.con_news #section .nkm p, .con_news #section .nkm .ptxt { padding: 5px;}
.con_news #section .nkm .tplblue { border-top: 2px dotted rgba(217, 238, 255, 0.8); padding-top: 15px;}
.con_news #section .nkm .btl { border-bottom: 1px solid rgba(217, 238, 255, 0.6); padding-bottom: 2px;}
.con_news #section .nkm .kkm_cmnt { margin: 0; padding: 10px 15px; border: 2px solid rgba(217, 238, 255, 0.8);}
.con_news #section .nkm .kkm { margin: 7px 0; padding: 10px; border: 1px solid rgba(200, 180, 180, 1.0);}
.con_news #section .nkm .kkm .nkmtxt { padding: 10px 10px 0 10px; border-top: 1px dotted rgba(200, 180, 180, 0.8); line-height: 140%;}
.con_news .youtube { width: 90%; max-width: 480px; margin: 10px auto 5px auto;}
.con_news .youtube .youtubesp { width: 100%; height: 0; padding-top: 56.25%; position: relative; border: 1px solid rgba(0, 0, 0, 0.5);}
.con_news .youtube .youtubesp iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px;}
.con_news .youtube .youtubesp .youtubenojs { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 1.0);}
.con_news .youtube .youtubesp .youtubenojs .youtubenojstxt { width: 100%; text-align: center; color: rgba(0, 0, 0, 1.0); letter-spacing: 0.1em; position: absolute; top: 42%; left: 0;}
.con_news .imgall_yoko { width: 90%; max-width: 480px; margin: 10px auto 5px auto;}
.con_news .imgall_yoko .imgsp { width: 100%; height: 0; padding-top: 66.66666666666667%; position: relative;}
.con_news .imgall_yoko .imgp { width: 100%; height: 0; padding-top: 66.66666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.con_news .imgall_tate { width: 75%; max-width: 320px; margin: 10px auto 5px auto;}
.con_news .imgall_tate .imgsp { width: 100%; height: 0; padding-top: 150%; position: relative;}
.con_news .imgall_tate .imgp { width: 100%; height: 0; padding-top: 150%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.con_news .imgall_mskk { width: 80%; max-width: 360px; margin: 10px auto 5px auto;}
.con_news .imgall_mskk .imgsp { width: 100%; height: 0; padding-top: 100%; position: relative;}
.con_news .imgall_mskk .imgp { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.con_news .imgall { display: none;}
/*INTRO*/
.con_intro .imgsp { width: 90%; margin: 0 auto;}
.con_intro .imgsp:before, .con_intro .imgsp:after { content: ""; display: table;}
.con_intro .imgsp:after { clear: both;}
.con_intro .mawaru:before, .con_intro .mawaru:after { content: ""; display: table;}
.con_intro .mawaru:after { clear: both;}
.con_intro #imgsp0 { width: 100%; max-width: 480px; margin: 0 auto 10px auto;}
.con_intro #imgsp0 .ppp { width: 100%;display: none;}
.con_intro .mawaru { margin: 10px 0;}
.con_intro .mawaru .imgsp { width: 48%; margin: 0;}
.con_intro .imgsp { width: 100%; margin: 0;}
.con_intro .imgsp .ppp { width: 100%; margin: 0; display: none;}
.con_intro .imgall { width: 100%; height: 0; padding-top: 66.66666666666666667%; position: relative; margin: 0; border: 1px solid rgba(200, 200, 200, 0.5);}
.con_intro .imgp { width: 100%; height: 0; padding-top: 66.66666666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.con_intro #imgsp1 { margin: 1%; float: left;}
.con_intro #imgsp2 { margin: 1%; float: right;}
.con_intro #imgsp3 { margin: 1%; float: left;}
.con_intro #imgsp4 { margin: 1%; float: right;}
.con_intro #imgsp5 { margin: 1%; float: left;}
.con_intro #imgsp6 { margin: 1%; float: right;}
.con_intro .cmmt { margin: 0 auto; font-size: 90%;}
.con_intro .cmmt dt { padding: 5px 0 0 0; color: rgba(89, 0, 0, 1.0);}
.con_intro .cmmt dd { margin: 1px 3px 3px 3px; padding: 10px; background: rgba(255, 255, 255, 1.0); text-align: left; font-size: 90%; line-height: 140%; color: rgba(141, 0, 0, 1.0); border: 1px solid rgba(89, 0, 0, 0.2);}
.con_intro .cmmt { padding-bottom: 5px; border-bottom: 1px dotted rgba(89, 0, 0, 0.2);}
.con_intro .cmmt:last-child { padding-bottom: 0; border-bottom: 0;}
.con_intro .cmmtlnk:before, .con_intro .cmmtlnk:after { content: ""; display: table;}
.con_intro .cmmtlnk:after { clear: both;}
.con_intro .cmmtlnk .lnk { box-sizing: border-box; width: 50%; float: left; font-size: 75%; line-height: 120%; text-align: center;}
.con_intro .cmmtlnk .lnk:last-child { border-left: 1px dotted rgba(89, 0, 0, 0.2);}
.con_intro .cmmtlnk .lnk a { width: 100% height: 100%; display: block; padding: 10px 1% 5px 1%; background: rgba(255, 255, 255, 1.0);}
/*STORY*/
.con_story .onair { padding-bottom: 10px;}
.con_story .youtube { width: 90%; max-width: 480px; margin: 10px auto 5px auto;}
.con_story .youtube .youtubesp { width: 100%; height: 0; padding-top: 56.25%; position: relative; border: 1px solid rgba(0, 0, 0, 0.5);}
.con_story .youtube .youtubesp iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px;}
.con_story .youtube .youtubesp .youtubenojs { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 1.0);}
.con_story .youtube .youtubesp .youtubenojs .youtubenojstxt { width: 100%; text-align: center; color: rgba(0, 0, 0, 1.0); letter-spacing: 0.1em; position: absolute; top: 42%; left: 0;}
.con_story .youtube .youtubesp0 { width: 100%; height: 0; padding-top: 66.66666666666666667%; position: relative; border: 1px solid rgba(0, 0, 0, 0.2);}
.con_story .youtube .youtubesp0 .mainimg { width: 100%; height: 0; padding-top: 66.66666666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
.con_story #archive ul { text-align: center; margin: 0 auto;}
.con_story #archive ul:before, .con_story #archive ul:after { content: ""; display: table;}
.con_story #archive ul:after { clear: both;}
.con_story #archive li { width: 8.5%; float: left; margin-left: 1.3%; font-size: 90%; font-weight: bold;}
.con_story #archive li div { width: 100%; height: 0; padding-top: 100%; position: relative;}
.con_story #archive li a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background: rgba(255, 255, 255, 1.0);}
.con_story #archive li a:hover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background: rgba(255, 255, 255, 0.5);}
.con_story #archive li .litxt { display: block; margin: 8px;}
.con_story .hbtxt { padding-top: 20px;}
.con_story .imgsp { width: 90%; margin: 0 auto;}
.con_story .imgsp:before, .con_story .imgsp:after { content: ""; display: table;}
.con_story .imgsp:after { clear: both;}
.con_story .ppp { width: 100%; max-width: 360px; margin: 0 auto; display: none;}
.con_story .imgall { width: 100%; height: 0; padding-top: 66.66666666666666667%; position: relative; margin: 10px auto;}
.con_story .imgp { width: 100%; height: 0; padding-top: 66.66666666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.con_story #imgsp2pc { display: none;}
/*GALLERY*/
.con_gallery #archive ul { text-align: center; margin: 0 auto;}
.con_gallery #archive ul:before, .con_gallery #archive ul:after { content: ""; display: table;}
.con_gallery #archive ul:after { clear: both;}
.con_gallery #archive li { width: 8.5%; float: left; margin-left: 1.3%; font-size: 90%; font-weight: bold;}
.con_gallery #archive li div { width: 100%; height: 0; padding-top: 100%; position: relative;}
.con_gallery #archive li a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background: rgba(255, 255, 255, 1.0);}
.con_gallery #archive li a:hover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background: rgba(255, 255, 255, 0.5);}
.con_gallery #archive li .litxt { display: block; margin: 8px;}
/*CHART*/
.con_chart #section .nkm .btm { width: 100%;}
.con_chart #section .nkm .btm .btmsp { width: 100%; height: 0; padding-top: 50%; position: relative;}
.con_chart #section .nkm .btm .btmsp .btmp { width: 100%; height: 0; padding-top: 50%; position: absolute; bottom: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
.con_chart #section .nkm table { display: none;}
.con_chart #section .nkm .chartall { width: 96%; max-width: 860px; margin: 0 auto;}
.con_chart #section .nkm .chartall .chartsp { width: 100%; height: 0; padding-top: 100%; position: relative; margin: 10px auto;}
.con_chart #section .nkm .chartall .chartsp .chartp { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
.con_chart #section .nkm .chartall .mpsp { width: 18.6046%;}
.con_chart #section .nkm .chartall .spsp { width: 13.953488%;}
.con_chart #section .nkm .chartall .cpsp { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0;}
.con_chart #section .nkm .chartall .cpsp a { width: 100%; height: 100%; dpslay: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0);}
.con_chart #section .nkm .chartall .cpsp a:hover { background: rgba(255, 255, 255, 0.3);}
.con_chart #section .nkm .chartall #kazuaki { position: absolute; top: 25.5813953%; left: 39.53489%;}
.con_chart #section .nkm .chartall #mifuyu { position: absolute; top: 2.3255813%; left: 65.116279%;}
.con_chart #section .nkm .chartall #masao { position: absolute; top: 2.3255813%; left: 13.953488%;}
.con_chart #section .nkm .chartall #minori { position: absolute; top: 54.651162%; left: 4.65116279%;}
.con_chart #section .nkm .chartall #keigo { position: absolute; top: 54.651162%; left: 25.581395%;}
.con_chart #section .nkm .chartall #souta { position: absolute; top: 54.651162%; left: 47.67441860%;}
.con_chart #section .nkm .chartall #yuki { position: absolute; top: 54.651162%; left: 76.744186%;}
.con_chart #section .nkm .chartall #toranosuke { position: absolute; top: 25.5813953%; left: 83.7209302325%;}
.con_chart #section .nkm .chartall #takayuki { position: absolute; top: 80.4651162%; left: 68.37209302%;}
.con_chart #section .nkm .chartall #isshin { position: absolute; top: 25.5813953%; left: 2.3255813%;}
/*CAST*/
.con_cast #section { padding-bottom: 0;}
.con_cast #section .nkm .btm { width: 100%;}
.con_cast #section .nkm .btm .btmsp { width: 100%; height: 0; padding-top: 50%; position: relative;}
.con_cast #section .nkm .btm .btmsp .btmp { width: 100%; height: 0; padding-top: 50%; position: absolute; bottom: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
.con_cast #section .nkm table { display: none;}
.con_cast #section .nkm .castall { width: 100%; max-width: 440px; margin: 0 auto;}
.con_cast #section .nkm .castall .castsp { width: 100%; height: 0; padding-top: 150%; position: relative; margin: 10px auto;}
.con_cast #section .nkm .castall .castsp .castp { width: 100%; height: 0; padding-top: 150%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/cast.jpg);}
/*STAFF*/
.con_staff #section { padding-bottom: 0;}
.con_staff #section .nkm .btm { width: 100%;}
.con_staff #section .nkm .btm .btmsp { width: 100%; height: 0; padding-top: 50%; position: relative;}
.con_staff #section .nkm .btm .btmsp .btmp { width: 100%; height: 0; padding-top: 50%; position: absolute; bottom: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
.con_staff th { vertical-align: top;}
.con_staff .naka { vertical-align: top;}
/*LIFE*/
.con_life #section { padding-bottom: 0;}
.con_life .nkm { background: rgba(255, 255, 255, 1.0);}
.con_life .nkm .infotxt0 { font-size: 75%; text-align: left; padding: 10px; box-sizing: border-box; width: 90%; margin: 10px auto; background: rgba(255, 255, 255, 1.0); border: 1px dotted rgba(204, 0, 0, 0.3);}
.con_life .nkm .infotxt0:before, .con_life .nkm .infotxt0:after { content: ""; display: table;}
.con_life .nkm .infotxt0:after { clear: both;}
.con_life .nkm .infotxt0 .info { line-height: 140%; font-size: 94%;}
.con_life .nkm .infotxt0 .info0 { line-height: 140%; font-size: 94%; text-align: center;}
.con_life #section .nkm .ifmsp { width: 100%; margin: 0 auto; background: rgba(255, 255, 255, 1.0);}
.con_life #section .nkm .ifmsp0 { width: 94%; margin: 0 auto;}
.con_life #tokosp { width: 50%; max-width: 200px; height: 50px; margin: 10px auto 15px auto;}
.con_life #tokosp #toko { width: 100%; height: 100%; position: relative; box-shadow: rgba(100, 100, 100, 0.1) 0px 0px 5px 2px; -webkit-box-shadow: rgba(100, 100, 100, 0.1) 0px 0px 5px 2px; -moz-box-shadow: rgba(100, 100, 100, 0.1) 0px 0px 5px 2px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: rgb(252,214,214); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZDZkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZjZDZkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmYjViNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjhlOGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(252,214,214,1) 0%, rgba(252,214,214,1) 50%, rgba(255,181,181,1) 50%, rgba(255,142,142,1) 100%); background: -webkit-linear-gradient(top, rgba(252,214,214,1) 0%,rgba(252,214,214,1) 50%,rgba(255,181,181,1) 50%,rgba(255,142,142,1) 100%); background: linear-gradient(to bottom, rgba(252,214,214,1) 0%,rgba(252,214,214,1) 50%,rgba(255,181,181,1) 50%,rgba(255,142,142,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd6d6', endColorstr='#ff8e8e',GradientType=0 );}
.con_life #tokosp #toko a { font-weight: bold; color: rgba(182, 27, 45, 1.0);}
.con_life #tokosp #toko .btntxt { font-size: 110%; width: 100%; position: absolute; top: 25%; left: 0; text-align: center;}
.con_life .iimgall { width: 100%; margin: 0 auto; background: rgba(255, 255, 255, 1.0);}
.con_life .iimgsp { width: 100%; height: 0; padding-top: 35%; position: relative;}
.con_life .iimgp { width: 100%; height: 0; padding-top: 35%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
.con_life iframe { border: 0; margin:0; padding: 0; width: 100%; margin-bottom: -10px;}
.con_life #archive .spc ul:last-child { border-bottom: 0;}
.con_life #archive .spc ul:before, .con_life #archive .spc ul:after, .con_life #archive .spc li:before, .con_life #archive .spc li:after { content: ""; display: table;}
.con_life #archive .spc ul:after, .con_life #archive .spc li:after { clear: both;}
.con_life #archive .spc li { width: 45%; float: left; margin: 2px 0 3px 1%; text-align: center;}
.con_life #archive .spc li a { display: block;}
.con_life #archive .spc .lnkonsp { letter-spacing: 0.2em; padding: 5px; background: rgba(255, 244, 244, 0.3); margin-bottom: 2px;}
.con_life #archive .spc .lnkonsp a { color: rgba(255, 255, 255, 1.0); padding: 5px 0;}
.con_life #archive .spc .lnkonsp a .hdkt { color: rgba(255, 234, 234, 1.0);}
.con_life #archive .spc .lnkonsp a:hover, .con_life #archive .spc .lnkonsp a:hover .hdkt { color: rgba(0, 0, 0, 1.0);}
.con_life #archive .spc .lnkoffsp { letter-spacing: 0.2em; padding: 5px; background: rgba(50, 50, 50, 0.1); margin-bottom: 2px;}
.con_life #archive .spc .lnkoffsp a { color: rgba(50, 50, 50, 0.9); cursor: default; pointer-events: none; padding: 5px 0;}
.con_life #archive .spc .lnkoffsp a .hdkt { color: rgba(50, 50, 50, 0.9); cursor: default; pointer-events: none;}
.con_life #archive .spc .lnkoffsp a:hover, .con_life #archive .spc .lnkonsp a:hover .hdkt { cursor: default; pointer-events: none;}
/*BBS*/
.con_bbs iframe { border: 0; margin:0; padding: 0; width: 100%;}
.con_bbs .infotxt { box-sizing: border-box; width: 92%; margin: 10px auto; border: 2px dotted rgba(240, 132, 141, 1.0); padding: 5px 10px 10px 10px;}
.con_bbs .infotxt dt { font-weight: bold; letter-spacing: 0.1em;}
.con_bbs .infotxt dd { text-align: left; line-height: 150%; font-size: 83%;}
.con_bbs .infotxt0 { box-sizing: border-box; width: 100%; margin: 10px auto; border: 2px dotted rgba(240, 132, 141, 1.0); padding: 10px 10px 10px 10px; background: rgba(255, 255, 255, 1.0); text-align: left; line-height: 150%; font-size: 83%;}
.con_bbs #archive .spc ul:last-child { border-bottom: 0;}
.con_bbs #archive .spc ul:before, .con_bbs #archive .spc ul:after, .con_bbs #archive .spc li:before, .con_bbs #archive .spc li:after { content: ""; display: table;}
.con_bbs #archive .spc ul:after, .con_bbs #archive .spc li:after { clear: both;}
.con_bbs #archive .spc li { width: 45%; float: left; margin: 2px 0 3px 1%; text-align: center;}
.con_bbs #archive .spc li a { display: block;}
.con_bbs #archive .spc .lnkonsp { letter-spacing: 0.2em; padding: 5px; background: rgba(255, 244, 244, 0.3); margin-bottom: 2px;}
.con_bbs #archive .spc .lnkonsp a { color: rgba(255, 255, 255, 1.0); padding: 5px 0;}
.con_bbs #archive .spc .lnkonsp a .hdkt { color: rgba(255, 234, 234, 1.0);}
.con_bbs #archive .spc .lnkonsp a:hover, .con_report #archive .spc .lnkonsp a:hover .hdkt { color: rgba(0, 0, 0, 1.0);}
.con_bbs #archive .spc .lnkoffsp { letter-spacing: 0.2em; padding: 5px; background: rgba(50, 50, 50, 0.1); margin-bottom: 2px;}
.con_bbs #archive .spc .lnkoffsp a { color: rgba(50, 50, 50, 0.9); cursor: default; pointer-events: none; padding: 5px 0;}
.con_bbs #archive .spc .lnkoffsp a .hdkt { color: rgba(50, 50, 50, 0.9); cursor: default; pointer-events: none;}
.con_bbs #archive .spc .lnkoffsp a:hover, .con_bbs #archive .spc .lnkonsp a:hover .hdkt { cursor: default; pointer-events: none;}
/*REPORT*/
.con_report #section .nkm { border-bottom: 0; padding-bottom: 5px;}
.con_report #section .hbtxt { width: 98%; margin: 0 auto; border: 1px solid rgba(240, 132, 141, 0.1);}
.con_report #section .mds { width: 98%; margin: 4px auto 0 auto; color: rgba(201, 56, 68, 1.0); border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; background-color: rgba(240, 132, 141, 0.1); background-image: linear-gradient(45deg, rgba(249, 97, 109, 0.1) 25%, transparent 25%, transparent 75%, rgba(249, 97, 109, 0.1) 75%, rgba(249, 97, 109, 0.1)), linear-gradient(-45deg, rgba(249, 97, 109, 0.1) 25%, transparent 25%, transparent 75%, rgba(249, 97, 109, 0.1) 75%, rgba(249, 97, 109, 0.1)); background-size: 5px 5px; padding: 8px 0; font-size: 90%; line-height: 130%; font-weight: bold; letter-spacing: 0.3em;}
.con_report .rphtall_yoko { width: 100%; max-width: 480px; margin: 10px auto 5px auto; display: none;}
.con_report .rphtall_yoko .rphtsp { width: 100%; height: 0; padding-top: 66.66666666666666667%; position: relative;}
.con_report .rphtall_yoko .rphtsp .rpht { width: 100%; height: 0; padding-top: 66.66666666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.con_report .rphtall_tate { width: 85%; max-width: 320px; margin: 10px auto 5px auto; display: none;}
.con_report .rphtall_tate .rphtsp { width: 100%; height: 0; padding-top: 150%; position: relative;}
.con_report .rphtall_tate .rphtsp .rpht { width: 100%; height: 0; padding-top: 150%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.con_report .imgall_mskk { width: 90%; max-width: 360px; margin: 10px auto 5px auto; display: none;}
.con_report .imgall_mskk .rphtsp { width: 100%; height: 0; padding-top: 100%; position: relative;}
.con_report .imgall_mskk .rphtsp .rpht { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.con_report #archive .spc h3 { font-size: 90%; letter-spacing: 0.1em; color: rgba(255, 255, 255, 1.0); text-align: left; padding-left: 10px; position: relative;}
.con_report #archive .spc ul { width: 96%; margin: 10px auto; font-size: 80%; color: rgba(255, 255, 255, 1.0); border-bottom: 2px dotted rgba(255, 255, 255, 0.2);}
.con_report #archive .spc ul:last-child { border-bottom: 0;}
.con_report #archive .spc ul:before, .con_report #archive .spc ul:after, .con_report #archive .spc li:before, .con_report #archive .spc li:after { content: ""; display: table;}
.con_report #archive .spc ul:after, .con_report #archive .spc li:after { clear: both;}
.con_report #archive .spc li .nbt { width: 9%; float: left; display: block; font-size: 90%; font-weight: bold;}
.con_report #archive .spc li .hdkt { width: 90%; float: left; display: block; font-size: 90%; letter-spacing: 0.1em; font-weight: bold;}
.con_report #archive .spc li .stitletxt { width: 90%; float: left; margin-left: 9%; display: block; font-size: 102%;}
.con_report #archive .spc .lnkonsp { text-align: left; letter-spacing: 0.1em; padding: 5px; background: rgba(255, 244, 244, 0.3); margin-bottom: 2px;}
.con_report #archive .spc .lnkonsp a { color: rgba(255, 255, 255, 1.0);}
.con_report #archive .spc .lnkonsp a:hover { color: rgba(0, 0, 0, 1.0);}
.con_report #archive .spc .lnkoffsp { text-align: left; letter-spacing: 0.1em; padding: 5px; background: rgba(50, 50, 50, 0.1); margin-bottom: 2px;}
.con_report #archive .spc .lnkoffsp a { color: rgba(50, 50, 50, 0.9); cursor: default; pointer-events: none;}
.con_report #archive .spc .lnkoffsp a:hover { cursor: default; pointer-events: none;}
.con_report #archive #pastlist { position: relative;}
.con_report #archive .spc input { display: none;}
.con_report #archive .spc label { font-size: 80%; position: absolute; top: 0; right: 10px; font-family: 'arial narrow'; font-weight: bold; letter-spacing: 0.05em; color: rgba(121, 0, 0, 1.0);}
.con_report #archive .spc label::after { position: absolute; top: 55%; right: 1px; display: block; content: ''; width: 4px; height: 4px; margin-top: -5px; border-top: 2px solid rgba(121, 0, 0, 1.0); border-right: 2px solid rgba(121, 0, 0, 1.0); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);}
.con_report #archive .spc label:hover { color: rgba(255, 255, 255, 1.0); cursor: pointer;}
.con_report .backnext { width: 98%; height: 35px; margin: 5px auto 0 auto; position: relative; background: repeating-linear-gradient(rgba(248, 247, 245, 1.0), rgba(248, 247, 245, 1.0) 2px, rgba(255, 255, 255, 1.0) 0, rgba(255, 255, 255, 1.0) 4px);}
.con_report .backnext .bntxt { text-align: center; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: auto;}
.con_report .backnext a { width: 100%; height: 100%; display: block;}
.con_report .backnext .hidarisp { width: 35px; height: 35px; position: absolute; top: 0; left: 0;}
.con_report .backnext .migisp { width: 35px; height: 35px; position: absolute; top: 0; right: 0;}
.con_report .backnext #hidari { width: 100%; height: 100%;}
.con_report .backnext #migi { width: 100%; height: 100%;}
.con_report .backnext .lnkoff { background: rgba(200, 200, 200, 0.5); color: rgba(34, 34, 34, 0.5);}
.con_report .backnext .lnkon { background: rgba(240, 132, 141, 0.5);}
.con_report .backnext .lnkon a:hover { background: rgba(240, 132, 141, 0.8); color: rgba(255, 255, 255, 1.0);}
.pcls { max-height: 0; overflow: hidden; -webkit-transition: max-height 0.2s ease-in; -moz-transition: max-height 0.2s ease-in; transition: max-height 0.2s ease-in;} 
.con_report #archive .spc input:checked ~ .pcls { max-height: 1000px;}
.con_report #archive .spc input:checked + label:hover:after, .con_report #archive .spc input:checked ~ label::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.con_report .imgall_yoko { width: 90%; max-width: 480px; margin: 10px auto 5px auto;}
.con_report .imgall_yoko .imgsp { width: 100%; height: 0; padding-top: 66.66666666666667%; position: relative;}
.con_report .imgall_yoko .imgp { width: 100%; height: 0; padding-top: 66.66666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.con_report .imgall_tate { width: 75%; max-width: 320px; margin: 10px auto 5px auto;}
.con_report .imgall_tate .imgsp { width: 100%; height: 0; padding-top: 150%; position: relative;}
.con_report .imgall_tate .imgp { width: 100%; height: 0; padding-top: 150%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.con_report .imgall_mskk { width: 80%; max-width: 360px; margin: 10px auto 5px auto;}
.con_report .imgall_mskk .imgsp { width: 100%; height: 0; padding-top: 100%; position: relative;}
.con_report .imgall_mskk .imgp { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.con_report .imgall { display: none;}
.con_report .caption { font-size: 90%; text-align: center; color: rgba(159, 7, 19, 1.0); padding-bottom: 5px;}

#sp_isho .imgall { margin-bottom: 10px;}
#sp_isho .imgall .cptn { width: 100%; height: 8%; position: absolute; bottom: 0; left: 0; text-align: center; font-size: 85%; padding-top: 1%; background: rgba(255, 255, 255, 0.8); letter-spacing: 0.1em; font-weight: bold;}

/*for_W400-*/
@media screen and (min-width: 400px) {
#ind #newssp h2 { -webkit-background-size: auto; background-size: auto;}
#ind #twittersp { width: 300px;}
#ind #fblnsp { width: 305px; margin: 8px auto 5px auto;}
#ind .bmnset4 #calpush_presp .titleall { width: 90%;}
.twtfb { width: 300px;}
#mini #charasp .textsp dd { font-size: 85%; line-height: 150%; padding: 5px 15px;}
.con_story #archive li .litxt, .con_gallery #archive li .litxt, .con_present #archive li .litxt { font-size: 140%; padding-top: 2px;}
#ind .bmnset4 #talksp .titleall { width: 60%; position: absolute; top: 0; left: 20%; margin: 0 auto;}
.con_life #section .nkm .infotxt { text-align: center;}
#ind .bmnset4 #lifesp .namesp { font-size: 96%; line-height: 140%;}
}

/*for_W500-*/
@media screen and (min-width: 500px) {
#ind .bmnset4 #talksp .titleall { width: 50%; position: absolute; top: 0; left: 25%; margin: 0 auto;}
.con_story #archive li .litxt, .con_gallery #archive li .litxt, .con_present #archive li .litxt { font-size: 140%; padding-top: 5px;}
}

/*for_W640-*/
@media screen and (min-width: 640px) {
.ssbr { display: none;}
.nssbr { display: block;}
#btm { padding-bottom: 140px;}
/*mini_character*/
#mini #charasp { padding-top: 20px;}
#mini #charasp .textsp dd { font-size: 90%; line-height: 180%; padding: 5px 25px;}
/*wave*/
.wave { height: 100px; bottom: 0;}
.wave path { stroke-width: 0.3px;}
/*kanren*/
#kanrenset { width: 100%; height: 62px; margin: 0 auto; padding: 5px 0 0 0; background: rgba(238, 236, 233, 1.0);}
#kanrenset:before, #kanrenset:after { content: ""; display: table;}
#kanrenset:after { clear: both;}
#ind #kanrenset { border-bottom: 0;}
/*.kanrenall { width: 302px; height: 49px; margin: 6px 1.6% 0 0; float: right;}*/
.kanrenall { width: 302px; height: 49px; margin: 6px auto 0 auto;}
/*.fstsp { margin: 6px 0 0 1.6%; float: left;}*/
.nfstsp { display: none;}
/*count_down*/
#cdsp { padding: 0;}
.cdsp1 { margin: 10px auto;}
.cdsp2 { margin: 10px auto;}
/*IND*/
#ind #header #photo #onairall { height: 100%;}
#ind #header #photo #onairall #onairsp { width: 100%; height: 0; padding-top: 10%; position: absolute; bottom: 0; left: 0;}
#ind #header #photo #onairall #onairsp #onair { width: 100%; height: 0; padding-top: 10%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
#ind #onairall2 { display: none;}
/*sokuho_spot*/
#section #sokuho_spot .sp-horizontal .sp-arrows { display: none;}
/*news*/
#ind #newssp { margin-top: 0;}
#ind #news_story { height: 173px;}
#ind #newssp { width: 47%; margin: 6px 1.5% 0 2%; border: 1px solid rgba(229, 215, 204, 1.0); border-bottom: 3px solid rgba(229, 215, 204, 0.5); position: absolute; top: 0; left: 0;}
#ind #newssp .news { height: 132px;}
#ind #newssp #nsp { width: 98%; height: 110px; background: rgba(248, 247, 245, 1.0); overflow: hidden; overflow-y: auto; border-bottom: 0; padding-top: 0;}
#ind #newssp #nsp li { padding: 0 4px;}
#ind #newssp tr { border-bottom: 2px dotted rgba(255, 255, 255, 1.0);}
#ind #storysp { width: 47%; height: 160px; position: absolute; top: 0; left: 51%;}
.news label { display: none;}
#ind #newssp h2 .pnk { left: 82%; text-align: right;}
.news #nsp .cls { max-height: 100px; overflow: auto;}
#ind #newssp .more { display: block; position: absolute; bottom: -1px; right: 5px; font-size: 85%; font-family: 'arial narrow'; font-weight: bold; letter-spacing: 0.05em; color: rgba(121, 0, 0, 1.0);}
#ind .bmnset3 #bbssp .titleall { margin: 0 0 0 6%;}
#ind .bmnset3 #bbssp .titleall .titlesp { padding-top: 42%;}
#ind .bmnset3 #bbssp .titleall .titlesp #bbsp { -webkit-background-size: 90%; background-size: 90%; padding-top: 42%;}
#ind .bmnset3 #bbssp .pnk { width: 80%; margin-left: 14px;}
#ind .bmnset4 #interviewsp { width: 47%; float: left;}
#ind .bmnset4 #talksp { width: 47%; float: left;}
#ind .bmnset4 #talksp .titleall { width: 90%; position: absolute; top: 0; left: 5%; margin: 0 auto;}
/*#ind .bmnset4 #presentsp { display: block; width: 47%; padding-top: 14.1%; float: left; filter: opacity(30%) saturate(0%); -webkit-filter: opacity(30%) saturate(0%); -moz-filter: opacity(30%) saturate(0%); -o-filter: opacity(30%) saturate(0%); -ms-filter: opacity(30%) saturate(0%);}*/
/*#ind .bmnset4 #shishakaisp0 { display: none;}*/
/*#ind .bmnset4 #shishakaisp { box-sizing: border-box; width: 50%; height: 90px; position: relative; font-size: 85%; margin: 5px 0 5px 25%; background-color: rgba(240, 132, 141, 0.2); border: 1px solid rgba(240, 132, 141, 1.0); color: rgba(201, 56, 68, 1.0); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center top; background-image: url(../img/shishakai_bg.jpg); display: block;}*/
#ind .bmnset4 #shisha { width: 96%; max-width: 964px; margin: 2px auto 5px auto; display: block;}
#ind .bmnset4 #shishakaisp { box-sizing: border-box; width: 100%; height: 0; padding-top: 7.731958762887%; position: relative; font-size: 85%; background-color: rgba(240, 132, 141, 0.2); border: 1px solid rgba(240, 132, 141, 1.0); color: rgba(201, 56, 68, 1.0); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center top; background-image: url(../img/shishakai_bg-pc.jpg); display: block;}
#ind .bmnset4 #presentsp { display: block; width: 47%; height: 90px; padding-top: 0; float: left; position: relative;}
#ind .bmnset4 #presentsp .titleall { width: 100%; position: absolute; top: 0.1%; left: 0; margin: 0 auto;}
#ind .bmnset4 #presentsp .titleall .titlesp .titlep { padding-top: 20%; -webkit-background-size: contain; background-size: contain; background-position: center top;}
#ind .bmnset4 #gallerysp { width: 47%; float: left;}
#ind .bmnset4 #freesp { width: 47%; float: left;}
#ind .bmnset4 #lifesp { width: 47%; float: left;}
#ind .bmnset4 #lifesp .namesp { font-size: 92%; line-height: 130%;}
#ind .bmnset5 { padding-top: 10px;}
#ind .bmnset5:before, #ind .bmnset5:after { content: ""; display: table;}
#ind .bmnset5:after { clear: both;}
#ind .bmnset5 #appsp { width: 47%; min-width: 302px; height: 60px; float: left; display: block; margin: 0 0 0 2.3%; display: none;}
#ind .bmnset5 #calpush_presp { width: 47%; min-width: 302px; height: 60px; float: right; margin: 0 2.3% 0 0;}
#ind #freespsp { display: none;}
/*app*/
#ind .bmnset5 #dvdsp { box-sizing: border-box; width: 47%; max-width: 302px; height: 60px; float: left; position: relative; font-size: 85%; margin: 0 auto; border: 1px solid rgba(240, 132, 141, 0.6); color: rgba(201, 56, 68, 1.0); background: rgba(255, 255, 255, 1.0); display: block; margin: 0 0 0 2.3%;}
#ind .bmnset5 #dvdsp .titleset { box-sizing: border-box; width: 100%; height: 100%; float: left; position: absolute; top: 0; left: 0; text-align: center;}
#ind .bmnset5 #dvdsp .titleall { width: 95%; max-width: 500px; position: absolute; top: 50%; left: 3%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto;}
#ind .bmnset5 #dvdsp .titleall .titlesp { width: 100%; height: 0; padding-top: 20%; position: relative;}
#ind .bmnset5 #dvdsp .titleall .titlesp .titlep { width: 100%; height: 0; padding-top: 20%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}

/*footer_sns*/
#ind #snsset { width: 615px; height: 280px; margin: 0 auto; position: relative;}
#ind #instagramsp { width: 300px; height: 150px; margin: 0; position: absolute; top: 0; left: 0;}
#ind #instagramsp .titlesp { width: 100%; height: 51px; float: auto; padding-top: 0; font-size: 110%; position: relative;}
#ind #instagramsp .titlesp #instagram { position: absolute; top: 15px; left: 15px;}
#ind #instagramsp .titlesp .title { text-align: left; position: absolute; top: 20px; left: 65px; letter-spacing: 0.1em;}
#ind #instagramsp .titlesp .idtxt { text-align: right; position: absolute; top: 20px; right: 15px;}
#ind #instagramsp .photosp .phtall { width: 31%; margin-left: 2.1%; }
#ind #instagramsp .photosp { box-sizing: border-box; width: 100%; height: 100px; padding: 5px 10px 5px 5px; float: right; background: rgba(38, 64, 147, 0.9); position: relative;}
#ind #twittersp { width: 300px; margin: 0; position: absolute; top: 0; right: 0;}
#ind #fblnsp { width: 304px; margin: 0; position: absolute; bottom: 13px; left: 0;}
#ind #facebooksp, #ind #linesp { width: 145px; height: 100px; text-align: center; position: relative;}
#ind #facebooksp .titlesp, #ind #linesp .titlesp { height: 100%;}
#ind #facebooksp .titlesp #facebook, #ind #linesp .titlesp #line { float: auto; margin: 5px auto 13px auto; width: 100%; background-position: center;}
#ind #facebooksp .titlesp .title, #ind #linesp .titlesp .title { width: 100%; padding-top: 5px; letter-spacing: 0.1em;}
#ind #facebooksp .titlesp .idtxt, #ind #linesp .titlesp .idtxt { width: 100%; padding-top: 2px; font-size: 90%;}
#ind .bmnset4 #lifesp .namesp { font-size: 92%; line-height: 130%;}
/*CON*/
/*footer_sns*/
#con #snsset:before, #con #snsset:after { content: ""; display: table;}
#con #snsset:after { clear: both;}
#con #istwsp, #con #fblnsp { width: 48%; margin: 5px 0 5px 0.9%; float: left;}
#con #istwsp { margin-left: 1.5%;}
.con_story #archive li, .con_gallery #archive li, .con_present #archive li { width: 5.5%; float: left; margin-left: 4.3%; font-weight: bold;}
.con_story #archive li .litxt, .con_gallery #archive li .litxt, .con_present #archive li .litxt {padding-top: 2px;}
/*menu*/
#con .mnset li { width: 15.5%; margin: 2px 0.4%; float: left; border: 1px solid rgba(230, 0, 18, 0.6); padding: 4px 0; background-color: rgba(255, 255, 255, 1.0); position: relative;}
#con .mnset li:nth-child(3n) { margin-right: 0.4%;}
#con .catchtxt { font-size: 120%; font-weight: bold; letter-spacing: 0.4em; line-height: 200%; padding: 20px 10px;}
#con .hbtxt { font-size: 90%;}
#con #mns3 li { width: 47%; margin: 0 1.1% 7px 1.1%; padding: 5px 0; float: left;}
#con #mns4 li { width: 47%; margin: 0 1.1% 7px 1.1%; float: left;}
/*BBS*/
.con_bbs .nkm { padding-top: 15px; padding-bottom: 0;}
.con_bbs #archive .spc li { width: 30.3%; float: left; margin: 0 0 2px 1%; text-align: center;}
/*INTERVIEW*/
.con_interview #archive .spc li { width: 31.8%; float: left; margin: 0 0 0 1%;}
/*QUIZ*/
.con_present #section .hbtxt .quiztxt dd { padding: 20px; font-size: 110%; letter-spacing: 0.1em;}
.con_present #section .hbtxt .ouboinfo { text-align: center;}
/*APP*/
.con_app #section .hbtxt .appimgall { width: 46%; max-width: 320px; margin: 10px 0 10px 4%; float: left; display: none;}
.con_app #section .hbtxt .dlsp { width: 49.5%; padding: 10px 0; border-bottom: 0; float: left;}
.con_app #section .hbtxt .infotxt { border-top: 1px dotted rgba(240, 132, 141, 0.5);}
/*LIFE*/
.con_life .nkm .infotxt0 .info { width: 58%; float: left; font-size: 98%; line-height: 160%;}
.con_life .nkm .infotxt0 .info0 { font-size: 98%; line-height: 160%;}
.con_life #tokosp { width: 40%; max-width: 200px; height: 50px; margin: 10px 1%; float: right;}
.con_life #section .nkm .ifmsp0 { width: 90%; margin: 0 auto;}
.con_life #archive .spc li { width: 30.3%; float: left; margin: 0 0 2px 1%; text-align: center;}

#sp_isho .imgall .cptn { font-size: 85%;}
}

/*for_W800-*/
@media screen and (min-width: 800px) {
.nsssbr { display: block;}
.nfstsp { margin: 6px 10% 0 0; float: right;}
.fstsp { margin: 6px auto 0 auto;}
#cboxClose{position:absolute; top: -5px; right: 15px;}
#ind .bmnset4 #talksp .titleall { width: 70%; position: absolute; top: 0; left: 15%; margin: 0 auto;}
#tokosp { width: 100%; height: 55px;}
#tokosp #toko .btntxt { font-size: 120%; width: 100%; position: absolute; top: 15px; left: 0; text-align: center;}
#ind .bmnset4 #lifesp .namesp { padding: 10px; bottom: 8px; left: 50%;}
#ind .bmnset5 #appsp { width: 49%; max-width: 360px; height: 70px; float: left; display: block; margin: 0 0 0 2.5%; display: none;}
#ind .bmnset5 #dvdsp { width: 49%; max-width: 360px; height: 70px; float: left; display: block; margin: 0 0 0 2.5%;}
#ind .bmnset5 #calpush_presp { width: 49%; max-width: 360px; height: 70px; float: right; margin: 0 2.5% 0 0;}
/*CON*/
#con .mnset #mnsp_intro .pnk { font-size: 80%; top: 37%; left: 34%;}
#con .mnset #mnsp_cast .pnk { font-size: 80%; top: 37%; left: 43%;}
#con .mnset #mnsp_staff .pnk { font-size: 80%; top: 37%; left: 38%;}
#con .mnset #mnsp_story .pnk { font-size: 80%; top: 37%; left: 38%;}
#con .mnset #mnsp_chart .pnk { font-size: 80%; top: 37%; left: 38%;}
#con .mnset #mnsp_news .pnk { font-size: 80%; top: 37%; left: 44%;}
#con .mnset #mnsp_report .pnk { font-size: 80%; top: 37%; left: 36%;}
#con .mnset #mnsp_bbs .pnk { font-size: 80%; top: 37%; left: 36%;}
#con .hbtxt { width: 80%; margin: 0 auto;}
#con .con_news #section .nkm .hbtxt { width: 100%;}
#con .con_news #section .nkm { border: 10px solid rgba(255, 255, 255, 1.0); padding: 0; margin: 0;}
#con .con_news #section .nkm .naiyo { line-height: 200%;}
.con_story #archive li .litxt, .con_gallery #archive li .litxt, .con_present #archive li .litxt { padding-top: 6px;}
/*REPORT*/
#con .con_report #archive .spc ul { display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#con .con_report #archive .spc li { box-sizing: border-box; width: 49%; float: left; margin-left: 1%;}
/*NEWS*/
#con .con_news #section .nkm { border-bottom: 2px solid rgba(204, 204, 204, 0.6);}
#sp_isho:before, #sp_isho:after { content: ""; display: table;}
#sp_isho:after { clear: both;}
#sp_isho .imgall { width: 48%; float: left; margin: 0;}
#isho_txt { width: 50%; float: right; padding-left: 10px;}
#sp_isho .imgall .cptn { width: 100%; height: 8%; position: absolute; bottom: 0; left: 0; text-align: center; font-size: 85%; padding-top: 2%; background: rgba(255, 255, 255, 0.8); letter-spacing: 0.2em;}
/*INTRO*/
.con_intro .cmmt { width: 80%; font-size: 100%;}
.con_intro .cmmt:last-child { margin-bottom: 30px;}
.con_intro .cmmt dt { padding: 10px 0 0 0; font-size: 110%; letter-spacing: 0.2em;}
.con_intro .cmmt dd { padding: 20px; font-size: 100%; line-height: 160%;}
.con_intro .cmmtlnk .lnk { font-size: 85%; line-height: 120%;}
.con_intro .cmmtlnk .lnk a { padding: 15px 1% 5px 1%;}
/*INTERVIEW*/
.con_interview .siimgall { width: 50%; max-width: 360px; margin: 5px 10px; float: right;}
.con_interview #archive .spc li { width: 32%; float: left; margin: 0 0 0 1%;}
/*TALK*/
.con_talk .siimgall { width: 50%; max-width: 360px; margin: 5px 10px; float: right;}
.con_talk #archive .spc li { width: 23.7%; float: left; margin: 0 0 0 1%;}
/*PRESENT*/
.con_present #section .hbtxt { margin: 8px auto;}
.con_present #section .hbtxt .quiztxt dd { padding: 10px; background: rgba(255, 255, 255, 1.0); line-height: 140%; font-size: 120%;}
.con_present #section .hbtxt .quiztxt dd { text-align: center; padding: 20px 10px;}
/*APP*/
.con_app #section .hbtxt #appimgs { width: 666px; margin: 0 auto;}
.con_app #section .hbtxt .appimgall { width: 320px; margin: 10px 5px;}
/*LIFE*/
.con_life .nkm .infotxt0 .info { width: 58%; float: left; font-size: 110%; line-height: 160%; letter-spacing: 0.1em;}
.con_life .nkm .infotxt0 .info0 { font-size: 110%; line-height: 160%; letter-spacing: 0.1em;}
.con_life #section .nkm .ifmsp0 { width: 85%; margin: 0 auto;}
.con_life #tokosp #toko .btntxt { font-size: 130%; width: 100%; position: absolute; top: 25%; left: 0; text-align: center;}
.con_life .nkm .infotxt0 { margin: 10px auto 25px auto;}
}

/*for_W980-*/
@media screen and (min-width: 980px) {
.sbr { display: none;}
.nsbr { display: block;}
#mini #charasp .textsp dd { padding: 10px;}
/*btm*/
#sns { width: 615px; margin: 0; position: absolute; top: 10px; right: 0;}
#sns .subset .sub { float: right; margin-top: -20px; margin-bottom: 10px;}
#sns .subset:before, #ind #sns .subset:after { content: ""; display: table;}
#sns .subset:after { clear: both;}
#snsset { margin: 0;}
.bnsp { position: absolute; top: 50px; left: 3px;}
#pgtp { width: 130px; height: 60px; position: absolute; bottom: 20px; left: 86%; right: 0;}
.twtfb { width: 300px; position: absolute; top: 5px; left: 0;}
/*wave*/
.wave { height: 6%; bottom: 0; opacity: 0.3;}
/*kanren*/
#kanrenset { width: 615px; margin: 10px 0; padding: 0; background: rgba(238, 236, 233, 0); position: absolute; bottom: 60px; right: 0;}
.kanrenall, .kanrenall:first-child { margin: 0 2px;}
#kanren_app { width: 302px; height: 50px; background: url(../img/title_app-s.png) no-repeat; position: absolute; top: 328px; right: 0; display: block;}
#kanren_app a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(230, 0, 18, 0);}
#kanren_app a:hover { background: rgba(230, 0, 18, 0.04);}
/*IND*/
#ind #news_story { height: 290px;}
#ind #cr { width: 90%; position: absolute; bottom: 40px; left: 0; text-align: center; font-size: 90%; line-height: 130%;}
/*count_down*/
#cdsp { padding: 0;}
.cdsp1 { width: 100%; max-width: 760px; height: 120px; margin: 10px auto;}
.cdsp2 { width: 100%; max-width: 640px; height: 120px; margin: 10px auto;}
.ctmgl div { float: left; width: 65px; height: 86px; margin: 8px 0 0 70px; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.ctmgl0 div { float: left; width: 65px; height: 86px; margin: 8px 0 0 5px; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#cdsp #countdown { width: 100%; height: 120px; position: relative; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
.cdsp1 #countdown { background-image: url(../img/countdown1.jpg?2);}
.cdsp2 #countdown { background-image: url(../img/countdown2.jpg?2);}
#cdsp #cdd:before, #cdsp #cdh:before, #cdsp #cdm:before, #cdsp #cds:before, #cdsp #cdd:after, #cdsp #cdh:after, #cdsp #cdm:after, #cdsp #cds:after { content: ""; display: table;}
#cdsp #cdd:after, #cdsp #cdh:after, #cdsp #cdm:after, #cdsp #cds:after { clear: both;}
.cdsp1 #countdown #cdd { width: 70px; height: 86px; position: absolute; top: 0; left: 100px;}
.cdsp1 #countdown #cdh { width: 140px; height: 86px; position: absolute; top: 0; left: 290px;}
.cdsp1 #countdown #cdm { width: 140px; height: 86px; position: absolute; top: 0; left: 448px;}
.cdsp1 #countdown #cds { width: 140px; height: 86px; position: absolute; top: 0; left: 610px;}
.cdsp2 #countdown #cdd { display: none;}
.cdsp2 #countdown #cdh { width: 140px; height: 86px; position: absolute; top: 0; left: 168px;}
.cdsp2 #countdown #cdm { width: 140px; height: 86px; position: absolute; top: 0; left: 328px;}
.cdsp2 #countdown #cds { width: 140px; height: 86px; position: absolute; top: 0; left: 490px;}
#d1, #h1, #m1, #s1 { background-image: url(../img/cd/c1.png);}
#d2, #h2, #m2, #s2 { background-image: url(../img/cd/c2.png);}
#d3, #h3, #m3, #s3 { background-image: url(../img/cd/c3.png);}
#d4, #h4, #m4, #s4 { background-image: url(../img/cd/c4.png);}
#d5, #h5, #m5, #s5 { background-image: url(../img/cd/c5.png);}
#d6, #h6, #m6, #s6 { background-image: url(../img/cd/c6.png);}
#d7, #h7, #m7, #s7 { background-image: url(../img/cd/c7.png);}
#d8, #h8, #m8, #s8 { background-image: url(../img/cd/c8.png);}
#d9, #h9, #m9, #s9 { background-image: url(../img/cd/c9.png);}
#d0, #h0, #m0, #s0 { background-image: url(../img/cd/c0.png);}
#d-, #h-, #m-, #s- { background-image: url(../img/cd/c-.png);}
/*news*/
#ind #newssp { width: 31.8%; height: 180px; margin: 8px 0.8% 0 2%; font-size: 110%;}
#ind #newssp th { margin: 5px 3px;}
#ind #newssp td { padding: 5px 0 5px 8px;}
#ind #newssp .news { height: auto;}
#ind #newssp #nsp { height: 130px;}
#ind #newssp .more { bottom: -2px;}
#ind #newssp .cls { overflow: visible;}
/*story*/
#ind #storysp { width: 32%; height: 280px; position: absolute; top: 0; left: 34.9%;}
#ind #storysp .story .titleall { box-sizing: border-box; width: 100%; height: 52px; text-align: right; font-size: 85%; padding-top: 0;}
#ind #storysp .story .pnk { display: block; position: absolute; top: 20px; right: 10px;}
#ind #storysp .story .sppall { width: 93%; max-width: 300px; margin: -10px 3.5% 7px 0;}
#ind #storysp .story .sppall .sppsp { border: 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 1px;}
#ind #storysp .onair { font-size: 100%; padding: 2px 0 0 0;}
/*menu*/
#ind .bmnset { width: 32%; position: absolute; top: 8px; right: 1%;}
#ind .bmnset li .titleall { width: 90%; max-width: 85px; margin: 12px auto 0 auto;}
#ind .bmnset2 { width: 32%; position: absolute; top: 103px; right: 1%;}
#ind .bmnset2 #chartsp { -webkit-background-size: 40%, auto; background-size: 40%, auto;}
#ind .bmnset2 #chartsp .titleall { width: 60%; max-width: 100px; margin: 17px 0 0 70px; float: left;}
#ind .bmnset2 #chartsp .pnk { width: 40%; float: left; text-align: left; padding-top: 29px;}
#ind .bmnset3 { width: 32%; position: absolute; top: 198px; right: 1%;}
#ind .bmnset li, #ind .bmnset2 li, #ind .bmnset3 li { height: 90px;}
#ind .bmnset3 #bbssp { width: 100%; height: 90px; float: auto; font-size: 85%; margin: 0 0 5px 2%; position: absolute; bottom: 0; left: -205%; background: rgba(255, 255, 255, 1.0) url(../img/bbs_bg.gif) no-repeat bottom left;}
#ind .bmnset3 #bbssp .hane { top: 15px; right: 15px;}
#ind .bmnset3 #bbssp .titleall { margin: 5px 0 0 20%;}
#ind .bmnset3 #bbssp .pnk { width: 40%; float: left; text-align: left; margin-left: 0; position: absolute; top: 34px; left: 45%;}
#ind .bmnset3 #reportsp { width: 96%; height: 90px;}
#ind .bmnset3 #reportsp .titleall { width: 100%; max-width: 140px; margin: 5px 0 0 46%;}
#ind .bmnset3 #reportsp .titleall .titlesp { padding-top: 17%;}
#ind .bmnset3 #reportsp .titleall .titlesp #reportp { padding-top: 17%; -webkit-background-size: auto; background-size: auto;}
#ind .bmnset3 #reportsp .nkmt { width: 100%; font-size: 96%; letter-spacing: 0.1em;}
#ind .bmnset .titlesp { margin-bottom: 3px;}
#ind .bmnset .pnk, #ind .bmnset2 .pnk, #ind .bmnset3 .pnk { font-size: 120%;}
#ind .bmnset3 #reportsp .pnk { font-size: 115%;}
#ind .bmnset4 #talksp { width: 47.5%; height: 120px; position: relative; font-size: 85%; margin: 5px 0 5px 1.3%;}
#ind .bmnset4 #talksp .titleall { width: 90%; position: absolute; top: 0; left: 5%; margin: 0 auto;}
#ind .bmnset4 #talksp .namesp { font-size: 110%; letter-spacing: 0.2em;}
#ind .bmnset4 #interviewsp { width: 47.5%; height: 120px; position: relative; font-size: 85%; margin: 5px 0 5px 2%;}
#ind .bmnset4 #interviewsp .faceall { max-width: 110px;}
#ind .bmnset4 #interviewsp .namesp { position: absolute; bottom: 15px; left: 5px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; padding: 5px 0; font-size: 110%; letter-spacing: 0.2em;}
#ind .bmnset4 #presentsp { width: 47.5%; height: 120px; position: relative; font-size: 85%; margin: 5px 0 5px 2%;}
#ind .bmnset4 #presentsp .titleall { width: 98%; position: absolute; top: 10%; left: 1%; margin: 0 auto;}
#ind .bmnset4 #shisha { width: 96.5%; max-width: 970px; margin: 5px auto; padding-left: 1px;}
#ind .bmnset4 #gallerysp { width: 47.5%; height: 120px; position: relative; font-size: 85%; margin: 5px 0 5px 1.3%;}
#ind .bmnset4 #gallerysp .faceall { max-width: 110px;}
#ind .bmnset4 #gallerysp .namesp { position: absolute; bottom: 15px; left: 5px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; padding: 5px 0; font-size: 110%; letter-spacing: 0.2em;}
#ind .bmnset4 #lifesp { width: 47.5%; height: 120px; position: relative; font-size: 85%; margin: 5px 0 5px 2%;}
#ind .bmnset4 #lifesp .namesp { letter-spacing: 0.1em; line-height: 140%; padding: 15px 5px 15px 12px; bottom: 10px; left: 50%; font-size: 106%; max-height: 100px;}
#ind .bmnset4 #lifesp .namesp .blk { padding-bottom: 5px;}
#ind .bmnset4 #freesp { width: 47.5%; height: 120px; position: relative; font-size: 85%; margin: 5px 0 5px 1.3%;}
#ind .bmnset5 { background: rgba(248, 247, 245, 1.0);}
#ind .bmnset5 #appsp { width: 47.5%; min-width: 460px; height: 90px; position: relative; font-size: 85%; margin: 5px 0 5px 2%; display: none;}
#ind .bmnset5 #dvdsp { width: 47.5%; min-width: 460px; height: 90px; position: relative; font-size: 85%; margin: 5px 0 5px 2%;}
#ind .bmnset5 #calpush_presp { width: 47.5%; min-width: 460px; height: 90px; position: relative; font-size: 85%; margin: 5px 0 5px 1.3%; float: left;}
/*btm*/
#ind #btm { width: 96%; max-width: 970px; height: 470px; margin: 0 auto; padding-bottom: 0; overflow: hidden;}
/*CON*/
/*btm*/
#con #cr { width: 70%; position: absolute; bottom: 40px; left: 310px; text-align: left; font-size: 90%; line-height: 130%;}
#con #btm { width: 96%; max-width: 970px; height: 350px; margin: 0 auto; padding-bottom: 0; overflow: hidden;}
#con #istwsp, #con #fblnsp { width: 48%; margin: 0 0 5px 0.9%; float: left;}
#con #istwsp { margin-left: 1.5%;}
#con #snsset { width: 615px; margin: 0 auto; padding-top: 10px; position: relative;}
#con #instagramsp, #con #twittersp, #con #facebooksp, #con #linesp { width: 140px; height: 100px; text-align: center; position: relative; margin-top: 0;}
#con #instagramsp .titlesp, #con #twittersp .titlesp, #con #facebooksp .titlesp, #con #linesp .titlesp { height: 100%;}
#con #instagramsp .titlesp #instagram, #con #twittersp .titlesp #twitter, #con #facebooksp .titlesp #facebook, #con #linesp .titlesp #line { float: auto; margin: 5px auto 13px auto; width: 100%; background-position: center;}
#con #instagramsp .titlesp .title, #con #twittersp .titlesp .title, #con #facebooksp .titlesp .title, #con #linesp .titlesp .title { width: 100%; padding-top: 5px; letter-spacing: 0.1em;}
#con #instagramsp .titlesp .idtxt, #con #twittersp .titlesp .idtxt, #con #facebooksp .titlesp .idtxt, #con #linesp .titlesp .idtxt { width: 100%; padding-top: 2px; font-size: 90%;}
/*contents*/
#con #section { box-sizing: border-box; width: 86%; margin: 15px auto; font-size: 110%;}
#con #section .nkm { box-sizing: border-box; width: 100%; rgba(248, 247, 245, 1.0); border: 10px solid rgba(255, 255, 255, 1.0); padding-top: 10px; font-size: 110%;}
#con table { width: 80%; border: 0; margin: 25px auto 0 auto; letter-spacing: 0.5em;}
#con tr { border-bottom: 3px dotted rgba(255, 255, 255, 1.0);}
#con th { width: 45%; text-align: right; padding-right: 10px; padding-top: 5px;}
#con td { width: 45%; text-align: left; padding-left: 10px; padding-top: 5px;}
#con .naka { width: 10%; text-align: center; padding: 0; padding-top: 5px;}
#con .nnt { width: 100%; text-align: center;}
#con .hbtxt { box-sizing: border-box; width: 100%; padding: 15px 75px; line-height: 180%; text-align: left; background: rgba(255, 255, 255, 1.0); font-size: 90%;}
.con_story #archive li .litxt, .con_gallery #archive li .litxt, .con_present #archive li .litxt { padding-top: 8px;}
/*CAST*/
.con_cast #section .nkm table { display: none;}
/*STORY*/
.con_story .onair { font-size: 110%; padding-bottom: 10px; letter-spacing: 0.2em;}
.con_story .mawaru:before, .con_story .mawaru:after { content: ""; display: table;}
.con_story .mawaru:after { clear: both;}
.con_story .mawaru:before, .con_story .mawaru:after { content: ""; display: table;}
.con_story .mawaru:after { clear: both;}
.con_story .imgsp { width: 320px; margin: 0;}
.con_story .ppp { width: 320px; margin: 0;}
.con_story .imgall { width: 100%; height: 0; padding-top: 66.66666666666666667%; position: relative; margin: 0; border: 1px solid rgba(200, 200, 200, 0.5);}
.con_story .imgp { width: 100%; height: 0; padding-top: 66.66666666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.con_story #imgsp1 { margin: 10px 15px 10px 10px; float: left;}
.con_story #imgsp2_y { display: none;}
.con_story #imgsp2pc { display: block; margin: 10px; float: left;}
.con_story #imgsp3 { margin: 10px; float: right;}
.con_story #imgsp4 { margin: 10px; float: right;}
.con_story #imgsp5 { margin: 10px; float: left;}
/*INTRO*/
.con_intro .imgsp { width: 47%; max-width: 320px; margin: 0;}
.con_intro .imgsp .ppp { width: 100%; margin: 0;}
.con_intro #imgsp1 { margin: 10px 0 10px 10px; float: left;}
.con_intro #imgsp2 { margin: 10px 10px 10px 0; float: right;}
.con_intro #imgsp3 { margin: 10px 0 10px 10px; float: left;}
.con_intro #imgsp4 { margin: 10px 10px 10px 0; float: right;}
.con_intro #imgsp5 { margin: 10px 0 10px 10px; float: left;}
.con_intro #imgsp6 { margin: 10px 10px 10px 0; float: right;}
/*BBS*/
#con .con_bbs #section .nkm { box-sizing: border-box; width: 100%; rgba(248, 247, 245, 1.0); border: 10px solid rgba(255, 255, 255, 1.0); background: #fff;} 
.con_bbs .infotxt dt { padding: 10px;}
.con_bbs .infotxt dd { text-align: center; line-height: 160%;}
.con_bbs .infotxt0 { text-align: center; line-height: 160%;}
.con_bbs #archive .spc li { width: 22.5%; float: left; margin: 2px 0 3px 1%; text-align: center;}
.con_bbs #archive .spc li a { padding: 10px 0;}
/*REPORT*/
#con .con_report .mds { margin-top: 0; font-size: 100%; padding: 10px 0;}
#con .con_report #section .nkm { padding-bottom: 8px;}
.con_report #archive .spc label { right: 30px;}
/*PRESENT*/
.con_present #section .nkm .iimgall { margin-top: -10px;}
/*INTERVIEW*/
.con_interview #section .nkm .iimgall { margin-top: -10px;}
/*TALK*/
.con_talk #section .nkm .iimgall { margin-top: -10px;}
/*LIFE*/
.con_life #section .nkm .iimgall { margin-top: -10px;}
.con_life .nkm .infotxt0 .info { box-sizing: border-box; width: 72%; float: left; font-size: 110%; line-height: 160%; padding: 10px;}
.con_life .nkm .infotxt0 .info0 { font-size: 110%; line-height: 160%; padding: 10px;}
.con_life #tokosp { width: 25%; max-width: 200px; height: 50px; margin: 15px 1% 10px 1%; float: right;}
.con_life #section .nkm { padding-bottom: 0;}
.con_life iframe { border: 0; margin:0; padding: 0; width: 100%; margin-bottom: 0;}
.con_life #archive .spc li { width: 22.5%; float: left; margin: 2px 0 3px 1%; text-align: center;}
.con_life #archive .spc li a { padding: 10px 0;}
}
/*for_W1000-*/
@media screen and (min-width: 1000px) {
#ind .bmnset5 #appsp { width: 48%; min-width: 468px; height: 90px; position: relative; font-size: 85%; margin: 5px 0 5px 2%;}
#ind .bmnset5 #calpush_presp { width: 48%; min-width: 468px; height: 90px; position: relative; font-size: 85%; margin: 5px 1.8% 5px 0; float: right;}
}
.con_story #archive #acv1mn #lst1mn div a, .con_gallery #archive #acv1mn #lst1mn div a, .con_present #archive #acv1mn #lst1mn div a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 0.5); cursor: default; pointer-events: none;}
.con_story #archive #acv2mn #lst2mn div a, .con_gallery #archive #acv2mn #lst2mn div a, .con_present #archive #acv2mn #lst2mn div a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 0.5); cursor: default; pointer-events: none;}
.con_story #archive #acv3mn #lst3mn div a, .con_gallery #archive #acv3mn #lst3mn div a, .con_present #archive #acv3mn #lst3mn div a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 0.5); cursor: default; pointer-events: none;}
.con_story #archive #acv4mn #lst4mn div a, .con_gallery #archive #acv4mn #lst4mn div a, .con_present #archive #acv4mn #lst4mn div a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 0.5); cursor: default; pointer-events: none;}
.con_story #archive #acv5mn #lst5mn div a, .con_gallery #archive #acv5mn #lst5mn div a, .con_present #archive #acv5mn #lst5mn div a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 0.5); cursor: default; pointer-events: none;}
.con_story #archive #acv6mn #lst6mn div a, .con_gallery #archive #acv6mn #lst6mn div a, .con_present #archive #acv6mn #lst6mn div a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 0.5); cursor: default; pointer-events: none;}
.con_story #archive #acv7mn #lst7mn div a, .con_gallery #archive #acv7mn #lst7mn div a, .con_present #archive #acv7mn #lst7mn div a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 0.5); cursor: default; pointer-events: none;}
.con_story #archive #acv8mn #lst8mn div a, .con_gallery #archive #acv8mn #lst8mn div a, .con_present #archive #acv8mn #lst8mn div a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 0.5); cursor: default; pointer-events: none;}
.con_story #archive #acv9mn #lst9mn div a, .con_gallery #archive #acv9mn #lst9mn div a, .con_present #archive #acv9mn #lst9mn div a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 0.5); cursor: default; pointer-events: none;}
.con_story #archive #acv10mn #lst10mn div a, .con_gallery #archive #acv10mn #lst10mn div a, .con_present #archive #acv10mn #lst10mn div a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 0.5); cursor: default; pointer-events: none;}

#freesp, #freesp_s { filter: brightness(100%) saturate(40%); -webkit-filter: brightness(100%) saturate(40%); -moz-filter: brightness(100%) saturate(40%); -o-filter: brightness(100%) saturate(40%); -ms-filter: brightness(100%) saturate(40%);}
#freesp a, #freesp_s a { cursor: default; pointer-events: none;}
#freesp .freesp0, #freesp_s .freesp_s0 { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); position: absolute; top: 0; left: 0;}
#freesp .lastm, #freesp_s .lastm { width: 100%; text-align: center; margin: 0 auto; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 120%; font-weight: bold; letter-spacing: 0.2em;}

#ind .bmnset5 #calpush_presp { filter: opacity(30%) saturate(0%); -webkit-filter: opacity(30%) saturate(0%); -moz-filter: opacity(30%) saturate(0%); -o-filter: opacity(30%) saturate(0%); -ms-filter: opacity(30%) saturate(0%);}


.con_bbs #archive .spc #lnk_bbs1 #bbs1t { letter-spacing: 0.2em; padding: 5px; background: rgba(50, 50, 50, 0.1); margin-bottom: 2px;}
.con_bbs #archive .spc #lnk_bbs1 #bbs1t a { color: rgba(50, 50, 50, 0.9); cursor: default; pointer-events: none;}
.con_bbs #archive .spc #lnk_bbs1 #bbs1t a:hove { cursor: default; pointer-events: none;}.con_bbs #archive .spc #lnk_bbs2 #bbs2t { letter-spacing: 0.2em; padding: 5px; background: rgba(50, 50, 50, 0.1); margin-bottom: 2px;}
.con_bbs #archive .spc #lnk_bbs2 #bbs2t a { color: rgba(50, 50, 50, 0.9); cursor: default; pointer-events: none;}
.con_bbs #archive .spc #lnk_bbs2 #bbs2t a:hove { cursor: default; pointer-events: none;}.con_bbs #archive .spc #lnk_bbs3 #bbs3t { letter-spacing: 0.2em; padding: 5px; background: rgba(50, 50, 50, 0.1); margin-bottom: 2px;}
.con_bbs #archive .spc #lnk_bbs3 #bbs3t a { color: rgba(50, 50, 50, 0.9); cursor: default; pointer-events: none;}
.con_bbs #archive .spc #lnk_bbs3 #bbs3t a:hove { cursor: default; pointer-events: none;}.con_bbs #archive .spc #lnk_bbs4 #bbs4t { letter-spacing: 0.2em; padding: 5px; background: rgba(50, 50, 50, 0.1); margin-bottom: 2px;}
.con_bbs #archive .spc #lnk_bbs4 #bbs4t a { color: rgba(50, 50, 50, 0.9); cursor: default; pointer-events: none;}
.con_bbs #archive .spc #lnk_bbs4 #bbs4t a:hove { cursor: default; pointer-events: none;}.con_bbs #archive .spc #lnk_bbs5 #bbs5t { letter-spacing: 0.2em; padding: 5px; background: rgba(50, 50, 50, 0.1); margin-bottom: 2px;}
.con_bbs #archive .spc #lnk_bbs5 #bbs5t a { color: rgba(50, 50, 50, 0.9); cursor: default; pointer-events: none;}
.con_bbs #archive .spc #lnk_bbs5 #bbs5t a:hove { cursor: default; pointer-events: none;}.con_bbs #archive .spc #lnk_bbs6 #bbs6t { letter-spacing: 0.2em; padding: 5px; background: rgba(50, 50, 50, 0.1); margin-bottom: 2px;}
.con_bbs #archive .spc #lnk_bbs6 #bbs6t a { color: rgba(50, 50, 50, 0.9); cursor: default; pointer-events: none;}
.con_bbs #archive .spc #lnk_bbs6 #bbs6t a:hove { cursor: default; pointer-events: none;}.con_bbs #archive .spc #lnk_bbs7 #bbs7t { letter-spacing: 0.2em; padding: 5px; background: rgba(50, 50, 50, 0.1); margin-bottom: 2px;}
.con_bbs #archive .spc #lnk_bbs7 #bbs7t a { color: rgba(50, 50, 50, 0.9); cursor: default; pointer-events: none;}
.con_bbs #archive .spc #lnk_bbs7 #bbs7t a:hove { cursor: default; pointer-events: none;}
.con_life #archive .spc #lnk_life1 #life1t { letter-spacing: 0.2em; padding: 5px; background: rgba(50, 50, 50, 0.1); margin-bottom: 2px;}
.con_life #archive .spc #lnk_life1 #life1t a { color: rgba(50, 50, 50, 0.9); cursor: default; pointer-events: none;}
.con_life #archive .spc #lnk_life1 #life1t a:hove { cursor: default; pointer-events: none;}.con_life #archive .spc #lnk_life2 #life2t { letter-spacing: 0.2em; padding: 5px; background: rgba(50, 50, 50, 0.1); margin-bottom: 2px;}
.con_life #archive .spc #lnk_life2 #life2t a { color: rgba(50, 50, 50, 0.9); cursor: default; pointer-events: none;}
.con_life #archive .spc #lnk_life2 #life2t a:hove { cursor: default; pointer-events: none;}.con_life #archive .spc #lnk_life3 #life3t { letter-spacing: 0.2em; padding: 5px; background: rgba(50, 50, 50, 0.1); margin-bottom: 2px;}
.con_life #archive .spc #lnk_life3 #life3t a { color: rgba(50, 50, 50, 0.9); cursor: default; pointer-events: none;}
.con_life #archive .spc #lnk_life3 #life3t a:hove { cursor: default; pointer-events: none;}