@charset "UTF-8";
/* CSS Document */

/*ヘッダー*/

header .headerTop{
	padding: 10px 10px 0 0;
}

header .headerTop .bnrGroup{
	float:right;
	text-align: right;
	line-height:2.5;
	width: 30%;
}

header .headerTop .bnrGroup li:first-child{
	float:left;
	width: 49%;
	margin-left: 8%;
}

header .headerTop .bnrGroup li{
	float:right;
	width: 40%;
}

header .headerTop .bnrGroup li a{
	display:block;
	width: 100%;
}

header .headerTop .bnrGroup li a img{
	width:100%;
}

header .headerBottom{
	background:url(../img/top/bg_header01.png) left top,
	url(../img/top/bg_header02.png) right top;
	background-repeat:no-repeat;
	padding:40px 0 10px;
}

h2{
	font-family: 'ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro', sans-serif;
	line-height: 1.5em;
}

#mainContents{
	padding:26px 0;
}

#mainContents h2{
	text-align:center;
	margin-bottom:28px;
	color:#41210D;
}


#catch{
	background-image:url(../img/niimi/bg_map.png);
	text-align: center;
}

#catch .inner{
	padding:40px 0 35px;
}

#catch h2{
	font-size:22px;
	margin-bottom:30px;
	color:#41210D;
}

#catch .text{
	width: 620px;
	margin: 0 auto 40px;
	line-height: 27px;
	font-size: 15px;
}

#foodMenu{
	background:url(../img/top/bg_top01.png),url(../img/top/bg_top02.png),
	url(../img/top/bg_top03.png),url(../img/top/bg_top04.png);
	background-repeat:no-repeat;
	background-position:10% top,90% top,10% bottom,90% bottom;
}

#foodMenu .inner{
	width:1000px;
	padding:70px 0 50px;
}

#foodMenu h2{
	font-size:22px;
	margin-bottom:50px;
}

#foodMenu .foodGroup{
	width:1000px;
	margin:0 auto;
}

#foodMenu .foodGroup li{
	float:left;
	width:220px;
	margin-right:45px;
	margin-bottom:40px;
	text-align:center;
}

#foodMenu .foodGroup li.col4{
	margin-right:30px;
}

#foodMenu .foodGroup li:first-child,
#foodMenu .foodGroup li:nth-child(8){
	margin-left: 120px;
}

#foodMenu .foodGroup li:last-child{
	margin-right:0;
}

#foodMenu .foodGroup li .text{
	font-family: 'ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro', sans-serif;
	margin-top:10px;
	font-size:22px;
	color:#41210D;
	border-bottom: 2px solid #4DBBE6;
	display: inline-block;
	padding:0 10px 7px;
}

#foodMenu .foodGroup li.takahashi .text{
	border-bottom: 2px solid #FF8200;
}

#foodMenu .foodGroup li.soja .text{
	border-bottom: 2px solid #88DE43;
}

#foodMenu .foodGroup li.kurashiki .text{
	border-bottom: 2px solid #F52873;
}

#foodMenu .foodGroup li.asakuchi .text{
	border-bottom: 2px solid #6DE6DC;
}

#foodMenu .foodGroup li.satosho .text{
	border-bottom: 2px solid #FFE636;
}

#foodMenu .foodGroup li.yakage .text{
	border-bottom: 2px solid #1959BD;
}

#foodMenu .foodGroup li.ibara .text{
	border-bottom: 2px solid #A31F72;
}

#foodMenu .foodGroup li.kasaoka .text{
	border-bottom: 2px solid #1C8F00;
}

#foodMenu .foodGroup li.hayashima .text{
	border-bottom: 2px solid #AB549C;
}


/*画面サイズが1120px以下の場合*/
@media screen and (max-width: 1120px) {
	header .headerBottom{
		background-size:30%;
		padding:20px 0 10px;
	}
	
	header h1{
		width: 40%;
		margin: auto;
	}
	
	header h1 img{
		width:100%;
	}
}

/*画面サイズが1000px以下の場合*/
@media screen and (max-width: 1000px) {
	
	/*食べ物エリア*/
	#foodMenu .inner{
		width:auto;
	}
	
	#foodMenu .foodGroup{
		width:100%;
	}
	
	#foodMenu .foodGroup li{
		width:25%;
		margin-right:1%;
	}
	
	#foodMenu .foodGroup li.col4{
		margin-right: 2%;
		width: 23%;
	}
	
	#foodMenu .foodGroup li:first-child,
	#foodMenu .foodGroup li:nth-child(8){
		margin-left: 110px;
	}
	
}

/*画面サイズが900px以下の場合*/
@media screen and (max-width: 900px) {
	header .headerTop .bnrGroup{
		width: 40%;
	}
	
	#foodMenu .foodGroup li{
		width:30%;
		margin-right:5%;
	}
	
	#foodMenu .foodGroup li.col4{
		margin-right: 5%;
		width: 30%;
	}
	
	#foodMenu .foodGroup li:first-child,
	#foodMenu .foodGroup li:nth-child(8){
		margin-left: auto;
	}
	
	#foodMenu .foodGroup li:nth-child(3n){
		margin-right: auto;
	}
}

/*画面サイズが800px以下の場合*/
@media screen and (max-width: 800px) {
	#mainContents{
		padding:26px 20px;
	}

	#foodMenu .foodGroup li{
		width:48%;
		margin-right:4%!important;
	}
	
	#foodMenu .foodGroup li.col4{
		width: 48%;
		margin-right: 4%!important;
	}
	
	#foodMenu .foodGroup li:nth-child(2n){
		margin-right: auto !important;
	}
}


/*画面サイズが680px以下の場合*/
@media screen and (max-width: 680px) {
	header .headerBottom{
		background-position:left bottom,right bottom;
	}
	
	header h1{
		width: 60%;
	}
	
	header .headerTop .inner {
		height: 100px;
		padding: 10px 13px;
	}
	
	header .headerTop .bnrGroup {
		width: 90%;
		margin: auto;
		float:none;
	}
	
	header .headerTop .bnrGroup li:first-child {
		margin-left:0;
	}
	
	
	#catch .text{
		width:auto;
	}
	
	#catch .imgWrap img{
		width:100%;
	}
	
	#catch h2 img{
		width:100%;
	}
	
	#foodMenu{
		background-position:5% 1%,95% 1%,10% bottom,90% bottom;
		background-size:30%,25%,0%,0%;
	}
	
	#foodMenu .inner{
		padding:100px 0 50px;
	}
	
	#foodMenu h2{
		margin-bottom:30px;
	}
	
	#foodMenu h2 img{
		width:100%;
	}
	
	#foodMenu .foodGroup li a>img{
		width:100%;
	}
	
	
}


/*画面サイズが480px以下の場合*/
@media screen and (max-width: 480px) {
}