body{
  overflow-x: hidden;
  margin: 0 !important;
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&family=Oswald:wght@600;700&display=swap');

:root {
  --sf-font-en: 'Oswald', 'Arial Black', sans-serif;
  --sf-font-ja: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;

  /* カラー */
  --sf-nav-bg:      #f1a598;
  --sf-btn-boys:    #4fb8e8;
  --sf-btn-girls:   #ed84ac;
  --sf-text-white:  #ffffff;
  --sf-dark:        #07073c;
  --sf-footer-bg:   #ffefac;

  /* サイズ（固定・伸び縮みしない） */
  --sf-max-pc: 1280px;
  --sf-max-sp: 415px;
}

/* ----------------------------------------------------------
   干渉リセット
   ---------------------------------------------------------- */
#SF_2603 a:link,
#SF_2603 a:visited {
  color: inherit;
  text-decoration: none;
}

/* ----------------------------------------------------------
   ラッパー
   ---------------------------------------------------------- */
#SF_2603 {
  /* PC: 1280px固定（伸び縮みしない） */
  max-width: var(--sf-max-pc);
  margin: 0 auto;
  font-family: var(--sf-font-ja);
  color: var(--sf-dark);
  background-color: #fff;
  overflow-x: hidden;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
}

/* PC: 768px以上は1280px固定レイアウト */
@media (min-width: 768px) {
  #SF_2603 {
    width: var(--sf-max-pc);
    min-width: var(--sf-max-pc);
  }
}

#SF_2603 *,
#SF_2603 *::before,
#SF_2603 *::after {
  box-sizing: border-box;
}

#SF_2603 img,
#SF_2603 picture {
  display: block;
  max-width: 100%;
  height: auto;
}

/* ----------------------------------------------------------
   グリッド背景
   ---------------------------------------------------------- */
.SF_2603__bg-grid {
  background-image: url('/client_info/CHIYODA/featureimage/E_SEISHUN/bg.png') !important;;
  background-repeat: repeat;
}

/* ============================================================
   セクション inner 共通
   ============================================================ */
.SF_2603__section-inner {
    padding: 2.5rem 1.25rem 3rem;
    margin-left: 0;
    padding-left: 0;
}

/* ============================================================
   ナビゲーションバー
   背景: #f1a598 / 英字: Oswald italic bold / 日本語: Noto Sans JP
   ============================================================ */
.SF_2603__nav {
  background-color: var(--sf-nav-bg);
  position: sticky;
  top: 0;
  z-index: 888;
  width: 100%;
}

.SF_2603__nav-list {
  display: flex;
  align-items: stretch;
  list-style: none;
  margin: 0;
  padding: 0;
  /* PC: max-width内で均等配置 */
  max-width: var(--sf-max-pc);
  margin: 0 auto;
}

.SF_2603__nav-item {
  flex: 1;
  border-right: 1px solid rgba(255,255,255,0.25);
}

.SF_2603__nav-item:last-child {
  border-right: none;
}

.SF_2603__nav-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0.625rem 0.5rem;
  height: 100%;
  text-decoration: none !important;
  color: var(--sf-dark) !important;
  transition: background-color 0.2s ease, transform 0.15s ease;
  cursor: pointer;
}

.SF_2603__nav-link:hover {
  background-color: rgba(255,255,255,0.22);
  opacity: 1 !important;
}

.SF_2603__nav-link:active {
  transform: scale(0.97);
}

.SF_2603__nav-en {
  font-family: var(--sf-font-en);
  font-style: italic;
  font-weight: 700;
  font-size: 0.875rem; /* 14px固定 */
  line-height: 1.2;
  display: block;
}

.SF_2603__nav-ja {
  font-family: var(--sf-font-ja);
  font-size: 0.6875rem; /* 11px固定 */
  font-weight: 700;
  line-height: 1.4;
  display: block;
  margin-top: 0.15em;
}

/* ============================================================
   KV
   ============================================================ */
.SF_2603__kv {
  width: 100%;
  line-height: 0;
}

.SF_2603__kv img {
  width: 100%;
  display: block;
}

/* ============================================================
   コンセプト
   ============================================================ */
.SF_2603__concept {
  line-height: 0;
}

.SF_2603__concept img {
  width: 100%;
  display: block;
}

/* ============================================================
   MOVIE セクション
   ============================================================ */
.SF_2603__movie {
  padding: 3rem 1rem 2.5rem;
}

.SF_2603__movie-inner {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}
.sp-pic {
    display: none;
}
.pc-pic {
    display: block;
}
/* MOVIE タイトル */
.SF_2603__movie-title {
  font-family: var(--sf-font-en);
  font-style: italic;
  font-weight: 700;
  font-size: 3rem; /* 48px 固定 */
  letter-spacing: 0.08em;
  color: var(--sf-dark);
  margin-bottom: 2rem;
  /* 通販 h2 上書き */
  padding: 0;
  background: none;
  text-shadow: none;
  box-shadow: none;
  border: none;
}

/* タブボタン（for boys / for girls）
   SP: 縦並び / PC: 横並び（メディアクエリで切り替え） */
.SF_2603__movie-tabs {
  display: flex;
  flex-direction: column;   /* SP: 縦並び */
  align-items: center;
  gap: 1rem;
  margin-top: 1.5rem;
}

.SF_2603__movie-tab {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: block;
  width: 100%;
  max-width: 300px;
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.2s ease, opacity 0.2s ease;
  opacity: 0.6;
}

.SF_2603__movie-tab picture,
.SF_2603__movie-tab img {
  display: block;
  width: 100%;
  height: auto;
}

.SF_2603__movie-tab--active {
  opacity: 1;
}

.SF_2603__movie-tab:hover {
  opacity: 1;
  transform: translateY(-4px) scale(1.04);
  filter: drop-shadow(0 6px 12px rgba(0,100,200,0.3));
}

.SF_2603__movie-tab:active {
  transform: scale(0.97);
}

/* 動画パネル */
.SF_2603__movie-panel {
  display: block;
}

.SF_2603__movie-panel--hidden {
  display: none;
}

/* ショート動画は縦型：アスペクト比 9/16 */
.SF_2603__movie-frame-wrap {
  position: relative;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  aspect-ratio: 9 / 16;
  border: 3px solid var(--sf-dark);
  border-radius: 0.5rem;
  overflow: hidden;
  background: #000;
}

.SF_2603__movie-iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* ============================================================
   ブランドロゴリンク
   ============================================================ */
.SF_2603__brand-logo-link {
  display: block;
  width: fit-content;
  margin: 0 0 2rem;
  /* ホバーなし（cedar_crest / loafers 画像） */
  cursor: default;
  pointer-events: none;
}

/* MIZUNOロゴだけはホバー有効（ナビ的な役割） */
.SF_2603__brand-logo-link--mizuno {
  cursor: pointer;
  pointer-events: auto;
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.2s ease;
}

.SF_2603__brand-logo-link--mizuno:hover {
  opacity: 1 !important;
  transform: scale(1.07) rotate(-1.5deg);
  filter: brightness(1.1) drop-shadow(0 4px 12px rgba(0,60,180,0.3));
}

.SF_2603__brand-logo {
  max-width: 220px;
}


/* CEDAR CREST バナー（ロゴ＋機能説明画像） */
.SF_2603__cc-banner {
  margin-bottom: 2rem;
  text-align: center;
}
.SF_2603__cc-banner img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.SF_2603__loafer-heading {
  max-width: 360px;
  display: block;
  margin: 0 auto 1.5rem;
}

/* ============================================================
   for boys / for girls 見出し（画像使用）
   ============================================================ */
.SF_2603__gender-heading {
  text-align: center;
  margin-bottom: 1.5rem;
  margin-top: 150px;
  /* width: 1280px; */
}

.SF_2603__gender-heading-img {
  display: block;
  margin: 0 auto;
  /* max-width: 200px; */
  height: auto;
}

.SF_2603__gender-block {
  margin-bottom: 3rem;
}

/* ============================================================
   MIZUNO セクション
   ============================================================ */
.SF_2603__mizuno {
  background-color: #fff;
}

.SF_2603__mizuno-catch {
  text-align: center;
  margin-bottom: 2.5rem;
}

.SF_2603__mizuno-copy {
  font-family: var(--sf-font-ja);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  color: #0033a0;
}

.SF_2603__mizuno-copy strong {
  font-size: 2.25rem;
  display: inline-block;
}

.SF_2603__mizuno-note {
  font-size: 0.75rem;
  color: #666;
  margin-top: 0.375rem;
}

/* キャラクター（SP非表示 / PC絶対配置） */
.SF_2603__character {
  display: none;
}

/* イラスト着用モデル（featured）*/
/* SP: 縦並び / キャラ非表示 / 靴大きく表示 */
.SF_2603__mizuno-boys-layout,
.SF_2603__mizuno-girls-layout,
.SF_2603__cc-boys-layout,
.SF_2603__cc-girls-layout {
  display: block;
  margin-bottom: 1.5rem;
  /* width: 1280px; */
}

/* SP: キャラ非表示 */
.SF_2603__character {
  display: none;
  pointer-events: none;
}

/* featured カード SP: 縦並び中央・靴大きく */
.SF_2603__featured-product {
  text-align: center;
  width: 100%;
}

.SF_2603__featured-card img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  /* background: #f8f8f8; */
  padding: 0.5rem;
  display: block;
  margin-bottom: 0.5rem;
}

.SF_2603__featured-model,
.SF_2603__featured-price {
  text-align: left;
}

.SF_2603__featured-label {
  font-size: 0.75rem;
  color: #4fb8e8;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.SF_2603__featured-card {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  text-decoration: none !important;
  color: inherit !important;
  transition: transform 0.2s ease, filter 0.2s ease;
}

.SF_2603__featured-card img {
  max-width: 160px;
  display: block;
}

.SF_2603__featured-card:hover {
  opacity: 1 !important;
  transform: translateY(-3px) scale(1.03);
  filter: drop-shadow(0 6px 14px rgba(0,80,200,0.2));
}

.SF_2603__featured-model {
  font-family: var(--sf-font-ja);  /* 追加 */
  padding-left:40px;
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--sf-dark);
}

.SF_2603__featured-price {
    font-family: var(--sf-font-ja);  /* 追加 */
  padding-left:40px;
  font-size: 1.4rem;
  margin:0;
  font-weight: 700;
  color: var(--sf-dark);
}

/* ============================================================
   カラーボタン（共通）
   ============================================================ */
.SF_2603__color-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 45px;
  border-radius: 50px;
  font-family: var(--sf-font-ja);
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--sf-text-white) !important;
  text-decoration: none !important;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
  outline: 2px solid transparent;
  outline-offset: 0px;
}

/* オーバーレイ疑似要素 */
.SF_2603__color-btn::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 2px solid rgba(255,255,255,0);
  transition: border-color 0.18s ease;
  pointer-events: none;
}

.SF_2603__color-btn--boys {
  background-color: var(--sf-btn-boys);
}

.SF_2603__color-btn--boys::after {
  /* border-color: rgba(30, 100, 180, 0.5); */
}

.SF_2603__color-btn--girls {
  background-color: var(--sf-btn-girls);
}

.SF_2603__color-btn--girls::after {
  /* border-color: rgba(180, 30, 80, 0.4); */
}

/* ホバー：オーバーレイ強調 */
.SF_2603__color-btn:hover {
  transform: translateY(-2px) scale(1.06);
  box-shadow: 0 4px 14px rgba(0,0,0,0.28);
  filter: brightness(1.12);
}

.SF_2603__color-btn:hover::after {
  border-color: rgba(255,255,255,0.7);
}

.SF_2603__color-btn:active {
  transform: scale(0.96);
  transition-duration: 0.08s;
}

/* ============================================================
   商品グリッド（SP: 1列メイン→2列）
   ============================================================ */
/* ============================================================
   商品グリッド
   --2col: 先頭2枚用（SP:2列 / PC:2列）
   --3col: 残り用  （SP:2列 / PC:3列）
   ============================================================ */
.SF_2603__products-wrap {
    width: 1280px;
}

.SF_2603__products--2col {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-bottom: 1rem;
  justify-items: center;
}

.SF_2603__products--3col {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}



/* ============================================================
   商品カード
   ============================================================ */
.SF_2603__product-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-color: #fff;
  text-decoration: none !important;
  color: var(--sf-dark) !important;
  padding: 0.5rem 0.375rem 1rem;
  transition: transform 0.2s ease;
}

.SF_2603__product-card:hover {
  opacity: 1 !important;
  transform: translateY(-3px);
  /* box-shadow: 0 6px 16px rgba(0,0,0,0.12);  追加 */
}

.SF_2603__product-img-wrap {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  /* background: #f8f8f8; */
  margin-bottom: 0.5rem;
}

.SF_2603__product-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 0.5rem;
  transition: transform 0.3s ease;
  display: block;
}

.SF_2603__product-card:hover .SF_2603__product-img {
  transform: scale(1.07);
}

.SF_2603__product-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* gap: 0.3rem; */
}

.SF_2603__product-model {
    font-family: var(--sf-font-ja);  /* 追加 */
font-size: 0.8125rem;
    font-weight: 700;
    /* margin: 0; */
    color: var(--sf-dark);
}

.SF_2603__product-name {
    font-family: var(--sf-font-ja);  /* 追加 */
    font-size: 0.8125rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.5;
}

.SF_2603__product-price {
    font-family: var(--sf-font-ja);  /* 追加 */
font-size: 0.875rem;
    font-weight: 700;
    margin: 0 0 15px 0;
}

/* ============================================================
   CEDAR CREST 機能説明
   ============================================================ */
.SF_2603__cedarcrest {
  background-color: #fff;
}

.SF_2603__cc-feature {
  padding: 2rem 1rem;
  text-align: center;
  margin-bottom: 2.5rem;
  border-radius: 0.5rem;
}

.SF_2603__cc-feature-title {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1rem;
  /* 通販 h3 上書き */
  padding: 0;
  background: none;
  border: none;
}

.SF_2603__cc-feature-copy {
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1.5;
  margin-bottom: 1rem;
}

.SF_2603__highlight {
  background-color: #c00 !important;
  color: #fff !important;
  padding: 0.1em 0.4em;
  border-radius: 3px;
  font-style: normal;
  font-weight: 900;
}

.SF_2603__cc-feature-text {
  font-size: 0.875rem;
  line-height: 1.9;
  color: #444;
  max-width: 500px;
  margin: 0 auto;
}

.SF_2603__cc-note {
  font-size: 0.7rem;
  color: #888;
  margin-top: 0.5rem;
}

/* ============================================================
   ローファー
   ============================================================ */
.SF_2603__loafer {
  /* background-color: #f0f4ff; */
}

.SF_2603__loafer-lead {
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0.75rem;
  color: var(--sf-dark);
}

.SF_2603__loafer-text {
  font-size: 0.875rem;
  text-align: center;
  line-height: 1.9;
  color: #444;
  margin-bottom: 2rem;
}

/* ============================================================
   フッター
   ============================================================ */
.SF_2603__footer {
  background-color: var(--sf-footer-bg);
  padding: 2.5rem 1.25rem;
  /* border-top: 1px solid #e0d060; */
  width:1280px;
}

.SF_2603__footer-inner {
  max-width: 800px;
  margin: 0 auto;
}

/* SP: 縦並び */
.SF_2603__footer-profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  text-align: center;
  margin-bottom: 1.5rem;
}

.SF_2603__footer-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.SF_2603__footer-role {
    font-family: var(--sf-font-ja);  /* 追加 */
  font-size: 0.75rem;
  color: #07073c;
  /* margin-bottom: 0.2rem; */
  margin:0;
}

.SF_2603__footer-name {
    font-family: var(--sf-font-ja);  /* 追加 */
  font-size: 1.125rem;
  font-weight: 700;
  /* margin-bottom: 0.75rem; */
  margin: 0;
  color: var(--sf-dark);
}

.SF_2603__footer-bio {
    font-family: var(--sf-font-ja);  /* 追加 */
  font-size: 0.875rem;
  line-height: 1.85;
  color: #07073c;
  text-align: left;
}

.SF_2603__footer-sns {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  align-items: flex-end;
  margin: 0;
  padding-left: 60px;
}

.SF_2603__footer-sns-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
  text-decoration: none !important;
  color: var(--sf-dark) !important;
  transition: transform 0.2s cubic-bezier(0.34,1.56,0.64,1), filter 0.2s ease;
  width:100px;
}

.SF_2603__footer-sns-link img {
  width: 100%;
}

.SF_2603__footer-sns-label {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--sf-dark);
}

.SF_2603__footer-sns-link:hover {
  opacity: 1 !important;
  transform: scale(1.15) translateY(-3px);
  filter: drop-shadow(0 4px 8px rgba(0,0,0,0.2));
}

/* ============================================================
   TOP ボタン
   z-index: 100000（通販サイト最大値99999を超える）
   SP: 一回り小さく
   ============================================================ */
.SF_2603__top-btn {
  position: fixed;
  right: 1.5rem;
  bottom: 1.75rem;
  z-index: 100000;
  width: 64px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease, transform 0.3s ease, filter 0.3s ease;
  text-decoration: none !important;
}

.SF_2603__top-btn img {
  width: 100%;
  height: auto;
  display: block;
}

.SF_2603__top-btn--visible {
  opacity: 1;
  pointer-events: auto;
  animation: SF_2603_fadeUp 0.4s ease both;
}

@keyframes SF_2603_fadeUp {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

.SF_2603__top-btn:hover {
  opacity: 1 !important;
  transform: translateY(-3px) scale(1.1);
  filter: drop-shadow(0 4px 12px rgba(0,80,200,0.4));
}

/* ============================================================
   SP 固定調整（415px以下）
   ============================================================ */
@media (max-width: 415px) {
.SF_2603__character {
    display: block;
  }
.SF_2603__footer-sns {
  padding-left: 0;
}
  .SF_2603__footer-sns {
    gap: 0;
    /* margin-top: 1.5rem; */
    align-items: center;
  }
.pc-pic {
  display: none;
}
    .SF_2603__featured-model {
        padding: 0;
    }
  /* 全体フォントサイズ固定 */
  #SF_2603 {
    font-size: 1.2rem;
  }

  .SF_2603__nav-link {
    padding: 0.5rem 0.25rem;
  }

  .SF_2603__nav-en {
    font-size: 0.6875rem; /* 11px */
  }

  .SF_2603__nav-ja {
    font-size: 0.5625rem; /* 9px */
  }

  /* MOVIE */
  .SF_2603__movie {
    padding: 32px 16px;
  }

  .SF_2603__movie-title {
    font-size: 2.25rem;
  }

  .SF_2603__movie-tab img {
    max-width: 160px;
  }

  /* gender heading SP */
  .SF_2603__gender-heading {
    text-align: center;
    margin-bottom: 1.5rem;
    margin-top: 80px;
  }

  /* 商品グリッド SP: 2列 */
  .SF_2603__products {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
  }

  /* featured */
  .SF_2603__featured-card img {
    max-width: 130px;
  }

  /* フッター SP */
  .SF_2603__footer {
    padding: 32px 16px;
  }

  .SF_2603__footer-sns-link img {
    width: 100%;
  }

  /* TOP btn SP: 一回り小さく */
  .SF_2603__top-btn {
    width: 48px;
    right: 0.875rem;
    bottom: 1.25rem;
  }

  .SF_2603__loafer-text br {
    display: none;
  }
.SF_2603__color-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: clamp(160px, 60%, 240px);
    height: 45px;
    border-radius: 50px;
    font-family: var(--sf-font-ja);
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--sf-text-white) !important;
    text-decoration: none !important;
    cursor: pointer;
    overflow: hidden;
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
    outline: 2px solid transparent;
    outline-offset: 0px;
}
}

/* ============================================================
   picture要素のPC/SP切り替え保証
   通販サイト側CSSで picture が inline 等に上書きされるのを防ぐ
   ============================================================ */
#SF_2603 picture {
  display: block !important;
  line-height: 0;
}

#SF_2603 picture source {
  display: none !important; /* source要素はブラウザが制御するため非表示を強制しない */
}

/* KV・コンセプトは全幅 */
.SF_2603__kv picture,
.SF_2603__concept picture {
  display: block !important;
  width: 100%;
}

.SF_2603__kv img,
.SF_2603__concept img {
  display: block !important;
  width: 100%;
  height: auto;
}

/* ============================================================
   通販サイトの body { min-width: 80rem } 対策
   LP内の picture 切り替えをビューポート幅基準で強制する
   ============================================================ */


/* ============================================================
   MOVIE サムネイル（iframe埋め込み不可のためリンク方式）
   ============================================================ */
.SF_2603__movie-thumb-link {
  display: block;
  max-width: 320px;
  margin: 0 auto;
  text-decoration: none !important;
}

.SF_2603__movie-thumb-wrap {
  position: relative;
  width: 100%;
  max-width: 600px;   /* この値でサイズ調整 */
  margin: 0 auto;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  border: 3px solid var(--sf-dark);
  border-radius: 0.5rem;
  background: #000;
}

.SF_2603__movie-thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block !important;
  transition: transform 0.3s ease, filter 0.3s ease;
}

/* 再生ボタン */
.SF_2603__movie-play-btn {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.35);
  transition: background 0.2s ease;
}

.SF_2603__movie-play-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  font-size: 1.5rem;
  color: var(--sf-dark);
  padding-left: 4px; /* 視覚的中央補正 */
  transition: transform 0.2s cubic-bezier(0.34,1.56,0.64,1), background 0.2s ease;
}

/* ホバー */
.SF_2603__movie-thumb-link:hover .SF_2603__movie-thumb-img {
  transform: scale(1.04);
  filter: brightness(0.85);
}

.SF_2603__movie-thumb-link:hover .SF_2603__movie-play-btn {
  background: rgba(0, 0, 0, 0.5);
}

.SF_2603__movie-thumb-link:hover .SF_2603__movie-play-icon {
  transform: scale(1.15);
  background: #fff;
}

.SF_2603__featured-label-girl {
  font-family: var(--sf-font-ja);  /* 追加 */
  font-size: 0.75rem;
    /* padding-left: 40px; */
    color: #ed84ac;
    font-weight: bold;
  }

/* ============================================================
   PC レイアウト（416px以上）
   ============================================================ */
@media (min-width: 416px) {
  .SF_2603__footer-sns {
  padding-left: 0;
}
  .SF_2603__footer-sns {
    gap: 0;
    /* margin-top: 1.5rem; */
    align-items: center;
  }
.SF_2603__footer-name {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--sf-dark);
}

  .SF_2603__footer-role {
      font-family: var(--sf-font-ja);  /* 追加 */
    font-size: 0.75rem;
    color: #07073c;
    font-weight: 700;
}

.pc-pic {
        display: none;
}
.sp-pic {
        display: block;
}
  .SF_2603__movie-thumb-link {
    max-width: 360px;
  }
  .SF_2603__movie-play-icon {
    width: 80px;
    height: 80px;
    font-size: 2rem;
  }
#SF_2603 img, #SF_2603 picture {
    display: block;
    height: auto;
}
  .SF_2603__mizuno-boys-layout,
  .SF_2603__mizuno-girls-layout,
  .SF_2603__cc-boys-layout,
  .SF_2603__cc-girls-layout {
    justify-content: center;      /* 既定で center ですが明示 */
    gap: 2rem;                    /* 余白を確保 */
  }
  .SF_2603__mizuno-boys-layout .SF_2603__featured-product,
  .SF_2603__cc-boys-layout .SF_2603__featured-product {
    width: 220px;                 /* 100px → 220px に拡張（可読性） */
    text-align: center;           /* 左寄せを撤回 */
  }

  .SF_2603__featured-model,
  .SF_2603__featured-price {
    text-align: left;
    padding-left: 0;
  }

  .SF_2603__featured-product_left {
    align-items: flex-start;
    padding-left: 0;
  }
  .SF_2603__footer-top {
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.SF_2603__footer-left {
  flex-direction: column;
  align-items: center;
}
.SF_2603__footer-name-block {
  text-align: center;
}
.SF_2603__footer-divider {
  width: 80px;
  height: 1px;
}
 /* タブ PC: 横並び */
  .SF_2603__movie-tabs {
    flex-direction: row;
    justify-content: center;
    gap: 1.5rem;
    margin-top: 2rem;
  }

  .SF_2603__movie-tab {
    max-width: 260px;
  }

  /* グリッド背景 PC */
  .SF_2603__bg-grid {
    /* background-image: url('../client_info/CHIYODA/featureimage/E_SEISHUN/bg_sp.png') !important;;
      background-repeat: repeat; */
  }

  /* ナビ */
  .SF_2603__nav-en {
    font-size: 1rem;
  }
  .SF_2603__nav-ja {
    font-size: 0.75rem;
  }
  .SF_2603__nav-link {
    padding: 0.75rem 1rem;
  }

  /* MOVIE */
  .SF_2603__movie {
    padding: 3.5rem 5rem 3rem;
  }

  .SF_2603__movie-frame-wrap {
    max-width: 360px;
  }

  /* ブランドロゴ */
  .SF_2603__brand-logo {
    max-width: 260px;
  }

  /* PC: キャラ表示・横並びレイアウト */
  .SF_2603__character {
    display: block !important;
  }

  /* boys: 左=featured(テキスト+靴) / 右=キャラ大 */
  .SF_2603__mizuno-boys-layout,
  .SF_2603__cc-boys-layout {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1rem;
        margin-bottom: 2rem;
  }

  .SF_2603__featured-product_left {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        /* gap: 1rem; */
        margin-bottom: 2rem;
        padding-left: 40px;
        flex-direction: column;
  }

  .SF_2603__featured-product_right {
        /* display: flex; */
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 2rem;
        margin-bottom: 2rem;
        flex-wrap: wrap;
        align-content: center;
  }
  
  /* boys: featured を左、キャラを右 */
  .SF_2603__mizuno-boys-layout .SF_2603__character--boys-mizuno,
  .SF_2603__cc-boys-layout .SF_2603__character--boys-cc {
    order: 2;
    flex-shrink: 0;
    display: flex !important;
    justify-content: flex-end;
    align-items: flex-end;
  }

  .SF_2603__mizuno-boys-layout .SF_2603__featured-product,
  .SF_2603__cc-boys-layout .SF_2603__featured-product {
    order: 1;
    flex-shrink: 0;
    text-align: left;
    width: 100px;
  }

  /* girls: 左=キャラ大 / 右=featured */
  .SF_2603__mizuno-girls-layout,
  .SF_2603__cc-girls-layout {
        display: flex;
        justify-content: center;
        gap: 2rem;
        margin-bottom: 2rem;
        align-items: center;
  }

  .SF_2603__mizuno-girls-layout .SF_2603__character--girls-mizuno,
  .SF_2603__cc-girls-layout .SF_2603__character--girls-cc {
    order: 1;
    flex-shrink: 0;
    display: flex !important;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .SF_2603__mizuno-girls-layout .SF_2603__featured-product,
  .SF_2603__cc-girls-layout .SF_2603__featured-product {
    order: 2;
    flex-shrink: 0;
    /* text-align: left; */
    width: 330px;
  }

  /* ① キャラ画像: 元画像サイズのまま（最大360px）*/
  .SF_2603__character--boys-mizuno img,
  .SF_2603__character--girls-mizuno img,
  .SF_2603__character--boys-cc img,
  .SF_2603__character--girls-cc img {
    width: auto;
    max-width: 360px;
    height: auto;
    margin: 0;
  }

  /* ② featured-card: 2列グリッドカードと同じ見た目 */
  .SF_2603__mizuno-boys-layout .SF_2603__featured-product,
  .SF_2603__mizuno-girls-layout .SF_2603__featured-product,
  .SF_2603__cc-boys-layout .SF_2603__featured-product,
  .SF_2603__cc-girls-layout .SF_2603__featured-product {
    width: 316px;
    flex-shrink: 0;
  }

  .SF_2603__mizuno-boys-layout .SF_2603__featured-card img,
  .SF_2603__mizuno-girls-layout .SF_2603__featured-card img,
  .SF_2603__cc-boys-layout .SF_2603__featured-card img,
  .SF_2603__cc-girls-layout .SF_2603__featured-card img {
    width: 100%;
    max-width: none;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    /* background: #f8f8f8; */
    padding: 0.5rem;
  }

  .SF_2603__featured-model,
  .SF_2603__featured-price {
    text-align: left;
  }

  /* featured カード PC */
  .SF_2603__featured-card img {
    max-width: 220px;
  }

  .SF_2603__featured-label {
    font-size: 1rem;
    /* padding-left: 40px; */
    color: #45b1e6;
  }
    .SF_2603__featured-label-girl {
    font-size: 1rem;
    /* padding-left: 40px; */
    color: #ed84ac;
            font-weight: bold;
  }

  /* 商品グリッド PC */
  .SF_2603__products--2col {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    max-width: 680px;
    margin: 0 auto 1.5rem;
  }

  .SF_2603__products--3col {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    max-width: 1020px;
    margin: 0 auto;
  }

  /* gender heading PC */
  .SF_2603__gender-heading-img {
    /* max-width: 260px; */
  }

  /* フッター PC: 横並び */
  .SF_2603__footer-profile {
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
    gap: 1.5rem;
  }

  .SF_2603__footer-avatar {
    width: 90px;
    height: 90px;
  }

  .SF_2603__footer-sns {
    justify-content: center;
  }

  .SF_2603__footer-bio {
    max-width: 560px;
  }

  /* TOP btn PC */
  .SF_2603__top-btn {
    width: 72px;
    right: 2rem;
    bottom: 2rem;
  }

  /* ローファー */
  .SF_2603__loafer-lead {
    font-size: 1.5rem;
  }

  .SF_2603__loafer-text {
    font-size: 0.9375rem;
  }

  .SF_2603__loafer-heading {
    max-width: 480px;
  }

  /* CC feature */
  .SF_2603__cc-feature {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
  }

  .SF_2603__cc-feature-copy {
    font-size: 1.75rem;
  }
}

.SF_2603__products--1col {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  max-width: 340px;
  margin: 0 auto;
}
/* SP */
.SF_2603__products--3col {
  justify-items: center; /* 追加 */
}

/* PC */
.SF_2603__products--3col {
  justify-content: center; /* 追加 */
}
.SF_2603__footer-top {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-bottom: 2rem;
    flex-direction: row;
}
.SF_2603__footer-left {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
    flex-direction: row;
}
.SF_2603__footer-name-block {
  text-align: left;
}
.SF_2603__footer-divider {
  width: 1px;
  height: 80px;
  background-color: var(--sf-dark);
  flex-shrink: 0;
}
/* ============================================================
   SP追加対応（767px以下）
   ① 768px未満のタブレット〜スマホ全幅対応
   ============================================================ */
@media screen and (max-width: 767px) {
.SF_2603__movie-frame-wrap {
  position: relative;
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
  aspect-ratio: 9 / 16;
  border: 3px solid var(--sf-dark);
  border-radius: 0.5rem;
  overflow: hidden;
  background: #000;
}
  .SF_2603__section-inner {
    padding: 5rem 0 0;
}

.SF_2603__gender-heading {
    text-align: center;
    margin-bottom: 1.5rem;
    margin-top: 80px;
}

.SF_2603__footer-sns {
  padding-left: 0;
}
.SF_2603__footer-name {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--sf-dark);
}

  .SF_2603__footer-role {
  font-family: var(--sf-font-ja);  /* 追加 */
    font-size: 0.75rem;
    color: #07073c;
    font-weight: 700;
}

.SF_2603__mizuno-boys-layout .SF_2603__featured-product,
.SF_2603__cc-boys-layout .SF_2603__featured-product {
  width: 100%;
  text-align: center;
}

.SF_2603__mizuno-boys-layout .SF_2603__featured-card img,
.SF_2603__cc-boys-layout .SF_2603__featured-card img {
  max-width: 316px;  /* girlsと同じ値 */
}
.SF_2603__featured-model {
  padding:0;
}
  /* SP: ラッパー全幅（390〜767px流動） */
  #SF_2603 {
    width: 100%;
    /* min-width: 390px; */
    margin-inline: auto;
    max-width: 767px;
  }

  /* ナビ */
  .SF_2603__nav-list {
    max-width: 100%;
    /* min-width: 390px; */
    /* margin-inline: -1.2rem;
    padding-inline: -1.2rem; */
  }

  /* MOVIE */
  .SF_2603__movie {
    padding: 32px 16px;
  }

  .SF_2603__movie-inner {
    max-width: 100%;
    padding: 0 0.5rem;
  }

  /* boys/girls layout: SP縦積み */
  .SF_2603__mizuno-boys-layout,
  .SF_2603__mizuno-girls-layout,
  .SF_2603__cc-boys-layout,
  .SF_2603__cc-girls-layout {
    flex-direction: column;
    align-items: center;
  }

  /* キャラ非表示（415px以下と共通） */

.SF_2603__footer-name {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--sf-dark);
}

  .SF_2603__footer-role {
      font-family: var(--sf-font-ja);  /* 追加 */
    font-size: 0.75rem;
    color: #07073c;
    font-weight: 700;
}

  .SF_2603__character {
       display: block !important;
  }

.title {
    /* max-width: 100%; */
    /* height: auto; */
}
.sp-pic {
    display: block;
}
  /* featured カード 中央寄せ */
  .SF_2603__featured-product_left,
  .SF_2603__featured-product_right {
    text-align: center;
    padding-left: 0;
    align-items: center;
  }

  .SF_2603__featured-model,
  .SF_2603__featured-price {
    text-align: center;
  }

  /* 商品グリッド SP: 2列 */
  .SF_2603__products--3col {
    grid-template-columns: repeat(2, 1fr);
  }

  /* ローファー girls 先頭1件は中央1列表示 */
.SF_2603__products--loafer-girls-top {
  display: grid;
  grid-template-columns: 1fr;  /* 1列 */
  gap: 1rem;
  margin-bottom: 1rem;
}
.SF_2603__products--loafer-girls-top > *:first-child {
  max-width: 50%;
  justify-self: center;
  text-align: center;
  /* grid-column・width は不要になるので削除 */
}
.SF_2603__products--loafer-girls-top > *:first-child {
  grid-column: 1 / 3;
  width: 50%;
  justify-self: center;
  margin-inline: auto;   /* 追加 */
  text-align: center;    /* 追加（カード内テキストも中央揃え） */
}

  /* ローファー boys は2列 */
  .SF_2603__products--2col {
    grid-template-columns: repeat(2, 1fr);
  }

  /* フッター縦積み */
  .SF_2603__footer-top {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .SF_2603__footer-left {
    flex-direction: column;
    align-items: center;
  }

  .SF_2603__footer-name-block {
    text-align: center;
  }

  .SF_2603__footer-divider {
    width: 80px;
    height: 1px;
  }

  /* gender heading */
  .SF_2603__gender-heading-img {
    /* max-width: 200px; */
  }

  /* TOP btn */
  .SF_2603__top-btn {
    width: 48px;
    right: 0.875rem;
    bottom: 1.25rem;
  }
  #SF_2603 .SF_2603__sp-img,
  #SF_2603 img.SF_2603__sp-img {
    display: block !important;
    width: 100%;
  }
  #SF_2603 .SF_2603__pc-img,
  #SF_2603 img.SF_2603__pc-img {
    display: none !important;
  }
  .SF_2603__pc-img {
    display: none !important;
  }
  .SF_2603__sp-img {
    display: block !important;
    width: 100%;
  }
  #SF_2603 .SF_2603__sp-img,
  #SF_2603 img.SF_2603__sp-img {
    display: block !important;
    width: 100%;
  }
  #SF_2603 .SF_2603__pc-img,
  #SF_2603 img.SF_2603__pc-img {
    display: none !important;
  }
}

/* PC（768px以上）: pc-img表示 / sp-img非表示 */
@media screen and (min-width: 768px) {
  #SF_2603 .SF_2603__sp-img,
  #SF_2603 img.SF_2603__sp-img {
    display: none !important;
  }
  #SF_2603 .SF_2603__pc-img,
  #SF_2603 img.SF_2603__pc-img {
    display: block !important;
  }
}

/* featured: mizuno-girls-layoutもboys同様に統一 */
.SF_2603__mizuno-girls-layout .SF_2603__featured-card img {
  max-width: 316px;
}

/* cc-girls product-imgをSPで2列相当のサイズに制限 */
#SF_2603-cc-girls .SF_2603__product-img-wrap {
  max-width: 50vw;
}

.SF_2603__footer {
  background-color: var(--sf-footer-bg);
  padding: 2.5rem 1.25rem;
  /* border-top: 1px solid #e0d060; */
}

.SF_2603__footer-inner {
  max-width: 800px;
  margin: 0 auto;
}

.SF_2603__footer-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.SF_2603__footer-role {
    font-family: var(--sf-font-ja);  /* 追加 */
  font-size: 0.75rem;
  color: #07073c;
  /* margin-bottom: 0.2rem; */
    margin:0;
}

.SF_2603__footer-name {
  font-size: 1.125rem;
  font-weight: 700;
  /* margin-bottom: 0.75rem; */
  margin: 0;
  color: var(--sf-dark);
}

.SF_2603__footer-bio {
    font-family: var(--sf-font-ja);  /* 追加 */
  font-size: 0.875rem;
  line-height: 1.85;
  color: #07073c;
}

.SF_2603__footer-sns {
  display: flex;
  justify-content: center;
  gap: 2.5rem;
  align-items: flex-end;
}

.SF_2603__footer-sns-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
  text-decoration: none !important;
  color: var(--sf-dark) !important;
  transition: transform 0.2s cubic-bezier(0.34,1.56,0.64,1), filter 0.2s ease;
}

.SF_2603__footer-sns-link img {
  width: 100%;
}

.SF_2603__footer-sns-label {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--sf-dark);
}

.SF_2603__footer-sns-link:hover {
  opacity: 1 !important;
  transform: scale(1.15) translateY(-3px);
  filter: drop-shadow(0 4px 8px rgba(0,0,0,0.2));
}

/* PC */
.SF_2603__footer-top {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 2rem;
  flex-direction: row;
}

.SF_2603__footer-left {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
  flex-direction: row;
}

.SF_2603__footer-name-block {
  text-align: left;
}

.SF_2603__footer-divider {
  width: 1px;
  height: 80px;
  background-color: var(--sf-dark);
  flex-shrink: 0;
}

/* SP（767px以下） */
@media screen and (max-width: 767px) {
. SF_2603_text-inline{

}
.SF_2603__products--1col .SF_2603__product-img-wrap {
  max-width: 55.8%;
  margin: 0 auto;
}
  .SF_2603__footer {
    padding: 32px 16px;
  }

  /* 上段：アバター＋名前 横並び・左揃え */
  .SF_2603__footer-top {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 1rem;
  }

  .SF_2603__footer-left {
    flex-direction: row;
    align-items: center;
    gap: 1rem;
  }

  .SF_2603__footer-name-block {
    text-align: left;
  }

  /* 縦線 非表示 */
  .SF_2603__footer-divider {
    display: none;
  }

  /* プロフィール文 左揃え */
  .SF_2603__footer-bio {
      font-family: var(--sf-font-ja);  /* 追加 */
    text-align: left;
    font-size: 0.8125rem;
  }

  /* SNS 中央寄せ・間隔 */
  .SF_2603__footer-sns {
    /* gap: 3rem; */
    margin-top: 1.5rem;
    align-items: center;
  }

  .SF_2603__footer-sns-label {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
  }
}
/* ------------------------------------------------
   SP: カード内テキストブロック（靴画像直下・ボタン上）
------------------------------------------------ */
.SF_2603__featured-product_lef {
  text-align: center;
  width: 100%;
}

.SF_2603__featured-product_lef .SF_2603__featured-label {
    font-family: var(--sf-font-ja);  /* 追加 */
  font-size: 0.75rem;
  color: #4fb8e8;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.SF_2603__featured-product_lef .SF_2603__featured-model {
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  margin: 0;
}

/* ------------------------------------------------
   PC: テキストブロックをカード外・左側に配置
   （mizuno-boys-layout の flex 子要素として order 制御）
------------------------------------------------ */
@media (min-width: 768px) {
  .SF_2603__mizuno-boys-layout .SF_2603__featured-product_left.pc-pic {
    order: 0;
    flex-shrink: 0;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }

  .SF_2603__mizuno-boys-layout .SF_2603__featured-product {
    order: 1;
  }

  .SF_2603__mizuno-boys-layout .SF_2603__character--boys-mizuno {
    order: 2;
  }
  .pc-pic {
        display: block;
}
  .sp-pic {
        display: none;
}
}

/* PC時: カード内SP用テキストを非表示 */
@media (min-width: 768px) {
  .SF_2603__featured-product_lef.sp-pic {
    display: none !important;
  }
}

/* SP: カード内テキストブロックのpadding/marginリセット */
@media (max-width: 767px) {
  .SF_2603__featured-product_lef .SF_2603__featured-model {
    padding-left: 0;
    text-align: center;
  }
  .SF_2603__featured-product_lef {
    margin: 0;
    padding: 0;
  }
}
/* ================================================
   レスポンシブ最適化
   PC: 1280px基準 / SP: 390px〜767px対応
================================================ */

/* --- PC(768px以上・1280px基準) --- */
@media (min-width: 768px) {
  #SF_2603 .SF_2603__section-inner {
    max-width: 1280px;
    margin: 0 0;
    /* padding-left: 2rem;
    padding-right: 2rem; */
    box-sizing: border-box;
  }

  /* キャラ画像: 固定値 */
  .SF_2603__character--boys-mizuno img,
  .SF_2603__character--girls-mizuno img,
  .SF_2603__character--boys-cc img,
  .SF_2603__character--girls-cc img {
    width: 320px;
    max-width: none;
  }

  /* 靴カード幅: 固定 */
  .SF_2603__mizuno-boys-layout .SF_2603__featured-product,
  .SF_2603__mizuno-girls-layout .SF_2603__featured-product,
  .SF_2603__cc-boys-layout .SF_2603__featured-product,
  .SF_2603__cc-girls-layout .SF_2603__featured-product {
    width: 280px;
    flex-shrink: 0;
  }

  /* レイアウトのgap */
  .SF_2603__mizuno-boys-layout,
  .SF_2603__cc-boys-layout,
  .SF_2603__mizuno-girls-layout,
  .SF_2603__cc-girls-layout {
    gap: 1.5rem;
  }

  /* テキストブロック */
  .SF_2603__featured-product_left,
  .SF_2603__featured-product_right {
    min-width: 140px;
    padding-left: 1.5rem;
  }

  /* featured-model フォントサイズ */
  .SF_2603__featured-model {
    font-size: 1.1rem;
  }
}

/* --- SP(390px〜767px) --- */
@media (max-width: 767px) {
  #SF_2603 .SF_2603__section-inner {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
  }

  /* キャラSP画像: 全幅 */
  .SF_2603__character .SF_2603__sp-img {
    width: auto !important;
    max-width: 100%;
    height: auto;
  }

  /* 靴カード: 全幅・中央寄せ */
  .SF_2603__mizuno-boys-layout .SF_2603__featured-product,
  .SF_2603__mizuno-girls-layout .SF_2603__featured-product,
  .SF_2603__cc-boys-layout .SF_2603__featured-product,
  .SF_2603__cc-girls-layout .SF_2603__featured-product {
    width: 100%;
    max-width: 360px;
  }

  /* 靴画像: 全幅 */
  .SF_2603__mizuno-boys-layout .SF_2603__featured-card img,
  .SF_2603__mizuno-girls-layout .SF_2603__featured-card img,
  .SF_2603__cc-boys-layout .SF_2603__featured-card img,
  .SF_2603__cc-girls-layout .SF_2603__featured-card img {
    width: 100%;
    max-width: 100%;
  }

  /* featured-card: 全幅 */
  .SF_2603__featured-card {
    width: 100%;
  }

  /* カラーボタン: 最小160px保証・横長維持 */
  .SF_2603__color-btn {
    width: clamp(160px, 60%, 240px);
    height: 45px;
    min-height: 45px;
    border-radius: 50px;
    box-sizing: border-box;
  }

  /* フォントサイズ調整 */
  .SF_2603__featured-model {
    font-size: clamp(0.875rem, 4vw, 1.1rem);
  }
  .SF_2603__featured-label,
  .SF_2603__featured-label-girl {
    font-size: clamp(0.7rem, 3vw, 0.875rem);
  }
}

/* PC: girls レイアウト order調整 キャラ→テキスト→靴 */
@media (min-width: 416px) {
  .SF_2603__mizuno-girls-layout .SF_2603__character--girls-mizuno {
    order: 1;
  }

  .SF_2603__mizuno-girls-layout .SF_2603__featured-product_right {
    order: 2;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .SF_2603__mizuno-girls-layout .SF_2603__featured-product {
    order: 3;
  }
}
/* PC: girls レイアウト order調整 キャラ→テキスト→靴 */
@media (min-width: 416px) {
  .SF_2603__mizuno-girls-layout .SF_2603__character--girls-mizuno {
    order: 1;
  }
  .SF_2603__mizuno-girls-layout .SF_2603__featured-product_right {
    order: 2;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .SF_2603__mizuno-girls-layout .SF_2603__featured-product {
    order: 3;
  }
  /* PC時: カード内SP用テキストを非表示 */
  .SF_2603__mizuno-girls-layout .SF_2603__featured-product_rig.sp-pic {
    /* display: none !important; */
  }
}
/* 416px〜767px: SPと同じ縦並び・キャラ上に統一 */
@media (min-width: 416px) and (max-width: 767px) {
  .SF_2603__mizuno-boys-layout,
  .SF_2603__cc-boys-layout {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .SF_2603__mizuno-boys-layout .SF_2603__character--boys-mizuno,
  .SF_2603__cc-boys-layout .SF_2603__character--boys-cc {
    order: -1 !important;
    display: block !important;
  }

  .SF_2603__mizuno-boys-layout .SF_2603__featured-product_left,
  .SF_2603__cc-boys-layout .SF_2603__featured-product_left {
    order: 0 !important;
  }

  .SF_2603__mizuno-boys-layout .SF_2603__featured-product,
  .SF_2603__cc-boys-layout .SF_2603__featured-product {
    order: 1 !important;
  }
}

@media (min-width: 416px) and (max-width: 767px) {
  .SF_2603__product-info {
    align-items: center !important;
    text-align: center !important;
    width: 100%;
  }

.SF_2603__product-name {
    font-size: 0.8125rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.5;
    text-align: center !important; /* ← 追加 */
}

.SF_2603__product-model {
    font-size: 0.8125rem;
    font-weight: 700;
    margin: 0;
    color: var(--sf-dark);
    text-align: center !important; /* ← 追加 */
}
}

@media (min-width: 416px) and (max-width: 767px) {
  .SF_2603__mizuno-girls-layout .SF_2603__featured-card img {
    order: 1;
  }
  .SF_2603__mizuno-girls-layout .SF_2603__featured-product_rig.sp-pic {
    order: 2;
  }
  .SF_2603__mizuno-girls-layout .SF_2603__color-btn {
    order: 3;
  }
}
@media (min-width: 416px) and (max-width: 767px) {
  /* cc-boys */
  .SF_2603__cc-boys-layout .SF_2603__featured-card img {
    order: 1;
  }
  .SF_2603__cc-boys-layout .SF_2603__featured-product_lef.sp-pic {
    order: 2;
  }
  .SF_2603__cc-boys-layout .SF_2603__color-btn {
    order: 3;
  }

  /* cc-girls（前回分）*/
  .SF_2603__mizuno-girls-layout .SF_2603__featured-card img {
    order: 1;
  }
  .SF_2603__mizuno-girls-layout .SF_2603__featured-product_rig.sp-pic {
    order: 2;
  }
  .SF_2603__mizuno-girls-layout .SF_2603__color-btn {
    order: 3;
  }
}

/* SP全帯（〜767px）: featured-card内の表示順を統一 */
@media screen and (max-width: 767px) {
  /* mizuno-boys */
  .SF_2603__mizuno-boys-layout .SF_2603__featured-card img         { order: 1; }
  .SF_2603__mizuno-boys-layout .SF_2603__featured-product_lef      { order: 2; }
  .SF_2603__mizuno-boys-layout .SF_2603__color-btn                 { order: 3; }

  /* mizuno-girls */
  .SF_2603__mizuno-girls-layout .SF_2603__featured-card img        { order: 1; }
  .SF_2603__mizuno-girls-layout .SF_2603__featured-product_rig     { order: 2;  display: block !important; }
  .SF_2603__mizuno-girls-layout .SF_2603__color-btn                { order: 3; }

  /* cc-boys */
  .SF_2603__cc-boys-layout .SF_2603__featured-card img             { order: 1; }
  .SF_2603__cc-boys-layout .SF_2603__featured-product_lef          { order: 2; }
  .SF_2603__cc-boys-layout .SF_2603__color-btn                     { order: 3; }

  /* cc-girls */
  .SF_2603__cc-girls-layout .SF_2603__featured-card img            { order: 1; }
  .SF_2603__cc-girls-layout .SF_2603__featured-product_rig         { order: 2; }
  .SF_2603__cc-girls-layout .SF_2603__color-btn                    { order: 3; }
}

/* 416px〜767px: pc-pic のテキストを確実に非表示 */
@media (min-width: 416px) and (max-width: 767px) {
  .SF_2603__mizuno-girls-layout .SF_2603__featured-product_right.pc-pic,
  .SF_2603__cc-girls-layout .SF_2603__featured-product_right.pc-pic {
    display: none !important;
  }
}

/* SP（767px以下） */
@media screen and (max-width: 767px) {
.SF_2603__products--1col .SF_2603__product-img-wrap {
  max-width: 55.8%;
  margin: 0 auto;
}
  .SF_2603__footer {
    padding: 32px 16px;
  }

  /* 上段：アバター＋名前 横並び・左揃え */
  .SF_2603__footer-top {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 1rem;
  }

  .SF_2603__footer-left {
    flex-direction: row;
    align-items: center;
    gap: 1rem;
  }

  .SF_2603__footer-name-block {
    text-align: left;
  }

  /* 縦線 非表示 */
  .SF_2603__footer-divider {
    display: none;
  }

  /* プロフィール文 左揃え */
  .SF_2603__footer-bio {
      font-family: var(--sf-font-ja);  /* 追加 */
    text-align: left;
    font-size: 0.8125rem;
  }

  /* SNS 中央寄せ・間隔 */
  .SF_2603__footer-sns {
    /* gap: 3rem; */
    margin-top: 1.5rem;
    align-items: center;
  }

  .SF_2603__footer-sns-label {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
  }
}
/* ------------------------------------------------
   SP: カード内テキストブロック（靴画像直下・ボタン上）
------------------------------------------------ */
.SF_2603__featured-product_lef {
  text-align: center;
  width: 100%;
}

.SF_2603__featured-product_lef .SF_2603__featured-label {
  font-size: 0.75rem;
  color: #4fb8e8;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.SF_2603__featured-product_lef .SF_2603__featured-model {
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  margin: 0;
}

/* ------------------------------------------------
   PC: テキストブロックをカード外・左側に配置
   （mizuno-boys-layout の flex 子要素として order 制御）
------------------------------------------------ */
@media (min-width: 768px) {
  .SF_2603__mizuno-boys-layout .SF_2603__featured-product_left.pc-pic {
    order: 0;
    flex-shrink: 0;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }

  .SF_2603__mizuno-boys-layout .SF_2603__featured-product {
    order: 1;
  }

  .SF_2603__mizuno-boys-layout .SF_2603__character--boys-mizuno {
    order: 2;
  }
  .pc-pic {
        display: block;
}
  .sp-pic {
        display: none;
}
}

/* PC時: カード内SP用テキストを非表示 */
@media (min-width: 768px) {
  .SF_2603__featured-product_lef.sp-pic {
    display: none !important;
  }
}

/* SP: カード内テキストブロックのpadding/marginリセット */
@media (max-width: 767px) {
  .SF_2603__featured-product_lef .SF_2603__featured-model {
    padding-left: 0;
    text-align: center;
  }
  .SF_2603__featured-product_lef {
    margin: 0;
    padding: 0;
  }
}
/* ================================================
   レスポンシブ最適化
   PC: 1280px基準 / SP: 390px〜767px対応
================================================ */

/* --- PC(768px以上・1280px基準) --- */
@media (min-width: 768px) {
  #SF_2603 .SF_2603__section-inner {
    max-width: 100&;
    margin: 0 0;
    padding-left: 2rem;
    padding-right: 2rem;
    box-sizing: border-box;
  }

  /* キャラ画像: 固定値 */
  .SF_2603__character--boys-mizuno img,
  .SF_2603__character--girls-mizuno img,
  .SF_2603__character--boys-cc img,
  .SF_2603__character--girls-cc img {
    width: 320px;
    max-width: none;
  }

  /* 靴カード幅: 固定 */
  .SF_2603__mizuno-boys-layout .SF_2603__featured-product,
  .SF_2603__mizuno-girls-layout .SF_2603__featured-product,
  .SF_2603__cc-boys-layout .SF_2603__featured-product,
  .SF_2603__cc-girls-layout .SF_2603__featured-product {
    width: 280px;
    flex-shrink: 0;
  }

  /* レイアウトのgap */
  .SF_2603__mizuno-boys-layout,
  .SF_2603__cc-boys-layout,
  .SF_2603__mizuno-girls-layout,
  .SF_2603__cc-girls-layout {
    gap: 1.5rem;
  }

  /* テキストブロック */
  .SF_2603__featured-product_left,
  .SF_2603__featured-product_right {
    min-width: 140px;
    padding-left: 1.5rem;
  }

  /* featured-model フォントサイズ */
  .SF_2603__featured-model {
    font-size: 1.1rem;
  }
}

/* --- SP(390px〜767px) --- */
@media (max-width: 767px) {
  #SF_2603 .SF_2603__section-inner {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
  }

  /* キャラSP画像: 全幅 */
  .SF_2603__character .SF_2603__sp-img {
    width: auto !important;
    max-width: 100%;
    height: auto;
  }

  /* 靴カード: 全幅・中央寄せ */
  .SF_2603__mizuno-boys-layout .SF_2603__featured-product,
  .SF_2603__mizuno-girls-layout .SF_2603__featured-product,
  .SF_2603__cc-boys-layout .SF_2603__featured-product,
  .SF_2603__cc-girls-layout .SF_2603__featured-product {
    margin: 0 auto;
    width: 100%;
    max-width: 360px;
  }

  /* 靴画像: 全幅 */
  .SF_2603__mizuno-boys-layout .SF_2603__featured-card img,
  .SF_2603__mizuno-girls-layout .SF_2603__featured-card img,
  .SF_2603__cc-boys-layout .SF_2603__featured-card img,
  .SF_2603__cc-girls-layout .SF_2603__featured-card img {
    width: 100%;
    max-width: 100%;
  }

  /* featured-card: 全幅 */
  .SF_2603__featured-card {
    width: 100%;
  }

  /* カラーボタン: 最小160px保証・横長維持 */
  .SF_2603__color-btn {
    width: clamp(160px, 60%, 240px);
    height: 45px;
    min-height: 45px;
    border-radius: 50px;
    box-sizing: border-box;
  }

  /* フォントサイズ調整 */
  .SF_2603__featured-model {
    font-size: clamp(0.875rem, 4vw, 1.1rem);
  }
  .SF_2603__featured-label,
  .SF_2603__featured-label-girl {
    font-size: clamp(0.7rem, 3vw, 0.875rem);
  }
}

/* PC: girls レイアウト order調整 キャラ→テキスト→靴 */
/* PC（768px以上）: girls レイアウト order調整 キャラ→テキスト→靴 */
@media (min-width: 768px) {
  .SF_2603__mizuno-girls-layout .SF_2603__character--girls-mizuno {
    order: 1;
  }
  .SF_2603__mizuno-girls-layout .SF_2603__featured-product_right {
    order: 2;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .SF_2603__mizuno-girls-layout .SF_2603__featured-product {
    order: 3;
  }
  /* PC時: カード内SP用テキストを非表示
  .SF_2603__mizuno-girls-layout .SF_2603__featured-product_rig.sp-pic {
    display: none !important;
  } */
}

/* SP全帯（〜767px）: featured-card内の表示順・pc-pic非表示を統一 */
@media screen and (max-width: 767px) {
  /* pc-pic テキストを非表示 */
  .SF_2603__mizuno-boys-layout .SF_2603__featured-product_left.pc-pic,
  .SF_2603__mizuno-girls-layout .SF_2603__featured-product_right.pc-pic,
  .SF_2603__cc-boys-layout .SF_2603__featured-product_left.pc-pic,
  .SF_2603__cc-girls-layout .SF_2603__featured-product_right.pc-pic {
    display: none !important;
  }

  /* featured-card内の順序: 靴画像→テキスト→ボタン */
  /* mizuno-boys */
  .SF_2603__mizuno-boys-layout .SF_2603__featured-card img         { order: 1; }
  .SF_2603__mizuno-boys-layout .SF_2603__featured-product_lef      { order: 2; }
  .SF_2603__mizuno-boys-layout .SF_2603__color-btn                 { order: 3; }

  /* mizuno-girls */
  .SF_2603__mizuno-girls-layout .SF_2603__featured-card img        { order: 1; }
  .SF_2603__mizuno-girls-layout .SF_2603__featured-product_rig     { order: 2; display: block !important;  }
  .SF_2603__mizuno-girls-layout .SF_2603__color-btn                { order: 3; }

  /* cc-boys */
  .SF_2603__cc-boys-layout .SF_2603__featured-card img             { order: 1; }
  .SF_2603__cc-boys-layout .SF_2603__featured-product_lef          { order: 2; }
  .SF_2603__cc-boys-layout .SF_2603__color-btn                     { order: 3; }

  /* cc-girls */
  .SF_2603__cc-girls-layout .SF_2603__featured-card img            { order: 1; }
  .SF_2603__cc-girls-layout .SF_2603__featured-product_rig         { order: 2; }
  .SF_2603__cc-girls-layout .SF_2603__color-btn                    { order: 3; }

  /* 商品グリッドのテキスト中央揃え */
  .SF_2603__product-info {
    align-items: center !important;
    text-align: center !important;
    width: 100%;
  }
  .SF_2603__product-name,
  .SF_2603__product-model {
    font-size: 0.8125rem;
    font-weight: 700;
    margin: 0;
    text-align: center !important;
  }
  .SF_2603__product-model {
    color: var(--sf-dark);
    line-height: 1.5;
  }
}

@media (max-width: 767px) {
  #SF_2603 .SF_2603__footer-avatar.SF_2603__sp-img {
    width: 80px !important;
    height: 80px !important;
    border-radius: 50%;
    object-fit: cover;
    display: inline-block; /* display:blockのままでも可 */
  }
}

/* =========================
   1) section-inner の中央寄せを解除（CEDAR / LOAFER）
   ========================= */
#SF_2603 .SF_2603__cedarcrest .SF_2603__section-inner,
#SF_2603 .SF_2603__loafer  .SF_2603__section-inner {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;        /* ← margin-left/right → margin に変更 */
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}
/* 追加（既存の2444行目ブロックを置き換え） */
#SF_2603 .SF_2603__cedarcrest,
#SF_2603 .SF_2603__loafer {
  /* margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%); */
  width: 100%;
  max-width: 100%;
  position: relative;
  left: 0;
}

/* section-innerも幅リセット */
#SF_2603 .SF_2603__cedarcrest .SF_2603__section-inner,
#SF_2603 .SF_2603__loafer .SF_2603__section-inner {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding-left: 0;
  padding-right: 0;
}

/* ============================================================
   CEDAR CREST / LOAFER セクション：左寄せ上書き
   ============================================================ */
#SF_2603 .SF_2603__cedarcrest .SF_2603__gender-heading,
#SF_2603 .SF_2603__loafer .SF_2603__gender-heading {
  text-align: left;
}

#SF_2603 .SF_2603__cedarcrest .SF_2603__gender-heading-img,
#SF_2603 .SF_2603__loafer .SF_2603__gender-heading-img {
  /* margin: 0; */
}

#SF_2603 SF_2603__justify-items--boys {
  /* justify-items: start !important; */
}

/* ============================================================
   .SF_2603__justify-items--boys
   ブレークポイントをまたいで左寄せを固定
   ============================================================ */
#SF_2603 .SF_2603__justify-items--boys .SF_2603__gender-heading {
  text-align: left;
}

#SF_2603 .SF_2603__justify-items--boys .SF_2603__gender-heading-img {
  /* margin: 0; */
}

#SF_2603 .SF_2603__justify-items--boys .SF_2603__mizuno-boys-layout {
  justify-content: flex-start !important;
}

#SF_2603 .SF_2603__justify-items--boys .SF_2603__featured-product {
  text-align: left;
}

#SF_2603 .SF_2603__justify-items--boys .SF_2603__products--2col,
#SF_2603 .SF_2603__justify-items--boys .SF_2603__products--3col,
#SF_2603 .SF_2603__justify-items--boys .SF_2603__products--1col {
  justify-items: start !important;
  justify-content: start !important;
}

/* CEDARのboysのみ */
#SF_2603 .SF_2603__cedarcrest .SF_2603__gender-block--boys {
  /* justify-items: start !important; */
}

/* LOAFERのboysのみ */
#SF_2603 .SF_2603__loafer .SF_2603__gender-block--boys {
  /* justify-items: start !important; */
}
#SF_2603 .just-left,
#SF_2603 .just-left * {
  text-align: left !important;
  justify-content: flex-start !important;
  justify-items: start !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

#SF_2603 .just-left .SF_2603__gender-heading-img {
  margin: 0 !important;
}

#SF_2603 .just-left .SF_2603__mizuno-boys-layout {
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

#SF_2603 .just-left .SF_2603__products--2col,
#SF_2603 .just-left .SF_2603__products--3col,
#SF_2603 .just-left .SF_2603__products--1col {
  justify-items: start !important;
  justify-content: start !important;
  margin: 0 !important;
  max-width: none !important;
}

 .SF_2603.SF_2603__cedarcrest .just-left {
    justify-items: start !important;
    justify-content: start !important;
    max-width: none !important;
    /* width: auto; */
    /* padding-left: 219px; */
}
@media (max-width: 767px) {
  .SF_2603__footer {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .SF_2603__gender-heading,
  .SF_2603__mizuno-boys-layout,
  .SF_2603__products-wrap,
  .SF_2603__footer {
    width: 100%;
    /* margin-inline: -0.5rem; */
  }

}
/* HTMLが描画された瞬間からPC画像を非表示・SP画像を表示 */
@media (max-width: 767px) {
  #SF_2603 .SF_2603__pc-img { display: none; }
  #SF_2603 .SF_2603__sp-img { display: block; }
}

@media (min-width: 768px) {
  #SF_2603 .SF_2603__pc-img { display: block; }
  #SF_2603 .SF_2603__sp-img { display: none; }
}

/* gender-block / gender-heading / mizuno-layout: 最大幅1280px */
/* #SF_2603 .SF_2603__gender-block,
#SF_2603 .SF_2603__gender-heading,
#SF_2603 .SF_2603__mizuno-boys-layout,
#SF_2603 .SF_2603__mizuno-girls-layout {
  max-width: 1280px !important;
  width: 1280px !important;
} */

@media (min-width: 416px) {
span.SF_2603__nav-ja.SF_2603_text-inline {
        letter-spacing: -0.19rem;
        line-height: 1.4;
        /* margin: 0; */
        display: block;
        /* padding: 0;
}
}
/* 修正 */
#SF_2603-mizuno,
#SF_2603-cedarcrest,
#SF_2603-loafer,
#SF_2603-movie {
  scroll-margin-top: 60px; /* navの実高さに合わせる */
}

/* ============================================================
   アンカースクロール補正（sticky nav 分のオフセット）
   SP: ~48px / PC: ~56px / tablet: ~62px
   ============================================================ */
#SF_2603-mizuno,
#SF_2603-cedarcrest,
#SF_2603-loafer,
#SF_2603-movie,
#SF_2603-top {
  scroll-margin-top: 56px;
}

@media (max-width: 415px) {
  #SF_2603-mizuno,
  #SF_2603-cedarcrest,
  #SF_2603-loafer,
  #SF_2603-movie,
  #SF_2603-top {
    scroll-margin-top: 48px;
  }
}

@media (min-width: 768px) {
  #SF_2603-mizuno,
  #SF_2603-cedarcrest,
  #SF_2603-loafer,
  #SF_2603-movie,
  #SF_2603-top {
    scroll-margin-top: 62px;
  }
}

img.SF_2603__pc-img {

    max-width: 1280px;

}