/* ヘッダー固定: Elementor e-conの--position:fixedをブラウザに確実に効かせる */
.elementor-location-header .elementor-element-ddd4c94 {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000 !important;
  background-color: transparent;
  transition: background-color 0.3s;
}

/* スクロール時の背景色（元サイト準拠: 透明のまま） */
.elementor-location-header .elementor-element-ddd4c94.header-scrolled {
  background-color: transparent;
}

/* メインコンテンツの余白調整 */
main {
  padding-top: 70px;
}


/* デスクトップ: サブメニューをホバーで表示 */
@media (min-width: 1025px) {
  .elementor-nav-menu--main .elementor-nav-menu > li.menu-item-has-children:hover > ul.sub-menu {
    display: block;
    z-index: 9999;
  }
  /* サブメニューの幅を内容に合わせる */
  .elementor-nav-menu--main .elementor-nav-menu ul.sub-menu {
    width: auto;
    min-width: 220px;
    white-space: nowrap;
    background-color: #F7F7F7;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  }
  .elementor-nav-menu--main .elementor-nav-menu ul.sub-menu li:not(:last-child) {
    border-bottom: 1px solid #77777777;
  }
  .elementor-nav-menu--main .elementor-nav-menu ul.sub-menu a {
    padding: 10px 20px;
    font-size: 13px;
    color: #333;
  }
  .elementor-nav-menu--main .elementor-nav-menu ul.sub-menu a:hover {
    background-color: #3f444b;
    color: #fff;
  }
}

/* モバイル/タブレット: ハンバーガーメニュー内のサブメニュー（トグル展開） */
@media (max-width: 1024px) {
  .elementor-nav-menu--dropdown.elementor-nav-menu__container ul.sub-menu {
    display: none;
  }
  .elementor-nav-menu--dropdown.elementor-nav-menu__container li.menu-item-has-children.submenu-open > ul.sub-menu {
    display: block;
  }
}

/* モバイル時の「出会い繋がる」エリア（TREASURE HUNTER / メンバー）の「詳しく見る」リンク。
   post-6.cssが.elementor-widget-containerに margin-left:-20pxを当てており、
   親コンテナのpadding-left:20pxを打ち消して画面左端ギリギリに張り付いてしまう
   （元サイトでも同じ状態だが可読性向上のため改善）。
   モバイルのみ親と同じインデントに揃える。 */
@media (max-width: 767px) {
  .elementor-6 .elementor-element.elementor-element-0e08c32 > .elementor-widget-container,
  .elementor-6 .elementor-element.elementor-element-13bc176 > .elementor-widget-container {
    margin-left: 0 !important;
  }
}

/* 地域と企業セクション「詳しく見る」画像（kuwashiku-w_2x.png）
   元サイトはlazysizesで159×33pxの小さい画像変種を読み込んでいるため、
   <a>のintrinsic widthが159pxになり、CSS rule width:60%で表示95.4×19.8pxになる。
   ローカルは265×55の元画像を直接読むので、<a>のwidthを159pxに固定して
   表示サイズを元サイトに合わせる（CSS rule width:60%が159×0.6=95.4pxになる）。*/
.elementor-element-1db2949 a { width: 159px; }

.grecaptcha-badge { visibility: hidden; }