@charset "utf-8";

#rensapo-front #main *{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#rensapo-front #main table{
	border-collapse: collapse;
}

.search-box {
margin: 20px 0 25px;
margin-bottom: 30px;
}
.search-box form{
	/*background-color: #F1A72A;*/
/*	background-color: #28bec7;*/
	background-color: #1869c1;
	border-radius: 5px;
	padding: 0 8px 10px;
	/*box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.065);*/
	}
.search-box .search-box-ttl-head {
	border-radius: 5px 5px 0 0;
	margin-bottom: 0;
	padding: 10px 10px 10px 0;
	font-size: 1.8rem;
	color: #fff;
	font-weight: bold;
	/*background-color: #E09310;*/
/*	background-color: #28bec7;*/
	background-color: #1869c1;
	margin-bottom: 10px;
	margin-right: -7px;
	margin-left: -7px;
	/*box-shadow: 0 1px 0 0 #F3B958;*/
/*	box-shadow: 0 1px 0 0 #4AD2DA;*/
	box-shadow: 0 1px 0 0 #0056b2;
	padding-left: 10px;
	font-size: 18px;
}
.search-box .search-box-ttl-head .sp-srch-toggle{
	float: right;
}
.search-box .search-box-ttl-head .sp-srch-toggle:before{
	content: "CLOSE";
}
.search-box .search-box-ttl-head .sp-srch-toggle.srch-close:before{
	content: "OPEN";
}
.search-box .inner {
	background-color: #fff;
	border-radius: 5px;
	padding: 10px 10px 25px;
	overflow: hidden;
}
.search-box-wrap {
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	/*width: 80%;*/
	margin: 0 auto 15px;
}
.search-box .box-dep, .search-box .box-arv,
.search-box .box-dep-shop, .search-box .box-cartype,
.search-box .box-gear,.search-box .box-steering,.search-box .box-num{
	width: 100%;
}
.search-box .box-dep dl{
	background-color: #dffbff;
}
.search-box .box-arv dl{
	background-color: #dfffdf;
}
.search-box .box-dep-shop dl{
	background-color: #FFFCDF;
}
.search-box .box-cartype dl{
	background-color: #FFEEDF;
}
.search-box dl{
	/*width: 100%;*/
	margin-bottom: 5px;
	padding: 10px;
	border-radius: 5px;
	/*background-color: #FFFAF2;*/
}
.search-box .ttl {
	font-weight: bold;
	margin-bottom: 5px;
}
.search-box .box-dep input, .search-box .box-arv input {
	width: 140px;
}
.search-box .box-dep select, .search-box .box-arv select {
	width: auto;
}
input.cal-arv
.search-box .box-dep input, .search-box .box-arv input,
.search-box .box-dep select, .search-box .box-arv select {
	display: inline-block;
}
.search-box select{
	width: 100%;
}
.btn-more-wp{
	text-align: center;
}
.basic-btn{}
.full-cars{
	text-align: center;
	color: #F00;
	font-weight: bold;
	margin: 20px 0;
}

/*ソート*/
.search-sort{
	overflow: hidden;
	text-align: right;
	padding: 5px 0 15px;
}
.search-sort .search-sort-list{
}
.search-sort p,
.search-sort .search-sort-list,
.search-sort .search-sort-list .search-sort-item{
	display: inline-block;
}

.plan-list{
	border: 1px solid #DDD;
	/*border-top: 6px solid #0080C0;*/
	border-top: 6px solid #0056b2;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	padding: 20px 10px;
	margin-bottom: 30px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.06);
	        box-shadow: 1px 1px 2px rgba(0,0,0,0.06);
}
.plan-list-item{}
.plan-name{
	border-bottom: 1px dotted #C0C0C0;
	/*overflow: hidden;*/
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.plan-name .ttl{
	font-size: 24px;
	font-weight: bold;
	/*color: #0080C0;*/
	color: #0056b2;
}
.plan-class-name{
	display: block;
	background-color: #e7462b;
	padding: 4px 10px 2px;
	font-size: 16px;
	color: #FFF;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 15px;
}
.plan-lsit-inner{
	display: flex;
}
.plan-list-img{
	margin-bottom: 10px;
}
.plan-list-img img{
	bottom: 1px solid #C0C0C0;
	max-width:100%;
	margin-bottom: 10px;
}
.plam-list-table{
	width: 100%;
	margin-top: 15px;
}
.plam-list-table th{
	background-color: #E7E7E7;
	width: 33.33%;
}
.plam-list-table th,.plam-list-table td{
	border: 1px solid #C0C0C0;
	padding: 5px;
}
.plan-list-img,.plan-list-info,.plan-list-price{
	width: 100%;
}
.plan-list-text{
	margin-bottom: 15px;
}
.option-nomal{
	background-color: #F3F3F1;
	border-radius: 5px;
	padding: 8px;
	margin-bottom: 10px;
	overflow: hidden;
}
.option-nomal dt{
	float: left;
	clear: left;
	width: 85px;
	margin-top: 3px;
}
.option-nomal dd{
	overflow: hidden;
	margin-bottom: 0;
}
.option-nomal dd ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.option-nomal dd ul li{
	display: inline-block;
	border-radius: 2px;
	background-color: #7E92AF;
	padding: 4px 7px;
	font-size:13px;
	color: #fff;
	margin-bottom: 5px;
}
.plan-list-price .prc{
	background-color: #EBEFF2;
	border-radius: 5px;
	padding-bottom: 15px;
}
.plan-list-price .prc dt{
	border-radius: 5px 5px 0 0;
	text-align: center;
	padding: 10px 0;
	background-color: #7192BA;
	color: #fff;
	font-size: 18px;
}
.plan-list-price .prc dd{
	padding: 15px 0 0 0;
	text-align: center;
}
.plan-list-price .prc-wp b{
	font-size: 11px;
	margin-right: 3px;
	background-color: #FF0000;
	color: #fff;
	display: inline-block;
	padding: 2px 5px;
	position: relative;
	top: -3px;
}
.plan-list-price .prc-wp .price{
	font-size: 27px;
	color: #FF0000;
}
.plan-list-price .prc-wp .price .tax{
font-size: 12px;
}

@media only screen and (min-width: 576px){
}
@media only screen and (max-width: 767px){
	.rensapo-container{
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media only screen and (min-width: 768px){
	.search-box .search-box-inner{
		display: block!important;
	}
	.search-box .sp-srch-toggle{
		display: none;
	}
	.search-box .box-dep, .search-box .box-arv,
	.search-box .box-dep-shop,.search-box .box-cartype{
		width: 50%;
		padding: 0 5px;
	}
	.search-box .box-gear,
	.search-box .box-steering,
	.search-box .box-num{
		width: 25%;
		padding: 0 5px;
	}
	.search-box .box-dep dl, .search-box .box-arv dl, .search-box .box-dep-shop dl, .search-box .box-cartype dl{
		margin-bottom: 16px;
	}
	.plan-name{
		padding-left: 10px;
	}
	.plan-list-inner{
		display: flex;
	}
	.plan-list-img{
		max-width: 33.33333333%;
		-webkit-flex: 0 0 33.333333%;
		    -ms-flex: 0 0 33.333333%;
		        flex: 0 0 33.333333%;
		padding-left: 15px;
		padding-right: 10px;
	}
	.plan-list-info-wrap{
		max-width: 66.666667%;
		-webkit-flex: 0 0 66.666667%;
		    -ms-flex: 0 0 66.666667%;
		        flex: 0 0 66.666667%;
		padding-left: 10px;
		padding-right: 15px;
	}
	.plan-class-name{
		display: inline-block;
		margin-right: 7px;
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 992px){
	.search-box .box-dep, .search-box .box-arv,
	.search-box .box-dep-shop, .search-box .box-cartype {
		/*width: 25%;*/
	}
	.plan-list-info-wrap{
		display: flex;
	}
	.plan-list-info{
		max-width: 58.333333%;
		-webkit-flex: 0 0 58.333333%;
		    -ms-flex: 0 0 58.333333%;
		        flex: 0 0 58.333333%;
	}
	.plan-list-price{
		max-width: 41.666667%;
		-webkit-flex: 0 0 41.666667%;
		    -ms-flex: 0 0 41.666667%;
		        flex: 0 0 41.666667%;
		padding-left: 15px;
	}
	.plan-list-price .tax{
		display: block;
		text-align: right;
	}
}

/*プラン詳細*/
.plan-detail{
	border: 1px solid #DDD;
	/*border-top: 6px solid #0080C0;*/
	border-top: 6px solid #0056b2;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	padding: 20px 10px;
	margin-bottom: 30px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.06);
	        box-shadow: 1px 1px 2px rgba(0,0,0,0.06);
}
.plan-detail-wrap{}
.plan-detail-img{}
.plan-detail-img img{
	bottom: 1px solid #C0C0C0;
	max-width:100%;
}
.plan-detail-info{
	margin-bottom: 15px;
}
.plan-detail-text{
	margin-bottom: 15px;
}

.mitumori{
	background-color: #A0ACBA;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 25px;
}
.mitumori-ttl{
	font-size: 20px;
	background-color: #A0ACBA;
	padding: 5px 0 15px 10px;
	margin-bottom: 0;
	color: #fff;
	font-weight: bold;
}
.mitumori .inner{
	background-color: #fff;
	overflow: hidden;
	padding: 25px 3.6% 40px 3.6%;
	border-radius: 5px;
}
.mitumori-ttl-2{
	font-size: 20px;
	margin-bottom: 15px;
	border-bottom: 2px solid #E0E0E0;
	padding-bottom: 15px;
	font-weight: bold;
}
.mitumori-ttl-2.head{
	margin-top: 20px;
}
.mitumori-set{
	overflow: hidden;
}
.mitumori-set dt{
	background-color: #0E66B6;
	border-radius: 3px;
	padding: 8px 0;
	color: #fff;
	margin-bottom: 10px;
}
.mitumori-set dt span{
	padding-left: 15px;
}
.mitumori-set dd{
	overflow: hidden;
	padding-bottom: 10px;
}
.mitumori .cell{
	display: inline-block;
}
.mitumori .cell.mitumori-shop{
	margin-top: 10px;
	display: block;
}
.mitumori-opt .opt-name{
	background-color: #fff;
	color: #444;
	width: calc(100% - 95px);
	/*float: left;*/
}
.mitumori-opt .opt-num{
	padding-bottom: 0;
	width: 90px;
	text-align: right;
}
.mitumori-opt .cell{
	padding-bottom: 10px;
}
.mitumori-opt dl{
	border-bottom: 1px dotted #C0C0C0;
	overflow: hidden;
	margin-bottom: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mitumori-opt dt:before{
/*	content: "\f111";
	font-family: "Font Awesome 5 Free";
	font-weight: normal;*/
}
.mitumori-opt dt span{
	padding-left: 0;
}

.mitumori-detail{
	overflow: hidden;
	padding: 25px 10px 15px 10px;
	background-color: #EBEFF2;
	border-radius: 10px 10px 0 0;
	margin-top: 20px;
}
.mitumori-detail .naiyou dt{
	padding: 5px 10px;
	background-color: #A0ACBA;
	border-radius: 3px;
	color: #fff;
	margin-bottom: 10px;
	text-align: center;
}
.mitumori-detail .naiyou dd{
	padding: 0 10px;
}
.mitumori-detail .naiyou dd p{
	margin-bottom: 5px;
}
.mitumori .price-wp{
	clear: both;
	background-color: #DAE0E7;
	border-radius: 0 0 10px 10px;
	padding: 25px 25px 15px;
	overflow: hidden;
	margin-bottom: 30px;
}
.prc-lg{
	display: inline-block;
	font-weight: bold;
}
.mitumori .price-wp .prc-lg{
	float: right;
	font-size: 26px;
}
.mitumori .price-wp .prc-lg b{
	font-size: 16px;
	margin-right: 20px;
	background-color: #FF0000;
	color: #fff;
	display: inline-block;
	padding: 2px 5px;
	position: relative;
	top: -3px;
}
.mitumori .price-wp .prc-lg .price{
	font-size: 40px;
	color: #FF0000;
}
.mitumori-detail .naiyou p span.ttl{
	font-weight: bold;
	margin-right: 15px;
}
.mitumori-detail .naiyou .prc-nm{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #C0C0C0;
	display: block;
	text-align: right;
	margin-bottom: 15px;
}
.price{
	font-weight: bold;
}

.login-wrap{
	display: flex;
	text-align: center;
	margin-top: 50px;
	border: 3px solid #0056b2;
	padding-top: 25px;
	padding-bottom: 35px;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-flex-wrap: wrap-reverse;
	    -ms-flex-wrap: wrap-reverse;
	        flex-wrap: wrap-reverse;
}
.login-wrap h4{
	font-weight: bold;
	font-size: 18px;
}
.login-wrap h5{
	font-size: 16px;
	font-weight: normal;
}
.login-wrap h4,.login-wrap h5{
	margin-bottom: 8px;
}
.login-wrap .reserve-btn{
	width: 100%!important;
	font-size: 18px;
}
.member-box,.nomember-box{
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}
.member-box{
	margin-bottom: 30px;
}
.nomember-box{
	padding-top: 20px;
	border-top: 1px dotted #008642;
}
.regist-box{
}
.continue-btn{
	padding-top: 30px;
}
.member-login-btn{
	margin-top: 30px;
}
.loggedin-wrap{
	text-align: center;
	margin: 20px 0;
}
@media only screen and (min-width: 768px){
	.plan-detail-wrap{
		display: flex;
	}
	.plan-detail-img{
		max-width: 33.33333333%;
		-webkit-flex: 0 0 33.33333333%;
		    -ms-flex: 0 0 33.33333333%;
		        flex: 0 0 33.33333333%;
		padding-left: 10px;
		padding-right: 15px;
	}
	.plan-detail-info{
		max-width: 66.66666667%;
		-webkit-flex: 0 0 66.66666667%;
		    -ms-flex: 0 0 66.66666667%;
		        flex: 0 0 66.66666667%;
		padding-right: 15px;
		padding-left: 10px;
	}
	.mitumori .cell.mitumori-shop{
		display: inline-block;
	}
	.mitumori-opt .opt-name{
		margin-left: 10px;
		width: calc(100% - 115px);
	}
	.mitumori-opt .opt-num{
		margin-right: 10px;
		width: 110px;
	}
}
@media only screen and (min-width: 992px){
	.mitumori-set{
		margin-bottom: 5px;
	}
	.mitumori .cell.mitumori-shop{
		margin-top: 0;
	}
	.mitumori-set dt.mitumori-terms-dt{
		float: left;
		width: 120px;
	}
	.mitumori-set dd{
		margin: 0;
		padding-left: 15px;
	}
	.mitumori-detail{
		display: flex;
	}
	.mitumori-detail .naiyou{
		padding-left: 15px;
		padding-right: 15px;
		max-width: 33.333333%;
		-webkit-flex: 0 0 33.333333%;
		    -ms-flex: 0 0 33.333333%;
		        flex: 0 0 33.333333%;
	}
	.login-wrap{
		-webkit-flex-wrap: nowrap;
		    -ms-flex-wrap: nowrap;
		        flex-wrap: nowrap;
		margin-right: -15px;
		margin-left: -15px;
	}
	.login-wrap .reserve-btn{
		width: 80%!important;
		font-size: 20px;
	}
	.member-box,.nomember-box{
		width: 50%;
	}
	.member-box{
		margin-bottom: 0;
	}
	.nomember-box{
		padding-top: 0;
		border-top: none;
		border-right: 1px dotted #008642;
	}
}

/*共通*/
.form-view{
	padding: 6px 12px;
	border: 1px solid #ced4da;
	background-color: #FFF;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	height: calc(1.5em + .75rem + 2px);
}

#start_date,#end_date,#cal-dep,#cal-arv{
	background: #FFF url(../img/icon-calendar.png) no-repeat 8px center;
	padding-left: 35px;
	width: 150px;
	/*background-size: 14px;*/
	/*background-position: 8px 8px;*/
}

.basic-btn,.reserve-btn{
	background-color: #0056b2;
	box-shadow: 0 5px 0 0 #004690;
	font-weight: bold;
	color: #FFF;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	padding: 10px 15px;
	display: inline-block;
	width: 80%;
	border: none;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	cursor: pointer;
	font-size: 18px;
}
.basic-btn:hover,.reserve-btn:hover{
	background-color: #0D48A0;
	text-decoration: none;
	color: #fff;
}
.reserve-btn{
	font-size: 20px;
}
.reserve-btn[disabled]{
	opacity: 0.5;
}
.search-box-inner .btn-more-wp .basic-btn{
position: relative;
}
/*.search-box-inner .btn-more-wp .basic-btn:before{
	content: "\f002";
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	font-weight: 600;
	left: 14px;
}*/

#error_return_msg p,
#error_option_msg p,
.error-msg {font-weight: bold; margin-top: 10px; margin-bottom: 10px; color: #FF0000; background-color: #FFECEC; padding: 5px 10px; border-radius: 2px; clear: both;}
.error-msg.mb-0 {margin-bottom: 0;}

/*プラン詳細の約款とか*/
.notice-juyou{
	line-height: 1.4;
}
.notice-juyou .notice-juyou-ttl{
	font-size: 18px;
	margin: 0 0 15px;
	color: #005dad;
	text-align: center;
}
.notice-juyou h3{
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}
.notice-juyou h4{
	font-size: 18px;
	font-weight: bold;
	margin: 18px 0 15px 0;
}
.notice-juyou h5{
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0 10px 0;
}
.notice-juyou-wrap{
	overflow-y: scroll;
	height: 300px;
	text-align: left;
	border: 5px solid #eeeeee;
	padding: 15px;
}
.notice-juyou ul{
	padding-left: 16px;
	margin-bottom: 10px;
}
.notice-juyou li{
	line-height: 1.4;
	margin-bottom: 5px;
	/*list-style: decimal;*/
}
.notice-juyou li span{
	display: block;
	padding-left: 10px;
	line-height: 1.4;
}
.notice-juyou dt{
	/*color: #ff0000;*/
	margin-bottom: 10px;
}
.notice-juyou p{
	margin-bottom: 0;
	padding-top: 15px;
	margin-bottom: 15px;
	/*color: #FF0000;*/
}
.notice-juyou a{
	text-decoration: underline;
}
.notice-juyou a:hover{
	text-decoration: none;
}
.notice-juyou dd a{
	display: inline-block;
	background-color: #d5eefa;
	-webkit-border-radius: 50px;
	        border-radius: 50px;
	padding: 3px 10px;
	margin-bottom: 10px;
}
.notice-juyou dd a:hover{
	background-color: #C5E3F2;
}

.yakkan-agree{
	text-align: center;
	margin: 20px 0 0;
}

.i-detail{
/*	font-size: 18px;
	letter-spacing: 0.2em;*/
}

#breadCrumb ol li{
	font-size: 12px;
}

.plan-name .ttl{
	margin: 0;
}

#rensapo-front dd{
	margin-left: 0;
}