/* CSS Document */

header img{
	margin: auto;
}
#mainBlock{
	font-family : YuGothic, '游ゴシック', sans-serif !important;
}
#mainBlock header{
	margin-bottom: 40px;
}
#mainBlock section{
	margin-bottom: 50px;
}

#mainBlock .btn {
	display: block;
    width: 50%;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
    color: #F07DA5;
    font-size: 120%;
    line-height: 100%;
    font-weight: bold;
	border-radius: 10px;
	background: url(../img/hiyokko/btn_dot.png) 0 0 repeat;
}
#mainBlock .btn:hover {
	color: #F07DA5;
	background: url(../img/hiyokko/btn_dot_g.png) 0 0 repeat;
}

#about{
}
	#about h2,
	#gift h2,
	#specialty h2{
		font-size: 180%;
		line-height:100%;
		font-weight:bold;
		margin-bottom: 30px;
		color:#F07DA5;
		text-align: center;
	    background: url(../img/hiyokko/title_border.png) repeat-x bottom;
    	letter-spacing: 4px;
    	padding: 20px 0 35px 0;
		border: 1px solid #FFF1A6;
	}
	#about .text,
	#gift .text{
		line-height: 180%;
		letter-spacing: 3px;
		margin-bottom: 20px;
	}
	#about img{
		width:100%;
		height:auto;
	}

#about a,
#specialty a,
#gift a,
#product a,
#map a{
	color: #559B3C;
}

#specialty h3,
#about h3,
#gift h3,
#product h3,
#food h3,
#shop h3,
#map h3{
	background: url(../img/hiyokko/icon_hiyoko.gif) no-repeat left top;
	font-size: 160%;
	line-height:100%;
	padding-bottom: 15px;
	padding-top: 5px;
	border-bottom:solid 2px #FFF1A6;
	color:#569C3C;
	padding-left: 40px;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 30px;
}

#specialty{
}
	#specialty .column1{
	}
		#specialty .column1 > li{
			margin-bottom: 30px;
			padding-bottom: 30px;
			border-bottom: 2px dotted #e6e6e6;
		}
	#specialty .column1 li > dl{
		margin-bottom:30px;
	}
		#specialty .column1 li > dl dt{
			float:right;
			width: 50%;
		}
			#specialty .column1 li > dl dt img{
				width:100%;
				height:auto;
			}
		#specialty .column1 li > dl dd{
			float:left;
			width: 48%;
		}

			#specialty .column1 dd h4{
				font-size: 160%;
				line-height:100%;
				font-weight:bold;
				letter-spacing:2px;
				margin-bottom:10px;
				color:#F07DA5;
			}
			#specialty .column1 dd .text{
				letter-spacing:2px;
				line-height:170%;
			}

	#specialty .column1 .gourmet{
		background: #FFFFE4;
		padding: 20px;
		margin-bottom:20px;
		border-radius: 10px;
	}
		#specialty .column1 .gourmet h5{
			background: url(../img/hiyokko/icon_gourmet.png) no-repeat left top;
			font-size: 150%;
			line-height: 100%;
			padding-bottom: 15px;
			padding-top: 3px;
			border-bottom: 2px dotted #559B3C;
    		color: #559B3C;
			padding-left: 40px;
			font-weight: bold;
			margin-bottom: 20px;
		}
		
		#specialty .column1 .gourmet dl{
		}
			#specialty .column1 .gourmet dt{
				float:left;
				width: 42%;	
			}
				#specialty .column1 .gourmet dt img{
					width:100%;
					height:auto;
				}
			#specialty .column1 .gourmet dd{
				float:right;
				width:55%;
			}
				#specialty .column1 .gourmet dd h6{
					font-size: 140%;
					line-height:100%;
					font-weight:bold;
					letter-spacing:2px;
					margin-bottom:10px;
					color:#559B3C;
				}


#about{
}
	#about .text{
		letter-spacing:2px;
		line-height:180%;
	}



#food{
}
	#food .column3{
		letter-spacing:-5px;
	}
		#food .column3 li{
			display:inline-block;
			vertical-align:top;
			letter-spacing:0;
			text-align:left;
			width:30%;
			margin:1.6%;
		}
		#food .column3 dl{
		}
			#food .column3 dt{
				margin-bottom:20px;
			}
				#food .column3 dt img{
					width:100%;
					height:auto;
				}
			#food .column3 dd{
			}
				#food .column3 dd h4{
					font-size:140%;
					line-height:100%;
					letter-spacing:2px;
					margin-bottom: 15px;
					font-weight: bold;
				}
				#food .column3 dd .text{
					line-height:160%;
					letter-spacing:2px;
				}

#gourmet{
}
	#gourmet .column1{
	}
		#gourmet .column1 > li{
			margin-bottom:40px;
		}
	#gourmet .column1 dl{
		margin-bottom:30px;
	}
		#gourmet .column1 dt{
			float:left;
			width: 42%;
		}
			#gourmet .column1 dt img{
				width:100%;
				height:auto;
			}
		#gourmet .column1 dd{
			float:right;
			width: 55%;
		}

		#gourmet .column1 > li:nth-child(even) dt{
			float:right;
		}
		#gourmet .column1 > li:nth-child(even) dd{
			float:left;
		}

			#gourmet .column1 dd h4{
				background: url(../img/hiyokko/icon02.gif) no-repeat left top;
				padding: 8px 0 10px 38px;
				font-size: 140%;
				line-height:100%;
				font-weight:bold;
				letter-spacing:2px;
				margin-bottom:10px;
			}
			#gourmet .column1 dd .text{
				letter-spacing:2px;
				line-height:160%;
			}
		#gourmet .column1 aside{
			border:dotted 1px #666666;
			padding:20px;
		}
			#gourmet .column1 aside h5{
				font-weight:bold;
			}
			#gourmet .column1 aside ul{
			padding-left: 24px;
			}
				#gourmet .column1 aside li{
					margin-top:10px;
					list-style-type: disc;
					word-break:break-all;
				}
		#gourmet .column1 aside div{
			margin-bottom:20px;
		}
		#gourmet .column1 aside div:last-child{
			margin-bottom:0;
		}


#map{
}
#map .map_wrap{
	position:relative;
}
#map .map_wrap img{
	width:100%;
	height:auto;
}
#map .map_wrap .areaUl li{
	position:absolute;
	display:none;
}
	#map .map_wrap .areaUl li a{
		color: #FFF;
		padding: 15px 40px;
		border-radius: 10px;
    	background-color: #F07DA5;
		font-weight: bold;
	}
	#map .map_wrap .areaUl li a:hover {
		color: #F07DA5;
		background: url(../img/hiyokko/btn_dot_g.png) 0 0 repeat;
	}

#product .table_temp th{
	background: #FFF1A6;
	border: solid 1px #FFF;
}
#product .table_temp td{
	border: solid 1px #FFF1A6;
}


.areaUl li.daigo{
	top: 90px;
	left: 350px;
}
.areaUl li.hitachiomiya{
	top: 250px;
	left: 310px;
}
.areaUl li.hitachiota{
	top: 290px;
	left: 440px;
}
.areaUl li.hitachi{
	top: 230px;
	left: 560px;
}
.areaUl li.takahagi{
	top: 130px;
	left: 520px;
}
.areaUl li.kitaibaraki{
	top: 64px;
	left: 590px;
}

.areaUl li.all{
    top: 200px;
    left: 380px;
	display:block !important;
}



.areaUl_sp{
	display:none;
}


*, ::before, ::after {
  box-sizing: content-box;
}

body{
	letter-spacing: 0;
}


@media screen and (max-width: 640px){

#mainBlock header img{
	width:100%;
	height:auto;
}


#specialty .column1 li > dl dt {
    float: none;
    width: auto;
	margin-bottom:20px;
}
#specialty .column1 li > dl dd {
    float: none;
    width: auto;
}

#food .column3 li {
    display: block;
    width: auto;
    margin: 0 0 20px;
}


#gourmet .column1 dt {
    float: none;
    width: auto;
	margin-bottom:20px;
}
#gourmet .column1 dd {
    float: none;
    width: auto;
}


#map .map_wrap .areaUl li a {
    padding: 4px;
    font-size: 90%;
	display:none;
}
	
#product .table_temp th,
#product .table_temp td{
    display: block;
	width:  auto;
}

.areaUl li{
	width: 25px;
	height: 25px;
	border-radius:50%;
}

.areaUl li.all {
    display: none !important;
}

.areaUl li.daigo{
	top: 48px;
	left: 176px;
	background: #ffb9ba;
}
.areaUl li.hitachiomiya{
	top: 116px;
	left: 173px;
	background: #bbe060;
}
.areaUl li.hitachiota{
	top: 96px;
	left: 221px;
	background:#6391d0;
}
.areaUl li.hitachi{
	top: 107px;
	left: 270px;
	background:#ef93da;
}
.areaUl li.takahagi{
	top: 56px;
	left: 259px;
	background:#9708b1;
}
.areaUl li.kitaibaraki{
	top: 30px;
	left: 293px;
	background:#c1c12a;
}

.areaUl_sp{
	display:block;
	margin-top:10px;
}
.areaUl_sp li{
	border-bottom:solid 1px #e6e6e6;
	padding-left:20px;
	position:relative;
}
.areaUl_sp li a{
	display:block;
	padding:3%;
}

.areaUl_sp li span{
	position:absolute;
	width: 10px;
	height: 10px;
	top: 14px;
	left: 10px;
	border-radius:50%;
}
.areaUl_sp li:nth-child(1) span{
	background: #ffb9ba;
}
.areaUl_sp li:nth-child(2) span{
	background: #bbe060;
}
.areaUl_sp li:nth-child(3) span{
	background: #6391d0;
}
.areaUl_sp li:nth-child(4) span{
	background: #ef93da;
}
.areaUl_sp li:nth-child(5) span{
	background: #9708b1;
}
.areaUl_sp li:nth-child(6) span{
	background: #c1c12a;
}


}