@charset "UTF-8";
/* TBS reset */
.alt { position: absolute; top: -5000px; left: -9999px; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.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, .dpb { 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, .bt { font-weight: inherit; }
b, strong, .bt { font-weight: bolder; } /*Chrome, Edge, and Safari*/
dfn { font-style: italic; }
h1, h2, h3, h4, h5 { font-weight: lighter; }
mark { background: yellow; color: black; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border-style: none; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
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 */
@media print { .noprint { display: none; } }
.bnsp { width: 300px; height: 250px; }
.nt { display: none; }
.bt { font-weight: bold; font-weight: 900; font-size: 105%;}
.ut { font-weight: lighter;}
.s_rsmp, .s_wsmp, .s_tablet, .s_pc, .s_rsmpi, .s_wsmpi, .s_tableti, .s_pci { display: none; }
.s_smp { display: -webkit-block; display: block; }
.s_smpi { display: -webkit-inline; display: inline; }
@media (min-width: 480px) { 
.s_smp, .s_smpi { display: none; } 
.s_rsmp { display: -webkit-block; display: block; } 
.s_rsmpi { display: -webkit-inline; display: inline; } 
}
@media (min-width: 640px) { 
.s_rsmp, .s_rsmpi { display: none; } 
.s_wsmp { display: -webkit-block; display: block; } 
.s_wsmpi { display: -webkit-inline; display: inline; } 
}
@media (min-width: 768px) { 
.s_wsmp, .s_wsmpi { display: none; } 
.s_tablet { display: -webkit-block; display: block; } 
.s_tableti { display: -webkit-inline; display: inline; } 
}
@media (min-width: 1000px) { 
.s_tablet, .s_tableti { display: none; } 
.s_pc { display: -webkit-block; display: block; } 
.s_pci { display: -webkit-inline; display: inline; } 
}
br { letter-spacing: 0; }
.ct { text-align: center;}
.lt { text-align: left;}
.rt { text-align: right;}
/*size*/
.f300 { font-size: 300%;}
.f240 { font-size: 240%;}
.f220 { font-size: 220%;}
.f200 { font-size: 200%;}
.f180 { font-size: 180%;}
.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%;}
.f95 { font-size: 95%;}
.f90, .small { font-size: 90%;}
.f85 { line-height: normal; font-size: 85% !important;}
.f75 { line-height: normal; font-size: 75% !important;}
.f65 { line-height: normal; font-size: 65% !important;}
.f64 { line-height: normal; font-size: 64% !important;}
/*_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;}
.pdt2 { padding-top: 2px;}
.pdt5 { padding-top: 3px;}
.pdb3 { padding-bottom: 3px;}
.pdt10 { padding-top: 10px;}
.pdt20 { padding-top: 20px;}
.pdb5 { padding-bottom: 5px;}
.pdb10 { padding-bottom: 10px;}
.pdb20 { padding-bottom: 20px;}
.pdtb10 { padding: 10px 0;}
.pdtb20 { padding: 20px 0;}
.ls-1 { letter-spacing: -.1em;}
.ls0 { letter-spacing: 0;}
.ls1 { letter-spacing: .1em;}
.ls2 { letter-spacing: .2em;}
/*etc*/
@media print { .noprint { display: none;} }
.sdt { text-shadow: 1px 2px 2px rgba(0, 54, 120, .2); -moz-text-shadow: 1px 2px 2px rgba(0, 54, 120, .2); -webkit-text-shadow: 1px 2px 2px rgba(0, 54, 120, .2);}
.hosoji { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
.futoji { font-family: 'arial black', "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro"}
/*lazyload*/
.lazyload, .lazyloading { opacity: 0;}
.lazyloaded { opacity: 1; transition: all 1500ms;}
/*fadein*/
.fadein { -webkit-animation: fadeIn 2s ease 0s 1 normal; animation: fadeIn 5s ease-in-out 1;}
@-webkit-keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1}}
@keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1}}
/*fadeout*/
.fadeout { -webkit-animation: fadeout 2s ease 0s 1 normal; animation: fadeout 5s ease-in-out 1;}
@-webkit-keyframes fadeout { 0% {opacity: 1} 100% {opacity: 0}}
@keyframes fadeout { 0% {opacity: 1} 100% {opacity: 0}}
/*loader*/
.looping-rhombuses-spinner, .looping-rhombuses-spinner * { box-sizing: border-box;}
.looping-rhombuses-spinner { width: 55px; height: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); display: none;}
.looping-rhombuses-spinner .rhombus { height: 20px; width: 20px; color: rgba(255, 231, 58, .6); left: calc(15px * 4); position: absolute; margin: 0 auto; border-radius: 2px; transform: translateY(0) rotate(45deg) scale(0); animation: looping-rhombuses-spinner-animation 2500ms linear infinite; font-size: 130%;}
.looping-rhombuses-spinner .rhombus:nth-child(1) { animation-delay: calc(1500ms * 1 / -1.5);}
.looping-rhombuses-spinner .rhombus:nth-child(2) { animation-delay: calc(1500ms * 2 / -1.5);}
.looping-rhombuses-spinner .rhombus:nth-child(3) { animation-delay: calc(1500ms * 3 / -1.5);}
@keyframes looping-rhombuses-spinner-animation { 0% { transform: translateX(0) rotate(45deg) scale(0); } 50% { transform: translateX(-235%) rotate(45deg) scale(1); } 100% { transform: translateX(-470%) rotate(45deg) scale(0); } }
/*bn*/
.bnsp { width: 300px; height: 250px; margin: 15px auto;}
/*color*/
.col { color: rgba(195, 13, 35, 1);}
.col2 { color: rgba(19, 75, 255, 1);}
.glay { color: rgba(150, 150, 150, 1);}
.wt { color: rgba(255, 255, 255, 1);}
.yel, .yellow { color: rgba(241, 206, 0, 1);}
.red { color: rgba(215, 0, 0, 1);}
.orange { color: rgba(254, 121, 80, 1);}
.black { color: rgba(0, 0, 0, 1);}
.blue { color: rgba(0, 158, 248, 1);}
.purple { color: rgba(78, 0, 208, 1);}
.green { color: rgba(9, 132, 0, 1);}
.pink { color: rgba(243, 72, 153, 1);}
.brown { color: rgba(144, 68, 0, 1);}
.gold { color: rgba(204, 153, 51, 1);}
.bluegreen { color: rgba(11, 157, 155, 1);}
.darkblue { color: rgba(0, 45, 158, 1);}
.darkpink { color: rgba(179, 0, 126, 1);}
.lightgreen { color: rgba(0, 198, 89, 1);}
.lightpurple { color: rgba(206, 0, 219, 1);}
.momo { color: rgba(228, 94, 163, 1);}
.blueglay { color: rgba(60, 136, 185, 1);}
.lemon { color: rgba(255, 250, 200, 1);}
a:link { color: rgba(144, 68, 0, 1);}
a:visited { color: rgba(144, 68, 0, 1);}
a:active { color: rgba(56, 89, 174, 1);}
a:hover { color: rgba(219, 93, 37, 1);}
a:hover .black, a:hover .red, a:hover .orange, a:hover .yellow, a:hover .blue, a:hover .purple, a:hover .green, a:hover .pink, a:hover .brown, a:hover .gold, a:hover .bluegreen, a:hover .glay, a:hover .darkblue, a:hover .darkpink, a:hover .lightgreen, a:hover .lightpurple { color: rgba(16, 168, 0, 1);}

/*COMMON*/
html { scroll-behavior: smooth;}
body { background: rgba(166, 3, 9, 1);}
body.fixed { position: fixed; width: 100%; height: 100%; left: 0;}
div#con-body { width: 100%; text-align: center; margin: auto; line-height: normal; -webkit-text-size-adjust: none; vertical-align: baseline; margin: 0; padding: 0; z-index: 0;}
div#con-body { background: rgba(166, 3, 9, 1) url(../img/bg.jpg) center top; background-repeat: repeat; -webkit-background-size: auto; background-size: auto; background-attachment: fixed; text-align: center; z-index: 0; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; width: 100%; margin: 0 auto; font-size: 65%; line-height: 100%; position: relative; color: rgba(255, 255, 255, 1); font-family:"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"メイリオ",Meiryo,sans-serif;}
div#con-body::before { content: ""; background: url(../img/bg.jpg) repeat center center; display: block; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -1;}
#container { box-sizing: border-box; width: 100%; z-index: 1; position: relative;  font-size: 110%;}
#wrap { width: 100%; max-width: 1400px; margin: 0 auto; text-align: left; line-height: 140%; position: relative;}
#wrap:before, #wrap:after { content: ""; display: table;}
#wrap:after { clear: both;}
.soon { -webkit-opacity: .5; -moz-opacity: .5; opacity: .5;}
/*header*/
/*#header { width: 100%; max-width: 1400px; margin: 0 auto;}*/
/*btn*/
.btn { width: 130px; position: absolute; bottom: -1em; right: 1em;}
.btn a { width: 100%; height: 0; padding-top: 22%; background: rgba(255, 224, 0, 1); -ms-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; display: block;}
.btn a:hover { background: rgba(166, 3, 9, 1);}
.btn a .news_link { width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); font-weight: bold; color: rgba(0, 0, 0, 1); font-size: 120%; letter-spacing: 0;}
.btn a:hover .news_link { color: rgba(255, 255, 255, 1);}
/*spot_btn*/
.spot_btnset { width: 350px; margin: 1em auto -1em auto;}
.spot_btnset:before, .spot_btnset:after { content: ""; display: table;}
.spot_btnset:after { clear: both;}
.spot_btnset .btn { width: 31%; position: static; margin: 0 0 0 2%; float: left;}
.spot_btnset .btn a { width: 100%; height: 0; padding-top: 28%; background: rgba(255, 224, 0, 1); -ms-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; display: block; position: relative;}
.spot_btnset .btn a:hover { background: rgba(166, 3, 9, 1);}
.spot_btnset .btn a .news_link { width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); font-weight: bold; color: rgba(0, 0, 0, 1); font-size: 100%; letter-spacing: 0;}
.spot_btnset .btn a:hover .news_link { color: rgba(255, 255, 255, 1);}
#story11sp .spot_btnset { width: 100px;}
#story11sp .spot_btnset .btn { width: 100%; position: static; margin: 0 auto 5px auto; float: none;}

/*btn0*/
.btn0 { max-width: 240px; margin: 15px auto;}
.btn0 a { width: 100%; height: 0; padding-top: 22%; background: rgba(255, 224, 0, 1); -ms-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; display: block; position: relative;}
.btn0 a:hover { background: rgba(166, 3, 9, 1);}
.btn0 a .news_link { width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); font-weight: bold; color: rgba(0, 0, 0, 1); font-size: 140%; letter-spacing: 0;}
.btn0 a:hover .news_link { color: rgba(255, 255, 255, 1);}
/*font*/
.num_txt { font-family: 'Century Gothic', 'arial';}
/*share*/
#share_sp { box-sizing: border-box; width: 100%; max-width: 1000px; margin: 0 auto; padding: 1.5em 0; background: rgba(255, 255, 255, 1);}
#share_sp .snsimg_all { width: 70%; max-width: 300px; margin: 0 auto;}
#share_sp .snsimg_sp { width: 100%; height: 0; padding-top: 45%; position: relative;}
#share_sp .snsimg_fadein { width: 100%; height: 0; padding-top: 45%; position: absolute; top: 0; left: 0; display: none;}
#share_sp .snsimg { width: 100%; height: 0; padding-top: 45%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#share_sp .snsimg .sns_sp { width: 22%; border-radius: 100%; border-radius: 100%; position: absolute; top: 0; left: 0;}
#share_sp .snsimg #s_twitter { position: absolute; top: 29%; left: 16%;}
#share_sp .snsimg #s_facebook { position: absolute; top: 29%; left: 39%;}
#share_sp .snsimg #s_line { position: absolute; top: 29%; left: 63%;}
#share_sp .snsimg .sns_lnk a { width: 100%; height: 100%; -ms-border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; top: 0; left: 0; display: block;}
#share_sp .snsimg .sns_lnk a:hover { background: rgba(255, 255, 255, .2);}
/*share*/
.share_sp { box-sizing: border-box; width: 92%; max-width: 220px; margin: 1.6em auto 2.4em auto; border: 0; padding: 0;}
.share_sp .share_title { display: block; text-align: center;}
.marker { font-size: 130%; font-weight: bold; background: linear-gradient(transparent 70%, rgba(255, 232, 64, .75) 70%);}
.share_p-all { width: 100%; max-width: 220px; margin: 10px auto;}
.share_p-sp { width: 100%; height: 0; padding-top: 32.142857142857143%; position: relative;}
.share_p { width: 100%; height: 0; padding-top: 32.142857142857143%; position: absolute; top: 0; left: 0: background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/share0.png);}
.share_p .sns_sp { width: 30%;}
.share_p #s_twitter { position: absolute; top: 4%; left: 2%;}
.share_p #s_facebook { position: absolute; top: 4%; left: 35%;}
.share_p #s_line { position: absolute; top: 4%; left: 68%;}
.share_p .sns_lnk { width: 100%; height: 0; padding-top: 100%; -ms-border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; top: 0; left: 0;}
.share_p .sns_lnk a { width: 100%; height: 100%; -ms-border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; top: 0; left: 0;}
.share_p .sns_lnk a:hover { background: rgba(255, 255, 255, .2);}
/*sns_btn*/
.twtfb { width: 100%; height: 26px; overflow: hidden; margin: 0 auto; padding: 16px 0 10px 0; position: relative; background-image: -webkit-gradient(linear, left top, right top, from(hsla(358,67%,45%,0)), color-stop(0.25, hsla(358,67%,45%,1)), color-stop(0.75, hsla(358,67%,45%,1)), to(hsla(358,67%,45%,0))); background-image: -webkit-linear-gradient(left, hsla(358,67%,45%,0), hsla(358,67%,45%,1) 25%, hsla(358,67%,45%,1) 75%, hsla(358,67%,45%,0)); background-image: linear-gradient(to right, hsla(358,67%,45%,0), hsla(358,67%,45%,1) 50%, hsla(358,67%,45%,1) 75%, hsla(358,67%,45%,0));}
.twtfb:before, .twtfb:after { content: ""; display: table;}
.twtfb:after { clear: both;}
.twtbtn { width: 48%; height: 26px; float: left; text-align: right; margin-left: 2%; margin-right: 1%;}
.fbbtn { width: 48.8%; height: 26px; float: left; text-align: left; overflow: hidden;}
.ifss { height: 21px; overflow: hidden; border: 0; background-color: transparent;}
/*footer*/
#footer { width: 100%; margin: 0 auto; padding-bottom: 65px;}
#footer #copyright { width: 90%; margin: 0 auto; padding: 15px 0; text-align: left; line-height: 130%; font-size: 102%;}
#footer #pgtp_sp_s { width: 100%; background: rgba(166, 3, 9, .8); height: 65px; position: fixed; bottom: -65px; left: 0; z-index: 10000000;}
#footer #pgtp_sp_s .pgtp { width: 50%; max-width: 300px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%);}
#footer #pgtp_sp_s .pgtp a { width: 100%; height: 0; padding-top: 6.944444444444444%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block;}
#footer #pgtp_sp_s .pgtp a:hover { opacity: .9;}
#footer #pgtp_sp { display: none;}
#footer a { color: rgba(255, 224, 0, 1);}
/*sns*/
#sns_set { width: 100%; max-width: 300px; margin: 10px auto;}
#sns_set:before, #sns_set:after { content: ""; display: table;}
#sns_set:after { clear: both;}
#sns_set .sns_all { width: 100%; margin: 0 auto 10px auto;}
#sns_set .sns_sp { width: 100%; height: 0; padding-top: 30%; position: relative;}
#sns_set .sns { width: 100%; height: 0; padding-top: 30%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#sns_set .sns a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#sns_set .sns a:hover { background: rgba(166, 3, 9, .1);}

/*for_W640-*/
@media screen and (min-width: 640px) {
#sns_set { max-width: 625px;}
#sns_set .sns_all { max-width: 300px; margin: 0 5px 10px 6px; float: left;}
#footer #copyright { text-align: center; font-size: 110%;}
}

/*for_W768-*/
@media screen and (min-width: 768px) {
.spot_btnset { margin: -.3em auto .2em auto;}
.spot_btnset .btn a { width: 100%; height: 0; padding-top: 25%;}
#footer #copyright { font-size: 115%;}
/*story*/
#story_sp #spot_sp .spot_btnset { width: 400px; margin: 1em auto .2em auto;}
#story_sp #spot_sp .spot_btnset .btn { font-size: 120%;}
#story_sp #story11sp #spot_sp .spot_btnset { width: 160px;}
#story_sp #story11sp #spot_sp .spot_btnset .btn { width: 100%; position: static; margin: 0 auto 5px auto; float: none;}
/*share*/
.share_sp { box-sizing: border-box; width: 92%; max-width: 450px; margin: 0 auto 10px auto;}
.share_sp:before, .share_sp:after { content: ""; display: table;}
.share_sp:after { clear: both;}
.share_sp .share_title { text-align: right; float: left; padding-top: 30px; padding-right: 20px;}
.share_sp .share_p-all { float: left;}
}

/*for_W1000-*/
@media screen and (min-width: 1000px) {
.looping-rhombuses-spinner { width: 90px; height: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); display: none;}
.looping-rhombuses-spinner .rhombus { height: 30px; width: 30px; color: rgba(255, 231, 58, .6); left: calc(15px * 4); position: absolute; margin: 0 auto; border-radius: 2px; transform: translateY(0) rotate(45deg) scale(0); animation: looping-rhombuses-spinner-animation 2500ms linear infinite; font-size: 200%;}
/*CountDown*/
#cdall { padding: 5px 10.714285714285714%;}
/*footer*/
#footer { padding-bottom: 0;}
#footer #copyright { width: 100%; margin: 0 auto; padding: 50px 0; text-align: center; font-size: 120%;}
#footer #pgtp_sp_s { display: none;}
#footer #pgtp_sp { width: 100px; height: 100px; position: fixed; bottom: 0; right: 0;}
#footer #pgtp_sp a { width: 100px; height: 100px; background: url(../img/pgtp.png) no-repeat; display: block;}
#footer #pgtp_sp a:hover { opacity: .8;}
#sns_set { width: 100%; max-width: 300px; margin: 0; position: absolute; top: 33px; left: 325px;}
#sns_set #line .sns_sp, #sns_set #line .sns { padding-top: 40%;}
#sns_set #note { margin-bottom: 15px;}
}

/*.bnsp { background: #ccc;}*/