.only-sp{display:block;}/*-----sp----*/	.only-sp{display:block;}/*-----sp----*/	.only-sp{display:block;}/*-----sp----*/	.only-sp{display:block;}/*-----sp----*/	@charset "utf-8";
/* CSS Document */

.br{
padding-bottom: 13%;}


*{
	margin: 0;
	padding: 0;
}
	
ul{list-style:none;
padding-left:0;}	


.in{margin-left:auto;
margin-right:auto;
width:98%;
   }	

a{text-decoration:none;}
		
img{border:0;
    width:100%;}		

.center{text-align: center;}

.right{text-align:right;}


#top a:hover img{opacity:0.7;
           filter: alpha(opacity=70);
}

		
.cf:after {  
  content: ".";   
  display: block;   
  height: 0;   
 clear: both;   
  visibility: hidden;
	font-size: 0.1em;} 	
	
.center{text-align:center;
margin-left:auto;
margin-right:auto;
}



/* --------------------------------
 フォントサイズ基本
--------------------------------- */

html {
  font-size: 14px;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  overflow-y:auto;
	color: #816658;
	line-height:1.9em;
	overflow-x: hidden;
}

body{word-wrap: break-word;}

.only-pc{display:none;}/*-----sp----*/
.only-sp{display:block;}/*-----sp----*/	





/*-----------------------------
固定ページ
-------------------------------*/

.bg-b{background: #f4ebe6;}




/*太字*/
.hy03{font-weight: bold;
background: linear-gradient(transparent 60%, #ddf0fb 40%);
}

.hy02{font-weight: bold;
background: linear-gradient(transparent 65%, #f8dae8 40%);
}


.hy01{font-weight: bold;
background: linear-gradient(transparent 65%, #f8f5ac 40%);
}

.st02-2{
text-decoration: line-through solid #b73d56; /* 旧いブラウザでは無視される */
text-decoration: line-through;}

.st01{font-weight:bold;color: #cd9615;}
.st02{font-weight:bold;color:#b73d56;}
.st03{font-weight:bold;color:#417ec1;}
.bold{font-weight:bold;}
.center{text-align: center;}
.f-big{ font-size: 25px;}
.f-small{ font-size: 12px;}

.border01{border:dotted 2px #d2b48c;
padding: 2%;
margin-bottom: 5%;}


.border02{border:solid 2px #b73d56;
padding: 2%;
margin-bottom: 5%;}



.border03{border:solid 2px #417ec1;
padding: 2%;
margin-bottom: 5%;}



.border04{background: #f1e9e8;
padding:2% 5% 0% 5%;border-radius: 15px;
margin: 0% 2% 3% 2%;}


.border05{background: #fbf7ee;
padding:4% 2% 0% 2%;border-radius: 15px;
margin: 0% 0% 8% 0%;}


.border06{background: #fdf2f4;
padding:2% 2% 0% 2%;border-radius: 15px;
margin: 2% 0%;}





.title{font-size:1.3em;
	border-left:2px solid #76494A;
	margin:3%;
	padding:2% 1%;}


.blog-pic02 img{width:50%;
	margin: 2% auto;
	display: block;}


.h1{
font-weight:normal;
font-size: 10px;
line-height: 1.7em;
margin-bottom: 0%;
text-align: center;}






/*-----------------------------
header
-------------------------------*/

#header{padding:2% 2% 5% 2%;}

#logo{width:33%;
margin: 0% auto;}

#key img{margin-bottom: 0%;
vertical-align:bottom; }


/*-----------------------------
line
-------------------------------*/
.foot-content{margin-top:10%;
}

#line{background:url(../images/line-bg02.png) no-repeat;
background-size: 100% 120%;
}

.line01{text-align: center;
color: #fff;
padding: 7% 0% 4% 0%;}

.line02{width:90%;
margin: 0% auto;
padding: 2%;}

.line-present{border-bottom: solid 1px #8f6726;}

.line-present dt{width:20%;
float:left;
padding: 2% 2%;}

.line-present dd{width:74%;
float:right;
padding: 2% 2% 0% 0%;
line-height: 1.5em;}

.line-btn{width:95%;
margin: 10% auto;}


.line-in{margin-top:5%;}

/*-----------------------------
blog
-------------------------------*/

#blog{margin-bottom: 5%;}

.blog-tit{text-align:center;
	border-bottom: solid 1px #997a69;
margin-top: 8%;
margin-bottom: 5%;}	


.blog-tit02{text-align:center;
	border-bottom: solid 1px #997a69;
margin-top: 5%;
margin-bottom: 5%;}	
	
#blog dl{width:32%;
	float:left;
	padding-left: 1%;}	

.blog-cate li{width:48%;

padding: 1% 0%;
text-align: center;
margin-bottom: 1%;
float: left;
margin-right: 1%;
background: #fff;
font-size: 14px;}


.blog-cate li a{color:#997a69; }

.blog-cate ul{padding-bottom:5%;}


#blog dt img{height: auto;}
#blog dd{height:6.5em;
font-size: 12px;
line-height: 1.5em;
padding: 0% 1%;}

#blog dd a{color:#997a69; }


#blog-diary dl{width:100%;
	}

#blog-diary dt img{height: auto;}

#blog-diary dt {width:30%;
	float:left;}

#blog-diary dd{width:65%;
float:left;
font-size: 14px;
padding: 5% 1% 0% 1%;}



.backnumber{width:80%;
padding: 1% 0%;
text-align: center;
margin: 3% auto 15% auto;

border: solid 1px #997a69;}

.backnumber a{color:#997a69; }


/*-----------------------------
footer
-------------------------------*/

#footer{background:url(../images/foot-bg.png) no-repeat;
background-size: 60% 60%;
background-position: right top;
margin-top: 0%;}


.foot-logo{width: 35%;
margin: 0 auto;
padding-top: 5%;}

.foot-txt{text-align: center;
margin: 5% 0%;}



.foot-menu li {width:90%;
margin: 2% auto;
text-align:center;
padding:0% 0%;


display: block;
}

.foot-menu a{color:#9c7b6a;}

.copy{
text-align: center;
padding-top:3%;
font-size: 12px;
}


@media only screen and (min-width: 640px) {
	
.br{
padding-bottom: 4%;}	

.f-big{ font-size: 30px;
	line-height: 1.6em;}
.f-small{ font-size: 14px;}
	
html {
    font-size: 18px;
    overflow-y: scroll;
    font-family: "游ゴシック", "Yu Gothic", "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}	
		
	

.only-pc{display:block;}/*-----pc----*/
.only-sp{display:none;}/*-----pc----*/	


.in{margin-left:auto;
    margin-right:auto;
    max-width:980px;
	padding: 0% 2%;}		

/*-----------------------------
header
-------------------------------*/
	
#header{padding:0%;}	
	
#logo{width:15%;}

/*-----------------------------
gnav
-------------------------------*/

#gnav {margin:2% 0% 1% 0%;}	
	
/*#gnav li{width:16.6%;
float:left;
color: #e4c1a6;
text-align: center;
font-weight: 500;}*/
	
#gnav li{
text-align: center;
	margin-bottom: 2%;}	
	
	
/*#gnav li a{color: #e4c1a6;}*/
	
#gnav li span{display:block;
		text-align: center;
		font-size: 11px;
		color: #8D7171;
	line-height: 1.5em;
	}
	
	
	
#gnav-salon {margin:2% 0% 1% 0%;}	
	
#gnav-salon li{width:25%;
float:left;
color: #e4c1a6;
text-align: center;
font-weight: 500;}
	
#gnav-salon li a{color: #e4c1a6;}
	
#gnav-salon li span{display:block;
		text-align: center;
		font-size: 13px;
		color: #8D7171;
	line-height: 1.9em;
	}
	
	
	
/*-----アコーディオン-----*/	
	
.menu {
    position: relative;
    width: 100%;
    height: 50px;
    max-width: 1000px;
    margin: 0 auto;
	
}

.menu > li {
    float: left;
    width: 20%; /* グローバルナビ4つの場合 */
    height: 50px;
    line-height: 50px;
    background: none;
	
}


	
.menu > li a {
    display: block;
  color:#e4c1a6;
}

.menu > li a:hover {
    color: #803F40;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
	color: #000;
}


.menu > li:hover {
    background: none;
	
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    /*border-top: 1px solid #FFFFFF;*/
}


.menu__second-level li a:hover {
    background: #CDA5A5;
	
}



/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}	
	
	
.menu > li.menu__single {
    position: relative;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 100%;
	font-size: 14px;
    background: #754c24;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__single:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
}









/*-----------------------------
contact
-------------------------------*/

.line-present{width:70%;
	margin: 0 auto;
	}
	
.line02{width:50%;
margin: 0% auto;
padding: 2%;}

.line-present{border-bottom: solid 1px #8f6726;}
.line-present dt{width:15%;
float:left;}
.line-present dd{width:78%;
float:right;
padding-top: 4%;
	}
	
.line-btn{width:50%;
margin:5% auto 3% auto;}
	
.line-in{max-width:980px;
width:50%;
margin: 0% auto;
padding: 2%;}
	
/*-----------------------------
blog
-------------------------------*/

#blog{width: 60%;
	margin: 0 auto 0% auto;}	


	#blog-diary{margin-bottom:10%;}	
	
.backnumber{width:60%;

margin: 3% auto 10% auto;

border: solid 1px #997a69;}
	
#blog dd{
font-size: 14px;
padding: 0%;}
	

#blog-diary dl{width:45%;
	float:left;}
	
	
#blog-diary dd{
padding:  0% 1%;
font-size: 16px;}
	
/*-----------------------------
footer
-------------------------------*/





.foot-logo{width: 17%;
margin: 0% auto;
	padding: 3% 0%;}

.foot-txt{text-align: center;
font-weight: bold;
margin: 0% 0% 2% 0%;}


.foot-menu li {width:50%;
margin: 1% auto;

}

.foot-menu a{color:#9c7b6a;}	
	
	

}