@charset "utf-8";
/* CSS Document */
/* ［ドラ割］ずらして冬トク！関越のんびりパス */
/* https://www.driveplaza.com/etc/drawari/2026_nonbiri_kanetsu/ */

/* ▼モバイルファースト (全環境に共通のデザイン) */
/* 発着エリア色 */
.l-container .bc-shutoken1 { background-color: #e80000; color: #ffffff !important; /* 首都圏発着エリア 首都圏発着（赤） */ }
.l-container .bc-shutoken2 { background-color: #f99000; color: #ffffff !important; /* 首都圏発着エリア 川越-花園発着（オレンジ） */ }
/* style.css 見出し.c-titleH2ボーダー色上書き */
.l-container .c-titleH2 {
  border-bottom-color: #e4f3f6;
}
/* style.css テーブルスタイル拡張 配色上書き */
.l-container .c-table.winter thead th {
    background: #dff2ff;
}
.l-container .c-table.winter th {
    background: #f5fbff;
}
.l-container .c-table td.bg_20p {
    background: #ffeecc;
}
.l-container .c-table td.bg_10p {
    background: #fffeda;
}
/* ETCマイレージサービス */
.l-container .infoBoxMileage {
  border: 8px solid;
  border-image: linear-gradient(to right, #006ebc 0%, #b18bcd 50%, #006ebc 100%);
  border-image-slice: 1;
  box-shadow: 2px 2px 2px #ebebeb;
  font-size: 16px;
  font-size: 1.6rem;
  font-feature-settings: "palt";
  padding: 1.6rem;
  margin: 2.0rem 0;
}
/* ご利用方法（往路⇔復路+周遊） */
.l-container [class*="step_box_"] {
  border-style: solid;
  border-radius: 8px;
  border-width: 2px;
  font-family: "A+EqpB-游ゴシック体 Pr6N B", "游ゴシック体", YuGothic, "Yu Gothic Medium", "Yu Gothic UI", sans-serif;
  font-weight: normal !important;
  font-feature-settings: "palt";
  line-height: 1.4;
}
.l-container .step_box_ouro   { border-color: #db4949; color: #db4949; }
.l-container .step_box_fukuro { border-color: #2c72c6; color: #2c72c6; }
.l-container .step_box_shuyu  { border-color: #32A800; color: #32A800; }
.l-container .step_box_ouro .ttl   { background-color: #db4949; }
.l-container .step_box_fukuro .ttl { background-color: #2c72c6; }
.l-container .step_box_shuyu .ttl  { background-color: #32A800; }
.l-container [class*="step_box_"] .ttl {
  color: #ffffff !important;
  font-size: 20px;
  font-size: 2.0rem;
  padding: 8px;
  text-align: center;
}
.l-container [class*="step_box_"] .txt {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 16px;
}

/* コンポーネント スライダー拡張 ロゴ載せ */
.l-container .ui-sliderWrap .d-sliderWrapLogo {
  position: relative;
  display: block;
}
.l-container .ui-sliderWrap .d-sliderWrapLogo img {
  position: absolute;
  top: 0; left: 0;
  z-index: 2;
}

/* ▼タブレット～PC用として付け足すデザイン */
@media only screen and (min-width: 641px) {
    /* ETCマイレージサービス */
    .l-container .infoBoxMileage {
      border: 16px solid;
      border-image: linear-gradient(to right, #006ebc 0%, #b18bcd 50%, #006ebc 100%);
      border-image-slice: 1;
      box-shadow: 2px 2px 2px #ebebeb;
      font-size: 18px;
      font-size: 1.8rem;
      padding: 1.6rem;
      margin: 3.2rem 0;
    }
    /* ご利用方法（往路⇔復路+周遊） */
    .l-container [class*="step_box_"] {
      border-radius: 12px;
      border-width: 6px;
    }
    .l-container [class*="step_box_"] .ttl {
      font-size: 24px;
      font-size: 2.4rem;
    }
    .l-container [class*="step_box_"] .txt {
      font-size: 18px;
      font-size: 1.8rem;
    }
}