/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.cover { width: 100%; height: 100%; background: url(/um/img/cover.png) repeat; display: block;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
/* RESETS NL4.0.0base */
html, body, main, div, p, span, applet, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, ruby { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline;}
ol, ul { list-style: none; }
a img, form, fieldset { border: none;}
input, button, select { vertical-align: middle;}
textarea { vertical-align: top; overflow: auto;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block;}
audio, canvas, progress { display: inline-block;}
progress { vertical-align: baseline;}
audio:not([controls]) { display: none; height: 0;}
[hidden], template, .nt { display: none;}
a { background-color: transparent;}
a:active, a:hover { outline-width: 0;}
a:link, a:hover { text-decoration: none;}
abbr { cursor: help; border-bottom: 1px dotted #bbb;}
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted;}
b, strong { font-weight: inherit;}
b, strong { font-weight: bolder;} /*Chrome, Edge, and Safari*/
dfn { font-style: italic;}
h1, h2, h3, h4, h5 { font-weight: lighter;}
mark { background: rgba(255, 255, 0, 1.0); color: rgba(0, 0, 0, 1.0);}
small { font-size: 80%;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}
img { border-style: none; vertical-align : middle;}
svg:not(:root) { overflow: hidden;}
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em;}
figure { margin: 1em 40px;}
hr { box-sizing: content-box; height: 0; overflow: visible;}
button, input, select, textarea { font: inherit;}
optgroup { font-weight: bold;}
button, input, select { overflow: visible;} /*Edge, IE*/
button, input, select, textarea { margin: 0;} /*Firefox and Safari*/
button, select { text-transform: none;} /*Edge, Firefox, and IE*/
button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer;}
[disabled] { cursor: default;}
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button;} /*Android 4, iOS*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;} /*Firefox*/
button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;} /*Edge and IE ...etc*/
textarea { overflow: auto;} /*IE*/
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0;} /*IE10-*/
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto;} /*Chrome*/
[type="search"] { -webkit-appearance: textfield;} /*Chrome and Safari*/
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none;} /*Chrome and Safari on OS X*/
pre { overflow: auto;}
table { border-collapse: collapse; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle;}
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none;}
q:after, blockquote:after { clear: both;}
/*ORG*/
.hidden { position: absolute; left: -9999px; text-indent: -9999px; overflow: hidden;}
.ellip { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nw { white-space: nowrap;}
.ofa { overflow: auto;}
/*display*/
.nt, .nsbr, .nssbr, .s_wsmp, .s_rsmp, .s_tablet, .s_pc { display: none;}
.dblk, .sbr, .ssbr, .s_smp { display: block;}
.dbil, .s_smpi { display: inline;}
.inline { display: -webkit-inline; display: inline;}
.inlineb { display: -webkit-inline-block; display: inline-block;}
.inlinef { display: -webkit-inline-flex; display: inline-flex;}
.dispno { display: none;}
/*float*/
.fl { float: left;}
.fr { float: right;}
.center { margin: auto;}
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both;}
/*align*/
.lt { text-align: left;}
.rt { text-align: right;}
.ct { text-align: center;}
/*list*/
ul, li, dl, dt, dd { margin: 0px; padding: 0px; list-style: none;}
/*text*/
.bt { font-weight: bold;}
.ut { font-weight: lighter;}
br,.ls0 { letter-spacing: 0;}
.ls1 { letter-spacing: 0.1em;}
.ls2_smp { letter-spacing: 0;}
.ls2 { letter-spacing: 0.2em;}
.ls5 { letter-spacing: 0.5em;}
/*_size*/
.f300 { font-size: 300%;}
.f240 { font-size: 240%;}
.f220 { font-size: 220%;}
.f200 { font-size: 200%;}
.f180 { font-size: 180%;}
.f160 { font-size: 160%;}
.f140 { font-size: 140%;}
.f130 { font-size: 130%;}
.f125 { font-size: 125%;}
.f120 { font-size: 120%;}
.f110 { font-size: 110%;}
.f105 { font-size: 105%;}
.f100 { font-size: 100%;}
.f90 { font-size: 90%;}
.f85 { line-height: normal; font-size: 85% !important;}
.f75 { line-height: normal; font-size: 75% !important;}
.f65 { line-height: normal; font-size: 65% !important;}
/*_height*/
.lh100 { line-height: 100%;}
.lh110 { line-height: 110%;}
.lh120 { line-height: 120%;}
.lh130 { line-height: 130%;}
.lh140 { line-height: 140%;}
.lh150 { line-height: 150%;}
.lh160 { line-height: 160%;}
.lh170 { line-height: 170%;}
.lh180 { line-height: 180%;}
.lh200 { line-height: 200%;}
.lh230 { line-height: 230%;}
/*space*/
.pd10 { padding: 10px;}
.pdb10 { padding-bottom: 10px;}
.pdt0 { padding-top: 0;}
.pdt20 { padding-top: 20px;}
.pdtb10 { padding: 10px 0;}
.pdtb1030 { padding: 10px 0 30px 0;}
.mg10 { margin: 10px;}
.bsbb { box-sizing: border-box;}
/*border*/
.nobd { border: 0;}
/*etc*/
@media print { .noprint { display: none;} }
.bnsp { width: 300px; height: 250px; margin: 15px auto;}
/* Touch Swipe */
.sp-grab { cursor: url(../img/openhand.cur), move;}
.sp-grabbing { cursor: url(../img/closedhand.cur), move;}
.sp-selectable { cursor: default;}
/*loader*/
@-ms-keyframes loading { 0% { -ms-transform: rotate(0deg);} 100% { -ms-transform: rotate(360deg);}}
@-moz-keyframes loading { 0% { -moz-transform: rotate(0deg);} 100% { -moz-transform: rotate(360deg);}}
@-webkit-keyframes loading { 0% { -webkit-transform: rotate(0deg);} 100% { -webkit-transform: rotate(360deg);}}
@keyframes loading { 0% { transform: rotate(0deg);} 100% { transform: rotate(360deg);}}
.loading { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 12px; height: 12px; -ms-border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background: rgba(255, 255, 255, 0.3); box-shadow: 0 -10px 0 -3px rgba(255, 255, 255, 0.8), 0 0 0 10px rgba(78, 186, 236, 0.2); animation: loading 1s infinite linear; display: none;}
#present .loading { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 12px; height: 12px; -ms-border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background: rgba(255, 255, 255, 0.3); box-shadow: 0 -10px 0 -3px rgba(255, 255, 255, 0.8), 0 0 0 10px rgba(236, 78, 186, 0.2); animation: loading 1s infinite linear; display: none;}
/*COMMON*/
ruby { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
body, div#con-body { text-align: center; z-index: 0; font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; width: 100%; height: 100%; margin: 0 auto; font-size: 90%; position: relative; background-color: rgba(255, 255, 255, 1.0); color: rgba(0, 124, 176, 1.0);}
#container { width: 100%; height: 100%;}
.wrap { box-sizing: border-box; width: 98%; max-width: 980px; margin: 0 auto; line-height: 160%; position: relative; background: rgba(255, 255, 255, 0.9); -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.wrap:before, .wrap:after { content: ""; display: table;}
.wrap:after { clear: both;}
.more { width: 70px; height: 12px;}
.more a { width: 100%; height: 100%; display: block; background: url(../img/more.png) no-repeat;}
.more a:hover { filter: alpha(opacity=80); -khtml-opacity: 0.8; opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8;}
/*sns_btn*/
.twtfb { width: 300px; height: 26px; overflow: hidden; margin: 20px auto 0 auto; position: relative;}
.twtfb:before, .twtfb:after { content: ""; display: table;}
.twtfb:after { clear: both;}
.twtbtn { width: 45%; height: 26px; float: left; text-align: right; margin-right: 1.5%;}
.fbbtn { width: 53%; height: 26px; float: left; text-align: left; overflow: hidden;}
.ifss { height: 21px; overflow: hidden; border: 0; background-color: transparent;}
/*color*/
.wt { color: rgba(255, 255, 255, 1.0);}
.gt { color: rgba(88, 88, 88, 1.0);}
.lgt { color: rgba(200, 200, 200, 1.0);}
.blk { color: rgba(0, 0, 0, 1.0);}
.red { color: rgba(208, 77, 7, 1.0);}
.pnk { color: rgba(166, 0, 13, 0.65);}
.col { color: rgba(0, 159, 215, 0.65);}
a:link { color: rgba(7, 159, 168, 0.8);}
a:visited { color: rgba(7, 179, 188, 0.8);}
a:active { color: rgba(208, 77, 7, 1.0);}
a:hover { color: rgba(0, 150, 212, 1.0);}
.nolnk { background: rgba(0, 0, 0, 0.7);}
.datet { color: rgba(98, 122,148, 0.7); font-size: 95%;}
.nkmt { color: rgba(0, 125, 167, 1.0); letter-spacing: 0.1em;}
a:hover .datet { color: rgba(98, 122,148, 0.9); font-size: 95%;}
a:hover .nkmt { color: rgba(0, 155, 155, 1.0); letter-spacing: 0.1em;}
/*neuma_colors*/
.gray { color: #7b7b7b;}
.black { color: #171717;}
.purple { color: #b233b2;}
.ultramarine { color: #0039cb;}
.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;}
.bluegreen { color: #0b9d9b;}
/*colorbox*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#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;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background: rgba(91, 137, 184, 0.8);}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background: rgba(101, 147, 194, 1.0);}
.cboxIframe{background: rgba(255, 255, 255, 1.0);}
#cboxError{padding:50px; border:1px solid rgba(204, 204, 204, 1.0);}
#cboxLoadedContent{border:5px solid rgba(101, 147, 194, 1.0); background: rgba(0, 0, 0, 1.0);}
#cboxTitle{position:absolute; top:-20px; left:0; color: rgba(255, 255, 255, 1.0); letter-spacing: 0.2em; font-weight: bold;}
#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:5px; right:5px; display:block; background:url(../img/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}
/*color*/
.nagase { color: rgba(0, 133, 72, 1.0);}
.yoshioka { color: rgba(164, 0, 75, 1.0);}
.sakaguchi { color: rgba(0, 48, 155, 1.0);}
.ayaka { color: rgba(60, 121, 172, 1.0);}
.nagase_ln { border-bottom: 2px dotted rgba(0, 133, 72, 0.1); line-height: 170%; color: rgba(0, 103, 42, 1.0);}
.yoshioka_ln { border-bottom: 2px dotted rgba(164, 0, 75, 0.1); line-height: 170%; color: rgba(134, 0, 45, 1.0);}
.sakaguchi_ln { border-bottom: 2px dotted rgba(0, 48, 155, 0.1); line-height: 170%; color: rgba(0, 18, 125, 1.0);}
.w_ln { border-bottom: 2px dotted rgba(50, 50, 50, 0.1); line-height: 170%; color: rgba(50, 50, 50, 1.0);}
/*btn*/
.btnsp { width: 250px; height: 30px; margin: 15px auto 25px auto; text-align: center; letter-spacing: 0.1em; font-weight: bold;}
.btnsp .btn a { width: 100%; height: 100%; display: block; padding: 0.5em 0; text-decoration: none; color: rgba(255, 255, 255, 1); background-image: -webkit-linear-gradient(#489fe2 0%, #119dbb 100%); background-image: linear-gradient(#489fe2 0%, #119dbb 100%); -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; -ms-border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;}
.btnsp .btn a:hover { -ms-transform: translateY(2px); -webkit-transform: translateY(2px); transform: translateY(2px); border-bottom: none; color: rgba(163, 255, 252, 1); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1;}
/*btn2*/
.btnsp2 { width: 250px; height: 30px; margin: 15px auto 25px auto; text-align: center; letter-spacing: 0.3em; font-size: 140%;}
.btnsp2 .btn a { width: 100%; height: 100%; display: block; padding: 0.5em 0; text-decoration: none; color: rgba(255, 255, 255, 1); background-image: -webkit-linear-gradient(#cf5778 0%, #da9b98 100%); background-image: linear-gradient(#cf5778 0%, #da9b98 100%); -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; -ms-border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;}
.btnsp2 .btn a:hover { -ms-transform: translateY(2px); -webkit-transform: translateY(2px); transform: translateY(2px); border-bottom: none; color: rgba(252, 163, 255, 1); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1;}
/*footer*/
#footersp { width: 100%;}
#footer { width: 100%; max-width: 1200px; margin: 0 auto; padding: 10px 0 5px 0; position: relative;}
#cr { box-sizing: border-box; font-size: 90%; text-align: center; line-height: 130%; padding: 10px;}
#pgtpsp { width: 30%; max-width: 150px; margin: 5px auto;}
#pgtp { width: 100%; height: 0; padding-top: 100%; position: relative;}
#pgtp a { width: 100%; height: 0; padding-top: 100%; display: block; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/pgtp.png);}
#pgtp a:hover { filter: alpha(opacity=70); -khtml-opacity: 0.7; -webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7;}
#pgtp .lnktxt { width: 100%; position: absolute; top: 50%; left: 0; margin-top: -4px; font-size: 80%; font-weight: bold; color: rgba(8, 69, 112, 0.8);}
/*_kanren*/
.kanrenset { width: 100%; margin: 0 auto;}
.kanrensp { width: 100%; max-width: 300px; margin: 5px auto;}
.kanrensp:first-child { margin: 10px auto 5px auto;}
.kanren { width: 100%; height: 0; padding-top: 40%; position: relative; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
.kanren a { width: 100%; height: 0; padding-top: 40%; position: absolute; top: 0; left: 0;}
.kanren a:hover { background: rgba(93, 243, 206, 0.1);}
/*_sns*/
#snsset:before, #snsset:after { content: ""; display: table;}
#snsset:after { clear: both;}
#snsset h2 { font-weight: lighter; line-height: 130%; padding: 5px 0 0 0;}
.snsspset { width: 94%; max-width: 316px; margin: 5px auto;}
.snssp { box-sizing: border-box; width: 100%; border: 1px solid rgba(0, 181, 197, 0.2); position: relative; padding-bottom: 5px;}
.snssp dl { width: 96%; position: absolute; top: 5px; left: 2%;}
.snssp dt:before, .snssp dt:after, .snssp:before, .snssp:after { content: ""; display: table;}
.snssp dt:after, .snssp:after { clear: both;}
.snssp .ttt { width: 50%; text-align: left; float: left; font-size: 140%; color: rgba(0, 150, 212, 1.0); display: block; letter-spacing: 0.1em;}
.snssp .idt { width: 49%; text-align: right; float: right; font-size: 95%; color: rgba(7, 179, 188, 1.0); display: block; letter-spacing: 0.1em; padding-top: 5px;}
.snssp a { width: 100%; height: 100%; display: block;}
.snssp a:hover { filter: alpha(opacity=80); -khtml-opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8;}
#sns_twitter { height: 0; padding-top: 99.3670886075949%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-position: bottom right; display: none;}
#sns_twitter dt { padding-bottom: 5px;}
#sns_instagram { height: 0; padding-top: 79.1139240506329%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-position: bottom right; display: none;}
#sns_instagram .more { margin: 5px 0; float: right;}
#sns_instagram dd { background: rgba(255, 255, 255, 0.1);}
#sns_instagram div.insta { width: 100%; height: 175px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden;}
#sns_instagram div.insta ul { margin:0px 0 0 10px;}
#sns_instagram div.insta ul li { float:left; margin: 3px 0 0 3px;}
#sns_instagram div.insta ul li a, div.insta ul li a img { display:block; background-position:center center; background-repeat:no-repeat; width:85px; height: 85px;}
#sns_instagram div.insta ul li a { background-size:cover;}
#sns_instagram div.insta ul li a:hover img { background-color: rgba(93, 243, 206, 0.1);}
#sns_instagram div.insta ul li a img { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:1px solid rgba(255, 255, 255, 1.0);}
#sns_instagram div.insta ul li a img.icon-video { background-image:url(/um/img/play.png);}
#sns_line { background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: top right; padding: 15px 5px; max-height: 59px; display: none;}
#sns_line .ttt { box-sizing: border-box; width: 43%; text-align: right; padding-right: 15px;}
#sns_line .idt { width: 56%; text-align: left;}
/*headter*/
#header { width: 100%; max-width: 1200px; margin: 0 auto; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/head_s0.jpg);}
#titlesp { width: 100%; max-width: 1000px; margin: 0 auto;}
#titleall { width: 100%; height: 0; padding-top: 50%; position: relative;}
#titlep { width: 100%; height: 0; padding-top: 50%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; display: none;}
#titleall0 { width: 100%; height: 0; padding-top: 70%; position: relative;}
#titlep0 { width: 100%; height: 0; padding-top: 70%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; display: none;}
#titleall .nojstxt, #titleall0 .nojstxt { width: 100%; position: absolute; top: 45%; left: 0; text-align: center; color: rgba(0, 0, 0, 1.0); font-size: 140%;}
#wnsp { width: 100%; max-width: 880px; margin: 0 auto;}
#wnsp:before, #wnsp:after { content: ""; display: table;}
#wnsp:after { clear: both;}
/*_whatsnew*/
#whatsnew { width: 90%; max-width: 370px; margin: 10px auto;}
#whatsnew dt { width: 100%; min-height: 28px; margin-bottom: 2px; position: relative;}
#whatsnew dt:before, #whatsnew dt:after { content: ""; display: table;}
#whatsnew dt:after { clear: both;}
#whatsnew dt .wntsp { width: 60%; max-width: 190px; position: absolute; top: 0; left: 0; display: block;}
#whatsnew dt .wnp { width: 100%; height: 0; padding-top: 14.7368421052632%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/whatsnew.png); display: block;}
#whatsnew dt .wnt { width: 35%; text-align: right; position: absolute; bottom: 2px; right: 0; display: block; color: rgba(55, 129, 149, 1.0); font-size: 95%; letter-spacing: 0.1em;}
#whatsnew dd li { box-sizing: border-box; width: 100%; text-align: left; line-height: 130%; background: rgba(255, 255, 255, 0.9); border: 1px solid rgba(124, 200, 224, 1.0); border-left: 5px solid rgba(124, 200, 224, 1.0); margin-bottom: 3px; position: relative;}
#whatsnew dd .lln { box-sizing: border-box; width: 100%; padding: 10px; margin-left: 2px; border-left: 1px solid rgba(124, 200, 224, 0.8);}
#whatsnew dd .linya { font-size: 160%; font-weigt: bold; color: rgba(105, 179, 199, 1.0);}
#whatsnew dd .lnktxt { font-size: 105%; color: rgba(0, 160, 158, 1.0);}
#whatsnew dd li a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#whatsnew dd li a:hover { background: rgba(93, 243, 206, 0.1);}
#whatsnew .moresp:before, #whatsnew .moresp:after { content: ""; display: table;}
#whatsnew .moresp:after { clear: both;}
#whatsnew .more { margin: 5px 0; float: right;}
#whatsnew .fstul { width: 88%;}
#whatsnew .wnmore { box-sizing: border-box; width: 30px; height: 30px; padding: 5px; text-align: center; font-weight: bold; color: rgba(0, 142, 185, 1.0); background: rgba(255, 255, 255, 0.6); -ms-border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; margin: -50px 0 30px 90%;}
#whatsnew .wnmore:before, #whatsnew .wnmore:after { content: ""; display: table;}
#whatsnew .wnmore:after { clear: both;}
#whatsnew .wnmore:first-child { display: block;}
#whatsnew .wnmore:hover, #ind #whatsnew .closewnmore:hover { color: rgba(0, 142, 185, 0.6); cursor: pointer;}
#whatsnew .plust { display: none;}
/*_sns-ico*/
.icoset { width: 80%; max-width: 280px; height: 90px; margin: 5px auto; position: relative;}
.ico { width: 30%; height: 0; padding-top: 30%; background: rgba(255, 255, 255, 1.0); -ms-border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; position: relative;}
.ico a { width: 100%; height: 100%; background: rgba(230, 230, 230, 0.2); -ms-border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; display: block; position: absolute; top: 0; left: 0;}
.ico a:hover { background: rgba(230, 230, 230, 0.4); -ms-border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;}
#ico_instagram { position: absolute; top: 5px; left: 1%;}
#ico_twitter { position: absolute; top: 5px; left: 50%; margin-left: -15%;}
#ico_line { position: absolute; top: 5px; right: 1%;}
.ico div { width: 30px; height: 30px; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px;}
#ico_instagram div { background: url(../img/ico_instagram.png) no-repeat;}
#ico_twitter div { background: url(../img/ico_twitter.png) no-repeat;}
#ico_line div { background: url(../img/ico_line.png) no-repeat;}
/*_menu*/
#mnall_spot { width: 100%; max-width: 1000px; margin: 0 auto;}
#mnall { width: 100%; max-width: 1000px; min-height: 100px; margin: 0 auto; position: relative;}
#mnset { width: 100%; max-width: 360px; margin: 0 auto; display: none;}
#mnset ul:before, #mnset ul:after { content: ""; display: table;}
#mnset ul:after { clear: both;}
.mn { width: 48%; max-width: 185px; height: 0; padding-top: 30.8756756756757%; margin: 2px 1%; position: relative; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; overflow: hidden;}
.mn2 { width: 98%; max-width: 360px; padding-top: 44.1%; margin: 2px auto;}
.mn3 { width: 48%; max-width: 232px; padding-top: 31.0344827586207%; margin: 2px 0 2px 1.2%; float: left;} /*3danme- 232x150*/
.mn a { width: 100%; height: 100%; display: block; background: rgba(255, 255, 255, 0); position: absolute; top: 0; left: 0;}
.mn a:hover { background: rgba(255, 255, 255, 0.2);}
.mn a::before, .mn a::after { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; border: 2px solid rgba(255, 255, 255, 0.1); border-radius: 50%; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2); -moz-transform: translateX(-50%) translateY(-50%) scale(0.2); transform: translateX(-50%) translateY(-50%) scale(0.2);}
.mn a::after { width: 90px; height: 90px; border-width: 6px; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8); -moz-transform: translateX(-50%) translateY(-50%) scale(0.8); transform: translateX(-50%) translateY(-50%) scale(0.8);}
.mn a:hover::before, .mn a:hover::after, .mn a:focus::before, .mn a:focus::after { opacity: 1; -webkit-transform: translateX(-50%) translateY(-50%) scale(1); -moz-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1);}
.mn .update { width: 32%; height: 35px; position: absolute; top: 0; left: 0; text-align: center; display: block; background: rgba(0, 81, 88, 0.5); -ms-border-radius: 0 0 50% 0; -moz-border-radius: 0 0 50% 0; -webkit-border-radius: 0 0 50% 0; border-radius: 0 0 50% 0;}
.mn .update2 { width: 80px; height: 35px; position: absolute; top: 5px; right: 5px; text-align: center; display: block; background: rgba(0, 81, 88, 0.5); -ms-border-radius: 0 0 0 10px; -moz-border-radius: 0 0 0 10px; -webkit-border-radius: 0 0 0 10px; border-radius: 0 0 0 10px;}
.mn .num { width: 40%; position: absolute; bottom: 5%; left: 5%; text-align: left; display: block; color: rgba(255, 255, 255, 1.0); font-weight: bold; letter-spacing: 0.1em;}
.mn .num2 { width: 90%; position: absolute; bottom: 7%; left: 5%; text-align: right; display: block; color: rgba(255, 255, 255, 1.0); letter-spacing: 0.1em; line-height: 120%; font-size: 96%;}
.mn3 .update_r { width: 32%; height: 35px; position: absolute; top: 0; right: 0; text-align: center; display: block; background: rgba(0, 81, 88, 0.5); -ms-border-radius: 0 0 0 50%; -moz-border-radius: 0 0 0 50%; -webkit-border-radius: 0 0 0 50%; border-radius: 0 0 0 50%;}
.mn .update .updtxt, .mn .update_r .updtxt, .mn .update2 .updtxt { width: 100%; font-size: 80%; font-weight: bold; line-height: 130%; color:rgba(255, 255, 255, 0.8); position: absolute; top: 10px; left: 0; text-align: center; display: block;}
.mn .cstxt { width: 80%; height: 30%; position: absolute; top: 60%; left: 10%; text-align: left; display: block; line-height: 130%;}
.mn .cstxt .nkmt { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; letter-spacing: 0;}
.mn .cstxt0 { width: 80%; position: absolute; top: 65%; left: 10%; text-align: center; letter-spacing: 0.1em; font-size: 110%; color: rgba(0, 0, 0, 1.0); display: block;}
#mn0, #mn_story, #mn_intro, #mn_cast, #mn_news, #mn_message { float: left;}
/*_spot*/
#spot { width: 100%; max-width: 494px; margin: 5px auto;}
#spotsp { width: 100%; height: 0; padding-top: 57.8947368421053%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/spot_bg.jpg); position: relative; margin-bottom: 2px;}
#moviesp { width: 97.165991902834%; position: absolute; top: 2.5%; left: 1.5%;}
#movie { width: 100%; height: 0; padding-top: 56.25%; position: absolute; top: 0; left: 0;}
#movie iframe { box-sizing: border-box; width: 100%; height: 100%; border: 0; position: absolute; top: 0; left: 0;}
.m_nojs { 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; display: none;}
.storytxt { width: 48%; height: 0; padding-top: 30.8756756756757%; margin: 2px 1%; position: relative; float: right; text-align: right; font-size: 95%;}
.storytxt .sttsp { width: 55%; max-width: 80px; position: absolute; top: 2%; right: 1%;}
.storytxt .stp { width: 100%; height: 0; padding-top: 35%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/spot.png);}
.storytxt .stt { width: 100%; text-align: right; position: absolute; top: 30%; right: 2%; color: rgba(55, 129, 149, 1.0); font-size: 95%; letter-spacing: 0.1em;}
.storytxt .datetxt { width: 100%; text-align: right; position: absolute; bottom: 15%; right: 2%; color: rgba(16, 157, 200, 1.0); font-size: 110%; letter-spacing: 0; line-height: 130%;}
#movie .nojsmovie { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 1.0);}
#movie .nojstxt { width: 100%; position: absolute; top: 45%; left: 0; color: rgba(255, 255, 255, 1.0); text-align: center; font-size: 90%;}

/*CON*/
#con #container { max-width: 1200px; margin: 0 auto; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/head_s0.jpg);}
#con #header { background: url(../img/cover.gif) repeat;}
#con #titleall { width: 100%; height: 0; padding-top: 15%; position: relative;}
#con #titleall a { width: 100%; height: 0; padding-top: 15%; position: absolute; top: 0; left: 0; display: block;}
#con #titlep { width: 100%; height: 0; padding-top: 15%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; background-image: url(../img/title_con0.png?1); display: block;}
#con .wrap { max-width: 920px; margin: 10px auto; color: rgba(0, 0, 0, 1.0); min-height: 300px; 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 .wrap:after { width: 100%; height: 10px; contents: ""; background: rgba(0, 103, 130, 0.5); position: absolute; bottom: 0; left: 0; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}
#con .wrap .con_title { box-sizing: border-box; -ms-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; padding: 10px 0 5px 0; background: radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.15) 30%, rgba(255,255,255,.3) 32%, rgba(255,255,255,0) 33%) 0 0, radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.3) 13%, rgba(255,255,255,0) 14%) 0 0, radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 17%, rgba(255,255,255,.43) 19%, rgba(255,255,255,0) 20%) 0 110px, radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) -130px -170px, radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) 130px 370px, radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.2) 13%, rgba(255,255,255,0) 14%) 0 0, linear-gradient(45deg, rgba(52, 55, 2, 0.7) 0%, rgba(24, 69, 0, 0.7) 20%, rgba(24, 117, 70, 0.7) 30%, rgba(0, 103, 130, 0.7) 40%, rgba(11, 18, 132, 0.7) 50%, rgba(118, 14, 161, 0.7) 60%, rgba(131, 9, 110, 0.7) 70%, rgba(132, 11, 42, 0.7) 80%, rgba(177, 62, 18, 0.7) 90%, rgba(226, 116, 18, 0.7) 100%); background-size: 470px 470px, 970px 970px, 410px 410px, 610px 610px, 530px 530px, 730px 730px, 100% 100%; background-color: rgba(132, 11, 42, 0.7); color: rgba(255, 255, 255, 1.0);}
#con .wrap .con_title .engt { font-family: 'Batang'; font-size: 140%; font-style: italic; letter-spacing: 0.2em; text-shadow: 2px 2px 4px rgba(50, 50, 50, 0.8); -moz-text-shadow: 2px 2px 4px rgba(50, 50, 50, 0.8); -webkit-text-shadow: 2px 2px 4px rgba(50, 50, 50, 0.8);}
#con .wrap .con_title .jpnt { font-size: 90%; letter-spacing: 0.1em; color: rgba(255, 255, 255, 0.8);}
#con #cast .con_title .engt, #con #chart .con_title .engt { letter-spacing: 0.1em;}
#con #cast .con_title .jpnt, #con #chart .con_title .jpnt { letter-spacing: 0;}
#con .contset:before, #con .contset:after { content: ""; display: table;}
#con .contset:after { clear: both;}
#con .consp { width: 94%; margin: 0 auto; padding: 10px 0; text-align: left;}
#con .consp .catchtxt { text-align: center; font-weight: bold; font-family: 'Century', "游明朝", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 ProN W3"; letter-spacing: 0.05em;margin: 15px 0;}
#con .consp .sbtxt { text-align: center; margin: 20px auto;}
#con .consp .subtitle { background: #fff; background:  -webkit-radial-gradient(center, ellipse cover, rgba(136, 194, 232, 1.0) 0%, rgba(92, 165, 214, 1.0) 50%, rgba(61, 142, 196, 1.0) 51%, rgba(24, 114, 178, 1.0) 100%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; text-align: left; font-size: 120%; font-weight: bold; letter-spacing: 0.2em; padding-left: 40px; padding-top: 10px; display: inline; position: relative; z-index: 0; margin: 5px auto 10px auto;}
#con #present .consp .subtitle { background: #fff; background:  -webkit-radial-gradient(center, ellipse cover, rgba(232, 136, 194, 1.0) 0%, rgba(214, 92, 165, 1.0) 50%, rgba(196, 61, 142, 1.0) 51%, rgba(178, 24, 114, 1.0) 100%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; text-align: left; font-size: 110%; font-weight: bold; letter-spacing: 0.1em; padding-left: 40px;padding-top: 10px; display: inline; position: relative; z-index: 0; margin: 10px auto;}
#con #report .consp .subtitle { letter-spacing: 0.1em;}
#con #story .consp .subtitle { font-size: 140%;}
#con .consp .update { font-size: 90%; text-align: center; letter-spacing: 0.1em; font-weight: bold; margin: -15px 0 10px 0; color: rgba(44, 89, 163, 0.7);}
#con .consp .subtitle:first-letter { font-size: 90%; color: #48b2ac;} 
#con .consp .subtitle::before { content: ''; height: 25px; width: 25px; display: block; left: 23px; top: -12px; position: absolute; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; background-color: #aed897; filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5; z-index: 10;}
#con .consp .subtitle::after{ content: ''; height: 38px; width: 38px; display: block; position: absolute; left:0px; top:0px; border-radius: 34px; -webkit-border-radius: 34px; -moz-border-radius: 34px; background-color: #9bc1ff; filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5; z-index: 20;}
#con #present .consp .update { font-size: 90%; text-align: center; letter-spacing: 0.1em; font-weight: bold; margin: -15px 0 10px 0; color: rgba(163, 44, 89, 0.7);}
#con #present .consp .subtitle:first-letter { font-size: 90%; color: #b2487a;} 
#con #present .consp .subtitle::before { content: ''; height: 25px; width: 25px; display: block; left: 23px; top: -12px; position: absolute; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; background-color: #dda2d1; filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5; z-index: 10;}
#con #present .consp .subtitle::after{ content: ''; height: 38px; width: 38px; display: block; position: absolute; left:0px; top:0px; border-radius: 34px; -webkit-border-radius: 34px; -moz-border-radius: 34px; background-color: #da9b98; filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5; z-index: 20;}
#con .consp .sayu { width: 98%; margin: 0 auto 25px auto;}
#con .consp th { width: 48%; text-align: right; padding: 5px 10px; vertical-align: bottom; letter-spacing: 0.2em; font-size: 102%; color: rgba(67, 84, 57, 0.9);}
#con .consp .sayu2 th { width: 38%; text-align: right; padding: 5px 10px 5px 0; vertical-align: top; letter-spacing: 0.2em; font-size: 102%; color: rgba(67, 84, 57, 0.9);}
#con .consp .aid { width: 4%; text-align: center; padding: 5px; vertical-align: bottom; color: rgba(10, 10, 10, 0.9); font-size: 90%;}
#con .consp .sayu2 .aid { width: 4%; text-align: center; padding: 5px; vertical-align: top; color: rgba(10, 10, 10, 0.9); font-size: 90%;}
#con .consp .aid1 { width: 100%; text-align: center; padding: 5px 5px 5px 12px; vertical-align: bottom; color: rgba(10, 10, 10, 0.9); font-size: 90%;}
#con .consp .aid0 { width: 100%; text-align: center; padding: 5px; color: rgba(10, 10, 10, 0.9); letter-spacing: 0.1em;}
#con .consp .nmt { width: 48%; text-align: left; padding: 5px 10px; vertical-align: bottom; letter-spacing: 0.2em; font-size: 110%; color: rgba(44, 89, 163, 1.0);}
#con .consp .sayu2 .nmt { width: 58%; text-align: left; padding: 5px 10px; vertical-align: top; letter-spacing: 0.2em; font-size: 110%; color: rgba(44, 89, 163, 1.0); line-height: 180%;}
#con .consp .nmt0 { width: 100%; text-align: center; letter-spacing: 0.1em; color: rgba(44, 89, 163, 1.0); line-height: 130%;}
#con .consp .pdt10 { padding: 20px 10px 5px 10px;}
#con .consp .tblbtm { width: 100%; margin: 0 auto; position: relative;}
#con .consp .tblbtm::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; margin: 0 auto 12px; text-align: center; background-image: -webkit-linear-gradient(left, transparent, #9bc1ff 25%, #9bc1ff 75%, transparent); background-image: linear-gradient(to right, transparent, #9bc1ff 25%, #9bc1ff 75%, transparent); background-position: center; background-repeat: no-repeat;}
#con #present .consp .tblbtm::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; margin: 0 auto 12px; text-align: center; background-image: -webkit-linear-gradient(left, transparent, #da9b98 25%, #da9b98 75%, transparent); background-image: linear-gradient(to right, transparent, #da9b98 25%, #da9b98 75%, transparent); background-position: center; background-repeat: no-repeat;}
/*archive*/
#con .arcvsp { box-sizing: border-box; width: 100%; margin: 0 auto 10px; padding: 10px 5px; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: top right; background-image: url(../img/bg_twitter.png); background-color: rgba(214, 227, 236, 0.3);}
#report .arcvsp { background-position: bottom right;}
#con .arcvsp dt { font-size: 110%; letter-spacing: 0.1em; color: rgba(96, 154, 192, 1.0); padding: 5px 0;}
#con .arcvsp dd { padding: 5px;}
#con .arcvsp 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 .arcvsp ul:before, #con .arcvsp ul:after { content: ""; display: table;}
#con .arcvsp ul:after { clear: both;}
#con .arcvsp li { box-sizing: border-box; width: 100%; text-align: left; margin-bottom: 5px; line-height: 130%; border: 1px solid rgba(255, 255, 255, 0.9);}
#con .arcvsp .lnkon a { box-sizing: border-box; width: 100%; height: 100%; display: block; padding: 10px; background: rgba(255, 255, 255, 0.7);}
#con .arcvsp .lnkon a:hover { background: rgba(255, 255, 255, 0.8);}
#con .arcvsp .lnkon a .onairtxt { color: rgba(0, 150, 180, 1.0); font-size: 90%; display: block;}
#con .arcvsp .lnkon a .titletxt { color: rgba(10, 141, 232, 1.0); font-size: 95%; display: block; padding-left: 10px;}
#con .arcvsp .lnkon a:hover .onairtxt { color: rgba(0, 150, 180, 0.7);}
#con .arcvsp .lnkon a:hover .titletxt { color: rgba(10, 141, 232, 0.7);}
#con .arcvsp .lnkof a { box-sizing: border-box; width: 100%; height: 100%; display: block; padding: 10px; background: rgba(205, 205, 205, 0.2); cursor: default; pointer-events: none;}
#con .arcvsp .lnkof a .onairtxt { color: rgba(130, 170, 180, 1.0); font-size: 90%; display: block;}
#con .arcvsp .lnkof a .titletxt { color: rgba(160, 181, 222, 1.0); font-size: 95%; display: block; padding-left: 10px;}
/*sns*/
.con_sns { width: 100%; max-width: 640px; margin: 0 auto;}
.con_sns:before, .con_sns:after { content: ""; display: table;}
.con_sns:after { clear: both;}
#con .snsspset { width: 32%; height: 55px; float: left; margin-left: 1%;}
#con #sns_twitter, #con #sns_instagram, #con #sns_line { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.2); padding: 0; display: block; font-size: 70%; line-height: 130%; letter-spacing: 0; position: relative; overflow: hidden;}
#con #sns_twitter .ttt, #con #sns_instagram .ttt, #con #sns_line .ttt { width: 100%; text-align: center; padding: 0; color: rgba(0, 150, 212, 1.0); position: absolute; top: 15px; left: 0; font-weight: bold;}
#con #sns_twitter .idt, #con #sns_instagram .idt, #con #sns_line .idt { width: 100%; text-align: center; padding: 0; color: rgba(7, 179, 188, 1.0); position: absolute; bottom: 10px; left: 0;}
/*contents*/
.newsset dt { font-size: 110%; font-weight: bold;}
.newsset .ddnkm { padding: 5px;}
.newsset .onairtxt { color: rgba(0, 150, 180, 1.0); font-size: 95%;}
/*menu*/
#con #mnset_con { width: 98%; max-width: 900px; margin: 0 auto; display: none;}
#con #mnset_con ul:before, #con #mnset_con ul:after { content: ""; display: table;}
#con #mnset_con ul:after { clear: both;}
#con .mn { width: 32.5%; padding-top: 20.905405405405333%; margin: 2px 0 2px 0.4%;}
#con .mn2 { width: 32.5%; padding-top: 14.6197411003236%; margin: 2px 0 2px 0.4%; float: left;}
#con .mn3 { width: 24.2%; padding-top: 15.6465517241379%; margin: 2px 0 2px 0.4%; float: left;} /*3danme- 232x150*/
#con #mn0 .ttt { width: 100%; text-align: center; position: absolute; top: 30%; left: 0; color: rgba(0, 150, 212, 0.5); font-weight: bold;}
.story_mnset #mn_story { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; filter: opacity(50%) saturate(60%); -webkit-filter: opacity(50%) saturate(60%); -moz-filter: opacity(50%) saturate(60%); -o-filter: opacity(50%) saturate(60%);}
.story_mnset #mn_story a { cursor: default; pointer-events: none;}
.intro_mnset #mn_intro { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; filter: opacity(50%) saturate(60%); -webkit-filter: opacity(50%) saturate(60%); -moz-filter: opacity(50%) saturate(60%); -o-filter: opacity(50%) saturate(60%);}
.intro_mnset #mn_intro a { cursor: default; pointer-events: none;}
.cast_mnset #mn_cast { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; filter: opacity(50%) saturate(60%); -webkit-filter: opacity(50%) saturate(60%); -moz-filter: opacity(50%) saturate(60%); -o-filter: opacity(50%) saturate(60%);}
.cast_mnset #mn_cast a { cursor: default; pointer-events: none;}
.news_mnset #mn_news { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; filter: opacity(50%) saturate(60%); -webkit-filter: opacity(50%) saturate(60%); -moz-filter: opacity(50%) saturate(60%); -o-filter: opacity(50%) saturate(60%);}
.news_mnset #mn_news a { cursor: default; pointer-events: none;}
.message_mnset #mn_message { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; filter: opacity(50%) saturate(60%); -webkit-filter: opacity(50%) saturate(60%); -moz-filter: opacity(50%) saturate(60%); -o-filter: opacity(50%) saturate(60%);}
.message_mnset #mn_message a { cursor: default; pointer-events: none;}
.interview_mnset #mn_interview { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; filter: opacity(50%) saturate(60%); -webkit-filter: opacity(50%) saturate(60%); -moz-filter: opacity(50%) saturate(60%); -o-filter: opacity(50%) saturate(60%);}
.interview_mnset #mn_interview a { cursor: default; pointer-events: none;}
.comment_mnset #mn_comment { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; filter: opacity(50%) saturate(60%); -webkit-filter: opacity(50%) saturate(60%); -moz-filter: opacity(50%) saturate(60%); -o-filter: opacity(50%) saturate(60%);}
.comment_mnset #mn_comment a { cursor: default; pointer-events: none;}
.report_mnset #mn_report { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; filter: opacity(50%) saturate(60%); -webkit-filter: opacity(50%) saturate(60%); -moz-filter: opacity(50%) saturate(60%); -o-filter: opacity(50%) saturate(60%);}
.report_mnset #mn_report a { cursor: default; pointer-events: none;}
.chart_mnset #mn_chart { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; filter: opacity(50%) saturate(60%); -webkit-filter: opacity(50%) saturate(60%); -moz-filter: opacity(50%) saturate(60%); -o-filter: opacity(50%) saturate(60%);}
.chart_mnset #mn_chart a { cursor: default; pointer-events: none;}
.gallery_mnset #mn_gallery { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; filter: opacity(50%) saturate(60%); -webkit-filter: opacity(50%) saturate(60%); -moz-filter: opacity(50%) saturate(60%); -o-filter: opacity(50%) saturate(60%);}
.gallery_mnset #mn_gallery a { cursor: default; pointer-events: none;}
.present_mnset #mn_present { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; filter: opacity(50%) saturate(60%); -webkit-filter: opacity(50%) saturate(60%); -moz-filter: opacity(50%) saturate(60%); -o-filter: opacity(50%) saturate(60%);}
.present_mnset #mn_present a { cursor: default; pointer-events: none;}
.blog_mnset #mn_blog { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; filter: opacity(50%) saturate(60%); -webkit-filter: opacity(50%) saturate(60%); -moz-filter: opacity(50%) saturate(60%); -o-filter: opacity(50%) saturate(60%);}
.blog_mnset #mn_blog a { cursor: default; pointer-events: none;}
.love_mnset #mn_love { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; filter: opacity(50%) saturate(60%); -webkit-filter: opacity(50%) saturate(60%); -moz-filter: opacity(50%) saturate(60%); -o-filter: opacity(50%) saturate(60%);}
.love_mnset #mn_love a { cursor: default; pointer-events: none;}
/*photo*/
.phtall-yoko { width: 100%; max-width: 450px; margin: 15px auto 10px auto;}
.phtall-tate { width: 80%; max-width: 320px; margin: 15px auto 10px auto;}
.phtall-naka { width: 90%; max-width: 360px; margin: 15px auto 10px auto;}
.phtall-yoko .phtpsp { width: 100%; height: 0; padding-top: 66.6666666666666667%; position: relative; display: none;}
.phtall-tate .phtpsp { width: 100%; height: 0; padding-top: 150%; position: relative; display: none;}
.phtall-naka .phtpsp { width: 100%; height: 0; padding-top: 100%; position: relative; display: none;}
.phtall-yoko .phtp { width: 100%; height: 0; padding-top: 66.6666666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.phtall-tate .phtp { width: 100%; height: 0; padding-top: 150%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.phtall-naka .phtp { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.cpt { text-align: center; font-size: 90%; line-height: 130%; color: rgba(0, 100, 130, 0.7); padding: 5px 0; letter-spacing: 0;}

/*PRESENT*/
#present h2 { -ms-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; width: 100%; height: 0; padding-top: 30%; position: relative;}
#present h2 .titlesp { -ms-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; width: 100%; height: 0; padding-top: 30%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-position: top center; display: block; position: absolute; top: 0; left: 0; display: none;}
#present .infotxt { background: rgba(200, 190, 190, 0.15); font-size: 90%; line-height: 130%; padding: 10px; color: rgba(100, 100, 100, 0.8); margin: 10px 0 0 0;}
#present .consp .inttxt { font-size: 140%; letter-spacing: 0.1em; text-align: center;}
#present .consp .antxt { padding: 20px 0 10px 0; text-align: center;}
#present .arcvsp ul { margin-bottom: 5px;}
#present .arcvsp li { box-sizing: border-box; width: 17.5%; text-align: center; margin: 0 0.5% 5px 1.5%; line-height: 130%; font-size: 120%; font-weight: bold; border: 1px solid rgba(255, 255, 255, 0.9); float: left;}

/*BLOG*/
#blog h2 { -ms-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; width: 100%; height: 0; padding-top: 50%; position: relative;}
#blog h2 .titlesp { -ms-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; width: 100%; height: 0; padding-top: 50%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-position: top center; display: block; position: absolute; top: 0; left: 0; display: none;}
#blog .consp { text-align: center; letter-spacing: 0.1em;}
#blog .searchsp { width: 98%; max-width: 600px; margin: 0 auto;}
#blog .search { width: 100%; height: 0; padding-top: 10%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../blog/img/search.jpg); -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}

/*INTERVIEW*/
#interview h2 { -ms-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; width: 100%; height: 0; padding-top: 30%; position: relative;}
#interview h2 .titlesp { -ms-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; width: 100%; height: 0; padding-top: 30%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-position: top center; display: block; position: absolute; top: 0; left: 0; display: none;}
#interview .consp .subtitle { font-size: 88%; letter-spacing: 0.1em; line-height: 120%;}
#interview .consp .sbtxt { margin: 10px 0 20px 5px;}
#interview .consp .inttxt { font-size: 96%; padding: 5px 0 20px 5px; letter-spacing: 0.1em;}
#interview .phtall-yoko { max-width: 360px; margin: 0 auto;}
#interview .phtall-yoko .phtpsp { margin-bottom: 15px;}
#interview #phtp_2 .phtpsp { margin-top: 15px;}

/*NEWS*/
#news .consp .newsset:last-child .tblbtm { display: none;}
#news .consp .bansen .ddnkm { border: 1px solid rgba(44, 89, 163, 0.1); margin-bottom: 15px;}
#news .consp .bansen dt { color: rgba(44, 159, 202, 1.0);}
#news .newsset .ddnkm { padding: 5px 10px 10px 15px;}
#news .newsset .nkmtxt { color: rgba(0, 100, 130, 1.0); letter-spacing: 0.05em; font-size: 105%;}
#news .newsset .infostxt { color: rgba(0, 100, 130, 0.8); font-size: 85%; line-height: 130%; letter-spacing: 0.1em; padding: 5px 5px 0 5px;}

/*STORY*/
.strpall { width: 90%; max-width: 360px; margin: 10px auto 15px auto;}
.strpsp { width: 100%; height: 0; padding-top: 66.6666666666666667%; position: relative; box-shadow: rgba(20, 169, 214, 0.2) 0px 1px 2px 2px; -webkit-box-shadow: rgba(20, 169, 214, 0.2) 0px 1px 2px 2px; -moz-box-shadow: rgba(20, 169, 214, 0.2) 0px 1px 2px 2px; display: none;}
.strp { width: 100%; height: 0; padding-top: 66.6666666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#story .arcvsp ul { margin-bottom: 5px;}
#story .arcvsp li { box-sizing: border-box; width: 17.5%; text-align: center; margin: 0 0.5% 5px 1.5%; line-height: 130%; font-size: 120%; font-weight: bold; border: 1px solid rgba(255, 255, 255, 0.9); float: left;}
#story .newsset .nkmtxt { color: rgba(0, 100, 130, 1.0); letter-spacing: 0.05em;}
#teasersp { width: 96%; max-width: 480px; margin: 10px auto; position: relative; display: none;}
#teasersp:before { width: 100%; content: ""; border-bottom: 1px solid rgba(0, 147, 188, 0.2); position: absolute; top: 50%; left: 0;}
#teasersp:before, #teasersp:after { content: ""; display: table;}
#teasersp:after { clear: both;}
#teasersp .tttlsp { float: left; background: rgba(255, 255, 255, 1.0); position: absolute; top: 35%; left: 0; color: rgba(0, 147, 188, 0.8); font-weight: bold; letter-spacing: 0.1em;}
#teasersp .smnall { width: 30%; max-width: 160px; float: right; margin-left: 5px;}
#teasersp .smnsp { width: 100%; height: 0; padding-top: 56.25%; position: relative; border: 2px solid rgba(0, 147, 188, 0.2);}
#teasersp .smn { 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;}
#teasersp .smn a { width: 100%; height: 100%; display: block; background: rgba(255, 255, 255, 0); position: absolute; top: 0; left: 0;}
#teasersp .smn a:hover { background: rgba(255, 255, 255, 0.3);}
#teasersp .mname { width: 100%; display: block; position: absolute; top: 32%; left: 0; font-size: 75%; text-align: center; color: rgba(0, 147, 188, 1.0); letter-spacing: 0.1em;}

/*GALLERY*/
#gallery .arcvsp ul { margin-bottom: 5px;}
#gallery .arcvsp li { box-sizing: border-box; width: 17.5%; text-align: center; margin: 0 0.5% 5px 1.5%; line-height: 130%; font-size: 120%; font-weight: bold; border: 1px solid rgba(255, 255, 255, 0.9); float: left;}

/*INTRO*/
#intro .consp .catchtxt { text-align: center; font-weight: bold; font-family: 'Century', "游明朝", "ヒラギノ明朝 Pro W3", "ヒラギノ明朝 ProN W3"; letter-spacing: 0.05em;margin: 0 0 15px 0;}
#intro .itrpall { width: 100%; max-width: 920px; margin: 10px auto 0 auto;}
#intro .itrpall1 { width: 100%; max-width: 480px; margin: 10px auto;}
#intro .itrpall2 { width: 100%; max-width: 600px; margin: 10px auto;}
#intro #itrpsp { width: 100%; height: 0; padding-top: 30%; position: relative;}
#intro #itrpsp .sphoto { width: 100%; height: 0; padding-top: 30%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
#intro #itrpsp1 { width: 100%; height: 0; padding-top: 62.5%; 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; display: none;}
#intro #itrpsp1 .sphoto { width: 100%; height: 0; padding-top: 62.5%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#intro #itrpsp2 { width: 100%; height: 0; padding-top: 37.5%; 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; display: none;}
#intro #itrpsp2 .sphoto { width: 100%; height: 0; padding-top: 37.5%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}

/*MESSAGE*/
#message .consp { width: 94%; min-height: 200px; margin: 10px auto 0 auto; padding: 0; text-align: left; margin-bottom: -150px; oveflow: hidden; z-index: 1000;}
#message .consp iframe { width: 100%; padding: 0; margin: 0; border: 0; z-index: 1000;}
#message .infotxt dt { font-weight: bold; letter-spacing: 0.1em;}
#message .infotxt dd { text-align: left; line-height: 150%; font-size: 83%;}
#message .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%;}
#message .arcvsp ul { margin-bottom: 5px; position: relative; z-index: 2000;}
#message .arcvsp li { box-sizing: border-box; width: 47.5%; text-align: center; margin: 0 0.5% 5px 1.5%;}
#message .arcvsp .lnkon a .titletxt, #message .arcvsp .lnkof a .titletxt { padding-left: 0;}
#message #m1acv #a1t a, #message #m2acv #a2t a, #message #m3acv #a3t a, #message #m4acv #a4t a, #message #m5acv #a5t a, #message #m6acv #a6t a, #message #m7acv #a7t a, #message #m8acv #a8t a, #message #m9acv #a9t a, #message #m10acv #a10t a { box-sizing: border-box; width: 100%; height: 100%; display: block; padding: 10px; background: rgba(205, 205, 205, 0.2); cursor: default; pointer-events: none;}
#message #m1acv #a1t a .titletxt, #message #m2acv #a2t a .titletxt, #message #m3acv #a3t a .titletxt, #message #m4acv #a4t a .titletxt, #message #m5acv #a5t a .titletxt, #message #m6acv #a6t a .titletxt, #message #m7acv #a7t a .titletxt, #message #m8acv #a8t a .titletxt, #message #m9acv #a9t a .titletxt, #message #m10acv #a10t a .titletxt { color: rgba(160, 181, 222, 1.0);}

/*LOVE*/
#love h2 { -ms-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; width: 100%; height: 0; padding-top: 30%; position: relative;}
#love h2 .titlesp { -ms-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; width: 100%; height: 0; padding-top: 30%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-position: top center; display: block; position: absolute; top: 0; left: 0; display: none;}
#love .infsp { text-align: left; padding: 10px 15px 0 15px; color: rgba(0, 117, 177, 1.0);}
#love .consp { width: 94%; min-height: 200px; margin: 10px auto 0 auto; padding: 0; text-align: center; letter-spacing: 0.1em; margin-bottom: -150px; oveflow: hidden; z-index: 1000;}
#love .consp iframe { width: 100%; padding: 0; margin: 0; border: 0; z-index: 1000;}
#love .infotxt dt { font-weight: bold; letter-spacing: 0.1em;}
#love .infotxt dd { text-align: left; line-height: 150%; font-size: 83%;}
#love .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%;}
#love .arcvsp ul { margin-bottom: 5px; position: relative; z-index: 2000;}
#love .arcvsp li { box-sizing: border-box; width: 47.5%; text-align: center; margin: 0 0.5% 5px 1.5%;}
#love .arcvsp .lnkon a .titletxt, #love .arcvsp .lnkof a .titletxt { padding-left: 0;}
#love #m1acv #a1t a, #love #m2acv #a2t a, #love #m3acv #a3t a, #love #m4acv #a4t a, #love #m5acv #a5t a, #love #m6acv #a6t a, #love #m7acv #a7t a, #love #m8acv #a8t a, #love #m9acv #a9t a, #love #m10acv #a10t a { box-sizing: border-box; width: 100%; height: 100%; display: block; padding: 10px; background: rgba(205, 205, 205, 0.2); cursor: default; pointer-events: none;}
#love #m1acv #a1t a .titletxt, #love #m2acv #a2t a .titletxt, #love #m3acv #a3t a .titletxt, #love #m4acv #a4t a .titletxt, #love #m5acv #a5t a .titletxt, #love #m6acv #a6t a .titletxt, #love #m7acv #a7t a .titletxt, #love #m8acv #a8t a .titletxt, #love #m9acv #a9t a .titletxt, #love #m10acv #a10t a .titletxt { color: rgba(160, 181, 222, 1.0);}

/*CHART*/
#chart .consp { width: 100%; max-width: 900px; margin: 0 auto 10px auto; padding: 10px 0 20px 0;}
#chart .chartall { width: 100%; height: 0; padding-top: 85.55555555555555556%; padding-top: -webkit-calc(770 / 900 * 100%); padding-top: calc(770 / 900 * 100%); position: relative; margin-bottom: 18px;}
#chart .chartsp { width: 100%; height: 0; padding-top: 85.55555555555555556%; padding-top: -webkit-calc(770 / 900 * 100%); padding-top: calc(770 / 900 * 100%); position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
#chart .chartsp .infotxt { width: 100%; font-size: 85%; letter-spacing: 0.1em; position: abolute; bottom: -24px; left: 0; text-align: center; color: rgba(0, 0, 0, 0.5);}
#chart .ritsuall { width: 22.22222222222222222%; width: -webkit-calc(200 / 900 * 100%); width: calc(200 / 900 * 100%); max-width: 200px; position: absolute;}
#chart .limgall { width: 18.8888888888888888888889%; width: -webkit-calc(170 / 900 * 100%); width: calc(170 / 900 * 100%); max-width: 170px; position: absolute;}
#chart .mimgall { width: 16.111111111111111%; width: -webkit-calc(145 / 900 * 100%); width: calc(145 / 900 * 100%); max-width: 145px; position: absolute;}
#chart .simgall { width: 13.33333333333333333%; width: -webkit-calc(120 / 900 * 100%); width: calc(120 / 900 * 100%); max-width: 120px; position: absolute;}
#chart .imgsp { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0;}
#chart .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; display: none;}
#chart .imgp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0);}
#chart .imgp a:hover { background: rgba(255, 255, 255, 0.2);}
#chart #ritsu { top: 4.545454545454545454545%; top: -webkit-calc(35 / 770 * 100%); top: calc(35 / 770 * 100%); left: 27%; left: -webkit-calc(243 / 900 * 100%); left: calc(243 / 900 * 100%);}
#chart #rinka { top: 8.4415584415584%; top: -webkit-calc(65 / 770 * 100%); top: calc(65 / 770 * 100%); left: 57.111111111111111111111111%; left: -webkit-calc(514 / 900 * 100%); left: calc(514 / 900 * 100%);}
#chart #satoru { top: 65.8441558441558%; top: -webkit-calc(507 / 770 * 100%); top: calc(507 / 770 * 100%); left: 28.6666666666666667%; left: -webkit-calc(258 / 900 * 100%); left: calc(258 / 900 * 100%);}
#chart #touko { top: 71.8181818181818%; top: -webkit-calc(553 / 770 * 100%); top: calc(553 / 770 * 100%); left: 3.22222222222222222%; left: -webkit-calc(29 / 900 * 100%); left: calc(29 / 900 * 100%);}
#chart #sakana { top: 34.6753246753247%; top: -webkit-calc(267 / 770 * 100%); top: calc(267 / 770 * 100%); left: 4.55555555555555556%; left: -webkit-calc(41 / 900 * 100%); left: calc(41 / 900 * 100%);}
#chart #shuhei { top: 71.8181818181818%; top: -webkit-calc(553 / 770 * 100%); top: calc(553 / 770 * 100%); left: 81.22222222222222222%; left: -webkit-calc(731 / 900 * 100%); left: calc(731 / 900 * 100%);}
#chart #tsuneo { top: 11.6883116883117%; top: -webkit-calc(90 / 770 * 100%); top: calc(90 / 770 * 100%); left: 80.11111111111111111%; left: -webkit-calc(721 / 900 * 100%); left: calc(721 / 900 * 100%);}
#chart #wakana { top: 9.7402597402597%; top: -webkit-calc(75 / 770 * 100%); top: calc(75 / 770 * 100%); left: 3.22222222222222222%; left: -webkit-calc(29 / 900 * 100%); left: calc(29 / 900 * 100%);}
#chart #reiko { top: 65.8441558441558%; top: -webkit-calc(507 / 770 * 100%); top: calc(507 / 770 * 100%); left: 52.666666666666666667%; left: -webkit-calc(474 / 900 * 100%); left: calc(474 / 900 * 100%);}

/*shishakai*/
.shishaall { width: 96%; max-width: 370px; margin: 10px auto 0 auto;}
.shishasp { width: 100%; height: 0; padding-top: 27.027027027027027027%; position: relative;}
.shisha { width: 100%; height: 0; padding-top: 27.027027027027027027%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/shisha.jpg);}
.shisha a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
.shisha a:hover { background: rgba(255, 255, 255, 0.1);}
.shisha a::before, .shisha a::after { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; border: 2px solid rgba(255, 255, 255, 0.1); border-radius: 50%; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2); -moz-transform: translateX(-50%) translateY(-50%) scale(0.2); transform: translateX(-50%) translateY(-50%) scale(0.2);}
.shisha a::after { width: 90px; height: 90px; border-width: 6px; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8); -moz-transform: translateX(-50%) translateY(-50%) scale(0.8); transform: translateX(-50%) translateY(-50%) scale(0.8);}
.shisha a:hover::before, .shisha a:hover::after, .shisha a:focus::before, .shisha a:focus::after { opacity: 1; -webkit-transform: translateX(-50%) translateY(-50%) scale(1); -moz-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1);}

/*tbs_free-pre*/
.tbsfree_pre { width: 100%; max-width: 370px; margin: 5px auto 10px auto;}
.tbsfreesp { width: 100%; height: 0; padding-top: 27.027027027027027027%; position: relative;}
.tbsfree { width: 100%; height: 0; padding-top: 27.027027027027027027%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/nagase_sp.jpg);}
.tbsfree_pre a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
.tbsfree_pre a:hover { background: rgba(255, 255, 255, 0.1);}
.tbsfree_pre a::before, .tbsfree_pre a::after { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; border: 2px solid rgba(255, 255, 255, 0.1); border-radius: 50%; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2); -moz-transform: translateX(-50%) translateY(-50%) scale(0.2); transform: translateX(-50%) translateY(-50%) scale(0.2);}
.tbsfree_pre a::after { width: 90px; height: 90px; border-width: 6px; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8); -moz-transform: translateX(-50%) translateY(-50%) scale(0.8); transform: translateX(-50%) translateY(-50%) scale(0.8);}
.tbsfree_pre a:hover::before, .tbsfree_pre a:hover::after, .tbsfree_pre a:focus::before, .tbsfree_pre a:focus::after { opacity: 1; -webkit-transform: translateX(-50%) translateY(-50%) scale(1); -moz-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1);}


/*for_W480-*/
@media all and (min-width: 480px) {
.s_wsmp { display: block;}
.ls2_smp { letter-spacing: 0.1em;}
.tbsfree_pre { margin: 5px auto 15px auto;}
/*sns*/
#sns_instagram div.insta { height: 192px;}
#sns_instagram div.insta ul { margin:0px 0 0 6px;}
#sns_instagram div.insta ul li { margin: 6px 0 0 6px;}
#sns_instagram div.insta ul li a, div.insta ul li a img { width: 90px; height: 90px;}
/*CON*/
#con .consp .sayu { margin: 10px auto 35px auto;}
#con .consp th { padding: 5px 10px; letter-spacing: 0.3em; font-size: 110%; vertical-align: bottom;}
#con .consp .aid { padding: 5px; font-size: 100%;}
#con .consp .aid1 { padding: 5px 5px 5px 8px; vertical-align: bottom;}
#con .consp .aid0 { padding: 10px 5px; letter-spacing: 0.2em; font-size: 110%; vertical-align: bottom;}
#con .consp .nmt { padding: 5px 10px; letter-spacing: 0.4em; font-size: 120%; vertical-align: bottom;}
#con .consp .pdt10 { padding: 25px 10px 5px 10px;}
/*BLOG*/
#blog .consp { text-align: center; letter-spacing: 0.2em;}
}

/*for_W640-*/
@media all and (min-width: 640px) {
.s_smp { display: none;}
.s_rsmp { display: block;}
#ind #titlesp { padding-bottom: 5px;}
.tbsfree_pre { margin: 2px auto 0 auto;}
/*_whatsnew*/
#whatsnew { width: 44%; float: right; margin: 10px 1% 10px 0;}
#whatsnew .fstul { width: 100%;}
#whatsnew .wnmore { display: none;}
#whatsnew .plust { display: block;}
#wnsp:before, #wnsp:after { content: ""; display: table;}
#wnsp:after { clear: both;}
#whatsnew dd { min-height: 150px;}
/*_spot*/
#ind #spot { width: 52.9%; float: left; margin: 10px 0 5px 1%;}
#ind #spot .storytxt { box-sizing: border-box; width: 100%; padding-top: 13%; margin: 2px;}
#ind #spot .storytxt .sttsp { width: 17%; max-width: 80px; position: absolute; top: 2%; left: 1%;}
#ind #spot .storytxt .stt { width: 100%; text-align: left; position: absolute; top: 55%; left: 1%;}
#ind #spot .storytxt .datetxt { position: absolute; top: 2%; right: 0.5%; font-size: 140%; letter-spacing: 0.1em;}
/*_menu*/
#mnset { width: 100%; max-width: 950px; margin: 0 auto;}
.mn { width: 19.5%; padding-top: 12.5432432432432%; margin: 2px 0 2px 0.4%;}
.mn2 { width: 32.5%; padding-top: 14.6197411003236%; margin: 2px 0 2px 0.5%; float: left;}
.mn3 { width: 24.3%; padding-top: 15.7112068965517%; margin: 2px 0 2px 0.5%; float: left;} /*3danme- 232x150*/
.mn .cstxt { width: 80%; position: absolute; top: 57%; left: 10%; text-align: left; display: block; font-size: 95%; line-height: 120%;}
#con .mn { width: 19.5%; padding-top: 12.5432432432432%; margin: 2px 0 2px 0.4%;}
#con .mn2 { width: 32.5%; padding-top: 14.6197411003236%; margin: 2px 0 2px 0.5%; float: left;}
#con .mn3 { width: 24.2%; padding-top: 15.6465517241379%; margin: 2px 0 2px 0.5%; float: left;} /*3danme- 232x150*/
#con #mn0 { display: none;}
/*footer*/
#snsset { max-width: 670px; margin: 0 auto;}
#snsset h2 { padding: 15px 0 0 0;}
#snsset .sns_left, #snsset .sns_right { width: 48.5%; float: right; margin-right: 1%;}
.snsspset { width: 100%;}
/*CON*/
#con .consp { width: 90%; font-size: 110%; line-height: 180%; padding: 20px 0;}
#con .consp .catchtxt { font-size: 110%;}
#con .kanrenset { width: 96%; margin: 10px auto 0 auto;}
#con .kanrenset:before, #con .kanrenset:after { content: ""; display: table;}
#con .kanrenset:after { clear: both;}
#con .kanrensp { width: 47.5%; margin: 0 1%; float: left;}
/*archive*/
#con .arcvsp li { width: 48%; float: left; margin-left: 1%;}
#story .arcvsp li { box-sizing: border-box; width: 8.9%; margin: 0 0 5px 1%; font-size: 140%;}
#gallery .arcvsp li { box-sizing: border-box; width: 8.9%; margin: 0 0 5px 1%; font-size: 140%;}
#present .arcvsp li { box-sizing: border-box; width: 8.9%; margin: 0 0 5px 1%; font-size: 140%;}
#message .arcvsp li { width: 31.5%; margin: 0 0.2% 5px 1.2%;}
#love .arcvsp li { width: 31.5%; margin: 0 0.2% 5px 1.2%;}
/*CHART*/
#chart .consp { width: 100%;}
/*PRESENT*/
#present .infotxt { text-align: center; line-height: 150%; letter-spacing: 0.1em; padding: 15px 10px;}
/*LOVE*/
#love .infsp { text-align: center; padding: 15px 15px 0 15px;}
}

/*for_W768-*/
@media all and (min-width: 768px) {
.ssbr { display: none;}
.nssbr { display: block;}
.s_tablet { display: block;}
.ls2_smp { letter-spacing: 0.2em;}
#ind #header { background-image: url(../img/head_m0.jpg); background-position: top center; -webkit-background-size: auto; background-size: auto;}
#ind #titlesp { padding-bottom: 10px;}
/*CON*/
#con #container { background-image: url(../img/head_m0.jpg);}
#con .wrap .con_title { font-size: 130%; padding: 15px 0 10px 0;}
#con .consp .catchtxt { letter-spacing: 0.2em;}
#con .consp .sbtxt { font-size: 120%; margin-bottom: 25px;}
/*STORY*/
.photoset { width: 100%; max-width: 740px; margin: 0 auto; padding: 5px 0 10px 0;}
.photoset:before, .photoset:after { content: ""; display: table;}
.photoset:after { clear: both;}
.strpall { width: 47.5%; max-width: 360px; margin: 10px 1%; float: left;}
/*INTRO*/
#intro .consp .catchtxt { font-size: 120%; letter-spacing: 0.1em; margin: 0 0 15px 0;}
/*CHART*/
#chart .chartsp .infotxt { font-size: 90%; letter-spacing: 0.2em; text-align: center;}
/*LOVE*/
#love .infsp { letter-spacing: 0.1em;}
/*shishakai*/
.shishaall { width: 100%; margin: 0 auto 10px auto;}
}

/*for_W900-*/
@media all and (min-width: 900px) {
.sbr { display: none;}
.nsbr { display: block;}
#ind #titlesp { padding-bottom: 15px;}
#footer { padding: 0 0 5px 0;}
#snsset { padding-top: 10px;}
/*_mn*/
.mn .update { width: 80px; height: 35px; -ms-border-radius: 0 0 15px 0; -moz-border-radius: 0 0 15px 0; -webkit-border-radius: 0 0 15px 0; border-radius: 0 0 15px 0;}
.mn3 .update_r { width: 80px; height: 35px; -ms-border-radius: 0 0 0 15px; -moz-border-radius: 0 0 0 15px; -webkit-border-radius: 0 0 0 15px; border-radius: 0 0 0 15px;}
.mn .update .updtxt, .mn .update_r .updtxt { font-size: 85%; letter-spacing: 0.1em;}
.mn .num { font-size: 120%;}
/*_whatsnew*/
#whatsnew { width: 46%; float: right; margin: 10px 2% 10px 0;}
#ind #header, #con #container { min-height: 900px;}
.mn .cstxt { position: absolute; top: 60%; left: 10%; display: block; font-size: 100%; line-height: 130%;}
#cr { padding: 20px 10px;}
/*_spot*/
#ind #spot { width: 50%; float: left; margin: 10px 0 0 2%;}
#ind #spot .storytxt .stt { width: 100%; text-align: left; position: absolute; top: 50%; left: 1%;}
#ind #spot .storytxt .datetxt { position: absolute; top: 2%; right: 0.5%; font-size: 180%; letter-spacing: 0.1em;}
/*archive*/
#report .contset { 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;}
#report .consp { box-sizing: border-box; width: 69%; margin: 0; padding: 10px; float: left;}
#report .arcvsp { width: 30%; margin: 10px 0 20px 0; padding: 10px 5px; float: left;}
#report .arcvsp li { width: 100%; float: none; margin-left: 0;}
#message .arcvsp li { width: 23.5%; margin: 0 0.3% 5px 1%;}
#love .arcvsp li { width: 23.5%; margin: 0 0.3% 5px 1%;}
/*STORY*/
#story .nkmtxt { padding: 0 15px;}
#story .arcvsp ul { max-width: 750px; margin: 15px auto;}
#story .arcvsp li { font-size: 200%; font-weight: lighter;}
/*GALLERY*/
#gallery .arcvsp ul { max-width: 750px; margin: 15px auto;}
#gallery .arcvsp li { font-size: 200%; font-weight: lighter;}
/*PRESENT*/
#present .arcvsp ul { max-width: 750px; margin: 15px auto;}
#present .arcvsp li { font-size: 200%; font-weight: lighter;}
/*INTRO*/
#intro .consp .catchtxt { font-size: 140%; letter-spacing: 0.1em; line-height: 160%; margin: 0 0 15px 0;}
/*INTERVIEW*/
#interview .phtall-yoko { float: right; margin: 10px 5px 5px 10px;}
}

/*for_W1000-*/
@media all and (min-width: 1000px) {
.s_pc { display: block;}
div#con-body { background-image: url(../img/head_bg0.jpg); background-position: top center; background-repeat: repeat-x; -webkit-background-size: auto; background-size: auto;}
#ind #header { -webkit-background-size: auto; background-size: auto; background-image: url(../img/head00.jpg);}
#sns_line { background-color: rgba(255, 255, 255, 0.7); display: none;}
/*_whatsnew*/
#whatsnew { width: 40%; float: right; margin: 10px 2.2% 10px 0;}
/*_spot*/
#ind #spot { width: 55%; float: left; margin: 10px 0 0 0.7%;}
/*footer*/
.footerall { box-sizing: border-box; width: 985px; margin: 0 auto;}
.footerall:before, .footerall:after { content: ""; display: table;}
.footerall:after { clear: both;}
#snsset { width: 650px; float: right; margin: 0 12px 0 0;}
/*_btmset*/
.btmset { width: 100%; max-width: 960px; margin: 0 auto; position: relative;}
.btmset:before, .btmset:after { content: ""; display: table;}
.btmset:after { clear: both;}
.bnsp { width: 300px; float: left; margin: 5px 0 5px 2px;}
.btm_right { width: 648px; height: 250px; float: left; position: relative;}
/*_kanren*/
.kanrenset { width: 300px; float: left; margin: 5px 0 0 15px;}
#con .kanrenset { margin: 0 0 0 15px;}
.kanrenset:before, .kanrenset:after { content: ""; display: table;}
.kanrenset:after { clear: both;}
.kanrensp { width: 100%; margin: 0 auto 5px auto; float: left;}
/*CON*/
#con #container { background-image: url(../img/head00.jpg);}
#con .consp { width: 85%; padding: 30px 0;}
#con #pgtpsp { width: 30%; max-width: 150px; margin: 5px; position: absolute; bottom: 0; right: 0; display: none;}
#con #cr { padding: 40px 0;}
/*sns*/
.con_sns { margin: 15px auto;}
#con .con_sns { margin: 5px auto 10px auto;}
#con .bnset { float: left; margin: 0 0 0 12px;}
#con .bnsp { margin-top: 10px;}
#con #sns_line { display: block;}
/*kanren*/
#con .kanrenset { width: 622px; margin: 0 0 0 10px;}
#con .kanrensp { width: 300px; margin: 0 0 0 10px; float: left;}
/*archive*/
#report .consp { width: 69%; margin: 0; padding: 10px 20px; float: left;}
/*CHART*/
#chart .consp { width: 100%;}
}

/*for_W1200-*/
@media all and (min-width: 1200px) {
#ind #footersp { min-height: 440px; background-image: url(../img/btm_bg.jpg); background-position: bottom center; background-repeat: repeat-x;}
#con #footersp { min-height: 340px; background-image: url(../img/btm_bg-con.jpg); background-position: bottom center; background-repeat: repeat-x;}
#pgtpsp, #con #pgtpsp { width: 30%; max-width: 150px; margin: 5px; position: fixed; bottom: 0; right: 0; display: none;}
.btm_right { box-sizing: border-box; padding-top: 100px;}
#con #cr { padding: 20px 0;}
}

/*mn_lnk*/
#lnk1sp #a1t a { box-sizing: border-box; width: 100%; height: 100%; display: block; padding: 10px; background: rgba(205, 205, 205, 0.2); cursor: default; pointer-events: none;}
#lnk1sp #a1t a .onairtxt { color: rgba(130, 170, 180, 1.0); font-size: 90%; display: block;}
#lnk1sp #a1t a .titletxt { color: rgba(160, 181, 222, 1.0); font-size: 95%; display: block; padding-left: 10px;}
#lnk2sp #a2t a { box-sizing: border-box; width: 100%; height: 100%; display: block; padding: 10px; background: rgba(205, 205, 205, 0.2); cursor: default; pointer-events: none;}
#lnk2sp #a2t a .onairtxt { color: rgba(130, 170, 180, 1.0); font-size: 90%; display: block;}
#lnk2sp #a2t a .titletxt { color: rgba(160, 181, 222, 1.0); font-size: 95%; display: block; padding-left: 10px;}
#lnk3sp #a3t a { box-sizing: border-box; width: 100%; height: 100%; display: block; padding: 10px; background: rgba(205, 205, 205, 0.2); cursor: default; pointer-events: none;}
#lnk3sp #a3t a .onairtxt { color: rgba(130, 170, 180, 1.0); font-size: 90%; display: block;}
#lnk3sp #a3t a .titletxt { color: rgba(160, 181, 222, 1.0); font-size: 95%; display: block; padding-left: 10px;}
#lnk4sp #a4t a { box-sizing: border-box; width: 100%; height: 100%; display: block; padding: 10px; background: rgba(205, 205, 205, 0.2); cursor: default; pointer-events: none;}
#lnk4sp #a4t a .onairtxt { color: rgba(130, 170, 180, 1.0); font-size: 90%; display: block;}
#lnk4sp #a4t a .titletxt { color: rgba(160, 181, 222, 1.0); font-size: 95%; display: block; padding-left: 10px;}
#lnk5sp #a5t a { box-sizing: border-box; width: 100%; height: 100%; display: block; padding: 10px; background: rgba(205, 205, 205, 0.2); cursor: default; pointer-events: none;}
#lnk5sp #a5t a .onairtxt { color: rgba(130, 170, 180, 1.0); font-size: 90%; display: block;}
#lnk5sp #a5t a .titletxt { color: rgba(160, 181, 222, 1.0); font-size: 95%; display: block; padding-left: 10px;}
#lnk6sp #a6t a { box-sizing: border-box; width: 100%; height: 100%; display: block; padding: 10px; background: rgba(205, 205, 205, 0.2); cursor: default; pointer-events: none;}
#lnk6sp #a6t a .onairtxt { color: rgba(130, 170, 180, 1.0); font-size: 90%; display: block;}
#lnk6sp #a6t a .titletxt { color: rgba(160, 181, 222, 1.0); font-size: 95%; display: block; padding-left: 10px;}
#lnk7sp #a7t a { box-sizing: border-box; width: 100%; height: 100%; display: block; padding: 10px; background: rgba(205, 205, 205, 0.2); cursor: default; pointer-events: none;}
#lnk7sp #a7t a .onairtxt { color: rgba(130, 170, 180, 1.0); font-size: 90%; display: block;}
#lnk7sp #a7t a .titletxt { color: rgba(160, 181, 222, 1.0); font-size: 95%; display: block; padding-left: 10px;}
#lnk8sp #a8t a { box-sizing: border-box; width: 100%; height: 100%; display: block; padding: 10px; background: rgba(205, 205, 205, 0.2); cursor: default; pointer-events: none;}
#lnk8sp #a8t a .onairtxt { color: rgba(130, 170, 180, 1.0); font-size: 90%; display: block;}
#lnk8sp #a8t a .titletxt { color: rgba(160, 181, 222, 1.0); font-size: 95%; display: block; padding-left: 10px;}
#lnk9sp #a9t a { box-sizing: border-box; width: 100%; height: 100%; display: block; padding: 10px; background: rgba(205, 205, 205, 0.2); cursor: default; pointer-events: none;}
#lnk9sp #a9t a .onairtxt { color: rgba(130, 170, 180, 1.0); font-size: 90%; display: block;}
#lnk9sp #a9t a .titletxt { color: rgba(160, 181, 222, 1.0); font-size: 95%; display: block; padding-left: 10px;}
#lnk10sp #a10t a { box-sizing: border-box; width: 100%; height: 100%; display: block; padding: 10px; background: rgba(205, 205, 205, 0.2); cursor: default; pointer-events: none;}
#lnk10sp #a10t a .onairtxt { color: rgba(130, 170, 180, 1.0); font-size: 90%; display: block;}
#lnk10sp #a10t a .titletxt { color: rgba(160, 181, 222, 1.0); font-size: 95%; display: block; padding-left: 10px;}

/*ADD*/
/*#ico_line { filter: alpha(opacity=30); -moz-opacity: .3; -khtml-opacity: .3; opacity: .3; filter: opacity(30%) saturate(30%); -webkit-filter: opacity(30%) saturate(30%); -moz-filter: opacity(30%) saturate(30%); -o-filter: opacity(30%) saturate(30%);}*/

#con #titlep { background-image: url(../img/title_con10.png);}

.ddnkm .udl { border-bottom: 1px solid rgba(0, 102, 0, 0.7);}