@charset "utf-8";
/*
 * CSS for PC
 * @date     2018.01.23
 * @author   shingo sato
 */

/* ------------------------------------------

------------------------------------------ */
#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 .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: "";
}

#ssPlanBox .ss-hotel { position: relative;}
#ssPlanBox .ss-hotel .hotel-main .area-name { color: #333333;}
#ssPlanBox .ss-hotel .hotel-main.carimg { width: 35%; float: left;}
#ssPlanBox .ss-hotel .hotel-main.carimg img { margin-bottom: 10px;}
#ssPlanBox .ss-hotel .hotel-price {margin: 8px 0 0 5px;display: block;}
#ssPlanBox .ss-hotel .hotel-pr { font-size: 13px; color: #777;}
#ssPlanBox .ss-hotel .hotel-price  span.details{font-size: 24px; font-weight:bolder; display: block; color:#bf0000;background: none;padding: 0 0 4px;min-height: auto;-webkit-box-align: center;position: relative;top:0;left: 0;}
#ssPlanBox .ss-hotel .hotel-price  span.details em {font-style:normal; font-size: 16px;}
#ssPlanBox .ss-hotel .hotel-price  span.details em.grey {font-weight: normal;color: #333;font-size: 12px !important; white-space: nowrap;}
#RANK .ss-hotel .hotel-main .chara { margin:10px 0 5px;}
#RANK .ss-hotel .ss-button { display: block; clear: both;}
#RANK .ss-hotel p.carDetail { text-align: left;}
#RANK .ss-hotel p.carCond { display: none;}

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

#sns .mBox { padding-bottom: 0 !important;}
.rt-footer{ z-index: 1 !important;}

/*--PC--*/
.topbnr_icon_goto { top: calc(10% - 14px); left: calc(50vw + ((378 * 50vw) / 725) - 175px); padding-left: 30px; width: 125px;}
    .topbnr_icon::before { top: 2px; left: 6px;}

    .rt-header .rt-nav-link li.rt-nav-active a {background: none;}

    #COUPONSIBORI .selectBtnNew .typeRow { border-bottom: 0;}
   .cpnholder > li { min-height: 0; padding-bottom: 24px; margin: 20px auto 0;}
    
    #car-cp  { padding: 10px 15px 20px;}
    #car-cp .yadottl dd.txt{ padding-top: 3px;}

    #ssPlanBox .ss-hotel .hotel-container { width: 65%;}
    #ssPlanBox .ss-hotel .hotel-main.carimg .chara { position: absolute; top: 120px; left: 230px;}
    #ssPlanBox .ss-hotel .hotel-sub { width: 60%; position: absolute; top: 150px; left: 230px;}

    .cp_container ul li { min-height: 125px;}

    #search-box.verB.test #searchSwitchArea5 dt{ width: 20%;}
    #search-box.verB.test #searchSwitchArea5 dd{ width: 79%;}
    #search-box.verB.test #searchSwitchArea5 select#dr-garea, #search-box.verB.verB.test #searchSwitchArea5 select#dr-barea{ width: 340px;}
    #search-box.verB.test select,#search-box.verB select:hover { background:url(https://travel.rakuten.co.jp/cars/special/exclusive/202104/images/select_g.png) 99% 7px no-repeat !important;}
    #search-box.verB.test #dr-bmarea:disabled:hover ,#search-box.verB.test #dr-barea:disabled:hover  {background:#fff url(https://travel.rakuten.co.jp/cars/special/exclusive/202104/images/select_g.png) 99% 7px no-repeat !important;}
    #search-box.verB.test #domestic-search-container .searchCategory li label { min-height: auto;}
    #search-box.verB.test .searchCategory li { width: 160px; padding: 0 !important;}
    #search-box.verB.test .searchCategory li label { padding: 15px 0;}
    #search-box.verB.test .searchCategory li a { background: none; padding: 16px 0;}
    #search-box.verB.test .searchCategory li a:before { display: none;}
    #search-box.verB.test .searchCategory li.on:after { top:55px !important;}
    #search-box.verB.test .searchCategory input[type="radio"] + label { margin: 0 10px;}
    #search-box.verB.test #searchSwitchArea5 select#f_chu2B { width: 110px !important;}
    #search-box.verB.test #searchSwitchArea5 select#f_chu2  { width: 340px !important;}
    #search-box.verB.test #searchSwitchArea5 dd#drv_rtnNo { color: #999; display: none;}
    #search-box.verB.test p.searchSubmit a{ font-weight: bold !important;}
    .gomain{ margin-top: 80px;}

/*----*/
.pgCon { background: #fef4d9 url(https://img.travel.rakuten.co.jp/bus/special/exclusive/202202/images/bg_pc.jpg) center top no-repeat;}
#topBnrBox, #topBnrBox.oneTopImg { min-height: 0; background: none; padding-top: 50px; padding-bottom: 85px;}
.oneTopImg { text-align: center; font-size: 44px;}
.oneTopImg p { display: flex; justify-content: center; align-items: center; margin-bottom: 6px; }
.oneTopImg p b { display: inline-block;    font-family: 'Noto Serif JP', serif;}
.topIcon { color: #000; font-size: 20px;border: 1px solid #000; padding: 4px 12px;}
.oneTopImg small { display: block; font-size: 24px; margin-top: 20px; text-shadow: 1px 1px 0.5em #F9F7F2;    font-family: 'Noto Serif JP', serif;}
.oneTopImg em { font-style: normal; text-shadow: 1px 1px 0.5em #F9F7F2;    font-family: 'Noto Serif JP', serif;padding-left: 80px;background: url(https://img.travel.rakuten.co.jp/bus/special/exclusive/202202/images/bus_icon.png) no-repeat left center;}
body .ss-contents { background-color: #fef4d9;}

.ss-hotel .hotel-main .hotel-name { font-size: 16px;}
.hlh3 { background: #BAA584; border-radius: 8px; color: #fff; font-size: 14px; padding: 6px 0; text-align: center; margin: 0 12px 16px 12px;font-weight: normal;}

.ss-button-pur { background: #001A63; border-color: #5F3F99;}
.pagetop a { background-color: #001A63;}

.sub_span { margin-bottom: 24px;}
.entrybox .txt_s.flex-box-center { text-align: left;}
#CPN .redBox {
    margin: 24px 0;
    background: #E5F3F9;
    overflow: hidden;
    padding: 40px 90px; color: #333; line-height: 1.6;
}
#CPN .redBox .chara {
    margin: 24px auto 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 350px;
}
#CPN .redBox .chara li {
    background: #fff;
    padding: 6px;
    border-radius: 3px;
    font-size: 13px;
    margin: 0 4px 4px;
    width: auto; font-weight: bold; text-align: center;
}

#CPN .cpn_detail_tbl{
    width:70%;
    margin:20px auto 0px;
    border-collapse: separate;
    border:1px solid #7D7C7C;
    border-radius: 5px;
    border-spacing: 0;
  }
  #CPN .cpn_detail_tbl td{
    padding: 10px;
    border-bottom: 1px dashed #7D7C7C;
  }
  #CPN .cpn_detail_tbl td:nth-child(odd){
    width: 30%;
    vertical-align:top;
    border-right:1px solid #999;
  }
  #CPN .redBox .cpn_detail_tbl .tpr_comment{
    line-height:1.2!important;
  }
  
  #CPN .cpn_detail_tbl .lasttd td{
    border: none;
  }
  #CPN .cpn_detail_tbl .lasttd td:first-child{
    border-right: 1px solid #999;
  }
  #CPN .redBox .cpn_detail_tbl .tpr_comment {
    line-height: 1.2 !important;
}
#CPN .redBox .tpr_comment {
    line-height: 1.8;
    margin: 24px auto 0;
    font-size: 13px;
    text-align: left;
}
#CPN .entrybox .ss-button-white { width: 400px; font-weight: normal; padding: 12px 0; font-size: 20px; }

.ss-right dd ul { border-radius: 5px; }
#search-box .searchCategory { display: none;}
.detailholder table tr:first-child td { background-color: #A18E5B!important;}

.btmarea .main {
  color: #333;
  background: 0;
  text-align:center;
  border: 0;
  padding:8px 5px 8px 15px;
  min-width: 120px;
  margin: 0 auto;
  position: relative;
  display: block;
  border: 1px solid #333;
  border-radius:20px;
  width:80%; position: relative;
}
.cpnholder .btmarea .main::after {
  content: '';
  background: url(https://travel.rakuten.co.jp/cars/special/exclusive/202104/images/arrBlack.svg) center center no-repeat;
  height: 12px;
  width: 12px;
  position: relative;
  top: -1px;
  margin-left: 5px;
  vertical-align: middle;
  display: inline-block;
}

@media screen and ( min-width: 1921px ) {
    .pgCon { background-size: 100%;}
}


/*髱曠P*/
ul.alert1 {
    overflow: hidden;
    color: #bf0000;
    font-size: 14px;
    width: 840px;
    margin: 20px auto;
}


ul.alert1 li {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #bf0000;
    font-size: 14px;
    border: 1px solid #bf0000;
    border-radius: 8px;
    padding: 20px;
    margin: 20px auto;
}

ul.alert1 em {
    padding-left: 10px;
    font-style: normal;
    font-size: 18px;
}


.rt-header .rt-nav-link li.rt-nav-active a{
    background:#CCC;
}

.ttlicon.coupon-icon:after{background: url(https://img.travel.rakuten.co.jp/cars/special/exclusive/202106/images/couponIcon.png) no-repeat !important;background-size: cover; width: 88px;height: 110px;top: -20px;}
.ttlicon.premium-icon:after{background: url(https://img.travel.rakuten.co.jp/cars/special/exclusive/202106/images/planIcon.png) no-repeat !important;background-size: cover; width: 88px;height: 110px;top: -20px;}
.ttlicon.recommend-icon:after{background: url(https://img.travel.rakuten.co.jp/cars/special/exclusive/202106/images/cpnIcon.png) no-repeat !important;background-size: cover; width: 88px;height: 110px;top: -20px;}
.ttlicon.search-icon:after{background: url(https://img.travel.rakuten.co.jp/cars/special/exclusive/202106/images/searchIcon.png) no-repeat !important;background-size: cover; width: 88px;height: 110px;top: -20px;}
.ttlicon.flag-icon:after{background: url("https://img.travel.rakuten.co.jp/bus/special/exclusive/202202/images/flag_icon.png") no-repeat !important;background-size: cover; width: 88px;height: 110px;top: -20px;}


#COUPONbox .mainTtl,#CPN .mainTtl,#Searchbox .mainTtl{padding-left: 100px;margin-bottom: 60px;}
#plan .mainTtl{padding-left: 100px;margin-bottom: 30px;}
#plan .mainTtl .subtxt{display: block;font-size: 16px;color: #593701;padding-top: 20px;line-height: 180%;
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;}
  #plan .mainTtl .subtxt b{font-size: 22px;color: #000;font-weight: normal;}
  .hotel-pr.pc{padding-bottom: 10px;line-height: 150%;}
  .ss-container#tokuten{background: rgba(255, 255, 255, 0.6);}
  .ss-container#tokuten h2{text-align: center;font-weight: normal;color: #6B4D1C;font-size: 16px;}
  .ss-container#tokuten ul{width: 745px;margin: 40px auto 0;display: flex;justify-content: space-between;position: relative;}
  .ss-container#tokuten ul li{width: 42%;background: #fff;position: relative;padding: 3%;}
  .ss-container#tokuten ul li h3{font-family: 'Noto Serif JP', serif;color: #6B4D1C;font-weight: normal;position: absolute;top: -20px;border: 1px solid #6B4D1C;padding: 10px 10px 10px 40px;left: 30%;}
  .ss-container#tokuten ul li p{font-size: 14px;line-height: 150%;padding-top: 10px;}
  .ss-container#tokuten ul li p a{display: block;font-size: 12px;padding-top: 20px;}
  .ss-container#tokuten ul li:first-child h3{background: url(https://img.travel.rakuten.co.jp/cars/special/exclusive/202106/images/tokuten01.png) no-repeat 6% center #F8F5EB;background-size:15%;}
  .ss-container#tokuten ul:after{display: block;position: absolute;content: "";background: url(https://img.travel.rakuten.co.jp/cars/special/exclusive/202106/images/andicon.png) no-repeat; width: 43px; height: 43px;top: 40%;right:47%;}
  .ss-container#tokuten ul li:last-child h3{background: url(https://img.travel.rakuten.co.jp/cars/special/exclusive/202106/images/tokuten02.png) no-repeat 10% center #F8F5EB;background-size:13%;}

  #CPN p.cpnbnr{width: 800px;margin: 0 auto;font-size: 16px;line-height: 150%;text-align: center; padding-bottom: 20px; }
  #CPN p.cpnbnr img{display: block;padding-bottom: 20px;}
  #CPN .cpnicon{display: flex;width: 400px;margin: 10px auto;font-weight: bold;justify-content: space-around;font-size: 12px;}
  #CPN .cpndtl{width: 800px;margin: 40px auto;}
  #CPN .cpndtl dl{display: flex;border-bottom: 1px dashed #999;padding-bottom: 15px;padding-top: 10px;line-height: 150%;}
  #CPN .cpndtl dl:last-child{border-bottom: none;}
  #CPN .cpndtl dl dt{width: 25%;font-size: 16px;font-weight: bold;text-align: right;margin-right: 5%;}
  #CPN .cpndtl dl dd{width: 70%;font-size: 16px;}
  #CPN .cpndtl dl dd span{display: block;font-size: 14px;}
  #CPN a.cpndtlbtn{display: block; font-size: 20px;width: 400px;color: #333;margin: 0 auto;text-align: center;border-radius: 5px;border: 1px solid #333;padding: 20px 0;position: relative;}
  #CPN a.cpndtlbtn:hover{opacity: 0.8;}
  #CPN a.cpndtlbtn:after{display: block;position: absolute;content: "";width: 10px; height: 10px;border-right: 1px solid #333; border-bottom: 1px solid #333;top:40%;right: 20px; transform: rotate(-45deg);}
  .checkEntryMulti__noLoginButton{font-size: 0;}
  #plan .hotel-main{clear: both;}
  #plan .hlh3.pc{float: left;padding: 10px ;}
  #search-box.verB .searchSelectCar li input[type="radio"]:checked + label{background: url(https://img.travel.rakuten.co.jp/cars/special/exclusive/202106/images/radio.png) no-repeat left center; background-size: 20px 20px;}
  #search-box.verB input[type="checkbox"]:checked+label{background: url(https://img.travel.rakuten.co.jp/cars/special/exclusive/202106/images/check.png) left center no-repeat;background-size: 16px 16px;}


/*併用説明*/
.heiyoatn{
  line-height:1.2;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid #c3c3c3;
  padding: 15px;
  box-shadow: 1px 1px 3px #ddd;
  overflow: hidden;
  color: #333;
  margin-top: 20px;
}
.heiyoatn h3{
  margin:5px 0;
  font-family: 'Noto Serif JP', serif;
  color: #6B4D1C;
  font-weight: normal;
  border: 1px solid #6B4D1C;
  padding: 10px;
  background-color: #FFFBF7;
  width:350px;
}
.heiyoatn div{display:flex;margin-bottom:5px;}
.heiyoatn p:first-child{
  margin-right:10px;
}
.heiyoatn p:last-child{
  margin:0 auto;
}
.heiyoatn .sub{vertical-align: super;}
.heiyoatn span{font-size:14px;color:#2a2a2a;}
.heiyoatn img{width:425px!important;}


/*クーポンまとめ遷移*/
.button_more{
  margin-top:5px;
  background:#BF0000;
  border-color:#a10808;
  font-size:14px;
  width:95%;
}
.button_more::after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpENTAyMkJGQ0ZFMTBFNjExQjNCOERGMDFBMDI2NEI2RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxMTY0QjQ2Qzk5QUUxMUU2OUU5OEMxRDA4RjUzMEZGNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMTY0QjQ2Qjk5QUUxMUU2OUU5OEMxRDA4RjUzMEZGNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdGQjAxRUNGOUM5OUU2MTE4N0RCRjFDRTIzNEQzRkU0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1MDIyQkZDRkUxMEU2MTFCM0I4REYwMUEwMjY0QjZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KyIfYgAAAJFJREFUeNpi+P//v/l/CLgLxAzomImBgUGUAQKUgPgEAzqAqnT/jwAngZgRZgKycW5Iik5hU4Cu6BgQszBgcZgOEL+AORybApD9j2DGoEsqA/EbqNxLIFZAllQF4ndIktLIjgTp/AqVfA3Eosi+sALin0g6ZZCtZQGGFS8QswHxHyA2AOLn2EIyERqaGL4CCDAAyKsoZamm1mcAAAAASUVORK5CYII=) center center no-repeat;
    width: 8px;
    height: 13px;
    right: 6px;
    margin-top: -7px;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
}

.bnr_sp img{

	
	margin: 0 auto;
	width:43%;
	padding: 20px 40px;

}


.coupon__filter__guide{ margin-bottom: 0 !important;}
.coupon__filter__guide a{ color: #333!important;}
.attention { margin: 8px auto 24px; display: table; position: relative; font-size: 12px; color: #333; line-height: 150%; }

#plan ul{ margin: 70px 32px 0; display: flex; justify-content: space-between; position: relative; gap:16px;}
#plan ul li img{ width:100%;}

.centerBnr{ width: 100%; text-align: center; margin: 40px auto 16px;}
.centerBnr h2 {
    color: #173c73;
    margin-bottom: 10px;
    font-size: 22px;