@charset "utf-8";

body {
	color: #333;
	margin: 0px;
	padding: 0px;
	font: 14px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	background-color: #FFF;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
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;}


/*ヘッダー
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	border-top:3px solid #492769;
	border-bottom:1px solid #492769;
	padding-bottom:3px;

}

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



@media (max-width: 767px) {
#container{	width:96%;	padding:0 2%;}
header { margin:0 -2%;
margin-bottom:10px;}
#contents {
	clear: left;
	width: 100%;
	margin: 0px auto;
	padding-top: 0px;
}
header .inner {
	width: 100%;	/*ブロック幅*/
	height: auto;
	position: relative;
	margin: 0px auto;
	padding-top:10px;
}
.bx-wrapper{
	margin:0 -2%;
}


#main {width: 100%;padding-bottom: 30px;
}
h1{display:block; width:55%; margin:0; padding:0;}
h1 img {max-width:100%; margin-left:2%;}
address{ margin-right:2%; width:40%;}
address img{max-width:100%;}
.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:392px;margin-bottom: 0;} */
.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{ margin-bottom:5px;.bx-wrapper} */
.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;}


footer {
	clear: both;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #000;
	background: #f8f8f8;
	border-top:1px solid #492769;
}
.footer_inner{
	width:96%;
	margin:auto;
	padding:0 2%;}
footer .pr {
	display: block;
	font-size: 80%;
}
footer a {
	text-decoration: none;
	color: #666;
}
footer a:hover {
	color: #666;
	text-decoration:underline;
}
.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%;}
header { margin:0 -2%;}
#contents {
	clear: left;
	width: 100%;
	margin: 0px auto;
	padding-top: 0px;
}
header .inner {
	width: 100%;	/*ブロック幅*/
	height: 100px;
	position: relative;
	margin: 0px auto;
}

#main {width: 100%;padding-bottom: 30px;
}

h1 img {width:347px; margin-left:2%;}
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;}


footer {
	clear: both;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #000;
	background: #f8f8f8;
	border-top:1px solid #492769;
}
.footer_inner{
	width:96%;
	margin:auto;
	padding:0 2%;}
footer .pr {
	display: block;
	font-size: 80%;
}
footer a {
	text-decoration: none;
	color: #666;
}
footer a:hover {
	color: #666;
	text-decoration:underline;
}
.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;}
h1 img {width:347px; margin-left:0;}
address{ margin-right:0;}
header { margin:0;}
#contents {
	clear: left;
	width: 817px;
	margin: 0px auto;
	padding-top: 0px;
}
header .inner {
	width: 817px;	/*ブロック幅*/
	height: 100px;
	position: relative;
	margin: 0px auto;
}

#main {width: 817px;padding-bottom: 30px;
}

h1 img {width:347px;}
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;}


footer {
	clear: both;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #000;
	background: #f8f8f8;
	border-top:1px solid #492769;
}
.footer_inner{
	width:817px;
	margin:auto;}
footer .pr {
	display: block;
	font-size: 80%;
}
footer a {
	text-decoration: none;
	color: #666;
}
footer a:hover {
	color: #666;
	text-decoration:underline;
}
.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;}