@charset "UTF-8";
/* ==========================================================================
   p-transfer  送迎スケジュール（固定ページ transfer・グループのページ）
   出典: Figma 10/9 15:20 版（複製 jlrD4QuhH8lNQugUqDzVVE・2026-10-09 REST 実測）
     SP（基底）＝総合_送迎スケジュール_レスポンシブ 1093:461（390×6005）。座標は「Figma の y − 37（SP ヘッダーの下端）」＝台紙の上端からの値
     PC（MQ）＝総合_送迎スケジュール 1025:4936（1440×6083）。座標は「Figma の y − 110（PC ヘッダーの下端）」
   余白は Figma 座標の差から出し、式を書く。複数行の文の行の高さ＝Figma の文字の箱 ÷ 行数（PC と同じ決め方）
   作り: SP 390／PC 1440 の台紙を縮尺（--canvas-scale-sp|pc・JS が単位なしの数値を入れる）。高さは .js-canvas-fit が中身に追従させる。
   🔒 モバイルファースト: 基底＝SP。PC は @media 内で上書きし、SP にしか無い指定（余白・並び順・帯の地など）は PC 側で必ず打ち消す
   決め方（Figma だけでは決まらない点）＝作業票 _TRANSFER_20261009.md §2・§2b・§2c の T-番号
   ========================================================================== */
.p-transfer {
  position: relative;
  width: 100%;
  overflow: hidden; /* 縦書き英字（左端 −18）・縮尺前の台紙の幅を外に出さない */
  background: #fffef9;
}

.p-transfer__canvas {
  position: relative;
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 390px;
  padding-bottom: 60px; /* 実測: ACCESS 下端 4994 → フッター上端 5054 */
  transform: translateX(-50%) scale(var(--canvas-scale-sp));
  transform-origin: top center;
  color: #525252;
  /* 句読点の間を詰めない（Chromium の既定は「。（」等を詰める＝Figma と Firefox は詰めない・10/9 別担当の検品で検出） */
  text-spacing-trim: space-all;
}

/* --- 縦書きの英字（SP 1093:795: 回転後の外形 −18,222 115×652・Buenard 700 71.63・#85cac3 10%）
   Figma は横書きの箱（652×115）を90°回転＝上から下へ読む（relativeTransform [[0,−1,97],[1,0,222]]）。writing-mode では作らない（振り返り 9/18 #9 の型）。
   左上を基準に時計回り90°: 箱の左上を (97, 222 − 37)=(97, 185) に置く --- */
.p-transfer__vtext {
  position: absolute;
  top: 185px;
  left: 97px;
  z-index: 1; /* SP は白い箱より前面（Figma 1093:461 の重なり順＝縦書きが FREE PICK-UP BUS より上。PC は背面＝MQ で戻す） */
  width: 652px;
  height: 115px;
  margin: 0;
  color: var(--color-tint);
  font-family: "Buenard", serif;
  font-size: 71.6259px;
  font-weight: 700;
  line-height: 115px; /* 箱の高さ（lh114.6 は丸め前） */
  white-space: nowrap;
  opacity: 0.1;
  transform: rotate(90deg);
  transform-origin: 0 0;
  pointer-events: none;
}

/* --- FV 写真（SP 1093:846 390×124.6 at y37＝ヘッダーの直下）。
   391〜768（Figma に無い幅）は 3館 TOP の FV と同じく写真を画面いっぱいに敷く（中身は 390 のまま中央・T-35）。390 以下は台紙と同じ＝変わらない --- */
.p-transfer__fv {
  position: relative;
  flex: none;
  width: max(100%, 100vw);
  height: 124.6px;
  margin-left: calc((100% - max(100%, 100vw)) / 2);
  overflow: hidden;
}

.p-transfer__fv-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 124.6px;
  object-fit: cover; /* Figma FILL＝中央で切り抜き */
}

/* 英字 SCHEDULE（SP 1093:847: 15.17,73.83 303×98・Buenard 700 57.42・白35%） */
.p-transfer__fv-en {
  position: absolute;
  top: 36.83px; /* 73.83 − 37 */
  left: 15.17px;
  width: 303px;
  height: 98px;
  margin: 0;
  color: rgba(255, 255, 255, 0.35);
  font-family: "Buenard", serif;
  font-size: 57.4167px;
  font-weight: 700;
  line-height: 98px;
  white-space: nowrap;
  pointer-events: none;
}

/* 案内文（SP 1093:796: 38,222 314×186・Noto Sans 400 18 中央・6行＝箱186÷6＝31） */
.p-transfer__lead {
  width: 314px;
  min-height: 186px;
  margin: 60.4px 0 0 38px; /* 写真下端 161.6 → 222 */
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 31px;
  text-align: center;
}

/* --- 白い箱（SP: 無料お迎えバス 1093:749 0,453 390×1596／無料送りサービス 1093:618 1,2094 390×1168＝x1 は 0 に揃える（差1px））。
   SP は Figma が自動レイアウトでない＝中の間隔は各要素の margin で持つ --- */
.p-transfer__box {
  position: relative; /* 縦書き英字（absolute）より前面に出す */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  width: 390px;
  margin-left: 0;
  padding: 45px 0 25px; /* お迎え: 箱 453 → 見出し 498／注記下端 2024 → 箱の下端 2049 */
  background: #ffffff;
}

/* 391〜768 は白い地を画面いっぱいに（T-35・中身は 390 のまま中央）。箱の裏に敷く */
.p-transfer__box::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  z-index: -1;
  width: max(100%, 100vw);
  background: #ffffff;
  transform: translateX(-50%);
}

.p-transfer__box--pickup {
  margin-top: 45px; /* 案内文下端 408 → 箱 453 */
}

.p-transfer__box--shuttle {
  margin-top: 45px; /* お迎えバスの箱 下端 2049 → 2094 */
  padding: 20px 0 45px; /* 箱 2094 → 見出し 2114／注記下端 3217 → 箱の下端 3262 */
}

/* 見出し＋説明（SP は全幅・中央） */
.p-transfer__head {
  width: 390px;
  text-align: center;
}

/* 見出し（SP 1093:752 / 619: Zen Old Mincho 600 36・箱 h61） */
.p-transfer__title {
  margin: 0;
  font-family: "Zen Old Mincho", serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 61px; /* 箱 h61（lh61.2 は丸め前） */
}

/* 英字（SP 1093:753 / 620: Zen Old Mincho 700 20 lh34 #d9d9d9・見出しの下 3） */
.p-transfer__title-en {
  margin: 3px 0 0;
  color: #d9d9d9;
  font-family: "Zen Old Mincho", serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 34px;
}

/* 説明（SP 1093:754 / 621: 38,626 314 中央・18・お迎え5行＝箱160÷5＝32／送り7行＝箱224÷7＝32・英字の下 30）。
   改行位置は Figma SP の改行を <br class="u-sp"> で固定（自然な折返しに任せない＝KENPIN 罠#41） */
.p-transfer__desc {
  width: 314px;
  min-height: 160px;
  margin: 30px auto 0;
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}

.p-transfer__head--shuttle .p-transfer__desc {
  min-height: 224px;
}

/* 小見出し（SP 駅名 1093:756: 行 h48・左右16・アイコン41 → gap13 → 文字 Noto Sans 700 24（箱 h41）・下揃え） */
.p-transfer__label {
  display: flex;
  flex: none; /* SP の駅の枠は高さ 441 固定＝中身 441.4 で縮められないように（10/9 照合で 0.4 詰まったのを検出） */
  align-items: flex-end;
  gap: 13px;
  height: 48px;
  margin: 0;
  padding: 0 16px;
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 41px;
}

.p-transfer__label-icon {
  display: block;
  flex: none;
  width: 41px;
  height: 41px;
}

/* 送り先（SP 1093:622: アイコン41 は上揃え → gap8.25 → 文字2行（箱 41×2）） */
.p-transfer__label--service {
  align-items: flex-start;
  gap: 8.25px;
  width: 390px;
  height: auto;
}

/* Figma の文字の箱 331 は入れ物（390 − 左右16 − アイコン49.25＝308.75）からはみ出して置かれている＝1行目（13字×24＝312）が入れ物では折り返す。
   改行は <br class="u-sp"> で固定済み＝折り返さない（10/9 照合で3行になったのを検出） */
.p-transfer__label--service .p-transfer__label-text {
  white-space: nowrap;
}

/* --- 駅（SP 1093:755 / 775: 0,836 390×441・見出し → 40 → 地図 358×220.4 → 16 → 案内） --- */
.p-transfer__station {
  display: flex;
  flex-direction: column;
  width: 390px;
  height: 441px; /* Figma の枠 441（中身の合計 441.4 の端数を次の駅へ持ち越さない＝2駅目 1327） */
  margin-top: 50px; /* 説明下端 786 → 836／1駅目の枠 下端 1277 → 1327 */
}

.p-transfer__station-body {
  display: flex;
  flex: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  margin-top: 40px; /* 見出し下端 884 → 地図 924 */
}

.p-transfer__station-map {
  flex: none;
  width: 358px;
  height: 220.4px;
  margin: 0 16px;
  background: #d9d9d9; /* 読み込み前は灰色（Figma 10/9 版の写真枠と同じ） */
}

.p-transfer__station-photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Figma の fill＝FILL（枠を覆う・中央）。書き出しは枠の比率で切り出し済み＝ほぼ等倍 */
}

/* 案内（SP 1093:759: VERTICAL gap32・左右16） */
.p-transfer__station-info {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin: 16px 16px 0; /* 地図下端 1144.4 → 1160.4 */
}

/* お迎え場所の行（SP 1093:760: ピン21.8 → 9 → 見出し90 → 9 → 点線41 → 9 → 場所・上下中央 h31） */
.p-transfer__station-row {
  display: flex;
  align-items: center;
  gap: 9px;
}

.p-transfer__station-key {
  display: flex;
  flex: none;
  align-items: center;
  gap: 9px;
  height: 31px;
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 31px;
}

.p-transfer__station-icon {
  display: block;
  flex: none;
  color: var(--color-main);
}

.p-transfer__station-icon--pin {
  width: 21.8px;
  height: 27px;
}

.p-transfer__station-icon--clock {
  width: 24.5px;
  height: 24.5px;
}

.p-transfer__station-val {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px; /* 箱 h27（lh27.2 は丸め前） */
  white-space: nowrap;
}

/* 点線（Line 157: 41・1px・dash 2/2・端は四角） */
.p-transfer__dots {
  display: block;
  flex: none;
  width: 41px;
  height: 1px;
  background: repeating-linear-gradient(90deg, #525252 0 2px, transparent 2px 4px);
}

/* お迎え時間の行（SP 1093:765 は GROUP＝配置は座標: 時計24.5 → 5 → 見出し（計119.5）→ 9 → 点線（y+16）→ 9 → 時刻 152×54 中央2行） */
.p-transfer__station-row--time {
  align-items: flex-start;
  gap: 9px;
}

.p-transfer__station-row--time .p-transfer__station-key {
  gap: 5px;
}

.p-transfer__station-row--time .p-transfer__station-val {
  align-items: flex-start;
}

.p-transfer__station-row--time .p-transfer__dots {
  margin-top: 15.5px; /* 実測: 線 y1239.4（行 y1223.4＋16・1px は中心揃え） */
}

.p-transfer__station-times {
  display: block;
  width: 152px;
  text-align: center;
}

/* 注記（SP お迎え 1093:750: 16,1808 358×216・16・8行＝箱216÷8＝27・2駅目の枠 下端 1768 → 40） */
.p-transfer__note {
  width: 358px;
  min-height: 216px;
  margin: 40px 16px 0;
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
}

/* 送りの注記（SP 1093:747: 16,3155 358×62・18・2行＝箱62÷2＝31・表の下端 3115.1 → 40） */
.p-transfer__note--shuttle {
  min-height: 62px;
  font-size: 18px;
  line-height: 31px;
}

/* --- 送り先（SP: 説明下端 2466 → 50 → 見出し 2516 → 写真 2614（見出しの箱 82 の下 16）。写真は 🔁 10/16 358 幅（Figma は 287.5×177.1 中央） --- */
.p-transfer__service {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 390px;
  margin-top: 50px;
}

/* 🔁 10/16 えーちゃん「時刻表と同じ幅に」: SP は時刻表の見えている幅（x16〜374＝358・駅の写真と同じ）。高さは切り出した写真の比率 997:520 */
.p-transfer__service-photo {
  display: block;
  width: 358px;
  height: auto;
  aspect-ratio: 997/520;
  object-fit: cover;
}

/* --- 時刻表（SP 1093:627: 16,2831.1 772×284＝画面からはみ出す＝横スクロール（T-19）。
   入れ物は x16 から画面の右端まで（374）・端までスクロールした時の右の余白 16（T-30）。写真下端 2791.1 → 40
   罫線は Figma の描画結果（1倍の画素・10/9 実測）に合わせる: 0.35 の細線＝「列の間＝境目の右の画素に1px（濃さ 0.35）＝右の列の左端に描く／
   停車地の行の下＝1px #bcdde5（濃さ 0.62）／便の行どうし・外枠＝線なし」。区分行は線の色 #89ced9（列の間 0.38・下 0.26）。
   一番左の列（便）は左の線なし。PC は左の列の右端に描く（MQ・10/9 照合済みの描き方のまま） --- */
.p-transfer__table-wrap {
  position: relative;
  align-self: flex-start; /* 箱は中央揃え＝箱より広い時に中央へ寄らないよう左端基準（10/9 幅 600 で 52px 左に寄ったのを検出） */
  width: calc(374px + max(0px, (100vw - 390px) / 2)); /* 391〜768 も画面の右端までスクロールの範囲（390 と同じ見え方・T-35） */
  margin: 40px 0 0 16px;
}

.p-transfer__table-scroll {
  display: flex; /* 表の右に 16 の空き（::after）を並べる */
  overflow-x: auto;
}

/* 端までスクロールした時の右の余白 16（T-30）。入れ物の padding だと Safari（WebKit）がスクロールの範囲に含めず 0 になる（10/9 WebKit で検出）＝空きの箱で持つ */
.p-transfer__table-scroll::after {
  content: "";
  flex: none;
  width: 16px;
}

.p-transfer__table {
  flex: none;
}

.p-transfer__table {
  width: 772px;
  border-spacing: 0;
  border-collapse: separate;
  table-layout: fixed;
  font-family: "Noto Sans JP", "Noto Sans", sans-serif;
  text-align: center;
}

/* 列幅（SP 実測: 55.4 / 113 / 99.7 / 80.3 / 98.3 / 108 / 108.7 / 108.6 ＝ 772） */
.p-transfer__table-col:nth-child(1) {
  width: 55.4px;
}

.p-transfer__table-col:nth-child(2) {
  width: 113px;
}

.p-transfer__table-col:nth-child(3) {
  width: 99.7px;
}

.p-transfer__table-col:nth-child(4) {
  width: 80.3px;
}

.p-transfer__table-col:nth-child(5) {
  width: 98.3px;
}

.p-transfer__table-col:nth-child(6) {
  width: 108px;
}

.p-transfer__table-col:nth-child(7) {
  width: 108.7px;
}

.p-transfer__table-col:nth-child(8) {
  width: 108.6px;
}

.p-transfer__table th,
.p-transfer__table td {
  padding: 0;
  vertical-align: middle;
}

/* 区分行（SP h21・地 #1aaec2・白文字 Noto Sans JP 700 14（箱 h17）） */
.p-transfer__table-gh {
  height: 21px;
  background: #1aaec2;
  box-shadow: inset 1px 0 0 rgba(137, 206, 217, 0.38), inset 0 -1px 0 rgba(137, 206, 217, 0.26);
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
}

/* 停車地行（SP h55・地 #e6f5f8・文字 700 14 lh21 中央） */
.p-transfer__table-stop {
  height: 55px;
  background: #e6f5f8;
  box-shadow: inset 1px 0 0 rgba(214, 230, 235, 0.35), inset 0 -1px 0 rgba(188, 221, 229, 0.62);
  color: #224e5a;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
}

/* SP は「アウトレット発」だけ 13px（1093:646・箱 h20） */
.p-transfer__table-stop--narrow {
  font-size: 13px;
  line-height: 20px;
}

/* 便の行（SP: 5行で 208＝1行 41.6） */
.p-transfer__table-run {
  height: 41.6px;
  background: #eef7fa;
  box-shadow: none; /* 一番左の列＝左の線なし（右の線は隣の時刻セルが左端に描く） */
  color: #597c87;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}

.p-transfer__table-cell {
  height: 41.6px;
  background: #ffffff;
  box-shadow: inset 1px 0 0 rgba(214, 230, 235, 0.35);
  color: #28434c;
  font-size: 19px;
  font-weight: 400;
  line-height: 23px;
}

.p-transfer__table-row--even .p-transfer__table-cell {
  background: #f4fafc;
}

/* 一番左の列（区分の空き・「便」）は左の線なし（下線は残す） */
.p-transfer__table-group .p-transfer__table-gh:first-child {
  box-shadow: inset 0 -1px 0 rgba(137, 206, 217, 0.26);
}

.p-transfer__table-stops th:first-child {
  box-shadow: inset 0 -1px 0 rgba(188, 221, 229, 0.62);
}

.p-transfer__table-cell--pass {
  color: #7fa8b4;
  font-size: 15.9243px;
  line-height: 19px;
}

.p-transfer__table-cell--airport {
  color: #09859c;
  font-size: 19px;
  font-weight: 700;
  line-height: 23px;
}

/* 詳細度: 上の `.p-transfer__table td { padding: 0 }`（0,1,1）に負けないよう親クラスを付ける（10/9 照合で効いていなかったのを検出） */
.p-transfer__table .p-transfer__table-cell--none {
  padding-bottom: 2.77px; /* 実測: SP 1093:685 の下余白 2.77（「—」だけ少し上） */
  color: #a3b8c0;
  font-size: 15.9243px;
  line-height: 19px;
}

/* --- 横スクロールのヒント（SP 1093:738: 表の左上から 109,101 に 180×134.6・r24.2・地 #1aaec2 25%・中身 144×104.7 を中央。
   中身: 左右の矢印 66.6×19.7（34.8,0）／手 43.9×52.9（46.9,24.2）／「スクロールできます」Zen Kaku Gothic New 700 16 白（0,81.7 144×23））
   表が入れ物より広い時だけ出し（.is-scrollable）、表を動かしたら消す（.is-hint-done）。手は左右に動く（ScrollHint と同じ動き・T-19） --- */
.p-transfer__hint {
  position: absolute;
  top: 101px; /* 2932.1 − 表の上端 2831.1 */
  left: 109px; /* 125 − 16 */
  z-index: 1;
  display: none;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 134.6px;
  border-radius: 24.2px;
  background: rgba(26, 174, 194, 0.25);
  color: #ffffff;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.p-transfer__table-wrap.is-scrollable .p-transfer__hint {
  display: flex;
}

.p-transfer__table-wrap.is-hint-done .p-transfer__hint {
  opacity: 0;
  visibility: hidden;
}

.p-transfer__hint-icon {
  position: relative;
  display: block;
  width: 144px;
  height: 104.7px;
}

/* 書き出した SVG は線の太さぶん外へ広い（手: 47×56 ＝ 外形 43.9×52.9 ＋ 線 3.03 の半分ずつ）＝その分だけ左上へずらす */
.p-transfer__hint-arrows {
  position: absolute;
  top: 0;
  left: 34.8px;
  width: 67px;
  height: 20px;
}

.p-transfer__hint-hand {
  position: absolute;
  top: 22.7px; /* 24.2 − 1.5 */
  left: 45.4px; /* 46.9 − 1.5 */
  width: 47px;
  height: 56px;
}

.p-transfer__table-wrap.is-hint-play .p-transfer__hint-hand {
  animation: p-transfer-hint-swipe 1.2s ease-in-out infinite;
}

@keyframes p-transfer-hint-swipe {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-10px);
  }
  75% {
    transform: translateX(10px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .p-transfer__table-wrap.is-hint-play .p-transfer__hint-hand {
    animation: none;
  }
}
.p-transfer__hint-text {
  position: absolute;
  top: 81.7px;
  left: 0;
  width: 144px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 23px; /* 箱 h23（lh23.2 は丸め前） */
  text-align: center;
  white-space: nowrap;
}

/* --- ACCESS（SP 1093:550: 1,3307 390×1687＝x1 は 0 に揃える。送りの箱 下端 3262 → 45 → 見出し → 40 → 3館の開閉（x10 w370）） --- */
.p-transfer__access {
  width: 390px;
  margin: 45px 0 0;
  text-align: center;
}

/* ACCESS（SP 1093:552: Buenard 600 36・箱 h61） */
.p-transfer__access-en {
  margin: 0;
  font-family: "Buenard", serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 61px;
}

/* アクセス（SP 1093:553: Zen Old Mincho 700 20 lh34 #d9d9d9・ACCESS の下 3） */
.p-transfer__access-title {
  margin: 3px 0 0;
  color: #d9d9d9;
  font-family: "Zen Old Mincho", serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 34px;
}

.p-transfer__acc-list {
  margin: 40px 10px 0; /* 見出し下端 3405 → 3445 */
  text-align: left;
}

/* 閉じた見出し同士は 10（サンプラス下端 4934 → ウィング 4944） */
.p-transfer__acc + .p-transfer__acc {
  margin-top: 10px;
}

/* 見出しの帯（SP 1093:554: 370×50・左右16・space-between・地 main・館名 Noto Sans 700 22 lh30 白） */
.p-transfer__acc-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  padding: 0 16px;
  border: 0;
  background: var(--color-main);
  color: #ffffff;
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
  cursor: pointer;
}

/* ＋／− （16×16・線2px 白）。開いている時は − のみ（Figma: ニュー SP 1093:556 は横線だけ）。
   Figma SP の＋は縦線が 1px 左（1093:561）＝PC と同じ上下左右対称で描く（差1px） */
.p-transfer__acc-icon {
  position: relative;
  flex: none;
  width: 16px;
  height: 16px;
}

.p-transfer__acc-icon::before,
.p-transfer__acc-icon::after {
  content: "";
  position: absolute;
  background: #ffffff;
}

.p-transfer__acc-icon::before {
  top: 7px;
  left: 0;
  width: 16px;
  height: 2px;
}

.p-transfer__acc-icon::after {
  top: 0;
  left: 7px;
  width: 2px;
  height: 16px;
}

.p-transfer__acc.is-open .p-transfer__acc-icon::after {
  display: none;
}

/* 中身（SP 1093:568: 帯の下 16 → 写真 → 16 → 地図 → 30 → 住所 → 30 → お車…／ボタン下端 4853.6 → 次の帯 4884＝30.4（帯どうしの 10 を引いて 20.4））。
   SP の並び＝写真・地図・住所・案内（PC は「住所｜写真」「案内｜地図」の2段）＝入れ物を display:contents にして order で並べる（flex-conversion-playbook §2） */
.p-transfer__acc-body {
  display: none;
  flex-direction: column;
  gap: 30px;
  padding: 16px 0 20.4px;
}

.p-transfer__acc.is-open .p-transfer__acc-body {
  display: flex;
}

.p-transfer__acc-top,
.p-transfer__acc-bottom {
  display: contents;
}

/* 住所・電話（SP 1093:571: w370・VERTICAL gap10） */
.p-transfer__acc-addr {
  display: flex;
  flex: none;
  flex-direction: column;
  order: 3;
  gap: 10px;
  width: 370px;
}

.p-transfer__acc-sub {
  margin: 0;
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 41px;
}

/* 住所（SP 1093:573: Noto Sans JP 18・2行・箱 h68＝Figma の箱どおり上詰め） */
.p-transfer__acc-addr-text {
  min-height: 68px;
  margin: 0;
  font-family: "Noto Sans JP", "Noto Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 31px;
}

/* TEL（SP 1093:574: 箱 h20・Figma の前後の空白は入れない＝T-14） */
.p-transfer__acc-tel {
  margin: 0;
  font-family: "Noto Sans JP", "Noto Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

/* 写真（SP 1093:569: 370×142.6・PC と同じ画像・同じ切り抜き STRETCH）。地図との間は 16（中身の gap30 から 14 引く） */
.p-transfer__acc-photo {
  display: block;
  order: 1;
  width: 370px;
  height: 142.6px;
  margin-bottom: -14px;
  object-fit: fill; /* Figma STRETCH（切り抜き済みの画像をそのまま枠へ） */
}

/* 案内（SP: お車の帯 4148.6 〜 ボタン下端 4853.6・縦 gap19） */
.p-transfer__acc-text {
  display: flex;
  flex: none;
  flex-direction: column;
  order: 4;
  gap: 19px;
  width: 370px;
}

.p-transfer__acc-block {
  display: flex;
  flex-direction: column;
}

/* お車・電車の見出し（SP 1093:577: 370×41・地 #c6e8ee（＝group の bg-light）・アイコン30 → gap4 → Noto Sans 600 24・上下中央） */
.p-transfer__acc-head2 {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  background: var(--color-bg-light);
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 41px;
}

.p-transfer__acc-ico {
  display: block;
  flex: none;
  width: 30px;
  height: 30px;
}

/* ルート（SP: 見出し下端 4189.6 → 4214.6＝25・ルートどうし 10・見出し→本文 10・本文 18 箱62÷2行＝31） */
.p-transfer__acc-route {
  margin-top: 10px;
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
  font-size: 18px;
  line-height: 31px;
}

.p-transfer__acc-head2 + .p-transfer__acc-route {
  margin-top: 25px;
}

.p-transfer__acc-route-title {
  margin: 0 0 10px;
  font-weight: 500;
}

.p-transfer__acc-route-text {
  margin: 0 -17px 0 0; /* Figma の箱 387（1093:585）＝入れ物 370 より 17 広い（1行目 約382.5 が 370 では折り返す＝10/9 照合で検出） */
  font-weight: 400;
}

.p-transfer__acc-park {
  margin: 0;
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 31px;
}

/* 電車の帯（SP 1093:588: 駐車場の下端 4480.6 → 4500.1＝19.5＝gap19＋0.5）。電車の行は帯の下端 4541.1 → 4565.6＝24.5 */
.p-transfer__acc-park + .p-transfer__acc-block {
  margin-top: 0.5px;
}

.p-transfer__acc-park + .p-transfer__acc-block .p-transfer__acc-trains {
  margin-top: 24.5px;
}

/* 電車の行（SP: 見出し下端 4541.1 → 4565.6・行 h33・行どうし 8・T-12: タグ84 → 9.5 → 駅名 → 4 → 点線（伸びる）→ 2.5 → 徒歩） */
.p-transfer__acc-trains {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 350px;
  margin: 25px 0 0;
  padding: 0;
  list-style: none;
}

.p-transfer__acc-train {
  display: flex;
  align-items: flex-start;
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 31px;
}

.p-transfer__acc-tag {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 84px;
  height: 33px;
  margin-right: 9.5px;
  padding: 0 5px;
  border: 1px solid #525252;
}

.p-transfer__acc-station {
  flex: none;
}

/* 点線（Line 13/14: 1px・dash 1/3・丸）＝TOP の access と同じ描き方 */
.p-transfer__acc-rule {
  flex: 1;
  height: 1px;
  margin: 23.5px 2.5px 0 4px; /* 実測: 線 y＝行＋24 */
  background: repeating-linear-gradient(90deg, #525252 0 1px, transparent 1px 4px);
}

.p-transfer__acc-walk {
  flex: none;
}

/* 送迎バスについて（SP: 電車の下端 4639.6 → 4659.6＝20（gap19＋1）・見出し→本文 10・本文 x11 w364 箱96÷3行＝32） */
.p-transfer__acc-bus {
  margin-top: 1px;
}

.p-transfer__acc-bus-title {
  margin: 0;
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 31px;
}

.p-transfer__acc-bus-text {
  width: 364px;
  margin: 10px 0 0 1px;
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}

/* ボタン（SP 1093:607: 277.7×37・中身は左から40（余白39＋枠1）に左詰め・文字箱176 中央・本文の下 20（gap19＋1）） */
.p-transfer__acc-btn {
  justify-content: flex-start;
  background: #ffffff; /* Figma 1093:607 の地＝白（共通の c-btn-line は地なし）。ホバーは c-btn-line:hover が優先 */
  align-self: flex-start;
  width: 277.7px;
  margin-top: 1px;
}

.p-transfer__acc-btn .c-btn-line__text {
  width: 176px;
  text-align: center;
}

/* 地図（SP 1093:611: 370×270・T-7 各館 TOP と同じ埋め込み） */
.p-transfer__acc-map {
  flex: none;
  order: 2;
  width: 370px;
  height: 270px;
  background: #d9d9d9;
}

.p-transfer__acc-map iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

/* フッターの地（波の上の空き）＝このページの地 #fffef9（Figma PC 1025:4938・SP 1093:462 の上部は透明＝ページ地が見える）。
   共通の .c-footer は館のページに合わせて白（common.scss 9/18 是正）＝このページだけ上書き（p-transfer.css はこのページでしか読まれない） */
.p-transfer ~ .c-footer {
  background: #fffef9;
}

/* ==========================================================================
   PC（1025:4936・1440 台紙）。座標は「Figma の y − 110」。値は 10/9 照合済み（文字97件・部品30点・画素）＝変えない
   ========================================================================== */
@media (min-width: 769px) {
  .p-transfer__canvas {
    width: 1440px;
    padding-bottom: 160px; /* 実測: ACCESS 下端 5222.49 → フッター上端 5382.49（Figma の枠の最下部 6077.49〜6083 の 5.5 の余りは再現しない＝T-16） */
    transform: translateX(-50%) scale(var(--canvas-scale-pc));
  }
  /* 縦書きの英字（1025:4937: 回転後の外形 −31,612 204×1158・Buenard 700 127.3）。箱の左上を (−31+204, 612−110)=(173, 502) に置く */
  .p-transfer__vtext {
    z-index: auto; /* PC は白い箱の背面（1025:4937） */
    top: 502px;
    left: 173px;
    width: 1158px;
    height: 204px;
    font-size: 127.335px;
    line-height: 204px; /* 箱の高さ（lh203.7 は丸め前） */
  }
  /* FV 写真（1025:5274 1440×460 at y74）。上36px はヘッダーの下＝見えるのは y110〜534 の 424 */
  /* 🔁 10/16 えーちゃん「1440px になっているので全幅に」: 1440 より広い画面でも画面いっぱい（SP の 391〜768 と同じ作り）。
     1440 以下は台紙が画面幅に縮む＝今までどおり。高さ 424・中央で切り抜き（cover）は変えない＝広い画面では上下が少し切れる */
  .p-transfer__fv {
    width: max(100%, 100vw);
    height: 424px;
    margin-left: calc((100% - max(100%, 100vw)) / 2);
  }
  .p-transfer__fv-img {
    top: -36px; /* 実測: 写真 y74 − ヘッダー下端110 */
    height: 460px;
  }
  /* 英字 SCHEDULE（1025:5342: 56,210 1117×360・Buenard 700 212・白35%）＝写真の下端 534 より下（570）まではみ出して重なる */
  .p-transfer__fv-en {
    top: 100px; /* 210 − 110 */
    left: 56px;
    width: 1117px;
    height: 360px;
    font-size: 212px;
    line-height: 360px;
  }
  /* 案内文（1025:5272: 267,613 905×68・Noto Sans 400 20 lh34 中央） */
  .p-transfer__lead {
    width: 905px;
    min-height: 0;
    margin: 79px 0 0 267px; /* 写真下端 534 → 613 */
    font-size: 20px;
    line-height: 34px;
  }
  /* 白い箱（無料お迎えバス 1025:5223／無料送りサービス 1025:5098: x141 w1157・padding 60/80・縦 gap60） */
  .p-transfer__box {
    gap: 60px;
    width: 1157px;
    margin-left: 141px;
    padding: 60px 80px;
  }
  .p-transfer__box::before {
    content: none;
  }
  .p-transfer__box--pickup {
    align-items: center; /* Figma cross=CENTER（見出し777 を中央・駅 997） */
    margin-top: 100px; /* 案内文下端 681 → 箱 781 */
  }
  .p-transfer__box--shuttle {
    align-items: flex-start; /* 中の 1025:5099 は左揃え（見出しの入れ物 896 も左＝T-11） */
    margin-top: 69px; /* お迎えバスの箱 下端 2128 → 2197 */
  }
  /* 見出し＋説明（お迎え 1025:5224 w777／送り 1025:5100 w896＝T-11 Figma どおり） */
  .p-transfer__head {
    width: 777px;
  }
  .p-transfer__head--shuttle {
    align-self: center; /* T-11 改: Figma は箱の左揃えのため見出しだけ 50.5 左（中心 669）＝他の見出し（お迎え・ACCESS・SP 2つ）は全て中央（中心 719.5）＝Figma の設定ミスとして中央に揃える（10/9 本人確認） */
    width: 896px;
    height: 325px; /* 実測: 1025:5100 は高さ固定 325（説明下端 2517 → 入れ物の下端 2582 に 65 の空き）。中身の高さにすると 65 詰まる */
  }
  .p-transfer__title {
    font-weight: 700;
  }
  .p-transfer__title-en {
    font-family: "Buenard", serif;
  }
  .p-transfer__desc {
    /* 英字下端 939 → 999。左右 −12: 1行目が箱より長い（39字×20＝780 ＞ 777／45字×20＝900 ＞ 896）＝Chromium は句読点を詰めて収めるが
       Firefox は詰めず1行増える（作業票 9/22 Firefox の型）。改行位置は <br> で固定済み＝箱を左右均等に広げるだけ（中心は不変） */
    width: auto;
    min-height: 0;
    margin: 60px -12px 0;
    font-size: 20px;
    line-height: 34px;
  }
  .p-transfer__head--shuttle .p-transfer__desc {
    min-height: 0;
  }
  /* 小見出し（駅名・送り先: アイコン43 → gap13 → 文字 Noto Sans 700 28・箱 h48・アイコンは下揃え＝cross MAX） */
  .p-transfer__label {
    height: auto;
    padding: 0;
    font-size: 28px;
    line-height: 48px;
  }
  .p-transfer__label-icon {
    width: 43px;
    height: 43px;
  }
  .p-transfer__label--service {
    align-items: flex-end;
    gap: 13px;
    width: auto;
  }
  .p-transfer__label--service .p-transfer__label-text {
    white-space: normal;
  }
  /* 駅（1025:5229 / 5250: w997・見出し → 37 → 地図＋案内） */
  .p-transfer__station {
    width: 997px;
    height: auto;
    margin-top: 0;
  }
  .p-transfer__station-body {
    flex-direction: row;
    gap: 57.2px; /* 地図右端 674 → 案内 731.2（T-1: 2駅目も 221/731.2 に揃える） */
    margin-top: 37px;
  }
  .p-transfer__station-map {
    width: 453px;
    height: 279px;
    margin: 0;
  }
  /* 案内（1025:5235: VERTICAL gap32） */
  .p-transfer__station-info {
    margin: 0;
  }
  /* お迎え場所の行（1025:5236: ピン25 → 9 → 見出し130 → 9 → 点線41 → 9 → 場所・上下中央 h44） */
  .p-transfer__station-key {
    height: 44px;
    font-size: 26px;
    line-height: 44px;
  }
  .p-transfer__station-icon--pin {
    width: 25px;
    height: 31px;
  }
  .p-transfer__station-icon--clock {
    width: 29.5px;
    height: 29.5px;
  }
  .p-transfer__station-val {
    font-size: 24px;
    line-height: 41px; /* 箱 h41 */
  }
  /* お迎え時間の行（1025:5241 は GROUP＝配置は座標: 時計29.5 → 5 → 見出し（計164.5）→ 9.1 → 点線（y+24）→ 9 → 時刻 227×82 中央2行） */
  .p-transfer__station-row--time {
    gap: 9.1px;
  }
  .p-transfer__station-row--time .p-transfer__dots {
    margin-top: 23.5px; /* 実測: 線 y1312（行 y1288＋24・1px は中心揃え） */
  }
  .p-transfer__station-times {
    width: 227px;
  }
  /* 注記（お迎え 1025:5255: 地図下端 1915 → 1944＝29・18 lh30.6 箱124/4行＝31） */
  .p-transfer__note {
    width: 997px;
    min-height: 0;
    margin: 0;
    font-size: 18px;
    line-height: 31px;
  }
  .p-transfer__note--pickup {
    margin-top: -31px; /* 箱の gap60 から差し引いて 29（地図下端 1915 → 1944） */
  }
  .p-transfer__note--shuttle {
    width: 664px;
    white-space: nowrap; /* KENPIN_SOP 罠#41: Figma の箱 664 が文字幅ぴったり＝ブラウザでは1行落ちる。Figma も1行＝折り返さない（左揃えなので見た目は同じ） */
  }
  /* 送り先（1025:5105: 見出し → 37 → 写真 453×279） */
  .p-transfer__service {
    align-items: normal;
    gap: 37px;
    width: auto;
    margin-top: 0;
  }
  /* 🔁 10/16 えーちゃん「カンプでは片側に寄っているが時刻表と同じ幅に」＝時刻表 997（x221） */
  .p-transfer__service-photo {
    width: 997px;
  }
  /* 時刻表（1025:5111: 997×378.5・外枠 0.69 内側 #d6e6eb）
     罫線は Figma の描画結果（1倍の画素・10/9 実測）に合わせる: 0.46/0.69 の細線はブラウザでは 1px に丸まり濃く出るため、
     「列の間＝右に1px（濃さ 0.6）／停車地の行の下＝1px／便の行どうしは線なし（Figma でもほぼ見えない）／外枠＝内側1px（濃さ 0.69）」で描く */
  .p-transfer__table-wrap {
    align-self: auto;
    width: 997px;
    margin: 0;
  }
  .p-transfer__table-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    box-shadow: inset 0 0 0 1px rgba(214, 230, 235, 0.69);
    pointer-events: none;
  }
  .p-transfer__table-scroll {
    display: block;
    overflow-x: visible;
  }
  .p-transfer__table-scroll::after {
    content: none;
  }
  .p-transfer__table {
    width: 997px;
  }
  /* 列幅（Figma 実測: 73.9 / 118.2 / 132.9 / 107.1 / 131.1 / 144.0 / 144.9 / 144.9 ＝ 997） */
  .p-transfer__table-col:nth-child(1) {
    width: 73.9px;
  }
  .p-transfer__table-col:nth-child(2) {
    width: 118.2px;
  }
  .p-transfer__table-col:nth-child(3) {
    width: 132.9px;
  }
  .p-transfer__table-col:nth-child(4) {
    width: 107.1px;
  }
  .p-transfer__table-col:nth-child(5) {
    width: 131.1px;
  }
  .p-transfer__table-col:nth-child(6) {
    width: 144px;
  }
  .p-transfer__table-col:nth-child(7) {
    width: 144.9px;
  }
  .p-transfer__table-col:nth-child(8) {
    width: 144.9px;
  }
  /* 区分行（h27.7・地 #1aaec2・罫線 #89ced9 0.46 内側・白文字） */
  .p-transfer__table-gh {
    height: 27.7px;
    box-shadow: inset -1px 0 0 rgba(137, 206, 217, 0.6);
    font-size: 12.4625px;
    line-height: 15px;
  }
  /* T-2: 「各ホテル」だけ Figma が 16px（他は 12.46）＝Figma どおり */
  .p-transfer__table-gh--hotels {
    font-size: 16px;
    line-height: 19px;
  }
  /* 停車地行（h73.9・地 #e6f5f8・文字 700 14 lh21 中央） */
  .p-transfer__table-stop {
    height: 73.9px;
    box-shadow: inset -1px 0 0 rgba(214, 230, 235, 0.6), inset 0 -1px 0 #d6e6eb;
  }
  .p-transfer__table-stop--narrow {
    font-size: 14px;
    line-height: 21px;
  }
  /* 便の行（h55.4） */
  .p-transfer__table-run {
    height: 55.4px;
    box-shadow: inset -1px 0 0 rgba(214, 230, 235, 0.6);
  }
  .p-transfer__table-cell {
    height: 55.4px;
    box-shadow: inset -1px 0 0 rgba(214, 230, 235, 0.6);
    font-size: 22px;
    line-height: 26px;
  }
  /* PC は左の列の右端に線（一番左の列も右に線あり＝SP の「左の列は線なし」を戻す） */
  .p-transfer__table-group .p-transfer__table-gh:first-child {
    box-shadow: inset -1px 0 0 rgba(137, 206, 217, 0.6);
  }
  .p-transfer__table-stops th:first-child {
    box-shadow: inset -1px 0 0 rgba(214, 230, 235, 0.6), inset 0 -1px 0 #d6e6eb;
  }
  /* 一番右の列（関空 第2ターミナル）は Figma の罫線 0（1025:5135 ほか）＝列の間の線を付けない（停車地の行の下線は残す） */
  .p-transfer__table-group .p-transfer__table-gh:last-child,
  .p-transfer__table-row td:last-child {
    box-shadow: none;
  }
  .p-transfer__table-stops th:last-child {
    box-shadow: inset 0 -1px 0 #d6e6eb;
  }
  .p-transfer__table-cell--pass {
    font-size: 21.2324px;
    line-height: 25px;
  }
  .p-transfer__table-cell--airport {
    font-size: 23px;
    line-height: 28px;
  }
  .p-transfer__table .p-transfer__table-cell--none {
    padding-bottom: 3.69px; /* 実測: 1025:5169 の下余白 3.69（「—」だけ少し上） */
    font-size: 21.2324px;
    line-height: 25px;
  }
  /* 横スクロールのヒントは SP だけ（PC の表は 997 で収まる） */
  .p-transfer__table-wrap.is-scrollable .p-transfer__hint {
    display: none;
  }
  /* ACCESS（1025:5025: x170 w1100・見出し → 90 → 3館の開閉） */
  .p-transfer__access {
    width: 1100px;
    margin: 160px 0 0 170px; /* 送りの箱 下端 3595.5 → 3755.5 */
  }
  .p-transfer__access-en {
    font-size: 64px;
    line-height: 109px; /* 箱 h109 */
  }
  .p-transfer__access-title {
    font-size: 36px;
    line-height: 61px;
  }
  .p-transfer__acc-list {
    margin: 90px 0 0; /* 見出し下端 3928.5 → 4018.5 */
  }
  /* 見出しの帯（1025:5085: 1100×75・padding 20/30・space-between・地 main・館名 Noto Sans 700 26 白） */
  .p-transfer__acc-head {
    height: 75px;
    padding: 0 30px;
    font-size: 26px;
    line-height: 35px;
  }
  /* 中身（1025:5030: x212（帯の左＋42）・帯下端 4093.5 → 4148.5＝55／中身下端 5007.5 → 次の帯 5062.5＝55） */
  .p-transfer__acc-body {
    padding: 55px 0 45px 42px; /* 下は次の帯との間 55 − 帯どうしの 10 */
  }
  .p-transfer__acc.is-open .p-transfer__acc-body {
    display: block;
  }
  .p-transfer__acc-top {
    display: flex;
    align-items: flex-start;
  }
  /* 住所・電話（1025:5080: w357・VERTICAL gap10） */
  .p-transfer__acc-addr {
    order: 0;
    width: 357px;
  }
  .p-transfer__acc-addr-text {
    min-height: 0;
    font-size: 20px;
    line-height: 34px;
  }
  /* TEL（1025:5083: 箱 h20・Figma の前後の空白は入れない＝T-14） */
  .p-transfer__acc-tel {
    font-size: 20px;
  }
  /* 写真（1025:5084: 465×182 at x764＝住所の右端 569 → 195） */
  .p-transfer__acc-photo {
    order: 0;
    width: 465px;
    height: 182px;
    margin: 0 0 0 195px;
  }
  /* 下段（1025:5031: 上段下端 4330.5 → 4357.5＝27・案内 440 → gap111 → 地図 465×650） */
  .p-transfer__acc-bottom {
    display: flex;
    align-items: flex-start;
    gap: 111px;
    margin-top: 27px;
  }
  .p-transfer__acc-text {
    order: 0;
    width: 440px;
  }
  /* お車・電車の見出し（アイコン30 → gap4 → Noto Sans 600 24・h41・上下中央） */
  .p-transfer__acc-head2 {
    background: none;
  }
  /* ルート（見出し下端 4398.5 → 4423.5＝25・ルートどうし 20・見出し→本文 10） */
  .p-transfer__acc-route {
    margin-top: 20px;
  }
  .p-transfer__acc-head2 + .p-transfer__acc-route {
    margin-top: 25px;
  }
  .p-transfer__acc-route-text {
    margin-right: 0;
  }
  /* 送迎バスについて（電車の下端 4827.5 → 4846.5＝19・見出し→本文 10・本文 lh32.4 箱64/2行＝32） */
  .p-transfer__acc-park + .p-transfer__acc-block {
    margin-top: 0;
  }
  .p-transfer__acc-park + .p-transfer__acc-block .p-transfer__acc-trains {
    margin-top: 25px;
  }
  .p-transfer__acc-bus {
    margin-top: 0;
  }
  .p-transfer__acc-bus-text {
    width: 439px;
    margin: 10px 0 0;
  }
  /* ボタン（1025:5070: 276.7×37・中身は左から40（余白39＋枠1）に左詰め・文字箱175 中央） */
  .p-transfer__acc-btn {
    width: 276.7px;
    margin-top: 0;
  }
  .p-transfer__acc-btn .c-btn-line__text {
    width: 175px;
  }
  /* 地図（1025:5074: 465×650・T-7 各館 TOP と同じ埋め込み） */
  .p-transfer__acc-map {
    order: 0;
    width: 465px;
    height: 650px;
  }
}