@media (max-width:810px) { 
	
	.box {
		width: 90%;
	}
	
	.about .l {
		display: none;
	}
	
	.about .r {
		width: 100%;
	}

	body, html {
		font-size: 26px;
	}

	.order .l {
		font-size: 25px;	
	}
	
	.order .r {
		font-size: 40px;	
	}

	.room .l, .room .r {
		width: 100%;
	}

	.room .l {
		margin-bottom: 35px;
	}
	
	.room .l img {
		margin: 0px 0px 0px 0px;
  	}
	
	.menu .mobile {
		display: block;
		float: right;
		width: 56px;
		height: 40px;
		background: url(img/menu_mobile.png) center center no-repeat;
		margin-top: 20px;
	}
	
	.menu .mobile-close {
		position: fixed;
		right: 20px;
		top: 20px;
		background: url(img/close.png) center center no-repeat;
		width: 36px;
		height: 35px;
		z-index: 100;
	}
	
	.menu ul {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		background: #000000;
		left: 0px;
		top: 0px;
		z-index: 99;
	}
	
	.menu ul li {
		width: 100%;
		text-align: center;
	}
	
	.menu ul li:first-child {
		margin-top: 50px;
	}
	
	.menu ul li a {
		font-size: 25px;
		line-height: 50px;
		padding: 0px;
	}
	
}

@media (max-width:810px) and (orientation:portrait) {
	.menu ul li a {
		font-size: 50px;
		line-height: 100px;
		padding: 0px;
	}
}
@media (max-width:810px) and (orientation:landscape) {
	.head {
		line-height: 130vh;
	}
}