.header-noscript { position: relative; max-width: 1240px; margin-left: auto; margin-right: auto; padding: 20px; } .header-noscript::before { position: absolute; inset: 0 calc(50% - 50vw); z-index: -1; opacity: .4; background-color: #fa9628; content: ""; } .header-navigation-search { display: none; } @media (min-width: 960px) { .header-navigation-global> *:has(> .header-navigation-global-dropdown)> .header-navigation-global-link> span { gap: 6px; } .header-navigation-global> *:has(> .header-navigation-global-dropdown)> .header-navigation-global-link> span::after { width: 10px; height: 10px; background-color: currentColor; mask-image: url(../img/common/icons-arrow.svg); mask-size: 400%; mask-position: 100%; content: ""; } } @media (min-width: 960px) { .header-navigation-global-dropdown { opacity: 0; visibility: hidden; height: auto; transition: opacity .5s, visibility .5s; } .header-navigation-global> *:hover .header-navigation-global-dropdown, .header-navigation-global> *:focus-within .header-navigation-global-dropdown { opacity: 1; visibility: visible; } } @media (min-width: 960px) { .header-navigation-local> *:has(> .header-navigation-local-dropdown)> .header-navigation-local-link> span { gap: 6px; } .header-navigation-local> *:has(> .header-navigation-local-dropdown)> .header-navigation-local-link> span::after { width: 10px; height: 10px; background-color: currentColor; mask-image: url(../img/common/icons-arrow.svg); mask-size: 400%; mask-position: 100%; content: ""; } } @media (min-width: 960px) { .header-navigation-local-dropdown { opacity: 0; visibility: hidden; height: auto; transition: opacity .5s, visibility .5s; } .header-navigation-local> *:hover .header-navigation-local-dropdown, .header-navigation-local> *:focus-within .header-navigation-local-dropdown { opacity: 1; visibility: visible; } }

AltStyle によって変換されたページ (->オリジナル) /