@charset "UTF-8";
:root{
	--body : #231815;
	--link : #231815;
	--title : #231815;
	--main : #231815;
	--base : #231815;
	--mainBold : #231815;
	--sub : #231815;
	--white : #231815;
	--bg : #231815;
}
/*--------------------------------------------
MV
---------------------------------------------*/
#mv picture{
	width : 100%;
	position : relative;
	overflow : hidden;
}
#mv picture > img{
	position : absolute;
	width : auto;
	height : auto;
	top : 50%;
	left : 50%;
	min-height : 100%;
	min-width : 100%;
	transform : translateX(-50%) translateY(-50%);
}
@supports ( object-fit: cover ){
	#mv picture > img{
		position : static;
		height : 100%;
		width : 100%;
		left : 0;
		-o-object-fit : cover;
		   object-fit : cover;
		top : 0;
		    -ms-transform : none;
		   -moz-transform : none;
		-webkit-transform : none;
		        transform : none;
	}
}
/*--------------------------------------------
ROOM
---------------------------------------------*/
#room .box{
	display : flex;
	align-items : center;
	justify-content : center;
	border-bottom : 1px solid #231815;
	margin-left : auto;
	margin-right : auto;
}
#room .box{
	letter-spacing : .2em;
}
#room .box p{
	margin-left : 2em;
}
#room li > p:nth-of-type(2){
	text-align : center;
	letter-spacing : .1em;
}
@media screen and (max-width: 768px){
	#room .wrap{
		padding-top : calc( 21 * 100vw / 375 );
		padding-bottom : calc( 64 * 100vw / 375 );
		max-width : calc( 323 * 100% / 375 );
	}
	#room li + li{
		margin-top : calc( 50 * 100vw / 375 );
	}
	#room .box{
		font-size : calc( 16 * 100vw / 375 );
		width : calc( 321 * 100% / 323 );
		margin-top : calc( 14 * 100vw / 375 );
		padding-bottom : calc( 16 * 100vw / 375 );
	}
	#room li > p:nth-of-type(2){
		margin-top : calc( 14 * 100vw / 375 );
		font-size : calc( 14 * 100vw / 375 );
		line-height : 1.43;
	}
}
@media screen and (min-width: 769px) and (max-width:1489px){
	#room .wrap{
		padding-top : calc( 75 * 100vw / 1200 );
		padding-bottom : calc( 210 * 100vw / 1200 );
		max-width : calc( 698 * 100% / 1200 );
	}
	#room li + li{
		margin-top : calc( 96 * 100vw / 1200 );
	}
	#room .box{
		font-size : calc( 18 * 100vw / 1200 );
		width : calc( 522 * 100% / 698 );
		margin-top : calc( 50 * 100vw / 1200 );
		padding-bottom : calc( 16 * 100vw / 1200 );
	}
	#room li > p:nth-of-type(2){
		margin-top : calc( ( 10 - 4 ) * 100vw / 1200 );
		font-size : calc( 16 * 100vw / 1200 );
		line-height : 1.5;
	}
}
@media print,screen and (min-width: 1490px){
	#room .wrap{
		padding-top : 75px;
		padding-bottom : 210px;
		max-width : 698px;
	}
	#room li + li{
		margin-top : 96px;
	}
	#room .box{
		font-size : 18px;
		width : 522px;
		margin-top : 50px;
		padding-bottom : 16px;
	}
	#room li > p:nth-of-type(2){
		margin-top : calc( 10px - 4px );
		font-size : 16px;
		line-height : 24px;
	}
}
/*--------------------------------------------
MENU
---------------------------------------------*/
@media screen and (max-width: 768px){
	#menu #mv picture{
		height : calc( 256 * 100vw / 375 );
	}
}
@media screen and (min-width: 769px) and (max-width:1489px){
	#menu #mv picture{
		height : calc( 586 * 100vw / 1200 );
	}
}
@media print,screen and (min-width: 1490px){
	#menu #mv picture{
		height : 586px;
	}
}
#menu #content .special{
	border : 1px solid #5d480e;
	letter-spacing : .2em;
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	flex-direction : column;
	margin-left : auto;
	margin-right : auto;
	color : #5d480e;
	background-color : #fff;
}
#menu #content .price{
	letter-spacing : .2em;
	text-align : center;
}
#menu #content .price div + div:before{
	content : "";
	display : block;
	height : 1px;
	background-color : #707070;
	margin-left : auto;
	margin-right : auto;
}
#menu #content .wrap > p{
	letter-spacing : .1em;
}
#menu #content #gallery{
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
}
@media screen and (max-width: 768px){
	#menu #content .wrap{
		padding-left : calc( 33 * 100% / 375 );
		padding-right : calc( 33 * 100% / 375 );
		padding-top : calc( 30 * 100vw / 375 );
		padding-bottom : calc( 78 * 100vw / 375 );
	}
	#menu #content .special{
		border-radius : calc( 5 * 100vw / 375 );
		width : 100%;
		height : calc( 200 * 100vw / 375 );
	}
	#menu #content .special h3{
		font-size : calc( 16 * 100vw / 375 );
	}
	#menu #content .special p{
		font-size : calc( 14 * 100vw / 375 );
		margin-top : calc( 8 * 100vw / 375 );
	}
	#menu #content .price{
		margin-top : calc( 52 * 100vw / 375 );
	}
	#menu #content .price div + div:before{
		margin-top : calc( 30 * 100vw / 375 );
		margin-bottom : calc( 30 * 100vw / 375 );
		width : calc( 100 * 100% / 309 );
	}
	#menu #content .price dt{
		font-size : calc( 16 * 100vw / 375 );
	}
	#menu #content .price dd{
		font-size : calc( 16 * 100vw / 375 );
		margin-top : calc( 14 * 100vw / 375 );
	}
	#menu #content .wrap > p{
		margin-top : calc( 46 * 100vw / 375 );
		font-size : calc( 14 * 100vw / 375 );
		line-height : 1.86;
		width : calc( 297 * 100% / 309 );
	}
	#menu #content #gallery{
		margin-top : calc( 36 * 100vw / 375 );
		width : calc( 301 * 100% / 309 );
		margin-left : auto;
		margin-right : auto;
	}
	#menu #content #gallery li{
		width : calc( 97 * 100% / 301 );
		height : calc( 64 * 100vw / 375 );
	}
	#menu #content #gallery li:nth-child( n + 4){
		margin-top : calc( 5 * 100vw / 375 );
	}
	#menu #content #gallery li:nth-child( n + 10){
		/*display: none;*/
	}
	#menu #content .box{
		margin-top : calc( 48 * 100vw / 375 );
	}
	#menu #content .box div > p{
		font-size : calc( 14 * 100vw / 375 );
		line-height : 1.71;
	}
}
@media print,screen and (min-width: 769px){
	#menu #content .wrap > p{
		margin-left : auto;
		margin-right : auto;
	}
	#menu #content .box{
		display : flex;
	}
	#menu #content .box h4{
		flex-shrink : 0;
		letter-spacing : .2em;
	}
	#menu #content .box div > p{
		letter-spacing : .1em;
	}
	#menu #content .box dt{
		letter-spacing : .2em;
	}
	#menu #content .box dd{
		letter-spacing : .1em;
	}
}
@media screen and (min-width: 769px) and (max-width:1489px){
	#menu #content .wrap{
		max-width : calc( 1048 * 100% / 1200 );
		padding-top : calc( 56 * 100vw / 1200 );
		padding-bottom : calc( 100 * 100vw / 1200 );
	}
	#menu #content .special{
		border-radius : calc( 5 * 100vw / 1200 );
		width : calc( 375 * 100% / 1048 );
		height : calc( 200 * 100vw / 1200 );
	}
	#menu #content .special h3{
		font-size : calc( 20 * 100vw / 1200 );
	}
	#menu #content .special p{
		font-size : calc( 16 * 100vw / 1200 );
		margin-top : calc( 8 * 100vw / 1200 );
	}
	#menu #content .price{
		margin-top : calc( 52 * 100vw / 1200 );
	}
	#menu #content .price div + div:before{
		margin-top : calc( 26 * 100vw / 1200 );
		margin-bottom : calc( 26 * 100vw / 1200 );
		width : calc( 100 * 100% / 1048 );
	}
	#menu #content .price dt{
		font-size : calc( 20 * 100vw / 1200 );
	}
	#menu #content .price dd{
		font-size : calc( 18 * 100vw / 1200 );
		margin-top : calc( 16 * 100vw / 1200 );
	}
	#menu #content .wrap > p{
		margin-top : calc( 64 * 100vw / 1200 );
		font-size : calc( 16 * 100vw / 1200 );
		line-height : 1.63;
		width : calc( 476 * 100% / 1048 );
	}
	#menu #content #gallery{
		margin-top : calc( 88 * 100vw / 1200 );
	}
	#menu #content #gallery li{
		width : calc( 346 * 100% / 1048 );
		height : calc( 228 * 100vw / 1200 );
	}
	#menu #content #gallery li:nth-child( n + 4){
		margin-top : calc( 6 * 100vw / 1200 );
	}
	#menu #content .box{
		margin-top : calc( 48 * 100vw / 1200 );
	}
	#menu #content .box h4{
		width : calc( 350 * 100% / 1048 );
		padding-left : calc( 140 * 100% / 1048 );
	}
	#menu #content .box div > p{
		font-size : calc( 16 * 100vw / 1200 );
		line-height : 1.5;
	}
	#menu #content .box dl{
		margin-top : calc( 12 * 100vw / 1200 );
	}
	#menu #content .box dl div + div{
		margin-top : calc( 20 * 100vw / 1200 );
	}
	#menu #content .box dt{
		font-size : calc( 18 * 100vw / 1200 );
	}
	#menu #content .box dd{
		margin-top : calc( 18 * 100vw / 1200 );
	}
	#menu #content .box dd p{
		font-size : calc( 16 * 100vw / 1200 );
		line-height : 1.6;
	}
	#menu #content .box ol{
		margin-top : calc( 18 * 100vw / 1200 );
	}
	#menu #content .box li{
		font-size : calc( 16 * 100vw / 1200 );
		line-height : 1.63;
	}
}
@media print,screen and (min-width: 1490px){
	#menu #content .wrap{
		max-width : 1048px;
		padding-top : 56px;
		padding-bottom : 100px;
	}
	#menu #content .special{
		border-radius : 5px;
		width : 375px;
		height : 300px;
	}
	#menu #content .special h3{
		font-size : 20px;
	}
	#menu #content .special p{
		font-size : 16px;
		margin-top : 8px;
	}
	#menu #content .price{
		margin-top : 52px;
	}
	#menu #content .price div + div:before{
		margin-top : 26px;
		margin-bottom : 26px;
		width : 100px;
	}
	#menu #content .price dt{
		font-size : 20px;
	}
	#menu #content .price dd{
		font-size : 18px;
		margin-top : 16px;
	}
	#menu #content .wrap > p{
		margin-top : 64px;
		font-size : 16px;
		line-height : 26px;
		width : 476px;
		margin-left : auto;
		margin-right : auto;
	}
	#menu #content #gallery{
		margin-top : 88px;
	}
	#menu #content #gallery li{
		width : 346px;
		height : 228px;
	}
	#menu #content #gallery li:nth-child( n + 4){
		margin-top : 6px;
	}
	#menu #content .box{
		margin-top : 48px;
	}
	#menu #content .box h4{
		width : 350px;
		padding-left : 140px;
	}
	#menu #content .box div > p{
		font-size : 16px;
		line-height : 24px;
	}
	#menu #content .box dl{
		margin-top : 12px;
	}
	#menu #content .box dl div + div{
		margin-top : 20px;
	}
	#menu #content .box dt{
		font-size : 18px;
	}
	#menu #content .box dd{
		margin-top : 18px;
	}
	#menu #content .box dd p{
		font-size : 16px;
		line-height : 24px;
	}
	#menu #content .box ol{
		margin-top : 18px;
	}
	#menu #content .box li{
		font-size : 16px;
		line-height : 26px;
	}
}
/*--------------------------------------------
ABOUT
---------------------------------------------*/
@media screen and (max-width: 768px){
	#about #mv picture{
		height : calc( 278 * 100vw / 375 );
	}
}
@media screen and (min-width: 769px) and (max-width:1489px){
	#about #mv picture{
		height : calc( 586 * 100vw / 1200 );
	}
}
@media print,screen and (min-width: 1490px){
	#about #mv picture{
		height : 586px;
	}
}
#about #me{
	background-color : #041b29;
	background-repeat : no-repeat;
	background-image : url("../images/about/bg.svg");
	color : #fff;
}
#about #me h3{
	text-align : center;
	letter-spacing : .2em;
}
#about #me h3 span{
	display : block;
}
#about #me p{
	letter-spacing : .1em;
	margin-left : auto;
	margin-right : auto;
}
@media screen and (max-width: 768px){
	#about #me{
		background-position : calc( ( 105 ) * 100% / 375 ) calc( 36 * 100vw / 375 );
		background-size : auto calc( 424 * 100vw / 375 );
	}
	#about #me .wrap{
		padding-top : calc( 37 * 100vw / 375 );
		padding-bottom : calc( 36 * 100vw / 375 );
	}
	#about #me h3 span:nth-of-type(1){
		font-size : calc( 16 * 100vw / 375 );
	}
	#about #me h3 span:nth-of-type(2){
		font-size : calc( 14 * 100vw / 375 );
		margin-top : calc( 6 * 100vw / 375 );
	}
	#about #me p{
		margin-top : calc( 30 * 100vw / 375 );
		width : calc( 297 * 100% / 375 );
		font-size : calc( 14 * 100vw / 375 );
		line-height : 1.86;
	}
}
@media screen and (min-width: 769px) and (max-width:1489px){
	#about #me{
		background-position : calc( ( 751 + 434 ) * 100% / 1200 ) calc( 34 * 100vw / 1200 );
		background-size : auto calc( 424 * 100vw / 1200 );
	}
	#about #me .wrap{
		padding-top : calc( 73 * 100vw / 1200 );
		height : calc( 473 * 100vw / 1200 );
	}
	#about #me h3 span:nth-of-type(1){
		font-size : calc( 20 * 100vw / 1200 );
	}
	#about #me h3 span:nth-of-type(2){
		font-size : calc( 14 * 100vw / 1200 );
		margin-top : calc( 8 * 100vw / 1200 );
	}
	#about #me p{
		margin-top : calc( 52 * 100vw / 1200 );
		width : calc( 714 * 100% / 1200 );
		font-size : calc( 16 * 100vw / 1200 );
		line-height : 1.63;
	}
}
@media print,screen and (min-width: 1490px){
	#about #me{
		background-position : calc( 50% + 151px + 217px ) 34px;
		background-size : auto 424px;
	}
	#about #me .wrap{
		padding-top : 73px;
		height : 473px;
	}
	#about #me h3 span:nth-of-type(1){
		font-size : 20px;
	}
	#about #me h3 span:nth-of-type(2){
		font-size : 14px;
		margin-top : 8px;
	}
	#about #me p{
		margin-top : 52px;
		width : 714px;
		font-size : 16px;
		line-height : 26px;
	}
}
@media screen and (max-width: 768px){
	#about #box .wrap{
		padding-top : calc( 70 * 100vw / 375 );
		padding-bottom : calc( 48 * 100vw / 375 );
		padding-left : calc( 43 * 100% / 375 );
		padding-right : calc( 43 * 100% / 375 );
	}
}
@media print,screen and (min-width: 769px){
	#about #box .wrap{
		display : flex;
		justify-content : space-between;
	}
}
@media screen and (min-width: 769px) and (max-width:1489px){
	#about #box .wrap{
		width : calc( 652 * 100% / 1200 );
		padding-left : calc( 58 * 100% / 1200 );
		padding-top : calc( 86 * 100vw / 1200 );
		padding-bottom : calc( 124 * 100vw / 1200 );
	}
}
@media print,screen and (min-width: 1490px){
	#about #box .wrap{
		max-width : 652px;
		padding-left : 58px;
		padding-top : 86px;
		padding-bottom : 124px;
	}
}
#about #info h4{
	letter-spacing : .2em;
}
#about #info h4{
	letter-spacing : .1em;
}
#about #info dl{
	letter-spacing : .1em;
}
#about #info dl > div{
	display : flex;
	align-items : center;
}
#about #info dl div dd{
	margin-left : 1em;
}
#about #info p{
	letter-spacing : .1em;
}
#about #info li{
	display : inline;
}
#about #info li:not(:last-child):after{
	content : "/";
	margin-left : .5em;
	margin-right : .5em;
}
@media screen and (max-width: 768px){
	#about #info h4{
		font-size : calc( 16 * 100vw / 375 );
	}
	#about #info h5{
		font-size : calc( 14 * 100vw / 375 );
	}
	#about #info h5:nth-of-type(1){
		margin-top : calc( 26 * 100vw / 375 );
	}
	#about #info dl{
		margin-top : calc( 19 * 100vw / 375 );
	}
	#about #info dt{
		font-size : calc( 14 * 100vw / 375 );
		line-height : 1.86;
	}
	#about #info dd{
		font-size : calc( 14 * 100vw / 375 );
		line-height : 1.5;
	}
	#about #info dl > div + dt{
		margin-top : calc( 21 * 100vw / 375 );
	}
	#about #info p{
		font-size : calc( 14 * 100vw / 375 );
		line-height : 1.86;
		margin-top : calc( 21 * 100vw / 375 );
	}
	#about #info h5:nth-of-type(2){
		margin-top : calc( 27 * 100vw / 375 );
	}
	#about #info ul{
		margin-top : calc( 15 * 100vw / 375 );
		display : flex;
		flex-wrap : wrap;
	}
	#about #info li{
		font-size : calc( 14 * 100vw / 375 );
		line-height : 1.86;
		display : block;
	}
}
@media screen and (min-width: 769px) and (max-width:1489px){
	#about #info{
		width : calc( 297 * 100% / 594 );
	}
	#about #info h4{
		font-size : calc( 20 * 100vw / 1200 );
	}
	#about #info h5{
		font-size : calc( 16 * 100vw / 1200 );
	}
	#about #info h5:nth-of-type(1){
		margin-top : calc( 24 * 100vw / 1200 );
	}
	#about #info dl{
		margin-top : calc( 18 * 100vw / 1200 );
	}
	#about #info dt{
		font-size : calc( 16 * 100vw / 1200 );
		line-height : 1.5;
	}
	#about #info dd{
		font-size : calc( 16 * 100vw / 1200 );
		line-height : 1.5;
	}
	#about #info dl > div + dt{
		margin-top : calc( 20 * 100vw / 1200 );
	}
	#about #info p{
		font-size : calc( 16 * 100vw / 1200 );
		line-height : 1.63;
		margin-top : calc( 20 * 100vw / 1200 );
	}
	#about #info h5:nth-of-type(2){
		margin-top : calc( 60 * 100vw / 1200 );
	}
	#about #info ul{
		margin-top : calc( 16 * 100vw / 1200 );
	}
	#about #info li{
		font-size : calc( 16 * 100vw / 1200 );
		line-height : 1.63;
	}
}
@media print,screen and (min-width: 1490px){
	#about #info{
		width : 297px;
	}
	#about #info h4{
		font-size : 20px;
	}
	#about #info h5{
		font-size : 16px;
	}
	#about #info h5:nth-of-type(1){
		margin-top : 24px;
	}
	#about #info dl{
		margin-top : 18px;
	}
	#about #info dt{
		font-size : 16px;
		line-height : 24px;
	}
	#about #info dd{
		font-size : 16px;
		line-height : 24px;
	}
	#about #info dl > div + dt{
		margin-top : 20px;
	}
	#about #info p{
		font-size : 16px;
		line-height : 26px;
		margin-top : 20px;
	}
	#about #info h5:nth-of-type(2){
		margin-top : 60px;
	}
	#about #info ul{
		margin-top : 16px;
	}
	#about #info li{
		font-size : 16px;
		line-height : 26px;
	}
}
#about #access h4{
	letter-spacing : .2em;
	display : flex;
	align-items : center;
}
#about #access h4:before{
	content : "";
	background-image : url("../images/about/map.svg");
	background-repeat : no-repeat;
	background-position : center  center;
	background-size : contain;
	margin-right : .25em;
}
#about #access p , #about #access a{
	letter-spacing : .1em;
}
#about #access a{
	display : block;
	color : #5d480e;
}
#about #access a:nth-of-type(2){
	text-decoration : underline;
}
@media screen and (max-width: 768px){
	#about #access{
		padding-top : calc( 41 * 100vw / 375 );
	}
	#about #access h4{
		font-size : calc( 16 * 100vw / 375 );
	}
	#about #access h4:before{
		width : calc( 11 * 100vw / 375 );
		height : calc( 16 * 100vw / 375 );
	}
	#about #access p{
		font-size : calc( 14 * 100vw / 375 );
	}
	#about #access p:nth-of-type(1){
		margin-top : calc( 17 * 100vw / 375 );
		line-height : 1.71;
	}
	#about #access p:nth-of-type(2){
		margin-top : calc( 10 * 100vw / 375 );
		line-height : 1.43;
	}
	#about #access a{
		font-size : calc( 14 * 100vw / 375 );
	}
	#about #access a:nth-of-type(1){
		margin-top : calc( 10 * 100vw / 375 );
	}
	#about #access a:nth-of-type(2){
		margin-top : calc( 14 * 100vw / 375 );
	}
}
@media screen and (min-width: 769px) and (max-width:1489px){
	#about #access{
		padding-top : calc( 44 * 100vw / 1200 );
	}
	#about #access h4{
		font-size : calc( 18 * 100vw / 1200 );
	}
	#about #access h4:before{
		width : calc( 11 * 100vw / 1200 );
		height : calc( 16 * 100vw / 1200 );
	}
	#about #access p{
		font-size : calc( 16 * 100vw / 1200 );
		line-height : 1.5;
	}
	#about #access p:nth-of-type(1){
		margin-top : calc( 21 * 100vw / 1200 );
	}
	#about #access p:nth-of-type(2){
		margin-top : calc( 17 * 100vw / 1200 );
	}
	#about #access a{
		font-size : calc( 16 * 100vw / 1200 );
	}
	#about #access a:nth-of-type(1){
		margin-top : calc( 29 * 100vw / 1200 );
	}
	#about #access a:nth-of-type(2){
		margin-top : calc( 12 * 100vw / 1200 );
	}
}
@media print,screen and (min-width: 1490px){
	#about #access{
		padding-top : 44px;
	}
	#about #access h4{
		font-size : 18px;
	}
	#about #access h4:before{
		width : 11px;
		height : 16px;
	}
	#about #access p{
		font-size : 16px;
		line-height : 24px;
	}
	#about #access p:nth-of-type(1){
		margin-top : 21px;
	}
	#about #access p:nth-of-type(2){
		margin-top : 17px;
	}
	#about #access a{
		font-size : 16px;
	}
	#about #access a:nth-of-type(1){
		margin-top : 29px;
	}
	#about #access a:nth-of-type(2){
		margin-top : 12px;
	}
}
@media screen and (max-width: 768px){
	#about .map-container{
		height : calc( 200 * 100vw / 375 );
		margin-bottom : calc( 21 * 100vw / 375 );
	}
}
@media screen and (min-width: 769px) and (max-width:1489px){
	#about .map-container{
		height : calc( 395 * 100vw / 1200 );
		margin-bottom : calc( 44 * 100vw / 1200 );
	}
}
@media print,screen and (min-width: 1490px){
	#about .map-container{
		height : 395px;
		margin-bottom : 44px;
	}
}
/*--------------------------------------------
RESERVATION
---------------------------------------------*/
@media screen and (max-width: 768px){
	#reservation #mv picture{
		height : calc( 132 * 100vw / 375 );
	}
}
@media screen and (min-width: 769px) and (max-width:1489px){
	#reservation #mv picture{
		height : calc( 277 * 100vw / 1200 );
	}
}
@media print,screen and (min-width: 1490px){
	#reservation #mv picture{
		height : 277px;
	}
}
#reservation #content{
	position : relative;
}
#reservation #content .wrap{
	background-color : #fff;
}
#reservation #content .wrap > p{
	letter-spacing : .2em;
}
#reservation #content a{
	border : 1px solid #041b29;
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	letter-spacing : .1em;
}
#reservation #content dt{
	letter-spacing : .2em;
}
#reservation #content dd{
	letter-spacing : .1em;
}
@media screen and (max-width: 768px){
	#reservation #content{
		margin-top : calc( -26 * 100vw / 375 );
		padding-bottom : calc( 24 * 100vw / 375 );
	}
	#reservation #content .wrap{
		box-shadow : 0 calc( 3 * 100vw / 375 ) calc( 6 * 100vw / 375 ) rgba(0,0,0,.16);
		width : calc( 329 * 100% / 375 );
		padding-top : calc( 35 * 100vw / 375 );
		padding-bottom : calc( 48 * 100vw / 375 );
		padding-left : calc( 19 * 100% / 375 );
		padding-right : calc( 19 * 100% / 375 );
	}
	#reservation #content .wrap > p{
		font-size : calc( 14 * 100vw / 375 );
	}
	#reservation #content a{
		margin-top : calc( 35 * 100vw / 375 );
		width : 100%;
		height : calc( 60 * 100vw / 375 );
		border-radius : calc( 5 * 100vw / 375 );
	}
	#reservation #content dl{
		margin-top : calc( 32 * 100vw / 375 );
	}
	#reservation #content dt{
		text-align : center;
		font-size : calc( 16 * 100vw / 375 );
	}
	#reservation #content dt:before{
		content : none;
	}
	#reservation #content dt:nth-of-type(2){
		margin-top : calc( 52 * 100vw / 375 );
	}
	#reservation #content dd{
		margin-top : calc( 16 * 100vw / 375 );
	}
	#reservation #content dd p{
		font-size : calc( 14 * 100vw / 375 );
		line-height : 1.86;
	}
	#reservation #content dd ol{
		text-align : center;
	}
	#reservation #content dd li{
		font-size : calc( 14 * 100vw / 375 );
		line-height : 1.86;
	}
}
@media print,screen and (min-width: 769px){
	#reservation #content .wrap{
		box-shadow : 1px 2px 6px rgba(0,0,0,.16);
	}
}
@media screen and (min-width: 769px) and (max-width:1489px){
	#reservation #content{
		margin-top : calc( -56 * 100vw / 1200 );
		padding-bottom : calc( 62 * 100vw / 1200 );
	}
	#reservation #content .wrap{
		width : calc( 875 * 100% / 1200 );
		padding-top : calc( 52 * 100vw / 1200 );
		padding-bottom : calc( 52 * 100vw / 1200 );
		padding-left : calc( 211 * 100% / 1200 );
		padding-right : calc( 211 * 100% / 1200 );
	}
	#reservation #content .wrap > p{
		font-size : calc( 16 * 100vw / 1200 );
	}
	#reservation #content a{
		margin-top : calc( 33 * 100vw / 1200 );
		width : calc( 452 * 100% / 453 );
		height : calc( 60 * 100vw / 1200 );
		border-radius : calc( 5 * 100vw / 1200 );
	}
	#reservation #content dl{
		margin-top : calc( 36 * 100vw / 1200 );
	}
	#reservation #content dt{
		font-size : calc( 18 * 100vw / 1200 );
	}
	#reservation #content dt:nth-of-type(2){
		margin-top : calc( 18 * 100vw / 1200 );
	}
	#reservation #content dd{
		margin-top : calc( 19 * 100vw / 1200 );
	}
	#reservation #content dd p{
		font-size : calc( 16 * 100vw / 1200 );
		line-height : 1.63;
	}
	#reservation #content dd ol{
		margin-top : calc( 22 * 100vw / 1200 );
	}
	#reservation #content dd li{
		font-size : calc( 16 * 100vw / 1200 );
		line-height : 1.63;
	}
}
@media print,screen and (min-width: 1490px){
	#reservation #content{
		margin-top : -56px;
		padding-bottom : 62px;
	}
	#reservation #content .wrap{
		max-width : 875px;
		box-shadow : 1px 2px 6px rgba(0,0,0,.16);
		padding-top : 52px;
		padding-bottom : 52px;
		padding-left : 211px;
		padding-right : 211px;
	}
	#reservation #content .wrap > p{
		font-size : 16px;
	}
	#reservation #content a{
		margin-top : 33px;
		width : 452px;
		height : 60px;
		border-radius : 5px;
	}
	#reservation #content dl{
		margin-top : 36px;
	}
	#reservation #content dt{
		font-size : 18px;
	}
	#reservation #content dt:nth-of-type(2){
		margin-top : 18px;
	}
	#reservation #content dd{
		margin-top : 19px;
	}
	#reservation #content dd p{
		font-size : 16px;
		line-height : 26px;
	}
	#reservation #content dd ol{
		margin-top : 22px;
	}
	#reservation #content dd li{
		font-size : 16px;
		line-height : 26px;
	}
}
/*# sourceMappingURL=../maps/page.css.map */