@charset "shift_jis";
/*----------------------------------------
	Module - Domtour DP UnderLayer
----------------------------------------*/
/*	Structure
------------------------------*/
/*-- main --*/
.is-fixed {
	position: fixed !important;
}
.domHotelSearch .mdl_main {
	background:url(/jp/ja/dom/option/domhotel/img_sites/bg_hotelSearch.gif) no-repeat center top #ca3540;
	-webkit-background-size:100% auto;
	background-size:100% auto;
}
.domHotelSearch .mdl_main_head {
	padding:20px 0 10px;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
.domHotelSearch .mdl_main_body {
	padding:0 10px 10px;
}
.domHotelSearch .mdl_main_btm {
	padding:15px 0 10px;
}

/*-- layer --*/
.domHotelSearch .mdl_layerWrap {
	width:100%;
	height:100dvh;
	position:absolute;
	top:150%;
	left: 0;
	z-index:9992;
	background-color:#e9ecf0;
	box-shadow:0 0 10px 0 rgba(0,0,0,0.6);
	overflow: scroll;
}
.domHotelSearch .mdl_layer {
	width:100%;
	overflow:hidden;
}
.domHotelSearch .mdl_layer_head {
	height:44px;
	line-height:44px;
	padding:0 10px;
	border-bottom:2px solid #282f39;
	position:relative;
	font-weight:bold;
}
.domHotelSearch .mdl_layer_head .mdl_icon_close {
	position:absolute;
	top:50%;
	right:9px;
	margin-top:-11px;
}
.domHotelSearch .mdl_layer_back {
	display:inline-block;
	padding-left:13px;
	background:url(/jp/ja/dom/option/domhotel/img_sites/icon_arw_lft_gy.png) no-repeat left center;
	-wevkit-background-size:8px 12px;
	background-size:8px 12px;
	font-size:1.4rem;
	line-height:1.5;
	font-weight:normal;
	position:absolute;
	top:50%;
	right:42px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.domHotelSearch .mdl_layer_sHead {
	height:32px;
	line-height:32px;
	padding:0 10px;
	background-color:#282f39;
	color:#fff;
}
.domHotelSearch .mdl_layer_body {
}
.domHotelSearch .mdl_layer_btm {
	padding:20px 10px;
}

.domHotelSearch .mdl_layer_slideWrap {
	position:relative;
}
.domHotelSearch .mdl_layer_slideItem {
	width:100%;
	height:100%;
	background-color:#e9ecf0;
	position:absolute;
	top:0;
	left:0;
	right:0;
	-webkit-transform:translate3d(99.9999%, 0, 0);
	transform:translate3d(99.9999%, 0, 0);
	-webkit-transition:-webkit-transform ease 0.4s;
	transition:transform ease 0.4s;
}
.domHotelSearch .mdl_layer_slideItem.slideIn {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}

/*	Utility
------------------------------*/
/*-- icon --*/
.domHotelSearch [class^="mdl_icon_"],
.domHotelSearch [class*=" mdl_icon_"] {
	display:inline-block;
	vertical-align:middle;
	background-image:url(/jp/ja/dom/option/domhotel/img_sites/icons_hotelSearch.png);
	background-repeat:no-repeat;
	background-size:314px 61px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.domHotelSearch .mdl_icon_area { width:24px; height:24px; background-position:0 0; }
.domHotelSearch .mdl_icon_calendar { width:24px; height:24px; background-position:-29px 0; }
.domHotelSearch .mdl_icon_hotel { width:24px; height:24px; background-position:-58px 0; }
.domHotelSearch .mdl_icon_bed { width:24px; height:24px; background-position:-87px 0; }
.domHotelSearch .mdl_icon_adult { width:24px; height:24px; background-position:-116px 0; }
.domHotelSearch .mdl_icon_child { width:24px; height:24px; background-position:-145px 0; }
.domHotelSearch .mdl_icon_kids { width:24px; height:24px; background-position:-174px 0; }
.domHotelSearch .mdl_icon_babyBed { width:24px; height:24px; background-position:-203px 0; }
.domHotelSearch .mdl_icon_baby { width:24px; height:24px; background-position:-232px 0; }
.domHotelSearch .mdl_icon_people { width:24px; height:24px; background-position:-261px 0; }
.domHotelSearch .mdl_icon_close { width:24px; height:24px; background-position:-290px 0; }
.domHotelSearch .mdl_icon_plusOn { width:34px; height:34px; background-position:0 -27px; }
.domHotelSearch .mdl_icon_plusOff { width:34px; height:34px; background-position:-39px -27px; }
.domHotelSearch .mdl_icon_minusOn { width:34px; height:34px; background-position:-78px -27px; }
.domHotelSearch .mdl_icon_minusOff { width:34px; height:34px; background-position:-117px -27px; }

/*	Compornents
------------------------------*/
/*-- block --*/
/* elmBox */
.domHotelSearch .mdl_elmBox {
	background-color:#e9ecf0;
}
.domHotelSearch .mdl_elmBox_inr {
	display:table;
	width:100%;
	height:44px;
	padding:0 10px;
}
.domHotelSearch .mdl_elmBox_inr.lrg {
	height:52px;
	min-height:52px;
	padding:5px 10px;
}
.domHotelSearch .mdl_elmCell {
	display:table-cell;
	vertical-align:middle;
	white-space:nowrap;
}
.domHotelSearch .mdl_elmBoxWrap_2col {
	overflow:hidden;
}
.domHotelSearch .mdl_elmBoxWrap_2col .mdl_elmBox {
	float:right;
	width:49%;
	width:-webkit-calc(50% - 2.5px);
	width:calc(50% - 2.5px);
}
.domHotelSearch .mdl_elmBoxWrap_2col .mdl_elmBox:first-child {
	float:left;
}

/* elmList */
.domHotelSearch .mdl_elmList_item {
	border-top:1px solid #515151;
}
.domHotelSearch .mdl_elmList_item:first-child {
	border-top:none;
}
.domHotelSearch .mdl_elmList_item > .inr {
	display:block;
	padding:12px 10px;
	background-color:#e9ecf0;
	font-size:1.6rem;
}
.domHotelSearch .mdl_elmList_item > .inr.hasArw {
	padding-right:28px;
	position:relative;
}
.domHotelSearch .mdl_elmList_item > .inr.hasArw:after {
	content:"";
	display:inline-block;
	width:8px;
	height:12px;
	background:url(/jp/ja/dom/option/domhotel/img_sites/icon_arw_rgt_gy.png) no-repeat 0 0;
	-webkit-background-size:8px 12px;
	background-size:8px 12px;
	position:absolute;
	top:50%;
	right:10px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

/*-- txt --*/
.domHotelSearch .mdl_data {
	display:inline-block;
	vertical-align:middle;
	font-size:1.6rem;
	line-height:1.2;
}
.domHotelSearch .mdl_data .sub {
	display:block;
	color:#a9a9a9;
	font-size:1.2rem;
}
.domHotelSearch .mdl_data .deno {
	margin-left:2px;
	font-size:1.2rem;
}
.domHotelSearch .mdl_data .year,
.domHotelSearch .mdl_data .mth,
.domHotelSearch .mdl_data .day,
.domHotelSearch .mdl_data .per,
.domHotelSearch .mdl_data .nights {
	font-size:1.8rem;
}
.domHotelSearch .mdl_data .DoW {
	font-size:1.2rem;
}
.domHotelSearch .mdl_data .pre {
	margin-right:5px;
	font-size:1.2rem;
}
.domHotelSearch .mdl_data .per > .pre {
	margin-left:-5px;
}
.domHotelSearch .mdl_data .suf {
	margin-left:5px;
	font-size:1.2rem;
}
.domHotelSearch .mdl_data.unSelect,
.domHotelSearch .mdl_data .unSelect {
	color:#a9a9a9;
}

/*-- btn --*/
.domHotelSearch .mdl_compBtn {
	display:block;
	width:62.5%;
	width:62.5vw;
	max-width:100%;
	margin:0 auto;
	padding:16px 30px 14px;
	background-color:#2d2d2d;
	position:relative;
	text-align:center;
	color:#fff;
	font-weight:bold;	
}
.domHotelSearch .mdl_compBtn:after {
	content:"";
	display:inline-block;
	width:8px;
	height:12px;
	background:url(/jp/ja/dom/option/domhotel/img_sites/icon_arw_rgt_wt.png) no-repeat 0 0;
	-webkit-background-size:8px 12px;
	background-size:8px 12px;
	position:absolute;
	top:50%;
	right:10px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.domHotelSearch .mdl_compBtn.mdl_btn_disabled,
.domHotelSearch [class^="btn"].mdl_btn_disabled,
.domHotelSearch [class*=" btn"].mdl_btn_disabled {
	opacity:0.3;
}
.domHotelSearch .mdl_main_btm .mdl_compBtn {
	width:84%;
	width:78vw;
}

/*-- input --*/
/* chkBox */
.domHotelSearch .mdl_chkBox {
}
.domHotelSearch .mdl_chkBox_input {
	display:none;
}
.domHotelSearch .mdl_chkBox_label {
	display:block;
	min-height:40px;
	padding:11px 10px 11px 28px;
	position:relative;
	color:#fff;
	font-size:1.4rem;
	line-height:1.3;
}
.domHotelSearch .mdl_chkBox_label:before {
	content:"";
	display:block;
	width:18px;
	height:18px;
	background-color:#e9ecf0;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-9px;
}
.domHotelSearch .mdl_chkBox_label:after {
	content:"";
	display:block;
	width:12px;
	height:6px;
	background-color:#e9ecf0;
	border-left:2px solid #282f39;
	border-bottom:2px solid #282f39;
	position:absolute;
	top:50%;
	left:3px;
	margin-top:-4px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	opacity:0;
	transition:opacity ease 0.2s;
}
.domHotelSearch .mdl_chkBox_input:checked + .mdl_chkBox_label:after { opacity:1.0; }


/*	Unique
------------------------------*/
/*-- areaPanel --*/
.domHotelSearch .areaPanel .mdl_elmList {	
	border-bottom:1px solid #515151;
}

/*-- peoplePanel --*/
.domHotelSearch .peoplePanel .mdl_elmList {
	border-bottom:1px solid #515151;
}
.domHotelSearch .peoplePanel .mdl_elmBox_inr {
	table-layout:fixed;
	min-height:50px;
	padding-right:15px;
}
.domHotelSearch .peoplePanel .mdl_elmCell.cell_icon {
	width:32px;
}
.domHotelSearch .peoplePanel .mdl_elmCell.cell_btn {
	width:49px;
	text-align:right;
}

/*-- hotel/room Panel --*/
.domHotelSearch .hotelPanel .mdl_elmList,
.domHotelSearch .roomPanel .mdl_elmList {
	border-bottom:1px solid #515151;
}
.domHotelSearch .hotelPanel .mdl_elmBox_inr,
.domHotelSearch .roomPanel .mdl_elmBox_inr {
	table-layout:fixed;
	min-height:50px;
	padding-right:15px;
}
.domHotelSearch .hotelPanel .mdl_elmCell.cell_icon,
.domHotelSearch .roomPanel .mdl_elmCell.cell_icon {
	width:32px;
}
.domHotelSearch .hotelPanel .mdl_elmCell.cell_btn,
.domHotelSearch .roomPanel .mdl_elmCell.cell_btn {
	width:49px;
	text-align:right;
}

/*-- calendarPanel --*/
.domHotelSearch .calendarPanel .mdl_layer_head {
	border-bottom:2px solid #282f39;
}
.domHotelSearch .mdl_calFixedHead {
	width:100%;
	background-color:#e9ecf0;
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:10;
}
.domHotelSearch .mdl_calWrap {
	padding:75px 0;
	background-color:#fff;
}

/* calBox */
.domHotelSearch .mdl_calBox {}
.domHotelSearch .mdl_calBox_head { height:51px; }
.domHotelSearch .mdl_calBox_mth {
	line-height:51px;
	text-align:center;
	font-size:1.6rem;
	font-weight:bold;
}

/* calTbl */
.domHotelSearch .mdl_calTbl { table-layout:fixed; }
.domHotelSearch .mdl_calTbl.Dow {	border-top:0; }
.domHotelSearch .mdl_calTbl th,
.domHotelSearch .mdl_calTbl td { text-align:center; line-height:1.2; }
.domHotelSearch .mdl_calTbl th {
	vertical-align:middle;
	height:30px;
	border-bottom:1px solid #bdc0c4;
	background-color:#dadde2;
}
.domHotelSearch .mdl_calTbl td {
	border:1px solid #e9ecf0;
}
.domHotelSearch .mdl_calTbl td:empty { border:0; }
.domHotelSearch .mdl_calTbl td .inr {
	display:block;
	padding:16px 0;
	position:relative;
	background-color:#fff;
}
.domHotelSearch .mdl_calTbl td .edge {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	margin-top:-20px;
	font-size:1.0rem;
	white-space:nowrap;
}

/* color */
.domHotelSearch .mdl_calTbl th:nth-of-type(7),
.domHotelSearch .mdl_calTbl td:nth-of-type(7) .inr { color:#0e5f9e; }
.domHotelSearch .mdl_calTbl th:nth-of-type(1),
.domHotelSearch .mdl_calTbl td:nth-of-type(1) .inr,
.domHotelSearch .mdl_calTbl td.holiday .inr {	color:#ca3540; }

.domHotelSearch .mdl_calTbl td:nth-of-type(7) .inr.unSelect {	color:#97aec9; }
.domHotelSearch .mdl_calTbl td:nth-of-type(1) .inr.unSelect,
.domHotelSearch .mdl_calTbl td.holiday .inr.unSelect { color:#daa1a7; }
.domHotelSearch .mdl_calTbl td .inr.unSelect { background-color:#e9ecf0; color:#999; }
.domHotelSearch .mdl_calTbl td .inr.unSelect .edge { color:#999; }

.domHotelSearch .mdl_calTbl td.selected .inr {
	background-color:#d1666e;
	color:#fff;
}