@charset "UTF-8";/*!
 * Navigation.css v0.10.6
 * Lastupdate 2018/09/19
 *
 * Copyright 2018 Sprocket, Inc
 * Licensed
 *
 * Stprocketポップアップ用CSS
 * 以前のnavigation.cssをリファクタリングなど
 *
 * NOTICE:ポップアップの実態は、必ず.spg-navigationを親にすること
 *


## TO DO
・管理画面上でボタンデザインを上書きすると、マウスオーバーがきかなくなる。
・ボタンの中央寄せ　文字数が２行、１行の時
 */body>.spm-navigation-overlay{position:fixed;z-index:99999;top:0;left:0;bottom:0;right:0;background:#000}body>.spm-navigation-navlayer{position:absolute;z-index:100001;background:#fff;border-radius:6px}.spm-navigation-float{z-index:100002!important}.spm-navigation-relative{position:relative!important}body>.spg-navigation{pointer-events:none;box-sizing:border-box;z-index:100000}.spg-navigation *{box-sizing:border-box;margin:0;padding:0;border:0 solid transparent;font-size:14px;line-height:1.5;text-align:left}.spg-navigation img{width:100%;max-width:400px;height:auto;vertical-align:top}.spg-navigation h3{padding-bottom:5px}.spg-navigation [class$="-main"]{pointer-events:auto;position:relative;margin:13px 13px 10px 13px;padding:13px 13px 14px 13px;border:1px solid #ccc;background:#fff;box-shadow:1px 2px 3px 1px rgba(0,0,0,.6)}.spg-navigation button[class$="-close"]{position:absolute;right:-1px;bottom:100%;z-index:1;transform:translate(0,50%);width:26px;height:26px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%3E%3Cpolygon%20points%3D%22512%2C70%20440%2C0%20256%2C185%2070%2C0%200%2C70%20185%2C256%200%2C440%2070%2C512%20256%2C326%20440%2C512%20512%2C440%20326%2C256%22%20fill%3D%22%23888%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E"),linear-gradient(#eaeaea 0,#ddd 100%);background-size:14px auto,100% auto;background-position:6px center,center center;background-repeat:no-repeat,no-repeat;box-shadow:inset 0 2px 0 rgba(255,255,255,.5),1px 3px 2px rgba(0,0,0,.19);border-radius:50%;cursor:pointer;opacity:.8;transition:opacity 250ms}.spg-navigation button[class$="-close"]:hover{opacity:1}.spg-navigation [class$="-wrap"]+[class$="-nav"]{margin-top:13px}.spg-navigation [class$="-nav"]>div{display:flex;justify-content:space-between;flex-wrap:wrap}.spg-navigation [class$="-nav"] [class$="-button"]{flex:1;display:flex;align-items:center;justify-content:center;margin-top:10px;margin-left:6px;padding:9px 13px 9px 13px;border-radius:50em;background:#e70012;line-height:1.4;color:#fff;cursor:pointer;position:relative}.spg-navigation:not(.spgCustom-855756) [class$="-nav"] [class$="-button"]::after{content:"";display:block;box-sizing:border-box;width:7px;height:7px;border-top:2px solid #fff;border-right:2px solid #fff;position:absolute;right:15px;top:50%;transform:rotate(45deg) translateY(-75%)}.spg-navigation.spgCustom-855756 [class$="-nav"] [class$="-button"]{background:#00519c}@media all and (-ms-high-contrast:none){.spg-navigation [class$="-nav"] [class$="-button"],::-ms-backdrop{flex:1 1 auto}}.spg-navigation [class$="-nav"] [class$="-button"]:first-child{margin-left:0}.spg-navigation [class$="-nav"] [class$="-button"]:hover{opacity:.6}.spg-navigation [class$="-nav"]>div .spm-button-wrapInner [class$="-button"]{display:table-cell}@keyframes pullUp{0%{transform:scaleY(.1)}40%{transform:scaleY(1.02)}60%{transform:scaleY(.98)}80%{transform:scaleY(1.01)}100%{transform:scaleY(.98)}}@keyframes pullDown{0%{transform:scaleY(.1)}40%{transform:scaleY(1.02)}60%{transform:scaleY(.98)}80%{transform:scaleY(1.01)}100%{transform:scaleY(.98)}}@keyframes slideUp{0%{transform:translateY(0)}40%{transform:translateY(-8%)}65%{transform:translateY(8%)}80%{transform:translateY(-4%)}95%{transform:translateY(2%)}100%{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}65%{transform:translateY(-48%)}80%{transform:translateY(-52%)}95%{transform:translateY(-48%)}100%{transform:translateY(-50%)}}.spg-navigation.spm-toast{position:fixed}.spg-navigation.spm-toast.top{top:0;animation:pullDown 1.1s ease-out;transform-origin:50% 0}.spg-navigation.spm-toast.bottom{bottom:0;animation:pullUp 1.1s ease-out;transform-origin:50% 100%}.spg-navigation.spm-toast.spm-toast-type2 .spm-toast-wrap{display:flex}.spg-navigation.spm-toast.spm-toast-type2 .spm-toast-wrap .spm-navigation-image{width:100px;margin-right:10px}.spg-navigation.spm-balloon{position:absolute;animation:slideUp .6s ease}.spg-navigation.spm-balloon .spm-balloon-arrow{width:0;height:0;position:absolute;z-index:1;border:11px solid transparent}.spg-navigation.spm-balloon .spm-balloon-arrow::before{content:"";display:block;width:0;height:0;position:absolute;border:11px solid transparent}.spg-navigation.spm-balloon.top .spm-balloon-arrow{top:calc(100% + 1px);left:calc(50% - 11px);border-top-color:rgba(0,0,0,.3)}.spg-navigation.spm-balloon.top .spm-balloon-arrow::before{bottom:-10px;left:-11px;border-top-color:#fff}.spg-navigation.spm-balloon.bottom .spm-balloon-arrow{bottom:calc(100% + 1px);left:calc(50% - 11px);border-bottom-color:rgba(0,0,0,.3)}.spg-navigation.spm-balloon.bottom .spm-balloon-arrow::before{top:-10px;left:-11px;border-bottom-color:#fff}.spg-navigation.spm-balloon.right{width:inherit}.spg-navigation.spm-balloon.right .spm-balloon-arrow{right:calc(100% + 1px);top:calc(50% - 11px);border-right-color:rgba(0,0,0,.3)}.spg-navigation.spm-balloon.right .spm-balloon-arrow::before{left:-10px;top:-11px;border-right-color:#fff}.spg-navigation.spm-balloon.left{width:inherit}.spg-navigation.spm-balloon.left .spm-balloon-arrow{left:calc(100% + 1px);top:calc(50% - 11px);border-left-color:rgba(0,0,0,.3)}.spg-navigation.spm-balloon.left .spm-balloon-arrow::before{right:-10px;top:-11px;border-left-color:#fff}.spg-navigation.spm-balloon.spm-balloon-type2 .spm-balloon-wrap{display:flex}.spg-navigation.spm-balloon.spm-balloon-type2 .spm-balloon-wrap .spm-navigation-image{width:100px;margin-right:10px}.spg-navigation.spm-dialog{position:fixed;top:50%;left:0;right:0;transform:translateY(-50%);animation:slideDown 1s ease}@media screen and (max-width:600px){.spg-navigation:not([style*=width]){width:100%}.spg-navigation h3{font-size:16px}.spg-navigation [class$="-main"]{margin-right:auto;margin-left:auto;margin-bottom:auto}}@media screen and (min-width:601px){.spg-navigation{width:100%}.spg-navigation h3{font-size:18px}.spg-navigation [class$="-content"]{font-size:16px}.spg-navigation [class$="-main"]{margin-right:auto;margin-left:auto}.spg-navigation.spm-toast [class$="-main"]{max-width:600px}.spg-navigation.spm-balloon{max-width:600px}.spg-navigation.spm-balloon [class$="-main"]{width:600px}.spg-navigation.spm-dialog{max-width:600px}}.spg-navigation.spgCustom-nodisplay,.spg-navigation[class*=spgCustom-wait-]{display:none!important}.spg-navigation.spgCustom-button-nodisplay [class$="-nav"]{display:none!important}@media screen and (min-width:601px){.spg-navigation.spgCustom-navbutton-vertical-pc [class$="-nav"]>div{display:block;justify-content:space-between;margin-left:0}.spg-navigation.spgCustom-navbutton-vertical-pc [class$="-nav"]>div [class$="-button"]{margin-left:0;flex:1}}@media all and (min-width:601px) and (-ms-high-contrast:none){.spg-navigation.spgCustom-navbutton-vertical-pc [class$="-nav"]>div [class$="-button"],::-ms-backdrop{flex:1 1 auto}}@media screen and (max-width:600px){.spg-navigation.spgCustom-navbutton-vertical-sp [class$="-nav"]>div{display:block;justify-content:space-between;margin-left:0}.spg-navigation.spgCustom-navbutton-vertical-sp [class$="-nav"]>div [class$="-button"]{margin-left:0;flex:1}}.spg-navigation.spgCustom-closetext button[class$="-close"]{display:inline-block;padding:5px 6px 5px 25px;width:auto;height:auto;border-radius:5px;opacity:1}.spg-navigation.spgCustom-closetext button[class$="-close"]::before{content:"閉じる";display:block;font-size:14px;line-height:1.2;color:#333}.spg-navigation[data-scenario=scenario2][data-step=step_02_01] .spm-navigation-image,.spg-navigation[data-scenario=scenario2][data-step=step_02_02] .spm-navigation-image,.spg-navigation[data-scenario=scenario3][data-step=step_02_01] .spm-navigation-image,.spg-navigation[data-scenario=scenario3][data-step=step_02_02] .spm-navigation-image,.spg-navigation[data-scenario=scenario4][data-step=step_02_01] .spm-navigation-image,.spg-navigation[data-scenario=scenario4][data-step=step_02_02] .spm-navigation-image,.spg-navigation[data-scenario=scenario5][data-step=step_02_01] .spm-navigation-image,.spg-navigation[data-scenario=scenario5][data-step=step_02_02] .spm-navigation-image{height:0}.spg-navigation[data-scenario=scenario2][data-step=step_02_01]>div .spm-balloon-button[data-next=ter_03_01],.spg-navigation[data-scenario=scenario2][data-step=step_02_02]>div .spm-balloon-button[data-next=ter_03_01],.spg-navigation[data-scenario=scenario3][data-step=step_02_01]>div .spm-balloon-button[data-next=ter_03_01],.spg-navigation[data-scenario=scenario3][data-step=step_02_02]>div .spm-balloon-button[data-next=ter_03_01],.spg-navigation[data-scenario=scenario4][data-step=step_02_01]>div .spm-balloon-button[data-next=ter_03_01],.spg-navigation[data-scenario=scenario4][data-step=step_02_02]>div .spm-balloon-button[data-next=ter_03_01],.spg-navigation[data-scenario=scenario5][data-step=step_02_01]>div .spm-balloon-button[data-next=ter_03_01],.spg-navigation[data-scenario=scenario5][data-step=step_02_02]>div .spm-balloon-button[data-next=ter_03_01]{text-align:center;font-weight:700;padding-left:26px}.spg-navigation[data-scenario=scenario2][data-step=step_02_01]>div .spm-balloon-button[data-next=ter_03_01]:before,.spg-navigation[data-scenario=scenario2][data-step=step_02_02]>div .spm-balloon-button[data-next=ter_03_01]:before,.spg-navigation[data-scenario=scenario3][data-step=step_02_01]>div .spm-balloon-button[data-next=ter_03_01]:before,.spg-navigation[data-scenario=scenario3][data-step=step_02_02]>div .spm-balloon-button[data-next=ter_03_01]:before,.spg-navigation[data-scenario=scenario4][data-step=step_02_01]>div .spm-balloon-button[data-next=ter_03_01]:before,.spg-navigation[data-scenario=scenario4][data-step=step_02_02]>div .spm-balloon-button[data-next=ter_03_01]:before,.spg-navigation[data-scenario=scenario5][data-step=step_02_01]>div .spm-balloon-button[data-next=ter_03_01]:before,.spg-navigation[data-scenario=scenario5][data-step=step_02_02]>div .spm-balloon-button[data-next=ter_03_01]:before{text-align:center;content:"";position:absolute;top:0;bottom:0;left:15px;display:block;margin:auto;width:11px;height:9px;background:url(https://www.855756.com/2017/images/global/icon-external_white.svg) no-repeat 0 0;background-size:11px auto}.spg-navigation[data-scenario=scenario2][data-step=step_02_01]>div .spm-balloon-button[data-next=step_03_02_end],.spg-navigation[data-scenario=scenario2][data-step=step_02_02]>div .spm-balloon-button[data-next=step_03_02_end],.spg-navigation[data-scenario=scenario2][data-step=step_04]>div .spm-toast-button[data-next=ter_04_02],.spg-navigation[data-scenario=scenario3][data-step=step_02_01]>div .spm-balloon-button[data-next=step_03_02_end],.spg-navigation[data-scenario=scenario3][data-step=step_02_02]>div .spm-balloon-button[data-next=step_03_02_end],.spg-navigation[data-scenario=scenario3][data-step=step_04]>div .spm-toast-button[data-next=ter_04_02],.spg-navigation[data-scenario=scenario4][data-pattern=pattern4][data-step=step_02]>div .spm-toast-button[data-next=ter_01],.spg-navigation[data-scenario=scenario4][data-pattern=pattern4][data-step=step_03]>div .spm-toast-button[data-next=ter_04],.spg-navigation[data-scenario=scenario4][data-step=step_02_01]>div .spm-balloon-button[data-next=step_03_02_end],.spg-navigation[data-scenario=scenario4][data-step=step_02_02]>div .spm-balloon-button[data-next=step_03_02_end],.spg-navigation[data-scenario=scenario4][data-step=step_04]>div .spm-toast-button[data-next=ter_04_02],.spg-navigation[data-scenario=scenario5][data-step=step_02_01]>div .spm-balloon-button[data-next=step_03_02_end],.spg-navigation[data-scenario=scenario5][data-step=step_02_02]>div .spm-balloon-button[data-next=step_03_02_end],.spg-navigation[data-scenario=scenario5][data-step=step_04]>div .spm-toast-button[data-next=ter_04_02]{text-align:center;text-decoration:underline;color:#626262;padding-bottom:0}.spg-navigation[data-scenario=scenario4][data-pattern=pattern4][data-step=step_02]>div .spm-toast-button[data-next=step_03],.spg-navigation[data-scenario=scenario4][data-pattern=pattern4][data-step=step_03]>div .spm-toast-button[data-next=ter_03],.spg-navigation[data-scenario=scenario4][data-pattern=pattern5][data-step=step_02]>div .spm-toast-button[data-next=step_03],.spg-navigation[data-scenario=scenario4][data-pattern=pattern5][data-step=step_03]>div .spm-toast-button[data-next=ter_03]{text-align:center;font-weight:700}.btn_plan .spm-toast-button{text-align:center!important;margin-top:0!important}.btn_plan .spm-toast-button:after{content:none!important}.btn_plan .spm-toast-button:before{content:"";display:block;box-sizing:border-box;width:10px;height:10px;border-bottom:2px solid #fff;border-right:2px solid #fff;position:absolute;left:15px;top:50%;transform:rotate(45deg) translateY(-75%)}.btn_center [class$="-button"]{text-align:center}.btn_bold [class$="-button"]{font-weight:700}.btn_text_close .spm-button-wrapInner:last-child [class$="-button"]:last-child{text-align:center;text-decoration:underline;font-weight:400;border:none;background-color:transparent;color:#626262;padding-bottom:0}.btn_image .spm-toast-button{text-align:center!important;color:#ec6d65!important;font-weight:700;background-color:#fff!important;border-radius:10px!important;border-color:#666!important;border-width:1px;padding:5px 10px 0 10px!important;line-height:2!important;margin-top:0!important}.spg-navigation.behind-header{z-index:998}.spg-navigation.behind-header button[class$="-close"]{display:none}.spg-navigation.behind-header [class$="-main"]{margin-top:50px}.spr-cz-6880{right:10px!important}.spr-cz-6880 img{max-width:1000px!important;max-height:200px}.spr-cz-6880[data-step=small]{cursor:pointer}.spr-cz-6880[data-step=small] [class$="-close"]{display:none}.spr-cz-6880[data-step=small] [class$="-main"]{padding:0;border:0;border-radius:5px}.spr-cz-6880[data-step=small] [class$="-nav"]{margin-top:0}.spr-cz-6880[data-step=small] [class$="-nav"] [class$="-button"]{margin:0;padding:0;border:0}.spr-cz-6880.level-step [class$="-content"]{position:relative;padding-top:30px}.spr-cz-6880.level-step [class$="-main"]{padding-bottom:0;border-top-left-radius:10px;border-top-right-radius:10px}.spr-cz-6880.level-step [class$="-close"],.spr-cz-6880.level-step button.minimize-btn{background:#074288;opacity:1;box-shadow:none;border-radius:0;right:-2px;text-align:center}.spr-cz-6880.level-step [class$="-close"]:after{content:'×';color:#fff;font-size:16px;line-height:normal}.spr-cz-6880.level-step button.minimize-btn{width:26px;height:26px;position:absolute;top:-26px;left:88%}.spr-cz-6880.level-step button.minimize-btn:after{content:'ー';color:#fff;font-size:16px;position:absolute;top:5%;right:20%}.spr-cz-6880 .q-wrapper{margin-top:-32px}.spr-cz-6880.level-step .hidden{display:none}.spr-cz-6880.level-step .button-contents{margin-top:8px;margin-left:-13px;margin-right:-13px;padding:13px;background:#cce2fc}.spr-cz-6880.level-step .button-contents .link-wrapper{padding:15px;background:#fff;border-radius:10px}.spr-cz-6880.level-step .button-contents .link-wrapper a{display:block;text-decoration:underline;padding-bottom:3px;border-bottom:2px dotted #f2f2f2;line-height:2}body>.spg-tour02.no-border .spg-tour02-main{border:none}body>.spg-tour02.mb-51 .spg-tour02-main{margin-bottom:51px}@media screen and (max-width:600px){.spr-cz-6880.level-step button.minimize-btn{left:auto;right:18px}}