@charset "utf-8";

/*===================================
 CSS INFO
 Description : style css
=====================================*/

/* layout
==================================== */
.container{
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.section{
	padding-top: 30px;
	padding-bottom: 30px;
}
.contents-flex-wrap{
	display: flex;
	flex-wrap: wrap;
}
.contets-splitto-2{
	width: 50%;
	padding-right: 10px;
}
.contets-splitto-2 + .contets-splitto-2{
	padding-left: 10px;
	padding-right: 0;
}

/* header
==================================== */
header{
	border-bottom: 1px solid var(--light-gray);
	background-color: #fff;
	line-height: 1.4;
}
.header-inner{
	width: 1100px;
	height: 65px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#header-logo{
	width: 170px;
	margin: 0;
}
#header-logo img{
	width: 100%;
	height: auto;
}
.header-nav{
	margin: 0;
}
.header-nav li{
	display: inline-block;
	margin-left: 10px;
	position: relative;
}
.header-nav li a{
	color: var(--basic-text-color);
	padding: 5px;
	border-radius: 3px;
}
.header-nav li a:hover,
.header-nav li a:focus{
	text-decoration: none;
	background-color: #f5f7f8;
}
.header-nav li a:before{
	font-family: var(--font-family-icn);
	color: var(--dark-blue-gray);
	font-size: 18px;
	vertical-align: middle;
	margin-right: 3px;
}
.header-nav li a:hover:before{
	color: #f39800;
}
.header-nav li .nav-faq:before{
	content: "\e887"
}
.header-nav li .nav-history:before{
	content: "\e889"
}
.header-nav li .nav-booking:before{
	content: "\e86c";
}
.header-nav li .nav-history .his-num{
	position: absolute;
	top: -12px;
	right: -10px;
	background-color: #ffea29;
	color: #0071bc;
	font-size: 12px;
	border-radius: 50px;
	padding: 3px;
	line-height: 1;
}

/* footer
==================================== */
footer{
	background-color: var(--pale-blue-gray);
	margin-top: 50px;
	padding-top: 30px;
}
.footer-area-box{
	margin-bottom: 40px;
}
.footer-area-box a{
	color: var(--basic-text-color);
	font-size: 12px;
}
.footer-pref{
	margin-bottom: 20px;
}
.footer-area-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.footer-airport,.footer-station{
	width: 49%;
	border: 1px solid var(--light-gray);
	padding: 5px 15px 10px;
}

.footer-sns{
	display: flex;
	align-items: center;
	justify-content: center;
}
.footer-sns dt{
}
.footer-sns dd{
	display: flex;
}
.footer-sns dd a{
	display: block;
	width: 32px;
	margin-left: 10px;
}
.footer-sns dd a img{
	width: 100%;
}
.footer-sub-nav{
	display: flex;
	justify-content: center;
	margin: 30px 0;
}
.footer-sub-nav li{
	margin: 0 5px;
}
.footer-sub-nav li a{
	color: var(--basic-text-color);
}
.footer-sub-nav li a:hover{
	color: var(--basic-orange);
}
.footer-logo{
	width: 170px;
	margin: 0 auto 20px;
	text-align: center;
	font-size: 12px;
}
.footer-logo img{
	max-width: 100%;
}
.copy{
	background-color: var(--basic-blue);
	color: #FFF;
	text-align: center;
	margin: 0;
	padding: 14px 10px;
	font-size: 12px;
}

/* search box
==================================== */
.search-box{
	background-color: #fff;
	border-color: var(--light-gray);
	/*border-top-color: var(--blue-green);*/
	border-top-color: var(--basic-blue);
	border-width: 5px 1px 1px;
	border-style: solid;
	padding: 15px 30px;
	margin-bottom: 50px;
}
.search-inner{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
}
.search-item-ttl span{
	background-color: #21b1ae;
	padding: 3px 10px;
	color: #FFF;
	font-weight: bold;
}
.search-start .search-item-ttl span{
	background-color: #21a5e1;
}
.search-end .search-item-ttl span{
	background-color: #21ad64;
}
.search-start,.search-end{
	width: calc((100% - 100px) / 2);
	height: 180px;
}
.search-arrow{
	width: 100px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 96 960 960" width="48"><path d="m480 896-42-43 247-247H160v-60h525L438 299l42-43 320 320-320 320Z" fill="%23819a9f"/></svg>');
	background-repeat: no-repeat;
	background-position: center;
}
.from-date-select{
	display: flex;
	margin-bottom: 10px;
}
.from-date-select input{
	width: 60%;
	margin-right: 5px;
}
.from-date-select select{
	width: 40%;
	margin-left: 5px;
}
.search-place li{
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}
.srch-select-pref,.srch-select-station{
	display: flex;
}
.srch-select-pref select,
.srch-select-station select{
}
.select-pref{
	width: 45%;
	margin-right: 5px;
}
.select-munic,
.select-station{
	width: 55%;
	margin-left: 5px;
}

.search-sub-condition{
}
.sub-condition{
	text-align: center;
	padding-bottom: 15px;
}
.sub-condition-toggle{
	text-align: center;
	color: #0d6fb8;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	display: inline-block;
}
.sub-condition-toggle:before{
	content: "\e147";
	font-family: var(--font-family-icn);
	vertical-align: -7px;
	margin-right: 5px;
	font-size: 24px;
}
.sub-condition-toggle.active:before{
	content: "\e5ce";
}
.sub-condition-toggle:hover{
	color: var(--basic-orange);
}
.search-sub-condition-inn{
	display: none;
}

/*.sch-cond-type,*/
.sch-cond-other,.sch-cond-company{
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 20px;
}
.sch-cond-company{
	align-items: center;
	margin-bottom: 40px;
}
.sch-cond-type dt{
	font-weight: bold;
	margin-bottom: 10px;
}
.sch-cond-other dt,.sch-cond-company dt{
	font-size: 12px;
	font-weight: bold;
	width: 100px;
}
/*.sch-cond-type dd,*/
.sch-cond-other dd,.sch-cond-company dd{
	width: calc(100% - 100px);
}
.sch-cond-type dd ul{
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
	margin-top: 0;
	margin-left: -4px;
	margin-right: -4px;
}
.sch-cond-type dd ul li{
	/*width: 20%;*/
	width: 16.5%;
	height: 100%;
	/*text-align: center;*/
}
.car-type-select{
	margin: 0 4px 8px;
}
.car-type-select input{
	display: none;
}
.car-type-select label{
/*	display: flex;
	align-items: center;*/
	display: block;
	border-radius: var(--basic-radius);
	border: 1px solid var(--light-gray);
	/*padding: 5px 20px 5px 5px;*/
	padding: 5px;
	cursor: pointer;
	position: relative;
	font-size: 11px;
}
.car-type-select label[for="type-4"]{
	font-size: 10px;
}
.car-type-select label:hover,
.car-type-select > input[type="checkbox"]:checked +  label{
	border-color: var(--basic-blue);
	color: var(--basic-blue);
}
.car-type-select label img{
/*	width: 42px;
	margin-right: 5px;
	border-radius: 100px;*/
	width: 60px;
	display: block;
	/*margin: 0 auto 5px;*/
	float: left;
}
.car-type-select > input[type="checkbox"]:checked + label:before{
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	border: 1px solid var(--light-gray);
	border-radius: 100px;
	background-color: rgba(255,255,255,0.8);
	position: absolute;
	top: 6px;
	left: 18px;
}
.car-type-select > input[type="checkbox"]:checked + label:after{
	content: "";
	position: absolute;
	top: 10px;
	left: 27px;
	width: 13px;
	height: 18px;
	border-right: 4px solid var(--basic-blue);
	border-bottom: 4px solid var(--basic-blue);
	transform: rotate(45deg);
}
.car-type-select .ct-select-memo{
	display: block;
	font-size: 11px;
}
.sch-cond-other{}

.checkbox-list{
	margin: 0;
	padding: 0;
}
.checkbox-list li{
	display: inline-block;
	margin-right: 10px;
}
.search-btn{
	text-align: center;
	padding: 0 0 15px;
}

/* contents
==================================== */
.page-head{
	text-align: center;
	padding: 30px 0;
}
.plan-page-head{
	padding: 30px 0;
}
.page-head > h1,
.page-head > h2,
.page-head > h3,
.page-head > h4,
.plan-page-head > h1,
.plan-page-head > h2,
.plan-page-head > h3,
.plan-page-head > h4{
	margin-bottom: 0;
}
.page-head h1 + p,
.page-head h2 + p,
.page-head h3 + p,
.page-head h4 + p,
.plan-page-head h1 + p,
.plan-page-head h2 + p,
.plan-page-head h3 + p,
.plan-page-head h4 + p{
	margin-top: 0;
}
.section-head{
overflow: hidden;
}
.section-head > h2,
.section-head > h3{
	float: left;
}
.section-head > p{
	text-align: right;
}
.pref-list-wrap,.area-list-wrap{
	display: flex;
}
.page-ohter-pref .pref-list-wrap{
	flex-wrap: wrap;
}
.pref-list-item,.area-list-item,
.page-ohter-pref .pref-list-wrap .pref-list{
	width: 50%;
}
.page-ohter-pref .pref-list-wrap .pref-list{
	margin: 0 0 8px;
}
.area-list-item{
	padding-right: 10px;
}
.area-list-item + .area-list-item{
	padding-right: 0;
	padding-left: 10px;
}
.pref-list{
	display: flex;
	flex-wrap: wrap;
}
.pref-list dt{
	width: 100px;
}
.pref-list dd{
	/*margin-left: 16px;*/
	width: calc(100% - 100px);
}
.pref-list dd > ul{
	margin: 0;
}
.pref-list dd > ul > li{
	display: inline-block;
	margin-right: 10px;
}
.area-list{
	margin: 0;
}
.area-list li{
	display: inline-block;
	margin-right: 16px;
	margin-top: 8px;
	margin-bottom: 8px;
}

.maker-lsit dt{
	font-weight: bold;
	margin-bottom: 5px;
}
.maker-lsit dt:before{
	color: var(--dark-blue-gray);
	margin-right: 5px;
}
.maker-lsit dd ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
.maker-lsit dd ul li{
	width: 8.333333%;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: var(--light-gray);
	text-align: center;
	font-size: 9px;
}
.maker-lsit dd ul li:first-child{
	border-left-width: 1px;
}
.maker-lsit dd ul li a{
	display: block;
	padding: 5px;
	color: var(--basic-text-color);
	height: 100%;
}
.maker-lsit dd ul li a:hover{
	background-color: var(--pale-blue-gray);
	text-decoration: none;
}
.maker-lsit dd ul li img{
	display: block;
	margin: 0 auto 5px;
	border-radius: 80px;
}
.brand-listbox,.brand-listbox-half{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -8px;
}
.brand-listbox li{
	/*border: 1px solid var(--light-gray);*/
	width: 20%;
	margin-bottom: 16px;
	padding-left: 8px;
	padding-right: 8px;
}
.brand-listbox-half li{
	width: 50%;
	margin-bottom: 16px;
	padding-left: 8px;
	padding-right: 8px;
}
.brand-listbox li a,.brand-listbox-half li a{
	display: flex;
	align-items: center;
	padding: 15px;
	border: 1px solid var(--light-gray);
	color: var(--basic-text-color);
	line-height: 1.2;
	height: 100%;
}
.brand-listbox li a:hover,
.brand-listbox-half li a:hover{
	color: var(--basic-orange);
}
.brand-listbox li:first-child a,
.brand-listbox-half li:first-child a{
	margin-left: 0;
}
.brand-listbox li a img,
.brand-listbox-half li a img{
	margin-right: 5px;
	width: 32px;
	height: 32px;
}

.feature-slide{
	margin-left: -10px;
	margin-right: -10px;
}
.feature-slide-item{
	padding: 10px;
}
.feature-slide-item a{
	display: block;
	margin-bottom: 10px;
}
.feature-slide-item a img{
	margin-bottom: 10px;
}
.feature-slide-ttl{
	display: block;
}
.feature-slide .slick-dots > li:first-child:last-child{
	display: none;
}

.guide-list-box{
	margin-top: 20px;
	margin-bottom: 40px;
}
.guide-list-box .icon-light:before{
	/*font-weight: bold;*/
	font-size: 24px;
	margin-right: 3px;
	color: var(--basic-blue);
}
.guide-list{
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
.guide-list li{
	width: 33.333333%;
	padding-left: 16px;
}
.guide-list li:first-child{
	padding-left: 0;
}
.guide-list li a{
	display: flex;
	align-items: center;
	border: 1px solid var(--light-gray);
	padding: 10px;
	color: var(--basic-text-color);
}
.guide-list li a:before{
	font-size: 60px;
	margin-right: 10px;
	color: var(--basic-blue);
}
.guide-list li a:hover{
	color:  var(--basic-orange);
	text-decoration: none;
}
.guide-list li a:hover:before{
	color:  var(--basic-orange);
}
.faq-list-box{}
.faq-list{
	display: flex;
	flex-wrap: wrap;
	margin-top: 0;
}
.faq-list li{
	width: 49.5%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 10px;
}
.faq-list li:before{
	display: inline-block;
	background-color: var(--basic-blue);
	width: 22px;
	height: 22px;
	padding: 5px;
	border-radius: 80px;
	margin-right: 5px;
	color: #FFF;
	font-size: 13px;
	text-align: center;
}

.pref-wrap{
	display: flex;
	flex-wrap: wrap;
}
.pref-fig,.pref-area{
	width: 50%;
}
.pref-area{
	padding-left: 20px;
}

.review-list-box{
	height: 450px;
	overflow-y: auto;
	border: 1px solid var(--light-gray);
	background-color: #fff;
	padding: 20px 30px;
	margin-bottom: 20px;
}
.review-list-item{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-bottom: 1px dotted var(--gray);
	padding-top: 10px;
	padding-bottom: 10px;
}
.review-user{
	text-align: center;
	width: 80px;
}
.review-user img{
	width: 40px;
}
.review-user span{
	display: block;
	text-align: center;
	font-size: 10px;
	margin-top: 5px;
}
.review-comment{
	width: calc(100% - 80px);
	padding-left: 20px;
}
.review-comment dt{
	margin-bottom: 5px;
}
.review-cmt-eval{
	margin-bottom: 8px;
}
.review-cmt-eval img,
.review-eval-num{
	display: inline-block;
	vertical-align: middle;
}
.review-eval-num{
	margin-left: 5px;
	font-weight: bold;
	font-size: 16px;
	vertical-align: -4px;
}
.review-comment .review-cmt-txt{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.review-comment .review-cmt-txt a{
	/*color: var(--basic-text-color);*/
}

.search-result{
	border: 1px solid var(--light-gray);
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: var(--basic-radius);
	padding: 5px 15px;
}
.search-result-r{
}
.search-result-l{}
.search-result-num{
	display: inline-block;
	margin-right: 5px;
}
.search-result-num span{
	font-size: 22px;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
}
.page-nation{
	margin: 0;
}
.page-nation li{
	display: inline-block;
	margin-right: 3px;
	margin-left: 3px;
}
.page-nation li a,
.page-nation li.current{
	background-color: var(--blue-gray);
	border-radius: 80px;
	width: 24px;
	height: 24px;
	text-align: center;
	padding: 2px;
	text-decoration: none;
}
.page-nation li a{
	display: block;
	color: var(--basic-text-color);
}
.page-nation li.current,
.page-nation li a:hover{
	background-color: var(--basic-blue);
	color: #FFF;
}
.page-nation li:first-child a,
.page-nation li:last-child a{
	background-color: transparent;
	width: auto;
}
.page-nation li:first-child a:hover,
.page-nation li:last-child a:hover{
	color: var(--basic-blue);
}

.plan-list-box{
	margin-top: 30px;
	margin-bottom: 30px;
}

.plan-list-item{
	border: 1px solid var(--dark-blue-gray);
	padding: 30px;
	margin-bottom: 20px;
	background-color: #fff;
}
.plan-list-head{
	display: flex;
	margin-bottom: 15px;
}
.pl-icon{
	width: 46px;
	height: 46px;
	margin-right: 5px;
}
.pl-icon img{
	max-width: 100%;
}
.plan-list-name{
	padding-left: 10px;
}
.pl-ttl{
	margin: 0 0 5px;
	font-size: 18px;
	line-height: 1.4;
}
.pl-ttl span{
	display: inline-block;
	border: 1px solid var(--basic-blue);
	color: var(--basic-blue);
	font-size: 16px;
	padding: 3px 5px;
	margin-right: 5px;
}
.pl-brand{
	margin: 0;
}
.pl-brand li{
	display: inline-block;
}
.pl-brand li:before{
	content: " / "
}
.pl-brand li:first-child:before{
	content: none;
}
.pl-review img{
	display: inline-block;
	vertical-align: baseline;
	margin-left: 3px;
}
.pl-review .review-eval-num{
	vertical-align: middle;
}
.plan-list-detail{
	display: flex;
	flex-wrap: wrap;
}
.plan-img{
	width: 200px;
	margin: 0;
}
.plan-img img{
	max-width: 100%;
}
.plan-detail-box{
	width: calc(100% - 420px);
	padding-left: 20px;
	padding-right: 20px;
}
.pl-price{
	width: 220px;
}
.pl-detail-list{
	margin: 0 0 10px;
}
.pl-detail-list li{
	margin-bottom: 3px;
}
.pl-dtl-type{
	margin-right: 20px;
}
.pl-dtl-type,.pl-dtl-kaiteki{
	display: inline-block;
}
.pl-dtl-class [class^="icon-"]{
margin-left: 10px;
}
.plan-basic-option{}
.plan-basic-option li{
	display: inline-block;
	background-color: var(--pale-blue);
	padding: 5px 8px;
	margin-bottom: 5px;
	color: var(--dark-navy);
}
.plan-add-option{
	margin-bottom: 0;
}
.plan-add-option dt{
	color: var(--dark-navy);
}
.plan-add-option dd{
	display: inline-block;
}
.plan-add-option dd:after{
	content: " / ";
}
.pl-price dl{
	margin: 0;
}
.plan-price dt{
	font-size: 12px;
}
.plan-price dd{
	color: var(--price-red);
	background-color: var(--price-bg);
	text-align: center;
	font-weight: bold;
	position: relative;
	padding: 20px 5px;
	margin: 5px 0;
	border-radius: var(--basic-radius);
}
.pl-list-price{
	font-size: 28px;
}
.pl-list-price small{
	font-size: 14px;
}
.pl-list-tax{
	position: absolute;
	right: 5px;
	bottom: 5px;
	font-size: 10px;
	color: var(--basic-text-color);
}
.pl-disclaimer{
	margin: 0 0 16px;
	text-align: right;
}
.area-info-box{
	padding-bottom: 0;
}

/*ブランド詳細*/
.bran-head{
	border: 1px solid var(--light-gray);
	border-radius: var(--basic-radius);
	background-color: #fff;
	margin: 30px 0;
	padding: 30px;
	display: flex;
	flex-wrap: wrap;
}
.bran-head .brand-logo-img{
	width: 90px;
	height: 90px;
}
.brand-info-box{
	padding-left: 20px;
	width: calc(100% - 90px);
}
.brand-name-box{
	display: flex;
	justify-content: space-between;
}
.brand-info-box .brand-name{
	font-size: 24px;
	margin: 0;
}
.brand-info-box .brand-name .brand-area{
	display: block;
	font-size: 14px;
	font-weight: normal;
}
.brand-review-num{
	margin: 0;
}
.brand-review-num img{
	margin-left: 5px;
}
.brand-review-num img,
.brand-review-num .review-eval-num{
	vertical-align: baseline;
}
.brand-review-num .page-link{
	background-color: var(--pale-blue);
	border-radius: var(--basic-radius);
}
.brand-review-num .page-link:hover{
	text-decoration: none;
	background-color: var(--pale-orange);
}
.brand-shop-list{
	border: 1px solid var(--light-gray);
	border-radius: var(--basic-radius);
	padding: 30px;
	display: flex;
	align-items: flex-start;
	position: relative;
	margin-bottom: 30px;
}
.brand-shop-img{
	width: 260px;
	height: auto;
}
.brand-shop-info{
	padding-left: 20px;
	width: calc(100% - 260px);
}
.brand-shop-info .ttl-2{
	margin-top: 0;
}
.brand-shop-detail{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.brand-info-txt{
	font-size: 12px;
	margin-bottom: 0;
}
.bd-sho-dtl-list{
	margin: 0;
	width: calc(100% - 210px);
}
.bd-sho-dtl-list > li{
	display: flex;
	flex-wrap: wrap;
}
.bd-sho-dtl-list > li > span,
.bd-sho-dtl-list > li > ul{
	width: calc(100% - 30px);
}
.bd-sho-dtl-list li:before{}
.bd-sho-dtl-list .bd-shop-address:before,
.bd-sho-dtl-list .bd-shop-tel:before,
.bd-sho-dtl-list .bd-shop-hours:before{
	content: "";
	width: 18px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 6px;
	margin-top: 2px;
}
.bd-sho-dtl-list .bd-shop-address:before{
	background-image: url(../img/icon_place_fill.svg);
}
.bd-sho-dtl-list .bd-shop-tel:before{
	background-image: url(../img/icon_tel_fill.svg);
}
.bd-sho-dtl-list .bd-shop-hours:before{
	background-image: url(../img/icon_time_fill.svg);
}
.business-hours-list{
	margin: 0;
}
.business-hours-list li{
	display: inline-block;
	margin-right: 10px;
}
.business-hours-list li .ic-week{
	display: inline-block;
	width: 20px;
	text-align: center;
	background-color: var(--breadcrumb-border-color);
	border-radius: 3px;
	font-size: 12px;
	margin-right: 5px;
}
.business-hours-list li:nth-last-child(1) .ic-week{
	background-color: var(--pale-pink);
	color: var(--basic-red);
}
.business-hours-list li:nth-last-child(2) .ic-week{
	background-color: var(--pale-blue);
	color: var(--basic-blue);
}
.bd-sho-dtl-list .bd-shop-hours .special-bd{
	padding-left: 24px;
	width: 100%;
}
.special-bd{}
.special-bd > p{
	margin-bottom: 3px;
}
.special-bd-list{
	display: flex;
	flex-wrap: wrap;
}
.special-bd-list li{
	width: 50%;
}
.special-bd-list li > span{
	display: inline-block;
	margin-right: 5px;
}

.brand-shop-btn{
	width: 200px;
	margin: 0;
/*	position: absolute;
	right: 30px;
	bottom: 30px;*/
}
.brand-shop-btn li{
	margin-top: 15px;
}
.brand-shop-btn .btn{
	width: 100%;
	text-align: center;
}

.review-excerpt-box{
	padding: 0;
}
.review-ex-head{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px 20px 10px;
}
.review-ex-main{
	width: calc(100% - 410px);
	padding-right: 20px;
}
.review-ex-graph{
	width: 410px;
	height: 260px;
	background-color: #EEE;
}
.review-ex-total{
	background-color: #fff27b;
	text-align: center;
	border-radius: 6px;
	padding: 16px;
	margin: 0 0 30px;
}
.review-ex-total dt{
	font-weight: bold;
	font-size: 18px;
	margin-right: 10px;
}
.review-ex-total dd{
	margin-left: 10px;
}
.review-ex-total dt,
.review-ex-total dd{
	display: inline-block;
	vertical-align: middle;
}
.review-ex-total dd img{
	vertical-align: baseline;
}
.review-ex-total dd .review-eval-num{
	font-size: 28px;
	color: var(--basic-pink);
}
.review-ex-evaluation{
	display: flex;
	flex-wrap: wrap;
}
.review-ex-evaluation li{
	width: 50%;
	margin-bottom: 6px;
}
.review-ex-evaluation li .rv-eva-ttl{
	width: 154px;
	display: inline-block;
}
.review-ex-evaluation li *{
	vertical-align: baseline;
}
.review-ex-evaluation li .review-eval-num{
	font-weight: normal;
	font-size: 14px;
}
.review-ex-number p{
	display: inline-block;
	margin-right: 30px;
}
.review-ex-list{
	height: 440px;
	overflow-y: scroll;
	border-top: 1px solid var(--light-gray);
	padding-left: 30px;
	padding-right: 30px;
}

.no-plan-data{
	background-color: var(--pale-blue);
	border-radius: var(--basic-radius);
	padding: 10px 15px;
}
.no-plan-data-ttl{
	font-size: 16px;
	font-weight: bold;
}

.brand-cancel-policy table th{
	width: 260px;
}

/*プラン詳細*/
.plan-head{
	display: flex;
	align-items: center;
	padding-top: 30px;
	padding-bottom: 20px;
}
.plan-head img{
	width: 46px;
	margin-right: 10px;
}
.plan-detail-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.plan-detail{
	width: calc(100% - 290px);
}
.plan-detail .plan-list-detail{
	margin-bottom: 40px;
}
.plan-detail .plan-detail-box{
	width: calc(100% - 200px);
	padding-right: 0;
}
.plan-detail-text{
	width: 100%;
	position: relative;
}
.accordion-btn{
	background-color: var(--dark-blue-gray);
	color: #FFF;
	border-radius: 80px;
	cursor: pointer;
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translateX(-50%);
	padding: 8px 30px;
	min-width: 140px;
	text-align: center;
}
.accordion-btn:before{
	content: "\e5db";
	font-family: var(--font-family-icn);
	position: absolute;
	left: 8px;
}
.accordion-btn.is-show:before{
	content: "\e5d8"
}
.accordion-btn:after{
	content: "続きを見る";
}
.accordion-btn.is-show:after{
	content: "閉じる"
}
.js-accordion-text{
	overflow: hidden;
}
.js-accordion-text.is-hide{
	height: 100px;
}


.plan-quotation{
	width: 260px;
	border: 2px solid var(--basic-orange);
	border-radius: 6px;
	background-color: #fff;
	position: sticky;
	top: 0;
}
.pl-quo-ttl{
	background-color: var(--basic-orange);
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	padding: 8px;
	margin: 0;
}
.pl-quo-detail{
}
.pl-quo-detail dl{
	margin: 0;
	padding: 15px 10px;
	border-bottom: 1px dotted var(--dark-blue-gray);
}
.pl-quo-detail dt{
	font-size: 12px;
	color: var(--dark-navy);
	font-weight: bold;
}
.pl-quo-days{
	padding-bottom: 5px!important;
}
.pl-quo-detail dl.pl-quo-option{
	border-bottom: 0;
}
.dt-ttl{
	background-color: var(--dl-dt-bg-color);
	border-radius: var(--basic-radius);
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	padding: 5px 3px;
	display: inline-block;
	width: 100px;
	text-align: center;
	margin-bottom: 5px;
	color: var(--dark-navy);
}
.pl-quo-days dd{
	font-size: 14px;
	margin-bottom: 10px;
}
.pl-quo-carnum,.pl-quo-drop,.pl-quo-option{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pl-quo-option{
	flex-wrap: wrap;
}
.pl-quo-option dt,
.pl-quo-option dd{
	margin-bottom: 5px;
}
.pl-quo-option dt{
	width: 50%;
	line-height: 1.4;
}
.pl-quo-option dd{
	width: 50%;
	text-align: right;
}
.price-total{
	padding: 15px 10px;
}
.pl-quo-detail .plan-price{
	padding: 0;
	border: none;
}
.price-total .pl-booking-btn{
	margin-bottom: 0;
}

.booking-info{
	padding: 0;
	margin: 30px 0;
}
.booking-info-ttl{
	background-color: var(--basic-blue);
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding: 5px;
	margin: 0;
}
.booking-detail{
	display: flex;
	flex-wrap: wrap;
	padding: 0 15px 15px;
}
.bok-dtl-company{
	border-bottom: 1px dotted var(--dark-blue-gray);
	display: flex;
	align-items: center;
	padding-top: 10px;
	padding-bottom: 15px;
}
.bok-dtl-company dt{
	margin-right: 15px;
}
.bok-dtl-company,.bok-dtl-car{
	width: 100%;
}
.bok-dtl-dep,.bok-dtl-arv{
	width: 50%;
	margin-top: 0;
}
.bok-dtl-dep{
	padding-right: 15px;
}
.bok-dtl-arv{
	padding-left: 15px;
}
.bok-dtl-dep p,.bok-dtl-arv p{
	margin-top: 3px;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
}
.bok-dtl-dep p#car_location_start,
.bok-dtl-arv p#car_location_end{
	font-size: 16px;
	margin-top: 0;
}
.bok-dtl-car{
	border-top: 1px dotted var(--dark-blue-gray);
	padding-top: 15px;
	margin-bottom: 0;
}
.bok-dtl-car dd{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.bok-dtl-car dd dl{
	margin-top: 5px;
	margin-bottom: 0;
}
.booking-option{
	padding: 15px;
}
.booking-option dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	border-top: 1px dotted var(--dark-blue-gray);
	margin: 0;
	padding-top: 10px;
	margin-bottom: 10px;
}
.booking-option dl:first-child{
	border-top: none;
}
.booking-option dt{
	width: 80%;
}
.booking-option dd{
	width: 20%;
	text-align: right;
}
.booking-option dd .opt-nostock{
	color: var(--basic-red);
}
.booking-company-info{
	margin-bottom: 50px;
}
.bok-comp-ttl{
	font-size: 14px;
	padding: 5px 10px;
	background-color: var(--dl-dt-bg-color);
	border-radius: var(--basic-radius);
}
.booking-company-info-list{
/*	display: flex;
	flex-wrap: wrap;*/
}
.booking-company-info-list dt{
	/*width: 160px;*/
	font-weight: bold;
}
.booking-company-info-list dd{
	/*width: calc(100% - 160px);*/
}
.booking-company-info-list dt,
.booking-company-info-list dd{
	margin-bottom: 15px;
}
.booking-btn{}
.booking-btn .btn{
	font-size: 24px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

/*営業所詳細*/
.shop-head{
	display: flex;
	flex-wrap: wrap;
	padding-top: 30px;
}
.shop-head-name{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.shop-info{
	width: calc(100% - 420px);
	padding-right: 20px;
}
.shop-image{
	width: 420px;
}
.shop-name-comp{
	margin: 0;
}
.shop-name{
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 10px;
}
.shop-info .shop-text{
	margin-top: 0;
}
.shop-detail-list{
	display: flex;
	flex-wrap: wrap;
}
.shop-detail-list dt{
	width: 100px;
}
.shop-detail-list dd{
	width: calc(100% - 100px);
}
.shop-detail-list dt,
.shop-detail-list dd{
	margin-bottom: 5px;
}

.shop-image-slide .slick-prev,
.shop-image-slide .slick-next{
	z-index: 1;
	background-color: rgba(255,255,255,0.8);
	border-radius: var(--basic-radius);
	width: 42px;
	height: 42px;
}
.shop-image-slide .slick-prev{
	left: 5px;
}
.shop-image-slide .slick-next{
	right: 5px;
}
.shop-image-slide .slick-prev:before,
.shop-image-slide .slick-next:before{
	font-size: 36px;
}

/*ブランド一覧*/
.btand-page-wrap .brand-listbox li{
	width: 33.333333%;
}
.btand-page-wrap .brand-listbox li a{
	background-color: #fff;
}

/*推奨環境*/
.recom-envi{}
.recom-envi .recom-envi-dl dt{
	font-weight: bold;
}
.recom-envi .recom-envi-dl dd ul{
	list-style: disc;
	padding-left: 3rem;
}

/*静的テキストエリア*/
/*スポット情報*/
.spot-list{
	display: flex;
	flex-wrap: wrap;
	margin-right: -10px;
	margin-left: -10px;
}
.spot-item{
	width: 25%;
	padding-left: 10px;
	padding-right: 10px;
}
.spot-item-ttl{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 5px;
}
.spot-item-text{}
.spot-item-image{
	display: block;
	margin-bottom: 5px;
}

/*ブログ記事リスト*/
.newStaffentry-list{
	background-color: #FFF;
	border-radius: 5px;
	padding: 5px 15px;
	margin: 8px auto 0;
	margin-bottom: 0;
}
.newStaffentry-list li{
	margin-bottom: 8px;
	padding-bottom: 8px;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	border-bottom: 1px dotted var(--light-gray);
}
.newStaffentry-list li .newStaffentry-list-date{}
.newStaffentry-list li a{
	padding-left: 10px;
}

.bnr-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.bnr-list li{
	text-align: center;
}

.bnr-list a:hover{
	opacity: 0.8;
}