@charset "UTF-8";
/*
********************************
HOKKAIDO LOVE！ 道トクふりーぱす 2023年度～
https://www.driveplaza.com/etc/drawari/hokkaido/
********************************
*/

/* ▼モバイルファースト (全環境に共通のデザイン) */
/* 料金表 /assets/css/style.css テーブルスタイル拡張（背景色上書き）
*/
.l-container .c-table.d-table-winter thead th {
    background: #dff2ff;
}
.l-container .c-table.d-table-winter th {
    background: #f5fbff;
}
/* カレンダー /assets/css/style.css テーブルスタイル拡張（最大6日間利用可能）
*/
.l-container .c-mig-calendar .calendarbox .table-calendar .border-d-06 {
  box-shadow: inset 0 0 0 3px #00a8e2;
}
.l-container .c-mig-calendar .calendarbox .table-calendar .border-d-05 {
  box-shadow: inset 0 0 0 3px #45b035;
}
.l-container .c-mig-calendar .calendarbox .table-calendar .border-d-04 {
  box-shadow: inset 0 0 0 3px #ff9000;
}
.l-container .c-mig-calendar .calendarbox .table-calendar .border-d-03 {
  box-shadow: inset 0 0 0 3px #eb309a;
}
.l-container .c-mig-calendar .calendarbox .table-calendar .border-d-02 {
  box-shadow: inset 0 0 0 3px #b4143b;
}
.l-container .c-mig-calendar .calendarbox .table-calendar .border-d-01 {
  box-shadow: inset 0 0 0 3px #757575;
}
.l-container .c-mig-calendar .calendarbox .table-calendar .border-d-00 {
  box-shadow: inset 0 0 0 3px #333333;
}
.l-container .c-mig-calendar .calendarbox .table-calendar .border-d-last {
  box-shadow: inset 0 0 0 3px #ee0000;
}
.l-container .c-mig-calendarGuide .cellcolor-d-06 {
  box-shadow: inset 0 0 0 3px #00a8e2;
}
.l-container .c-mig-calendarGuide .cellcolor-d-05 {
  box-shadow: inset 0 0 0 3px #45b035;
}
.l-container .c-mig-calendarGuide .cellcolor-d-04 {
  box-shadow: inset 0 0 0 3px #ff9000;
}
.l-container .c-mig-calendarGuide .cellcolor-d-03 {
  box-shadow: inset 0 0 0 3px #eb309a;
}
.l-container .c-mig-calendarGuide .cellcolor-d-02 {
  box-shadow: inset 0 0 0 3px #b4143b;
}
.l-container .c-mig-calendarGuide .cellcolor-d-01 {
  box-shadow: inset 0 0 0 3px #757575;
}
.l-container .c-mig-calendarGuide .cellcolor-d-00 {
  box-shadow: inset 0 0 0 3px #333333;
}
.l-container .c-mig-calendarGuide .cellcolor-d-last {
  box-shadow: inset 0 0 0 3px #ee0000;
}
.l-container .c-mig-calendarGuide .cellcolor-d-gray {
  background: #f4f4f4;
}
/* /assets/css/style.css 単体通常ボタンスタイル拡張 .c-btn背景色上書き */
.l-container .c-btn.c-btn-bc-dohoku, 
.l-container .c-btn.c-btn-bc-dohoku:hover {
	background: #0f90bf; /* 道北 */
	color: #ffffff;
}
.l-container .c-btn.c-btn-bc-doto, 
.l-container .c-btn.c-btn-bc-doto:hover {
	background: #078d6c; /* 道東 */
	color: #ffffff;
}
.l-container .c-btn.c-btn-bc-donan, 
.l-container .c-btn.c-btn-bc-donan:hover {
	background: #e68011; /* 道南 */
	color: #ffffff;
}
.l-container .c-btn.c-btn-bc-dohoku:hover:after {
	color: #0f90bf; /* 道北 */
}
.l-container .c-btn.c-btn-bc-doto:hover:after {
	color: #078d6c; /* 道東 */
}
.l-container .c-btn.c-btn-bc-donan:hover:after {
	color: #e68011; /* 道南 */
}
.l-container .c-btn.c-btn-bc-dohoku:hover, 
.l-container .c-btn.c-btn-bc-doto:hover, 
.l-container .c-btn.c-btn-bc-donan:hover {
	opacity: 0.5;
}
/* ご利用特典 /assets/css/style.css 見出しスタイル拡張（シーニックバイウェイ対象施設ロゴ表示）
*/
.l-container .c-titleH3.scenic, 
.l-container .c-titleH4.scenic { 
  background: url("../../../../img/etc/drawari/hokkaido/img_logo_scenic.jpg") no-repeat right top; 
  background-size: 32px 32px;
  min-height: 32px;
  padding-right: 40px;
}
/* end ▼モバイルファースト (全環境に共通のデザイン)  */

/* ▼タブレット～PC用として付け足すデザイン */
@media only screen and (min-width: 641px) {
    /* ご利用特典 /assets/css/style.css 見出しスタイル拡張（シーニックバイウェイ対象施設ロゴ表示）
    */
    .l-container .c-titleH3.scenic, 
    .l-container .c-titleH4.scenic { 
      background: url("../../../../img/etc/drawari/hokkaido/img_logo_scenic.jpg") no-repeat right top; 
      background-size: 40px 40px; 
      min-height: 40px; 
      padding-right: 48px; 
    }
}
/* end ▼タブレット～PC用として付け足すデザイン */