@charset "utf-8";

/*
 * CSS for PC
 * @date     2024.09.20
 * @author   shenhui
 */


/*--------------------------------------------
	grpheaderArea
--------------------------------------------*/



.test_b{display:none;}

.ptH2 { text-align: center; margin: 20px auto;}

.redF { color: #bf0000;}
.jiciUq { margin-top: 0!important;}

.busCardDetails{
width:60%!important;}
.wraper{
width:39%!important;}


.ss-right dd li a{
line-height: 1.3;
padding: 35px 5px 5px!important;
}


@media all and (min-width: 721px) {
.bus ul.svs li:first-child {
  width: 60%;
}

.bus ul.svs li:last-child {
  width: 40%; 

}
#search-box.verB.test #shou,
#search-box.verB.test #shouB{
  width:110px!important;
  }

.coupon__filter__guide{margin: 0px auto 10px;}

.htlLogoNew ul li { width: 20% !important; max-width: 174px !important;}
.ss-slidetab li{width: 10.6%; margin-right: 0.5%;}
#HOME_BusHigh .selectBtnNew .typeRow:nth-child(2) { height: 0; opacity: 0;}
.calendars--box {justify-content: flex-start;}
.calendars--box .calendars--month{margin-right: 15px;}
#popUpplan .mapflex{left: 0; width: 96%;}
.gomain{margin: 20px 0;}
.busCard--name{padding-right: 140px;}
#HOME_BusHigh .content_area4 .busCard--name{letter-spacing: -0.5px;}
.busCard--services li{margin-right: 5px;}
.busCard--services {max-width: 140px; padding-left: 0;}
#HOME_BusHigh .content_area1 .busCard--services, #HOME_BusHigh  .busCard--services {width: auto!important;margin-right: 30px;}
.busCard--services li.line3 {background: url(https://img.travel.rakuten.co.jp/special/sales/template/test/images/line3.svg); background-size: 20px 20px;}
.busCard--services li.line4 {background: url(https://img.travel.rakuten.co.jp/special/sales/template/test/images/line4.svg); background-size: 20px 20px;}
.busCard div.exp ul li b.line3 {background: url(https://img.travel.rakuten.co.jp/special/sales/template/test/images/line3.svg); background-size: 20px 20px;}
.busCard div.exp ul li b.line4 {background: url(https://img.travel.rakuten.co.jp/special/sales/template/test/images/line4.svg); background-size: 20px 20px;}
.busCard div.exp ul:after{display: none;}
.busCard a{min-height: 110px !important;}
.popUpplan > p {padding: 45px 40px !important;}
.mapPopUp #popUpplan ul.mapflex{ display: flex !important; flex-wrap: wrap !important;}
#Calendar {transform: none !important;}
.carCal{margin-left: -560px;}
#popUpplan .title{display:block; text-align:center;  font-weight:bold;color:#333333;}
#popUpplan .subTtBus{ font-size:14px; font-weight:bold;display:block; color:#333333; line-height:18px; border-left:3px solid #00A0F0 !important; padding-left:14px; margin-top:10px;}
#popUpplan .title{font-size:18px;}
#popUpplan .subTtBus{ width:90%; margin-left:5%;}
#HOME_BusHigh_pickup .column_4 li .flex-box-center {justify-content: space-between;}
#HOME_BusHigh_pickup .column_4 li .flex-box-center li {  max-width: none !important; width: 100%;  margin: 0 !important;}
.ss-hotel .hotel-price a span.details{ background:none !important;}
.ss-hotel .jss_popOverInfo{display: none;}
#HOME_BusHigh_pickup .ss-hotel .ss-button-middle.ss-button-white{max-width: 90%;}
#Schedule h3{ font-size: 36px; text-align: center; padding-bottom: 16px;}
#Schedule .explain{display: block; font-size: 16px; text-align: center;line-height:1.5;}
.hideMore { height: 698px; overflow: hidden;}
.cpLinkwindow { position: inherit; margin-bottom: 15px !important; }
.entryTxt{ font-size: 24px; font-weight: bold; text-align: center; padding: 50px 0 0; line-height: 1.4;}
.fnozcu{ margin-top: 16px !important; }
#HOME_BusHigh .ss-banner-box h2{margin-bottom: 50px;}
#HOME_BusHigh .btnBusline{background-color: #00A0F0; color: #fff; border-radius: 20px; padding: 28px 120px 20px; font-size: 34px; font-weight: bold; letter-spacing: 1px; box-shadow: 0 10px 10px  rgba(0, 0, 0, .3); position: relative;}
#HOME_BusHigh .btnBusline:hover{ opacity: 0.7;}
#HOME_BusHigh .btnBusline:before {display: block; position: absolute; content: ""; top: 50%; right: 24px; width: 12px; height: 12px; margin-top: -6px; border-top: 2px solid #fff; border-right: 2px solid #fff; z-index: 3; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.buscmp li div.clearfix{background: none;}
#HOME_BusKanko .ss-banner-box h2{margin-bottom: 40px;}
#HOME_BusKanko .kankouMore{background-color: #00A0F0; color: #fff; border-radius: 20px; padding: 28px 75px 20px; font-size: 30px; font-weight: bold; letter-spacing: 1px; box-shadow: 0 10px 10px  rgba(0, 0, 0, .3); position: relative;}
#HOME_BusKanko .kankouMore:hover{ opacity: 0.7;}
#HOME_BusKanko .kankouMore:before {display: block; position: absolute; content: ""; top: 50%; right: 24px; width: 12px; height: 12px; margin-top: -6px; border-top: 2px solid #fff; border-right: 2px solid #fff; z-index: 3; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.selectBtnNew ul .feature a.on { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAIAAAC0D9CtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAxNzAwNEM1MzM1RTExRTlCOUM4RTU1MEU2MjgwOUVDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAxNzAwNEM2MzM1RTExRTlCOUM4RTU1MEU2MjgwOUVDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE3MDA0QzMzMzVFMTFFOUI5QzhFNTUwRTYyODA5RUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE3MDA0QzQzMzVFMTFFOUI5QzhFNTUwRTYyODA5RUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4znlCtAAAAuklEQVR42mIMOK/KQCJgYiAd0EyPk1BQknQVnMtCjIZcuQ4g4+vfzytfTCZsD1wDGPwn7DZkDSteTFr5Ygq6Hm5mXmQNOjzmWDUg9IixSfepb4IrUuTUrFCchlUDIgwqFKcDtQEdA2Tvf7ceqAFiLaYGIGCEpAOgwc0qS9Cch1UDwm33v1+vvRMDDE24xL53a7FqQAkDZG1ADZMfVeIKT2aNDGE458OfNx/+vP769xMeDQj/DMp0DRBgALbcVdeQTQ6zAAAAAElFTkSuQmCC) left center no-repeat; background-size: 18px 18px;}
.tab-group.cp_boxBUS { position: relative; padding-bottom: 60px;}
.ttlicon:after {display: none;}
.entrybox .txt_s{margin: 20px auto;}
.purasu{text-align: center; padding-top: 20px;}
.ss-container{border: none;}
#dailyCoupon.ss-container{padding: 0; margin: 0;}
	
	.cp_boxBUS .readMoreBUS:before {
    top: 54%!important;
    /*right: 48%!important;*/
}
	
	.cp_boxBUS .readMoreBUS:after {
    width: 16rem;
}

  .cp_boxBUS.hideMore{
    height: initial;
  }
  .cp_boxBUS .readMoreBUS{
    display: none !important;
  }
.busTabNav{display: none !important;}
.todayEventWrapper .todayEventTitle {text-align: center;}
#topSSnews{width: 320px; margin: 0 auto 40px;}
#todayEvent{margin-bottom: 0;}
#topBnrBox{min-height: 340px;}
#dhInfo { max-width: 1218px; padding: 30px; border: 2px solid #ced5db; margin: 24px auto 24px; text-align: center;}
#dhInfo h3 { display: block; text-align: center; padding-bottom: 16px; font-size: 30px;}
#dhInfo p {font-size: 16px; margin-bottom: 24px;}
.markLink { margin-bottom: 0;}
.coupon__box__holder{ width: 730px; padding: 32px 10px 48px;}
.coupon__box__holder .couponOneClick{ width: 340px;}
.busCardRgt .busCardDetails .cpYen{font-size:12px;}
.greyBox { margin-top: 20px; padding-top: 40px;}
.greyBox .text{text-align: center; padding: 5px 0;}
#HOME_BusHigh{margin-top: 60px;}
.coupon__box {background: #f3f3f3; padding-top: 30px;}
.bus_pr{width: 730px; margin: 0 auto; font-size: 13px; line-height: 160%; padding-bottom:40px;}
.coupon__box__holder.onlyOne{justify-content: center; padding-bottom: 30px;}
.pathBox{pointer-events:none;}
.pathBox{width: 800px; margin: 0 auto;  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
.pathBox li{ position: relative; width: calc(25% - 10px); margin: 0 5px 10px;}
.pathBox a{display: block; text-align: center; background-color: #fff; border-radius: 5px; border: 1px solid #bababa; color: #666; font-size: 14px; font-weight: 400; padding: 10px 10px;}
.pathBox span{
  position: absolute;
  width: 100%;
  height: calc(100% - 10px);
  padding-top: 10px;
  color: #fff;
  background: rgba(0, 0, 0, .5);
  text-align: center;
  display: none;
}
.pathBox li.couponOneClick-expired-true span{display: block;}
.couponOneClick .coupon__time__start{ font-size: 14px; font-weight: 400; margin: 8px 0 4px; color: #6d6d6d; line-height: 140%;}
.couponOneClick .coupon__time__start span{ color: #009700; font-weight: 600;}
.navSPbtn.active { bottom: 320px;}
.coupon__filter__row dl .coupon__filter__check-box li.active{
    background: url(https://img.travel.rakuten.co.jp/special/sales/template/summersale/images/checkbox-on.png) left center no-repeat;
    background-size: 16px 16px;
  }
.busCard--date li{background-color: #E3F6FF;}
.busCardRgt .busCardDetails .cpYen{background: url(https://img.travel.rakuten.co.jp/special/sales/template/summersale/2407/images/coupons.svg) no-repeat top left; background-size: 22px 22px;}
.coupon__subtitle{color: #333 !important;}
.coupon__subtitle span{ border-bottom:1px solid #6d6d6d;}
.bnr_5{margin-bottom: 60px;}
.bnr_5 p{display:block; width: 871px; background-color: #E3F6FF; border: 1px #76D1FF solid; padding: 15px; margin: 0 auto; border-radius: 8px;}
#Searchbox .mainTtl{margin-bottom: 0;}
}	

@media all and (max-width: 720px) {
.coupon_time{ font-size:90%;}
#search-box.verB.test #shouB { float: left; position: relative; padding-left: 8px;}
#search-box.verB.test #shouB {top: -4px!important;}
#search-box.verB.test #dh-input-area,#search-box.verB.test #dh-input-areaChuB {width: 45%!important;}
#shouTxt{ margin-right:20px;}
.kvBnr .kvSP_bg > h1 em{font-style: normal; font-size: 135%; letter-spacing: -1px; display: inline-block; padding-right: 6px;}
.htlLogoNew ul li { max-width: 174px !important; }
.bus ul.svs li { width: 100% !important;}
.swipeLftLogo.swipeLftLogo2a.sp{ display: block!important;}
.swipeLftLogo.swipeLftLogo2a.sp{ display: block!important;}
#HOME_BusHigh .blackCP .typeRow:first-child{opacity: 0; height: 0;}
#HOME_BusHigh .blackCP .selectBtnNewSort .typeRow:first-child{opacity: 1; height: auto;}
#HOME_BusHigh .blackCP .typeRow:nth-child(2){opacity: 0; height: 0;}
.typeRow.deptAriSP{ display: none!important;}
.jdsSelectShow .selectBtnNew #areaAri li a, .jdsSelectShow .selectBtnNew .areaAri li a{
  background: url(https://img.travel.rakuten.co.jp/special/sales/images/radio_button_unchecked.svg) no-repeat 2px center #eaeaea;
  padding: 10px 0 10px 18px;
  background-color: #fff;
  background-size: 15px;}
.jdsSelectShow .selectBtnNew #areaAri li.check a, .jdsSelectShow .selectBtnNew .areaAri li.check a{
  background: url(https://img.travel.rakuten.co.jp/special/sales/images/radio_button_checked.png) no-repeat 2px center #00A0F0;
  padding: 10px 0 10px 18px;
  background-color: #00A0F0;
  color: #fff;
  background-size: 15px;}
  .bus.kosoku .couponimg p.kakutokuZumi .useTheCP{ color: rgb(182, 182, 182);}
.fjHRoH.fjHRoH.fjHRoH.fjHRoH{ padding-top: 1rem !important; padding-bottom: 1rem !important; padding-right: 3rem !important; padding-left: 3rem !important;}
.rex-button{font-size: 30px !important;}
.dzEZsB.dzEZsB.dzEZsB.dzEZsB{font-size: 28px !important;}
#HOME_BusHigh .allShowBtn{display: block; float: right; margin-right: 15px; text-align: right; width: auto;}
#HOME_BusHigh .allShowBtn:before { content: url(https://img.travel.rakuten.co.jp/special/sales/coupon/images/iconX.svg); padding-right: 5px;}
#HOME_BusHigh .allShowBtn.on{display: none;}
#HOME_BusHigh .allShowBtn.show.on{ display: none;}
#HOME_BusHigh .jdsSelectShow .kome{background: #767676;}
.busCard--services{max-width: 160px;}
.busCard--services li.line3 {background: url(https://img.travel.rakuten.co.jp/special/sales/template/test/images/line3.svg); background-size: 20px 20px;}
.busCard--services li.line4 {background: url(https://img.travel.rakuten.co.jp/special/sales/template/test/images/line4.svg); background-size: 20px 20px;}
.busCard div.exp ul li b.line3 {background: url(https://img.travel.rakuten.co.jp/special/sales/template/test/images/line3.svg); background-size: 20px 20px;}
.busCard div.exp ul li b.line4 {background: url(https://img.travel.rakuten.co.jp/special/sales/template/test/images/line4.svg); background-size: 20px 20px;}
ul.svs li span.user{margin-right: 0;}
ul.svs li span.user{margin-top:5px!important;}
#popUpplan .title{display:block; text-align:center;  font-weight:bold;color:#333333;}
#popUpplan .subTtBus{ font-size:14px; font-weight:bold;display:block; color:#333333; line-height:18px; border-left:3px solid #00A0F0 !important; padding-left:14px; margin-top:10px;}
#popUpplan .title{font-size:18px;}
#popUpplan .subTtBus{margin-top:16px;}
#popUpplan .mapflex.tabA, #popUpplan .mapflex.tabB, #popUpplan .mapflex.tabC, #popUpplan .mapflex.tabD, #popUpplan .mapflex.tabE{border-left: 1px solid #333 !important; border-top: 1px solid #333 !important;}
#HOME_BusHigh_pickup .column_4 li .flex-box-center {justify-content: space-between;}
#HOME_BusHigh_pickup .column_4 li .flex-box-center li {  max-width: none !important; width: 100%;  margin: 0 !important;}
.ss-hotel .hotel-price a span.details{ background:none !important;}
.ss-hotel .jss_popOverInfo{display: none;}
#HOME_BusHigh_pickup .ss-hotel .hotel-sub .hotel-pr{margin-bottom: auto;}
#HOME_BusHigh_pickup .ss-hotel .hotel-price a span.details{min-height: auto;}
#HOME_BusHigh_pickup .ss-hotel .hotel-price{padding: 6px 0;}
#HOME_BusHigh_pickup .ss-hotel .ss-button-middle.ss-button-white{max-width: 80%;}
#HOME_BusKanko .ss-hotel .chara{display: none;}
#Schedule h3{ font-size: 24px; font-weight: normal; text-align: center; padding:20px 0 5px;}
#Schedule .explain{display: block; font-size: 14px; margin-bottom: 15px; text-align: center;}
.hideMore { height: 500px; overflow: hidden;}
.entryTxt{ font-size: 18px; font-weight: bold; text-align: center; padding: 30px 0 0; line-height: 1.4;}
#HOME_BusHigh .ss-banner-box h2{margin-bottom: 20px;}
#HOME_BusHigh .btnBusline{ background-color: #00A0F0; color: #fff; border-radius: 10px; padding: 15px 16% 10px; font-size: 22px; font-weight: bold; letter-spacing: 1px; box-shadow: 0 10px 10px  rgba(0, 0, 0, .3); position: relative;}
#HOME_BusHigh .btnBusline:before {display: block; position: absolute; content: ""; top: 50%; right: 16px; width: 10px; height: 10px; margin-top: -6px; border-top: 2px solid #fff; border-right: 2px solid #fff; z-index: 3; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.buscmp li div.clearfix{background: none;}
#HOME_BusKanko .ss-banner-box h2{margin-bottom: 20px;}
#HOME_BusKanko .kankouMore{background-color: #00A0F0; color: #fff; border-radius: 10px; padding: 18px 12% 15px; font-size: 18px; font-weight: bold; letter-spacing: 1px; box-shadow: 0 10px 10px  rgba(0, 0, 0, .3); position: relative;}
#HOME_BusKanko .kankouMore:before {display: block; position: absolute; content: ""; top: 50%; right: 16px; width: 10px; height: 10px; margin-top: -6px; border-top: 2px solid #fff; border-right: 2px solid #fff; z-index: 3; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.popUpplan span{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAMAAACfvvDEAAAAkFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////8AAAAKCgoQEBASEhIbGxskJCQqKioyMjI2NjY4ODhSUlJXV1dYWFhpaWlwcHCLi4uTk5Ofn5+qqqq7u7u9vb3g4ODl5eXy8vL5+fn8/Pz///8ms/lDAAAAFXRSTlMA9u3n28y1saicknFrXlhRNyQbEQe52N26AAABYElEQVR42pWVZcICIRQAsZe149ndBXP/232JYMv8MoZ+oa7o1NNCFoBsIa131DMaOk9IXjcees0E2K8mffmhP1ntgaR5L1YynNcjCRmtz2Qqt6KG7UBuGWxBq5B2ETOXRywMxXZw5BLHkTxmdKTUCZY+DeQZg5PfQBk7lOcMLeU/sZVlJq+YkW2pH4rs5DU7Sr8vg+nJP5tZONXafeoZfl4rYX0RYSKOCWzc5zWJUp0cAy9inTq1eHVArqNq7C+3bNGY6Z9o0NjLa+ypqZSlX9D8qBMnGr+VJakqMBaHE/wQx5iCytCVQLVozqszGjsRT5eMAgmZGIpA0c3oAGd69Ug1rXKcyDtTlmilg2PGzxmxz+dnn16f/dF9jv/vc3p1n/6Nwpfxqn+j8N3n1ol3736gFhFLn8ZnRMxH5FFEbkbke0QNeV2XTpQ617Vu8azWldoR9TOiJkfV+fje8b4ffQGku4zNkRKhNAAAAABJRU5ErkJggg==) no-repeat;
  background-size: 30px 30px;}
.cp_boxBUS .readMoreBUS{height: 70px;}
.cp_boxBUS input:checked + label:before { width: 6px; height: 6px; margin-right: 52px; margin-top: -5px;}
.ttlicon:after {display: none;}
.purasu{text-align: center; padding-top: 10px;}
.cpLinkwindow{margin: 0 auto 16px;}
.mapPopUp{ top: 10% !important; width: 90%; left: 5%;}
.popUpplan > p{padding: 15px 10px 10px;}
.mapPopUp.popUpplan>p#popUpplan { max-height: 600px !important;}
#popUpplan .mapflex{ margin-bottom: 0 !important;}
.mapflex li a{margin: 5px 3px; letter-spacing: -0.5px;}
.cp_boxBUS .readMoreBUS:before{ margin-top: -9px;}

.hideMore .jdsSelectShow.htlboxSCH .ss-banner-box.mt20{
  position: absolute;
  background: #fff;
  width: 100%;
  height: 80px;
  overflow: hidden;
  left: 0;
  bottom: 0;
  z-index: 1;
  padding-bottom: 20px;
  padding-top: 20px;
}
.hideMore.cp_boxBUS .readMoreBUS{
  bottom: 120px;
}
.busTabNav{display: none !important;}
#PICKUP{padding-top: 30px;}
#search-box.verB.test #dh-input-area select, #search-box.verB.test #dh-input-areaChuB select{ min-height: 30px;}
#search-box.verB.test #shou select, #search-box.verB.test #shouB select{width: 150px; min-height: 35px;}
#dhInfo { max-width: 1218px; padding: 0; border: none; margin: 24px auto 24px; text-align: center;}
#dhInfo h3 { display: block; text-align: center; padding-bottom: 16px; font-size: 24px;}
.btmarea { padding-bottom: 0 !important;}
#dhInfo p { font-size: 16px; margin-bottom: 24px; padding: 0 12px;}
#dhInfo img { width: calc(100% - 28px); margin: 0 14px;}
#popUpplan .mapflex { width: calc(100% - 1px) !important; overflow: hidden;}
#popUpplan .mapflex .half { width: calc(50% - 1px) !important; float: left !important;}
.kakunin { margin-bottom: 0 !important; margin-top: 0px !important; min-width: auto !important;}
.kvBnr .kvSP_bg > h1 .italic{font-size: 90%; line-height: 120%;}
#pointBk { padding: 30px 0;background-color: #feffd6;}
#pointBk .pt1 { padding-bottom: 16px; margin-bottom: 0px; text-align:center;}
#pointBk img { width:90%;}
#pointBk .entExp { text-align: center; font-size: 14px;}
#pointBk .kakuDv { text-align: center; margin: 24px auto;}
#pointBk .kakuDv a.kakunin { position: relative; font-size: 20px;}
#pointBk .kakuDv a.kakunin:hover { opacity: 0.8;}
#pointBk .kakuDv a.kakunin:after { position: absolute; width: 18px; height: 18px; display: block; content: ""; background: url(https://img.travel.rakuten.co.jp/special/sales/car/campaign/images/opIcon.svg) 0 0 no-repeat; right: -22px; top: 2px; }
.fnozcu { margin-top: 16px!important;}
/*.coupon__box__holder{ padding: 30px 16px;}*/
.busCard--services{width:auto!important;}
.greyBox {  padding-top: 20px; background: #e9e9eb;}
.greyBox .text{ background-color: #e9e9eb; margin: 10px; padding: 5px 0; font-size: 13px;}
#HOME_BusHigh{margin-top: 30px;}
#dhInfo.hideMore { height: 400px; overflow: hidden;}
.coupon__box {background: #f3f3f3;}
.bus_pr{ margin: 0 10px; font-size: 13px; line-height: 160%;}
.coupon__box__holder.onlyOne{padding-bottom: 30px;}
.pathBox{pointer-events:none;}
.pathBox{margin: 0 10px; padding-bottom: 20px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
.pathBox li{ width: calc(50% - 10px); margin: 0 5px 10px;}
.pathBox a{display: block; text-align: center; background-color: #fff; border-radius: 5px; border: 1px solid #bababa; color: #666; font-size: 14px; font-weight: 400; padding: 5px;}
.pathBox span{
  position: absolute;
  width: 45%;
  padding: 5px 0;
  color: #fff;
  background: rgba(0, 0, 0, .5);
  text-align: center;
  display: none;
  font-size: 15px;
}
.pathBox li.couponOneClick-expired-true span{display: block;}
.couponOneClick .coupon__time__start{ font-size: 14px; font-weight: 400; margin: 8px 0 4px; color: #6d6d6d; line-height: 140%;}
.couponOneClick .coupon__time__start span{ color: #009700; font-weight: 600;}
.navSPbtn.active { bottom: 330px;}
.ss-container{border: none;}
.coupon__filter__row dl .coupon__filter__check-box li.active{
    background: url(https://img.travel.rakuten.co.jp/special/sales/template/summersale/images/checkbox-on.png) left center no-repeat;
    background-size: 16px 16px;
  }
.busCard--date li{background-color: #E3F6FF;}
.busCardRgt .busCardDetails .cpYen{background: url(https://img.travel.rakuten.co.jp/special/sales/template/summersale/2407/images/coupons.svg) no-repeat top left; background-size: 22px 22px;}
.coupon__subtitle{color: #333 !important;}
.coupon__subtitle span{ border-bottom:1px solid #6d6d6d;}
.bnr_5{ margin: 10px 10px 30px;}
.bnr_5 p{display:block; background-color: #E3F6FF; border: 1px #76D1FF solid; padding: 10px; margin: 0 auto; border-radius: 6px;}
.coupon__filter__guide{margin: 12px auto;}
}

@media all and (min-width: 320px) and (max-width: 380px) {
  .mapPopUp.popUpplan>p#popUpplan { max-height: 550px !important;}
}
/*.coupon__box__holder{padding:20px 10px 60px;}*/
 .mainTtl{padding: 10px 0 10px;}


.tab-group.clearfix.cp_boxBUS.hideMore  .readMoreBUS:after{content: '続きを見る';}
.cp_boxBUS input:checked + label:after {content: '路線一覧を閉じる';}
.tab-group.clearfix.cp_boxBUS.hideMore  .readMoreBUS.hide{display: none !important;}
.tab-group.clearfix.cp_boxBUS.hideMore  .readMoreBUS.Dehide{display: none !important;}
.tab-group.clearfix.cp_boxBUS  .readMoreBUS.hide{display: none !important;}
.tab-group.clearfix.cp_boxBUS  .readMoreBUS.Dehide{display: none !important;}
#ssService ul li.bus{display: none;}
#ssService ul li.supersale{margin-right: 0 !important;}

@media screen and (max-width:720px){
   .pcCenter h2{text-align:center;}
  .coupon_subtitle {
    background-color: transparent!important;
    font-family: "Noto Sans JP", sans-serif;
    line-height: 1.5;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #009700!important;
    font-size: 22px!important;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.05em;
  }
  .coupon_subtitle span {
    border-bottom: 2px solid #9dd79d;
  }


  }

.jshide{overflow: hidden;height: 0;opacity: 0;margin: 0;padding: 0;}

@media (min-width: 415px) {
  .jdMJeJ.jdMJeJ.jdMJeJ.jdMJeJ span { transform: translateX(15px); display: block; color: rgb(4, 114, 5); font-size:80%;}
  .jdMJeJ.jdMJeJ.jdMJeJ.jdMJeJ{ padding:20px!important; width:95%!important;}
.coupon_subtitle {
    line-height: 1.5;
    box-sizing: border-box;
    min-height: 50px;
    padding: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #6d6d6d;
    background-color: #f3f3f3;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
  }
 .coupon_subtitle {
    background-color: transparent!important;
    font-family: "Noto Sans JP", sans-serif;
    line-height: 1.5;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #009700!important;
    font-size: 27px!important;
    font-weight: 600!important;
    text-align: center;
    letter-spacing: 0.05em;
  }
  .coupon_subtitle span {
    border-bottom: 2px solid #9dd79d;
  }

}