@charset "utf-8";
/* CSS Document */
/*****************************
 背景
******************************/
div#contents {
	background: 
		url(../images/index/logo2_sp.png) no-repeat,
		url(../images/index/map.png) no-repeat,
		url(../images/index/bg_sp.jpg) no-repeat;
	background-size: 80vw auto, 110% auto, cover;
	background-position: center top 22vw,
		center top 20vw, center center;
}
/*****************************
 ヘッダー
******************************/
div#headerbox {	border-bottom: none; background: none;}
	div#headerbox div.center a#logo {display: none;}
	div#headerbox div.center label.menu-btn {
		height:40px;
		width:40px;
		background: url(../images/index/menu.png) no-repeat;
		background-size: 100% 100%;
		background-position: center top;
	}
		div#headerbox div.center label.menu-btn p.menu {display: none;}
		div#headerbox div.menubox div.center label.menu-btn {
			height:40px;
			width:40px;
			background: url(../images/index/menu_close.png) no-repeat;
			background-size: 100% 100%;
			background-position: center top;
		}
			div#headerbox div.menubox div.center label.menu-btn p.menu {display: none;}
/*****************************
 メイン
******************************/
div#mainContents_index {
	padding: 70vw 0 40px 0;
}
	div#mainContents_index div.randomhotelbox {
		width:96%;
		height:180px;
		margin: 0 auto;
	}
		div#mainContents_index div.randomhotelbox a {
			display: block;
			width:49%;
			height:180px;
			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:110px;
			}
			div#mainContents_index div.randomhotelbox a div.infobox {
				box-sizing: border-box;
				padding: 5px;
			}
				div#mainContents_index div.randomhotelbox a div.infobox p.kana {
					height:20px;
					font-size: 10px;
					color: #656565;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
				}
				div#mainContents_index div.randomhotelbox a div.infobox p.name {
					height:20px;
					line-height: 20px;
					font-size: 12px;
					color: #333;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
				}
				div#mainContents_index div.randomhotelbox a div.infobox p.tel {
					height:20px;
					line-height: 20px;
					text-align: right;
					font-size: 12px;
					color: #ff0000;
					font-weight: bold;
				}
					div#mainContents_index div.randomhotelbox a div.infobox p.tel img {
						width:20px;
						margin-right: 5px;
						vertical-align: top;
					}
	div#mainContents_index div.bannerbox {
		width:96%;
		margin: 38px auto;
	}
		div#mainContents_index div.bannerbox a {
			display: block;
			width:49%;
			height:20vw;
			border-radius: 5px;
			margin-bottom: 10px;
		}
		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: block;
		width:68vw;
		height:50px;
		line-height: 50px;
		border-radius: 25px;
		text-align: center;
		text-decoration: none;
		font-size: 18px;
		font-weight: bold;
		color: #333;
		background: #fff;
		margin: 40px auto 0 auto;
	}