@charset "UTF-8";
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
	クーポン
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/* ---------------------------------------------------------
  Foundation
--------------------------------------------------------- */
*, *::before, *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

body {
  background: #fff;
  color: #3b1800;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-feature-settings: initial;
  font-feature-settings: initial;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

li {
  list-style: none;
}

img {
  border: 0;
  display: block;
  max-width: 100%;
}

a:link {
  color: #1558ce;
  text-decoration: none;
}
a:hover {
  color: #e77611;
}
a:visited {
  color: #7607f1;
}

button, input, select, textarea {
  font-family: -apple-system, BlinkMacSystemFont, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

button {
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

label,
input[type=radio],
input[type=checkbox],
input[type=button],
input[type=submit],
button {
  cursor: pointer;
}

#contents {
  color: #3b1800;
  font-family: -apple-system, BlinkMacSystemFont, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.5;
}

#contents a, #contents a:link,
.lightBox a, .lightBox a:link {
  text-decoration: none;
  color: #1558ce;
}

#contents a:visited, .lightBox a:visited {
  text-decoration: none;
  color: #7607f1;
}

#contents a:hover, .lightBox a:hover {
  text-decoration: none;
  color: #e77611;
}

#coupon_cpbn img {
  display: inline;
}

html:not(:target) #jln-rentacar,
html > body #jln-rentacar {
  font-family: -apple-system, BlinkMacSystemFont, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#jln-rentacar a:link {
  color: #1558ce;
  text-decoration: none !important;
}
#jln-rentacar a:visited {
  color: #7607f1;
  text-decoration: none !important;
}
#jln-rentacar a:hover {
  color: #e77611;
  text-decoration: none !important;
}

#jln-rentacar .couponMain {
  margin-top: 20px;
}

#jln-rentacar .coupongetSec {
  margin-bottom: 40px;
}

#jln-rentacar .coupongetWrap {
  margin-bottom: 0;
}

#jln-rentacar .searchSec {
  margin-bottom: 40px;
}

.coupongetWrap {
  background-color: #f7f5f2 !important;
  border: 5px solid #e0dbd7 !important;
  color: #3b1800 !important;
}

#jln-rentacar .couponName {
  background-color: #fce3d5;
}

#jln-rentacar .couponTable {
  border-bottom: 1px solid #e0dbd7;
  margin: 16px;
}

#jln-rentacar .couponTable th, #jln-rentacar .couponTable td {
  border-top: 1px solid #e0dbd7;
  padding: 8px;
}

#jln-rentacar .couponTable th {
  background-color: #f7f5f2;
  border-left: 1px solid #e0dbd7;
  vertical-align: top;
  white-space: nowrap;
}

#jln-rentacar .couponTable td {
  border-right: 1px solid #e0dbd7;
}

/* ---------------------------------------------------------
  Layout
--------------------------------------------------------- */
.l-siteHeader__benefits img {
  display: inline-block;
}

/* ---------------------------------------------------------
  Component
--------------------------------------------------------- */
/* Decoration Component
--------------------------------------------------------- */
/* * * * * アイコン * * * * */
.c-icon {
  width: 1em;
  height: 1em;
  fill: #e77611;
  font-size: 14px;
  vertical-align: sub;
}

.c-icon--gray {
  fill: #8f8a88;
}

.c-icon--coupon {
  width: 1em;
  height: 1em;
  fill: #fff;
  font-size: 34px;
  vertical-align: sub;
}

.p-icon__tooltip {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #2171E0;
  border-radius: 8px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #2171E0;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 14px;
  cursor: pointer;
}
.p-icon__allget1, .p-icon__allget2 {
  position: relative;
  font-family: jalan-iconfont;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: 34px;
}
.p-icon__allget1::before, .p-icon__allget2::before {
  content: '\F00F';
  color: #24aaea !important;
}
.p-allget-btn:hover .p-icon__allget1::before, .p-allget-btn:hover .p-icon__allget2::before {
  color: #50BBEE !important;
}
.p-icon__allget1::after, .p-icon__allget2::after {
  content: "\F065";
  color: #fff;
}
.p-icon__allget1 {
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
  top: 0;
  left: 26px;
  z-index: 1;
}
.p-icon__allget2::after {
  top: 9px;
}

/* * * * * ボタン * * * * */
/* プライマリーボタン */
.c-btn--primary {
  display: inline-block;
  padding: 5px;
  border: 1px solid #2171e0;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-gradient(linear, left top, left bottom, from(#38affc), to(#0174e7));
  background: linear-gradient(to bottom, #38affc, #0174e7);
  color: #fff !important;
  text-align: center;
  text-decoration: none;
}
.c-btn--primary:visited {
  color: #fff !important;
}

/* ノーマリーボタン */
.c-btn--normaly {
  display: inline-block;
  padding: 5px;
  border: 1px solid #938c89;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e9e4e4));
  background: linear-gradient(to bottom, #fefefe, #e9e4e4);
  color: #3b1800 !important;
  text-align: center;
  text-decoration: none;
}
.c-btn--normaly:visited {
  color: #3b1800 !important;
}

.p-btn--couponget {
  display: inline-block;
  padding: 5px;
  border-radius: 4px;
  border: 1px solid #2171e0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-gradient(linear, left top, left bottom, from(#38affc), to(#0174e7));
  background: linear-gradient(to bottom, #38affc, #0174e7);
  color: #fff !important;
  text-align: center;
  text-decoration: none !important;
  width: 200px;
  font-size: 14px;
  font-weight: bold;
}
.p-btn--couponget:hover {
  border: 1px solid #3E99EB;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-gradient(linear, left top, left bottom, from(#1181E7), to(#3050D3));
  background: linear-gradient(to bottom, #1181E7, #3050D3);
  text-decoration: none !important;
}
.p-btn--couponget:active {
  border: 1px solid #137DE5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-gradient(linear, left top, left bottom, from(#2189E6), to(#2268DC));
  background: linear-gradient(to bottom, #2189E6, #2268DC);
  text-decoration: none !important;
}
.p-btn--couponget:visited {
  color: #fff !important;
}

.p-btn--search {
  display: inline-block;
  padding: 5px;
  border-radius: 4px;
  border: 1px solid #2171e0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-gradient(linear, left top, left bottom, from(#38affc), to(#0174e7));
  background: linear-gradient(to bottom, #38affc, #0174e7);
  color: #fff !important;
  text-align: center;
  text-decoration: none !important;
  padding: 5px !important;
  width: 200px;
  font-size: 16px !important;
}
.p-btn--search:hover {
  border: 1px solid #3E99EB;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-gradient(linear, left top, left bottom, from(#1181E7), to(#3050D3));
  background: linear-gradient(to bottom, #1181E7, #3050D3);
  text-decoration: none !important;
}
.p-btn--search:active {
  border: 1px solid #137DE5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-gradient(linear, left top, left bottom, from(#2189E6), to(#2268DC));
  background: linear-gradient(to bottom, #2189E6, #2268DC);
  text-decoration: none !important;
}
.p-btn--search:visited {
  color: #fff !important;
}

.p-btn--disable {
  display: inline-block;
  padding: 5px;
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#D3D3D3));
  background: linear-gradient(to bottom, #eee, #D3D3D3);
  color: #999 !important;
  text-align: center;
  text-decoration: none;
  cursor: default !important;
  width: 200px;
  font-size: 14px;
  font-weight: bold;
}

/* * * * * 矢印 * * * * */
/* Function Component
--------------------------------------------------------- */
/* ---------------------------------------------------------
  Page
--------------------------------------------------------- */
.p-sticky-panel {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
  padding: 16px 0;
  width: 100%;
  border-top: 1px solid #ccc;
  background-color: #fff;
}

.p-back-btn {
  display: inline-block;
  padding: 5px;
  border: 1px solid #938c89;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e9e4e4));
  background: linear-gradient(to bottom, #fefefe, #e9e4e4);
  color: #3b1800 !important;
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: bold;
  width: 280px;
  height: 60px;
  line-height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.p-back-btn:hover {
  border: 1px solid #938C89;
  background: -webkit-gradient(linear, left top, left bottom, from(#F4F0EF), to(#DDD6D3));
  background: linear-gradient(to bottom, #F4F0EF, #DDD6D3);
  color: #3b1800 !important;
  text-decoration: none !important;
}
.p-back-btn:visited {
  color: #3b1800 !important;
}

.p-allget-btn {
  width: 400px;
  height: 60px;
  line-height: 60px;
  border-radius: 4px;
  background: #24aaea;
  color: #fff !important;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.p-allget-btn:hover {
  background: #50BBEE;
  color: #fff !important;
}

.p-filtering {
  margin-top: 20px;
  padding: 16px 20px;
  background: #f7f5f2;
}
.p-filtering__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}
.p-filtering__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.p-filtering__item:last-of-type {
  border: none;
}
.p-filtering__term {
  min-width: 136px;
  color: #5b4843;
  font-size: 14px;
  font-weight: bold;
}
.p-filtering-open {
  position: relative;
  margin: 0 10px;
  padding: 12px 10px;
  border: 1px solid #bcb6b3;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
}
.p-filtering-open::after {
  content: "\F05D";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10px;
  font-family: jalan-iconfont;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  width: 1em;
  height: 1em;
  color: #918b8a;
  font-size: 16px;
}
.p-filtering__clear {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #bcb6b3;
  text-align: right;
}
.p-filtering__clear__btn {
  color: #1558ce;
  font-size: 14px;
  cursor: pointer;
}
.p-filtering__clear__btn:hover {
  color: #e77611;
}

.p-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 8px;
  width: 284px;
  border: 1px solid #bcb6b3;
  border-radius: 4px;
  background: #fff;
  color: #3b1800;
  font-size: 14px !important;
  cursor: pointer;
}
.p-select__arrow {
  position: relative;
  width: 284px;
}
.p-select__arrow::after {
  content: "\F05B";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 8px;
  font-family: jalan-iconfont;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  width: 1em;
  height: 1em;
  color: #918b8a;
  font-size: 16px;
  pointer-events: none;
}

.p-checkbox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
}
.p-checkbox::before {
  content: '';
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  margin: 0 4px 0 0;
  min-width: 16px;
  width: 16px;
  height: 16px;
  border: 2px solid #bcb6b3;
  border-radius: 2px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}
.p-checkbox--hidden {
  display: none;
}
.p-checkbox--hidden:checked + .p-checkbox::before {
  position: relative;
  border: 2px solid #e77611 !important;
  background: #e77611;
}
.p-checkbox--hidden:checked + .p-checkbox::after {
  content: '';
  position: absolute;
  left: 5px;
  width: 10px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(135deg) translateY(50%);
  transform: rotate(135deg) translateY(50%);
}
.p-checkbox__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px 16px;
}

.p-showhits {
  margin-top: 20px;
  font-size: 14px;
}
.p-showhits__number {
  margin: 0 4px;
  color: #e77611;
  font-size: 18px;
  font-weight: bold;
}

.is-nohit {
  font-size: 14px;
  text-align: center;
}

/* * * 見出し * * */
.p-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #3b1800;
  font-size: 24px;
  font-weight: bold;
  margin-top: 40px !important;
}
.p-heading--coupon-get {
  font-size: 16px !important;
  font-weight: bold !important;
  margin-top: 0 !important;
}
.p-heading--coupon-get::before {
  height: 24px;
}
.p-coupon-category:first-of-type .p-heading {
  margin-top: 20px !important;
}
.p-heading::before {
  content: '';
  margin: 0 8px 0 0;
  height: 28px;
  border: 2px solid #e77611;
  border-radius: 2px;
}

.p-icon--ribon {
  display: inline-block;
  margin-bottom: -2px;
  padding: 4px 0 0;
  width: 0;
  height: 0;
  border: 10px solid #B2881B;
  border-bottom: 10px solid transparent;
}

/* * * クーポンカセット * * */
.is-hide {
  display: none !important;
}

.p-couponWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px 10px;
}

.p-coupon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 12px;
  width: 310px;
  border: 4px solid #e77611;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.p-coupon--limited {
  border: 4px solid #ba8c00;
}
.p-coupon__emphasis {
  margin: 0 10px 4px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
}
.p-coupon__inner {
  margin: 0;
  width: 100%;
}
.p-coupon__title {
  margin: 0 0 12px;
  padding: 0 0 12px;
  width: 100%;
  border-bottom: 2px solid #e77611;
  line-height: 1;
}
:is(.p-coupon--limited) .p-coupon__title {
  border-bottom: 2px solid #ba8c00;
}
.p-coupon__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #e77611;
  font-size: 50px;
  font-weight: bold;
}
:is(.p-coupon--limited) .p-coupon__price {
  color: #ba8c00;
}
.p-coupon__price__text {
  margin-left: 5px;
  font-size: 18px;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
.p-coupon__data {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}
.p-coupon__explain {
  font-size: 12px;
}

.p-coupon-toggle {
  width: 100%;
}
.p-coupon-toggle__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #1558ce;
  font-size: 12px;
  list-style: none;
  cursor: pointer;
}
.p-coupon-toggle__label:hover {
  opacity: .7;
}
.p-coupon-toggle__label::-webkit-details-marker {
  display: none;
}
.p-coupon-toggle__label::after {
  font-family: jalan-iconfont;
  content: '\F05B';
  display: block;
  margin-left: 4px;
  width: auto;
  height: auto;
  background: none;
  background-size: auto;
  color: #918b8a;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  position: relative;
}
.p-coupon-toggle[open] .p-coupon-toggle__label::after {
  content: '\F05E';
}

.p-attention__item {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 10px;
}

.p-coupon-empty {
  width: 310px;
}
.p-coupon-empty__img {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.is-couponAcquired {
  position: absolute;
  top: -16px;
  left: -16px;
  width: 310px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 900;
}
.is-couponAcquired__icon {
  background: #fff;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.is-couponAcquired__text {
  position: relative;
  top: 50%;
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* * * 配布終了時 * * */
.is-couponClose {
  position: absolute;
  top: -16px;
  left: -16px;
  width: 310px;
  background: rgba(204, 204, 204, 0.7);
  z-index: 900;
}
.is-couponClose__text {
  position: relative;
  top: 50%;
  color: #5b4843;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.p-modal--error {
  display: block;
}
.p-modal__content {
  margin: 20px 0;
  width: 780px;
  height: auto;
  max-height: calc(100% - 40px);
  background-color: #fff;
  border-radius: 4px;
}
.p-modal__content__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.p-modal__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px;
}
.p-modal__title {
  font-size: 20px;
  font-weight: bold;
}
.p-modal__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100vh - 40px - 70px);
  padding-bottom: 20px;
}
.p-modal__scrollarea {
  font-size: 12px;
  padding: 0 20px;
  width: 100%;
  overflow-y: auto;
}
.p-modal .p-error {
  margin: 0 !important;
  padding: 24px 0 !important;
  width: auto;
  border: none;
  border-radius: initial;
  color: #ca1738;
  font-size: 14px;
  text-align: center;
}

.is-invalid {
  height: 100%;
  width: 100%;
  position: fixed;
}

.p-reload-btn {
  font-size: 16px;
  font-weight: bold;
  width: 340px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 24px auto 0;
}

.p-get-text {
  text-align: center;
  background-color: #fbf4ea;
  padding: 20px;
}

.p-get-alert {
  color: #ca1738;
  font-size: 14px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 24px 0;
  padding: 16px;
  border: 2px solid #ca1738;
  border-radius: 4px;
}

.p-get-coupon {
  border: 1px solid #bcb6b3;
  padding: 20px;
}
.p-get-coupon__detail {
  font-size: 12px;
  border-top: 1px solid #e0dbd7;
  border-bottom: 1px solid #e0dbd7;
  margin-top: 16px;
}
.p-get-coupon__detail__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-get-coupon__detail__line:not(:first-child) {
  border-top: 1px solid #e0dbd7;
}
.p-get-coupon__detail__title {
  font-weight: bold;
  width: 160px;
  background-color: #f7f5f2;
  padding: 8px;
}
.p-get-coupon__detail__data {
  width: calc(100% - 160px);
  padding: 8px;
}

.p-how-to-coupon__item {
  border-top: 1px solid #e0dbd7;
  margin-top: 10px !important;
  padding-top: 8px !important;
}
.p-how-to-coupon__item:last-child {
  border-bottom: 1px solid #e0dbd7;
  padding-bottom: 10px !important;
}
.p-how-to-coupon__item:last-child .p-how-to-coupon__step::after {
  content: none;
}
.p-how-to-coupon__step {
  color: #e77611;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  background-color: #f4eee8;
  width: 120px;
  padding-top: 5px !important;
  position: relative;
}
.p-how-to-coupon__step::after {
  content: '';
  width: 120px;
  height: 50px;
  background-color: #f4eee8;
  -webkit-clip-path: polygon(50% 50px, 0% 0%, 120px 0%);
  clip-path: polygon(50% 50px, 0% 0%, 120px 0%);
  position: absolute;
  bottom: -50px;
  left: 0;
}
.p-how-to-coupon__description {
  color: #e77611;
  font-size: 16px !important;
  font-weight: bold !important;
  width: calc(100% - 120px);
  padding: 10px 16px 0 !important;
}
.p-how-to-coupon__notes {
  font-size: 14px;
  margin-top: 8px !important;
}
.p-how-to-coupon__notes__item {
  text-indent: -1em;
  padding-left: 1em !important;
}

.p-error {
  margin: auto !important;
  padding: 6px 10px !important;
  width: 610px;
  border: 2px solid #ca1738;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.p-error__item {
  position: relative;
  padding: 2px 0 2px 20px !important;
  color: #ca1738;
  font-size: 14px;
}

.p-error__icon {
  position: absolute;
  top: 2px;
  left: 0;
}

.p-icon--errorAlert {
  width: 1em;
  height: 1em;
  fill: #ca1738;
  font-size: 14px;
  vertical-align: sub;
  font-size: 14px;
}

.p-coupon.limited {
  border: 2px #bf863c solid;
}

.p-coupon.limited::before {
  background: #bf863c;
}

.p-coupon.limited .p-coupon__title {
  border-bottom: 2px #bf863c solid;
}

.p-coupon.limited .p-price {
  color: #bf863c;
}

.p-coupon.limited .p-price__text {
  color: #bf863c;
}

.p-stage__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  margin-bottom: 8px;
}
.p-stage__item {
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
  line-height: 20px;
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.p-stage__item--bronze {
  background: #c7713e;
}
.p-stage__item--silver {
  background: #929ba0;
}
.p-stage__item--gold {
  background: #ba8c00;
}

.p-bnr__wrap {
  margin: -12px 0 16px !important;
}

/* ---------------------------------------------------------
  Utility
--------------------------------------------------------- */
/* position - utility
--------------------------------------------------------- */
.u-p-r {
  position: relative !important;
}

.u-p-a {
  position: absolute !important;
}

.u-p-f {
  position: fixed !important;
}

/* top */
.u-t-0 {
  top: 0 !important;
}

/* right */
.u-r-0 {
  right: 0 !important;
}

/* bottom */
/* left */
/* display - utility
--------------------------------------------------------- */
.u-d-n {
  display: none !important;
}

.u-d-b {
  display: block !important;
}

.u-d-i {
  display: inline !important;
}

.u-d-ib {
  display: inline-block !important;
}

.u-d-tb {
  display: table !important;
}

.u-d-tbc {
  display: table-cell !important;
}

/* Flex - utility
--------------------------------------------------------- */
.u-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.u-flex-start {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.u-flex-between {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.u-flex-around {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.u-flex-center {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.u-flex-align-center {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.u-ai-c {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

/* float - utility
--------------------------------------------------------- */
.u-fl-l {
  float: left !important;
}

.u-fl-r {
  float: right !important;
}

.u-fl-n {
  float: none !important;
}

/* overflow - utility
--------------------------------------------------------- */
.u-of-h {
  overflow: hidden !important;
}

/* margin - utility
--------------------------------------------------------- */
/* auto margin */
.u-m-c {
  margin-right: auto !important;
  margin-left: auto !important;
}

.u-ml-auto {
  margin-left: auto !important;
}

/* margin */
.u-m-0 {
  margin: 0 !important;
}

.u-m-10 {
  margin: 10px !important;
}

/* margin-top */
.u-mt-0 {
  margin-top: 0px !important;
}

.u-mt-1 {
  margin-top: 1px !important;
}

.u-mt-2 {
  margin-top: 2px !important;
}

.u-mt-3 {
  margin-top: 3px !important;
}

.u-mt-4 {
  margin-top: 4px !important;
}

.u-mt-5 {
  margin-top: 5px !important;
}

.u-mt-6 {
  margin-top: 6px !important;
}

.u-mt-7 {
  margin-top: 7px !important;
}

.u-mt-8 {
  margin-top: 8px !important;
}

.u-mt-9 {
  margin-top: 9px !important;
}

.u-mt-10 {
  margin-top: 10px !important;
}

.u-mt-12 {
  margin-top: 12px !important;
}

.u-mt-15 {
  margin-top: 15px !important;
}

.u-mt-16 {
  margin-top: 16px !important;
}

.u-mt-20 {
  margin-top: 20px !important;
}

.u-mt-24 {
  margin-top: 24px !important;
}

.u-mt-25 {
  margin-top: 25px !important;
}

.u-mt-30 {
  margin-top: 30px !important;
}

.u-mt-32 {
  margin-top: 32px !important;
}

.u-mt-40 {
  margin-top: 40px !important;
}

.u-mt-50 {
  margin-top: 50px !important;
}

.u-mt-60 {
  margin-top: 60px !important;
}

/* margin-right */
.u-mr-0 {
  margin-right: 0px !important;
}

.u-mr-1 {
  margin-right: 1px !important;
}

.u-mr-2 {
  margin-right: 2px !important;
}

.u-mr-3 {
  margin-right: 3px !important;
}

.u-mr-4 {
  margin-right: 4px !important;
}

.u-mr-5 {
  margin-right: 5px !important;
}

.u-mr-6 {
  margin-right: 6px !important;
}

.u-mr-7 {
  margin-right: 7px !important;
}

.u-mr-8 {
  margin-right: 8px !important;
}

.u-mr-9 {
  margin-right: 9px !important;
}

.u-mr-10 {
  margin-right: 10px !important;
}

.u-mr-12 {
  margin-right: 12px !important;
}

.u-mr-15 {
  margin-right: 15px !important;
}

.u-mr-16 {
  margin-right: 16px !important;
}

.u-mr-20 {
  margin-right: 20px !important;
}

.u-mr-24 {
  margin-right: 24px !important;
}

.u-mr-25 {
  margin-right: 25px !important;
}

.u-mr-30 {
  margin-right: 30px !important;
}

.u-mr-32 {
  margin-right: 32px !important;
}

.u-mr-40 {
  margin-right: 40px !important;
}

.u-mr-50 {
  margin-right: 50px !important;
}

.u-mr-60 {
  margin-right: 60px !important;
}

/* margin-bottom */
.u-mb-0 {
  margin-bottom: 0px !important;
}

.u-mb-1 {
  margin-bottom: 1px !important;
}

.u-mb-2 {
  margin-bottom: 2px !important;
}

.u-mb-3 {
  margin-bottom: 3px !important;
}

.u-mb-4 {
  margin-bottom: 4px !important;
}

.u-mb-5 {
  margin-bottom: 5px !important;
}

.u-mb-6 {
  margin-bottom: 6px !important;
}

.u-mb-7 {
  margin-bottom: 7px !important;
}

.u-mb-8 {
  margin-bottom: 8px !important;
}

.u-mb-9 {
  margin-bottom: 9px !important;
}

.u-mb-10 {
  margin-bottom: 10px !important;
}

.u-mb-12 {
  margin-bottom: 12px !important;
}

.u-mb-15 {
  margin-bottom: 15px !important;
}

.u-mb-16 {
  margin-bottom: 16px !important;
}

.u-mb-20 {
  margin-bottom: 20px !important;
}

.u-mb-24 {
  margin-bottom: 24px !important;
}

.u-mb-25 {
  margin-bottom: 25px !important;
}

.u-mb-30 {
  margin-bottom: 30px !important;
}

.u-mb-32 {
  margin-bottom: 32px !important;
}

.u-mb-40 {
  margin-bottom: 40px !important;
}

.u-mb-50 {
  margin-bottom: 50px !important;
}

.u-mb-60 {
  margin-bottom: 60px !important;
}

/* margin-left */
.u-ml-0 {
  margin-left: 0px !important;
}

.u-ml-1 {
  margin-left: 1px !important;
}

.u-ml-2 {
  margin-left: 2px !important;
}

.u-ml-3 {
  margin-left: 3px !important;
}

.u-ml-4 {
  margin-left: 4px !important;
}

.u-ml-5 {
  margin-left: 5px !important;
}

.u-ml-6 {
  margin-left: 6px !important;
}

.u-ml-7 {
  margin-left: 7px !important;
}

.u-ml-8 {
  margin-left: 8px !important;
}

.u-ml-9 {
  margin-left: 9px !important;
}

.u-ml-10 {
  margin-left: 10px !important;
}

.u-ml-12 {
  margin-left: 12px !important;
}

.u-ml-15 {
  margin-left: 15px !important;
}

.u-ml-16 {
  margin-left: 16px !important;
}

.u-ml-20 {
  margin-left: 20px !important;
}

.u-ml-24 {
  margin-left: 24px !important;
}

.u-ml-25 {
  margin-left: 25px !important;
}

.u-ml-30 {
  margin-left: 30px !important;
}

.u-ml-32 {
  margin-left: 32px !important;
}

.u-ml-40 {
  margin-left: 40px !important;
}

.u-ml-50 {
  margin-left: 50px !important;
}

.u-ml-60 {
  margin-left: 60px !important;
}

/* padding - utility
--------------------------------------------------------- */
/* padding */
.u-p-0 {
  padding: 0 !important;
}

.u-p-10 {
  padding: 10px !important;
}

/* padding-top */
.u-pt-0 {
  padding-top: 0px !important;
}

.u-pt-1 {
  padding-top: 1px !important;
}

.u-pt-2 {
  padding-top: 2px !important;
}

.u-pt-3 {
  padding-top: 3px !important;
}

.u-pt-4 {
  padding-top: 4px !important;
}

.u-pt-5 {
  padding-top: 5px !important;
}

.u-pt-6 {
  padding-top: 6px !important;
}

.u-pt-7 {
  padding-top: 7px !important;
}

.u-pt-8 {
  padding-top: 8px !important;
}

.u-pt-9 {
  padding-top: 9px !important;
}

.u-pt-10 {
  padding-top: 10px !important;
}

.u-pt-11 {
  padding-top: 11px !important;
}

.u-pt-12 {
  padding-top: 12px !important;
}

.u-pt-13 {
  padding-top: 13px !important;
}

.u-pt-14 {
  padding-top: 14px !important;
}

.u-pt-15 {
  padding-top: 15px !important;
}

.u-pt-16 {
  padding-top: 16px !important;
}

.u-pt-17 {
  padding-top: 17px !important;
}

.u-pt-18 {
  padding-top: 18px !important;
}

.u-pt-19 {
  padding-top: 19px !important;
}

.u-pt-20 {
  padding-top: 20px !important;
}

.u-pt-24 {
  padding-top: 24px !important;
}

.u-pt-30 {
  padding-top: 30px !important;
}

.u-pt-32 {
  padding-top: 32px !important;
}

.u-pt-40 {
  padding-top: 40px !important;
}

/* padding-right */
.u-pr-0 {
  padding-right: 0px !important;
}

.u-pr-1 {
  padding-right: 1px !important;
}

.u-pr-2 {
  padding-right: 2px !important;
}

.u-pr-3 {
  padding-right: 3px !important;
}

.u-pr-4 {
  padding-right: 4px !important;
}

.u-pr-5 {
  padding-right: 5px !important;
}

.u-pr-6 {
  padding-right: 6px !important;
}

.u-pr-7 {
  padding-right: 7px !important;
}

.u-pr-8 {
  padding-right: 8px !important;
}

.u-pr-9 {
  padding-right: 9px !important;
}

.u-pr-10 {
  padding-right: 10px !important;
}

.u-pr-11 {
  padding-right: 11px !important;
}

.u-pr-12 {
  padding-right: 12px !important;
}

.u-pr-13 {
  padding-right: 13px !important;
}

.u-pr-14 {
  padding-right: 14px !important;
}

.u-pr-15 {
  padding-right: 15px !important;
}

.u-pr-16 {
  padding-right: 16px !important;
}

.u-pr-17 {
  padding-right: 17px !important;
}

.u-pr-18 {
  padding-right: 18px !important;
}

.u-pr-19 {
  padding-right: 19px !important;
}

.u-pr-20 {
  padding-right: 20px !important;
}

.u-pr-24 {
  padding-right: 24px !important;
}

.u-pr-30 {
  padding-right: 30px !important;
}

.u-pr-32 {
  padding-right: 32px !important;
}

.u-pr-40 {
  padding-right: 40px !important;
}

/* padding-bottom */
.u-pb-0 {
  padding-bottom: 0px !important;
}

.u-pb-1 {
  padding-bottom: 1px !important;
}

.u-pb-2 {
  padding-bottom: 2px !important;
}

.u-pb-3 {
  padding-bottom: 3px !important;
}

.u-pb-4 {
  padding-bottom: 4px !important;
}

.u-pb-5 {
  padding-bottom: 5px !important;
}

.u-pb-6 {
  padding-bottom: 6px !important;
}

.u-pb-7 {
  padding-bottom: 7px !important;
}

.u-pb-8 {
  padding-bottom: 8px !important;
}

.u-pb-9 {
  padding-bottom: 9px !important;
}

.u-pb-10 {
  padding-bottom: 10px !important;
}

.u-pb-11 {
  padding-bottom: 11px !important;
}

.u-pb-12 {
  padding-bottom: 12px !important;
}

.u-pb-13 {
  padding-bottom: 13px !important;
}

.u-pb-14 {
  padding-bottom: 14px !important;
}

.u-pb-15 {
  padding-bottom: 15px !important;
}

.u-pb-16 {
  padding-bottom: 16px !important;
}

.u-pb-17 {
  padding-bottom: 17px !important;
}

.u-pb-18 {
  padding-bottom: 18px !important;
}

.u-pb-19 {
  padding-bottom: 19px !important;
}

.u-pb-20 {
  padding-bottom: 20px !important;
}

.u-pb-24 {
  padding-bottom: 24px !important;
}

.u-pb-30 {
  padding-bottom: 30px !important;
}

.u-pb-32 {
  padding-bottom: 32px !important;
}

.u-pb-40 {
  padding-bottom: 40px !important;
}

/* padding-left */
.u-pl-0 {
  padding-left: 0px !important;
}

.u-pl-1 {
  padding-left: 1px !important;
}

.u-pl-2 {
  padding-left: 2px !important;
}

.u-pl-3 {
  padding-left: 3px !important;
}

.u-pl-4 {
  padding-left: 4px !important;
}

.u-pl-5 {
  padding-left: 5px !important;
}

.u-pl-6 {
  padding-left: 6px !important;
}

.u-pl-7 {
  padding-left: 7px !important;
}

.u-pl-8 {
  padding-left: 8px !important;
}

.u-pl-9 {
  padding-left: 9px !important;
}

.u-pl-10 {
  padding-left: 10px !important;
}

.u-pl-11 {
  padding-left: 11px !important;
}

.u-pl-12 {
  padding-left: 12px !important;
}

.u-pl-13 {
  padding-left: 13px !important;
}

.u-pl-14 {
  padding-left: 14px !important;
}

.u-pl-15 {
  padding-left: 15px !important;
}

.u-pl-16 {
  padding-left: 16px !important;
}

.u-pl-17 {
  padding-left: 17px !important;
}

.u-pl-18 {
  padding-left: 18px !important;
}

.u-pl-19 {
  padding-left: 19px !important;
}

.u-pl-20 {
  padding-left: 20px !important;
}

.u-pl-24 {
  padding-left: 24px !important;
}

.u-pl-30 {
  padding-left: 30px !important;
}

.u-pl-32 {
  padding-left: 32px !important;
}

.u-pl-40 {
  padding-left: 40px !important;
}

/* width - utility
--------------------------------------------------------- */
.u-w-25p {
  width: 25% !important;
}

.u-w-45p {
  width: 45% !important;
}

.u-w-50p {
  width: 50% !important;
}

.u-w-75p {
  width: 75% !important;
}

.u-w-100p {
  width: 100% !important;
}

.u-w-10 {
  width: 10px !important;
}

.u-w-20 {
  width: 20px !important;
}

.u-w-30 {
  width: 30px !important;
}

.u-w-40 {
  width: 40px !important;
}

.u-w-50 {
  width: 50px !important;
}

.u-w-60 {
  width: 60px !important;
}

.u-w-70 {
  width: 70px !important;
}

.u-w-80 {
  width: 80px !important;
}

.u-w-90 {
  width: 90px !important;
}

.u-w-100 {
  width: 100px !important;
}

.u-w-110 {
  width: 110px !important;
}

.u-w-120 {
  width: 120px !important;
}

.u-w-130 {
  width: 130px !important;
}

.u-w-140 {
  width: 140px !important;
}

.u-w-150 {
  width: 150px !important;
}

.u-w-160 {
  width: 160px !important;
}

.u-w-170 {
  width: 170px !important;
}

.u-w-180 {
  width: 180px !important;
}

.u-w-190 {
  width: 190px !important;
}

.u-w-200 {
  width: 200px !important;
}

.u-w-210 {
  width: 210px !important;
}

.u-w-220 {
  width: 220px !important;
}

.u-w-230 {
  width: 230px !important;
}

.u-w-240 {
  width: 240px !important;
}

.u-w-250 {
  width: 250px !important;
}

.u-w-260 {
  width: 260px !important;
}

.u-w-270 {
  width: 270px !important;
}

.u-w-280 {
  width: 280px !important;
}

.u-w-290 {
  width: 290px !important;
}

.u-w-300 {
  width: 300px !important;
}

.u-w-310 {
  width: 310px !important;
}

.u-w-320 {
  width: 320px !important;
}

.u-w-330 {
  width: 330px !important;
}

.u-w-340 {
  width: 340px !important;
}

.u-w-350 {
  width: 350px !important;
}

.u-w-360 {
  width: 360px !important;
}

.u-w-370 {
  width: 370px !important;
}

.u-w-380 {
  width: 380px !important;
}

.u-w-390 {
  width: 390px !important;
}

.u-w-400 {
  width: 400px !important;
}

.u-w-410 {
  width: 410px !important;
}

.u-w-420 {
  width: 420px !important;
}

.u-w-430 {
  width: 430px !important;
}

.u-w-440 {
  width: 440px !important;
}

.u-w-450 {
  width: 450px !important;
}

.u-w-460 {
  width: 460px !important;
}

.u-w-470 {
  width: 470px !important;
}

.u-w-480 {
  width: 480px !important;
}

.u-w-490 {
  width: 490px !important;
}

.u-w-500 {
  width: 500px !important;
}

.u-w-600 {
  width: 600px !important;
}

/* height - utility
--------------------------------------------------------- */
.u-h-a {
  height: auto !important;
}

.u-h-10 {
  height: 10px !important;
}

.u-h-20 {
  height: 20px !important;
}

.u-h-30 {
  height: 30px !important;
}

.u-h-40 {
  height: 40px !important;
}

.u-h-50 {
  height: 50px !important;
}

.u-h-60 {
  height: 60px !important;
}

.u-h-70 {
  height: 70px !important;
}

.u-h-80 {
  height: 80px !important;
}

.u-h-90 {
  height: 90px !important;
}

.u-h-100 {
  height: 100px !important;
}

.u-h-110 {
  height: 110px !important;
}

.u-h-120 {
  height: 120px !important;
}

.u-h-130 {
  height: 130px !important;
}

.u-h-140 {
  height: 140px !important;
}

.u-h-150 {
  height: 150px !important;
}

.u-h-160 {
  height: 160px !important;
}

.u-h-170 {
  height: 170px !important;
}

.u-h-180 {
  height: 180px !important;
}

.u-h-190 {
  height: 190px !important;
}

.u-h-200 {
  height: 200px !important;
}

.u-h-210 {
  height: 210px !important;
}

.u-h-220 {
  height: 220px !important;
}

.u-h-230 {
  height: 230px !important;
}

.u-h-240 {
  height: 240px !important;
}

.u-h-250 {
  height: 250px !important;
}

.u-h-260 {
  height: 260px !important;
}

.u-h-270 {
  height: 270px !important;
}

.u-h-280 {
  height: 280px !important;
}

.u-h-290 {
  height: 290px !important;
}

.u-h-300 {
  height: 300px !important;
}

.u-h-310 {
  height: 310px !important;
}

.u-h-320 {
  height: 320px !important;
}

.u-h-330 {
  height: 330px !important;
}

.u-h-340 {
  height: 340px !important;
}

.u-h-350 {
  height: 350px !important;
}

.u-h-360 {
  height: 360px !important;
}

.u-h-370 {
  height: 370px !important;
}

.u-h-380 {
  height: 380px !important;
}

.u-h-390 {
  height: 390px !important;
}

.u-h-400 {
  height: 400px !important;
}

.u-h-410 {
  height: 410px !important;
}

.u-h-420 {
  height: 420px !important;
}

.u-h-430 {
  height: 430px !important;
}

.u-h-440 {
  height: 440px !important;
}

.u-h-450 {
  height: 450px !important;
}

.u-h-460 {
  height: 460px !important;
}

.u-h-470 {
  height: 470px !important;
}

.u-h-480 {
  height: 480px !important;
}

.u-h-490 {
  height: 490px !important;
}

.u-h-500 {
  height: 500px !important;
}

/* background - utility
--------------------------------------------------------- */
.u-bg-white {
  background-color: #fff !important;
}

.u-bg-basic1 {
  background-color: #f7f5f2 !important;
}

.u-bg-basic2 {
  background-color: #efebe6 !important;
}

.u-bg-highlight1 {
  background-color: #fbf4ea !important;
}

.u-bg-highlight2 {
  background-color: #fce3d5 !important;
}

/* font - utility
--------------------------------------------------------- */
/* font-size */
.u-fs-10 {
  font-size: 10px !important;
}

.u-fs-12 {
  font-size: 12px !important;
}

.u-fs-14 {
  font-size: 14px !important;
}

.u-fs-16 {
  font-size: 16px !important;
}

.u-fs-18 {
  font-size: 18px !important;
}

.u-fs-20 {
  font-size: 20px !important;
}

.u-fs-22 {
  font-size: 22px !important;
}

.u-fs-24 {
  font-size: 24px !important;
}

.u-fs-30 {
  font-size: 30px !important;
}

.u-fs-36 {
  font-size: 36px !important;
}

.u-fs-48 {
  font-size: 48px !important;
}

/* font-weight */
.u-fw-b {
  font-weight: bold !important;
}

.u-fw-nm {
  font-weight: normal !important;
}

/* text-align */
.u-ta-l {
  text-align: left !important;
}

.u-ta-c {
  text-align: center !important;
}

.u-ta-r {
  text-align: right !important;
}

/* text-decoration */
.u-td-n {
  text-decoration: none !important;
}

.u-td-u {
  text-decoration: underline !important;
}

/* line-height */
.u-lh-0 {
  line-height: 0 !important;
}

.u-lh-1 {
  line-height: 1 !important;
}

.u-lh-15 {
  line-height: 1.5 !important;
}

/* vertical-align - utility
--------------------------------------------------------- */
.u-va-bl {
  vertical-align: baseline !important;
}

.u-va-t {
  vertical-align: top !important;
}

.u-va-m {
  vertical-align: middle !important;
}

.u-va-b {
  vertical-align: bottom !important;
}

.u-va-tp {
  vertical-align: text-top !important;
}

.u-va-tb {
  vertical-align: text-bottom !important;
}

.u-va-super {
  vertical-align: super !important;
}

.u-va-sub {
  vertical-align: sub !important;
}

/* color - utility
--------------------------------------------------------- */
.u-cl-orange {
  color: #e77611 !important;
}

/* オレンジ */
.u-cl-blue {
  color: #1558ce !important;
}

/* ブルー */
.u-cl-black {
  color: #000 !important;
}

/* ブラック */
.u-cl-white {
  color: #fff !important;
}

/* ホワイト */
.u-cl-purple {
  color: #7607f1 !important;
}

/* パープル 訪問済みリンク等 */
.u-cl-red {
  color: #fc0d1c !important;
}

/* レッド */
.u-cl-priceRed {
  color: #fc0d1c !important;
}

/* レッド */
.u-cl-alertRed {
  color: #ca1738 !important;
}

/* レッド */
.u-cl-gray {
  color: #ccc !important;
}

/* グレー */
.u-cl-d-gray {
  color: #999 !important;
}

/* グレー */
.u-cl-l-gray {
  color: #eee !important;
}

/* グレー */
.u-cl-subText {
  color: #5b4843 !important;
}

.u-cl-l-subText {
  color: #918b8a !important;
}

.u-cl-mainText {
  color: #3b1800 !important;
}

/* border - utility
--------------------------------------------------------- */
/* border-radius */
.u-br-2 {
  border-radius: 2px !important;
}

.u-br-4 {
  border-radius: 4px !important;
}

.u-br-6 {
  border-radius: 6px !important;
}

/* border */
.u-br-none {
  border: none !important;
}

.u-br-gray-s {
  border: 1px solid #ccc !important;
}

.u-br-gray-m {
  border: 2px solid #ccc !important;
}

.u-br-gray-l {
  border: 4px solid #ccc !important;
}

.u-br-borderBasic1-s {
  border: 1px solid #e0dbd7 !important;
}

.u-br-borderBasic1-m {
  border: 2px solid #e0dbd7 !important;
}

.u-br-borderBasic1-l {
  border: 4px solid #e0dbd7 !important;
}

.u-br-borderBasic2-s {
  border: 1px solid #bcb6b3 !important;
}

.u-br-borderBasic2-m {
  border: 2px solid #bcb6b3 !important;
}

.u-br-borderBasic2-l {
  border: 4px solid #bcb6b3 !important;
}

/* border-top */
.u-br-t-none {
  border-top: none !important;
}

.u-br-t-gray-s {
  border-top: 1px solid #ccc !important;
}

.u-br-t-gray-m {
  border-top: 2px solid #ccc !important;
}

.u-br-t-gray-l {
  border-top: 4px solid #ccc !important;
}

.u-br-t-borderBasic1-s {
  border-top: 1px solid #e0dbd7 !important;
}

.u-br-t-borderBasic1-m {
  border-top: 2px solid #e0dbd7 !important;
}

.u-br-t-borderBasic1-l {
  border-top: 4px solid #e0dbd7 !important;
}

.u-br-t-borderBasic2-s {
  border-top: 1px solid #bcb6b3 !important;
}

.u-br-t-borderBasic2-m {
  border-top: 2px solid #bcb6b3 !important;
}

.u-br-t-borderBasic2-l {
  border-top: 4px solid #bcb6b3 !important;
}

/* border-right */
.u-br-r-none {
  border-right: none !important;
}

.u-br-r-gray-s {
  border-right: 1px solid #ccc !important;
}

.u-br-r-gray-m {
  border-right: 2px solid #ccc !important;
}

.u-br-r-gray-l {
  border-right: 4px solid #ccc !important;
}

.u-br-r-borderBasic1-s {
  border-right: 1px solid #e0dbd7 !important;
}

.u-br-r-borderBasic1-m {
  border-right: 2px solid #e0dbd7 !important;
}

.u-br-r-borderBasic1-l {
  border-right: 4px solid #e0dbd7 !important;
}

.u-br-r-borderBasic2-s {
  border-right: 1px solid #bcb6b3 !important;
}

.u-br-r-borderBasic2-m {
  border-right: 2px solid #bcb6b3 !important;
}

.u-br-r-borderBasic2-l {
  border-right: 4px solid #bcb6b3 !important;
}

/* border-bottom */
.u-br-b-none {
  border-bottom: none !important;
}

.u-br-b-gray-s {
  border-bottom: 1px solid #ccc !important;
}

.u-br-b-gray-m {
  border-bottom: 2px solid #ccc !important;
}

.u-br-b-gray-l {
  border-bottom: 4px solid #ccc !important;
}

.u-br-b-borderBasic1-s {
  border-bottom: 1px solid #e0dbd7 !important;
}

.u-br-b-borderBasic1-m {
  border-bottom: 2px solid #e0dbd7 !important;
}

.u-br-b-borderBasic1-l {
  border-bottom: 4px solid #e0dbd7 !important;
}

.u-br-b-borderBasic2-s {
  border-bottom: 1px solid #bcb6b3 !important;
}

.u-br-b-borderBasic2-m {
  border-bottom: 2px solid #bcb6b3 !important;
}

.u-br-b-borderBasic2-l {
  border-bottom: 4px solid #bcb6b3 !important;
}

/* border-left */
.u-br-l-none {
  border-left: none !important;
}

.u-br-l-gray-s {
  border-left: 1px solid #ccc !important;
}

.u-br-l-gray-m {
  border-left: 2px solid #ccc !important;
}

.u-br-l-gray-l {
  border-left: 4px solid #ccc !important;
}

.u-br-l-borderBasic1-s {
  border-left: 1px solid #e0dbd7 !important;
}

.u-br-l-borderBasic1-m {
  border-left: 2px solid #e0dbd7 !important;
}

.u-br-l-borderBasic1-l {
  border-left: 4px solid #e0dbd7 !important;
}

.u-br-l-borderBasic2-s {
  border-left: 1px solid #bcb6b3 !important;
}

.u-br-l-borderBasic2-m {
  border-left: 2px solid #bcb6b3 !important;
}

.u-br-l-borderBasic2-l {
  border-left: 4px solid #bcb6b3 !important;
}

/* clearfix - utility
--------------------------------------------------------- */
.u-cf {
  *zoom: 1;
}

.u-cf:after {
  display: table;
  clear: both;
  content: '';
}

/* break - utility
--------------------------------------------------------- */
.u-break {
  word-break: break-all !important;
  word-wrap: break-word !important;
}

/* ellipsis - utility
--------------------------------------------------------- */
.u-ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* lazyloaded - utility
--------------------------------------------------------- */
.u-fadein {
  opacity: 0 !important;
  -webkit-transition: opacity 1s !important;
  transition: opacity 1s !important;
}

.u-fadein.lazyloaded {
  opacity: 1 !important;
}

.u-cursor-pointer {
  cursor: pointer !important;
}

.ji,
.ji::after {
  position: relative;
}

@font-face {
  font-family: jalan-iconfont;
  src: url(/rentacar/assets/common/images/icon/jalan-iconfont.eot);
  src: url(/rentacar/assets/common/images/icon/jalan-iconfont.woff) format("woff"), url(/rentacar/assets/common/images/icon/jalan-iconfont.ttf) format("truetype");
}
.ji {
  font-family: jalan-iconfont;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  width: 1em;
  height: 1em;
}

.ji::before {
  position: absolute;
  top: 0;
  left: 0;
}

.ji-activity::before {
  content: "\F001";
  color: #FFF;
}

.ji-alert-circle::before {
  content: "\F002";
  color: #FFF;
}

.ji-alert-triangle::before {
  content: "\F003";
  color: #FFF;
}

.ji-award-alt::before {
  content: "\F004";
  color: #FFF;
}

.ji-award::before {
  content: "\F005";
  color: #FFF;
}

.ji-beginner::before {
  content: "\F006";
  color: #FFF;
}

.ji-bronze-stage::before {
  content: "\F007";
  color: #FFF;
}

.ji-bubble-fill::before {
  content: "\F008";
  color: #FFF;
}

.ji-bubble-outline::before {
  content: "\F009";
  color: #FFF;
}

.ji-bus::before {
  content: "\F00A";
  color: #FFF;
}

.ji-business::before {
  content: "\F00B";
  color: #FFF;
}

.ji-calendar::before {
  content: "\F00C";
  color: #FFF;
}

.ji-car::before {
  content: "\F00D";
  color: #FFF;
}

.ji-clock::before {
  content: "\F00E";
  color: #FFF;
}

.ji-coupon::before {
  content: "\F00F";
  color: #FFF;
}

.ji-credit-card::before {
  content: "\F010";
  color: #FFF;
}

.ji-crown-bronze::before {
  content: "\F011";
  color: #FFF;
}

.ji-crown-gold::before {
  content: "\F012";
  color: #FFF;
}

.ji-crown-silver::before {
  content: "\F013";
  color: #FFF;
}

.ji-diamond-stage::before {
  content: "\F014";
  color: #FFF;
}

.ji-document-edit::before {
  content: "\F015";
  color: #FFF;
}

.ji-document::before {
  content: "\F016";
  color: #FFF;
}

.ji-dp::before {
  content: "\F017";
  color: #FFF;
}

.ji-edit::before {
  content: "\F018";
  color: #FFF;
}

.ji-event::before {
  content: "\F019";
  color: #FFF;
}

.ji-eye::before {
  content: "\F01A";
  color: #FFF;
}

.ji-genre::before {
  content: "\F01B";
  color: #FFF;
}

.ji-gold-stage::before {
  content: "\F01C";
  color: #FFF;
}

.ji-golf::before {
  content: "\F01D";
  color: #FFF;
}

.ji-hand-pointer::before {
  content: "\F01E";
  color: #FFF;
}

.ji-help-circle-fill::before {
  content: "\F01F";
  color: #FFF;
}

.ji-help-circle-outline::before {
  content: "\F020";
  color: #FFF;
}

.ji-hotel::before {
  content: "\F021";
  color: #FFF;
}

.ji-hourglass::before {
  content: "\F022";
  color: #FFF;
}

.ji-info::before {
  content: "\F023";
  color: #FFF;
}

.ji-key::before {
  content: "\F024";
  color: #FFF;
}

.ji-location::before {
  content: "\F025";
  color: #FFF;
}

.ji-lock::before {
  content: "\F026";
  color: #FFF;
}

.ji-loupe::before {
  content: "\F027";
  color: #FFF;
}

.ji-loyal-circle::before {
  content: "\F028";
  color: #FFF;
}

.ji-mail::before {
  content: "\F029";
  color: #FFF;
}

.ji-map::before {
  content: "\F02A";
  color: #FFF;
}

.ji-members-only::before {
  content: "\F02B";
  color: #FFF;
}

.ji-minus-circle::before {
  content: "\F02C";
  color: #FFF;
}

.ji-mobile::before {
  content: "\F02D";
  color: #FFF;
}

.ji-nosmoking::before {
  content: "\F02E";
  color: #FFF;
}

.ji-parking::before {
  content: "\F02F";
  color: #FFF;
}

.ji-platinum-stage::before {
  content: "\F030";
  color: #FFF;
}

.ji-plus-circle::before {
  content: "\F031";
  color: #FFF;
}

.ji-point-coupon-score::before {
  content: "\F032";
  color: #FFF;
}

.ji-point-plus::before {
  content: "\F033";
  color: #FFF;
}

.ji-point::before {
  content: "\F034";
  color: #FFF;
}

.ji-preview::before {
  content: "\F035";
  color: #FFF;
}

.ji-price-fill::before {
  content: "\F036";
  color: #FFF;
}

.ji-price-outline::before {
  content: "\F037";
  color: #FFF;
}

.ji-print::before {
  content: "\F038";
  color: #FFF;
}

.ji-regular-stage::before {
  content: "\F039";
  color: #DC7317;
}

.ji-rentacar::before {
  content: "\F03A";
  color: #FFF;
}

.ji-save::before {
  content: "\F03B";
  color: #FFF;
}

.ji-score-plus::before {
  content: "\F03C";
  color: #FFF;
}

.ji-score::before {
  content: "\F03D";
  color: #FFF;
}

.ji-search::before {
  content: "\F03E";
  color: #FFF;
}

.ji-setting::before {
  content: "\F03F";
  color: #FFF;
}

.ji-silver-stage::before {
  content: "\F040";
  color: #FFF;
}

.ji-smile-fill::before {
  content: "\F041";
  color: #FFF;
}

.ji-smile-outline::before {
  content: "\F042";
  color: #FFF;
}

.ji-smoking::before {
  content: "\F043";
  color: #FFF;
}

.ji-special-offer::before {
  content: "\F044";
  color: #FFF;
}

.ji-train::before {
  content: "\F045";
  color: #FFF;
}

.ji-travel-guide::before {
  content: "\F046";
  color: #FFF;
}

.ji-watch::before {
  content: "\F047";
  color: #FFF;
}

.ji-zoom-in::before {
  content: "\F048";
  color: #FFF;
}

.ji-zoom-out::before {
  content: "\F049";
  color: #FFF;
}

.ji-activity,
.ji-alert-circle,
.ji-area,
.ji-award,
.ji-award-alt,
.ji-bubble-fill,
.ji-bus,
.ji-calendar,
.ji-calendar-location,
.ji-car,
.ji-clip,
.ji-clock,
.ji-coupon,
.ji-crown,
.ji-day,
.ji-document-edit,
.ji-document-plus,
.ji-document-user,
.ji-dp,
.ji-edit,
.ji-event,
.ji-flight,
.ji-genre,
.ji-golf,
.ji-gourmet,
.ji-heart,
.ji-highclass,
.ji-history,
.ji-hotel,
.ji-hotel-history,
.ji-hotel-star,
.ji-info,
.ji-location,
.ji-location-plus,
.ji-loupe,
.ji-map,
.ji-member,
.ji-member-info,
.ji-members-only,
.ji-night,
.ji-nosmoking,
.ji-onsen,
.ji-oversea,
.ji-people,
.ji-point,
.ji-point-coupon-score,
.ji-point-plus,
.ji-price-fill,
.ji-price-outline,
.ji-rentacar,
.ji-score,
.ji-score-plus,
.ji-shopping,
.ji-sightseeing,
.ji-smile-fill,
.ji-smile-outline,
.ji-stage-program,
.ji-stay,
.ji-tourbus,
.ji-train,
.ji-travel-guide,
.ji-travel-journal,
.ji-triangle,
.ji-watch {
  color: #E77611;
}

.ji-activity::after {
  content: "";
}

.ji-alert-circle::after {
  content: "";
}

.ji-alert-triangle {
  color: #CA1738;
}

.ji-alert-triangle::after {
  content: "";
}

.ji-area::after {
  content: "";
}

.ji-award-alt::after {
  content: "";
}

.ji-award::after {
  content: "";
}

.ji-beginner,
.ji-bubble-outline,
.ji-business,
.ji-chart,
.ji-check,
.ji-chevron-down,
.ji-chevron-left,
.ji-chevron-right,
.ji-chevron-up,
.ji-clip-list,
.ji-close,
.ji-close-round,
.ji-comment,
.ji-credit-card,
.ji-document,
.ji-eye,
.ji-filter,
.ji-hand-pointer,
.ji-help,
.ji-help-circle-fill,
.ji-help-circle-outline,
.ji-home,
.ji-hourglass,
.ji-key,
.ji-list,
.ji-lock,
.ji-mail,
.ji-menu,
.ji-minus,
.ji-minus-circle,
.ji-mobile,
.ji-module,
.ji-new,
.ji-parking,
.ji-phone,
.ji-plus,
.ji-plus-circle,
.ji-preview,
.ji-print,
.ji-pushpin,
.ji-refresh,
.ji-restaurant,
.ji-return,
.ji-save,
.ji-search,
.ji-setting,
.ji-share,
.ji-smoking,
.ji-sort,
.ji-timer,
.ji-wifi,
.ji-zoom-in,
.ji-zoom-out {
  color: #918B8A;
}

.ji-beginner::after {
  content: "";
}

.ji-bronze-stage {
  color: #BF6E3E;
}

.ji-bronze-stage::after {
  content: "";
}

.ji-bubble-fill::after {
  content: "";
}

.ji-bubble-outline::after {
  content: "";
}

.ji-bus::after {
  content: "";
}

.ji-business::after {
  content: "";
}

.ji-calendar-location::after {
  content: "";
}

.ji-calendar::after {
  content: "";
}

.ji-car::after {
  content: "";
}

.ji-chart::after {
  content: "";
}

.ji-check::after {
  content: "";
}

.ji-chevron-down::after {
  content: "";
}

.ji-chevron-left::after {
  content: "";
}

.ji-chevron-right::after {
  content: "";
}

.ji-chevron-up::after {
  content: "";
}

.ji-clip-list::after {
  content: "";
}

.ji-clip::after {
  content: "";
}

.ji-clock::after {
  content: "";
}

.ji-close-round::after {
  content: "";
}

.ji-close::after {
  content: "";
}

.ji-comment::after {
  content: "";
}

.ji-coupon::after {
  content: "";
}

.ji-credit-card::after {
  content: "";
}

.ji-crown-bronze {
  color: #C7713E;
}

.ji-crown-bronze::after {
  content: "";
}

.ji-crown-gold {
  color: #BA8C00;
}

.ji-crown-gold::after {
  content: "";
}

.ji-crown-silver {
  color: #929BA0;
}

.ji-crown-silver::after {
  content: "";
}

.ji-crown::after {
  content: "";
}

.ji-day::after {
  content: "";
}

.ji-diamond-stage {
  color: #6E6164;
}

.ji-diamond-stage::after {
  content: "";
}

.ji-document-edit::after {
  content: "";
}

.ji-document-plus::after {
  content: "";
}

.ji-document-user::after {
  content: "";
}

.ji-document::after {
  content: "";
}

.ji-dp::after {
  content: "";
}

.ji-edit::after {
  content: "";
}

.ji-event::after {
  content: "";
}

.ji-external-link {
  color: #2171E0;
}

.ji-external-link::after {
  content: "";
}

.ji-eye::after {
  content: "";
}

.ji-filter::after {
  content: "";
}

.ji-flight::after {
  content: "";
}

.ji-genre::after {
  content: "";
}

.ji-gold-stage,
.ji-loyal,
.ji-loyal-circle,
.ji-special-offer {
  color: #B2881B;
}

.ji-gold-stage::after {
  content: "";
}

.ji-golf::after {
  content: "";
}

.ji-gourmet::after {
  content: "";
}

.ji-hand-pointer::after {
  content: "";
}

.ji-heart::after {
  content: "";
}

.ji-help-circle-fill::after {
  content: "";
}

.ji-help-circle-outline::after {
  content: "";
}

.ji-help::after {
  content: "";
}

.ji-highclass::after {
  content: "";
}

.ji-history::after {
  content: "";
}

.ji-home::after {
  content: "";
}

.ji-hotel-history::after {
  content: "";
}

.ji-hotel-star::after {
  content: "";
}

.ji-hotel::after {
  content: "";
}

.ji-hourglass::after {
  content: "";
}

.ji-info::after {
  content: "";
}

.ji-key::after {
  content: "";
}

.ji-list::after {
  content: "";
}

.ji-location-plus::after {
  content: "";
}

.ji-location::after {
  content: "";
}

.ji-lock::after {
  content: "";
}

.ji-loupe::after {
  content: "";
}

.ji-loyal-circle::after {
  content: "";
}

.ji-loyal::after {
  content: "";
}

.ji-mail::after {
  content: "";
}

.ji-map::after {
  content: "";
}

.ji-member-info::after {
  content: "";
}

.ji-member::after {
  content: "";
}

.ji-members-only::after {
  content: "";
}

.ji-menu::after {
  content: "";
}

.ji-minus-circle::after {
  content: "";
}

.ji-minus::after {
  content: "";
}

.ji-mobile::after {
  content: "";
}

.ji-module::after {
  content: "";
}

.ji-new::after {
  content: "";
}

.ji-night::after {
  content: "";
}

.ji-nosmoking::after {
  content: "";
}

.ji-onsen::after {
  content: "";
}

.ji-oversea::after {
  content: "";
}

.ji-parking::after {
  content: "";
}

.ji-people::after {
  content: "";
}

.ji-phone::after {
  content: "";
}

.ji-platinum-stage {
  color: #487192;
}

.ji-platinum-stage::after {
  content: "";
}

.ji-plus-circle::after {
  content: "";
}

.ji-plus::after {
  content: "";
}

.ji-point-coupon-score::after {
  content: "";
}

.ji-point-plus::after {
  content: "";
}

.ji-point::after {
  content: "";
}

.ji-preview::after {
  content: "";
}

.ji-price-fill::after {
  content: "";
}

.ji-price-outline::after {
  content: "";
}

.ji-print::after {
  content: "";
}

.ji-pushpin::after {
  content: "";
}

.ji-refresh::after {
  content: "";
}

.ji-regular-stage {
  color: #EEDDBE;
}

.ji-regular-stage::after {
  content: "";
}

.ji-rentacar::after {
  content: "";
}

.ji-restaurant::after {
  content: "";
}

.ji-return::after {
  content: "";
}

.ji-save::after {
  content: "";
}

.ji-score-plus::after {
  content: "";
}

.ji-score::after {
  content: "";
}

.ji-search::after {
  content: "";
}

.ji-setting::after {
  content: "";
}

.ji-share::after {
  content: "";
}

.ji-shopping::after {
  content: "";
}

.ji-sightseeing::after {
  content: "";
}

.ji-silver-stage {
  color: #8F989E;
}

.ji-silver-stage::after {
  content: "";
}

.ji-smile-fill::after {
  content: "";
}

.ji-smile-outline::after {
  content: "";
}

.ji-smoking::after {
  content: "";
}

.ji-sort::after {
  content: "";
}

.ji-special-offer::after {
  content: "";
}

.ji-stage-program::after {
  content: "";
}

.ji-star {
  color: #FB0;
}

.ji-star::after {
  content: "";
}

.ji-stay::after {
  content: "";
}

.ji-timer::after {
  content: "";
}

.ji-tourbus::after {
  content: "";
}

.ji-train::after {
  content: "";
}

.ji-travel-guide::after {
  content: "";
}

.ji-travel-journal::after {
  content: "";
}

.ji-triangle::after {
  content: "";
}

.ji-watch::after {
  content: "";
}

.ji-wifi::after {
  content: "";
}

.ji-zoom-in::after {
  content: "";
}

.ji-zoom-out::after {
  content: "";
}

@font-face {
  font-family: "renta-iconfont";
  src: url(/rentacar/assets/common/images/icon/renta-iconfont.eot);
  src: url(/rentacar/assets/common/images/icon/renta-iconfont.woff) format("woff"), url(/rentacar/assets/common/images/icon/renta-iconfont.ttf) format("truetype");
}
.ri,
.styleguide-scope .ri {
  font-family: "renta-iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
}

.ri::after {
  position: relative;
}

.ri::before {
  position: absolute;
  top: 0;
  left: 0;
}

.ri-bike::before {
  content: "\F001";
  color: #FFF;
}

.ri-bike {
  color: #918b8a;
}

.ri-bike::after {
  content: "\F002";
}

.ri-car-camping::before {
  content: "\F003";
  color: #FFF;
}

.ri-car-camping {
  color: #918b8a;
}

.ri-car-camping::after {
  content: "\F004";
}

.ri-car-compact::before {
  content: "\F005";
  color: #FFF;
}

.ri-car-compact {
  color: #918b8a;
}

.ri-car-compact::after {
  content: "\F006";
}

.ri-car-eco::before {
  content: "\F007";
  color: #FFF;
}

.ri-car-eco {
  color: #918b8a;
}

.ri-car-eco::after {
  content: "\F008";
}

.ri-car-kei::before {
  content: "\F009";
  color: #FFF;
}

.ri-car-kei {
  color: #918b8a;
}

.ri-car-kei::after {
  content: "\F00A";
}

.ri-car-minivan::before {
  content: "\F00B";
  color: #FFF;
}

.ri-car-minivan {
  color: #918b8a;
}

.ri-car-minivan::after {
  content: "\F00C";
}

.ri-car-sedan::before {
  content: "\F00D";
  color: #FFF;
}

.ri-car-sedan {
  color: #918b8a;
}

.ri-car-sedan::after {
  content: "\F00E";
}

.ri-car-suv::before {
  content: "\F00F";
  color: #FFF;
}

.ri-car-suv {
  color: #918b8a;
}

.ri-car-suv::after {
  content: "\F010";
}

.ri-car-truck::before {
  content: "\F011";
  color: #FFF;
}

.ri-car-truck {
  color: #918b8a;
}

.ri-car-truck::after {
  content: "\F012";
}