/* ============================================================
   TRACKING — 貨物追跡（外部システムを iframe で埋め込み）
   ============================================================ */

/* 先方(ts22.jp)の追跡システムは内部950px固定の非レスポンシブ。枠の内寸が
   965px を下回ると先方のブロックが折り返して段組みが崩れる（高さ670px→1170px）
   うえ、先方側が overflow-x:hidden のため「配送状況」「配送お問い合わせ先」の
   列がクリップされて読めなくなる。
   → 共通の .page（max-width:1040px / 左右40px = 内容960px）では 5px 足りないので、
     貨物追跡のページだけ器を 1080px（内容1000px）に広げる。 */
.tracking-page .page { max-width: 1080px; }

.trk { padding-top: 72px; padding-bottom: 128px; }

.trk-block { margin-bottom: 88px; }

.trk-block:last-child { margin-bottom: 0; }

.trk__lead {
  font-size: 16px;
  line-height: 2;
  color: var(--black);
  margin-bottom: 40px;
}

/* ---- 埋め込み枠 ---- */

.trk__frame {
  position: relative;
  border: 1px solid #dde5ec;
  border-radius: 16px;
  /* 器より狭い画面ではページ全体ではなく枠の中だけを横スクロールさせる
     （折り返させるとタブレット・スマホで右2列が完全に読めなくなるため）。 */
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  background: var(--white);
}

.trk__frame iframe {
  display: block;
  width: 100%;
  /* 折り返しの閾値は実測 965px（958px で折返し発生）。余裕をみて 970px を下限にする。 */
  min-width: 970px;
  /* 折り返さない限り、先方のコンテンツ(#pageContent)は 670px 固定。
     入力欄は5行ぶん先に描画済みで、検索しても行数は増えないので高さは変わらない。
     （#pageWrap は height:100% で枠なりに伸びるだけなので高さの目安にはならない。
       現行の daiei-exp.jp/traking/ は 1000px 指定で、差の約330pxが空白になっている。）
     670px ちょうどだと丸め誤差でスクロールバーが出るため 10px だけ余裕を持たせる。 */
  height: 680px;
  border: 0;
}

.trk__note {
  margin-top: 16px;
  font-size: 13px;
  line-height: 1.9;
  color: #6b7780;
}

.trk__note a { color: var(--primary); text-decoration: underline; }

.trk__note a:hover { text-decoration: none; }

/* ---- 注意事項リスト ---- */

.trk-list {
  list-style: disc;
  padding-left: 1.4em;
}

.trk-list li {
  font-size: 16px;
  line-height: 2;
  color: var(--black);
}

@media (max-width: 768px) {
  .trk { padding-top: 48px; padding-bottom: 80px; }
  .trk-block { margin-bottom: 56px; }
  .trk__lead { font-size: 15px; line-height: 1.95; margin-bottom: 28px; }
  .trk__frame { border-radius: 12px; }
  .trk-list li { font-size: 15px; line-height: 1.95; }
}