/* ===== base CSS ===== */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary{display:block}
audio, canvas, progress, video{display:inline-block}
audio:not([controls]){display:none;height:0}
progress{vertical-align:baseline}
[hidden], template{display:none}
a{background-color:transparent}
a:active, a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b, strong{font-weight:inherit}
b, strong{font-weight:bolder}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background-color:#ff0;color:#000}
small{font-size:75%}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
svg:not(:root){overflow:hidden}
code, kbd, pre, samp{font-family:monospace, monospace;font-size:1em}
figure{margin:1em 40px}
hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}
button, input, select, textarea{font:inherit}
optgroup{font-weight:700}
button, input, select{overflow:visible}
button, input, select, textarea{margin:0}
button, select{text-transform:none}
[type=button], [type=reset], [type=submit], button{cursor:pointer}
[disabled]{cursor:default}
[type=reset], [type=submit], button, html [type=button]{-webkit-appearance:button}
button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0}
button:-moz-focusring, input:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;padding:0;white-space:normal}
textarea{overflow:auto}
[type=checkbox], [type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration{-webkit-appearance:none}
@media print{*,::after,::before,::first-letter,::first-line{text-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}
a, a:visited{text-decoration:underline}
abbr[title]::after{content:" (" attr(title) ")"}
blockquote, pre{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
img, tr{page-break-inside:avoid}
h2, h3, p{orphans:3;widows:3}
h2, h3{page-break-after:avoid}
}
html{-webkit-box-sizing:border-box;box-sizing:border-box}
*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}
@-ms-viewport{width:device-width}
html{font-size:16px;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}
body{font-family:'メイリオ', meiryo, 'lucida grande', tahoma, verdana, arial, 'hiragino kaku gothic pro', 'ms pgothic', sans-serif;;font-size:1rem;line-height:1.5;color:#000;background-color:#fff}
[tabindex="-1"]:focus{outline:0!important}
h1, h2, h3, h4, h5, h6{margin-top:0;margin-bottom:.5rem}
p{margin-top:0;margin-bottom:1rem}
abbr[data-original-title], abbr[title]{cursor:help;border-bottom:1px dotted #818a91}
dl, ol, ul{margin-top:0;margin-bottom:1rem}
ol ol, ol ul, ul ol, ul ul{margin-bottom:0}
dt{font-weight:700}
dd{margin-bottom:.5rem;margin-left:0}
blockquote{margin:0 0 1rem}
a{color:#3366FF;text-decoration:none}
a:hover{text-decoration:underline}
a:focus{text-decoration:underline;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
img{vertical-align:middle}
[role=button]{cursor:pointer}
[role=button], a, area, button, input, label, select, summary, textarea{-ms-touch-action:manipulation;touch-action:manipulation}
button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}
button, input, select, textarea{margin:0;line-height:inherit;border-radius:0}
[hidden]{display:none!important}
h1, h2, h3, h4, h5, h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
h1{font-size:2.5rem}
h2{font-size:2rem}
h3{font-size:1.75rem}
h4{font-size:1.5rem}
h5{font-size:1.25rem}
h6{font-size:1rem}
/* ===== 共通ヘッダー、共通パンくず、共通フッター ===== */
@media (min-width:768px){html{font-size:100% !important}
}
@media (min-width:544px) and (max-width:768px){html{font-size:90% !important}
}
@media (max-width:544px){html{font-size:80% !important}
}
img{vertical-align:bottom}
ul{padding:0}
ul li{list-style:none}
iframe{border:0}
#header-standing{height:36px;width:100%;color:#fff;position:fixed;top:0px;z-index:100;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}
#header-standing .logo{background-image:url('https://image.nukinavi-toukai.com/images/logo_black.svg');background-repeat:no-repeat;display:block;height:26px;width:124px;-moz-background-size:124px auto;-webkit-background-size:124px auto;background-size:124px auto;text-indent:-9999px;white-space:nowrap;overflow:hidden}
#header-standing #header-wrap{-moz-transition:top .3s ease;-webkit-transition:top .3s ease;transition:top .3s ease;position:absolute;top:0px;width:100%;background:#ffffff}
@media (max-width:768px){#header-standing #header-wrap{padding:0 1.40625rem}
}
@media (min-width:768px){#header-standing #header-wrap{padding:0 5.625rem}
}
#header-standing #header-wrap .header-inner{max-width:1280px;margin:0 auto;line-height:42px;height:42px;z-index:102;-js-display:flex;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}
#header-standing #header-wrap .header-inner .logo_frm{margin:0}
#header-standing #header-wrap .header-inner .logo_frm a{padding-top:8px;display:block;height:42px}
@media (max-width:768px){#header-standing #header-wrap .header-inner .logo_frm{width:100%}
#header-standing #header-wrap .header-inner .logo_frm a{width:124px;overflow:hidden;margin:0 auto}
#header-standing #header-wrap .header-inner ul{display:none}
}
#header-standing #header-wrap .header-inner ul li{display:block;margin:0;float:left}
#header-standing #header-wrap .header-inner ul li.current{background:rgba(255, 255, 255, 0.1)}
#header-standing #header-wrap .header-inner ul li.current a, #header-standing #header-wrap .header-inner ul li.current a:hover, #header-standing #header-wrap .header-inner ul li.current a:visited{color:#FFF;font-weight:bold;border-bottom:2px solid #1AFF4F}
#header-standing #header-wrap .header-inner ul li a{display:block;height:42px;min-width:42px;text-align:center;font-size:0.9rem;line-height:42px;color:#FFF;text-decoration:none;padding:0 0.6rem;-moz-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}
#header-standing #header-wrap .header-inner ul li a span.modal-setting-label{font-size:13px}
#header-standing #header-wrap .header-inner ul li a.home{background:rgba(255, 255, 255, 0.1);font-size:1.2rem}
#header-standing #header-wrap .header-inner ul li a:visited{color:#FFF}
#header-standing #header-wrap .header-inner ul li a:hover{-moz-transition:all .075s;-webkit-transition:all .075s;transition:all .075s;background:#b26301;color:#FFF}
#header-standing #header-wrap .header-inner ul li a:active{-moz-transition:all .075s;-webkit-transition:all .075s;transition:all .075s;background:#666;color:#FFF}
#header-standing.active #header-wrap{top:-42px}
#header-standing.active #breadcrumb{top:0px;position:absolute}
@media (max-width:768px){#header-standing #breadcrumb{padding:0 1.40625rem}
}
@media (min-width:768px){#header-standing #breadcrumb{padding:0 5.625rem}
}
#header-standing #breadcrumb{width:100%;z-index:-100;position:absolute;top:0;background-color:rgba(255, 255, 255, 0.95);color:#333;font-size:0.8rem;border-bottom:1px solid rgba(214, 214, 214, 0.4);height:36px;overflow:hidden;-moz-transition:top .3s ease;-webkit-transition:top .3s ease;transition:top .3s ease}
@supports (-webkit-backdrop-filter:blur(0)) or (backdrop-filter:blur(0)){#header-standing #breadcrumb{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:rgba(255, 255, 255, 0.7)}
}
.breadcrumb{padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#eceeef;border-radius:.25rem}
.breadcrumb::after{content:"";display:table;clear:both}
#header-standing #breadcrumb .wrap{max-width:1280px;margin:0 auto}
#header-standing #breadcrumb .wrap ul.breadcrumb{-js-display:flex;display:-ms-flexbox;display:-webkit-flex;display:flex;padding:0 5px 0 0;margin-bottom:0px;background-color:inherit}
#header-standing #breadcrumb .wrap ul.breadcrumb li{display:inline-block;margin-right:0.5rem;line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#header-standing #breadcrumb .wrap ul.breadcrumb li a{-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;line-height:inherit}
#header-standing #breadcrumb .wrap ul.breadcrumb li a:hover{color:#333}
#header-standing #breadcrumb .wrap ul.breadcrumb li a:active{color:#333}
#header-standing #breadcrumb .wrap ul.breadcrumb li a:after{content:"＞";padding-left:0.5rem;color:#333}
#header-standing #breadcrumb a, #header-standing #breadcrumb a:visited, #header-standing #breadcrumb a:hover, #header-standing #breadcrumb a:active{color:#333;text-decoration:none}
#footer-menu-container{bottom:0;color:#fff;position:relative;width:100%;border-top:1px solid rgba(214, 214, 214, 0.4);background-color:rgba(255, 255, 255, 0);-moz-transition:all .6s ease;-webkit-transition:all .6s ease;transition:all .6s ease}
#footer-menu-container.active{position:fixed;z-index:100;background-color:rgba(255, 255, 255, 0.95)}
@supports (-webkit-backdrop-filter:blur(0)) or (backdrop-filter:blur(0)){#footer-menu-container.active{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:rgba(255, 255, 255, 0.7)}
}
#footer-menu-container div.footer-menu{max-width:1280px;margin:0 auto}
#footer-menu-container div.footer-menu #footer-menu-inside{margin:0 auto; padding:10px}
@media (max-width:992px){#footer-menu-container div.footer-menu #footer-menu-inside{max-width:1280px}
}
@media (max-width:768px){#footer-menu-container div.footer-menu #footer-menu-inside nav{display:none}
}
#footer-menu-container div.footer-menu #footer-menu-inside p.footer-menu-meta{color:#333;font-size:80%;position:absolute;top:46px}
@media (max-width:768px){#footer-menu-container div.footer-menu #footer-menu-inside p.footer-menu-meta{display:none}
}
#footer-menu-container div.footer-menu #footer-menu-inside ul#footer-menu{margin-bottom:0;-js-display:flex;display:-ms-flexbox;display:-webkit-flex;display:flex}
@media (max-width:992px){#footer-menu-container div.footer-menu #footer-menu-inside ul#footer-menu{justify-content:space-between}
}
@media (min-width:768px){#footer-menu-container div.footer-menu #footer-menu-inside ul#footer-menu li{
display: block;
width: 49%;
text-align: center;
border-radius: 50px;
padding: 5px 0 2px;
background: linear-gradient(#f1d967, #ca9c45);
margin:0 auto}
}
@media (max-width:768px){#footer-menu-container div.footer-menu #footer-menu-inside ul#footer-menu li{flex:1}
}
#footer-menu-container div.footer-menu #footer-menu-inside ul#footer-menu li a, #footer-menu-container div.footer-menu #footer-menu-inside ul#footer-menu li a:visited, #footer-menu-container div.footer-menu #footer-menu-inside ul#footer-menu li a:active{color:#333;text-decoration:none;padding:0 0.75rem;-moz-transition:all 2s cubic-bezier(0, 1, 0.4, 1);-webkit-transition:all 2s cubic-bezier(0, 1, 0.4, 1);transition:all 2s cubic-bezier(0, 1, 0.4, 1)}
@media (min-width:768px){#footer-menu-container div.footer-menu #footer-menu-inside ul#footer-menu li a, #footer-menu-container div.footer-menu #footer-menu-inside ul#footer-menu li a:visited, #footer-menu-container div.footer-menu #footer-menu-inside ul#footer-menu li a:active{line-height:36px;display:block;font-size:0.8rem}
}
@media (max-width:768px){#footer-menu-container div.footer-menu #footer-menu-inside ul#footer-menu li a, #footer-menu-container div.footer-menu #footer-menu-inside ul#footer-menu li a:visited, #footer-menu-container div.footer-menu #footer-menu-inside ul#footer-menu li a:active{line-height:36px;display:block;text-align:center;font-size:1.5rem}
}
#footer-menu-container div.footer-menu #footer-menu-inside ul#footer-menu li a:hover, #footer-menu-container div.footer-menu #footer-menu-inside ul#footer-menu li a:visited:hover, #footer-menu-container div.footer-menu #footer-menu-inside ul#footer-menu li a:active:hover{color:#333;-moz-transition:all .15s cubic-bezier(0, 1, 0.4, 1);-webkit-transition:all .15s cubic-bezier(0, 1, 0.4, 1);transition:all .15s cubic-bezier(0, 1, 0.4, 1)}
#footer-menu-container div.footer-menu #footer-menu-inside ul#footer-menu li a.icon, #footer-menu-container div.footer-menu #footer-menu-inside ul#footer-menu li a:visited.icon, #footer-menu-container div.footer-menu #footer-menu-inside ul#footer-menu li a:active.icon{display:block;padding-top:5px}
@media (min-width:768px){#footer-menu-container div.footer-menu #footer-menu-inside ul#footer-menu li a.icon, #footer-menu-container div.footer-menu #footer-menu-inside ul#footer-menu li a:visited.icon, #footer-menu-container div.footer-menu #footer-menu-inside ul#footer-menu li a:active.icon{width:22px;height:36px;overflow:hidden}
}
#footer-bottom{background-color:#f1d6b5; margin-bottom:50px}
@media (max-width:768px){#footer-bottom .st-footer-wrap{padding:0 1.40625rem}
}
@media (min-width:768px){#footer-bottom .st-footer-wrap{padding:0 5.625rem}
}
#footer-bottom .st-footer-wrap .footer-sections{max-width:1280px;margin:0 auto}
#footer-bottom .st-footer-wrap .footer-sections .footer-section p, #footer-bottom .st-footer-wrap .footer-sections .footer-section ul{color:#333;font-size:0.75rem;line-height:200%;margin-bottom:1em}
#footer-bottom .st-footer-wrap .footer-sections .footer-section .widget_title{font-size:1.0rem;margin:3em 0 1em;font-weight:normal;color:#333}
#footer-bottom .st-footer-wrap .footer-sections .footer-section picture img{-webkit-user-select:none;user-select:none;-webkit-pointer-events:none;pointer-events:none}
#footer-bottom #copyright{text-align:center;font-size:0.75rem;}
@media (min-width:768px){#footer-bottom #copyright{padding:5em 2em}
}
@media (max-width:768px){#footer-bottom #copyright{padding-top:1em;padding-right:0;padding-left:0;padding-bottom:2em}
}
/* ===== road_to_prize で使用しているパーツ用CSS：流用しない場合必要なし ===== */
.btn{display:inline-block;font-weight:400;line-height:1.25;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.5rem 1rem;font-size:1rem;border-radius:.25rem;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.btn:active:focus, .btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn:focus{text-decoration:none}
.btn:hover{text-decoration:none}
.btn.focus{text-decoration:none}
.btn:disabled{cursor:not-allowed;opacity:.65}
fieldset[disabled] a.btn{pointer-events:none}
.btn-blue{color:#fff;background-color:#0275d8;border-color:#0275d8}
.btn-blue:hover{color:#fff;background-color:#025aa5;border-color:#01549b}
.btn-blue:focus{color:#fff;background-color:#025aa5;border-color:#01549b}
.btn-blue:active{color:#fff;background-color:#025aa5;border-color:#01549b;background-image:none}
.btn-blue:active:focus, .btn-blue:active:hover{color:#fff;background-color:#014682;border-color:#01315a}
.btn-blue:disabled:focus{background-color:#0275d8;border-color:#0275d8}
.btn-blue:disabled:hover{background-color:#0275d8;border-color:#0275d8}
.btn-white{color:#373a3c;background-color:#fff;border-color:#ccc}
.btn-white:hover{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}
.btn-white:focus{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}
.btn-white:active{color:#373a3c;background-color:#e6e6e6;border-color:#adadad;background-image:none}
.btn-white:active:focus, .btn-white:active:hover{color:#373a3c;background-color:#d4d4d4;border-color:#8c8c8c}
.btn-white:disabled:focus{background-color:#fff;border-color:#ccc}
.btn-white:disabled:hover{background-color:#fff;border-color:#ccc}
.btn-txt{font-weight:400;color:#0275d8;border-radius:0;padding-left:0;padding-right:0;}
.btn-txt, .btn-txt:active, .btn-txt:disabled{background-color:transparent}
.btn-txt, .btn-txt:active, .btn-txt:focus{border-color:transparent}
.btn-txt:hover{border-color:transparent}
.btn-txt:focus{color:#014c8c;text-decoration:underline;background-color:transparent}
.btn-txt:hover{color:#014c8c;text-decoration:underline;background-color:transparent}
.btn-txt:disabled:focus{color:#818a91;text-decoration:none}
.btn-txt:disabled:hover{color:#818a91;text-decoration:none}
.btn-rad{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}
.tooltip{display:block;position:relative;}
.tooltip span.tooltip-frm{display:none;}
.tooltip:hover span.tooltip-frm{position:absolute;z-index:1070;display:block;font-family:'メイリオ', meiryo, 'lucida grande', tahoma, verdana, arial, 'hiragino kaku gothic pro', 'ms pgothic', sans-serif;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:nowrap;word-break:normal;word-spacing:normal;font-size:.875rem;word-wrap:break-word;opacity:.75}
.tooltip:hover span.tooltip-frm.tooltip-bottom{bottom:-35px;left:0;}
.tooltip-arrow{display:block;width:0;height:0;border-color:transparent;border-style:solid;border-width:0 5px 5px;border-bottom-color:#000;margin-left:20px;}
.tooltip-inner{display:block;max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}
.mrg-btm-1{margin-bottom:1rem!important}
.ta-center{text-align:center!important}
@media (min-width:544px){.hidden-sm-up{display:none!important}
}
@media (max-width:767px){.appear-if-large{display:none!important}
}
@media (min-width:768px){.appear-if-large{display:block!important}
}
@media (max-width:767px){.appear-if-small{display:block!important}
}
@media (min-width:768px){.appear-if-small{display:none!important}
}
@media (max-width:767px){.hidden-if-small{display:none!important}
}
@media (min-width:768px){.hidden-if-small{display:block!important}
}
@media (max-width:991px){.hidden-if-midium{display:none!important}
}
.clear{clear:both;display:inline-block;}
.clear:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}
.pagetop{display:none;position:fixed;bottom:80px;right:10px;z-index:1}
.pagetop a{display:block;background-color:#ccc;text-align:center;color:#222;font-size:24px;text-decoration:none;padding:5px 10px;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
/* ========== 以下、ページオリジナルstyle ========== */
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
.register ul {text-align:center;}
ul.pc {
margin: auto;
width: 1024px;
}
.register li {display:inline-block; padding:10px;}
.mypage_h {margin: 0 auto; width: 100%; background: url(../img/bg.png) no-repeat top center;}
article img {margin: 0 auto; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 768px) {
.pc { display: none !important; }
.sp { display: block !important; width:100%; }
article ul li img {margin: 0 auto; width:95%; }
.mypage_h {margin: 0 auto; width: 100%; margin-top: 42px;}
.mypage_h img {width:100%;}
}
img[usemap] {
height: auto;
margin: 0 auto;
}
.sparkles_box {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
width: 111rem;
height: 893px;
pointer-events: none;
z-index: 1;
}
.sparkles_box .sparkles1 {
position: absolute;
bottom: 39px;
right: 160px;
-webkit-animation: sparkles 2s ease 4.8s infinite both;
animation: sparkles 2s ease 4.8s infinite both;
}
.sparkles_box .sparkles2 {
position: absolute;
top: 196px;
right: 35px;
-webkit-animation: sparkles 2s ease 4.5s infinite both;
animation: sparkles 2s ease 4.5s infinite both;
}
.sparkles_box .sparkles3 {
position: absolute;
top: 0;
right: 192px;
-webkit-animation: sparkles 2s ease 3.2s infinite both;
animation: sparkles 2s ease 3.2s infinite both;
}
.sparkles_box .sparkles4 {
position: absolute;
bottom: 0;
left: 33px;
-webkit-animation: sparkles 2s ease 2.4s infinite both;
animation: sparkles 2s ease 2.4s infinite both;
}
.sparkles_box .sparkles5 {
position: absolute;
top: 25px;
left: 0;
-webkit-animation: sparkles 2s ease .8s infinite both;
animation: sparkles 2s ease .8s infinite both;
}
.sparkles_box .sparkles6 {
position: absolute;
bottom: 190px;
right: 0;
-webkit-animation: sparkles 2s ease 4.5s infinite both;
animation: sparkles 2s ease 4.5s infinite both;
}
.sparkles_box .sparkles7 {
position: absolute;
top: 221px;
left: 183px;
-webkit-animation: sparkles 2s ease 1.6s infinite both;
animation: sparkles 2s ease 1.6s infinite both;
}
.movBt {
position: fixed;
z-index: 1;
display: none;
}
.movBt.before {
bottom: 20px;
right: 20px;
cursor: pointer;
}
.movBt.missekichika {
top: 280px;
left: 14rem;
}
@-webkit-keyframes sparkles {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes sparkles {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.gold-h1 {
background: linear-gradient(black, #2c3147);
text-align: center;
margin-top: 42px;
padding: 15px;
}