@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* 基本
--------------------------- */

html,
body {
    margin: 0;
    padding: 0;
    /* ページ内で特に指定していない文字 */
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    font-weight: 500;       /* Medium相当 */
    color: #333333;
    background-color: #ffffff;
}
/* 余白管理用 */
.spacer {
  margin-top: clamp(16px, 5vw, 64px);
  min-height: 16px;
  display: block;
}
/* 余白管理用 */

/* ページ内の小さめ文字用 */
.note_text {
  font-size: 0.7em; 
}
/* ページ内の小さめ文字用 */


.decor-icons {
    position: relative;
    width: 0;
    height: 0;
     z-index: 1000;
}

.icon {
    position: absolute;
    pointer-events: none;
    z-index: 1;
    z-index: 999;
    width: 60px;
    height: 60px;
}

.icon1-1 { top: 50vh; left: 5vw; }
.icon1-2 { top: 65vh; left: 10vw; }
.icon1-3 { top: 400vh; left: 5vw; }
.icon1-4 { top: 430vh; left: 10vw; }


.icon2-1 { top: 60vh; left: 85vw; }
.icon2-2 { top: 140vh; left: 90vw; }
.icon2-3 { top: 170vh; left: 85vw; }
.icon2-4 { top: 235vh; left: 90vw; }
.icon2-5 { top: 280vh; left: 95vw; }
.backgroud_deco_wood {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  pointer-events: none;


}


#container {
width: 1000px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}


.winter_sale {
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    line-height: 32px;
    letter-spacing: 0.1;
    width: 100%;
    background: #e7f2f8;

}

/* TOP画像 */
.beginning {
  display: flex;
  justify-content: center;   /* 画像ブロック自体を中央寄せ */
  padding: clamp(8px, 1.5vw, 20px) 0;
}

.mainvisual {
    position: relative;
    width: 1200px;
    object-position: 50% 50%;
    display: block;
  margin: 0 auto;
}

.winter_sale a:hover {
    opacity: .5;
    text-decoration: none;
}
/* TOP画像ここまで */

/* topコメント */
.sale_top_comment{
    margin:50px;
font-family: "Noto Sans JP";
font-weight: bold;
font-size: 20px;
letter-spacing: 0.02em;
text-align: center;
color: #3e3e3e;
}

/* topコメントここまで */

/* Paypayキャンペーン */
/* PayPayキャンペーン全体 */
.paypay_campain {
    display: flex;
    flex-direction: column;
    align-items: center; /* 子要素を横方向中央揃え */
    text-align: center;
    gap: 8px;            /* 子要素間の縦間隔 */
    margin-top: 40px; /* 上に余白でTOPコメントとの隙間調整 */
}

/* ヘッダー部分（アイコン＋文字横並び） */
.paypay_header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.paypay_header img {
    width: 57px;
height: 57px;}

/* アイコン横のタイトル */
.paypay_title {
    font-family: "Noto Sans JP";
    font-weight: bold;
    font-size: 22px;
    letter-spacing: 0.05em;
    line-height: 40px;
    color: #36779F;
    margin: 0;
}
.underline {
    position: relative;
}
.underline::after{
  content: "";
  position: absolute;
  left: 0;
  right: 5px;
  bottom: -12px;
  width: 44%;
  height: 0.4em;
  background: #D9F8FF;
  z-index: -1;
  margin: auto;
}


/* 「抽選300名様～」部分 */
.paypay_bonus {
    font-family: "Noto Sans JP";
    font-weight: bold;
    font-size: 26px;
    color: #B1221E;
    margin: 0;
    line-height: 36px;
}

/* その他の文字 */
.paypay_subtitle,
.paypay_subtext {
    font-family: "Noto Sans JP";
    font-weight: bold;
    font-size: 20px;
    color: #3E3E3E;
    margin: 0;
    line-height: 30px;
}
.paypay_row {
    display: flex;          
    align-items: center;    
        
}

.red-bold
{
  color: #B1221E;
  font-size: 24px;
  font-weight: bold;
}

/* 応募方法 */
.apply_inner {
  justify-content: center;
  align-items: center;
}

.apply_head {
  margin: 30px 0;
  align-items: center;
  gap: 8px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 36px;
  font-weight: bold;
  color: #36779F;
  position: relative;
  white-space: nowrap;
}

.apply_head::before {
  content: "";
  background: url(/car/service/winter_sale/images/cicon04.png) no-repeat center / cover;
  position: absolute;
  width: 30px;
  height: 30px;
  left: -50%;
}

.apply_head::after {
  content: "";
  background: url(/car/service/winter_sale/images/cicon05.png) no-repeat center / contain;
  position: absolute;
  width: 31px;
  height: 30px;
  right: -50%;
}

.apply_campaign_text {
  text-align: left;       
  font-size: 16px;        
  line-height: 1.35;     
}

.apply_campaign_text ul {
  margin: 0;             
  padding-left: 1.2em;    
}

.apply_campaign_text li {
  margin: 2px 0;        
}

/* Paypayキャンペーンここまで */
/* 詳しくはこちら、セール対象のプランはこちらボタン */
.button_link_detail {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 340px;          /* 最低幅 */
  min-height: 60px;          /* 最低高さ */
  padding: 0 30px;
  border-radius: 30px;
  margin: 15px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  position: relative;        /* 矢印の基準 */
  padding-right: 48px;       /* 右端の矢印分 */
}
.button_link_detail::after {
  content: ">";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: inherit;
  font-size: 16px;
  line-height: 1;
}

/* カラーバリエーション */
.button_orange {
  background: #F08300;
  border: 2px solid #F08300;
  color: #fff;
}
.button_orange,
.button_orange:link,
.button_orange:visited,
.button_orange:hover,
.button_orange:active {
  color: #fff;
  text-decoration: none;
}
.button_blue {
  background: #003894;
  border: 2px solid #003894;
  color: #fff;
}

/* 追加：横長バリエーション */
.button_link_detail.long {
  min-width: 520px;          /* 既定 340px → 520px に拡張 */
}

/* 既存の固定幅(.btn.bl2 a { width:340px; height:60px; ... })を上書き */
.btn.bl2 a.button_link_detail.long {
  width: auto;               /* 固定幅解除 */
  min-width: 520px;          /* 横長最小幅を適用 */
  height: 60px;              /* 既定の高さは維持 */
}


 /* BUTTON_LINK_DETAILここまで */

    /* ページ内リンクボタンanchor_links領域 */
.sec.no1 .nav .list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.sec.no1 .nav .list li {
    margin-left: 12px;
    margin-top: 20px;
}

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

.sec.no1 .nav .list a {
  display: flex;
  width: 220px;
  height: 60px;
  border-radius: 50px;
  padding-left: 16px;
  align-items: center;
  color: #333333;
  line-height: 22px;
  position: relative;
  text-decoration: none;
  font-size: 14px;
  font-family: 'Zen MARU Gothic', sans-serif;
}

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

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

/* 九州・北海道（青） */
.sec.no1 .nav .list li:nth-child(1) a,
.sec.no1 .nav .list li:nth-child(3) a {
  border: 2px solid #B7D7EB;
  background: #B7D7EB;
}

/* 沖縄・本州（緑） */
.sec.no1 .nav .list li:nth-child(2) a,
.sec.no1 .nav .list li:nth-child(4) a {
  border: 2px solid #BEE2E3;
  background: #BEE2E3;
}
/* NAVリストの間隔をコンパクトに（横=10px / 縦=8px） */
.sec.no1 .nav .list {
  gap: 8px 10px;              /* rows cols */
}

/* liに付いている余白を打ち消し（gapに一本化） */
.sec.no1 .nav .list li {
  margin: 0 !important;
}
.sec.no1 .nav .list li:first-child {
  margin: 0 !important;
}

   /* ページ内リンクボタンanchor_links領域ここまで */

/* 検索窓＿ページ上部の対象プラン検索BOX */
/* winter_sale_searchセクション全体 */
/* 検索ボックス上下要素に合わせる */

/* 元の絶対指定を無効化 */
.selfcheckin_search_container,
.selfcheckin_searchbox {
  position: static !important;
  height: auto !important;
  transform: none !important;
  bottom: auto !important;
  left: auto !important;
}

.search_section {
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 4vw, 48px);
}

/* 「割引注意」リンクが直後に来る .search_section のみ調整 */
.search_section:has(+ a[href="#discount_caution"]) .spacer {
  display: none;          /* 余白用のダミー要素を無効化 */
}
.search_section:has(+ a[href="#discount_caution"]) .search_warning {
  margin-bottom: 0;      
  margin-top: 90px;
}


.winter_sale_search {
    display: flex;
    flex-direction: column;   /* 縦並び */
    align-items: center;      /* 子要素を横方向中央揃え */
    text-align: center;       /* テキストも中央揃え */
    gap: 16px;
    width: 100%;              /* 親要素いっぱいに広げる */
}

/* 横並びのタイトルボックス */
.search_title_box {
    display: flex;
    align-items: center; 
    justify-content: center;  /* 横方向中央揃え */
    gap: 8px;               
    flex-wrap: wrap;          /* 狭い画面は折り返す */
}

/* アイコンサイズ */
.search_title_box img {
    width: 30.33px;
    height: 30.35px;
    background: transparent;
}

/* タイトル文字 */
.search_title {
    font-family: "Noto Sans JP";
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 0.05em;
    line-height: 40px;
    color: #3e3e3e;
}
/* 出発日範囲 */
.syousai .date_range {
    color: #B1221E;
    font-size: 24px;
    font-weight: bold;
}

/* 「出発日は～選んでください」のテキスト */
.syousai .date_text {
    color: #3E3E3E;
    font-size: 20px;
    font-weight: bold;
}

/* 注意事項 */
.search_warning {

    color: #B1221E;
    font-size: 16px;
    font-weight: 500; /* Medium相当 */
}
.page_margin {
    height: 50px; 
}


/* winter_sale_search
セクション全体ここまで */
/* 検索窓ここまで */

/* アプリおススメ
ここから */
.apps_recomend {
    display: flex;
    flex-direction: column;   
    align-items: center;      
    text-align: center;       
    gap: 16px;                
}

.apps_recomend_heading {
    display: flex;               
    align-items: center;         
    gap: 8px;                    
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #36779F;
    white-space: nowrap;         
}

.apps_recomend_heading img {
    width: 28.5px;
    height: 23.87px;
    background: transparent;
}

/* アプリStore画像 */
.apps_imags {
    display: flex;
    justify-content: center;   
    gap: 100px;                  
    margin: 0 auto;             
}
/* アプリおススメ
ここまで */

/* イベントセクション
ここから */
/* 共通 */
.event_section {
        width: 100%;
    max-width: 1600px; 
    margin: 0 auto;
    padding: 40px 0;
     position: relative;      
}

/* 中央寄せの内側コンテンツ */
.event_inner {
    width: 1000px;
    margin: 0 auto;
}


.event_section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%); /* 中央基準にずらす */
    width: 100vw;
    height: 100%;
    z-index: -1;
}

/* タイトル下罫線 */
.event_hr {
  width: 100%;           
  max-width: 1000px;
    border: none;
    border-top: 5px dotted #5FA3CD; /* 青色点線 */
    margin: 8px 0 16px 0;
}

/* 見出し付きテキスト枠 */

.event_container {
    display: flex;         
    align-items: flex-start; 
    gap: 24px;               
    margin-top: 10px;        
}

.event_container .event_image_box img {
    width: 370px;           
    height: auto;

}

.event_container .event_content_box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 800px;       
}
/* イベントサブタイトル */
.event_subtitle {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}

.event_textbox{
  text-align: left;
     padding: 16px;
    border-top: 2px solid #BDBDBD; 
}

.drive_link{
  align-self: flex-end;
  margin-top: 8px;
}

/* ここから各色 */
/* タイトル */
.event_title {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    margin: 0;
}

/* テーマカラー切り替え */
.event_section.blue .event_title {
    background-color: #5FA3CD;
    color: #5FA3CD; 
}
.event_section.green .event_title {
    background-color: #5FA9AC;
    color: #5FA9AC; 
}

.plan_title_box{
display: flex;
align-items: center; 
gap: 10px; 
justify-content: center;
margin-top: 60px;
}
.plan_title_icon {
    width: 30px;
    height: auto;
display: block;
}

.plan_title_text {
  font-size: 30px;
  font-weight: bold;
  margin: 0;
}
.plan_title_text.blue{
    color: #5FA3CD;
}
.plan_title_text.green { color: #5FA9AC; }

.event_section.blue::before {
    background-color: #E6F3FA; 
}
.event_section.green::before {
    background-color: #E0F0F1; 
}

.road-condition-text{
  text-align: left;
}
/* イベントセクションここまで */

/* Paypayステップ */
.paypay_campaign_HowToApply{
  justify-content: center;
  } 

.steps_container {
  display: flex;
  justify-content: space-between; 
  align-items: stretch;           
  gap: 30px;                     
}

.step_left, .step_right {
  display: flex;
  flex-direction: column;
  gap: 0px;                     
}
.step_center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.triangle-img {
  width: 52px;
  height: 92px;
  object-fit: contain;
}


.step_box {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 400px;
  margin: 0px;
  padding: 30px 20px 20px;
  border: 3px solid #9CCEEC;
  border-radius: 8px;
  text-align: center;
  background: #EFFCFF;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.step_box .step_icon {
  position: absolute;
  top: -80px;        
  left: 50%;
  transform: translateX(-50%);
  width: 100px;       /* アイコンサイズ調整 */
  height: auto;
}

/*
 paypay注意文 */
.caution_text_paypay{
  margin: 0 auto; 
  text-align: left; 
  max-width: 800px;
  padding: 25px 25px;
  text-align: left;
  border: 1px solid #9CCEEC;
}

/* Paypayステップここまで */

/* 下部木 */
.backgroud_deco_wood_3{
  display: block;
  margin: 0 auto 0 0;
  text-align: left;

}
/* 下部木 */


/*
 下部注意文 */
.caution_text{
  margin: 0 auto; 
  text-align: left; 
  max-width: 800px;
  margin: 30px auto;
  padding: 16px 20px;
   border: 2px solid #ccc;
  background: #ffffff;
  text-align: left;
}

/* 見出し */
.caution_text h5 {
  text-align: center;
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding-bottom: 6px;
  border-bottom: 2px solid #ccc;
}

/* 本文 */
.caution_text p {
  margin: 8px 0;
  font-size: 14px;
  line-height: 1.6;
}
/*
 下部注意文 */

/* Paypay注意事項 */
.caution_text_paypay {
  text-align: left;
  font-size: 16px;
  line-height: 1.35;
}

/* 見出し（同フォントサイズでOKとのこと） */
.caution_text_paypay h5 {
  font-size: 16px;         
  line-height: 1.35;
  font-weight: 700;         
  margin: 0 0 8px;          
  padding-bottom: 6px;      
  border-bottom: 1px solid #BDBDBD;  
    text-align: center;
}

/* UL/Li の詰め具合を調整 */
.caution_text_paypay .paypay_caution_list {
  margin: 0;                
  padding-left: 1.2em;   
    list-style: disc !important;;
  list-style-position: outside;   
}

.caution_text_paypay .paypay_caution_list li {
  margin: 2px 0;
  display: list-item;  
  list-style: inherit;            
}
/* Paypay注意事項 */

/* カルーセル
--------------------------- */

.winter_sale__wrapper .carousel1 {
  position: relative;
}
.plan_wrapper .carousel1.--honshu {
    margin-top: 200px
}
.carousel1 .deco1 {
  position: absolute;
  right: -48px;
  bottom: -49px;
}
.carousel1.--hokkaido .deco1 img{
  width: 50%;
}
.carousel1.--kyusyu .deco1{
  right: 52px;
  bottom: 0;
}
.carousel1.--kyusyu .deco1 img{
  width: 42%;
}
.carousel1.--okinawa .deco1 {
  right: -104px;
  bottom: -104px;
}
.carousel1.--okinawa .deco1 img{
  width: 82%;
}
/* キャプションボックス */
/* タブ見出しと雪アイコン（.tabs / .tab-icon） */
.tabs {
  position: relative;
  display: flex;
  gap: 5px;
  justify-content: center;
  --tab-w: 260px;
  --icon-w: 75.61px;
  --icon-h: 48.81px;
  --icon-over: 12px;
}

.tab-icon {
  position: absolute;
  top: -10px;
  left: calc(50% + var(--tab-w)/2 - var(--icon-w) + var(--icon-over));
  width: var(--icon-w);
  height: var(--icon-h);
  background: transparent;
  pointer-events: none;
}

.tab {
  padding: 3px 20px;
  background-color: #fff;
  color: #3492C4;
  font-size: 30px;
  width: var(--tab-w);
  height: 70px;
  font-weight: bold;
  border-radius: 10px;
  line-height: 2;
  position: relative;
  margin-bottom: 30px;
  border: 2px solid #5FA9AC;
}

.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;
  width: 0;
  height: 0;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  border-top: 17px solid #5FA9AC;
  z-index: 0;
}

/* キャプションボックスここまで */
/* カルーセル */
.--hokkaido .tab {
      border: 2px solid #3492C4;   
}
.--hokkaido .tab::after {
      border-top: 17px solid #3492C4;
}
.--kyusyu .tab {
      border: 2px solid #B7D7EB;   
}
.--kyusyu .tab::after {
      border-top: 17px solid #B7D7EB;
}
.--okinawa .tab {
      border: 2px solid #BEE2E3;   
}
.--okinawa .tab::after {
      border-top: 17px solid #BEE2E3;
}

.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 0px 0px;
  border-radius: 30px;
}

.swiper-container {
  width: 100%;
  overflow: visible;
  margin-bottom: 10px;
}
.swiper-wrapper {
  width: 100%;
}
.swiper-slide {
  display: flex;
  font-size: 20px;
  width: 233px !important;
}

.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;
}

.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;
}

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

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

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

.winter_sale__wrapper .swiper-slide .item .top {
  background: #F2F8FB;

  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;
  height: 84px;

  height: 84px;
  flex-direction: column;
}
.winter_sale__wrapper .swiper-slide .item .top svg {
  position: absolute;
  top: 83px;
}
.winter_sale__wrapper .swiper-slide .item .top img {
  width: 40px;
  object-fit: contain;
}
.winter_sale__wrapper .swiper-slide .item .top .logoname {
  font-size: 14px;
  line-height: 29px;
}
.winter_sale__wrapper .swiper-slide .item .down {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 20px;
}
.winter_sale__wrapper .swiper-slide .item .down img {
  width: 200px;
  height: 120px;
  object-fit: contain;
  margin-top: 35px;
}

.winter_sale__wrapper .swiper-slide .item .down p:nth-child(2) {
  font-size: 20px;
  margin-top: 20px;
  line-height: normal;
}
/* スタッドレスではない全カルーセル共通 */
.winter_sale__wrapper .carousel1:not(.is-studless)
  .swiper-slide .item .down p:nth-child(2) {
    min-height: 110px;
}

.winter_sale__wrapper .swiper-slide .item .down p:nth-child(3) {
  font-size: 16px;
}
/* スタッドレスではない全カルーセル共通 */
.winter_sale__wrapper .carousel1:not(.is-studless)
  .swiper-slide .item .down p:nth-child(3) {
    margin-bottom: -15px;
}

.winter_sale__wrapper .swiper-slide .item .down p:nth-child(4) {
  font-size: 28px;
  font-weight: bold;
  color: #3492C4;
  line-height: 50px;
  margin-top: 13px;
}
.winter_sale__wrapper .swiper-slide .item .down p:nth-child(4) span {
  font-size: 18px;
}
.winter_sale__wrapper .swiper-slide .item .down
  p:last-of-type:not(:has(span)) {
  font-size: 12px;
  margin-top: -10px;
}

.winter_sale__wrapper .triangle {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}
.winter_sale__wrapper .btn {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  padding: 10px 25px 25px 15px;
}
.winter_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;
}   
.winter_sale__wrapper .btn.bl2 a {
  width: 340px;
  height: 60px;
  font-size: 16px;
} 
/* ===== 九州＋北海道（同配色） ===== */
.winter_sale__wrapper .carousel1.--kyusyu .tab,
.winter_sale__wrapper .carousel1.--hokkaido .tab,
.winter_sale__wrapper .carousel1.--kyusyu .swiper-slide .item .down p:nth-child(4),
.winter_sale__wrapper .carousel1.--hokkaido .swiper-slide .item .down p:nth-child(4) {
  color: #5FA3CD;
}

.winter_sale__wrapper .carousel1.--kyusyu .btn a,
.winter_sale__wrapper .carousel1.--hokkaido .btn a {
  background: #5FA3CD;
}

.winter_sale__wrapper .carousel1.--kyusyu .swiper-slide .item,
.winter_sale__wrapper .carousel1.--hokkaido .swiper-slide .item {
  background: #ffffff !important;
  border: 2px solid #5FA3CD;
  border-radius: 12px;
  box-sizing: border-box;
  overflow: hidden;
}

.winter_sale__wrapper .carousel1.--kyusyu .swiper-slide .item .top,
.winter_sale__wrapper .carousel1.--hokkaido .swiper-slide .item .top {
  background: #DFEDF6 !important;
}

.winter_sale__wrapper .carousel1.--kyusyu .tab li,
.winter_sale__wrapper .carousel1.--hokkaido .tab li,
.winter_sale__wrapper .carousel1.--kyusyu .tab .tab-item,
.winter_sale__wrapper .carousel1.--hokkaido .tab .tab-item,
.winter_sale__wrapper .carousel1.--kyusyu .tab a,
.winter_sale__wrapper .carousel1.--hokkaido .tab a {
  border: 2px solid #79A3BD;
}

.winter_sale__wrapper .carousel1.--kyusyu .btn.bl2 a,
.winter_sale__wrapper .carousel1.--hokkaido .btn.bl2 a {
  background-color: #F08300;
  border-color: #F08300;
  color: #fff;
}


/* ===== 沖縄＋本州（同配色） ===== */
.winter_sale__wrapper .carousel1.--okinawa .tab,
.winter_sale__wrapper .carousel1.--honshu .tab,
.winter_sale__wrapper .carousel1.--okinawa .swiper-slide .item .down p:nth-child(4),
.winter_sale__wrapper .carousel1.--honshu .swiper-slide .item .down p:nth-child(4) {
  color: #5FA9AC;
}

.winter_sale__wrapper .carousel1.--okinawa .btn a,
.winter_sale__wrapper .carousel1.--honshu .btn a {
  background: #5FA9AC;
}

.winter_sale__wrapper .carousel1.--okinawa .swiper-slide .item,
.winter_sale__wrapper .carousel1.--honshu .swiper-slide .item {
background: #ffffff !important;
  border: 2px solid #ACCACE;   
  border-radius: 12px;
  box-sizing: border-box;
  overflow: hidden;
}

.winter_sale__wrapper .carousel1.--okinawa .swiper-slide .item .top,
.winter_sale__wrapper .carousel1.--honshu .swiper-slide .item .top {
  background: #E0F0F1 !important;
}

.winter_sale__wrapper .carousel1.--okinawa .btn.bl2 a,
.winter_sale__wrapper .carousel1.--honshu .btn.bl2 a {
  background-color: #F08300;
  border-color: #F08300;
  color: #fff;
}

/* 地域ごとの三角形カラー */
.winter_sale__wrapper .carousel1.--kyusyu   .triangle { fill: #DFEDF6 !important; }
.winter_sale__wrapper .carousel1.--hokkaido .triangle { fill: #DFEDF6 !important; }

.winter_sale__wrapper .carousel1.--okinawa  .triangle { fill: #E0F0F1 !important; }
.winter_sale__wrapper .carousel1.--honshu   .triangle { fill: #E0F0F1 !important; }

/* デフォルト：どのカルーセルも白背景 */
.winter_sale__wrapper .carousel1 .swiper-container-wrapper {
  background: #fff;
}
/* 例外：スタッドレス（共通クラス）だけ背景を消す */
.winter_sale__wrapper .carousel1.is-studless .swiper-container-wrapper {
  background: transparent !important;
}
/* カルーセル色設定ここまで */


/* 注意事項 */
.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;
}


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

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

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

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


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

.winter_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;
}

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

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

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

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

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

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

.winter_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;
}

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

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

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

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

@media screen and (min-width: 1300px) {
  .winter_sale__wrapper .sec.no3 .swiper-button-next {
      transform: translateX(-340%);
  }
  .winter_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: #B7D7EB; 
}

.--okinawa .swiper-pagination-bullet-active {
    background-color: #BEE2E3; 
}
/* ================================
   各エリア1個目カルーセル専用
   高さ固定＋上下余白調整
   ================================ */

/* カード本体を高さ固定＋縦並び */
.winter_sale__wrapper .carousel1.--kyusyu:not(.is-studless) .swiper-slide .item,
.winter_sale__wrapper .carousel1.--okinawa:not(.is-studless) .swiper-slide .item,
.winter_sale__wrapper .carousel1.--hokkaido:not(.is-studless) .swiper-slide .item,
.winter_sale__wrapper .carousel1.--honshu:not(.is-studless) .swiper-slide .item {
  height: 600px;
  display: flex;
  flex-direction: column;
}

/* 上部(ロゴエリア)：縦方向の余白だけ増やす */
.winter_sale__wrapper .carousel1.--kyusyu:not(.is-studless) .swiper-slide .item .top,
.winter_sale__wrapper .carousel1.--okinawa:not(.is-studless) .swiper-slide .item .top,
.winter_sale__wrapper .carousel1.--hokkaido:not(.is-studless) .swiper-slide .item .top,
.winter_sale__wrapper .carousel1.--honshu:not(.is-studless) .swiper-slide .item .top {
  padding-top: 18px;
  padding-bottom: 18px;
}

/* 下部(内容エリア)：全体に余白＋下まで伸ばすためにflex化 */
.winter_sale__wrapper .carousel1.--kyusyu:not(.is-studless) .swiper-slide .item .down,
.winter_sale__wrapper .carousel1.--okinawa:not(.is-studless) .swiper-slide .item .down,
.winter_sale__wrapper .carousel1.--hokkaido:not(.is-studless) .swiper-slide .item .down,
.winter_sale__wrapper .carousel1.--honshu:not(.is-studless) .swiper-slide .item .down {
  padding-top: 24px;
  padding-bottom: 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap:10px;
}

/* ボタン：カード下側に寄せる（元のサイズはそのまま） */
.winter_sale__wrapper .carousel1.--kyusyu:not(.is-studless) .swiper-slide .item .down .btn,
.winter_sale__wrapper .carousel1.--okinawa:not(.is-studless) .swiper-slide .item .down .btn,
.winter_sale__wrapper .carousel1.--hokkaido:not(.is-studless) .swiper-slide .item .down .btn,
.winter_sale__wrapper .carousel1.--honshu:not(.is-studless) .swiper-slide .item .down .btn {
  margin-top: auto;
  padding-bottom: 0;
}

/* セクション下部の「セール対象のプランはこちら」ボタンとの間の余白も少し広げる */
.winter_sale__wrapper .carousel1.--kyusyu:not(.is-studless) .btn.bl2,
.winter_sale__wrapper .carousel1.--okinawa:not(.is-studless) .btn.bl2,
.winter_sale__wrapper .carousel1.--hokkaido:not(.is-studless) .btn.bl2,
.winter_sale__wrapper .carousel1.--honshu:not(.is-studless) .btn.bl2 {
  margin-top: 32px;
}



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

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

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

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

.winter_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;
}

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

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

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

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

.winter_sale__wrapper .sec.no4 .spot .wrapper .item .circle {
  background: url(/car/service/winter_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;
}

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

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

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

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

.winter_sale__wrapper .brownc {
  color: #A86F13;
}

.winter_sale__wrapper .orangec {
  color: #F08100;
}

.winter_sale__wrapper .purplec {
  color: #B7D7EB;
}

.winter_sale__wrapper .redc {
  color: #BEE2E3;
}

.winter_sale__wrapper .sb .bluec {
  background: #3492C4;
}
.winter_sale__wrapper .sb .greenc {
  background: #45B132;
}
.winter_sale__wrapper .sb .brownc {
  background: #A86F13;
}
.winter_sale__wrapper .sb .orangec {
  background: #F08100;
}
.winter_sale__wrapper .sb .purplec {
  background: #B7D7EB;
}
.winter_sale__wrapper .sb .redc {
  background: #BEE2E3;
}

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.winter_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;
}

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


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

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

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

.winter_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;
}


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

.winter_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;
}

.winter_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  */
.winter_sale__wrapper .kyushuc {
  color: #B365C1 !important;
}

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

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

.winter_sale__wrapper .kyushub3 {
  background: #B7D7EB !important;
}

/* okinawa */
.winter_sale__wrapper .okinawac {
  color: #BEE2E3 !important;
}

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

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

.winter_sale__wrapper .okinawab3 {
  background: #BEE2E3 !important;
}

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

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

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

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

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

}

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

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

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

.winter_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;
}


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

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

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

.winter_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;
}

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

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

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

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

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


.winter_sale__wrapper .winningdetails .wrapper .card .amount {
  
}

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

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

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

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

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

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

/* カルーセル
--------------------------- */

/* Honshu tab の文字色を常にグリーンに（activeでも） */
.winter_sale__wrapper .carousel1.--honshu .tab,
.winter_sale__wrapper .carousel1.--honshu .tab.active {
  color: #5FA9AC !important;
}


.winter_sale__wrapper .carousel1.--honshu .tab::after {
  border-top-color: #5FA9AC !important;
}

.winter_sale__wrapper .carousel1.--okinawa .tab,
.winter_sale__wrapper .carousel1.--okinawa .tab.active {
  color: #5FA9AC !important;
}
.winter_sale__wrapper .carousel1.--okinawa .tab::after {
  border-top-color: #5FA9AC !important;
}

#sec_honshu .tab,
#sec_honshu .tab.active {
  color: #5FA9AC !important;
}
#sec_honshu .tab::after {
  border-top-color: #5FA9AC !important;
}
/* パンくずリスト表示崩れ
--------------------------- */
.breadcrumb li a {
    display: contents;
}

.breadcrumb li a::before,
.breadcrumb li a::after {
    display: none;
}


/* 検索
--------------------------- */

.winter_sale .search__area--q4 .search__area--car_type dd label span span {
    width: 100%;
    line-height: normal;
}

.winter_sale .legacySearch__balloon--option .search__area--car_state dd {
    height: 52px;
    font-weight: 500;
}

.winter_sale .legacySearch__modal#below .legacySearch__balloon--inner::before{
    top: 700px;
    bottom: auto;
    top: -10px;
    border: 11px solid transparent;
    border-bottom-color: #fff;
    border-top-width: 0;
}

.winter_sale .legacySearch__modal#below .legacySearch__balloon--inner::after {
    top: -11px;
}

.winter_sale  .select__area label span:hover{
    background: #EAF7FF;
}

.winter_sale .selfcheckin_search_container .title {
    font-size: 30px;
    color: #CA022A;
    text-align: center;
    font-weight: bold;
    position: relative;
}

.winter_sale .selfcheckin_search_container .title::before {
    position: absolute;
    left: 430px;
    top: 0;
    content: "";
    width: 2px;
    height: 32px;
    background: #7C7C7C;
    border-radius: 3px;
    transform: rotate(-25deg);
}

.winter_sale .selfcheckin_search_container .title::after {
    position: absolute;
    right: 440px;
    top: 0;
    content: "";
    width: 2px;
    height: 32px;
    background: #7C7C7C;
    border-radius: 3px;
    transform: rotate(25deg);
}
.winter_sale .selfcheckin_search_container {
    height: 150px;
    margin-bottom: 70px;
}

.winter_sale .selfcheckin_search_containerbox {
    position: relative;
    transform: initial;
    bottom: initial;
    left: initial;
}

.winter_sale .legacySearch__area {
    bottom: auto;
    border: 1px solid #a2a2a2;
    border-radius: 16px;
}


.winter_sale .legacySearch__area .legacySearch--datepicker > span {
    width: calc(100% - -2px);
    padding: 3px 0 0 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 72.7%;
    font-weight: bold;
    background-size: 19px auto;
}

.search__area--tab input[type=radio] + span {
    font-size: 79.7%;
}



_::-webkit-full-page-media, _:future, :root .daikansyasai {
  font-family: 'YuGothic', 'Yu Gothic',' 游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',' メイリオ','Meiryo',sans-serif !important;
}

/* edgeハック */
@supports (not (-webkit-hyphens: none)) and (not (-moz-appearance: none)) {
  .icon11 {
    transform: translateX(313%);
}
}
/* ここまでサーバーサイド周り */