@charset "utf-8";
/* CSS Document */
/* 新潟観光ドライブパス https://www.driveplaza.com/etc/drawari/niigata/ */

/* ▼モバイルファースト (全環境に共通のデザイン) */
/* style.css 単体通常ボタン.c-btn背景色上書き（2024追加） */
.l-container .c-btn.c-btn-bc-navy, 
.l-container .c-btn.c-btn-bc-navy:hover {
	background: #004677 !important; /* 紺色 */
	color: #ffffff;
}
.l-container .c-btn.c-btn-bc-navy:hover:after {
	color: #004677; /* 紺色 */
}
.l-container .c-btn.c-btn-bc-navy:hover {
	opacity: 0.5;
}
/* コースご利用例（2025追加） */
.l-container .CourseInner {
  font-feature-settings: "palt";
  margin-bottom: 32px;
}
.l-container .CourseTitle {
  display: inline-block;
  background-color: #2bab17;
  color: #ffffff !important;
  margin-bottom: 24px;
  padding: 8px 16px;
  border-radius: 4px;
}
.l-container .CoursePrice {
  display: block;
  background-color: #f7fff5;
  background: linear-gradient(135deg, #eaffe4, #f8fff5);
  text-align: center;
  margin: 16px auto;
  padding: 1.2rem;
  border-radius: 4px;
}
.l-container .CoursePrice [class^="PriceL"] {
  font-family: "Ubuntu", "游ゴシック体", YuGothic, "Yu Gothic Medium", "Yu Gothic UI", sans-serif;
  font-style: italic;
  font-weight: bold;
  margin-right: 8px;
}
.l-container .CoursePrice .PriceL  { font-size: 28px; font-size: 2.8rem; }
.l-container .CoursePrice .PriceLL { font-size: 32px; font-size: 3.2rem; }
.l-container .CoursePrice .PriceDrawari { margin: auto; color: #2bab17; }
.l-container .CoursePrice .PriceNormal  { margin: auto; color: gray; }
.l-container .CoursePrice .PriceOtoku {
  margin: auto;
  color: #ee0000;
  background-image: url("../../../../img/etc/drawari/niigata/bg_otoku_l.png"), url("../../../../img/etc/drawari/niigata/bg_otoku_r.png");
  background-position: 5% center, 95% center;
  background-repeat: no-repeat;
}
.l-container .bg-cyan       { background-color: #29abe2; color: #ffffff; } /* 青（新北会） */
.l-container .bg-palecyan   { background-color: #e1f3fb; background: linear-gradient(135deg, #d7f2fd, #f2f9ff); }
.l-container .bg-orange     { background-color: #f06441; color: #ffffff; } /* 橙（北信濃、はしご） */
.l-container .bg-paleorange { background-color: #fde9e4; background: linear-gradient(135deg, #ffe5df, #fff5f0); }
.l-container .bg-violet     { background-color: #a568bf; color: #ffffff; } /* 紫（赤倉） */
.l-container .bg-paleviolet { background-color: #f2eaf6; background: linear-gradient(135deg, #eae1ef, #f7f5ff); }
.l-container .fc-cyan   { color: #29abe2; } /* 青（新北会） */
.l-container .fc-orange { color: #f06441; } /* 橙（北信濃、はしご） */
.l-container .fc-violet { color: #a568bf; } /* 紫（赤倉） */

/* ▼タブレット～PC用として付け足すデザイン */
@media only screen and (min-width: 641px) {
    /* コースご利用例 PC用（2025追加） */
    .l-container .CourseInner {
      margin-bottom: 64px;
    }
    .l-container .CourseTitle {
      margin-bottom: 24px;
      padding: 8px 16px;
      border-radius: 8px;
    }
    .l-container .CoursePrice {
      margin: 24px auto;
      padding: 1.6rem;
      border-radius: 8px;
    }
    .l-container .CoursePrice .PriceL  { font-size: 32px; font-size: 3.2rem; }
    .l-container .CoursePrice .PriceLL { font-size: 40px; font-size: 4.0rem; }
    .l-container .CoursePrice .PriceOtoku {
      padding: 0 40px;
      background-position: left center, right center;
    }
}
/* end ▼タブレット～PC用として付け足すデザイン */