/**************************** グローバルメニュー2段設定 ***************************** グローバルメニュー メイン文字下の英文字設定 各メニューの右側の数値は、 ページソースを見て、 調べてください。 ****************************/ #menu-item-11 > a:after { content: 'home'; display: block; } #menu-item-18 > a:after { content: 'sample'; display: block; } #menu-item-19 > a:after { content: 'price'; display: block; } #menu-item-343 > a:after { content: 'privacy policy'; display: block; }/**************************** 2次メニュー設定 ****************************/ #gMenu_outer .sub-menu { width: 100% !important; margin: 0px !important; padding: 0px !important; left: 0px !important; } #gMenu_outer .sub-menu a:hover { font-weight: bold; background-color: #000000 !important; } #gMenu_outer .sub-menu a { padding: 1.0em !important; background-color: #6DD900 !important; font-weight: bold; } /**************************** ここまで ****************************/ /**************************** グローバルメニュー設定 ****************************/ #gMenu_outer { padding: initial !important; margin: initial !important; width: initial !important; height: initial !important; float: initial !important; content: initial !important; } #gMenu_outer { margin-left: calc(50% - 50vw) !important; width: 100vw !important; } /**************************** グローバルメニュー左右の背景 ****************************/ #gMenu_outer { background-color: #F0F0F0; } /**************************** グローバルメニュー内の 上下の余白 ****************************/ ul.gMenu li a { padding-top: 0.5em !important; padding-bottom: 0.5em !important; } /**************************** グローバルメニュー内の メイン、サブ文字の中ライン マウスオーバーカラー ****************************/ ul.gMenu li a:after { background-color: #EFFFBF; height: 1px; width: 100%; margin-bottom: 1.4em; } ul.gMenu li a { color: #EFFFBF; background-color: #008DC1; } ul.gMenu li a:hover { color: orange !important; background-color: #008DC1; } /**************************** グローバルメニュー 余白以外の幅設定 ****************************/ @media screen and (max-width: 5000px) { #gMenu_outer ul { margin-left: calc(50% - 40vw) !important; width: 80vw !important; float: left !important; } } @media screen and (max-width: 1024px) { #gMenu_outer ul { margin-left: calc(50% - 46vw) !important; width: 92vw !important; float: left !important; } } /**************************** グローバルメニュー ****************************/ #gMenu_outer li { width: 100% !important; border-left-width: 1px; border-left-style: solid; border-left-color: #FFF; } /**************************** ここまで ****************************/