@charset "UTF-8";

/*adjustment
---
original: /assets/scss/campaign-details.scss
---
*/
@media screen and (min-width: 1440px) {
  .hero-campaign-full {
    background-image: url("/camps_visual/2025062707_oki_ev.jpg") !important;
  }
}
@media screen and (max-width: 1439px) {
  .hero-campaign-full {
    background-image: none;
  }
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*adjustment
---
original: /assets/scss/campaign-details.scss
---
*/
.list-campaign-guide-icon.text-size-B {
  margin-top: -3px;
}

.list-campaign-guide-text-01 {
  font-size: 1.6rem;
}
@media screen and (max-width: 599px) {
  .list-campaign-guide-text-01 {
    font-size: 1.3rem;
  }
}
.area-modal .list-campaign-guide-text-01 {
  font-size: 1.3rem;
}

/*doc
---
name: list-2022031804_importedcarr-targetstore, list-2022031804_importedcarr-targetstore-item
category: component
tag: List
---
*/
.list-2022031804_importedcarr-targetstore {}

.list-2022031804_importedcarr-targetstore-item {
  padding: 26px 0;
  border-bottom: 1px dashed #888;
}
.list-2022031804_importedcarr-targetstore-item:first-child{
  padding-top: 0;
}
.list-2022031804_importedcarr-targetstore-item:last-child{
  border-bottom: none;
}
@media screen and (max-width: 599px) {
  .list-2022031804_importedcarr-targetstore-item {
    padding: 15px 10px;
  }
  .list-2022031804_importedcarr-targetstore-item:last-child {
    padding-bottom: 0;
  }
}

/*adjustment
---
original: /assets/scss/object/component/_list.scss
---
*/
.list-cmn-notes-item.s-color-strong-white {
  color: #fff !important;
  font-weight: bold;
}


/*adjustment
---
original: /assets/scss/object/component/_list.scss
---
*/
@media screen and (max-width: 959px) {
  .area-cmn-skip.s-wide {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 599px) {
  .area-cmn-skip.s-wide {
    padding-bottom: 0;
  }
}



/*adjustment
---
original: /assets/scss/object/component/_area.scss
---
*/
.area-cmn-body-in.s-noborder-bottom {
  border-bottom: none;
  padding-bottom: 0;
}


/*＝＝＝＝＝＝＝＝ 高級車 車種一覧 ＝＝＝＝＝＝＝＝*/
.car-class-label {
	width: 66px;
	display: inline-block;
}
.classDataWrap {
	display: inline-block;
	 vertical-align: top;
	width: calc( 100% - 70px );

}
@media screen and (max-width: 599px) {
.car-class-label {
	width: 50px;
	display: inline-block;
}
.classDataWrap {
	display: inline-block;
	 vertical-align: top;
	width: calc( 100% - 60px );

}
}
.area-modal.car-class-label {
	width: 50px;
	display: inline-block;
}
.area-modal.classDataWrap {
	display: inline-block;
	 vertical-align: top;
	width: calc( 100% - 60px );

}
.classDataWrap ul.sedan{
	margin-bottom: 10px;
}
.sedan:before{
	content: "セダン";
	font-weight: bold;
	color: #666;
	margin-right: 10px;
	display: inline-block;
	font-size: 12px;
	padding: 1px 6px;
	border:1px solid #666;
	border-radius: 4px;
}
.rv:before{
	content: "RV(SUV／ステーションワゴン)";
	font-weight: bold;
	color: #666;
	margin-right: 10px;
	display: inline-block;
	font-size: 12px;
	padding: 2px 6px;
	border:1px solid #666;
	border-radius: 4px;
}
.classDataWrap li{
	display: inline-block;
}
.classDataWrap li:not(:last-child)::after{
	content: "/";
	margin-right:2px;
	margin-left: 3px;
	color: #b7b7b7;
}
.classDataWrap li strong{
	color: #333;
	margin-right: 4px;
}


/*adjustment
---
original: /assets/scss/object/component/_txt.scss
---
*/
.area-modal .txt-price-01 {
  font-size: 1.1rem;
}
@media screen and (max-width: 599px) {
  .txt-price-01 {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 599px) {
  .txt-price-01 strong {
    font-size: 1.8rem;
  }
}