@charset "utf-8";
/* CSS Document */
* {margin: 0;
  box-sizing:border-box;
}
html,body {
margin: 0;
  height:100%;
background-size: cover;
}

body {
} 

#bgline {background-image: url(images/bgline.png) ;
background-size: contain
}


p {
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
font-size: 0.8em;
	line-height: 1.5em;
	text-align: left;
}


.top_img {width: 100%;
	vertical-align:bottom;
}
#top_img {width:100%;
display:block;
margin: 0 auto;

}

h1 {color: #fff;
	letter-spacing: 7px;
	position: relative;
	padding: 1em .8em 1em 3em;
	background-color: #000;
	text-align:center;
        font-size: 100%;
}

h2 {
	font-size: 1.5em;
 text-align: center;
}

#wrap {text-align: center;
	height: auto;
	width: 100%;
	display: block;
	margin: 0 auto;
	background-image: url(images/bg.jpg);
	background-size: contain;
	
}
#text {width:100%;
overflow: auto;
margin-bottom: 20px;
}

#wrap_box {overflow: auto;
}
.shop {width: 50%;
height: auto;
}
#twitter a {color: #0F0B0B;}
#fotter {overflow: auto;
	background-image: url(images/h.jpg);
	background-color: #000;
width: 100%;
}
#fotter p {margin: 20px;}
.fotter {width: 100%;}
@media screen and (min-width: 601px) 
{
#adress {text-align: center;
margin: 10 0 10 0;
	}

	#adress p {font-size: 12px;}
#item p {text-align: center;
font-size: 12px;
}

#block_wrap1  {padding-bottom: 3%;}
#block03 {
	width:100%;
	display: block;
	margin: 0 auto;
	height: auto;
}
.gaiyo {width: 100%;
	height: auto;
	padding: 5% 0 5% 0;
	}
.tokuten {width:80%;
height: auto;
padding: 5% 0 5% 0;
}


#box {width:100%;
height:auto;
overflow: auto;
display: block;
margin: 0 auto;
}

	.item {width: 80%;
	height: auto;
	}
	.item-left-first {
	width: 40%;	
	height: auto;
	clear: both;
	}
	.item-left {width: 40%;
	height: auto;
	margin-top: 3%;
	}
	.item-right {width: 40%;
	height: auto;
	margin-left: 1%;
	margin-top: 3%;
	}
	.toha {width: 70%;
	height: auto;
	padding: 10% 0 10% 0;
	}
#block09 {
	overflow: auto;
　　　width: 80%;
	height: auto;
}
.caption {width: 70%;
	height: auto;
	}
h4 {line-height: 1.5em;}

#access {width: 90%;
	height: auto;
	margin: 0 auto;
}
	.gaiyo {width: 90%;
	height: auto;
	}
#adress {display: block;
margin: 0 auto;
	padding-bottom: 20px;
	}	

.map_g {width: 90%;
display: block;
margin: 0 auto;
}

#map {width: 100%;
padding: 3% 0%;
}

#fotter {overflow: auto;
	text-align: center;
height:auto;
}
#fotter p {text-align: center;
}
}
@media screen and (max-width: 600px) 
{
		p {font-size: 50%;
text-align: left;
}
	h1 { font-size: 0.05em;}
	#map {display: block;}
	.map_g {width: 90%;
	height: 200px;
	}
	#item {padding-bottom: 5%;}
	#block_wrap2 {margin: 0 0  0;
}
	.gaiyo {width: 90%;
	height: auto;
	margin-bottom: 5%;
	}
	.tokuten {width: 90%;
	height: auto;
	margin-bottom: 3%;
	}
	
#wrap {width:100%;}
#box {width:100%;
	overflow: hidden;
	}
	#block04 {
	height: auto;
	clear: both;
	margin: 0 auto;
	position: relative;
	background-color: #fff;
	overflow: auto;
}
.box_p {width: 100%;
background-color: #fff;
	}
	.item {width: 100%;
	height: auto;
	}
	.item-left {width: 90%;
	height: auto;
	}
	.item-right {width: 90%;
	height: auto;
	}
	.item-left-end {width: 90%;
	height: auto;
	}
	.item_end {width: 50%;
	height: auto;
	margin-top: 5%;
	}
	.toha {width: 90%;
	height: auto;
	padding: 10% 0 10% 0;
	}
	.caption {width: 100%;
	height: auto;
	}
	
	#block09 {
	height: auto;
	margin-bottom: 5%;
}
	.caption {width: 90%;
	height: auto;
	}
	#twitter {margin-bottom: 6%;
	font-size: 80%;
	}
	#twitter p {font-size: 60%;}
	#haguruma {display: none;}
#block9 {line-height: 2em;}
	.map_g {margin: 0 auto;
	display: block;
	padding-bottom: 5%;
	}
	#fotter p {text-align: center;}
	

}