@charset "utf-8";
ul{list-style-type: none;}
img {border: none;}
input,textarea,select {font-size: 1em;}
form {margin: 0px;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
img{-webkit-backface-visibility: hidden;}
a {color: #333;}
a:hover {color: #8962ad;text-decoration: none;}
.clear{clear:both;}

/*ヘッダー
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/

h1 {float:left;}
address{float:right;}

@media (max-width: 767px) {
	.bx-wrapper{width:100%;}
	.comment{width:100%; float:none; margin-left:0px;}
	.comment img{width:100%; margin-bottom:20px;}
	.comment p{font-size:14px;line-height:24px;margin-bottom:25px;}
	.sato img{ width:100%;margin-bottom: 0;}
	.sato + a {display: block;width: 70%;margin: 0 auto;}
	.sato { margin-top:0px;}
	.collam{float:none; width:70%;margin:auto;}
	.if{ margin-top:10px; margin-bottom:25px; padding-top:10px;}
	.if img{ max-width:100%;}
	.map{ margin-bottom:5px;}
	.map img{ max-width:100%;}
	.hanaclub{display:block;margin:15px auto;}
	.gm{line-height:14px;font-size:12px;margin-bottom:4px;}
	.ad{line-height:16px;font-size:12px; margin-bottom:8px;}
	.fleft{float:none;width:100%;}
	.flogo{width:80%; float:none; margin-right:10px;}
	.flogo img{max-width:100%;}
	.fad{ text-align:left; font-size:12px; line-height:15px; float:none; display:block; width:90%; margin:auto; margin-top:0px; padding-bottom:20px;}
	.fright{float:none;width:70%;padding-top:20px; margin:auto;}
	.fright img{max-width:100%;}
	.fright p{font-size:10px; line-height:15px;}
	.fleft small{display:none;}
	.smp_border{display:block; width:100%; height:1px; background-color:#492769;margin:0 -2%; margin-bottom:10px; }
}
@media (min-width: 768px) {
	#container{	width:96%;	padding:0 2%;}
	#contents {clear: left;width: 100%;margin: 0px auto;padding-top: 0px;}
	#main {width: 100%;padding-bottom: 30px;}
	address{ margin-right:2%;}
	address img{width:246px;}
	.bx-wrapper{width:100%;}
	.comment{width:452px; float:left; margin-left:0px;}
	.comment img{width:452px; margin-bottom:20px;}
	.comment p{font-size:14px;line-height:24px;margin-bottom:25px;}
	.sato img{ width:392px;margin-bottom: 0;}
	.sato { margin-top:20px;}
	.collam{float:right; width:257px;}
	.if{margin-top:10px; margin-bottom:25px;}
	.if img{ width:257px;}
	.map{margin-bottom:5px;}
	.map img{ width:257px;}
	.gm{line-height:14px;font-size:12px;margin-bottom:4px;}
	.ad{line-height:16px;font-size:12px; margin-bottom:8px;}
	.fleft{float:left;width:480px;}
	.flogo{width:200px; float:left; margin-right:10px;}
	.flogo img{width:200px;}
	.fad{ text-align:left; font-size:12px; line-height:15px; float:left; display:block; width:270px; margin-top:0px;}
	.fright{float:right;width:200px;}
	.fright img{width:200px;}
	.fright p{font-size:10px; line-height:15px;}
	.smp_border{display:none;}
}


@media (min-width: 900px) {
	#container{	width:100%;	padding:0;}
	address{ margin-right:0;}
	#contents {clear: left;width: 817px;margin: 0px auto;padding-top: 0px;}
	#main {width: 817px;padding-bottom: 30px;}
	address img{width:246px;}
	.bx-wrapper{width:817px;}
	.comment{width:452px; float:left; margin-left:37px;}
	.comment img{width:452px; margin-bottom:20px;}
	.comment p{font-size:14px;line-height:24px;margin-bottom:25px;}
	.sato img{ width:392px;margin-bottom: 0;}
	.sato { margin-top:20px;}
	.sato + a {display: block;width:220px;}
	.sato + a img {width: 100%;}
	.collam{float:right; width:257px;}
	.if{ margin-top:10px; margin-bottom:25px;}
	.if img{ width:257px;}
	.map{ margin-bottom:5px;}
	.map img{ width:257px;}
	.gm{line-height:14px;font-size:12px;margin-bottom:4px;}
	.ad{line-height:16px;font-size:12px; margin-bottom:8px;}
	.fleft{float:left;width:545px;}
	.flogo{width:250px; float:left; margin-right:5px;}
	.flogo img{width:250px;}
	.fad{ text-align:left; font-size:12px; line-height:18px; float:left; display:block; width:265px; margin-top:5px;}
	.fright{float:right;width:257px;}
	.fright img{width:257px;}
	.fright p{font-size:10px; line-height:15px;}
	.smp_border{display:none;}
}
.hanaclub{max-width:300px;}
.hanaclub img{width:300px;}