@media screen and (max-width:999px){
	 html{ font-size : 90%;} 
.sm_hide { display: none; }


/* ===========================
header
============================*/
#header {
	margin: auto;
	max-width:670px;
	padding-top: 0px;
	height:100%;
}

#header_box {
	width:100%;}
	
#header_box_l {
	width:100%;}


#header .logo {
	margin:20px auto 0px;
	width: 100%;
}

#header .h_navi {
	display:none;
}

#header .logo img {
	width: 100%;
	max-width: 498px;
	max-height: 110px;
}

#header .tel_fax {
	display:none;
}


#header .tel_fax_s a {
	margin-top:10px;
	font-size:120%; color:#466602; text-decoration:none;
}

/* ===========================
nav
============================*/
/*ナビゲーション
-------------------------------------------*/
.navi { display: none; }


#menu { display: none; }

/* ===========================
m_images
============================*/
#m_images {
	clear:both;
	width: 100%;
	margin: 10px auto;
	z-index:1;
	position:relative;
}

#m_images img {
	margin: 0px auto;
	width: 100%;
	border-top:10px solid #ffffff;
	border-bottom:10px solid #ffffff;
}

#s_images {
	display: none;
}

#main_title { 
	position: absolute;
	z-index: 999;
	bottom: -30px;
	left: 2px;}
	
#main_title img {
	 max-height:150px; 
	 max-width:150px; 
	border-top:0px solid #ffffff;
	border-bottom:0px solid #ffffff;
	width:80%;}


/* ===========================
box_layout
============================*/
#container {
	width: 100%;
	height: auto;
	margin: auto;
	text-align: center;
	background:url(../images/common/bg.png) repeat;
}

.contents_box {
	width: 95%;
	margin: 0px auto;
}

.contents {
	width: 95%;
	margin: 0px auto;
	padding-top:15px;
} 

h1 {
	font-size: 180%;
	font-style:italic;
	color: #7dc309;
	padding: 0 0 0 0px;
	line-height:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:15px;

}

h1 span {
	font-style:normal;
	margin-left:20px;
	font-size: 70%;
	padding-right:15px;
	color: #666666;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
} 

#box {
	margin:10px auto 50px;
	text-align:center;
	width:100%;
	max-width:670px; 
	clear:both;
	border:1px solid #b2de62;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	z-index:2;
	position:relative;
	background:#FFFFFF;
}

	
.box_top_left { background:url(../images/common/box_ltop_s.png) no-repeat; 
	position: absolute;
	z-index: 999;
	top: -20px;
	left: -5px; 
	width:120px;
	height:46px;}
	
	
.box_bttm_right { background:url(../images/common/box_rbttm_s.png) no-repeat; 
	position: absolute;
	z-index: 999;
	bottom: -20px;
	right: -10px; 
	width:120px;
	height:46px;}
	
	
.box_content {  width:100%; overflow:auto; }

.box_inside { width:90%; padding-left:10px; line-height:180%; font-size:100%; clear:both; padding-top:37px; padding-bottom:15px;
}

.box_price { background:url(../images/common/price_tag_s.png) no-repeat;float:right; position: absolute;
	z-index: 999;
	top: 5px;
	right: -10px;
	width:100%;
	max-width:140px;
	max-height:34px;
	color:#ffffff; font-size:140%; padding:7px 0px; }

.title_eyelash { background:url(../images/common/title_under.png) bottom repeat-x #FFFFFF;; text-align:left; padding-bottom:10px; width:90%; margin-left:30px; position:relative; top:32px;text-indent:-25px;}
.title_eyelash span { background:url(../images/eyelash/icon_eye_s.png) left no-repeat; font-size:120%; color:#8abc31; line-height:22px; padding-left:35px;}


.title_body { background:url(../images/common/title_under.png) bottom repeat-x #FFFFFF;; text-align:left; padding-bottom:10px; width:90%; margin-left:30px; position:relative; top:32px;text-indent:-25px;}
.title_body span { background:url(../images/massage/icon_s.png) left no-repeat; font-size:120%; color:#8abc31; line-height:22px; padding-left:30px;}

.title_touble { background:url(../images/common/title_under.png) bottom repeat-x #FFFFFF;; text-align:left; padding-bottom:10px; width:90%; margin-left:30px; position:relative; top:32px;text-indent:-25px;}
.title_touble span { background:url(../images/trouble/icon_s.png) left no-repeat; font-size:120%; color:#8abc31; line-height:24px; padding-left:30px;}

.title_facial { background:url(../images/common/title_under.png) bottom repeat-x #FFFFFF;; text-align:left; padding-bottom:10px; width:90%; margin-left:30px; position:relative; top:32px;text-indent:-25px;}
.title_facial span { background:url(../images/facial/icon_s.png) left no-repeat; font-size:120%; color:#8abc31; line-height:24px; padding-left:30px;}


/* ===========================
box
============================*/
.c_box_01 {
	width: 100%;
}

.c_box_02 {
	width: 100%;
}

.c_box_03 {
	width: 100%;
}

/* ===========================
footer
============================*/
#footer_navi { width:100%; text-align:center; background:#eefaca; padding:20px 0px; }
.footer_navi_box { max-width:670px; margin:0 auto; padding:0px 5px;}

.footer_navi_box a { text-decoration:none; color:#103803;}
.footer_navi_box a:hover { text-decoration:none; color:#47c121;}

#footer {
	margin: auto;
	padding: 10px;
	background:#dbf1a1;
	
}

#footer a {
	text-decoration: none;
	color:#44310e;
}

#footer a:hover {
	text-decoration: none;
}

#footer .c_info {
	width: 100%;
	padding-top: 10px;
}

#footer .c_info img {
	width: 100%;
}


#footer .c_info .c_name {
	font-size: 136%;
	padding-bottom: 3px;
	margin-bottom: 5px;
	font-weight:bold;
}


#footer .c_info .c_address {
	font-size: 124%;
}

#footer .c_info .copyright {
	margin-top: 25px;
	font-size: 82%;
}



/* ===========================
setting
============================*/
#container h1 {
	font-size: 140%;
	color: #563f15;
	padding: 0 0 0 0px;
	line-height:30px;
	border-bottom:2px solid #e2d7c1;

}

#container h1 span {
	margin-left:20px;
	font-size: 70%;
	padding-right:15px;
	color: #563f15;
}


.block h1 span {
	float: right;
	font-size: 60%;
}

.pagelink {
	margin: 15px 0;
	text-align: center;
	font-size: 106%;
	background:#f7fcee;
	padding:5px;
}

.pagelink a { background:url(../images/common/arrow.png) left center no-repeat; padding-left:13px; text-decoration:none; color:#8abc31; margin-right:1%;
}
ul.top_box {
    margin:0 0 10px;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:auto auto auto;
    grid-template-columns:auto auto auto;
    width:100%;
}
 
    ul.top_box li {
        margin:0px 0;
        padding:20px;
		
padding-bottom:35px;
		border:1px dashed #7dc309; 
        background-color:#ffffff;
        list-style:none;
		text-align:center;
		position:relative;
		clear:both;
    }
	
	ul.top_box li img {max-width:168px; width:100%; margin:0 auto;
    }
	
	
ul.top_box li .title { color:#7dc309; font-weight:bold; font-size:140%; margin-bottom:8px;}
 
    ul.top_box li:nth-child(1) {
        -ms-grid-column:1;
        grid-column:1;
        -ms-grid-row:1;
        grid-row:1;
    }
 
    ul.top_box li:nth-child(2) {
        -ms-grid-column:2;
        grid-column:2;
        -ms-grid-row:1;
        grid-row:1;
    }
 
    ul.top_box li:nth-child(3) {
        -ms-grid-column:1;
        grid-column:1;
        -ms-grid-row:2;
        grid-row:2;
    }
 
    ul.top_box li:nth-child(4) {
        -ms-grid-column:2;
        grid-column:2;
        -ms-grid-row:2;
        grid-row:2;
    }
 
    ul.top_box li:nth-child(5) {
        -ms-grid-column:1;
        grid-column:1;
        -ms-grid-row:3;
        grid-row:3;
    }
 
    ul.top_box li:nth-child(6) {
        -ms-grid-column:2;
        grid-column:2;
        -ms-grid-row:3;
        grid-row:3;
    }
 
    ul.top_box li:nth-child(7) {
        -ms-grid-column:1;
        grid-column:1;
        -ms-grid-row:4;
        grid-row:4;
    }
 
    ul.top_box li:nth-child(8) {
        -ms-grid-column:2;
        grid-column:2;
        -ms-grid-row:4;
        grid-row:4;
    }
 
    ul.top_box li:nth-child(9) {
        -ms-grid-column:1;
        grid-column:1;
        -ms-grid-row:5;
        grid-row:5;
    }

.top_banner {padding:15px 0px 15px; text-align:center; margin:20px auto; clear:both; margin-bottom:0px; background:#FFFFFF; width:100%;}
.top_banner img { margin-right:5px; width:100%; max-width:300px; }
/* IE8 */
.top_banner img { width: auto\9; }


.page_banner {padding:50px 0px 50px; text-align:center; margin:20px auto; max-width:670px; clear:both; margin-bottom:0px; background:url(../images/common/line01.png) top repeat-x;}

.page_banner img { margin-right:5px; width:100%; max-width:120px; }
/* IE8 */
.page_banner img { width: auto\9; }



/* ===========================
script
============================*/

.script_sma {
	display: none;
}

/* ===========================
top
============================*/
.maintitle img {
	width: 100%;
	max-width: 299px;}

.top_photo { width:32.5%; float:left; text-align:left; margin-right:6px;}
.top_photo img { width:100%; max-width:325px; margin-bottom:3px;}
/* IE8 */
.top_photo img { width: auto\9; }

.top_photo span { font-size: 200%; color:#a37e39; font-family:Georgia, "Times New Roman", Times, serif;  }
.top_photo a { color:#a37e39; text-decoration:none; }
.top_photo a:hover { color:#a9905f; }

#news{ width:100%; background: url(../images/top/news_bg.png) repeat #fdf8ec; }
#news li { border-bottom:1px dashed #CCCCCC; padding:10px 0 10px 3px; font-size:90%; }
.news_inside { max-width:650px; margin:20px auto 15px; padding:0px 10px;}
#news { border-bottom:1px dashed #CCCCCC; padding-left:3px; padding-bottom:10px; }
#news a { color:#7DC309; text-decoration:none;  }
#news #feed{
	padding-top:0px;
	}
#news #feed div{
	width:93%;
	padding:0px 0px;
	display:inline-block;
	border-bottom:1px dotted #b5b87e; 
	position:relative;
	}

#news #feed div:last-child{
	border:none;
	}

#news #feed div .date{
	float:right;
	text-align:right;
	}

#news #feed div img{
	border:3px solid #fff;
	float:left;
	}
#news #feed div p{
	width:980px;
	text-align:left;
	}
#news #feed div p.text{
	width:100%;
	float:right;
	}
#news #feed div h3{
	font-size:14px;
	font-weight:bold;
	margin-right:20px;
	margin-top:12px;
	float:left;
	}



/* ===========================
house
============================*/
.image_01 li {
	clear:both;
	margin-bottom: 10px;
	width: 100%;
	text-align: center;
	padding-bottom:10px;
	border-bottom:1px dotted #F93;
	overflow:auto;
}

.image_01 img {
	float:right;
	width: 100%;
	margin-bottom: 20px;
	margin-top:15px;
}

.image_01 div{
	float:left;
	width: 100%;
	text-align:left;
}

.image_01 .title{
	font-size:140%;
	color:#F93;
}

.image_48 li {
	width: 100%;
}

.image_48 li img {
	margin-bottom: 20px;
	width: 100%;
	text-align: center;
}

.image_33 li {
	width: 100%;
}

.image_33 li img {
	margin-bottom: 20px;
	width: 100%;
	text-align: center;
}

.image_20 li {
	float: left;
	margin-right:1%;
	width: 19%;
	margin-bottom: 20px;
	text-align: center;
}

.image_20 img {
	margin-bottom: 20px;
	text-align: center;
	width: 100%;
}



/* ===========================
event
============================*/

.step { border:3px solid #e9fcd4; padding:15px; margin:10px; text-align:left;}
.event_title { font-size:160%; font-weight:bold; color:#39C; margin-bottom:10px; line-height:150%;}
.event_catch { font-size:130%; font-weight:bold; margin-bottom:10px;}
.event_detail01 { float:left; background:#3C6; padding: 5px; color:#FFFFFF; margin-right:5px; margin-bottom:5px;}
.event_detail02 { float:left; background:#cccccc; padding: 5px; color:#FFFFFF; margin-right:5px; margin-bottom:5px;}
.event_detail03 { float:left; background:#218af4; padding: 1px 3px; color:#FFFFFF; margin-right:1px; margin-bottom:5px; font-size:90%;}

/* ===========================
access
============================*/
.google-maps {
	position: relative;
	padding-bottom: 130%;
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.image_right { }
.image_left {}