ページ コンテンツ

#gnav { border-top: 1px solid #ffeeaa; /* ナビゲーションメニューの上の線 */ border-bottom: 1px solid #ffeeaa; /* ナビゲーションメニューの下の線 */ margin: 0 0 10px; background: #ffffff; /* 背景色 */ font-size: 0; padding: 0 0 0; } #gnav .menu a { display: block; color: #464646; /* 文字色 */ font-size: 11px; /* 文字サイズ */ font-weight: 500; /* 文字の太さ */ text-decoration:none; padding: 11px 9px 0px; height: 40px; text-align: center; overflow: hidden; box-sizing: border-box; letter-spacing:0px; /* 文字の間隔 */ /* カーソルを合わせた時の背景色が変わるアニメーション */ transition-property: all; transition: 0.2s linear; /* アニメーションの時間設定 */ } /* カーソルを合わせた時に背景色を変える */ #gnav a:hover { background:rgba(255,240,160,1); /* 色設定 */ } #gnav .gnav-inner { width: 100%; height: 38px; padding: 0 20px; overflow-x: auto; overflow-y: hidden; box-sizing: border-box; text-align: center; white-space: nowrap; margin: 0 auto; -webkit-font-smoothing: antialiased; -webkit-overflow-scrolling: touch; } #gnav .menu { display: inline-block; }