@charset "utf-8";
/* SP start */
.reservationBox {
		width: 100%;
		text-align: center;
}
.reservationInr {
		background-color: #e9ecf0;
}
.reservationInr.box02 {
		background: none;
		padding: 10px;
		line-height: 0;
}
.reservationInr.box03 .inr {
		padding: 23px 5px;
}
.reservationInr .heading {
		background-color: #626770;
		color: #fff;
		font-size: 1.8rem;
		line-height: 1.5;
		padding: 8px 20px 6px;
}
.reservationInr .inr {
		text-align: center;
		padding: 15px 10px;
}
.selectBtnWrap {
		margin-top: 15px;
}
.reservationInr .selectBox .selectBtn {
		display: block;
		max-width: 100%;
		margin: 0 auto;
		position: relative;
		text-align: center;
		background-color: #c00;
		color: #fff;
		padding: 6px 10px 6px 10px;
		line-height: 1.3;
		width: 42vw;
		min-height: 32px;
		box-shadow: 0 2px 1px 0 rgba(220, 223, 227, 1);
		font-weight: normal;
}
.reservationInr .selectBox .selectBtn span {
		display: inline-block;
		background-image: url(/content/dam/sites/global/Y18/img/icon_arrow_right_white_01.png);
		background-repeat: no-repeat;
		background-size: 4px 7px;
		background-position: left center;
		padding-left: 12px;
		font-size: 1.6rem;
}
.reservationInr .selectBox .selectBtn:after {
		content: none;
}
.reservationInr .selectBox .selectList {
		display: table;
}
.reservationInr .selectBox .selectList li {
		display: table-cell;
		padding-left: 6px;
}
@media all and (max-width: 739px) {
		.reservationInr .selectBox .selectList {
				width: 100%;
		}
		.reservationInr .selectBox .selectList li:first-of-type {
				width: 33%;
				padding-left: 0;
		}
		.reservationInr .selectBox .selectList li:nth-of-type(2) {
				width: 27%;
		}
		.reservationInr .selectBox .selectList li:nth-of-type(3) {
				width: 40%;
		}
}
.reservationInr select {
		width: 100%;
		height: 30px;
		border: none;
		padding: 0 13px 0 8px;
		font-family: sans-serif;
		font-size: 1.3rem;
		background-image: url(/content/dam/sites/global/Y18/img/icon_arrow_btm_red_01.png);
		background-position: right 6px center;
		background-color: #fff;
		background-size: 7px 4px;
		background-repeat: no-repeat;
		line-height: 30px;
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		box-shadow: 0 2px 1px 0 rgba(220, 223, 227, 1);
		border-radius: 0;
}
.reservationInr select::-ms-expand {
		display: none;
}
.reservationInr .txt {
		font-size: 1.7rem;
}
.pcArw {
		display: none;
}
.spArw {
		display: block;
		width: 15vw;
		margin: 0 auto;
}
/* SP end */
/* PC start */
@media all and (min-width: 740px) {
		.reservationBox {
				display: table;
				text-align: left;
		}
		.reservationInr {
				display: table-cell;
				vertical-align: middle;
		}
		.reservationInr.box01 {
				width: 527px;
		}
		.reservationInr .inr {
				padding: 20px;
		}
		.reservationInr .selectBox {
				display: flex;
				align-items: center;
		}
		.reservationInr .selectBox .selectList li {
				padding: 0;
		}
		.reservationInr select {
				width: 107px;
				height: 40px;
				border: none;
				padding: 0 0 0 8px;
				margin: 0 10px 0 0;
				font-family: "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "MS UI Gothic", "Tahoma", "Lucida Grande", "ヒラギノ丸ゴ Pro W4", "Osaka", sans-serif;
				font-size: 13px;
				line-height: 40px;
				background-position: calc(100% - 8px) center;
				background-size: 11px 6px;
				-moz-appearance: none;
				-webkit-appearance: none;
				appearance: none;
				box-shadow: 0 2px 1px 0 rgba(220, 223, 227, 1);
				border-radius: 0;
				cursor: pointer;
		}
		.reservationInr .lastSelect {
				margin-right: 17px;
		}
		.selectBtnWrap {
				margin-top: 0;
		}
		.reservationInr .selectBox .selectBtn {
				display: inline-block;
				text-decoration: none;
				text-align: center;
				background-image: none !important;
				background-color: #cc0000;
				color: #fff;
				padding-top: 1px !important;
				padding-bottom: 1px !important;
				font-size: 12px;
				padding: 7px 15px 5px !important;
				line-height: 16px;
				width: 129px;
				height: 40px;
				box-shadow: 0 2px 1px 0 rgba(220, 223, 227, 1);
		}
		.reservationInr .selectBox .selectBtn span {
				font-size: 16px;
				padding-left: 10px;
				display: inline-block;
				line-height: 24px;
		}
		.reservationInr.box02 {
				background: none;
				width: 36px;
				padding: 0;
		}
		.reservationInr.box02 > img {
				width: 18px;
				height: 48px;
				margin: 0 auto;
		}
		.reservationInr.box03 {
				width: 387px;
		}
		.reservationInr.box03 .inr {
				padding: 0;
		}
		.reservationInr .txt {
				font-size: 22px;
		}
		.pcArw {
				display: block;
		}
		.spArw {
				display: none;
		}
}
/* PC end */