@charset "utf-8";

.sp{
	display: none!important;
}

.ss-title .kvBnr{height: auto; display: flex !important; align-items: center; padding: 0 !important; border: 0 !important;}
.kvBnr {margin: 0 auto; position: relative; width: 100%;}
#topBnrBox {width: 100%; margin-bottom: 20px; min-width: 1050px; padding-top: 0;}
#topBnrBox.topBnrBox2{ background: #e9e9eb url(https://img.travel.rakuten.co.jp/cars/coupon/202504/images/topBG.jpg) no-repeat center center; height:472px; background-size: cover; display: flex !important; justify-content: center; align-items: center;}
.kanbanIn2{top: 0;margin-bottom: 0;}
.ss-contents{ background: #f5f5f5 none repeat scroll 0 0;}


.mtl2{ text-align: center!important; font-weight: bold;border-bottom: 2px solid #1cb4b5; line-height: 1.8;
    font-size: 36px;padding-top: 9px; display: block; margin-bottom: 30px;}
.mtl2 span{color:#1cb4b5;}

.htlBox .areaNm{ background: #1cb4b5;}
.btnbox a.ss-btn-white02{color: #1cb4b5; border-color: #1cb4b5;}
.btnbox a.ss-btn-white02:after{ background: #fff;
    display: block;
    position: absolute;
content: "";
    top: 50%;
    right: 7px;
    width: 5px;
    height: 5px;
    margin-top: -3px;
    border-top: 2px solid #1cb4b5;
    border-right: 2px solid #1cb4b5;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    }

.htlBox .basic .chara li.color01{ background: #FF6A27;}

/* .ttlicon:after{background-image: url(https://img.travel.rakuten.co.jp/cars/coupon/202504/images/ttlIcon04.png);} */


.ss-right {
    color: #fff;
    z-index: 9999;
    right: 0;
    top: auto !important;
/*    display: block !important;*/

    width: 96px;

}
.ss-right dt {
    padding: 5px 0;
    background: #0073af;
    text-align: center;
    font-size: 75%;
    font-weight: 700;
}

.ss-right dd li {
    position: relative;

}
.ss-right dd li a {
    padding: 30px 0 0;
    display: block;
    color: #22A3C2;
    background: #fff;
    text-decoration: none;
}

.ttlicon_w:after {
    background-image: url(https://img.travel.rakuten.co.jp/cars/coupon/202309/images/ttlIcon_w.png)!important;
}

.pagetop {
    text-align: right;
    font-size: 88%;
    margin: 0;
    width: auto;
}
.pagetop a:after {display:block;position:absolute;top:50%;right:50%;width:10px;height:10px;margin-top:-2px;margin-right:-7px;border-top:3px solid #fff;border-right:3px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);content:""}
.pagetop a img,.pagetop img {width:100%}
.pagetop a {background-color:#22A3C2;border-radius:5px 5px 0 0;display:block;line-height:0;font-size:0;height:50px;position:relative}

.pagetop a img, .pagetop img {
    width: auto;
}

.spnav {
    display: none;
}
.bnr {
    z-index: 9999;
}
#search-box .searchSelectCar li {
    float: left;
    border: none;
    background-color: transparent;
}
#search-box .searchSelectCar {
    width: calc(100% - 5px);
    padding-left: 5px;
}
#search-box .searchSelectCar::after {
    display: block;
    clear: both;
    height: 0;
    line-height: 0;
    visibility: hidden;
    content: ".";
    font-size: .1em;
}
.cf::after, .cf::before {
    content: "";
    display: table;
}
#search-box .structure dd {
    float: left;
}
#search-box .structure dt {
    float: left;
}


/* 20190401 oy */
a.ss-btn-white02:hover {
    background-color: #1cb4b5;
    color: #fff;
}
.btnbox a.ss-btn-white02:hover:after{
    background-color: #1cb4b5;
    border-color: #fff;
}
.selectBtnNew .checkedbg ul.tokutyo .feature.checked a{
    background: #fff !important;
    color: #1cb4b5 !important;
    font-weight: 700;
}
.kvSP_bg { max-width: 1920px; margin: 0 auto; position: relative; min-width: 1240px; background: none; padding: 0;}
.kvSP_bg img{
    width: 100%;
}
.kanbanIn2 {
    top: 0px;
    margin-bottom: 0;
}
.detailholder table tr:first-child td {
    text-align: center!important;
    background-color: #22A3C2!important;
}
.ss-container {
    border:none;
}
.ss-title #grpLocationArea {
	padding: 10px 20px;
	margin: 0px;
	font-size: 82%;
	background: #FFF;
}
/*ヘッダー*/



.kvBnr em {
    color: #fff;
    padding-bottom: 18px;
}

span.cp__txt-bld {
    color: #1cb4b5;
    font-size: 170%;
    line-height: normal;
    padding: 10px;
    padding-top: 0;
    display: inline;
    vertical-align: 12px;
}
h2.cp__main-ttl-1.m-clear.ptrl-sp-10 {
    /* border-bottom: 2px solid #fff; */
    margin-top: 20px;
}
/*クーポンの使い方*/


.ss-center .ss-box {
    margin-bottom: 20px;
    padding: 16px 16px 0 16px;
    background: #FFF;
    border-radius: 10px;
}
.Couttl {

    color: #333;
    font-size: 15px;
    margin: 20px 0;

}
.grn_btn {
    background-color: #1cb4b5;
    box-shadow: 0 5px 0 #268b8c;
    margin-bottom: 50px;
    width: 340px;
    border-radius: 5px;
    margin: auto;
    margin-bottom: 30px;
    margin-top: 30px;
    font-size: 22px;
    text-align: center;
}
.mbtn03.grn_btn a:link, .mbtn03.grn_btn a:visited {
    color: #fff;
    font-weight: bold;
    display: block;
    padding: 15px;
}
.ss-title .kvBnr h1 { margin: 0 auto; padding: 0; color: #ffffff !important; text-shadow: 2px 2px 2px #333 !important;}
.kvBnr .kvSP_bg>h1 { vertical-align: middle; text-align: center; background-color: transparent; font-size: 54px; font-weight: 700; letter-spacing: 1.5px;width: 760px;}

.cpnholder.jssBox.allList li.jss {

	 min-height: auto!important; 
}
.cpnholder .btmarea {
padding-bottom: 0!important;
}
.cpnholder li .char {

	border-bottom: none;
	padding-bottom: 0px;

}

.rt-footer {
    z-index: 0;
    width: calc(100% - 30px);
    border-top: 0;
}



/* 202104 update */
.none {display: none;}

#COUPONSIBORI .cpnholder .btmarea .overtime span{ margin: 0 !important;}
#COUPONSIBORI .cpnholder .char{ border-bottom: 0; margin-bottom: 0; padding-bottom: 10px !important;}
/*#COUPONSIBORI .cpnholder .char span { display: block;}*/
#COUPONSIBORI .cpnholder .char span.cpCal,#COUPONSIBORI .cpnholder .char span.cpUser,#COUPONSIBORI .cpnholder .char span.cpPoint{ display: inline;background-position: left center;}
#COUPONSIBORI .cpnholder a.main { display: none;}
#COUPONSIBORI .cpnholder a.kakunin { margin-bottom: 0; min-width: 0;}
#COUPONSIBORI .cpnholder li:not(.dh) .btmarea .other,.cpnholder .btmarea .link{ display: none;}
#COUPONSIBORI .cpnholder li .btmarea{ padding-bottom: 0;}
#COUPONSIBORI .cpnholder .couponOneClick.couponOneClick-status-expired .couponimg::before{ z-index: 11;}
.cpnholder .couponOneClick .couponOneClick-default.cpLinkZumi,.cpnholder .couponOneClick .couponOneClick-default.cpLink{ position: unset;}
p.kakutokuZumi,p.kakutoku ,p.expired{ height: 24px !important;}

#dr-search-form { display: block !important;} 
#search-box.verB.test #searchSwitchArea5 dd.more { width: 100% !important;}
#search-box.verB.test #searchSwitchArea5 .structure.cartype li { padding-bottom: 10px !important;}
#search-box.verB.test #searchSwitchArea5 .structure.cartype    { height: auto; margin-bottom: 15px !important;}
#search-box.verB.test #searchSwitchArea5 .searchSelectCar input[type="radio"] + label { margin: 0 20px 0 0;}

#Calendar .calendars--month--details .calendars--month--day span a{pointer-events:none;}
#Calendar .calendars--month--day span a.pokiriA.green{ background-color: #0dbd0d; color: #ffffff;pointer-events:all;}
#popUpplan .mapflex b a {position: relative;color: #333;display: block;padding: 10px;}
#popUpplan .mapflex b.half {width: 49.8%;float: left;width: 49.7% \9; display: block; font-weight: normal;border-bottom: 1px solid #333;border-right: 1px solid #333;position: relative;}
#popUpplan .mapflex{display: inline-table;border-top: 1px solid #333;border-left: 1px solid #333;width: 85%;margin: 0 auto;
min-height: 1%;clear: both;left: 7.5%;position: relative;}
#popUpplan .mapflex b a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 6px;
  height: 6px;
  margin-top: -5px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
.cp_container ul li a { display: block;text-align: center;}
.cp_container ul li a > span { display: block; color: #1d54a7; line-height: 16px; font-size: 12px;}

#popUpplan .mapflex b { display: block; border-right: 1px solid #333; border-bottom: 1px solid #333;}

#COUPONSIBORI .selectBtnNew .typeRow { border-bottom: 0;}
#COUPONSIBORI .cpnholder > li { min-height: 0;}

#car-cp  { padding: 10px 15px 20px;}
#car-cp .yadottl dd.txt{ padding-top: 3px;}
/* .cp_container ul li { min-height: 125px;} */

#section04{padding: 30px;}
#merit ul{display: flex;flex-wrap: wrap;justify-content: space-around;}
#merit ul li{padding: 10px 0;}
.flex-box-center{ justify-content: flex-start; flex-wrap: wrap; }
.flex-box-center li a img{width: 100%; display: block;padding-bottom: 10px;}
.flex-box-center li {width: 23%;margin: 1%; border-radius: 10px;border: 0px solid #C3C3C3;padding: 1%; box-sizing: border-box;}
.flex-box-center li a{display: block;font-size: 14px;color: #333 !important;}

#search-box.verB.test #dr-search-form input[type="radio"]:checked + label{background: url(https://img.travel.rakuten.co.jp/cars/coupon/202309/images/radio.png) no-repeat left center;background-size: 20px 20px;}
#search-box.verB.test #dr-search-form input[type="checkbox"]:checked + label{background: url(https://img.travel.rakuten.co.jp/cars/coupon/202309/images/check.png) no-repeat left center; background-size: 16px 16px;}


<!--DPバナー表示-->
.yado .yadottl {
    padding-top: 5px;
    overflow: hidden;
    margin: 0px auto 18px;
}
#luxday-cp.yado>.yadottl, #diamond-cp.yado>.yadottl, #local-cp.yado>.yadottl, #car-cp.yado>.yadottl, #bus-cp.yado>.yadottl {
    margin: 0 auto 10px;
    min-height: 76px;
}
.yado .yadottl dt {
    width: 18%;
    padding-left: 5px;
    float: left;
    text-align: center;
}
.yado>.yadottl dt img {
    width: 70%;
}
.yado .yadottl dt img {
    max-height: 61px;
}
#luxday-cp .yadottl dd.ttl, #local-cp .yadottl dd.ttl, #diamond-cp .yadottl dd.ttl, #car-cp .yadottl dd.ttl, #bus-cp .yadottl dd.ttl {
    text-align: left;
    padding-top: 5px;
}
#luxday-cp>.yadottl dd, #local-cp>.yadottl dd, #diamond-cp>.yadottl dd {
    float: right;
}
#luxday-cp>.yadottl dd, #local-cp>.yadottl dd, #diamond-cp>.yadottl dd, #car-cp>.yadottl dd, #bus-cp>.yadottl dd {
    width: 78%;
}
.yado .yadottl dd.ttl {
    font-weight: bold;
    line-height: 1;
    padding-bottom: 6px;
}
.yado .yadottl dd {
    box-sizing: border-box;
    padding-left: 5px;
}
#diamond-cp .yadottl dd.txt, #luxday-cp .yadottl dd.txt, #local-cp .yadottl dd.txt {
    padding-top: 4px;
}
#luxday-cp .yadottl dd.txt, #local-cp .yadottl dd.txt, #diamond-cp .yadottl dd.txt, #car-cp .yadottl dd.txt, #bus-cp .yadottl dd.txt {
    font-size: 15px;
}
#luxday-cp>.yadottl dd, #local-cp>.yadottl dd, #diamond-cp>.yadottl dd {
    float: right;
}
.yado .yadottl dd.txt {
    color: #4c4c4c;
}
.yado .yadottl dd {
    line-height: 1.2;
    box-sizing: border-box;
    padding-left: 5px;
    text-align: left;
}
#luxday-cp.yado .htl, #local-cp.yado .htl, #diamond-cp.yado .htl, #car-cp.yado .htl, #bus-cp.yado>.htl {
    display: flex;
}
.yado .htl {
    height: 179px;
}
.yado .htl {
    min-height: 161px;
    background: #ebebeb;
    padding: 10px;
    margin: 0 3px 0 5px;
    height: 161px;
}


.cptit{ font-size: 32px; text-align: center; color: #fff; font-weight: bold; padding: 12px 0; background: #F22373; position: relative; margin-bottom:20px; border-radius: 7px; margin-top: 20px;}
.cptit::after{ content: ""; border: 20px solid transparent; border-top: 30px solid #F22373; position: absolute; left: 50%; bottom: -40px; margin-left: -15px;}
.cptit2{ background: #40BFDE;}
.cptit2::after{border-top: 30px solid #40BFDE;}

.bingyong{ margin: 32px auto; text-align: center; font-weight: bold; font-size: 32px; color: #000; line-height: 40px; }
.bingyong img{ width: 40px; padding: 0 5px;}

.heiyoatn{ padding: 0;}
.heiyoatn .photo img{ display: inline-block; margin: 0 15px;}
.heiyoatn .photo img:nth-child(1){ width: 348px !important;}
.heiyoatn .photo img:nth-child(2){ width: 775px !important;}



/* 20250327 */
.bgcolor {
    background-color: #F3F3F3;
  }
 
  .coupon__box__holder {background: #F3F3F3; width: auto !important; box-sizing: border-box; padding: 48px 72px 32px !important; margin: 30px 30px 40px;}
  
  .ss-header {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 35px;
    font-weight: bold;
    color: #22A3C2;
    margin-top: 43px;
    justify-content: center;
    font-family: 'Noto Sans', sans-serif;
  }

  .ss-icon {
    width: 47px;
    height: 47px;
  }
  
  .ss-banner {
    background-color: #40BFDE;
    color: white;
    font-weight: bold;
    font-size: 32px;
    padding: 19px;
    margin: 28px 0 33px 0;
    text-align: center;
  }
  
  .ss-note {
    font-size: 12px;
    color: #555;
    text-align: center;
  }
  
  .ss-note a {
    color: #1D54A7 !important;
    text-decoration: underline;
  }
   
  .cpLinkwindow {
    margin: 25px auto 15px auto;
    position: relative;
    text-align: center;
}
.cpLinkwindow a.arr-green-windowA {
    background-color: #cacaca;
    position: relative;
    border-radius: 5px;
    font-weight: normal;
    margin-left: 10px;
    padding: 5px 6px;
    top: -5px;
    color: #333333;
    text-decoration: none;
    font-size: 12px;
}
#contentsArea a:link, #contentsArea a:visited {
    /* color: #333333; */
    text-decoration: none;
}
.cpLinkwindow a.arr-green-windowB:after {
    background: url(https://img.travel.rakuten.co.jp//special/sales/template/html/images/Linkwindow.svg) center center no-repeat;
    background-size: auto;
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    right: -20px;
    top: 50%;
    margin-top: -8px;
    background-size: 16px;
}
.cpLinkwindow {
    margin: 25px auto 15px auto;
    position: relative;
    text-align: center;
}
.CombineSave img{
 width: 300px;
  margin: 32px auto;
display: block;
  }


  .ss-container {
    border: none;
}
.ss-container {
    border: none;
    background-color: #fff;
    padding: 30px;
  /*   margin-bottom: 30px; */
    box-sizing: border-box;
    overflow: hidden;
}
.mainTtl.noicon {
    text-align: center;
    color: #000 !important;
    font-size: 28px !important;
    padding-top: 34px !important;
    margin-bottom: 34px !important;
}
.mainTtl.noicon {
 
    margin: 0 auto;
}
.cp_box label {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    height: 80px;
}
.cp_box label::before {
    margin-top: -15px;
}
#from-company .middle-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 44px;
}
#from-company .middle-container li {
    margin: 0 0.25%;
    width: 12%;
    text-align: center;
}
#from-company .middle-container li a {
    color: #333;
    padding: 16px 0;
    display: block;
}
#from-company .middle-container li {
    margin: 0 0.25%;
    width: 12%;
    text-align: center;
}
#from-company .small-container {
    display: flex
;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 24px;
}
#from-company .small-container li {
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    width: calc((100% - 30px) / 4);
    font-size: 14px;
    height: auto;
    padding: 8px 0;
    margin: 0;
}
#from-company .small-container li a {
    color: #333;
    padding: 8px;
    display: block;
    height: auto !important;
}
#from-company .small-container li {
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    width: calc((100% - 30px) / 4);
    font-size: 14px;
    height: auto;
    padding: 8px 0;
    margin: 0;
}
.cp_box input:checked + label::before {
    margin-top: -8px !important;

  }
  #from-company .middle-container li img {
    width: 80px;
    height: 80px;
    object-fit: cover;
  }
  #COUPON{padding-bottom: 0;}

 .ss-header{
            margin-bottom: 33px;
        }

#search-box.verB.test #searchSwitchArea5 .structure.cartype li{display: block !important;}
#COUPON .coupon-header-img {
    display: block;
    margin: 24px auto;
}
.mainTtl2{text-align: center; font-size: 32px; margin-bottom: 24px;}
.rentacarcoupon{padding: 0 !important;}

.modal-coupon{width: 1040px;}
.tableholderCpn{width: 1040px; margin-left: -520px;}
#close-modal-coupon-pc{right: -32px !important; top: -32px !important; background-color: unset;}
.select-kome{text-align: center;}
.select-kome a{color: #1d54a7 !important;}
.coupon__filter__btn-pc, .coupon__filter__position, .coupon__filter_popupWrap, #coupon-count, .no-coupon{display: none !important;}

#coupon-section{background-color: #ffffff;  }

.cp_box03{position:relative;}
.cp_box03 label{position:absolute;z-index:1;bottom:0;width:100%;height:140px;cursor:pointer;text-align:center;background:linear-gradient(to bottom,rgba(250,252,252,0) 0,rgba(250,252,252,.95) 90%);}
.cp_box03 input:checked+label{background:inherit;}
.cp_box03 label:after{line-height:3.5rem;position:absolute;z-index:2;bottom:18px;left:50%;width:12rem;padding-left:20px;content:'  続きを見る';transform:translate(-50%,0);box-shadow:1px 1px 3px #eee,-1px 1px 3px #eee;font-size:14px;border-radius:8px;background-color:#fff;border:1px solid #d7d7d7;color:#333!important;}
.cp_box03 input:checked+label::before,.cp_box03 label:before{z-index:10;position:absolute;top:50%;right:50%;width:10px;border-top:3px solid #333;border-right:3px solid #333;}

.cp_box03 label:hover:after{box-shadow:none;}
.cp_box03 label:before{display:block;height:10px;margin-top:15px;margin-right:41px;-webkit-transform:rotate(135deg);transform:rotate(135deg);content:"";}
.cp_box03 input{display:none;}
.cp_box03 .cp_container03{overflow:hidden;height:600px;transition:.5s;}
.cp_box03 input:checked+label:after{content:'  閉じる';}
.cp_box03 input:checked+label::before{display:block;height:10px;margin-top:22px;margin-right:23px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);content:"";}
.cp_box03 input:checked~.cp_container03{height:auto;padding-bottom:80px;transition:.5s;}
.cp_box03 label{background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);height:80px;}
.cp_box03 label::before{margin-top:-15px;}

.cp_box03 input:checked + label::before{margin-top:-8px!important;}


.allbg{
    width: 1200px;
    background-color: #ffffff;
      margin-top: 50px;
      margin: 0 auto;
}
.container {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

    .container img:first-of-type {
  width: 539px;
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
  margin: 21px 0 8px 0;
}

.container img:nth-of-type(2) {
  width: 438px;
  max-width: 100%;
  height: auto;
  margin-bottom: 42px;
}

    .text {
      font-size: 14px;
      color: #555;
      margin-bottom: 20px;
      line-height: 1.5;
    }

    .bottom-buttons button {
      background-color: #ccc;
      border: none;
      padding: 8px 16px;
      margin: 4px;
      font-size: 14px;
      border-radius: 4px;
      cursor: pointer;}

.highlight {
  color: #F22373;
  font-weight: bold;
  font-size: 24px;
}
.container p {
    font-size: 19px;
    font-family: "Corporate Logo Medium", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
    text-align: center;
    color: #333333;
}

    .coupon__filter__guide::after {
   
        content: "";
        background-size: 16px;
        width: 16px;
        height: 16px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAiCAMAAADmrkDzAAAARVBMVEUAAAAwMDAwMDAwMDAxMTEzMzMyMjIzMzMzMzMyMjIzMzM1NTUyMjIwMDAzMzMzMzMyMjIxMTEyMjIzMzMyMjI0NDQzMzP51LwrAAAAFnRSTlMAIEAwoJ+Av+9/r2BgEFDP3x9w3+9Aa03MBwAAAHlJREFUeNrdykUSQkEUA8DvriPv/kfFSRhSxQ7rdWcfkhdQylEZ1HI07VWHofXGQ4cBQ4dxwpjzq5lDhrF0djVxoLHadrVQ4LHZnl0hyMFBDw56cNCDA+PBQQ9HQY95RRCDuM29GI01fzzahE+Gsychzx7EKTVnb3YA6mQP/gr9fQ8AAAAASUVORK5CYII=);
    }
   .coupon__filter__guide a{
        color: #333333 !important;
    }
    .infor2{
  text-align: center;
  margin: 0 auto;
        width: 765px;
        font-size: 12px;
        color: #767676;
        line-height: 1.4em;
    }
    .coupon__filter__guide{
        margin-top: 10px !important;
        margin-bottom: 43px !important;
    }
    .mainTtl{
        color: #22A3C2 !important;
    }

    
.align-center{
    margin-top: 15px;
}