@charset "utf-8";
/* CSS Document */
/* ヘッダーイメージ */
div.headerimgbox {
	width:100%;
	height:44.16vw;
	background: url(../images/index/headerimgbox.jpg) no-repeat;
	background-size: auto 100%;
}
/* コンセプト */
div.m01{
	height:15vw;
	background: url(../images/index/m01.png) no-repeat;
	background-size: auto 100%;
	background-position: center center;
	margin: 30px auto 0 auto;
}
div.m02{
	height:13.33vw;
	background: url(../images/index/m02.png) no-repeat;
	background-size: auto 100%;
	background-position: center center;
	margin: 20px auto 0 auto;
}
/* 食事イメージ */
div.img01 {
	width:90vw;
	height:78.33vw;
	box-sizing: border-box;
	background: url(../images/index/img01.jpg) no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	position: relative;
	margin: 30px auto 40px auto;
}
	div.img01 div.illast01 {
		width:36.66vw;
		height:23.33vw;
		background: url(../images/index/illast01.png) no-repeat;
		background-size: 100% 100%;
		background-position: center center;
		position: absolute;
		right:-4.16vw;
		bottom:-5.33vw;
	}
/* 昼食の評価 */
div.colorbox01 {
	width:100%;
	padding: 18.33vw 0 9.16vw 0;
	background: #FAF6F3;
	position: relative;
	margin: 18.33vw auto 0 auto;
}
	div.colorbox01 div.title.title01 {
		width:100%;
		height:18.33vw;
		background: url(../images/index/title01.png) no-repeat;
		background-size: auto 100%;
		background-position: center center;
		position: absolute;
		left:0;
		top:-9.16vw;
	}
/* 3つのこだわり */
div.colorbox02 {
	width:100%;
	padding: 9.16vw 0;
	position: relative;
	margin: 0 auto 0 auto;
}
	div.colorbox02 div.title.title02 {
		width:100%;
		height:18.33vw;
		background: url(../images/index/title02.png) no-repeat;
		background-size: auto 100%;
		background-position: center center;
		position: absolute;
		left:0;
		top:-9.16vw;
	}
/* 今月の献立 */
div.title.title03 {
	height:18.33vw;
	background: url(../images/index/title03.png) no-repeat;
	background-size: auto 100%;
	background-position: center center;
}
a.photobtn {
	display: block;
	width:95vw;
	height:40.5vw;
	background: url(../images/index/photobtn.png) no-repeat;
	background-size: 100% 100%;
	margin: 20px auto 30px auto;
}
div.kanriimg {
	height:50vw;
	background: url(../images/index/kanriimg.png) no-repeat;
	background-size: auto 100%;
	background-position: center center;
	margin: 30px auto 0 auto;
}
div.m03{
	height:14.16vw;
	background: url(../images/index/m03.png) no-repeat;
	background-size: auto 100%;
	background-position: center center;
	margin: 30px auto 0 auto;
}
/* 空き状況 */
div.colorbox04 {
	width:100%;
	padding: 50px 0;
	background: #FAF6F3;
	position: relative;
	margin: 30px auto 0 auto;
}
div.m04 {
	height:15vw;
	background: url(../images/index/m04.png) no-repeat;
	background-size: auto 100%;
	background-position: center center;
	margin: 0px auto 0 auto;
}
div.skimg {
	height:115vw;
	background: url(../images/index/skimg.png) no-repeat;
	background-size: auto 100%;
	background-position: center center;
	margin: 40px auto 0 auto;
}
a.contactbtn {
	display: block;
	width:67vw;
	height:17vw;
	background: url(../images/index/contactbtn.png) no-repeat;
	background-size: 100% 100%;
	margin: 30px auto;
}
/* テキスト、タイトル、画像共通*/
h3 {
	text-align: center;
	font-size: 20px;
	color: #688C2E;
}
h3.big { font-size: 24px;}
p.ptext01 {
	line-height: 30px;
	text-align: center;
	color: #000;
	font-size: 16px;
}
p.ptext02 {
	width:86.66vw;
	margin: 20px auto 0 auto;
	line-height: 30px;
	color: #000;
	font-size: 16px;
}
div.imgbox {
	width:90vw;
	height:56.16vw;
	margin: 30px auto;
}
div.imgbox.img02 {
	background: url(../images/index/img02.jpg) no-repeat;
	background-size: auto 100%;
	background-position: center center;
}
div.imgbox.img03 {
	background: url(../images/index/img03.jpg) no-repeat;
	background-size: auto 100%;
	background-position: center center;
}
div.imgbox.img04 {
	background: url(../images/index/img04.jpg) no-repeat;
	background-size: auto 100%;
	background-position: center center;
}
div.imgbox.img05 {
	background: url(../images/index/img05.jpg) no-repeat;
	background-size: auto 100%;
	background-position: center center;
}
div.imgbox.img06 {
	background: url(../images/index/img06.jpg) no-repeat;
	background-size: auto 100%;
	background-position: center center;
}
div.imgbox.img07 {
	background: url(../images/index/img07.jpg) no-repeat;
	background-size: auto 100%;
	background-position: center center;
}
div.imgbox.img08 {
	background: url(../images/index/img08.jpg) no-repeat;
	background-size: auto 100%;
	background-position: center center;
}