@charset "utf-8";
/*メイン画像エリア*/
#main_area{position:relative;}
#main_area img{
	width:100%;
	height: 400px;
	object-fit:cover;
}
#main_area p.copy{
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; /*"A1明朝",*/
	white-space: nowrap;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	font-size:1.7vw;
	letter-spacing: 0.2vw;
	text-align: center;
	color:#000;
}

/*各ページコンテンツ*/
main .inner-box {max-width:900px !important;}
.ticontact span{padding:0.5rem 5rem;}
.ticontact span::before{content:"Reserve&Contact";}/*見出し*/
p.intro{text-align: center;font-size: 18px;}
p.intro span{background: #FFF;padding:0 1em;}
ul.borderbox{border:1px solid #8cc63f;margin-top: -15px;counter-reset: num;}
ul.borderbox li{paddin-left:1em;counter-increment:num 1;display: table-row;border-spacing:50px;}
ul.borderbox li::before{content:"※" counter(num);display: table-cell;}


/*----------------------------------------------------------*/
/* レスポンシブ
------------------------------------------------------------*/
/* 768px以下から
------------------------------------------------------------*/
@media only screen and (max-width:768px){
	body {min-width: 718px!important;}
	/*メイン画像エリア*/
	#main_area img{
		width:100%;
		height: auto;
		object-fit:fill;
	}
	.ticontact span{padding:0.3rem 2rem; text-align: center;}

}

/* 500px以下から
------------------------------------------------------------*/
@media only screen and (max-width:500px){
    body {min-width: inherit!important;width: 100%;}
	#main_area p.copy{
		font-size:18px !important;
	}
	p.intro{text-align: center;font-size: 18px;}
	p.intro span{display:inline-block;background: #FFF;padding:0 1em;}
	ul.borderbox{margin-top: -15px;padding:25px 15px 10px;}
}