@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);color:#333}.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;text-align:center;margin-top:10px;margin-left:5px;padding:9px 13px 9px 13px;background:#204046;line-height:1.4;color:#fff;cursor:pointer}@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:.7}.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{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 [class$="-nav"] [class$="-button"]{position:relative}.spg-navigation [class$="-nav"] [class$="-button"] .blank_icon{background-image:url(https://assets.sprocket.bz/images/original/e4590dfad50849a1bd3bd390963691d7/ic_brank.png);background-size:contain;background-repeat:no-repeat;width:15px;height:15px;position:absolute;right:8px;top:10px}