/* 共通
--------------------------- */
a:link,a:visited,a:hover{
  color: inherit;
  text-decoration: none!important;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clearfix:before {
  content: "";
  display: block;
  clear: both;
}
.clearfix {
  display: block;
}

.autumn_sale__wrapper {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  overflow: hidden;
}
.cl-red {
  color: #EF311E;
}
.cl-blue {
    color: #6e5a5a;
}


/* メインビジュアル
--------------------------- */
.mv {
  position: relative;
}
.mainvisual {
  width: 100%;
}

/* sec1 */
.sec.no1 {
  width: 960px;
  margin: 0 auto;
  margin-top: 62px;
  margin-bottom: 40px;
  background: none !important;
}
.introduction {
  font-size: 20px;
  line-height: 36px;
  margin: 30px 0;
  text-align: center;
}
.introduction p{
  font-size: 24px;
}
.introduction span {
  font-size: 29px;
}

.sec.no1 .nav .list {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec.no1 .nav .list a {
  display: flex;
  width: 245px;
  height: 60px;
  border: 2px solid #BC473B;
  background: #BC473B;
  border-radius: 50px;
  padding-left: 16px;
  align-items: center;
  color: #fff;
  line-height: 22px;
  position: relative;
  text-decoration: none;
  margin-left: 12px;
  font-size: 14px;
  font-family: zenmaru gothic;
  margin-top: 20px;
}

.sec.no1 .nav .list a:first-child {
  margin-left: 0px;
}

.sec.no1 .nav .list a::after {
  content: "";
  width: 9px;
  height: 9px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  bottom: 26px;
  right: 8%;
  margin-top: -8px;
  transform: rotate(135deg);
}

/* .sec.no1 .nav .list a:nth-child(2n)::after {
  border-top: solid 2px #87B215;
  border-right: solid 2px #87B215;
} */

.sec.no1 .nav .list a img {
  width: 35px;
  height: 30px;
  object-fit: contain;
  margin-right: 12px;
}

.sec.no1 .nav .list a:nth-child(2n) {
  border: 2px solid #D98045;
  background: #D98045;
}




/* 検索 */
.autumn_sale_searchbox_wrap {
  background: url(/car/special/autumn_sale/images/box_bg.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 45px;
  text-align: center;
  height: 531px;
  width: 1000px;
  margin: 0 auto;
  padding-top: 34px;
}

.autumn_sale_searchbox_wrap .legacySearch__area--wrapper {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 127px;
}
.autumn_sale_searchbox {
  line-height: 2;
  margin-top: -29px;
  position: relative;
}

.autumn_sale_searchbox_txt02 {
  margin-top: 174px;
}

.autumn_sale_searchbox .autumn_sale_searchbox_ttl {
  font-size: 30px;
  position: relative;
  width:562px;
  margin: 0 auto;
  text-align: center;
}
.autumn_sale_searchbox .autumn_sale_searchbox_ttl::before {
  position: absolute;
  left: 38px;
  top: 22px;
  content: "";
  width: 2px;
  height: 33px;
  background: #3E3E3E;
  border-radius: 3px;
  transform: rotate(-25deg);
}
.autumn_sale_searchbox .autumn_sale_searchbox_ttl::after {
  position: absolute;
  right: 38px;
  top: 22px;
  content: "";
  width: 2px;
  height: 33px;
  background: #3E3E3E;
  border-radius: 3px;
  transform: rotate(25deg);
}
.autumn_sale_searchbox .autumn_sale_searchbox_txt {
  font-size: 20px;
}

.autumn_sale_searchbox .autumn_sale_searchbox_txt02 {
  font-size: 11px;
}

.autumn_sale_searchbox_txt02 a {
  font-size: 13px;
  text-decoration: underline !important;
}
.autumn_sale__wrapper .search__area--q4 .search__area--car_type dd label span span {
  width: 100%;
  line-height: normal;
}

.autumn_sale__wrapper .legacySearch__balloon--option .search__area--car_state dd {
  height: 52px;
  font-weight: 500;
}
.autumn_sale__wrapper .legacySearch__modal#below .legacySearch__balloon--inner::before{
  bottom: auto;
  top: -10px;
  border: 11px solid transparent;
  border-bottom-color: #fff;
  border-top-width: 0;
}
.autumn_sale__wrapper .legacySearch__modal#below .legacySearch__balloon--inner::after {
  top: -11px;
}
.autumn_sale__wrapper  .select__area label span:hover{
  background: #EAF7FF;
}
.autumn_sale__wrapper .autumn_sale__wrapper_search .title {
  font-size: 20px;
  color: #3E3E3E;
  text-align: center;
  font-weight: bold;
  position: relative;
  display: block;
}
.autumn_sale__wrapper .autumn_sale__wrapper_search .title span {
  color: #E65C8C;
}
.ummer_sale__wrapper .autumn_sale__wrapper_search .title::before {
  position: absolute;
  left: 205px;
  top: 11px;
  content: "";
  width: 2px;
  height: 21px;
  background: #3E3E3E;
  border-radius: 3px;
  transform: rotate(-25deg);
}
.autumn_sale__wrapper .autumn_sale__wrapper_search .title::after {
  position: absolute;
  right: 215px;
  top: 11px;
  content: "";
  width: 2px;
  height: 21px;
  background: #3E3E3E;
  border-radius: 3px;
  transform: rotate(25deg);
}
.autumn_sale__wrapper .autumn_sale__wrapper_search {
  padding-top: 52px;
  height: 150px;
}
.autumn_sale__wrapper .autumn_sale__wrapper_searchbox {
  position: relative;
  transform: initial;
  bottom: initial;
  left: initial;
  top: 702px;
}
.autumn_sale__wrapper .legacySearch__area {
  bottom: 8137px;/* 検索ボックスの位置調整のため。位置変更不可。2025/07/31現在この値が最適。 */
  border: 1px solid #a2a2a2;
  border-radius: 16px;
}



/* 個別CSS */
/* .legacySearch__area--fromTimeList {
  top: 97px;
    left: 12px;
} */

/* .legacySearch__area--fromTimeList,
.legacySearch__area--toTimeList {
transform: translateX(-176%) !important;
}

.select__area.select__area--prefectures {
transform: translateX(-126%) !important;
}

.select__area.select__area--prefectures:nth-of-type(2) {
transform: translateX(-70%) !important;
}

.select__area.search__area--prefecturesSelect2 {
transform: translateX(-104%) !important;
}


.legacySearch__area--fromAirport, .legacySearch__area--fromStation {
  transform: translateX(-70%) !important;

} */


/* レンタカーアプリ */
.rent-a-car_app {
  text-align: center;
  margin-top: 90px;
  margin-bottom: 100px;
}

.rent-a-car_app .flex{
  display: flex;
  justify-content: center;
}
.rent-a-car_app h3 {
    font-size: 30px;
    display: inline-block;
    position: relative;
    padding-top: 40px;
    margin-right: 15px;
    color: #EF311E;
  }

  .rent-a-car_app h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 35px;
  width: 100%;
  height: 10px; /* 線の太さ */
  background-color: #FFECB2;
  z-index: -1; /* 背景のように後ろに配置 */
}
.rent-a-car_app .text {
  font-size: 19px;
  line-height: 1.4;
  margin-top: 20px;
  margin-bottom: 65px;
  text-align: center;
}

.rent-a-car_app .flex02 {
  display: flex;
  justify-content:space-between;
  width: 430px;
  margin: 0 auto;
  margin-top: 50px;
}



/* カルーセル */
.autumn_sale__wrapper .carousel1 {
  position: relative;
}
.plan_wrapper .carousel1.--honshu {
    margin-top: 200px
}
.carousel1 .deco1 {
  position: absolute;
  right: -25%;
  bottom: -97px;
}
.carousel1.--hokkaido .deco1 img{
  width: 43%;
}
.carousel1.--kyusyu .deco1{
  right: -157px;
  bottom: -2px;
}
.carousel1.--kyusyu .deco1 img{
  width: 72%;
}
.carousel1.--okinawa .deco1 {
  right: -349px;
  bottom: -75px;
}
.carousel1.--okinawa .deco1 img{
  width: 46%;
}
.carousel1.--honshu .deco1{
  right: -157px;
  bottom: -2px;
}
.carousel1.--honshu .deco1 img{
  width: 72%;
}
.tabs {
  display: flex;
  gap: 5px;
  justify-content: center;
}
.tab {
  padding: 3px 20px;
  background-color: #fff;
  color: #3492C4;
  font-size: 30px;
  width: 260px;
  height: 70px;
  font-weight: bold;
  border-radius: 10px;
  line-height: 2;
  position: relative;
  margin-bottom: 30px;
  border: 2px solid #e69e31; 
  text-align: center;
}
.tab::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fff;
    z-index: 1;
}

.tab::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -17px; /* ::before より少し大きめに */
    width: 0;
    height: 0;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-top: 17px solid #e69e31;
    z-index: 0; 
}

.--hokkaido .tab {
      border: 2px solid #3492C4;   
}

.--hokkaido .tab::after {
      border-top: 17px solid #3492C4;
}

.--kyusyu .tab {
      border: 2px solid #B365C1;   
}

.--kyusyu .tab::after {
      border-top: 17px solid #B365C1;
}

.--okinawa .tab {
      border: 2px solid #C43A3A;   
}

.--okinawa .tab::after {
      border-top: 17px solid #C43A3A;
}



.tab.active {
  background-color: #ffffff;
  border: none;
  color: #3492C4;
  font-size: 26px;
  font-weight: bold;
}
.tab-content .content {
  display: none;
}
.tab-content .content.active {
  display: block;
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}
.swiper-container-wrapper {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
  padding: 50px 0px 30px 0px;
  border-radius: 30px;
  margin-bottom: 75px;
  text-align: center;
}

.swiper-container {
  width: 100%;
  overflow: visible;
  margin-bottom: 10px;
}
.swiper-wrapper {
  width: 100%;
}
.swiper-slide {
  display: flex;
  /* align-items: center;
  justify-content: center; */
  font-size: 20px;
  width: 233px !important;
  /* height: 395px; */
}

.swiper-button-next,
.swiper-button-prev {
  top: 50%;
  transform: translateY(-50%);
  color: #333;
  background: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  color: #fff;
}

.--hokkaido .swiper-button-next,
.--hokkaido .swiper-button-prev {
  top: 29%;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  color: #3E3E3E;
  font-size: 14px;
}

.swiper-button-next {
  right: -22px; /* 必要に応じて位置を調整 */
}

.swiper-button-prev {
  left: -22px; /* 必要に応じて位置を調整 */
}  

.swiper-pagination-bullet {
  background-color: #333;
  opacity: 0.7;
}

.autumn_sale__wrapper .swiper-pagination {
  margin-top: 10px;
} 

.autumn_sale__wrapper .swiper-pagination {
  position: initial;
}

.autumn_sale__wrapper .swiper-slide .item {
  width: 100%;
  background: #EAF4F9;
  border-radius: 20px 20px 20px 20px;
}

.autumn_sale__wrapper .swiper-slide .item .top {
  background: #F2F8FB;
  /* padding: 15px; */
  position: relative;
  /* margin-bottom: 5%; */
  display: flex;
  align-items: center;
  justify-content: center;
  height: 84px;
  border-radius: 20px 20px 0 0;
  height: 84px;
  flex-direction: column;
}
.autumn_sale__wrapper .swiper-slide .item .top svg {
  position: absolute;
  top: 83px;
}
.autumn_sale__wrapper .swiper-slide .item .top img {
  width: 40px;
  object-fit: contain;
}
.autumn_sale__wrapper .swiper-slide .item .top .logoname {
  font-size: 14px;
  line-height: 29px;
}
.autumn_sale__wrapper .swiper-slide .item .down {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 20px;
}
.autumn_sale__wrapper .swiper-slide .item .down img {
  width: 200px;
  height: 120px;
  object-fit: contain;
  margin-top: 35px;
}
.autumn_sale__wrapper .swiper-slide .item .down p:nth-child(2) {
  font-size: 15px;
  margin-top: 10px;
}
.autumn_sale__wrapper .swiper-slide .item .down p:nth-child(3) {
  font-size: 20px;
  font-weight: bold;
  color: #3492C4;
  line-height: 22px;
  margin-top: 13px;
}
.autumn_sale__wrapper .swiper-slide .item .down p:nth-child(4) {
  font-size: 10px;
  font-weight: bold;
  line-height: 16px;
  margin-top: 13px;
}
.autumn_sale__wrapper .swiper-slide .item .down p:nth-child(4) span {
  font-size: 10px;
}
.autumn_sale__wrapper .triangle {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}
.autumn_sale__wrapper .btn {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  padding: 10px 25px 25px 15px;
}
.autumn_sale__wrapper .btn a {
  background: #3492C4;
  color: #fff !important;
  position: relative;
  font-size: 12px;
  display: inline-block;
  border-radius: 40px;
  font-weight: bold;
  width: 160px;
  height: 37px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}   
.autumn_sale__wrapper .btn.bl2 a {
  width: 340px;
  height: 60px;
  font-size: 16px;
} 
/* 九州 */
.autumn_sale__wrapper .carousel1.--kyusyu .tab,
.autumn_sale__wrapper .carousel1.--kyusyu .swiper-slide .item .down p:nth-child(3) {
  color: #B365C1;
}
.autumn_sale__wrapper .carousel1.--kyusyu .btn a {
  background: #B365C1;
}
.autumn_sale__wrapper .carousel1.--kyusyu .swiper-slide .item {
  background: #F7EFF9 !important;
}
.autumn_sale__wrapper .carousel1.--kyusyu .swiper-slide .item .top {
  background: #FAF5FB !important;
}
/* 沖縄 */
.autumn_sale__wrapper .carousel1.--okinawa .tab,
.autumn_sale__wrapper .carousel1.--okinawa .swiper-slide .item .down p:nth-child(3) {
  color: #C43A3A;
}
.autumn_sale__wrapper .carousel1.--okinawa .btn a {
  background: #C43A3A;
}
.autumn_sale__wrapper .carousel1.--okinawa .swiper-slide .item {
  background: #F9EBEB !important;
}
.autumn_sale__wrapper .carousel1.--okinawa .swiper-slide .item .top {
  background: #FBF3F3 !important;
}

/* 本州 */
.autumn_sale__wrapper .carousel1.--honshu .tab,
.autumn_sale__wrapper .carousel1.--honshu .swiper-slide .item .down p:nth-child(3) {
  color: #e69e31;
}
.autumn_sale__wrapper .carousel1.--honshu .btn a {
  background: #ec8d49;
}
.autumn_sale__wrapper .carousel1.--honshu .swiper-slide .item {
  background: #fff3df !important;
}
.autumn_sale__wrapper .carousel1.--honshu .swiper-slide .item .top {
  background: #fff7e6 !important;
}


/* 第二弾 */
.autumn_sale__wrapper .no1 {
  margin-top: 0;
  background: url(/car/special/autumn_sale/images/bg_01.jpg);
  background-repeat: no-repeat;
  background-size: cover;  
  padding: 80px 0;
}

.autumn_sale__wrapper .no2 {
  margin-top: 0;
  background: url(/car/special/autumn_sale/images/bg_02.jpg);
  background-repeat: no-repeat;
  background-size: cover;  
  padding: 80px 0;
}
.mainland {
  color: #B4AE48;
}
.cs_txt {
  font-size: 30px;
}
.cs_box {
  font-size: 25px;
  border: 2px solid #4B4B4B;
  padding: 20px 0;
  margin-top: 30px;
  margin: 0 auto;
  margin-top: 30px;
  max-width: 600px;
}
/* 注意事項 */
.notice_wrap {
  max-width: 800px;
  margin: 0 auto;
}
.notice_ttl {
  text-align: center;
  font-size: 20px;
  padding: 50px 0 30px;
}
.notice_txt_box {
  font-size: 16px;
  font-weight: 400;
}

.notice_txt_box a{
  text-decoration: underline !important;
}



/* sec1 */
.autumn_sale__wrapper .sec.no3 .title p,.autumn_sale__wrapper .sec.no5 .title p {
  color: #87B215;
  border-bottom: #87B215;
}
  
.autumn_sale__wrapper .carousel2 .tab.active {
  background: #EAF4F9;
}

.carousel1 .tab.active[data-tab="2"] {
  color: #B365C1;
  background: #fff;
}

.carousel1 .tab.active[data-tab="3"] {
  color: #C43A3A;
}

.carousel1 .tab.active[data-tab="4"] {
  color: #E65C8C;
}


.carousel2 .tab.active[data-tab="2"] {
  color: #C43A3A;
  background: #F9EBEB;
}

.autumn_sale__wrapper .carousel2 .swiper-container-wrapper {
  background: #EAF4F9;
  padding: 50px 50px;
}

.carousel2 .swiper-container {
  overflow: hidden;
  width: 100%;
}

.carousel2 .swiper-wrapper {
  display: flex;
  justify-content: flex-start;
}

.carousel2 .swiper-slide {
  width: calc(25% - 17.25px) !important;
}

.autumn_sale__wrapper .sec.no3 .swiper-slide .item .top {
  background: none;
  display: block;
  height: auto;
}

.autumn_sale__wrapper .sec.no3  .swiper-slide .item {
  background: #fff;
}

.autumn_sale__wrapper .sec.no3 .swiper-slide {
  background: #fff;
  height: auto;
  border-radius: 10px;
}

.autumn_sale__wrapper .sec.no3 .swiper-slide .item .top img {
  width: 100%;
  height: 155px;
  object-fit: cover;
  border-radius: 10px 10px 0 0;
}

.autumn_sale__wrapper .sec.no3 .swiper-slide .item .down {
  align-items: flex-start;
}

.autumn_sale__wrapper .sec.no3 .swiper-slide .item .down p:nth-child(1) {
  font-size: 14px;
  color: #d72f3e;
  line-height: 22px;
  font-weight: bold;
}

.autumn_sale__wrapper .sec.no3 .swiper-slide .item .down p:nth-child(2) {
  font-size: 14px;
  color: #3492C4;
  line-height: 22px;
  font-weight: bold;
  margin-top: 8px;
}

.autumn_sale__wrapper .sec.no3 .swiper-slide .item .down p:nth-child(3) {
  font-size: 12px;
  color: #3E3E3E;
  line-height: 22px;
  margin-top: 10px;
}

.autumn_sale__wrapper .sec.no3  .swiper-slide .item .down {
  padding: 12px 10px;
}

.autumn_sale__wrapper .sec.no3 .swiper-button-next {
  right: 110px;
}

.autumn_sale__wrapper .sec.no3 .swiper-button-prev {
  left: 110px;
}

@media screen and (min-width: 1300px) {
  .autumn_sale__wrapper .sec.no3 .swiper-button-next {
      transform: translateX(-340%);
  }
  .autumn_sale__wrapper .sec.no3 .swiper-button-prev {
      transform: translateX(340%);
  }
}

/* Pagination間隔を15pxに設定 */
.swiper-pagination-bullet {
  margin: 0 7.5px !important; 
  background-color: #DBDBDB; 
  opacity: 1; 
  width: 8px; 
  height: 8px; 
  transition: background-color 0.3s ease; 
}

/* 選ばれているPaginationの色 */
.swiper-pagination-bullet-active {
    background-color: #3492C4;
}

.--honshu .swiper-pagination-bullet-active {
    background-color: #EC8D49; 
}

.--kyusyu .swiper-pagination-bullet-active {
    background-color: #B365C1; 
}

.--okinawa .swiper-pagination-bullet-active {
    background-color: #C43A3A; 
}



.autumn_sale__wrapper .sec.no4 {
  background: url(/car/service/autumn_sale__wrapper/images/bg1.jpg);
  background-size: cover;
  padding-top: 60px;
  margin-top: 100px;
  padding-bottom: 110px;
  position: relative;
}

.autumn_sale__wrapper .deco3 {
  position: absolute;
  top: -30px;
  right: 160px;
}

.autumn_sale__wrapper .sec.no4 .spot {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 80px;
}

.autumn_sale__wrapper .sec.no4 .spot .wrapper {
  display: grid;
  gap: 20px; /* 要素間のスペース */
  grid-template-columns: repeat(3, 1fr); /* 3列構成 */
}

.autumn_sale__wrapper .sec.no4 .spot .wrapper .item {
  flex: 1 0 calc(33.333% - 20px); 
  box-sizing: border-box; 
  padding: 10px;
  background: #fff;
  text-align: center;
  position: relative;
  border-radius: 10px;
  text-align: center;
}

.autumn_sale__wrapper .sec.no4 .spot .wrapper .item:nth-child(n+4) {
  margin-top: 60px;
}

.autumn_sale__wrapper .sec.no4 .spot .wrapper .item p {
  line-height: 22px;
  margin-top: 10px;
  text-align: left;
}

/* 4列目以降を新しい段に押し込む */
.autumn_sale__wrapper .sec.no4 .spot .wrapper .item:nth-child(3n+1) {
  clear: left;
}

.autumn_sale__wrapper .sec.no4 .spot .wrapper .item img {
  width: 280px;
  height: 186px;
  object-fit: cover;
  position: relative;
  z-index: 30;
  margin-top: 27px;
}

.autumn_sale__wrapper .sec.no4 .spot .wrapper .item .circle {
  background: url(/car/service/autumn_sale__wrapper/images/circle.png);
  background-size: cover;
  background-position: center;
  overflow: hidden;
  width: 170px;
  height: 170px;
  object-fit: contain;
  position: absolute;
  top: -40px;
  right: 23%;
  display: flex;
  justify-content: center;
  /* align-items: center; */
  /* flex-direction: column; */
  padding-top: 24px;
  z-index: 20;
  font-size: 26px;
  font-weight: bold;
}

.autumn_sale__wrapper .sec.no4 .spot .wrapper .item:nth-child(4) .circle {
  right: 50%;
  transform: translateX(50%); /* 真ん中に正確に配置するために追加 */
}

.autumn_sale__wrapper .sec.no4 .spot .wrapper .item:nth-child(5) .circle {
  right: 50%;
  transform: translateX(50%); /* 同様に真ん中に配置 */
}

.autumn_sale__wrapper .bluec {
  color: #3492C4;
}

.autumn_sale__wrapper .greenc{
  color: #45B132;
}

.autumn_sale__wrapper .brownc {
  color: #A86F13;
}

.autumn_sale__wrapper .orangec {
  color: #F08100;
}

.autumn_sale__wrapper .purplec {
  color: #B365C1;
}

.autumn_sale__wrapper .redc {
  color: #C43A3A;
}

.autumn_sale__wrapper .sb .bluec {
  background: #3492C4;
}
.autumn_sale__wrapper .sb .greenc {
  background: #45B132;
}
.autumn_sale__wrapper .sb .brownc {
  background: #A86F13;
}
.autumn_sale__wrapper .sb .orangec {
  background: #F08100;
}
.autumn_sale__wrapper .sb .purplec {
  background: #B365C1;
}
.autumn_sale__wrapper .sb .redc {
  background: #C43A3A;
}

.autumn_sale__wrapper .btn.pnk {
  margin-top: 50px;
  display: flex;
  justify-content: center;
}

.autumn_sale__wrapper .btn.pnk a {
  width: 340px;
  height: 60px;
  font-size: 16px;
  background: #E65C8C; 
}


/* sec5 */
.autumn_sale__wrapper .sec.no5 {
  position: relative;
  padding-top: 60px;
}

.autumn_sale__wrapper .deco4 {
  position: absolute;
  top: -80px;
  left: 90px;
}

.autumn_sale__wrapper .btn.grn {
  margin-top: 50px;
  padding: 0;
}

.autumn_sale__wrapper .btn.grn a {
  width: 340px;
  height: 60px;
  background: #87B215;
  font-size: 16px;
}

.autumn_sale__wrapper .sec.no5 .detail {
  max-width: 676px;
  margin: 0 auto; 
}

.autumn_sale__wrapper .sec.no5 .introduction {
  margin-top: 50px;
}

.autumn_sale__wrapper .sec.no5 .detail .content {
  background: #F8F6E9;
  padding: 30px 40px;
  margin-top: 30px;
  border-radius: 30px;
}

.autumn_sale__wrapper .sec.no5 .detail .content .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.autumn_sale__wrapper .sec.no5 .detail .content .wrapper .left {
  width: 48%;
  margin-top: 10px;
}

.autumn_sale__wrapper .sec.no5 .detail .content .wrapper .right {
  width: 48%;
}

.autumn_sale__wrapper .sec.no5 .detail .content .wrapper .left .item {
  font-size: 21px;
  line-height: 50px;
  color: #3E3E3E;
  font-weight: bold;
}

.autumn_sale__wrapper .sec.no5 .detail .content .wrapper .left .item p span {
  color: #87B215;
}

.autumn_sale__wrapper .sec.no5 .detail .content .wrapper .left .item .border {
  border-top: 1px dotted #B2AE91; 
  margin-top: 10px; 
  margin-bottom: 10px;
}

.autumn_sale__wrapper .sec.no5 .detail .content .wrapper .right .com {
  display: flex    ;
  align-items: center;
  justify-content: center;
}

.autumn_sale__wrapper .sec.no5 .detail .content .wrapper .right .com p {
  font-size: 14px;
  font-weight: bold;
}

.autumn_sale__wrapper .sec.no5 .detail .content .wrapper .right .com .border {
  content: "";
  display: inline-block;
  width: calc(100% - 140px);
  height: 1px;
  margin-left: 8px;
  border-top: 1px dotted #B2AE91;
  vertical-align: middle;
}

.autumn_sale__wrapper .sec.no5 .detail .content .wrapper .right .unit {
  display: flex;
  flex-wrap: wrap; /* 要素を折り返す */
  gap: 16px; 
}


.autumn_sale__wrapper .sec.no5 .detail .content .wrapper .right .unit img {
  flex: 0 0 calc(33.333% - 12px);
  max-width: 100%;
  height: auto;
  width: 100%;
}

.autumn_sale__wrapper .sec.no5 .note {
  line-height: 22px;
  margin-top: 30px;
  font-size: 12px;
}

.autumn_sale__wrapper .sec.no5 .note .title {
  font-size: 14px;
  color: #000;
  align-items: baseline;
}

.autumn_sale__wrapper .sec.no5 .note + .border {
  content: "";
  /* display: inline-block; */
  width: 100%;
  height: 1px;
  border-top: 1px dotted #B2AE91;
  /* vertical-align: middle; */
  margin-top: 30px;
}


.autumn_sale__wrapper .blbtn_top {
  margin-top: 100px;
  margin-bottom: 70px;
  text-align: center;
}

.autumn_sale__wrapper .blbtn_top a {
  background: #003894;
  color: #fff !important;
  padding: 8px 180px 8px 15px;
  position: relative;
  text-decoration: none !important;
  font-size: 18px;
  text-align: left;
  display: inline-block;
}

.autumn_sale__wrapper .blbtn_top a::after {
  content: "";
  width: 12px;
  height: 12px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 50%;
  right: 5%;
  margin-top: -8px;
  transform: rotate(45deg);
}


/* 色毎 */
/* kyushu  */
.autumn_sale__wrapper .kyushuc {
  color: #B365C1 !important;
}

.autumn_sale__wrapper .kyushub {
  background: #FAF5FB !important;
}

.autumn_sale__wrapper .kyushub2 {
  background: #F7EFF9 !important;
}

.autumn_sale__wrapper .kyushub3 {
  background: #B365C1 !important;
}

/* okinawa */
.autumn_sale__wrapper .okinawac {
  color: #C43A3A !important;
}

.autumn_sale__wrapper .okinawab {
  background: #FBF3F3 !important;
}

.autumn_sale__wrapper .okinawab2 {
  background: #F9EBEB !important;
}

.autumn_sale__wrapper .okinawab3 {
  background: #C43A3A !important;
}

/* sonota */
.autumn_sale__wrapper .sonotac {
  color: #E65C8C !important;
}

.autumn_sale__wrapper .sonotab {
  background: #FFF5F8 !important;
}

.autumn_sale__wrapper .sonotab2 {
  background: #FFEFF4 !important;
}

.autumn_sale__wrapper .sonotab3 {
  background: #E65C8C !important;
}

/* 当選内容 */
.autumn_sale__wrapper .winningdetails {

}

.autumn_sale__wrapper .winningdetails .title {
    font-size: 32px;
    color: #2577bc;
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
}

.autumn_sale__wrapper .winningdetails .title::before {
    content: "";
    background: url(/car/special/autumn_sale/images/icon04.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 30px;
    height: 30px;
    left: 38%;
}

.autumn_sale__wrapper .winningdetails .title::after {
    content: "";
    background: url(/car/special/autumn_sale/images/icon05.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 31px;
    height: 30px;
    right: 38%;
}

.autumn_sale__wrapper .winningdetails .wrapper {
    max-width: 680px;
    margin: 0 auto;
    background: #fbfcca;
    padding: 60px 50px;
    font-size: 1.2em;
    border-radius: 20px;
    border: 2px solid #d9da8a;
    color: #6e5a5a;
}


.autumn_sale__wrapper .winningdetails .wrapper .card {
  all: unset;
  display: flex;
  justify-content: space-between;
  margin-top: 90px;
}

.autumn_sale__wrapper .winningdetails .wrapper .card:first-child {
  margin-top: 0px;
}

.autumn_sale__wrapper .winningdetails .wrapper .card .left p {
  position: relative;
  z-index: 10;
  color: #fff;
}

.autumn_sale__wrapper .winningdetails .wrapper .card .left p::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;   /* 円のサイズ */
  height: 80px;
  background-color: #c2b04c; 
  border-radius: 50%;
  z-index: -1;
}

.autumn_sale__wrapper .winningdetails .wrapper .card.no2 .left p::before {
  background-color: #adadad; 
    width: 70px;
    height: 70px;
}

.autumn_sale__wrapper .winningdetails .wrapper .card.no3 .left p::before {
    background-color: #c87545;
    width: 65px;
    height: 65px;
}

.autumn_sale__wrapper .winningdetails .wrapper .card .left {
  display: flex;
}

.autumn_sale__wrapper .winningdetails .wrapper .card .left .border {
    border-bottom: 2px solid #d2d48b;
    width: 170px;
    margin-left: 80px;
    position: relative;
    top: -9px;
}

.autumn_sale__wrapper .winningdetails .wrapper .card .right {
  display: flex;
  font-size: 1.5em;
}


.autumn_sale__wrapper .winningdetails .wrapper .card .amount {
  
}

.autumn_sale__wrapper .winningdetails .wrapper .card.no2 {
  font-size: 0.9em;
}

.autumn_sale__wrapper .winningdetails .wrapper .card.no3 {
  font-size: 0.8em;
}

.autumn_sale__wrapper .winningdetails .wrapper .card span {
    font-size: 0.7em;
}

.autumn_sale__wrapper .winningdetails .wrapper .card .people {
      margin-left: 20px;
}

/* partsに記載のもの消す */

.btn::before, .btn::after {
  display: none;
}

/* ドライブスポット */
.gw_special__main--car {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 60px;
    border-radius: 20px;
    position: relative;
}

.--hokkaido .gw_special__main--car {
    border: 1px solid #6FAECF;
}

.--kyusyu .gw_special__main--car {
    border: 1px solid #BD8AC7;
}

.--okinawa .gw_special__main--car {
    border: 1px solid #CB6464;
}

.--honshu .gw_special__main--car {
    border: 1px solid #F6AF7D;
}

.gw_special__main--car .gw_special__main--title {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #9b2c7a;
    border-radius: 20px 20px 0 0;
    font-size: 2em;
    font-family: "Zen Maru Gothic", serif;
    font-weight: 900;
    color: #fff;
    letter-spacing: 0.1em;
}

.--hokkaido .gw_special__main--car .gw_special__main--title {
      background-color: #6FAECF;
}

.--kyusyu .gw_special__main--car .gw_special__main--title {
      background-color: #BD8AC7;
}

.--okinawa .gw_special__main--car .gw_special__main--title {
      background-color: #CB6464;
}

.--honshu .gw_special__main--car .gw_special__main--title {
      background-color: #F6AF7D;
}

.gw_special__main--content {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 0px;
    display: flex;
    justify-content: space-evenly;
    background-color: #fff;
    border-radius: 0 0 20px 20px;
    padding-bottom: 27px;
}

.gw_special__main--car .gw_special__main--image {
    max-width: 50%;
    width: 100%;
    position: relative;
}

.gw_special__main--car .gw_special__main--image {
    margin-top: 53px;
}

.gw_special__main--car .gw_special__main--image img {
    height: 270px;
    width: 88%;
    border-radius: 45px;
}

.gw_special__main--car .gw_special__main--textarea {
    margin-top: 22px;
}

.gw_special__main--content .gw_special__sub--title {
    margin-bottom: 10px;
    font-size: 1.45em;
    font-family: "Zen Maru Gothic", serif;
    letter-spacing: 0.1em;
    font-weight: 900;
    line-height: 1.5;
    text-align: center;
}

.--hokkaido .gw_special__main--content .gw_special__sub--title {
    color: #3492C4;
}

.--kyusyu .gw_special__main--content .gw_special__sub--title {
    color: #B365C1;
}

.--okinawa .gw_special__main--content .gw_special__sub--title {
    color: #C43A3A;
}
.--honshu .gw_special__main--content .gw_special__sub--title {
    color: #F08100;
}

.gw_special__main > #kyushu .gw_special__main--content .gw_special__sub--title {
    color: #ffa500;
}

.gw_special__main--desc_txt {
  width: 400px;
    font-size: 1.2em;
    letter-spacing: 0.05em;
    line-height: 1.625;
    text-align: justify;
    padding-bottom: 15px;
}

.gw_special__main--button {
    color: #fff;
}

.gw_special__main--car .gw_special__main--button a {
    max-width: 360px;
    margin: 0 auto;
    font-size: 1em;
}

.gw_special__main--content .gw_special__main--button a:after {
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

.gw_special__main--button a:after {
    content: "";
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}


.orgbtn {
    margin: 100px 0;
    display: flex;
    justify-content: center;
}

.orgbtn a {
    background: #F08300;
    color: #fff !important;
    position: relative;
    font-size: 1.4em;
    display: inline-block;
    border-radius: 10px;
    font-weight: bold;
    width: 500px;
    height: 80px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
}