@charset "UTF-8"; /* 20250926_アンケートプレゼントラベル更新、未使用スタイル整理等 */
/* CSS Document */
/* 東北観光フリーパス https://www.driveplaza.com/etc/drawari/tohoku/ */

/* ▼モバイルファースト (全環境に共通のデザイン) */
/* 周遊エリア・首都圏発着エリア配色（2024年度更新 支社指定カラー） */
.l-container .bg-shuyu {
  background: #96C81E; /* rgb(150, 200, 30)  Contrast Ratio = 1.98 : 1  WCAG Standard AA【NG】*/
  color: #ffffff !important;
}
.l-container .bg-shutoken {
  background: #963264; /* rgb(150, 50, 100) */
  color: #ffffff !important;
}
.l-container .border-shuyu    { border: 2px solid #96C81E; }
.l-container .border-shutoken { border: 2px solid #963264; }
.l-container .fc-shuyu    { color: #96C81E !important; }
.l-container .fc-shutoken { color: #963264 !important; }

/* 各プラン配色（背景・ボーダー・テキスト） */
.l-container .bg-tohoku { background: #0A9696 !important; color: #ffffff !important; } /* 東北6県（2024年度更新 支社指定カラー） */
.l-container .bg-kita   { background: #6482C8 !important; color: #ffffff !important; } /* 北東北（2024年度更新 支社指定カラー） */
.l-container .bg-minami { background: #DC6464 !important; color: #ffffff !important; } /* 南東北（2024年度更新 支社指定カラー） */
.l-container .bg-aomori { background: #2059A7 !important; color: #ffffff !important; } /* セット青森岩手宮城（2024年9月～） */
.l-container .bg-akita  { background: #960000 !important; color: #ffffff !important; } /* セット秋田岩手宮城（2024年9月～） */
.l-container .bg-yamagata  { background: #EB7100 !important; color: #ffffff !important; } /* セット山形宮城（2025年9月～） */
.l-container .bg-fukushima { background: #DC1E51 !important; color: #ffffff !important; }  /* セット福島宮城（2025年9月～） */

.l-container .border-tohoku { border: 2px solid #0A9696; }
.l-container .border-kita   { border: 2px solid #6482C8; }
.l-container .border-minami { border: 2px solid #DC6464; }
.l-container .border-aomori { border: 2px solid #2059A7; }
.l-container .border-akita  { border: 2px solid #960000; }
.l-container .border-yamagata  { border: 2px solid #EB7100; }
.l-container .border-fukushima { border: 2px solid #DC1E51; }

.l-container .fc-tohoku { color: #0A9696 !important; }
.l-container .fc-kita   { color: #6482C8 !important; }
.l-container .fc-minami { color: #DC6464 !important; }
.l-container .fc-aomori { color: #2059A7 !important; }
.l-container .fc-akita  { color: #960000 !important; }
.l-container .fc-yamagata  { color: #EB7100 !important; }
.l-container .fc-fukushima { color: #DC1E51 !important; }

/* style.css 単体通常ボタン.c-btn 背景色上書き */
.l-container .c-btn.c-btn-bc-tohoku, 
.l-container .c-btn.c-btn-bc-tohoku:active, 
.l-container .c-btn.c-btn-bc-tohoku:hover {
  background: #0A9696; /* 東北6県 */
  color: #ffffff;
}
.l-container .c-btn.c-btn-bc-kita, 
.l-container .c-btn.c-btn-bc-kita:active, 
.l-container .c-btn.c-btn-bc-kita:hover {
  background: #6482C8; /* 北東北 */
  color: #ffffff;
}
.l-container .c-btn.c-btn-bc-minami, 
.l-container .c-btn.c-btn-bc-minami:active, 
.l-container .c-btn.c-btn-bc-minami:hover {
  background: #DC6464; /* 南東北 */
  color: #ffffff;
}
.l-container .c-btn.c-btn-bc-aomori, 
.l-container .c-btn.c-btn-bc-aomori:active, 
.l-container .c-btn.c-btn-bc-aomori:hover {
  background: #2059A7; /* セット青森岩手宮城 */
  color: #ffffff;
}
.l-container .c-btn.c-btn-bc-akita,
.l-container .c-btn.c-btn-bc-akita:active,
.l-container .c-btn.c-btn-bc-akita:hover {
  background: #960000; /* セット秋田岩手宮城 */
  color: #ffffff;
}
.l-container .c-btn.c-btn-bc-yamagata,
.l-container .c-btn.c-btn-bc-yamagata:active,
.l-container .c-btn.c-btn-bc-yamagata:hover {
  background: #EB7100; /* セット山形宮城 */
  color: #ffffff;
}
.l-container .c-btn.c-btn-bc-fukushima,
.l-container .c-btn.c-btn-bc-fukushima:active,
.l-container .c-btn.c-btn-bc-fukushima:hover {
  background: #DC1E51; /* セット福島宮城 */
  color: #ffffff;
}

/* style.css 単体通常ボタン.c-btn 配色上書き（選択時） */
.l-container .c-btn.c-btn-bc-tohoku:active:after,
.l-container .c-btn.c-btn-bc-tohoku:hover:after {
  color: #0A9696; /* 東北6県 */
}
.l-container .c-btn.c-btn-bc-kita:active:after,
.l-container .c-btn.c-btn-bc-kita:hover:after {
  color: #6482C8; /* 北東北 */
}
.l-container .c-btn.c-btn-bc-minami:active:after,
.l-container .c-btn.c-btn-bc-minami:hover:after {
  color: #DC6464; /* 南東北 */
}
.l-container .c-btn.c-btn-bc-aomori:active:after, 
.l-container .c-btn.c-btn-bc-aomori:hover:after {
  color: #2059A7; /* セット青森岩手宮城 */
}
.l-container .c-btn.c-btn-bc-akita:active:after,
.l-container .c-btn.c-btn-bc-akita:hover:after {
  color: #960000; /* セット秋田岩手宮城 */
}
.l-container .c-btn.c-btn-bc-yamagata:active:after,
.l-container .c-btn.c-btn-bc-yamagata:hover:after {
  color: #EB7100; /* セット山形宮城 */
}
.l-container .c-btn.c-btn-bc-fukushima:active:after,
.l-container .c-btn.c-btn-bc-fukushima:hover:after {
  color: #DC1E51; /* セット福島宮城 */
}

/* style.css 単体通常ボタン.c-btn ホバー時スタイル調整 */
.l-container .c-btn.c-btn-bc-tohoku:hover, 
.l-container .c-btn.c-btn-bc-kita:hover, 
.l-container .c-btn.c-btn-bc-minami:hover,
.l-container .c-btn.c-btn-bc-aomori:hover, 
.l-container .c-btn.c-btn-bc-akita:hover, 
.l-container .c-btn.c-btn-bc-yamagata:hover, 
.l-container .c-btn.c-btn-bc-fukushima:hover {
  opacity: 0.5;
}

/* style.css 単体通常ボタン.c-btnInverse 配色上書き */
.l-container .c-btnInverse.c-btn-bc-tohoku {
  background: #ffffff;
  border-color: #0A9696; /* 東北6県 */
  color: #0A9696;
}
.l-container .c-btnInverse.c-btn-bc-kita {
  background: #ffffff;
  border-color: #6482C8; /* 北東北 */
  color: #6482C8;
}
.l-container .c-btnInverse.c-btn-bc-minami {
  background: #ffffff;
  border-color: #DC6464; /* 南東北 */
  color: #DC6464;
}
.l-container .c-btnInverse.c-btn-bc-aomori {
  background: #ffffff;
  border-color: #2059A7; /* セット青森岩手宮城 */
  color: #2059A7;
}
.l-container .c-btnInverse.c-btn-bc-akita {
  background: #ffffff;
  border-color: #960000; /* セット秋田岩手宮城 */
  color: #960000;
}
.l-container .c-btnInverse.c-btn-bc-yamagata {
  background: #ffffff;
  border-color: #EB7100; /* セット山形宮城 */
  color: #EB7100;
}
.l-container .c-btnInverse.c-btn-bc-fukushima {
  background: #ffffff;
  border-color: #DC1E51; /* セット福島宮城 */
  color: #DC1E51;
}

/* style.css 単体通常ボタン.c-btnInverse 配色上書き（選択時） */
.l-container .c-btnInverse.c-btn-bc-tohoku:active, 
.l-container .c-btnInverse.c-btn-bc-tohoku:hover {
  background: #0A9696; /* 東北6県 */
  border-color: #0A9696;
  color: #ffffff;
}
.l-container .c-btnInverse.c-btn-bc-kita:active, 
.l-container .c-btnInverse.c-btn-bc-kita:hover {
  background: #6482C8; /* 北東北 */
  border-color: #6482C8;
  color: #ffffff;
}
.l-container .c-btnInverse.c-btn-bc-minami:active, 
.l-container .c-btnInverse.c-btn-bc-minami:hover {
  background: #DC6464; /* 南東北 */
  border-color: #DC6464;
  color: #ffffff;
}
.l-container .c-btnInverse.c-btn-bc-aomori:active, 
.l-container .c-btnInverse.c-btn-bc-aomori:hover {
  background: #2059A7; /* セット青森岩手宮城 */
  border-color: #2059A7;
  color: #ffffff;
}
.l-container .c-btnInverse.c-btn-bc-akita:active, 
.l-container .c-btnInverse.c-btn-bc-akita:hover {
  background: #960000; /* セット秋田岩手宮城 */
  border-color: #960000;
  color: #ffffff;
}
.l-container .c-btnInverse.c-btn-bc-yamagata:active, 
.l-container .c-btnInverse.c-btn-bc-yamagata:hover {
  background: #EB7100; /* セット山形宮城 */
  border-color: #EB7100;
  color: #ffffff;
}
.l-container .c-btnInverse.c-btn-bc-fukushima:active, 
.l-container .c-btnInverse.c-btn-bc-fukushima:hover {
  background: #DC1E51; /* セット福島宮城 */
  border-color: #DC1E51;
  color: #ffffff;
}

/* style.css 単体通常ボタン.c-btnInverse アイコン配色上書き */
.l-container .c-btnInverse.c-btn-bc-tohoku:after {
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #0A9696; /* 東北6県 */
  color: #0A9696;
}
.l-container .c-btnInverse.c-btn-bc-kita:after {
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #6482C8; /* 北東北 */
  color: #6482C8;
}
.l-container .c-btnInverse.c-btn-bc-minami:after {
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #DC6464; /* 南東北 */
  color: #DC6464;
}
.l-container .c-btnInverse.c-btn-bc-aomori:after {
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #2059A7; /* セット青森岩手宮城 */
  color: #2059A7;
}
.l-container .c-btnInverse.c-btn-bc-akita:after {
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #960000; /* セット秋田岩手宮城 */
  color: #960000;
}
.l-container .c-btnInverse.c-btn-bc-yamagata:after {
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #EB7100; /* セット山形宮城 */
  color: #EB7100;
}
.l-container .c-btnInverse.c-btn-bc-fukushima:after {
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #DC1E51; /* セット福島宮城 */
  color: #DC1E51;
}

/* style.css 単体通常ボタン.c-btnInverse アイコン配色上書き（選択時） */
.l-container .c-btnInverse.c-btn-bc-tohoku:active:after, 
.l-container .c-btnInverse.c-btn-bc-tohoku:hover:after {
  background: #0A9696; /* 東北6県 */
  box-shadow: inset 0 0 0 1px #ffffff; 
  color: #ffffff; 
}
.l-container .c-btnInverse.c-btn-bc-kita:active:after, 
.l-container .c-btnInverse.c-btn-bc-kita:hover:after {
  background: #6482C8; /* 北東北 */
  box-shadow: inset 0 0 0 1px #ffffff; 
  color: #ffffff; 
}
.l-container .c-btnInverse.c-btn-bc-minami:active:after, 
.l-container .c-btnInverse.c-btn-bc-minami:hover:after {
  background: #DC6464; /* 南東北 */
  box-shadow: inset 0 0 0 1px #ffffff; 
  color: #ffffff; 
}
.l-container .c-btnInverse.c-btn-bc-aomori:active:after, 
.l-container .c-btnInverse.c-btn-bc-aomori:hover:after {
  background: #2059A7; /* セット青森岩手宮城 */
  box-shadow: inset 0 0 0 1px #ffffff; 
  color: #ffffff; 
}
.l-container .c-btnInverse.c-btn-bc-akita:active:after, 
.l-container .c-btnInverse.c-btn-bc-akita:hover:after {
  background: #960000; /* セット秋田岩手宮城 */
  box-shadow: inset 0 0 0 1px #ffffff; 
  color: #ffffff; 
}
.l-container .c-btnInverse.c-btn-bc-yamagata:active:after, 
.l-container .c-btnInverse.c-btn-bc-yamagata:hover:after {
  background: #EB7100; /* セット山形宮城 */
  box-shadow: inset 0 0 0 1px #ffffff; 
  color: #ffffff; 
}
.l-container .c-btnInverse.c-btn-bc-fukushima:active:after, 
.l-container .c-btnInverse.c-btn-bc-fukushima:hover:after {
  background: #DC1E51; /* セット福島宮城 */
  box-shadow: inset 0 0 0 1px #ffffff; 
  color: #ffffff; 
}

/* セットプラン料金表 */
.l-container .c-tableSet {
  width: 100%;
}
.l-container .c-tableSet th, .l-container .c-tableSet td {
  padding: 6px 8px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  vertical-align: top;
  word-break: break-all;
}
.l-container .c-tableSet th {
  font-weight: bold;
}
.l-container .c-tableSet thead th {
  font-size: 18px;
  font-size: 1.8rem;
}
.l-container .c-tableSet td .price {
  font-family: "Ubuntu", "游ゴシック体", YuGothic, "Yu Gothic Medium", "Yu Gothic UI", sans-serif;
  font-style: italic;
  font-size: 20px;
  font-size: 2.0rem;
  margin-right: 0.4rem;
}
.l-container .c-tableSet.tohoku th {
  background: #dbf5f5;
  color: #0A9696;
}
.l-container .c-tableSet.aomori th {
  background: #e7f0fd;
  color: #2059A7;
}
.l-container .c-tableSet.akita th {
  background: #ffeeee;
  color: #960000;
}
.l-container .c-tableSet.yamagata th {
  background: #fff4e9;
  color: #EB7100;
}
.l-container .c-tableSet.fukushima th {
  background: #fff3f6;
  color: #DC1E51;
}
.l-container .c-tableSet.tohoku thead th {
  background: #0A9696;
  color: #ffffff;
}
.l-container .c-tableSet.aomori thead th {
  background: #2059A7;
  color: #ffffff;
}
.l-container .c-tableSet.akita thead th {
  background: #960000;
  color: #ffffff;
}
.l-container .c-tableSet.yamagata thead th {
  background: #EB7100;
  color: #ffffff;
}
.l-container .c-tableSet.fukushima thead th {
  background: #DC1E51;
  color: #ffffff;
}
.l-container .c-tableSet.tohoku td {
  color: #0A9696;
  border-bottom: 1px solid #0A9696;
}
.l-container .c-tableSet.aomori td {
  color: #2059A7;
  border-bottom: 1px solid #2059A7;
}
.l-container .c-tableSet.akita td {
  color: #960000;
  border-bottom: 1px solid #960000;
}
.l-container .c-tableSet.yamagata td {
  color: #EB7100;
  border-bottom: 1px solid #EB7100;
}
.l-container .c-tableSet.fukushima td {
  color: #DC1E51;
  border-bottom: 1px solid #DC1E51;
}

/* カレンダー /assets/css/style.css テーブルスタイル拡張（連続4日間～2日間利用可能）*/
.l-container .c-mig-calendar .calendarbox .table-calendar .border-d-03 {
  box-shadow: inset 0 0 0 3px #00a8e2;
  background: none !important;
}
.l-container .c-mig-calendarGuide .cellcolor-d-03 {
  box-shadow: inset 0 0 0 3px #00a8e2;
}
.l-container .c-mig-calendarGuide .cellcolor-d-gray {
  background: #f4f4f4;
}

/* フェリー特別割引運賃 配色 */
.l-container .bg-ferry { background-color: #23b6bd; color: #ffffff; } 
.l-container .bd-ferry { border: 2px solid #23b6bd; } 
.l-container .fc-ferry { color: #23b6bd; }

/* フェリー特別割引運賃 実施期間テーブル */
.l-container .c-table.table-ferry {
  width: 100%; border: 2px solid #00aeeb;
}
.l-container .c-table.table-ferry th, 
.l-container .c-table.table-ferry td {
  padding: 4px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  word-break: break-all;
  border: none;
}
.l-container .c-table.table-ferry caption {
  background-color: #00aeeb;
  color: #ffffff;
  font-family: "A+EqpB-游ゴシック体 Pr6N B", 游ゴシック体, YuGothic, "Yu Gothic Medium", "Yu Gothic UI", sans-serif;
  font-weight: normal !important;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 4px 8px;
}
.l-container .c-table.table-ferry th {
  background-color: #dff2fc;
  font-weight: bold;
}
.l-container .c-table.table-ferry thead th {
  background-color: #c0e5f9;
  color: #006b95;
}
.l-container .c-table.table-ferry .bd-t {
  border-top: 2px solid #00aeeb;
}
.l-container .c-table.table-ferry .bd-r {
  border-right: 2px solid #00aeeb;
}
.l-container .c-table.table-ferry .bd-t-dash {
  border-top: 2px dashed #00aeeb;
}
.l-container .c-table.table-ferry .bd-r-dash {
  border-right: 2px dashed #00aeeb;
}
.l-container .c-table.table-ferry .bd-b_blank {
  border-bottom: 4px transparent solid;
}
.l-container .c-table.table-ferry .bg-blue {
  background-color: #ecf7fd;	/* 奇数行 */
}
.l-container .c-table.table-ferry .bg-dblue {
  background-color: #dff2fc;	/* 終了時期未定 */
}
.l-container .c-table.table-ferry .bg-term {
  background-color: #5aa3c5;	/* 期間ベタ */
  color: #ffffff;
  padding: 12px;
  text-align: left !important;
}
.l-container .c-table.table-ferry .bg-gray {
  background-color: #eeeeee;
}

/* アンケートプレゼント 抽選期間ラベル */
.l-container [class^="tousen-dai"] {
  display: inline-block;
  min-width: 100px;
  margin-top: 0.5em;
  margin-right: 0.5em;
  padding: 2px 8px;
  font-size: 0.9em;
  text-align: center;
  line-height: 1.5;
  border: 1px solid gray;
  border-radius: 4px;
  color: gray;
}
.l-container .tousen-dai1 { border-color: #e96f4c; color: #e96f4c; }
.l-container .tousen-dai2 { border-color: #2bab17; color: #2bab17; }
.l-container .tousen-dai3 { border-color: #369bc7; color: #369bc7; }
.l-container .tousen-dai4 { border-color: #e01c71; color: #e01c71; }

/* アンケートプレゼント 提供元ラベル */
.l-container .teikyo-ken {
  height: 2.0em;
  width: 6.4em;
  font-size: 0.85em;
  font-family: "A+EqpB-游ゴシック体 Pr6N B", "游ゴシック体", YuGothic, "Yu Gothic Medium", "Yu Gothic UI", sans-serif;
  font-weight: normal !important;
	line-height: 2;
  text-align: center;
  border-radius: 40px;
  margin: 0 16px 8px 0;
}
.l-container .teikyo-ken.aomori   { color: #ffffff; background-color: #2059A7; }
.l-container .teikyo-ken.iwate    { color: #ffffff; background-color: #643BB0; }
.l-container .teikyo-ken.akita    { color: #ffffff; background-color: #960000; }
.l-container .teikyo-ken.yamagata { color: #ffffff; background-color: #EB7100; }
.l-container .teikyo-ken.miyagi   { color: #ffffff; background-color: #D60000; }
.l-container .teikyo-ken.fukushima { color: #ffffff; background-color: #DC1E51; }
.l-container .teikyo-ken.sapa     { color: #ffffff; background-color: green; }
.l-container .teikyo-ken.jobando  { color: #ffffff; background-color: #1D5198; } /* 常磐道10周年記念プレゼント */


/* ▼モバイルのみ付け足すデザイン */
@media all and (max-width: 767px) {
}


/* ▼タブレット用として付け足すデザイン */
@media all and (min-width: 768px) {
  /* フェリー特別割引運賃 実施期間テーブル */
  .l-container .c-table.table-ferry th, 
  .l-container .c-table.table-ferry td {
    padding: 8px 12px;
  }
  .l-container .txt-pcVertical { writing-mode: vertical-rl; }
}


/* ▼PC用として付け足すデザイン */
@media all and (min-width: 960px) {
  /* 周遊エリア・首都圏発着エリア（2024年度更新 支社指定カラー） */
  .l-container .border-shuyu {
    border: 4px solid #96C81E;
  }
  .l-container .border-shutoken {
    border: 4px solid #963264;
  }

  /* 各プラン（2024年度更新 支社指定カラー） */
  .l-container .border-tohoku { border: 4px solid #0A9696; }
  .l-container .border-kita   { border: 4px solid #6482C8; }
  .l-container .border-minami { border: 4px solid #DC6464; }

  /* セットプラン（2024年9月更新 支社指定カラー） */
  .l-container .border-aomori { border: 4px solid #2059A7; }
  .l-container .border-akita  { border: 4px solid #960000; }
  .l-container .border-yamagata  { border: 4px solid #EB7100; }
  .l-container .border-fukushima { border: 4px solid #DC1E51; }

  /* フェリー特別割引運賃 配色 */
  .l-container .bd-ferry { border: 4px solid #23b6bd; } 

  /* フェリー特別割引運賃 実施期間テーブル */
  .l-container .c-table.table-ferry th, 
  .l-container .c-table.table-ferry td {
    padding: 8px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .l-container .c-table.table-ferry caption {
    font-size: 24px;
    font-size: 2.4rem;
    padding: 8px 16px;
  }
  .l-container .txt-pcVertical { writing-mode: vertical-rl; }
}