/* prettier-ignore */
/*# sourceMappingURL=user.css.map */

/* =====================================
   PC：商品情報（dropdown-pages）の幅を広げて改行を防ぐ
   ===================================== */
@media (min-width: 992px) {
  .navbar .dropdown-menu.dropdown-pages {
    min-width: 500px; /* 好きに調整：720〜1100pxくらい */
    max-width: 95vw;  /* はみ出し防止 */
  }

  .navbar .dropdown-menu.dropdown-pages a.nav-link {
    white-space: nowrap; /* 改行させない */
  }
}

/* =====================================
   モバイル：ナビ・メガメニュー文字を強制的に大きく
   ===================================== */
@media (max-width: 991.98px) {
  /* ナビ上段（NEWS / 商品情報 / 店舗案内 etc） */
  .navbar .nav-link-text {
    font-size: 15px !important;
    font-weight: 400 !important;
  }

  /* メガメニュー内リンク */
  .navbar .dropdown-pages .nav-link,
  .navbar .dropdown-components .nav-link {
    font-size: 14px !important;
	    font-weight: 400 !important;
    line-height: 1.7 !important;
  }

  /* メガメニュー見出し（レーシング / ツーリング 等）
     ※ :has() は未対応ブラウザがあるので使わない方針
     ※ ここは「見出し用クラス nav-heading」が付いている要素を対象にします
  */
  .navbar .dropdown-pages .nav-heading,
  .navbar .dropdown-components .nav-heading {
    font-size: 14px !important;
    font-weight: 400 !important;
    margin-top: 12px;
    margin-bottom: 4px;
  }

  /* 通常ドロップダウン（NEWS / オーダー / サービス） */
  .navbar .dropdown-menu .dropdown-item {
    font-size: 15px !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

/* =====================================
   メガメニュー 見出し下線（全デバイス対応・安定版）
   ===================================== */
.navbar .dropdown-menu .nav-heading {
  display: block !important;
  width: 100%;
  position: relative;

  padding: 10px 0 6px;
  margin: 16px 0 8px;

  font-weight: 700;
  line-height: 1.4;

  /* 下線：疑似要素より安定 */
  border-bottom: 1px solid rgba(0, 0, 0, 0.25) !important;
}

/* navbar-dark（暗いナビ）配下では白っぽい下線に */
.navbar-dark .dropdown-menu .nav-heading {
  border-bottom-color: rgba(255, 255, 255, 0.35) !important;
}


/* =====================================
   モバイル：メニューの行間・余白をゆったりさせる
   ===================================== */
@media (max-width: 991.98px) {

  /* メガメニュー内リンク（レザースーツ等） */
  .navbar .dropdown-pages .nav-link,
  .navbar .dropdown-components .nav-link {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    line-height: 1.9 !important;
  }

  /* 通常ドロップダウン（NEWS / オーダー 等） */
  .navbar .dropdown-menu .dropdown-item {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    line-height: 1.9 !important;
  }

  /* 見出し（レーシング / 海外 など） */
  .navbar .dropdown-menu .nav-heading {
    margin-top: 22px !important;
    margin-bottom: 12px !important;
    padding-bottom: 8px !important;
  }
}

.price-font{
  font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN",
               "Hiragino Sans", "Yu Gothic", sans-serif;
	
}

/* ===== YouTube responsive (確実版) ===== */
.youtube iframe{
  display:block !important;
  width:100% !important;
  aspect-ratio:16/9 !important; /* これが一番強い */
  height:auto !important;
  border:0 !important;
}

/* 念のため：親も100% */
.youtube{
  width:100% !important;
}