@charset "utf-8";
/* CSS Document */
/*****************************
 背景
******************************/
div#contents {
	background: 
		url(../images/index/logo2.png) no-repeat,
		url(../images/index/map.png) no-repeat,
		url(../images/index/bg.jpg) no-repeat;
	background-size: auto auto, auto auto, cover;
	background-position: center top 120px,
		center top -50px, center center;
}
/*****************************
 ヘッダー
******************************/
div#headerbox {	border-bottom: none; background: none;}
	div#headerbox div.center a#logo {display: none;}
	div#headerbox div.center a#searchbtn {
		display: block;
		width:51px;
		height:80px;
		position: absolute;
		top:20px;
		right:80px;
		box-sizing: border-box;
		padding-top: 55px;
		background: url(../images/index/menu_search.png) no-repeat;
		background-size: 51px auto;
		background-position: center top;
		text-decoration: none;
		text-align: center;
		color: #333;
		font-size: 13px;
		font-weight: bold;
		caret-color: transparent;
	}
	div#headerbox div.center label.menu-btn {
		width:60px;
		height:80px;
		background: url(../images/index/menu.png) no-repeat;
		background-size: 51px auto;
		background-position: center top;
		box-sizing: border-box;
		padding-top: 55px;
	}
		div#headerbox div.center label.menu-btn p.menu {display: none;}
		div#headerbox div.center label.menu-btn p.menu2 {
			display: block;
			text-align: center;
			color: #1B7239;
			font-size: 13px;
			font-weight: bold;
		}
		div#headerbox div.menubox div.center label.menu-btn {
			width:60px;
			height:80px;
			background: url(../images/index/menu_close.png) no-repeat;
			background-size: 51px auto;
			background-position: center top;
			box-sizing: border-box;
			padding-top: 55px;
		}
			div#headerbox div.menubox div.center label.menu-btn p.menu {display: none;}
			div#headerbox div.menubox div.center label.menu-btn p.menu2 {
				display: block;
				text-align: center;
				color: #1B7239;
				font-size: 13px;
				font-weight: bold;
			}
/*****************************
 メイン
******************************/
div#mainContents_index {
	padding-top: 400px;
	padding-bottom:30px;
}
	div#mainContents_index div.randomhotelbox {
		width:530px;
		height:240px;
		margin: 0 auto;
	}
		div#mainContents_index div.randomhotelbox a {
			display: block;
			width:246px;
			height:240px;
			box-sizing: border-box;
			background: #fff;
			border-radius: 5px;
			border: 1px #fff solid;
			text-decoration: none;
			overflow: hidden;
		}
		div#mainContents_index div.randomhotelbox a:nth-of-type(1) { float: left;}
		div#mainContents_index div.randomhotelbox a:nth-of-type(1) { float: right;}
			div#mainContents_index div.randomhotelbox a div.imgbox {
				height:145px;
			}
			div#mainContents_index div.randomhotelbox a div.infobox {
				box-sizing: border-box;
				padding: 12px;
			}
				div#mainContents_index div.randomhotelbox a div.infobox p.kana {
					height:20px;
					font-size: 12px;
					color: #656565;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
				}
				div#mainContents_index div.randomhotelbox a div.infobox p.name {
					height:25px;
					line-height: 20px;
					font-size: 16px;
					color: #333;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
				}
				div#mainContents_index div.randomhotelbox a div.infobox p.tel {
					height:25px;
					line-height: 25px;
					text-align: right;
					font-size: 16px;
					color: #ff0000;
					font-weight: bold;
				}
					div#mainContents_index div.randomhotelbox a div.infobox p.tel img {
						width:23px;
						margin-right: 5px;
						vertical-align: top;
					}
	div#mainContents_index div.bannerbox {
		width:530px;
		margin: 38px auto;
	}
		div#mainContents_index div.bannerbox a {
			display: block;
			width:246px;
			height:68px;
			border-radius: 5px;
			margin-bottom: 20px;
		}
		div#mainContents_index div.bannerbox a:nth-of-type(odd) { float: left;}
		div#mainContents_index div.bannerbox a:nth-of-type(even) { float: right;}
	/* ホテルを探す */
	div#mainContents_index a.searchbtn { display: none; }