@charset "utf-8";

/* body */
html{
	height: 100%;
}
body{
	height: 100%;
	overflow: hidden;
	font-family: Roboto,Arial,Helvetica,sans-serif;
}

/* ヘッダー */
header{
	background:#004bb0;
	background-color:#02429a;
}
header div{
	height: 45px;
	padding: 0 2vw;
	color: #fff;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: center;
}
.header-logo{
	width:100vw;
}
.header-logo a{
	width:65px;
	display:block;
}
.header-logo img{
	width:65px;
}
.header-menu{
	width:40px;
}
.header-menu img{
	width:35px;
	margin-left:auto;
}
.header-menu button{
	width: 40px;
	height: 40px;
	background: none;
	border: none;
}

/* 本体 */
.country-box{
	width: 100%;
	height: 1000px;
	background: url(../img/bg.png);
	background-size: 100% auto;
}
.country-box-bg{
	width: 100%;
	height: 2000px;
	position: fixed;
	background: rgba(0,0,0,0.8);
	top: 0;
	left: 0;
	z-index: 0;
}
.country-box-inner{
	width: 100%;
	padding: 15px 3.5vw;
	top: 90px;
	left: 0;
	position: fixed;
	z-index: 1;
	box-sizing: border-box;
	line-height: 1.2;
}

/* 検索BOXタブ */
.tabs-menu01 ul{
	display: flex;
	flex-wrap: wrap;
	border-radius: 3px 3px 0 0;
	overflow: hidden;	
}
.tabs-menu01 ul li{
	list-style: none;
	flex-grow: 1;
	text-align: center;
	cursor: pointer;
}
.tabs-menu01 ul li a{
	display: block;
	padding: 2.8vw 2vw;
	background-color: #eee;
	border: 1px solid #ddd;
	font-size: 3.4vw;
	color: #000;
	text-decoration: none;
}
.tabs-menu01 ul li a.active{
	outline: 0;
	background: #024895;
	border: 1px solid #024895;
	color: #fff;
}

/* 検索BOX本体 */
.tabs-contents01{
	order: 1;
	padding: 2vw;
	background-color: #fff;
	box-shadow: 0 1px 1px #bbb;
	border-radius: 0 0 3px 3px;
	border-top: 3px solid #024895;	
}
.tabs-contents01 ul{
	margin: 0 0 2vw;
}
.tabs-contents01 #tbm03-ul,.tabs-contents01 #tbm04-ul{
	margin-bottom: 0;
}
.tabs-contents01 ul li{
	padding: 1vw;
	display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
}
.tabs-contents01 ul li a{
	display: block;
	padding: 1.5vw 2vw;
	color: #000;
	text-decoration: none;
}
.tabs-contents01 ul li span{
	display: block;
}
.search-line-ttl{
	width: 18vw;
    font-size: 3.4vw;
    padding: 0 0 0 1vw;
}
.search-line-calendar,.search-line-select {
	width: 74vw;
	font-size: 4vw;
	border: 1px solid #ddd;
	background-image: url(https://www.his-j.com/kix/sp/img/icon/icon_down01.png);
	background-size: 20px;
	background-position: center right 8px;
	background-repeat: no-repeat;
}
.search-line-select-harf {
	width: 36.2vw;
	font-size: 3.5vw;
}
.search-line-select-room01 {
	width: 36vw;
	font-size: 3.5vw;
	align-self: flex-start;
}
.search-line-select-room02 {
	width: 33vw;
	font-size: 3.5vw;
	align-self: flex-start;
}
.search-line-select-harf:nth-child(odd),.search-line-select-room01:nth-child(odd),.search-line-select-room02:nth-child(odd) {
	margin-left: 1vw;
}
/*
.border-attn {
	border: 1px solid #ff6600;
}
*/
.search-line-calendar {
	background-image: url(https://www.his-j.com/kix/sp/img/icon/icon_calendar01.png);
}
.btn_search {
	width: 70vw;
	margin: 0 auto 1vw;
	background-color: #ffc108;
	background-image: url(https://www.his-j.com/kix/sp/img/icon/icon_search01.png);
	background-size: 28px;
	background-position: center left 14px;
	background-repeat: no-repeat;
	border: none;
	border-radius: 30px;
	padding: 3vw 2vw;
	display: block;
	font-size: 4vw;
	line-height: 1.2;
	font-weight: 700;
	text-align: center;
}
#search #check-out {
	display: none;
}
#search .error_msg {
    background-color: #fee;
}
.search-checkout{
	margin-bottom: 1vw;
	padding-left: 18vw;
	font-size: 3.5vw;
}
.ch-age{
	margin-bottom: 1vw;
	padding-left: 1vw;
	font-size: 3.5vw;
}
.tabs-contents01 ul li .search-checkout span{
	display: inline;
}
#main-contents .hotel-room-list .room2, #main-contents .hotel-room-list .room3, #main-contents .hotel-room-list .ch-age, #main-contents .ah-room-list .room2,#main-contents .ah-room-list .room3 {
    display: none;
}

/* モーダル */
.confirm,.modal-confirm,.undo{
	line-height: 1.0;
}
.num-count div {
    line-height: 1.0;
}
.num-count a.icon-m, .num-count a.icon-p {
    display: inline-block;
    border: 1px solid #979797;
    background-color: #f2f2f2;
    color: #666;
    line-height: 1.0;
    font-size: 14px;
    padding: 7px 5px;
    font-weight: bold;
    cursor: pointer;
}
.num-count div.num-box {
    border: 1px solid #979797;
    border-left: 0;
    border-right: 0;
    font-size: 14px;
    padding: 7px 3px;
    display: inline-block;
    text-align: center;
    width: 3em;
}