CSS-044 モバイル下部ナビ=========================================================*/#sn-mobile-bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:9997;background:rgba(0,0,0,.92);border-top:1px solid rgba(255,255,255,.12)}#sn-mobile-bottom-nav-inner{display:flex;align-items:stretch;justify-content:space-between;width:100%;max-width:767px;margin:0 auto}.sn-mobile-bottom-nav-item{flex:1 1 33.333%}.sn-mobile-bottom-nav-link,#sn-post-trigger{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;padding:12px 8px;border:none;background:0 0;color:#fff;font-size:16px;font-weight:700;line-height:1;text-align:center;text-decoration:none;cursor:pointer}#sn-mobile-nav-home,#sn-mobile-nav-blog{background:#1e73be}#sn-post-trigger{background:#0d57a1}.sn-mobile-bottom-nav-link:hover,#sn-post-trigger:hover,.sn-mobile-bottom-nav-link:focus,#sn-post-trigger:focus{color:#fff;opacity:.95}body{padding-bottom:70px}#sn-mobile-bottom-nav,#sn-mobile-drawer,#sn-mobile-search-panel{display:none}#sn-mobile-drawer-overlay[hidden],#sn-mobile-search-panel[hidden]{display:none !important}@media (max-width:767px){body{padding-bottom:calc(58px + env(safe-area-inset-bottom))}body.sn-mobile-drawer-open{overflow:hidden}#sn-mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:grid;grid-template-columns:repeat(5,minmax(0, 1fr));align-items:stretch;background:#173072;border-top:1px solid rgba(255,255,255,.18);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -2px 12px rgba(0,0,0,.28)}.sn-mobile-bottom-nav-btn{appearance:none;-webkit-appearance:none;background:0 0;border:0;color:#fff !important;text-decoration:none !important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;padding:5px 3px 4px;font-size:10px;font-weight:700;line-height:1.1;text-align:center;cursor:pointer}.sn-mobile-bottom-nav-btn:visited,.sn-mobile-bottom-nav-btn:hover,.sn-mobile-bottom-nav-btn:focus,.sn-mobile-bottom-nav-btn:active{color:#fff !important;text-decoration:none !important}.sn-mobile-bottom-nav-btn svg{width:20px;height:20px;display:block;flex-shrink:0}.sn-mobile-bottom-nav-btn span{display:block;white-space:nowrap;letter-spacing:.02em}.sn-mobile-bottom-nav-btn:active{background:rgba(255,255,255,.1)}#sn-mobile-drawer-overlay{position:fixed;inset:0;z-index:9997;background:rgba(0,0,0,.62)}#sn-mobile-drawer{position:fixed;left:0;right:0;bottom:58px;z-index:9998;display:block;transform:translateY(110%);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease}#sn-mobile-drawer.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.sn-mobile-drawer-inner{position:relative;max-height:min(72dvh, calc(100dvh - 150px));overflow-y:auto;background:#000;color:#fff;padding:22px 16px 18px;border-top:1px solid rgba(255,255,255,.14);box-shadow:0 -8px 24px rgba(0,0,0,.35);text-align:center}.sn-mobile-drawer-close{appearance:none;-webkit-appearance:none;position:absolute;top:8px;right:10px;width:36px;height:36px;border:0;background:0 0;color:#fff;font-size:28px;line-height:1;cursor:pointer}.sn-mobile-drawer-block+.sn-mobile-drawer-block{margin-top:18px}.sn-mobile-drawer-title{font-size:16px;font-weight:700;line-height:1.5;margin-bottom:10px;padding-right:28px;padding-left:28px}.sn-mobile-drawer-link{display:block;color:#fff !important;text-decoration:none !important;font-size:14px;line-height:1.7;padding:8px 0;text-align:center}#sn-mobile-search-panel{position:fixed;left:0;right:0;bottom:58px;z-index:9998;display:block;background:#000;border-top:1px solid rgba(255,255,255,.14);box-shadow:0 -8px 24px rgba(0,0,0,.35);padding:12px 12px calc(12px + env(safe-area-inset-bottom));transform:translateY(110%);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease}#sn-mobile-search-panel.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.sn-mobile-search-panel-form{display:grid;grid-template-columns:1fr auto;gap:8px}.sn-mobile-search-panel-form input[type=search]{width:100%;min-width:0;height:42px;border:1px solid rgba(255,255,255,.22);background:#111;color:#fff;padding:0 12px;font-size:14px}.sn-mobile-search-panel-form input[type=search]::placeholder{color:rgba(255,255,255,.72)}.sn-mobile-search-panel-form button{height:42px;border:0;background:#173072;color:#fff;padding:0 14px;font-size:14px;font-weight:700;cursor:pointer}}