@charset "utf-8";



/* @ Breakpoint */
@media (min-width: 575px){}		/* sp yoko */
@media (min-width: 768px){}		/* tb tate */
@media (min-width: 992px){}		/* tb yoko */
@media (min-width: 1280px){}	/* pc */

@media (min-width: 575px){
	.for-sp{ display: none; }
}




/* @ Basic */
body{
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	margin: 0;
}
input, textarea{
	font-family: inherit;
}
.g-container{
	overflow: hidden;
}



/* @ Components */
.sitewidth{
	box-sizing: border-box;
	width: 92vw;
	max-width: 1060px;
	margin: 0 auto;
}
.sitewidth2{
	box-sizing: border-box;
	width: 92vw;
	max-width: 768px;
	margin: 0 auto;
}
.sect{
	margin: 3.75em 0;
}
.sect2{
	margin: 2.8125em 0;
}
.separate{
	border: 0;
	border-bottom: 1px solid #ddd;
}
.title1{
	line-height: 1.33;
	font-size: 2em;
	font-weight: normal;
	text-align: center;
	margin: 0 0 .66em;
}
.title1::after{
	content: "";
	display: block;
	
	border: 2px solid;
	border-image: linear-gradient(to right, #f0c369 50%, #dc7483 50%) 1;
	
	width: 40%;
	max-width: 300px;
	margin: .33em auto 0;
}
.title2{
	line-height: 1.33;
	font-size: 1.25em;
	font-weight: bold;
	margin: 0 0 .66em;
}
.title2-center{
	text-align: center;
}
.mark{
	background: #fbf0d9;
}
.fit{
	width: 100%;
}



/* @ Header */
.g-header{
	margin: 1.75em 0;
}
.g-header-logo{
	line-height: 1.33;
	font-size: 1em;
	text-align: center;
	margin: 0;
}
.g-header__home{
	text-decoration: inherit;
	color: inherit;
	display: table;
	margin: 0 auto .5em;
}
.g-header__logo{}
.g-header__note{
	display: block;
}

@media (max-width: 574px){
	.g-header__note{
		margin-top: 1em;
	}
}

@media (min-width: 768px){
	.g-header-logo{
		text-align: left;
	}
	.g-header__home{
		margin-left: 0;
	}
}



/* @ Agent Icon */
.g-agent{
	text-align: center;
}
.g-agent__icon{
	margin: 0 0 .75em;
}
@media (min-width: 768px){
	.g-agent{
		text-align: left;
	}
}




/* @ Search Wrap */
@media (max-width: 767px){
	.search{
		border-top: 1px solid #ccc;
		padding: 2em 1em;
	}
	.search > .sitewidth2{
		background: #fff;
		max-width: 590px;
		border-radius: 1em;
		padding: 1em 2em;
	}
}
@media (min-width: 768px){
	.search{
		padding-top: 5.625em;
		background: url(../img/search.jpg) no-repeat center top / 100% auto;
	}
	.search > .sitewidth2{
		box-shadow: 0 3px 7px rgba(0, 0, 0, .5);
		background: #fff;
		max-width: 1060px;
		border-radius: 1em;
		/* padding: 1.875em; */
		padding: 1.875em 8em;
	}
}



/* @ gadget title */
.cond-title{
	line-height: 1.33;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	color:  #1d4d99;
	margin: 0 0 .66em;
}
@media (max-width: 574px){
	.cond-title{
		font-size: 1.25em;
	}
}



/* @ Tab */
.cond-tab{
	display: flex;
	list-style: none;
	margin: 1.875em 0;
	padding: 0;
}
.cond-tab__item{
	flex: 1 1 0%;
}
.cond-tab__item:not(:first-child){
	margin-left: 6%;
}
.cond-tab__button{
	line-height: 1.33;
	font-size: 1.125em;
	font-weight: bold;
	text-align: center;
	
	display: flex;
	flex-direction: column;
}
.cond-tab__button[for]{
	cursor: pointer;
}
.cond-tab__button::before{
	content: "";
	order: 1;
	display: block;
	border-bottom: .3125em solid;
	margin-top: .75em;
}
.cond-tab__button::after{
	content: "";
	order: 2;
	display: block;
	
	width: 0;
	margin: auto;
	
	border-style: solid;
	border-width: .5em .5em 0;
	border-color: currentcolor transparent;
}
.cond-tab__page{}

@media (max-width: 574px){
	.cond-tab__button{
		font-size: 1em;
	}
}

/* @ Tab State */
#tab-switch--taxi:not(:checked) ~ .cond-tab [for=tab-switch--taxi],
#tab-switch--hire:not(:checked) ~ .cond-tab [for=tab-switch--hire]{
	color: #999;
}
#tab-switch--taxi:not(:checked) ~ .cond-tab [for=tab-switch--taxi]::after,
#tab-switch--hire:not(:checked) ~ .cond-tab [for=tab-switch--hire]::after,
#tab-switch--taxi:not(:checked) ~ .cond-tab [for=tab-switch--taxi]::before,
#tab-switch--hire:not(:checked) ~ .cond-tab [for=tab-switch--hire]::before{
	visibility: hidden;
}

#tab-switch--taxi:not(:checked) ~ #tab-page--taxi,
#tab-switch--hire:not(:checked) ~ #tab-page--hire{
	display: none;
}



/* @ Price */
.price{
	line-height: 1.33;
	font-weight: bold;
	
	color: #223D4F;
	background: #9CC7E0;
	border-radius: .25em;
	
	display: flex;
	align-items: center;
	justify-content: space-between;
	
	margin: 1.875em 0;
	padding: 1em;
}
.price__title{
	margin: 0 1em 0 0;
}
.price__value{
	font-size: 2em;
	margin: 0;
}
.price__unit{
	font-size: .5em;
}

@media (min-width: 575px){
	.price{
		justify-content: center;
	}
}




/* @ Submit Area */
.cond-form-send{}
.cond-form-send__notice{
	line-height: 1.5;
	font-size: .75em;
	text-align: center;
}

.cond-nav{
	display: flex;
	
	list-style: none;
	margin: 0;
	padding: 0;
}
.cond-nav__item{
	flex: 1 1 0%;
}
.cond-nav__item:not(:first-child){
	margin-left: 5%;
}

@media (min-width: 575px){
	.cond-form-send{
		max-width: 75%;
		margin: 3em auto 0;
	}
	.cond-nav__item:not(:first-child){
		margin-left: 2em;
	}
}



/* @ Submit Button */
.button{
	line-height: 1.33;
	box-sizing: border-box;
	display: block;
	border: 0;
}
button.button{
	cursor: pointer;
	width: 100%;
}
.button--submit{
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	
	color: #fff;
	background: #DD7483;
	
	border-radius: .25em;
	padding: .6em;
}
.button--submit:not(:hover){
	text-decoration: none;
}
@media (max-width: 574px){
	.button--submit{
		font-size: 1.125em;
	}
}




/* @ Original Select */
.form-select{
	position: relative;
	z-index: 0;
	border-radius: .25em;
	overflow: hidden;
}
.form-select::after{
	content: "▼";
	color: #ccc;
	
	display: flex;
	align-items: center;
	
	position: absolute;
	top: 0;
	right: .5em;
	bottom: 0;
	
	pointer-events: none;
}
.form-select__select{
	-webkit-appearance: none;
	appearance: none;
	
	line-height: 1;
	font-size: 16px;
	color: #666;
	background: #eee;
	
	box-sizing: border-box;
	border: 0;
	width: 100%;
	height: 3.0625em;
	padding: 1em 2em 1em 1em;
}




/* @ Form Field */
.form-field{}
.form-field__name{
	line-height: 1.33;
	font-size: 1em;
	font-weight: bold;
	color: #777;
	
	display: flex;
	align-items: center;
	
	margin-right: 1em;
}
.form-field__icon{
	flex: 0 0 auto;
	width: 1.5em;
	margin-right: 1em;
}
.form-field__body{
	flex: 1 1 auto;
}

@media (max-width: 574px){
	.form-field:not([hidden]){
		display: flex;
		align-items: center;
	}
	.form-field__name{
		font-size: .75em;
		font-weight: normal;
		
		flex: 0 0 35%;
		margin-right: 1em;
	}
	.form-field__icon{
		width: 2em;
	}
}
@media (min-width: 575px){
	.form-field__name{
		margin-bottom: .5em;
	}
}



/* @ Form Grid */
.form-grid{
	margin: 1.875em 0;
}

@media (max-width: 574px){
	.form-grid__item:not(:last-child){
		margin-bottom: 1em;
	}
}

@media (min-width: 575px){
	.form-grid{
		display: grid;
		/* grid-gap: 1em 2em; */
		grid-gap: 2em 4.375em;
		grid-template-columns: repeat(2, 1fr);
	}
	.form-grid__item{}
}



/* @ Form Parts */
.form-input{
	font-size: 16px;
	background: #eee;
	
	box-sizing: border-box;
	width: 100%;
	
	border: 0;
	border-radius: .25em;
	padding: 1.2em;
}
.form-input--date{
	-webkit-appearance: none;
	appearance: none;
	color: #666;
	width: 100%;
	height: 3.0625em; /* for chromium */
}
.form-input--date::after{
	content: "▼";
	font-size: .875em;
	color: #ccc;
	display: block;
	margin-left: auto;
}



/* @ Information */
.information{
	margin: 3.75em 0;
}



/* @ Slider */
.slider{
	list-style: none;
	margin: 0;
	padding: 0;
}
.slider__item{}
.slider__image{
	width: 100%;
	vertical-align: middle;
}

/* @ Slider slick custom */
.slider.js-slider.slick-slider{
	width: 80%;
	margin: 0 auto;
}
.slider.js-slider.slick-slider .slick-arrow{
	cursor: pointer;
	
	text-indent: -100vw;
	overflow: hidden;
	
	background: #ddd;
	border: 0;
	border-radius: 100vw;
	
	width: 3em;
	height: 3em;
	
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	
	margin: auto 0;
}
.slider.js-slider.slick-slider .slick-prev{
	right: 100%;
}
.slider.js-slider.slick-slider .slick-next{
	left: 100%;
}
.slider.js-slider.slick-slider .slick-arrow::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	width: 1em;
	height: 1em;
	margin: auto;
	
	border-style: solid;
	border-width: 0 2px 2px 0;
}
.slider.js-slider.slick-slider .slick-prev::before{
	transform: translateX(15%) rotate(135deg);
}
.slider.js-slider.slick-slider .slick-next::before{
	transform: translateX(-15%) rotate(-45deg);
}



/* @ column grid */
.column-grid{}
.column-grid__item{}

@media (max-width: 574px){
	.column-grid__item:not(:first-child){
		margin-top: 1em;
	}
}
@media (min-width: 575px){
	.column-grid{
		display: flex;
		margin: 0 0 0 -3.33%;
	}
	.column-grid--reverse{
		flex-direction: row-reverse;
	}
	.column-grid__item{
		box-sizing: border-box;
		flex: 1 1 0%;
		margin: 0 0 0 3.33%;
	}
}



/* @ reserve on image */
.resv-on-image{
	position: relative;
	z-index: 0;
}
.resv-on-image__button{
	position: absolute;
	right: 1em;
	bottom: -1em;
}
.resv-on-image__button:hover{
	opacity: .78;
}
.resv-on-image__icon{}

@media (min-width: 575px){
	.resv-on-image__button{
		right: 0;
		bottom: -1.875em;
	}
}



/* @ Skin */
/* @ Skin Default */
.g-header__note,
.cond-tab__button{
	color: #173d50;
}
.button--submit{
	background: #DD7483;
}
@media (max-width: 767px){
	.search{
		background: whitesmoke;
	}
}



/* @ Skin JR Tokai */
[data-css-agent=jr-tokai] .g-header__note{
	color: #777;
}
[data-css-agent=jr-tokai] .cond-tab__button{
	color: #1d4d99;
}
[data-css-agent=jr-tokai] .button--submit{
	background: #1d4d99;
}
[data-css-agent=jr-tokai] .price{
	background: #dbe4f1;
}
@media (max-width: 767px){
	[data-css-agent=jr-tokai] .search{
		background: #dbe4f1;
	}
}



/* @ Skin Rakuten */
[data-css-agent=rakuten] .g-header__note,
[data-css-agent=rakuten] .cond-tab__button{
	color: darkred;
}
[data-css-agent=rakuten] .button--submit{
	background: darkred;
}
@media (max-width: 767px){
	[data-css-agent=rakuten] .search{
		background: darkred;
	}
}



/* @ Skin ANA */
[data-css-agent=ana] .g-header__note,
[data-css-agent=ana] .cond-tab__button{
	color: blue;
}
[data-css-agent=ana] .button--submit{
	background: blue;
}
@media (max-width: 767px){
	[data-css-agent=ana] .search{
		background: blue;
	}
}



/* @ Skin JAL */
[data-css-agent=jal] .g-header__note,
[data-css-agent=jal] .cond-tab__button{
	color: red;
}
[data-css-agent=jal] .button--submit{
	background: red;
}
@media (max-width: 767px){
	[data-css-agent=jal] .search{
		background: red;
	}
}