/* CBTS本番模試：共通土台 moshi-base.css のテーマ上書き。
   テーマ色は記事アイキャッチ（cbts.png）の実測から。
   占有率1位は淡いティール #84C4C4（44.5%）だが、白文字が2.1:1しか出ず小ボタンに使えないため、
   同じアイキャッチ内の濃いティール #336F6F（0.7%・見出し帯）を主色に採用した。
   #336F6F は白文字で5.76:1＝14pxの「次へ」ボタンでもAAを満たす。
   淡色（--m-deep-l / --m-mist）側は占有率2位の #BBE0E5（12.5%）系に寄せてある。 */
.cbts-moshi {
  --m-deep: #336F6F;
  --m-deep-d: #24504F;
  --m-deep-l: #E2F0F0;
  --m-blue: #336F6F;
  --m-blue-d: #24504F;
  --m-mist: #F2F9F9;
  --m-shade: #A9D0D0;
  --m-shadow-rgb: 36, 80, 79;
  --m-orange: #E58B12;
  --m-orange-d: #9A5700;
}

#cbts-honban-moshi,
#cbts-practice { scroll-margin-top: 88px; }

.cbts-ad-anchor {
  display: block;
  width: 0;
  height: 0;
}

/* 検査名を端末モックの下へ潜らせない。 */
.cbts-moshi .moshi-gate-kicker {
  max-width: 100%;
  white-space: normal;
}

@container (max-width: 345px) {
  .cbts-moshi .moshi-gate-kicker { font-size: 10px; }
  .cbts-moshi .moshi-intro-title { font-size: 17px; }
}

/* 表の読み取りは横に長くなるため、狭い画面では表だけ横スクロールさせる。 */
.cbts-moshi .moshi-q-text table { max-width: 100%; }
/* 330pxで見出しセルが「会/社」のように1文字ずつ折れるのを防ぐ（横スクロールで逃がす）。 */
.cbts-moshi .moshi-q-text th,
.cbts-moshi .moshi-rb-review-q th { white-space: nowrap; }
.cbts-moshi .moshi-q-text,
.cbts-moshi .moshi-rb-review-q { overflow-x: auto; }

/* 英語の長文は <em> で引用扱いにしている。斜体だと読みにくいので立体＋左罫線で見せる。 */
.cbts-moshi .moshi-q-text em,
.cbts-moshi .moshi-rb-review-q em {
  display: block;
  margin: 8px 0;
  padding: 8px 10px;
  border-left: 3px solid var(--m-shade);
  background: var(--m-mist);
  font-style: normal;
  font-size: .96em;
  line-height: 1.7;
  text-align: left;
}

/* ===== CBTS記事内広告 [ad_cbts] / [cbts_konowaka] ===== */
.cbts-ad {
  container-type: inline-size;
  color: #333;
  font-family: inherit;
}
.cbts-ad .cbts-ad-phones-link { display: block; }
.cbts-ad .cbts-ad-phones {
  display: block;
  width: 100%;
  max-width: 460px;
  height: auto;
  margin: 2px auto 12px;
}
.cbts-ad .cbts-ad-konowaka-phones {
  display: block;
  width: min(100%, 480px);
  height: auto;
  margin: 2px auto 12px;
  filter: drop-shadow(0 8px 10px rgba(94, 45, 0, .2));
}
.cbts-ad .cbts-ad-btn {
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 12px auto;
  padding: 15px 20px;
  border-radius: 10px;
  color: #fff !important;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
  text-decoration: none !important;
  box-shadow: 0 4px 0 #c75b00, 0 8px 16px rgba(94, 45, 0, .12);
  transition: transform .12s, box-shadow .12s, opacity .12s;
}
.cbts-ad .cbts-ad-btn:hover {
  color: #fff !important;
  opacity: .94;
  transform: translateY(-1px);
}
.cbts-ad .cbts-ad-btn:active {
  box-shadow: 0 1px 0 #c75b00;
  transform: translateY(3px);
}
.cbts-ad .cbts-ad-btn .fa { margin-right: 6px; }
.cbts-ad .cbts-ad-btn--light { background: #ff9902; }
/* 本番模試＝house標準の緑CTA（ミニ＝橙／模試＝緑）。テーマ色ではなく家族共通の緑で揃える。 */
.cbts-ad .cbts-ad-btn--main { background: #27a69a; box-shadow: 0 4px 0 #1c8a80, 0 8px 16px rgba(131, 24, 67, .14); }
.cbts-ad .cbts-ad-btn--main:active { box-shadow: 0 1px 0 #1c8a80; }
.cbts-ad .cbts-ad-btn-sub {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  font-weight: 600;
  opacity: .95;
}