/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.cover { width: 100%; height: 100%; background: url(/um/img/cover.png) repeat; display: block; position: absolute; top: 0; left: 0;}
@media screen 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 screen 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, .nsibr, .nssbr, .msbr, .nssibr, .s_wsmp, .s_rsmp, .s_tablet, .s_pc, .s_wsmpi, .s_rsmpi, .s_tableti, .s_pci { display: none;}
.dblk, .sbr, .ssbr, .s_smp { display: block;}
.dbil, .s_smpi, .ssibr { display: inline;}
.inline { display: -webkit-inline; display: inline;}
.inlineb { display: -webkit-inline-block; display: inline-block;}
.inlinef { display: -webkit-inline-flex; display: inline-flex;}
.dispno { display: none;}
/*float*/
.fl { float: left;}
.fr { float: right;}
.center { margin: auto;}
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both;}
/*align*/
.lt { text-align: left;}
.rt { text-align: right;}
.ct { text-align: center;}
/*list*/
ul, li, dl, dt, dd { margin: 0px; padding: 0px; list-style: none;}
/*text*/
.bt { font-weight: bold;}
.ut { font-weight: lighter;}
br,.ls0 { letter-spacing: 0;}
.ls1 { letter-spacing: 0.1em;}
.ls2 { letter-spacing: 0.2em;}
.ls5 { letter-spacing: 0.5em;}
/*_size*/
.f300 { font-size: 300%;}
.f240 { font-size: 240%;}
.f220 { font-size: 220%;}
.f200 { font-size: 200%;}
.f180 { font-size: 180%;}
.f160 { font-size: 160%;}
.f140 { font-size: 140%;}
.f130 { font-size: 130%;}
.f125 { font-size: 125%;}
.f120, .big { font-size: 120%;}
.f110 { font-size: 110%;}
.f105 { font-size: 105%;}
.f100 { font-size: 100%;}
.f90 { font-size: 90%;}
.f85 { line-height: normal; font-size: 85% !important;}
.f75 { line-height: normal; font-size: 75% !important;}
.f65 { line-height: normal; font-size: 65% !important;}
/*_height*/
.lh100 { line-height: 100%;}
.lh110 { line-height: 110%;}
.lh120 { line-height: 120%;}
.lh130 { line-height: 130%;}
.lh140 { line-height: 140%;}
.lh150 { line-height: 150%;}
.lh160 { line-height: 160%;}
.lh170 { line-height: 170%;}
.lh180 { line-height: 180%;}
.lh200 { line-height: 200%;}
.lh230 { line-height: 230%;}
/*space*/
.pd5 { padding: 5px;}
.pd10 { padding: 10px;}
.pdb10 { padding-bottom: 10px;}
.pdt0 { padding-top: 0;}
.pdt10 { padding-top: 10px;}
.pdt20 { padding-top: 20px;}
.pdtb10 { padding: 10px 0;}
.pdtb1030 { padding: 10px 0 30px 0;}
.pdsy10 { padding: 0 10px;}
.mg5 { margin: 5px;}
.mg10 { margin: 10px;}
.mgb5 { margin-bottom: 5px;}
.bsbb { box-sizing: border-box;}
/*border*/
.nobd { border: 0;}
/*etc*/
@media print { .noprint { display: none;} }
/*loader*/
.spinner { width: 50px; height: 50px; margin: 0 auto; animation: loading 2s linear infinite; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; display: none;}
.b1, .b2 { position: absolute; top: 0; width: 25px; height: 25px; border-radius: 100%; background-color: rgba(255, 249, 7, .75); animation: bounce 2s ease-in-out infinite;}
.b2 { top: auto; bottom: 0; animation-delay: -1.0s;}
@-moz-keyframes loading { 100% {-moz-transform: rotate(360deg);}}
@-webkit-keyframes loading { 100% {-webkit-transform: rotate(360deg);}}
@keyframes loading { 100% {transform: rotate(360deg);}}
@-moz-keyframes bounce { 0%, 100% {-moz-transform: scale(0.0);} 50% {-moz-transform: scale(1.0);}}
@-webkit-keyframes bounce { 0%, 100% {-webkit-transform: scale(0.0);} 50% {-webkit-transform: scale(1.0);}}
@keyframes bounce { 0%, 100% {transform: scale(0.0);} 50% {transform: scale(1.0);}}
/*bn*/
.bnsp { text-align: center;}
.bnsp div { min-width: 300px; margin: 10px auto;}
/*snsbtn*/
.twtfb { width: 100%; max-width: 300px; height: 26px; overflow: hidden; margin: 15px auto 10px auto; position: relative; z-index: 1000; background: url(../img/share.png) no-repeat top left;}
.twtbtn { width: 26.666666666666667%; height: 26px; position: absolute; top: 0; right: 36.666666666666667%;}
.fbbtn { width: 36.666666666666667%; height: 26px; overflow: hidden; position: absolute; top: 0; right: 0;}
.ifss { height: 21px; overflow: hidden; border: 0; background-color: transparent;}
/*color*/
.dglay { color: rgba(56, 56, 56, 1);}
.glay { color: rgba(156, 156, 156, 1);}
.wt { color: rgba(255, 255, 255, 1);}
.yel { color: rgba(255, 249, 7, 1);}
.red { color: rgba(255, 1, 1, 1);}
.black { color: rgba(0, 0, 0, 1);}
.blue { color: rgba(63, 120, 176, 1);}
.purple { color: rgba(108, 79, 150, 1);}
a:link { color: rgba(255, 249, 7, 1);}
a:visited { color: rgba(255, 249, 7, 1);}
a:active { color: rgba(56, 89, 174, 1);}
a:hover { color: rgba(63, 120, 176, 1);}
a:hover .black { color: rgba(63, 120, 176, 1);}
/*COMMON*/
body { background-color: rgba(12, 14, 17, 1);}
div#con-body { text-align: center; z-index: 0; font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; width: 100%; margin: 0 auto; font-size: 75%; line-height: 100%; position: relative; background: rgba(12, 14, 17, 1) url(../img/bg.jpg); color: rgba(255, 255, 255, 1); -webkit-text-size-adjust: none; vertical-align: baseline; margin: 0; padding: 0; text-align: center; z-index: 0;}
#container { box-sizing: border-box; width: 100%; z-index: 1; position: relative;}
#wrap { box-sizing: border-box; width: 100%; max-width: 980px; margin: 0 auto; padding: 10px 0; text-align: left; line-height: 140%; position: relative;}
#ind #wrap { margin: -30px auto 0 auto;}
.handc { width: 90px; height: 90px; background: url(../img/hand_c.png) no-repeat;}
.handl { width: 90px; height: 90px; background: url(../img/hand_l.png) no-repeat;}
.handr { width: 90px; height: 90px; background: url(../img/hand_r.png) no-repeat;}

/*nav*/
#nav { box-sizing: border-box; width: 100%; max-width: 482px; margin: 1px auto; font-size: 120%;}
#nav ul:before, #nav ul:after { content: ""; display: table;}
#nav ul:after { clear: both;}
#nav li { width: 32.6%; margin: 1px 0.1% 1px 0.5%; float: left; display: none;}
#nav .mnsp0 { width: 100%; height: 0; padding-top: 48.305084745762712%; position: relative; background: rgba(255, 249, 7, .2);}
#nav .mnsp0 .liln { color: rgba(255, 255, 255, .5);}
#nav .mnsp { width: 100%; height: 0; padding-top: 48.305084745762712%; position: relative;}
#nav .mnsp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(255, 249, 7, 1);}
#nav .mnsp a:hover { background: rgba(255, 249, 7, .7);}
#nav li .liln { box-sizing: border-box; width: 100%; display: block; text-align: center; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit- transform: translateY(-50%); color: rgba(0, 0, 0, 1); line-height: 105%; letter-spacing: 0.1em;}
#nav li .liln_b { box-sizing: border-box; width: 100%; display: block; text-align: center; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit- transform: translateY(-50%); color: rgba(0, 0, 0, 1); line-height: 105%; margin-left: -10px; letter-spacing: 0.1em;}
#nav li .liln1 { font-weight: bold; text-shadow: 1px 1px 2px rgba(100, 100, 100, .5); -moz-text-shadow: 1px 1px 2px rgba(100, 100, 100, .5); -webkit-text-shadow: 1px 1px 2px rgba(100, 100, 100, .5);}
#nav li .liln_b .liln1 { margin-right: -24px;}
#nav li .liln_b .liln2 { margin-right: -20px;}
#nav li .liln2 { font-size: 70%;}
/*footer*/
#pgtp { width: 150px; height: 150px; margin: 0 auto; display: none; z-index: 1000;}
#pgtp a { width: 100%; height: 100%; display: block; background: url(../img/pgtp.png) no-repeat left;}
#pgtp a:hover { background: url(../img/pgtp.png) no-repeat right;}
/*btn*/
.btn { width: 60%; height: 20px; margin: 10px auto; background-color: rgba(20, 75, 123, 1); font-size: 110%; letter-spacing: 0.2em; color: rgba(255, 255, 255, 1); font-weight: bold; position:relative; padding:10px 50px 10px 20px; background-image: linear-gradient(bottom, rgb(34, 110, 168) 0%, rgb(42, 99, 194) 100%); background-image: -o-linear-gradient(bottom, rgb(34, 110, 168) 0%, rgb(42, 99, 194) 100%); background-image: -moz-linear-gradient(bottom, rgb(34, 110, 168) 0%, rgb(42, 99, 194) 100%); background-image: -webkit-linear-gradient(bottom, rgb(34, 110, 168) 0%, rgb(42, 99, 194) 100%); background-image: -ms-linear-gradient(bottom, rgb(34, 110, 168) 0%, rgb(42, 99, 194) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(34, 110, 168)), color-stop(1, rgb(42, 99, 194)) ); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 1px 0px #4878b8, 0px 2px 0px 0px #546489, 0px 5px 2px #ddd; -moz-box-shadow: inset 0px 1px 0px #4878b8, 0px 2px 0px 0px #546489, 0px 5px 2px #ddd; -o-box-shadow: inset 0px 1px 0px #4878b8, 0px 2px 0px 0px #546489, 0px 5px 2px #ddd; box-shadow: inset 0px 1px 0px #4878b8, 0px 2px 0px 0px #546489, 0px 5px 2px #ddd; position: relative;}
.btn:active { top: 3px; background-image: linear-gradient(bottom, rgb(42, 99, 194) 0%, rgb(34, 110, 168) 100%); background-image: -o-linear-gradient(bottom, rgb(42, 99, 194) 0%, rgb(34, 110, 168) 100%); background-image: -moz-linear-gradient(bottom, rgb(42, 99, 194) 0%, rgb(34, 110, 168) 100%); background-image: -webkit-linear-gradient(bottom, rgb(42, 99, 194) 0%, rgb(34, 110, 168) 100%); background-image: -ms-linear-gradient(bottom, rgb(42, 99, 194) 0%, rgb(34, 110, 168) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(42, 99, 194)), color-stop(1, rgb(34, 110, 168)) ); -webkit-box-shadow: inset 0px 1px 0px #81a7c8, 0px 1px 0px 0px #3d5581, 0px 2px 2px #aaa; -moz-box-shadow: inset 0px 1px 0px #81a7c8, 0px 1px 0px 0px #3d5581, 0px 2px 2px #aaa; -o-box-shadow: inset 0px 1px 0px #81a7c8, 0px 1px 0px 0px #3d5581, 0px 2px 2px #aaa; box-shadow: inset 0px 1px 0px #81a7c8, 0px 1px 0px 0px #3d5581, 0px 2px 2px #aaa; }
.btn::before { background-color: #256cb4; background-image: url(../img/ra.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 20px; height: 20px; position: absolute; right: 15px; top: 50%; margin-top: -9px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: inset 0px 1px 0px #3d5581, 0px 1px 0px #81a7c8; -moz-box-shadow: inset 0px 1px 0px #3d5581, 0px 1px 0px #81a7c8; -o-box-shadow: inset 0px 1px 0px #3d5581, 0px 1px 0px #81a7c8; box-shadow: inset 0px 1px 0px #3d5581, 0px 1px 0px #81a7c8; }
.btn:active::before { top:50%; margin-top:-12px; -webkit-box-shadow: inset 0px 1px 0px #81a7c8, 0px 2px 0px #3d5581, 0px 4px 2px #1a62a6; -moz-box-shadow: inset 0px 1px 0px #81a7c8, 0px 2px 0px #3d5581, 0px 4px 2px #1a62a6; -o-box-shadow: inset 0px 1px 0px #81a7c8, 0px 2px 0px #3d5581, 0px 4px 2px #1a62a6; box-shadow: inset 0px 1px 0px #81a7c8, 0px 2px 0px #3d5581, 0px 4px 2px #1a62a6; }
.btn a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0);}
.btn a:hover { background: rgba(255, 255, 255, .2); color: rgba(255, 255, 255, 1);}
.btn span { display: block; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); -webkit- transform: translateY(-50%);}
.btn span { width: 95%; text-align: center; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit- transform: translateY(-50%);}

/*IND*/
.cr { width: 90%; margin: 10px auto; text-align: center; font-size: 90%;}
/*footer*/
#footer { box-sizing: border-box; width: 100%; background: -moz-linear-gradient(top, rgba(255,249,7,0) 74%, rgba(255,249,7,1) 100%); background: -webkit-linear-gradient(top, rgba(255,249,7,0) 74%,rgba(255,249,7,1) 100%); background: linear-gradient(to bottom, rgba(255,249,7,0) 74%,rgba(255,249,7,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fff907', endColorstr='#fff907',GradientType=0 ); padding-bottom: 10px;}
#footer0 { width: 100%; max-width: 980px; margin: 0 auto; text-align: left; line-height: 140%; position: relative;}
#snsall { width: 100%; background-color: rgba(255, 249, 7, .3); background-image: url(../img/hand_c.png), url(../img/hand_l.png), url(../img/hand_r.png); background-repeat: no-repeat, no-repeat, no-repeat; background-position: 70% top, center center, right bottom; padding-bottom: 10px; position: relative; z-index: 0;}
#snsall .ofcsns { z-index: 3;}
#snsall .ofcsns::before { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 1px; margin: 0 auto; text-align: center; background-image: -webkit-linear-gradient(left, transparent, rgba(255,249,7,1) 25%, rgba(255,249,7,1) 75%, transparent); background-image: linear-gradient(to right, transparent, rgba(255,249,7,1) 25%, rgba(255,249,7,1) 75%, transparent); background-position: center; background-repeat: no-repeat;}
#snsall .ofcsns::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; margin: 0 auto; text-align: center; background-image: -webkit-linear-gradient(left, transparent, rgba(255,249,7,1) 25%, rgba(255,249,7,1) 75%, transparent); background-image: linear-gradient(to right, transparent, rgba(255,249,7,1) 25%, rgba(255,249,7,1) 75%, transparent); background-position: center; background-repeat: no-repeat;}
#snsall dt { width: 100%; height: 30px; position: relative; border-top: 1px solid #000;}
#snsall dt:after, #snsall #line_dt:after { content: ""; display: block; width: 150px; height: 0; border-top: 35px solid rgba(43, 43, 43, 1); border-right: 60px solid transparent; z-index: 0;}
#snsall dt .sns_txt0 { text-align: right; position: absolute; top: 8px; right: 10px; font-size: 90%; letter-spacing: 0.1em;}
#snsall dd { width: 90%; margin: 10px auto 0 auto; padding: 10px 0 0 0;}
#footer .subtxt0 { width: 100%; text-align: center; font-size: 95%; letter-spacing: 0.1em; color: rgba(200, 200, 200, 1); padding: 0 0 10px 0;}
/*_line*/
#wk_line0 { width: 100%; border-top: 1px solid #000; padding-top: 15px;}
#wk_line { width: 95%;}
#snsall #line_dt { width: 100%; height: 40px; position: relative; background: rgba(255, 255, 255, .9);}
#snsall #line_dt:after { border-top: 40px solid rgba(43, 43, 43, 1);}
#snsall #line_dt .sns_txt { width: 150px; height: 30px; display: block; background: url(../img/sns_title-line.png) no-repeat left; display: block; z-index: 5; position: absolute; top: 5px; left: 5px;}
#snsall #line_dt .sns_txt0 { text-align: right; position: absolute; top: 12px; right: 10px; font-size: 90%; letter-spacing: 0; font-weight: bold;}
#snsall #line_dt a { color: rgba(125, 121, 0, 1); display: block;}
#snsall #line_dt a:hover { color: rgba(235, 73, 22, 1);}
/*_twitter*/
#twitter_dt .sns_txt { width: 150px; height: 30px; display: block; background: url(../img/sns_title-twitter.png) no-repeat left; display: block; z-index: 5; position: absolute; top: 2px; left: 5px;}
.twitter_timelinesp { width: 100%; max-width: 320px; margin: 0 auto; height: 280px;}
.twitter_timelinesp iframe { width: 100% !important;}
.twitter_timelinesp iframe { width: 740px !important; }
/*_instagram*/
#insta_dt .sns_txt { width: 150px; height: 30px; display: block; background: url(../img/sns_title-insta.png) no-repeat left; display: block; z-index: 5; position: absolute; top: 2px; left: 5px;}
#wk_insta dd { padding: 10px 0 20px 0;}
.insta_photo { width: 100%; max-width: 320px; margin: 0 auto; background: -moz-linear-gradient(left, rgba(255,249,7,0.9) 0%, rgba(255,255,255,0.9) 50%); background: -webkit-linear-gradient(left, rgba(255,249,7,0.9) 0%,rgba(255,255,255,0.9) 50%); background: linear-gradient(to right, rgba(255,249,7,0.9) 0%,rgba(255,255,255,0.9) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6fff907', endColorstr='#e6ffffff',GradientType=1 );}
.insta_photo .lnktxt { text-align: center; margin-top: -20px;}
.insta_photo div.insta { width: 100%; height: 120px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden;}
.insta_photo div.insta ul { width: 265px; margin: 0 auto;}
.insta_photo div.insta ul li a, .insta_photo ul li a img { display:block; background-position:center center; background-repeat:no-repeat; width:85px; height: 85px;}
.insta_photo div.insta ul li a { background-size: cover;}
.insta_photo div.insta ul li a:hover img { background-color: rgba(93, 243, 206, 0.1);}
.insta_photo 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);}
.insta_photo div.insta ul li a img.icon-video { background-image:url(/um/img/play.png);}
.insta_photo .lnktxt a { display: block; padding: 5px; text-align: right; margin: 0 auto; color: rgba(111, 108, 5, 1);}
.insta_photo .lnktxt a:hover { color: rgba(235, 73, 22, 1);}
.insta_photo div.insta ul li { float:left; margin: 10px 1px 0 2px;}
#line_qr { display: none;}
/*head*/
#header { box-sizing: border-box; width: 100%;}
#titleall { width: 100%; max-width: 980px; margin: 0 auto;}
#titlesp { width: 100%; height: 0; padding-top: 62.96875%; position: relative;}
#titlesp #title { width: 100%; height: 0; padding-top: 62.96875%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; display: none;}
#posterall { width: 100%; max-width: 980px; margin: 0 auto;}
#postersp { width: 100%; height: 0; padding-top: 86.71875%; position: relative;}
#postersp #poster { width: 100%; height: 0; padding-top: 86.71875%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; display: none;}
/*_sns*/
#snsset { width: 45%; max-width: 130px; min-height: 54px; position: absolute; bottom: 8%; right: 1%; display: none;}
/*#snsset .snsc { width: 25%; height: 0; padding-top: 25%; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%;} start_date*/
#snsset .snsc { width: 28%; height: 0; padding-top: 28%; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%;}
#snsset .snsc a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background: rgba(12, 14, 17, 0);}
#snsset .snsc a:hover { background: rgba(12, 14, 17, .2);}
#snsset .snsc .snsc_icon { width: 30px; height: 30px; position: absolute; top: 50%; left: 50%; margin: 0; margin-top: -15px; margin-left: -15px;}
/* #snsset #snsc_twitter { background: rgba(85, 172, 238, .3); position: absolute; top: 0; left: 22%;}
#snsset #snsc_insta { background: rgba(238, 85, 197, .3); position: absolute; top: 0; left: 48%;}
#snsset #snsc_line { background: rgba(53, 191, 52, .3); position: absolute; top: 0; left: 74%;} start_date */
#snsset #snsc_twitter { background: rgba(85, 172, 238, .3); position: absolute; top: 0; left: 5%;}
#snsset #snsc_insta { background: rgba(238, 85, 197, .3); position: absolute; top: 0; left: 37%;}
#snsset #snsc_line { background: rgba(53, 191, 52, .3); position: absolute; top: 0; left: 69%;}
#snsset #snsc_twitter .snsc_icon { background: url(../img/sns_btn-twitter.png);}
#snsset #snsc_insta .snsc_icon { background: url(../img/sns_btn-insta.png);}
#snsset #snsc_line .snsc_icon { background: url(../img/sns_btn-line.png);}
#snsset .subtxt { width: 100%; text-align: center; font-size: 75% !important; color: rgba(200, 200, 200, 1); letter-spacing: 0; position: absolute; bottom: 0; right: 0;}
/*cd*/
#cdall { width: 90%; max-width: 649px; margin: -25px auto 10px auto;}
#cdsp { width: 100%; height: 0; padding-top: 5.846153846153846%; position: relative;}
#cd { width: 100%; height: 0; padding-top: 5.846153846153846%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
.ctmgl div { box-sizing: border-box; float: left; width: 50%; height: 100%; margin: 0 0 0 25%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.ctmgl0 div { box-sizing: border-box; float: left; width: 50%; height: 100%; margin: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#cdd:before, #cdh:before, #cdm:before, #cds:before, #cdd:after, #cdh:after, #cdm:after, #cds:after { content: ""; display: table;}
#cdd:after, #cdh:after, #cdm:after, #cds:after { clear: both;}
#cdd { width: 10%; height: 100%; position: absolute; top: 0; left: 38%;}
#cdh { width: 10%; height: 100%; position: absolute; top: 0; left: 51.5%;}
#cdm { width: 10%; height: 100%; position: absolute; top: 0; left: 68.5%;}
#cds { width: 10%; height: 100%; position: absolute; top: 0; left: 82%;}
#d1, #h1, #m1, #s1 { background-image: url(../img/cd/1.png);}
#d2, #h2, #m2, #s2 { background-image: url(../img/cd/2.png);}
#d3, #h3, #m3, #s3 { background-image: url(../img/cd/3.png);}
#d4, #h4, #m4, #s4 { background-image: url(../img/cd/4.png);}
#d5, #h5, #m5, #s5 { background-image: url(../img/cd/5.png);}
#d6, #h6, #m6, #s6 { background-image: url(../img/cd/6.png);}
#d7, #h7, #m7, #s7 { background-image: url(../img/cd/7.png);}
#d8, #h8, #m8, #s8 { background-image: url(../img/cd/8.png);}
#d9, #h9, #m9, #s9 { background-image: url(../img/cd/9.png);}
#d0, #h0, #m0, #s0 { background-image: url(../img/cd/0.png);}
/*news*/
#newssp { box-sizing: border-box; width: 100%; max-width: 480px; margin: 5px auto 0 auto; background: rgba(255, 255, 255, 1); color: rgba(50, 50, 50, 1); display: none;}
#newssp:before, #newssp:after { content: ""; display: table;}
#newssp:after { clear: both;}
#newssp h2 { box-sizing: border-box; width: 16%; height: 30px; background: rgba(195, 0, 0, 1); color: rgba(255, 255, 255, 1); padding: 8px 5px; text-align: center; font-weight: bold; display: inline; float: left; margin-right: 10px;}
.news input, #newssp .more { display: none;}
.news label { box-sizing: border-box; width: 8%; height: 30px; float: right; display: inline; background: rgba(255, 255, 255, 1); position: relative; border-left: 1px solid rgba(195, 0, 0, 1);}
.news label::after { position: absolute; top: 40%; right: 40%; display: block; content: ''; width: 5px; height: 5px; border-top: 3px solid rgba(195, 0, 0, 1.0); border-right: 3px solid rgba(195, 0, 0, 1.0); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);}
.news label:hover { cursor: pointer; -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8;}
.news #nsp .kkm { height: 30px; box-sizing: border-box; padding: 8px 5px 0 0; font-size: 90%; text-align: left; background: rgba(255, 255, 255, 1.0); line-height: 130%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news #nsp .cls { box-sizing: border-box; padding: 0 0 0 16%; background: rgba(195, 0, 0, 1);}
.news #nsp .cls { height: 0; overflow: hidden; -webkit-transition: max-height 30s linear; -moz-transition: max-height 30s linear; transition: max-height 30s linear;} 
.news #nsopn:checked ~ #nsp .cls { height: auto;}
.news input:checked + label:hover:after, .news input:checked ~ label::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.news .subt, .news a .subt { color: rgba(156, 156, 156, 1);}
.news a { color: rgba(63, 120, 176, 1);}
.news a:hover { color: rgba(195, 0, 0, 1);}
.news a:hover .subt { color: rgba(235, 73, 22, 1);}
.plusnews { text-align: center; padding: 15px 0;}
.plusnews a { width: 100%; height: 100%; display: block;}
.plusnews0 { display: none;}

#newssp .h2b { height: 36px;}
.news #nsp .kkm0 { height: 36px; box-sizing: border-box; padding: 5px 5px 0 0; font-size: 90%; text-align: left; background: rgba(255, 255, 255, 1.0); line-height: 120%; overflow: hidden;}
.news0 label { height: 36px;}
.news #nsp .cls .kkm, .news #nsp .cls .kkm0 { min-height: 35px; box-sizing: border-box; padding: 10px 5px 0 10px; font-size: 90%; text-align: left; background: rgba(255, 255, 255, 1.0); line-height: 130%; border-top: 1px solid rgba(0, 0, 0, 1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/*spot*/
#spotall { width: 95%; max-width: 540px; margin: -20px auto 0 auto;}
#spotall h2 { box-sizing: border-box; width: 100%; padding: 40px 0 2px 0; letter-spacing: 0.1em; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0;}
#spotall h2:before, #spotall h2:after { content: ""; display: table;}
#spotall h2:after { clear: both;}
#spotall .h2txt1 { font-size: 140%; font-weight: bold; color: rgba(255, 249, 7, 1); display: inline; float: left; text-align: left;}
#spotall .h2txt2 { font-size: 95%; color: rgba(255, 255, 255, 1); display: inline; float: right; text-align: right;}
#spot { width: 90%; margin: 0 auto;}
#spotsp { width: 100%; height: 0; padding-top: 56.25%; position: relative; border: 1px solid rgba(255, 249, 7, 1); box-shadow: rgba(46, 156, 236, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(46, 156, 236, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(46, 156, 236, 0.1) 0px 1px 2px 2px; margin-top: 10px; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0;}
#nspot { width: 88%; max-width: 540px; margin: 0 auto;}
#nspotsp { width: 100%; height: 0; padding-top: 56.25%; position: relative; background: rgba(46, 156, 236, .1); box-shadow: rgba(46, 156, 236, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(46, 156, 236, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(46, 156, 236, 0.1) 0px 1px 2px 2px;}
#moviesp { width: 100%; position: absolute; top: 0; left: 0;}
#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;}
#movie .nojsmovie { width: 100%; height: 100%; background: rgba(0, 0, 0, 1.0); position: absolute; top: 0; left: 0;}
#movie .nojstxt { width: 100%; text-align: center; position: absolute; top: 50%; left: 0; margin-top: -7px; color: rgba(255, 255, 255, 1.0);}
/*sp0*/
.spmnall0 { width: 95%; max-width: 600px; margin: 10px auto 0 auto;}
.spmnall0 ul:before, .spmnall0 ul:after { content: ""; display: table;}
.spmnall0 ul:after { clear: both;}
#spmn_story0 { width: 100%; max-width: 600px; margin: 0 auto;}
#spmn_story0 .spmnsp { width: 100%; height: 0; padding-top: 33.333333333333333%; position: relative;}
#spmn_story0 .spmn { width: 100%; height: 0; padding-top: 33.333333333333333%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
#spmn_story0 .updateall { width: 40%; position: absolute; bottom: 0; left: 0; display: block;}
#spmn_story0 .updatesp { width: 100%; height: 0; padding-top: 25%; display: block; overflow: hidden;}
#spmn_story0 .updatesp .update { box-sizing: border-box; width: 100%; display: block; text-align: center; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit- transform: translateY(-50%); color: rgba(0, 0, 0, 1); font-size: 90%; line-height: 120%;}
/*
#spmn_original0 { width: 36.75%; max-width: 245px; margin-left: 2.5%; float: left;}
#spmn_original0 .spmnsp { width: 100%; height: 0; padding-top: 59.591836734693878%; position: relative;}
#spmn_original0 .spmn { width: 100%; height: 0; padding-top: 59.591836734693878%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}*/
/*sp*/
.spmnall { width: 96%; max-width: 600px; margin: 10px auto;}
.spmnall ul:before, .spmnall ul:after { content: ""; display: table;}
.spmnall ul:after { clear: both;}
.spmnall .mn_s { width: 30.8%; max-width: 200px; margin-left: 0.8%; margin-top: 10px; float: left;}
.spmnall .mn_s .spmnsp { width: 100%; height: 0; padding-top: 100%; position: relative;}
.spmnall .mn_s .spmn { 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;}
.spmnall .mn_m { width: 48%; max-width: 294px; margin-left: 0.5%; margin-top: 10px; float: left;}
.spmnall .mn_m .spmnsp { width: 100%; height: 0; padding-top: 46.258503401360544%; position: relative;}
.spmnall .mn_m .spmn { width: 100%; height: 0; padding-top: 46.258503401360544%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
.spmnall .mn_l { width: 98%; max-width: 600px; margin: 10px auto 0 auto;}
.spmnall .mn_l .spmnsp { width: 100%; height: 0; padding-top: 26%; position: relative;}
.spmnall .mn_l .spmn { width: 100%; height: 0; padding-top: 26%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
.spmnall #spmn_extra, .spmnall #spmn_extra-photo, .spmnall #spmn_video, .spmnall #spmn_chart, .spmnall #spmn_present { margin-left: 3%;}
/*_interview*/
.spmnall #spmn_interview { margin-left: 3%;}
#spmn_interview .newtxt { font-size: 65% !important; text-align: center; font-weight: bold; display: inline; padding: 0 1px; background: rgba(255, 249, 7, 1); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; position: absolute; top: 45%; right: 1%; color: rgba(0, 0, 0, 1);}
/*_word*/
#spmn_word .updateall { width: 20%; position: absolute; top: 0; right: 0; display: block; background: rgba(235, 230, 11, 1); border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px;}
#spmn_word .updatesp { width: 100%; height: 0; padding-top: 32%; display: block; overflow: hidden;}
#spmn_word .updatesp .update { box-sizing: border-box; width: 100%; display: block; text-align: center; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit- transform: translateY(-50%); color: rgba(235, 73, 22, 1); font-size: 75%; font-weight: bold; line-height: 100%;}
/*_information*/
#spmn_information .updateall { width: 20%; position: absolute; top: 0; right: 0; display: block; background: rgba(235, 230, 11, 1); border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px;}
#spmn_information .updatesp { width: 100%; height: 0; padding-top: 32%; display: block; overflow: hidden;}
#spmn_information .updatesp .update { box-sizing: border-box; width: 100%; display: block; text-align: center; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit- transform: translateY(-50%); color: rgba(235, 73, 22, 1); font-size: 75%; font-weight: bold; line-height: 100%;}
/*_robot*/
#spmn_robot .updateall { width: 20%; position: absolute; top: 0; right: 0; display: block; background: rgba(235, 230, 11, 1); border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px;}
#spmn_robot .updatesp { width: 100%; height: 0; padding-top: 32%; display: block; overflow: hidden;}
#spmn_robot .updatesp .update { box-sizing: border-box; width: 100%; display: block; text-align: center; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit- transform: translateY(-50%); color: rgba(235, 73, 22, 1); font-size: 75%; font-weight: bold; line-height: 100%;}
/*_report*/
#spmn_report .updateall { width: 41%; position: absolute; top: 0; right: 0; display: block; background: rgba(235, 230, 11, 1); border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px;}
#spmn_report .updatesp { width: 100%; height: 0; padding-top: 33%; display: block; overflow: hidden;}
#spmn_report .updatesp .update { box-sizing: border-box; width: 100%; display: block; text-align: center; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit- transform: translateY(-50%); color: rgba(235, 73, 22, 1); font-size: 75%; font-weight: bold; line-height: 100%;}
/*_etc*/
#spmn_tbsfree { width: 48%; max-width: 330px; margin-left: 0.5%; margin-top: 10px; float: left;}
#spmn_tbsfree .spmnsp { width: 100%; height: 0; padding-top: 82.424242424242424%; position: relative;}
#spmn_tbsfree .spmn { width: 100%; height: 0; padding-top: 82.424242424242424%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
#spmn_ishop { width: 48%; max-width: 330px; margin-right: 0.5%; margin-top: 10px; float: right;}
#spmn_ishop .spmnsp { width: 100%; height: 0; padding-top: 37.878787878787879%; position: relative;}
#spmn_ishop .spmn { width: 100%; height: 0; padding-top: 37.878787878787879%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
#spmn_paravi { width: 48%; max-width: 330px; margin-right: 0.5%; margin-top: 3%; float: right;}
#spmn_paravi .spmnsp { width: 100%; height: 0; padding-top: 37.878787878787879%; position: relative;}
#spmn_paravi .spmn { width: 100%; height: 0; padding-top: 37.878787878787879%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
/*_sp*/
.spmnall0 li a, .spmnall li a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255, 249, 7, 0); display: none;}
.spmnall0 li .spmnsp0 a, .spmnall li .spmnsp0 a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, .3); cursor: default; pointer-events: none; display: none;}
.spmnall0 li a:hover, .spmnall li a:hover { background: rgba(255, 249, 7, .1);}
/*premium*/
.premiumall { width: 98%; max-width: 480px; margin: 15px auto;}
.premiumsp { width: 100%; height: 0; padding-top: 18.75%; position: relative;}
.premium { width: 100%; height: 0; padding-top: 18.75%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
.premium a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(183, 50, 50, 0);}
.premium a:hover { background: rgba(183, 50, 50, .1);}
/*close*/
#spmn_video .spmn, #spmn_tbsfree .spmn, #spmn_paravi .spmn { opacity: 0.3;}
#spmn_video .latmsg { box-sizing: border-box; width: 100%; display: block; text-align: center; position: absolute; top: 65%; left: 0; color: rgba(255, 255, 255, 1); font-size: 95%; line-height: 120%; letter-spacing: 0.1em; display: none;}
#spmn_tbsfree .latmsg, #spmn_paravi .latmsg { box-sizing: border-box; width: 100%; display: block; text-align: center; position: absolute; top: 60%; left: 0; color: rgba(255, 255, 255, 1); font-size: 95%; line-height: 120%; letter-spacing: 0.1em; display: none;}


/*for_W400-*/
@media screen and (min-width: 400px) {
.video .whitesp .nkm0 .dd_txt li { box-sizing: border-box; width : 66%;}
#snsset { width: 45%; max-width: 150px; min-height: 60px; position: absolute; bottom: 8%; right: 2%; display: none;}
#snsset .subtxt { font-size: 80% !important; letter-spacing: 0;}
}

/*for_W480-*/
@media screen and (min-width: 480px) {
.s_smp { display: none;}
.s_smpi { display: none;}
.s_rsmp { display: block;}
.s_rsmpi { display: inline;}
#snsset { width: 45%; max-width: 180px; min-height: 67px; letter-spacing: 0.1em; position: absolute; bottom: 10%; right: 4%; display: none;}
#snsset .subtxt { font-size: 85% !important; letter-spacing: 0;}
#spmn_report .updatesp .update, #spmn_information .updatesp .update, #spmn_robot .updatesp .update, #spmn_word .updatesp .update { font-size: 100%;}
}

/*for_W655-*/
@media screen and (min-width: 655px) {
.s_rsmp { display: none;}
.s_rsmpi { display: none;}
.s_wsmp { display: block;}
.s_wsmpi { display: inline;}
#spmn_report .updatesp .update, #spmn_information .updatesp .update, #spmn_robot .updatesp .update, #spmn_word .updatesp .update { font-size: 110%;}
/*IND*/
#wrap:before, #wrap:after { content: ""; display: table;}
#wrap:after { clear: both;}
#ind #wrap { margin-top: -80px;}
#spmn_interview .newtxt { font-size: 80% !important; top: 40%; right: 2%; padding: 3px 5px;}
/*footer*/
#footer0:before, #footer0:after { content: ""; display: table;}
#footer0:after { clear: both;}
#snsall { width: 100%; height: 320px; margin-bottom: 15px;}
#snsall .ofcsns::before { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 0; height: 0;}
#snsall .ofcsns::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 0; height: 0;}
.ofcsns { width: 49.9%;}
#wk_twitter { position: absolute; top: 0; right: 0; border-left: 1px solid rgba(0, 0, 0, 1);}
#wk_insta { position: absolute; top: 0; left: 0;}
#snsall dt { border-top: 0;}
/*_line*/
#wk_line0 { border-top: 0; padding-top: 0;}
#wk_line { width: 100%; position: relative;}
#snsall #line_dt { width: 100%; height: 35px; position: relative; background: rgba(255, 255, 255, 0); border-top: 1px solid #000;}
#snsall #line_dt:after { border-top: 35px solid rgba(43, 43, 43, 1);}
#snsall #line_dt .sns_txt { height: 30px; top: 2px;}
#snsall #line_dt .sns_txt0 { width: 150px; top: 70px; right: 50%;}
#snsall #line_dt a { color: rgba(255, 249, 7, 1); display: block; font-weight: lighter; letter-spacing: 0.1em;}
#snsall #line_dt a:hover { color: rgba(63, 120, 176, 1);}
#line_qr { width: 31%; max-width: 100px; height: 0; padding-top: 31%; position: absolute; top: 15px; right: 5%; display: block;}
#line_qr img { width: 100%; height: auto; position: absolute; top: 0; right: 0;}
/*btn*/
.btn { width: 50%; font-size: 120%; margin: 10px auto;}
/*head*/
#titlesp { width: 100%; height: 0; padding-top: 63%; position: relative;}
#titlesp #title { width: 100%; height: 0; padding-top: 63%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; display: none;}
#postersp { width: 100%; height: 0; padding-top: 84%; position: relative;}
#postersp #poster { width: 100%; height: 0; padding-top: 84%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; display: none;}
/*_sns*/
#snsset { max-width: 160px; min-height: 65px; position: absolute; bottom: 14%; right: 2%;}
#snsset .subtxt { font-size: 90% !important; letter-spacing: 0.2em;}
/*cd*/
#cdall { width: 68.5%; max-width: 649px; margin: -70px 0 0 1%;}
/*news_menu*/
.news_menu { 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; margin-top: -5%;}
.news_menu:before, .news_menu:after { content: ""; display: table;}
.news_menu:after { clear: both;}
/*news*/
#newssp { width: 48%; max-height: 100px; margin: 40px 0 0 1.3%; float: left; overflow-y: auto;}
.news label { display: none;}
.news h2 { width: 60px; height: 100%; display: block;}
.news #nsp .cls { height: auto;}
/*nav*/
#nav { width: 48%; margin: 40px 0 0 1.3%; float: left;}
/*spot*/
#spotall { width: 100%;}
#spot { width: 100%;}
/*premiu*/
.premiumall { width: 100%; max-width: 600px; margin: 30px auto -20px auto;}
.premiumsp { width: 100%; height: 0; padding-top: 12.244897959183673%; position: relative;}
.premium { width: 100%; height: 0; padding-top: 12.244897959183673%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/premium.jpg);}
}

/*for_W768-*/
@media screen and (min-width: 768px) {
.s_wsmp { display: none;}
.s_wsmpi { display: none;}
.s_tablet { display: block;}
.s_tableti { display: inline;}
/*_sns*/
#line_qr { right: 15%;}
/*news*/
#newssp { max-height: 140px;}
.news #nsp li { font-size: 95%;}
.news #nsp .cls li { min-height: 36px; padding: 8px 5px 0 10px;}
}

/*for_W980-*/
@media screen and (min-width: 980px) {
.s_tablet { display: none;}
.s_tableti { display: none;}
.s_pc { display: block;}
.s_pci { display: inline;}
.bnsp { position: absolute; top: 25px; left: 0;}
.bnsp { position: absolute; top: 70px; left: 0;} /*new*/
.bnsp { position: absolute; top: 20px; left: -30px;} /*new*/
/*#snsset { width: 30%; height: 80px; bottom: 0;}
#snsset .subtxt { width: 85%; text-align: center; font-size: 90% !important; color: rgba(200, 200, 200, 1); letter-spacing: 0.2em; position: absolute; bottom: 0; right: 0;}
#snsset #snsc_twitter { position: absolute; top: 1%; left: 16%;}
#snsset #snsc_insta { position: absolute; top: 1%; left: 45%;}
#snsset #snsc_line { position: absolute; top: 1%; left: 74%;}*/
#snsset { max-width: 190px; min-height: 80px; position: absolute; bottom: 18%; right: 5%;}
#snsset .subtxt { font-size: 90% !important; letter-spacing: 0.2em;}
#line_qr { right: 5%;}
#pgtp { margin: 0; position: fixed; bottom: 0; right: 0;}
.cr { width: 100%; margin: 0; text-align: center; position: absolute; bottom: 65px; left: 0;}
#ind #wrap { margin-top: 0;}
/*snsbtn*/
#ind .twtfb { max-width: 120px; height: 85px; overflow: hidden; margin: 0; position: absolute; top: -295px; left: 50px;}
#ind .twtbtn { width: 66.666666666666667%; height: 26px; position: absolute; top: 27px; right: 5%;}
#ind .fbbtn { width: 91.666666666666667%; height: 26px; overflow: hidden; position: absolute; top: 55px; right: 5%;}
#ind .twtfb { max-width: 320px; height: 55px; overflow: hidden; margin: 0; position: absolute; top: -135px; left: 50px;}
#ind .twtfb { max-width: 320px; height: 55px; overflow: hidden; margin: 0; position: absolute; top: -10px; left: 50px;} /*new*/
#ind .twtbtn { width: 66.666666666666667%; height: 26px; position: absolute; top: 27px; left: 0;}
#ind .fbbtn { width: 91.666666666666667%; height: 26px; overflow: hidden; position: absolute; top: 27px; left: 25%;}
/*IND*/
/*.news_menu { width: 980px; height: 780px; margin: 0 auto; position: relative; background-image: url(../img/hand_c.png); background-repeat: no-repeat; background-position: 78% 93%;}
.news_menu { width: 980px; height: 930px; margin: 0 auto; position: relative; background-image: url(../img/hand_c.png); background-repeat: no-repeat; background-position: 78% 93%;} */
.news_menu { width: 980px; height: 1030px; margin: 0 auto; position: relative; margin-top: -100px;}
/*footer*/
#footer { box-sizing: border-box; width: 100%; background: -moz-linear-gradient(top, rgba(255,249,7,0) 64%, rgba(255,249,7,1) 100%); background: -webkit-linear-gradient(top, rgba(255,249,7,0) 64%,rgba(255,249,7,1) 100%); background: linear-gradient(to bottom, rgba(255,249,7,0) 64%,rgba(255,249,7,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fff907', endColorstr='#fff907',GradientType=0 ); padding-bottom: 10px;}
#snsall { max-width: 660px; float: right;}
#footer .subtxt0 { width: 660px; margin-left: 310px; margin-top: -30px;}
#footer0 { height: 500px;}
/*_sns*/
#snsset { width: 24%; bottom: 13%;}
/*cd*/
#cdall { margin: -140px 0 20px 6%;}
/*nav*/
#nav { box-sizing: border-box; width: 100%; max-width: 980px; margin: 0; float: none; position: absolute; top: 30px; left: 0;}
#nav li { width: 16.3%; margin: 1px 0 1px 0.2%; float: left; font-size: 120%; letter-spacing: 0.1em;}
/*news*/
#newssp { width: 397px; height: 100px; margin: 0; float: none; position: absolute; top: 140px; left: 15px; font-size: 110%;}
.news #nsp .cls li { min-height: 35px; padding: 10px 5px 0 10px; font-size: 90%; letter-spacing: 0;}
/*spot*/
#spotall { width: 540px; margin: 0; position: absolute; top: 100px; right: 15px;}
#spotall h2 { box-sizing: border-box; width: 100%; padding: 40px 10px 2px 10px; letter-spacing: 0.2em; font-size: 140%;}
#spot { width: 96%;}
/*sp0*/
#ind .spmnall0 { width: 100%; max-width: 397px; margin: 0;}
#ind #spmn_story0 { width: 100%; max-width: 397px; margin-left: 0; float: none; position: absolute; top: 256px; right: 568px;}
#ind #spmn_story0 .spmnsp { width: 100%; height: 0; padding-top: 50.629722921914358%; position: relative;}
#ind #spmn_story0 .spmn { width: 100%; height: 0; padding-top: 50.629722921914358%; position: absolute; top: 0; left: 0;}
#ind #spmn_story0 .updateall { position: absolute; bottom: 1%; left: 1%; display: block;}
#ind #spmn_story0 .updatesp .update { font-size: 100%; line-height: 120%;}
/*sp*/
#ind .spmnall { width: 100%; max-width: 485px; margin: 0; position: absolute; top: 383px; right: 0;}
#ind #spmn_present { width: 100%; max-width: 198px; margin-left: 0; float: none; position: absolute; top: 0; right: 779px;}
#ind #spmn_present .spmnsp { width: 100%; height: 0; padding-top: 65.151515151515152%; position: absolute; top: 0; left: 0;}
#ind #spmn_present .spmn { width: 100%; height: 0; padding-top: 65.151515151515152%; position: absolute; top: 0; left: 0;}
#ind #spmn_original { width: 100%; max-width: 282px; margin-left: 0; float: none; position: absolute; top: 0; right: 490px;}
#ind #spmn_original .spmnsp { width: 100%; height: 0; padding-top: 45.74468085106383%; position: relative;}
#ind #spmn_original .spmn { width: 100%; height: 0; padding-top: 45.74468085106383%;}
#ind #spmn_report { width: 100%;max-width: 282px; margin-left: 0; float: none; position: absolute; top: 0; left: 0;}
#ind #spmn_report .spmnsp { width: 100%; height: 0; padding-top: 45.74468085106383%; position: relative;}
#ind #spmn_report .spmn { width: 100%; height: 0; padding-top: 45.74468085106383%; position: absolute; top: 0; left: 0;}
#ind #spmn_report .updateall { width: 23%;}
#ind #spmn_report .updatesp .update { font-size: 100%; line-height: 110%;}
#ind #spmn_gallery { width: 100%; max-width: 198px; margin-left: 0; float: none; position: absolute; top: 0; right: 0;}
#ind #spmn_gallery .spmnsp { width: 100%; height: 0; padding-top: 65.151515151515152%; position: absolute; top: 0; left: 0;}
#ind #spmn_gallery .spmn { width: 100%; height: 0; padding-top: 65.151515151515152%; position: absolute; top: 0; left: 0;}
#ind #spmn_wallpaper { width: 100%; max-width: 198px; margin: 0; float: none; position: absolute; top: 145px; right: 779px;}
#ind #spmn_wallpaper .spmnsp { width: 100%; height: 0; padding-top: 65.151515151515152%; position: absolute; top: 0; left: 0;}
#ind #spmn_wallpaper .spmn { width: 100%; height: 0; padding-top: 65.151515151515152%; position: absolute; top: 0; left: 0;}
#ind #spmn_interview { width: 100%; max-width: 282px; margin: 0; float: none; position: absolute; top: 145px; right: 490px;}
#ind #spmn_interview .spmnsp { width: 100%; height: 0; padding-top: 45.74468085106383%; position: absolute; top: 0; left: 0;}
#ind #spmn_interview .spmn { width: 100%; height: 0; padding-top: 45.74468085106383%; position: absolute; top: 0; left: 0;}
#ind #spmn_chart { width: 100%; max-width: 282px; margin: 0; float: none; position: absolute; top: 145px; left: 0;}
#ind #spmn_chart .spmnsp { width: 100%; height: 0; padding-top: 45.74468085106383%; position: absolute; top: 0; left: 0;}
#ind #spmn_chart .spmn { width: 100%; height: 0; padding-top: 45.74468085106383%; position: absolute; top: 0; left: 0;}
#ind #spmn_word { width: 100%; max-width: 282px; margin: 0; float: none; position: absolute; top: 145px; left: 0;}
#ind #spmn_word .spmnsp { width: 100%; height: 0; padding-top: 45.74468085106383%; position: absolute; top: 0; left: 0;}
#ind #spmn_word .spmn { width: 100%; height: 0; padding-top: 45.74468085106383%; position: absolute; top: 0; left: 0;}
#ind #spmn_word .updateall { width: 23%;}
#ind #spmn_word .updatesp .update { font-size: 100%; line-height: 110%;}
#ind #spmn_extra-photo { width: 100%; max-width: 198px; margin: 0; float: none; position: absolute; top: 145px; right: 0;}
#ind #spmn_extra-photo .spmnsp { width: 100%; height: 0; padding-top: 65.151515151515152%; position: absolute; top: 0; left: 0;}
#ind #spmn_extra-photo .spmn { width: 100%; height: 0; padding-top: 65.151515151515152%; position: absolute; top: 0; left: 0;}
#ind #spmn_video { width: 100%; max-width: 198px; margin: 0; float: none; position: absolute; top: 280px; right: 779px;}
#ind #spmn_video .spmnsp { width: 100%; height: 0; padding-top: 65.151515151515152%; position: absolute; top: 0; left: 0;}
#ind #spmn_video .spmn { width: 100%; height: 0; padding-top: 65.151515151515152%; position: absolute; top: 0; left: 0;}
#ind #spmn_information { width: 100%; max-width: 282px; margin: 0; float: none; position: absolute; top: 280px; right: 490px;}
#ind #spmn_information .spmnsp { width: 100%; height: 0; padding-top: 45.74468085106383%; position: absolute; top: 0; left: 0;}
#ind #spmn_information .spmn { width: 100%; height: 0; padding-top: 45.74468085106383%; position: absolute; top: 0; left: 0;}
#ind #spmn_information .updateall { width: 23%;}
#ind #spmn_information .updatesp .update { font-size: 100%; line-height: 110%;}
#ind #spmn_robot { width: 100%; max-width: 282px; margin: 0; float: none; position: absolute; top: 280px; left: 0;}
#ind #spmn_robot .spmnsp { width: 100%; height: 0; padding-top: 45.74468085106383%; position: absolute; top: 0; left: 0;}
#ind #spmn_robot .spmn { width: 100%; height: 0; padding-top: 45.74468085106383%; position: absolute; top: 0; left: 0;}
#ind #spmn_robot .updateall { width: 23%;}
#ind #spmn_robot .updatesp .update { font-size: 100%; line-height: 110%;}
/* #ind #spmn_michelin { width: 100%; max-width: 282px; margin: 0; float: none; position: absolute; top: 280px; left: 0;}
#ind #spmn_michelin .spmnsp { width: 100%; height: 0; padding-top: 45.74468085106383%; position: absolute; top: 0; left: 0;}
#ind #spmn_michelin .spmn { width: 100%; height: 0; padding-top: 45.74468085106383%; position: absolute; top: 0; left: 0;} */
#ind #spmn_michelin { width: 100%; max-width: 281px; margin: 0; float: none; position: absolute; top: 420px; right: 696px;} /*new*/
#ind #spmn_michelin .spmnsp { width: 100%; height: 0; padding-top: 36.656891495601173%; position: absolute; top: 0; left: 0;} /*new*/
#ind #spmn_michelin .spmn { width: 100%; height: 0; padding-top: 36.656891495601173%; position: absolute; top: 0; left: 0;} /*new*/
#ind #spmn_extra { width: 100%; max-width: 198px; margin: 0; float: none; position: absolute; top: 280px; right: 0;}
#ind #spmn_extra .spmnsp { width: 100%; height: 0; padding-top: 65.151515151515152%; position: absolute; top: 0; left: 0;}
#ind #spmn_extra .spmn { width: 100%; height: 0; padding-top: 65.151515151515152%; position: absolute; top: 0; left: 0;}
#ind #spmn_tbsfree { width: 100%; max-width: 281px; margin: 0; float: none; position: absolute; top: 420px; right: 0;}
#ind #spmn_tbsfree .spmnsp { width: 100%; height: 0; padding-top: 36.656891495601173%; position: absolute; top: 0; left: 0;}
#ind #spmn_tbsfree .spmn { width: 100%; height: 0; padding-top: 36.656891495601173%; position: absolute; top: 0; left: 0;}
#ind #spmn_ishop { width: 100%; max-width: 198px; margin: 0; float: none; position: absolute; top: 420px; right: 286px;}
#ind #spmn_ishop .spmnsp { width: 100%; height: 0; padding-top: 52.083333333333333%; position: absolute; top: 0; left: 0;}
#ind #spmn_ishop .spmn { width: 100%; height: 0; padding-top: 52.083333333333333%; position: absolute; top: 0; left: 0;}
#ind #spmn_paravi { width: 100%; max-width: 198px; margin: 0; float: none; position: absolute; top: 420px; right: 490px;}
#ind #spmn_paravi .spmnsp { width: 100%; height: 0; padding-top: 52.083333333333333%; position: absolute; top: 0; left: 0;}
#ind #spmn_paravi .spmn { width: 100%; height: 0; padding-top: 52.083333333333333%; position: absolute; top: 0; left: 0;}

#ind #spmn_report .updatesp .update, #ind #spmn_information .updatesp .update, #ind #spmn_robot .updatesp .update, #ind #spmn_word .updatesp .update { font-size: 90%;}
/*sp0 _sp*/
#ind .spmnall0 li a, #ind .spmnall li a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255, 249, 7, 0); display: none;}
#ind .spmnall0 li a:hover, #ind .spmnall li a:hover { background: rgba(255, 249, 7, .1);}
/*close*/
#spmn_video .latmsg { top: 45%; font-size: 105%;}
#spmn_tbsfree .latmsg { top: 42%; font-size: 105%;}
/*premiu*/
/*.news_menu { height: 905px;}
.premiumall { width: 100%; max-width: 970px; margin: 0; position: absolute; top: 55px; left: 0; z-index: 2000;}
#newssp { top: 270px;}
#spotall { top: 230px;}
#ind #spmn_story0 { absolute; top: 386px;}
#ind #spmn_original0 { top: 607px;}
#ind .spmnall { top: 535px;} */
}

/*#spmn_gallery .spmn { -webkit-opacity: 0.3; -moz-opacity: 0.3; opacity: 0.3;}
#spmn_gallery .cstxt { width: 100%; text-align: center; letter-spacing: 0.12em; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit- transform: translateY(-50%); display: none;}*/

/*#spmn_paravi .spmn, #spmn_tbsfree .spmn { -webkit-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4;}*/