h1{padding:10px 0;font-size:12px;background-color:#fff}h1 p{width:1100px;margin:0 auto}.l-header{position:fixed;left:0;width:100%;background:#fff;min-width:1024px;z-index:9999;transition:opacity .5s ease,visibility .5s ease}.l-header__inner{display:flex;justify-content:space-between;align-items:center;height:64px}.l-header.hidden{visibility:hidden;opacity:0}.obi_mobareco .text{width:100%;padding:10px;font-size:16px;font-weight:bold;text-align:center;color:#fff;background-color:#f39}.obi_mobareco .text a:hover{text-decoration:underline}.obi_newyear .text{width:100%;padding:10px;font-size:16px;font-weight:bold;text-align:center;color:#000;background:#ffd5f3}.l-hnav{margin-right:50px;font-size:16px;font-weight:bold}.l-hnav ul{display:flex;justify-content:flex-end;align-items:center}.l-hnav li+li{margin-left:2em}.l-hnav a{position:relative;text-decoration:none;transition:opacity .3s ease;opacity:.4}.l-hnav a:after{content:"";display:block;position:absolute;top:50%;left:50%;width:0;height:4px;margin-top:28px;background:#00d3f9;transform:translateX(-50%);transition:width .3s ease}.l-hnav a:hover,.l-hnav a.current{opacity:1}.l-hnav a:hover:after,.l-hnav a.current:after{width:50px}