@media screen and (min-width: 1200px){
 html{ font-size : 110%;} 	
	
.pc_hide { display: none; }
#menu { display: none; }


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

#header_box { float:right;
	width:70%;}
	
#header_box_l { float:left;
	width:30%;}


#header .logo {
	width: 70%;
	float:left;
	margin-top:51px;
}

#header .h_navi {
	float:right;
	margin-top:81px;
	width: 30%;
}

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

#header .tel_fax {
	float:left;
	width: 100%;
}

#header .tel_fax_s {
	display:none;
}

#header .tel_fax img {
	width: 100%;
	max-width: 248px;
	max-height: 85px;
}

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

.navi .n_menu {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	display: flex;
}

.navi .n_menu li {
	width: 14%;
	background:url(../images/common/navi_line.png)  right no-repeat;

	height:100px;
}

.navi .n_menu li a {
	display: inline-block;
    /display: inline;
    /zoom: 1;
	width: 100%;
	text-align: center;
	text-decoration: none;
	height:100px;
}

.navi .n_menu li:hover {filter: alpha(opacity=80); -moz-opacity:0.80;  opacity:0.80;
}

.navi .n_menu li p { display:none;
}

.navi .n_menu .navi01 { background:url(../images/common/navi01.png)  center no-repeat; 
	height:100px;}
.navi .n_menu .navi02 { background:url(../images/common/navi02.png)  center no-repeat; 
	height:100px;}
.navi .n_menu .navi03 { background:url(../images/common/navi03.png)  center no-repeat; 
	height:100px;}
.navi .n_menu .navi04 { background:url(../images/common/navi04.png)  center no-repeat; 
	height:100px;}
.navi .n_menu .navi05 { background:url(../images/common/navi05.png)  center no-repeat; 
	height:100px;}
.navi .n_menu .navi06 { background:url(../images/common/navi06.png)  center no-repeat; 
	height:100px;}
.navi .n_menu .navi07 { background:url(../images/common/navi07.png)  center no-repeat; 
	height:100px;}
	
.navi .n_menu .navi01_on { background:url(../images/common/navi01_on.png)  center no-repeat; 
	height:100px;}
.navi .n_menu .navi02_on { background:url(../images/common/navi02_on.png)  center no-repeat; 
	height:100px;}
.navi .n_menu .navi03_on { background:url(../images/common/navi03_on.png)  center no-repeat; 
	height:100px;}
.navi .n_menu .navi04_on { background:url(../images/common/navi04_on.png)  center no-repeat; 
	height:100px;}
.navi .n_menu .navi05_on { background:url(../images/common/navi05_on.png)  center no-repeat; 
	height:100px;}
.navi .n_menu .navi06_on { background:url(../images/common/navi06_on.png)  center no-repeat; 
	height:100px;}
.navi .n_menu .navi07_on { background:url(../images/common/navi07_on.png)  center no-repeat; 
	height:100px;}


#menu { display: none; }
.slicknav_menu { display:none; }

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

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

#s_images {
	display: none;
}

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


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

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

.contents {
	width: 100%;
	max-width: 1200px;
	margin: 0px auto 0px;
	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;
} 

.m_contents {
	float: left;
	width: 72%;
	padding: 0 5px;
}

#box {
	margin:10px auto 50px;
	text-align:center;
	width:100%;
	max-width:1021px; 
	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;
	padding-bottom:35px;
}

	
.box_top_left { background:url(../images/common/box_ltop.png) no-repeat; 
	position: absolute;
	z-index: 999;
	top: -25px;
	left: -5px; 
	width:142px;
	height:54px;}
	
	
.box_bttm_right { background:url(../images/common/box_rbttm.png) no-repeat; 
	position: absolute;
	z-index: 999;
	bottom: -25px;
	right: -10px; 
	width:140px;
	height:54px;}
	
	
.box_content {  width:100%; overflow:auto; }

.box_inside { width:85%; padding-left:70px; line-height:180%; font-size:110%; letter-spacing:0.05em; clear:both; padding-top:35px; 
}

.box_price { background:url(../images/common/price_tag.png) no-repeat;float:right; position: absolute;
	z-index: 999;
	top: 15px;
	right: -8px;
	width:192px;
	height:46px;
	color:#ffffff; font-size:140%; padding:10px 0px; }

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

.title_body { background:url(../images/common/title_under.png) bottom repeat-x #FFFFFF;; text-align:left; padding-bottom:10px; width:75%; margin-left:70px; position:relative; top:25px;text-indent:-30px;}
.title_body span { background:url(../images/massage/icon.png) left no-repeat; font-size:150%; 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:75%; margin-left:70px; position:relative; top:25px;text-indent:-30px;}
.title_touble span { background:url(../images/trouble/icon.png) left no-repeat; font-size:150%; color:#8abc31; line-height:22px; padding-left:30px;}

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


/* ===========================
box
============================*/
.c_box_01 {
	float: left;
	width: 48%;
}

.c_box_02 {
	float: right;
	width: 48%;
}

.c_box_03 {
	float: left;
	width: 100%;
}


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

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

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

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

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

#footer .c_info {
	float: left;
	width: 48%;
	padding-top: 10px;
}

#footer .f_menu {
	float: right;
	width: 48%;
	margin-right: 20px;
}

#footer .f_menu ul {
	float: left;
	width: 48%;
	margin-right: 5px;
}

#footer .f_menu ul .link {
	float: left;
	width: 43%;
	font-size: 100%;
	margin-bottom: 8px;
	margin-right: 5px;
}

#footer .sub_menu {
	float: right;
	width: 20%;
}

#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%;
}

#footer .m_title {
	margin-bottom: 10px;
	padding-bottom: 3px;
	font-size: 118%;
	border-bottom: 1px #44310e dotted;
}


/* ===========================
setting
============================*/



.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%;
}


.katan {position: absolute; bottom:0;}

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:40px;
		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 p { margin-bottom:15px;}
    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:3;
        grid-column:3;
        -ms-grid-row:1;
        grid-row:1;
    }
 
    ul.top_box li:nth-child(4) {
        -ms-grid-column:1;
        grid-column:1;
        -ms-grid-row:2;
        grid-row:2;
    }
 
    ul.top_box li:nth-child(5) {
        -ms-grid-column:2;
        grid-column:2;
        -ms-grid-row:2;
        grid-row:2;
    }
 
    ul.top_box li:nth-child(6) {
        -ms-grid-column:3;
        grid-column:3;
        -ms-grid-row:2;
        grid-row:2;
    }
 
    ul.top_box li:nth-child(7) {
        -ms-grid-column:1;
        grid-column:1;
        -ms-grid-row:3;
        grid-row:3;
    }
 
    ul.top_box li:nth-child(8) {
        -ms-grid-column:2;
        grid-column:2;
        -ms-grid-row:3;
        grid-row:3;
    }
 
    ul.top_box li:nth-child(9) {
        -ms-grid-column:3;
        grid-column:3;
        -ms-grid-row:3;
        grid-row:3;
    }

.top_menu .right{ float:left; width:31%; border-right:2px dotted #7dc309; border-bottom:2px dotted #7dc309; padding:15px 10px 5px;  text-align:center;}





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

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


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



/* ===========================
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{ 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 a { color:#7DC309; text-decoration:none;  }


.news_inside { max-width:1200px; margin:20px auto 15px;}
#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;
	}

.news ul { 
	border-top: 1px #CCCCCC dotted;}
	
.news li {
	border-bottom: 1px #CCCCCC dotted;
	padding: 10px 20px 10px 24px;
	background:url(../images/common/arrow01.gif) left center no-repeat;}

.news li a {
	font-size: 100%;
}

.news li span {
	float: right;
	font-size: 88%;
}

.news p {
	padding-bottom: 3px;
	margin: 7px 0 7px 24px;
}


/* ===========================
image
============================*/

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

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

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

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

.image_48 li {
	float: left;
	margin-right:2%;
	width: 48%;
}

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

.image_33 li {
	float: left;
	margin-right:1%;
	width: 32%;
}

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


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

.image_25 img {
	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%;}



/* ===========================
restaurant
============================*/


/* ===========================
google-map
============================*/
.google-maps {
	position: relative;
	padding-bottom: 30%;
	height: 0;
	overflow: hidden;
	max-height:200px;
	margin-top:10px;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height:100% !important;
}

.map_sma {
	display: none;
}


.image_right { float:right; margin-left:10px;}
.image_left { float:left; margin-right:10px;}