/* RESETS NL4.0.0base */
html, body, main, div, p, span, applet, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, ruby { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline;}
ol, ul { list-style: none; }
a img, form, fieldset { border: none;}
input, button, select { vertical-align: middle;}
textarea { vertical-align: top; overflow: auto;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block;}
audio, canvas, progress { display: inline-block;}
progress { vertical-align: baseline;}
audio:not([controls]) { display: none; height: 0;}
[hidden], template, .nt { display: none;}
a { background-color: transparent;}
a:active, a:hover { outline-width: 0;}
abbr { cursor: help; border-bottom: 1px dotted #bbb;}
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted;}
b, strong { font-weight: inherit;}
b, strong { font-weight: bolder;} /*Chrome, Edge, and Safari*/
dfn { font-style: italic;}
h1, h2, h3, h4, h5 { font-weight: lighter;}
mark { background: rgba(255, 255, 0, 1.0); color: rgba(0, 0, 0, 1.0);}
small { font-size: 80%;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}
img { border-style: none; vertical-align : middle;}
svg:not(:root) { overflow: hidden;}
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em;}
figure { margin: 1em 40px;}
hr { box-sizing: content-box; height: 0; overflow: visible;}
button, input, select, textarea { font: inherit;}
optgroup { font-weight: bold;}
button, input, select { overflow: visible;} /*Edge, IE*/
button, input, select, textarea { margin: 0;} /*Firefox and Safari*/
button, select { text-transform: none;} /*Edge, Firefox, and IE*/
button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer;}
[disabled] { cursor: default;}
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button;} /*Android 4, iOS*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;} /*Firefox*/
button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;} /*Edge and IE ...etc*/
textarea { overflow: auto;} /*IE*/
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0;} /*IE10-*/
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto;} /*Chrome*/
[type="search"] { -webkit-appearance: textfield;} /*Chrome and Safari*/
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none;} /*Chrome and Safari on OS X*/
pre { overflow: auto;}
table { border-collapse: collapse; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle;}
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none;}
q:after, blockquote:after { clear: both;}
/*ORG*/
.inline { display: -webkit-inline; display: inline;}
.inlineb { display: -webkit-inline-block; display: inline-block;}
.inlinef { display: -webkit-inline-flex; display: inline-flex;}
.valignm { vertical-align: middle;}
.hidden { position: absolute; left: -9999px; text-indent: -9999px; overflow: hidden;}
.dispno { display: none;}
.lt { text-align: left;}
.rt { text-align: right;}
.ct { text-align: center;}
.ellip { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fl { float: left;}
.fr { float: right;}
.center { margin: auto;}
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both;}
.clear { clear: both;}
ul, li, dl, dt, dd { margin: 0px; padding: 0px; list-style: none;}
.nobd { border: 0;}
.bt { font-weight: bold;}
.ut { font-weight: lighter;}
br,.ls0 { letter-spacing: 0;}
.ls1 { letter-spacing: 0.1em;}
.ls2 { letter-spacing: 0.2em;}
.ls5 { letter-spacing: 0.5em;}
.nt, .nsbr, .nssbr, .nsbri, .nmbr { display: none;}
.dblk, .sbr, .ssbr, .mbr, .ndbil { display: block;}
.dbil { display: inline;}
.valt { vertical-align: top;}
.vals { vertical-align: super;}
.ofat { overflow: auto;}
.fcl { clear:both;}
.wt { color: rgba(255, 255, 255, 1.0);}
.gt { color: rgba(88, 88, 88, 1.0);}
.lgt { color: rgba(150, 150, 150, 1.0);}
.blk { color: rgba(0, 0, 0, 1.0);}
.red { color: rgba(208, 77, 7, 1.0);}
.nw { white-space: nowrap;}
.f300 { font-size: 300%;}
.f240 { font-size: 240%;}
.f220 { font-size: 220%;}
.f200 { font-size: 200%;}
.f180 { font-size: 180%;}
.f160 { font-size: 160%;}
.f140 { font-size: 140%;}
.f130 { font-size: 130%;}
.f125 { font-size: 125%;}
.f120 { font-size: 120%;}
.f110 { font-size: 110%;}
.f105 { font-size: 105%;}
.f100 { font-size: 100%;}
.f90 { font-size: 90%;}
.sf85 { font-size: 85%;}
.f85 { line-height: normal; font-size: 85% !important;}
.f75 { line-height: normal; font-size: 75% !important;}
.f65 { line-height: normal; font-size: 65% !important;}
.lh100 { line-height: 100%;}
.lh100 { line-height: 100%;}
.lh110 { line-height: 110%;}
.lh120 { line-height: 120%;}
.lh130 { line-height: 130%;}
.lh140 { line-height: 140%;}
.lh150 { line-height: 150%;}
.lh160 { line-height: 160%;}
.lh170 { line-height: 170%;}
.lh180 { line-height: 180%;}
.lh200 { line-height: 200%;}
.lh230 { line-height: 230%;}
.pd10 { padding: 10px;}
.pdt5 { padding-top: 5px;}
.pdb7 { padding-bottom: 7px;}
.pdt7 { padding-top: 7px;}
@media print { .noprint { display: none;} }
.cover { width: 100%; height: 100%; background: url(../../img/cover.gif) repeat; display: block;}
.bnsp { width: 300px; height: 250px; margin: 15px auto;}
/*color*/
a:link { color: rgba(255, 72, 0, 1.0);}
a:visited { color: rgba(255, 72, 0, 1.0);}
a:active { color: rgba(208, 77, 7, 1.0);}
a:hover { color: rgba(255, 72, 0, 0.5);}
.nolnk { background: rgba(0, 0, 0, 0.7);}
.aka { color: rgba(230, 0, 18, 1.0);}
.pnk { color: rgba(166, 0, 13, 0.65);}
.col { color: rgba(225, 79, 110, 1.0);}

/*mini*/
body { width: 100%; height: 100%; background: rgba(247, 193, 204, 0.2); margin: 0; padding: 5px 0; text-align: center; color: rgba(0, 0, 0, 1.0); font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif; font-size: 90%;}
h1 { display: none;}
h2 { font-size: 90%; letter-spacing: 0.3em; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.6);}
a:link, a:hover { text-decoration: none;}
.sbr { display: block;}
.nsbr { display: none;}
/*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.5); box-shadow: 0 -10px 0 -3px rgba(255, 255, 255, 0.8), 0 0 0 10px rgba(255, 241, 0, 0.3); animation: loading 1s infinite linear; display: none;}
/*contents*/
#closesp { width: 100%; text-align: center; padding: 20px 0; font-size: 110%; font-weight: bold;}
p { margin: 0; padding: 0;}
section { width: 96%; margin: 0 auto; padding-bottom: 35px; position: relative;}
article { box-sizing: border-box; width: 86%; max-width: 500px; background: rgba(255, 255, 255, 1.0); background: linear-gradient(115deg, transparent 75%, rgba(255,255,255,.8) 75%) 0 0, linear-gradient(245deg, transparent 75%, rgba(255,255,255,.8) 75%) 0 0, linear-gradient(115deg, transparent 75%, rgba(255,255,255,.8) 75%) 7px -15px, linear-gradient(245deg, transparent 75%, rgba(255,255,255,.8) 75%) 7px -15px, rgba(255, 253, 244, 1.0); background-size: 15px 30px; box-sizing: border-box; text-align: left; padding: 5px 10px 10px 10px; box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px; -webkit-box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px; -moz-box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px; font-size: 90%; line-height: 140%; margin: 0 auto;}
.maru-top, .maru-bottom { width: 100%; height: 5px; position: relative;}
.maru-top:before { content: ""; display: block; width: 5px; height: 5px; -webkit-border-radius: 100%; border-radius: 100%; background: rgba(177, 85, 85, 1.0); position: absolute; top: 0; left: -4px; box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px; -webkit-box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px; -moz-box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px;}
.maru-top:after { content: ""; display: block; width: 5px; height: 5px; -webkit-border-radius: 100%; border-radius: 100%; background: rgba(177, 85, 85, 1.0); position: absolute; top: 0; right: -4px; box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px; -webkit-box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px; -moz-box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px;}
.maru-bottom:before { content: ""; display: block; width: 5px; height: 5px; -webkit-border-radius: 100%; border-radius: 100%; background: rgba(177, 85, 85, 1.0); position: absolute; bottom: -5px; left: -4px; box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px; -webkit-box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px; -moz-box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px;}
.maru-bottom:after { content: ""; display: block; width: 5px; height: 5px; -webkit-border-radius: 100%; border-radius: 100%; background: rgba(177, 85, 85, 1.0); position: absolute; bottom: -5px; right: -4px; box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px; -webkit-box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px; -moz-box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px;}
.ksrsp { width: 60%; height: 10px; margin: 0 auto; border-left: 2px dotted rgba(177, 85, 85, 0.7); border-right: 2px dotted rgba(177, 85, 85, 0.7);}

.phtall { box-sizing: border-box; width: 96%; max-width: 600px; margin: 20px auto 0 auto; border: 5px solid rgba(242, 196, 196, 1.0); border-top: 5px solid rgba(242, 207, 196, 1.0); border-left: 5px solid rgba(242, 207, 196, 1.0); box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px; -webkit-box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px; -moz-box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px; background: rgba(242, 196, 196, 0.2); border: 10px solid rgba(242, 196, 196, 0); background: radial-gradient(rgba(255, 198, 182, 0.6), rgba(255, 112, 89, 0)) 0 0, radial-gradient(rgba(255, 198, 182, 0.6), rgba(255, 112, 89, 0)) 50px 50px, linear-gradient(45deg, rgba(255, 112, 89, 0) 49%, rgba(255, 144, 94, 0.9) 50%, rgba(255, 112, 89, 0) 70%) 0 0, linear-gradient(-45deg, rgba(255, 112, 89, 0) 49%, rgba(255, 144, 94, 0.9) 50%, rgba(255, 112, 89, 0) 70%) 0 0; background-color: rgba(255, 209, 136, 1.0); background-size: 30px 30px; background-position: center;}
.phtsp { width: 100%; height: 0; padding-top: 100%; position: relative; background: rgba(255, 255, 255, 0.5);}
.phtsp .inn { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; box-shadow: rgba(50, 50, 50, 0.5) 1px 1px 3px 1px inset; -webkit-box-shadow: rgba(50, 50, 50, 0.5) 1px 1px 3px 1px inset; -moz-box-shadow: rgba(50, 50, 50, 0.5) 1px 1px 3px 1px inset; display: none;}
dd { background: rgba(246, 246, 246, 1.0); padding: 15px; text-align: left; line-height: 180%; font-size: 85%; letter-spacing: 0.1em;}
dd .udl { border-bottom: 2px dotted rgba(180, 180, 180, 0.6);}
.subtxt { font-size: 90%; text-align: center; padding-bottom: 5px;}
.subtxtl { font-size: 90%; text-align: left;}
/*nav*/
nav { width: 96%; height: 30px; margin: 0 auto; position: absolute; bottom: 0; left: 0; color: rgba(200, 200, 200, 1.0);}
nav ul { box-sizing: border-box; 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;}
nav ul:before, nav ul:after, nav #zen:before, nav #zen:after, nav #go:before, nav #go:after { content: ""; display: table;}
nav ul:after, nav #zen:after, nav #go:after { clear: both;}
nav li { box-sizing: border-box; height: 30px; position: relative;}
nav #zen { width: 49.5%; float: left; text-align: center;}
nav #go { width: 49.5%; float: right; text-align: center;}
nav li .mntxt { width: 100%; text-align: center; line-height: 100%; margin: 0 auto; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
nav li a { width: 100%; height: 100%; display: block; color: rgba(190, 66, 92, 1.0);}

/*for_W600-*/
@media screen and (min-width: 600px) {
.sbr { display: none;}
.nsbr { display: block;}
.nsbr, .nssbr { display: block;}
section { width: 600px; height: 680px; position: relative;}
.subtxtl { font-size: 90%; text-align: center;}
}