.elementor-40 .elementor-element.elementor-element-afc5863{--display:flex;--justify-content:center;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-40 .elementor-element.elementor-element-f656b96 img{width:57%;}.elementor-40 .elementor-element.elementor-element-e155871{--display:flex;--justify-content:center;}.elementor-40 .elementor-element.elementor-element-1ae49f4{--display:flex;--justify-content:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-40 .elementor-element.elementor-element-ac97c04 .elementor-menu-toggle{margin-left:auto;background-color:#30BA8F;}.elementor-40 .elementor-element.elementor-element-ac97c04 .elementor-nav-menu .elementor-item{font-family:"Noto Sans JP", Sans-serif;font-weight:400;}.elementor-40 .elementor-element.elementor-element-ac97c04 .elementor-nav-menu--dropdown a, .elementor-40 .elementor-element.elementor-element-ac97c04 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-ac97c04 .elementor-nav-menu--dropdown{background-color:#30BA8F;}.elementor-40 .elementor-element.elementor-element-ac97c04 .elementor-nav-menu--dropdown .elementor-item, .elementor-40 .elementor-element.elementor-element-ac97c04 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Noto Sans JP", Sans-serif;font-weight:500;}.elementor-40 .elementor-element.elementor-element-ac97c04 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-ac97c04 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-40:not(.elementor-motion-effects-element-type-background), .elementor-40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F7F6;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-40 .elementor-element.elementor-element-ac97c04 .elementor-nav-menu .elementor-item{font-size:12px;}.elementor-40 .elementor-element.elementor-element-ac97c04 .elementor-nav-menu--dropdown .elementor-item, .elementor-40 .elementor-element.elementor-element-ac97c04 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:14px;}.elementor-40 .elementor-element.elementor-element-ac97c04{--nav-menu-icon-size:22px;}}@media(max-width:1024px) and (min-width:768px){.elementor-40 .elementor-element.elementor-element-afc5863{--width:100%;}}@media(max-width:767px){.elementor-40 .elementor-element.elementor-element-afc5863{--width:500px;}.elementor-40 .elementor-element.elementor-element-f656b96 img{width:100%;}.elementor-40 .elementor-element.elementor-element-1ae49f4{--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}/* Start custom CSS *//* ========================================= Cheerbase ヘッダー ========================================= */ /* ----------------------------------------- ヘッダー本体 ----------------------------------------- */ #cheerbase-header { position: fixed; top: 0; left: 0; width: 100%; max-width: 100%; /* WordPress管理バーより下 */ z-index: 999; /* スクロール前 */ background-color: transparent; /* なめらかに変化 */ transition: background-color 0.3s ease, backdrop-filter 0.3s ease, -webkit-backdrop-filter 0.3s ease, box-shadow 0.3s ease; } /* ----------------------------------------- WordPress管理バー表示時 ----------------------------------------- */ body.admin-bar #cheerbase-header { top: 32px; } /* ----------------------------------------- スクロール後 透明ガラス風 ----------------------------------------- */ #cheerbase-header.scrolled { background-color: rgba(255, 255, 255, 0.82); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 2px 14px rgba(0, 0, 0, 0.08); } /* ----------------------------------------- ヘッダー内部の子コンテナ ----------------------------------------- */ #cheerbase-header > .elementor-element { background-color: transparent; } /* ----------------------------------------- ナビゲーション ----------------------------------------- */ #cheerbase-header .elementor-nav-menu a { transition: color 0.2s ease, opacity 0.2s ease; } /* スクロール後 */ #cheerbase-header.scrolled .elementor-nav-menu a { color: #263B38; } /* メニューホバー */ #cheerbase-header.scrolled .elementor-nav-menu a:hover { color: #30BA8F; } /* ----------------------------------------- 検索窓 ----------------------------------------- */ #cheerbase-header .player-search-box input { background-color: #FFFFFF; transition: border-color 0.2s ease, box-shadow 0.2s ease; } /* ----------------------------------------- 検索アイコン ----------------------------------------- */ #cheerbase-header .player-search-button { transition: background-color 0.2s ease, color 0.2s ease; } /* スクロール後の検索アイコン */ #cheerbase-header.scrolled .player-search-button { color: #30BA8F; } /* 検索アイコンのホバー */ #cheerbase-header.scrolled .player-search-button:hover { background-color: #30BA8F; color: #FFFFFF; } /* ----------------------------------------- Elementorのメニューポインター ----------------------------------------- */ #cheerbase-header.scrolled .elementor-nav-menu--main .elementor-item:after { background-color: #30BA8F; } /* ----------------------------------------- モバイルメニューボタン ----------------------------------------- */ #cheerbase-header .elementor-menu-toggle { transition: color 0.2s ease, background-color 0.2s ease; } /* スクロール後 */ #cheerbase-header.scrolled .elementor-menu-toggle { color: #263B38; } /* ----------------------------------------- スマートフォン ----------------------------------------- */ @media (max-width: 782px) { #cheerbase-header { width: 100%; } /* WordPress管理バー表示時 */ body.admin-bar #cheerbase-header { top: 46px; } #cheerbase-header.scrolled { background-color: rgba(255, 255, 255, 0.88); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); } }/* End custom CSS */