@charset "utf-8";
/* CSS Document */

/*clearfix*/

.cf{
	zoom: 1;
}

.cf:before, .cf:after{
	content:"";
	display: table;
}

.cf:after{
	clear:both;
}


* {
	font-size:100%;
	margin: 0;
	padding: 0;
	background-repeat:no-repeat;
}

div,span,h1,h2,h3,h4,p,ul,li,dl,dt,dd,ol,table,th,tr,td,img,address,label,object,embed {
	border:0;
	font-weight:normal;
	text-decoration:none;
	line-height:100%;
	list-style-type:none;
	text-indent:0px;
}
img,a img {
	border:0;
	vertical-align: bottom;
}
a,a img {
	text-decoration:none;
}
.clear {
	clear:both;
}
em,address {
	font-style:normal;
}
abbr {
	text-decoration:none;
	border:0;
}

a {
	color: #663300;
	text-decoration:none;
}
a:hover {
	color: #A38566;
	text-decoration:none;
}

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


@media only screen and (max-width: 599px){

html{
	font-size:62.5%;
}

body{
 padding:0;
 margin:0;
 background-image:url("../img/back.jpg");
 background-repeat:repeat;
 color:#666;
}

#head_con{
	display:none;
}

#s_head{
	background: #7c6854;
      color: #ccc;
      padding: 10px;
	 
}

.nav-wrap{
		width:100%;
        height:auto;
	margin:0 auto;
	position: fixed;
    top: 0;
    left:0;
	z-index: 2;
    }
    .gnav {
      list-style-type: none;
      background: #eee;
      width: 100%;
      /*　z-indexは.wrapper部分でpositionを使用した場合は適切な数字（一番大きい値）に変更*/
      z-index: 9999;
    }
 
    .gnav li {
      border-bottom: 1px solid #333;
	  padding-top:7px;
	  padding-bottom:7px;
    }
 
    .gnav li a {
      display: block;
      text-decoration: none;
      /* (44-16)/2=14px */
      padding: .875rem 1rem;
	  font-size:1.4rem;
    }
    /*ハンバーガーボタン*/
 
    .icon-animation {
       width: 44px;
      height: 44px;
      display: block;
      cursor: pointer;
      float: right;
      position: absolute;
      right: .5rem;
      text-align: center;
      top: .5rem;
    }
 
    .icon-animation span {
      width: 39px;
      height: 1px;
      display: block;
      background: #fff;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -25px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
    }
 
    .icon-animation .top {
      -webkit-transform: translateY(-13px);
      -ms-transform: translateY(-13px);
      transform: translateY(-13px);
    }
 
    .icon-animation .bottom {
      -webkit-transform: translateY(13px);
      -ms-transform: translateY(13px);
      transform: translateY(13px);
    }
 
    .is-open .middle {
      background: rgba(51, 51, 51, 0);
    }
 
    .is-open .top {
      -webkit-transform: rotate(-45deg) translateY(0px);
      -ms-transform: rotate(-45deg) translateY(0px);
      transform: rotate(-45deg) translateY(0px);
    }
 
    .is-open .bottom {
      -webkit-transform: rotate(45deg) translateY(0px);
      -ms-transform: rotate(45deg) translateY(0px);
      transform: rotate(45deg) translateY(0px);
    }
	
	.s_logo{
		width:50%;
		max-width:377px;
	}


#main{
	width:100%;
	margin:0 auto;
	margin-top:65px;
}


#main img{
	width:100%;
	max-width:1000px;
}

	
#top_line{
		display:none;		
	
}

.midashi_box{
	widht:95%;
	text-align:center;
}

.midashi_img{
	width:100%;
	max-width:1000px;
}

#con_box{
		width:95%;
		margin:0 auto;
		padding-top:20px;
		padding-bottom:20px;
	}
	
	#con_box .con_box_img{
		width:50%;
		float:left;
	}
	
	#con_box .con_box_text{
		line-height:25px;
		font-size:1.3rem;
		color:#666;
		margin-top:15px;
	}
	
	#con_box .con_box_text br{
		display:none;
	}
	
	.con_box_pho{
		width:100%;
		max-width:662px;
	}
	
	
	.top_con_bg{
		background-color:#ffece6;
		opacity:0.6;
	}
	
	#news{
		width:80%;
		margin:0 auto;
		padding-top:20px;
		padding-bottom:20px;
	}
	
	
	#news ul{
		margin:0 auto;
		padding-top:10px;
	}
	
	#news ul li{
		line-height:23px;
		font-size:1.3rem;
		border-bottom:1px dotted #666;
		text-align:center;
	}
	
	#campagin{
		width:95%;
		margin:0 auto;
		padding-top:10px;
		padding-bottom:20px;
	}
	
	.cam_box{
		text-align:center;
		margin-top:10px;
	}
	
	
	.cam_pho{
		width:100%;
		max-width:1000px;
	}
	
	#salon_navi{
		width:95%;
		margin:0 auto;
		padding-top:20px;
		padding-bottom:20px;
	}
	
	#salon_navi .salon_navi_text{
		line-height:25px;
		font-size:1.3rem;
		text-align:center;
	}
	
	
	.tel{
		width:50%;
		max-width:480px;
	}
	
	.mail{
		width:50%;
		max-width:480px;
	}



#footer{
	width:100%;
	background-color:#7c6854;
}

#footer_con article{
	padding:15px;
	font-size:1.3rem;
	border-bottom:1px solid #fff;
	color:#fff;
}

#footer_con article a{
	color:#fff;
}

.copy{
	font-size:1.1rem;
	color:#fff;
	text-align:center;
	padding-bottom:10px;
	padding-top:10px;
}




.tb1-layout{
	width:100%;
	margin:0 auto;
	font-size:1.4rem;
	color:#333;
}

.tb1-layout dt,.tb1-layout dd{
	padding:10px 20px;
	line-height:18px;
}

.tb1-layout dt{
	font-weight:bold;
	font-size:1.4rem;
	color:#333;
}

tb1-layout dd{
	font-size:1.3rem;
	padding-top:10px;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
	color:#333;
	line-height:20px;
}

.tb1-layout dd textarea{
	width:100%;
}

.tb1-layout .w300{
	font-size:1.4rem;
	width:100%;
	height:24px;
	color:#333;
}

.button1,.button{
	text-align:center;
}

p.btn{
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:7px;
}


.button1{
	width:100px;
	height:35px;
}

.button{
	width:180px;
	height:35px;
}

#contact{
	margin-bottom:20px;
}

.ko{
	font-size:1.4rem;
	color:#333;
}

.top_menu_div1{
		width:70%;
		margin:0 auto;
		margin-top:10px;
		font-size:1.4rem;
		font-weight:bold;
		color:#633;
		text-align:center;
		border:1px solid #633;
		padding:5px;
	}
	
	#menu_box{
	width:90%;
	margin:0 auto;
	margin-top:20px;
}


#menu_box article{
	width:60%;
	margin:0 auto;
	margin-bottom:40px;
	
}

.menu_text_box{
	font-size:1.3rem;
	line-height:20px;
	padding:3px;
	text-align:center;
}

.menu_img1{
	width:100%;
	max-width:300px;
}

.menu_text_span1{
	font-weight:bold;
	font-size:1.4rem;
}



.con_midashi_box{
	background-color:#fff1ec;
		opacity:0.7;
		padding:15px;
		text-align:center;
		margin-top:80px;
		margin-bottom:20px;
}

.access_text{
	text-align:center;
	margin-bottom:20px;
	font-size:1.2rem;
	line-height:23px;
}

.ac_span1{
	font-size:16px;
	font-weight:bold;
	color:#960;
}

.map{
	width:100%;
	margin:0 auto;
	text-align:center;
	margin-bottom:20px;
}

.map iframe{
	width:100%;
	max-width:800px;
}


.sub_pho{
	text-align:center;
	margin-bottom:20px;
}

#menu_con_box{
	width:90%;
	margin:0 auto;
}


.head_test {
    margin:  0;            /* デフォルトCSS打ち消し */
	margin-top:30px;
    position:  relative;    /* 位置調整 */
    font-weight:  normal;   /* 文字の太さ調整 */
    border-bottom: solid 2px #7c6854;        /* 線指定 */
    border-radius: 0px 0px 160px 180px/0px 0px 20px 4px;    /* 角丸指定 */
	font-size:1.2rem;
	padding:5px;
}
.menu_con_text2 {
    margin:  0;         /* デフォルトCSS打ち消し */
    line-height: 2;     /* 行間調整 */
	padding:10px;
	font-size:1.3rem;
}

#menu_con_box2{
	width:90%;
	margin:0 auto;
}

.sub_midashi1 {
  font-size:1.4rem;
  font-weight:bold;
}

#menu_con_box2{
	margin:0 auto;
	margin-bottom:20px;
	margin-top:20px;
}


#menu_con_box2 ul{
	padding:5px;
}


#menu_con_box2 ul li{
	margin-top:7px;
	font-size:1.3rem;
	line-height:20px;
}

.slim_span1{
	font-size:1.3rem;
	font-weight:bold;
}

.slim_text1{
	margin-top:20px;
	font-size:1.2rem;
	line-height:25px;
	padding:5px;
}

.slim_span2{
	font-weight:bold;
}

.menu_pho1{
	width:100%;
	max-width:1000px;
}

.menu_pho_box1{
	width:100%;
	margin:0 auto;
	margin-bottom:20px;
	text-align:center;
}

.menu_pho_box2{
	width:100%;
	margin:0 auto;
	margin-bottom:20px;
	margin-top:20px;
}

#menu_con_ta1{
	width:90%;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
}

#menu_con_ta1 table{
	width:90%;
}

#menu_con_ta1 table tr{
	width:90%;
	border-bottom:1px dotted #300;
	line-height:20px;
}

#menu_con_ta1 table tr td{
	padding:10px;
	font-size:1.3rem;
}

.menu_con_text1{
	line-height:20px;
	font-size:1.3rem;
	
}

.slim_text2{
	font-size:1.3rem;
	line-height:20px;
	margin-bottom:20px;
}


.slim_span2{
	font-size:1.3rem;
	font-weight:bold;
	line-height:20px;
}

.first_span1{
	font-weight:bold;
	color:#633;
	line-height:1.7;
	font-size:1.3rem;
}


.tyuui_left{
	width:40%;
	float:left;
}

.tyuui_right{
	font-size:1.3rem;
	line-height:22px;
}

.first_pho{
	width:95%;
	max-width:350px;
}

.tyuui_pho_box{
	width:90%;
	margin:0 auto;
}

.tyuui_text{
	width:90%;
	margin:0 auto;
	font-size:1.3rem;
	line-height:22px;
}

.contact_text1{
	width:90%;
	margin:0 auto;
	font-size:1.3rem;
	line-height:24px;
}

.slim_text0{
	font-size:1.3rem;
	line-height:25px;
	margin-bottom:20px;
}

#con_se0{
	width:80%;
	margin:0 auto;
}

#facebook_box{
	display:none;
}

#m_facebook_box{
	width:95%;
	margin:0 auto;
	margin-top:20px;
}



		
}


@media only screen and (min-width: 600px){
	
	

body{
 padding:0;
 margin:0;
 background-image:url("../img/back.jpg");
 background-repeat:repeat;
 color:#666;
}

header{
	display:none;
}
	
#top_line{
         background-color:#7c6854;
		 padding:3px;		
	
}


#top_line h1{
	color:#fff;
	float:left;
	font-size:10px;
	margin-left:60px;
}

.nav-wrap{
	display:none;
}



#head_con{
	width:70%;
	margin:0 auto;
}


#head_con .logo{
	width:40%;
	margin-top:10px;
	text-align:left;
	float:left;	
}

#head_con .h_tel{
	width:60%;
	margin-top:10px;
	text-align:right;
	float:right;
}

.logo_img{
	width:100%;
	max-width:377px;
}

.h_tel_img{
	width:100%;
	max-width:308px;
}

#head_con nav{
	float:right;
}

#head_con nav article{
	float:left;
	margin-top:15px;
	margin-left:15px;
}

#head_con nav article a{
	color:#7c6854;
}

#head_con nav article a:hover{
	color:#7c3000;
}

#main{
	width:75%;
	margin:0 auto;
	margin-top:15px;
}

#main img{
	width:100%;
	max-width:1000px;
}


#con_box{
		width:80%;
		margin:0 auto;
		padding-top:35px;
		padding-bottom:35px;
	}
	
	.midashi_box
	{
		width:100%;
		text-align:center;
	}
	
	.midashi_img{
		width:100%;
		max-width:1000px;
	}
	
	#con_box .con_box_img{
		float:left;
		width:50%;
	}
	
	.con_box_pho{
		width:90%;
		max-width:662px;
	}
	
	#con_box .con_box_text{
		float:right;
		width:50%;
		line-height:21px;
		font-size:15px;
		margin-top:30px;
	}
	
	
	
	.top_con_bg{
		background-color:#fff1ec;
		opacity:0.7;
	}
	
	#news{
		width:80%;
		margin:0 auto;
		padding-top:35px;
		padding-bottom:35px;
		text-align:center;
	}
	
	
	#news ul{
		width:75%;
		margin:0 auto;
		padding-top:10px;
	}
	
	#news ul li{
		line-height:28px;
		font-size:15px;
		border-bottom:1px dotted #666;
	}
	
	#campagin{
		width:80%;
		margin:0 auto;
		padding-top:35px;
		padding-bottom:35px;
	}
	
	#campagin .cam_box{
		text-align:center;
		margin-top:15px;
	}
	
	.cam_pho{
		width:80%;
		max-width:1000px;
	}
	
	#salon_navi{
		width:80%;
		margin:0 auto;
		padding-top:35px;
		padding-bottom:35px;
	}
	
	#salon_navi .salon_navi_text{
		line-height:28px;
		font-size:15px;
		text-align:center;
	}
	
	.tel{
		width:30%;
		max-width:480px;
	}
	
	
	.mail{
		width:30%;
		max-width:480px;
	}


#footer{
	background-color:#7c6854;
	padding:30px;
}


#footer_con{
	width:75%;
	margin:0 auto;
	text-align:center;
}

.copy{
	font-size:13px;
	text-align:center;
	padding-top:20px;
	color:#fff;
}

#footer_con article{
	float:left;
	font-size:15px;
	color:#fff;
	margin-left:3%;
	line-height:20px;
}

#footer_con article a{
	color:#fff;
}

#footer_con article a:hover{
	color:#FFC;
}

.footer_logo{
	text-align:center;
	padding-top:35px;	
	
}


.tb1-layout{
	width:70%;
	margin:0 auto;
	font-size:15px;
	color:#663300;
}

.tb1-layout dt,.tb1-layout dd{
	padding:20px;
}

.tb1-layout dt{
	font-size:15px;
	clear:both;
	float:left;
	width:30%;
	color:#663300;
}

.tb1-layout dd{
	padding-left:10%;
}

.tb1-layout .w300{
	width:60%;
	height:20px;
}

.tb1-layout .w500{
	width:60%;
}

.button1{
	margin-left:20px;
}


.con_ta{
	font-size:15px;
	line-height:28px;
	text-align:center;
}

#contents_page1{
	width:60%;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:30px;
}

.btn{
	width:50%;
	margin:0 auto;
	margin-bottom:30px;
	text-align:center;
}

.button1{
	padding:5px;
}

.button{
	padding:5px;
}

#contact_table{
	width:90%;
	margin:0 auto;
}

.contact_td1{
	
}

.contact_td2{
	padding-left:100px;
}

.contact_text1{
	width:65%;
	margin:0 auto;
	font-size:15px;
	line-height:28px;
}

.dl_span1{
	color:#F00;
}

.access_text{
	text-align:center;
	margin-bottom:20px;
	font-size:15px;
	line-height:28px;
}

.ac_span1{
	font-size:16px;
	font-weight:bold;
	color:#960;
}

.map{
	width:100%;
	margin:0 auto;
	text-align:center;
	margin-bottom:20px;
}

.con_midashi_box{
	background-color:#fff1ec;
		opacity:0.7;
		padding:15px;
		text-align:center;
		margin-top:30px;
		margin-bottom:20px;
}

#first_box{
	width:80%;
	margin:0 auto;
	text-align:center;
	line-height:28px;
}

.tyuui_text{
	width:75%;
	margin:0 auto;
	text-align:left;
	line-height:25px;
	margin-top:30px;
}

.tyuui_span1{
	font-weight:bold;
}


.tyuui_left{
	float:left;
	width:40%;
}

.tyuui_right{
	float:right;
	width:60%;
	line-height:25px;
	text-align:left;
}

.first_pho{
	width:100%;
	max-width:350px;
}


#menu_box{
	width:80%;
	margin:0 auto;
	margin-top:40px;
}


#menu_box article{
	width:27%;
	float:left;
	margin-left:5%;
}

.menu_text_box{
	font-size:15px;
	line-height:22px;
	padding:5px;
	text-align:center;
}

.menu_img1{
	width:100%;
	max-width:300px;
}

.menu_text_span1{
	font-weight:bold;
}

.top_menu_div1{
		width:100px;
		margin:0 auto;
		margin-top:10px;
		font-size:15px;
		font-weight:bold;
		color:#633;
		text-align:center;
		border:1px solid #633;
		padding:7px;
	}
	
.sub_pho{
	text-align:center;
	margin-bottom:20px;
}

#menu_con_box{
	width:70%;
	margin:0 auto;
}


.head_test {
    margin:  0;            /* デフォルトCSS打ち消し */
	margin-top:30px;
    position:  relative;    /* 位置調整 */
    font-weight:  normal;   /* 文字の太さ調整 */
    border-bottom: solid 2px #7c6854;        /* 線指定 */
    border-radius: 0px 0px 160px 180px/0px 0px 20px 4px;    /* 角丸指定 */
	font-size:18px;
	padding:5px;
}
.menu_con_text2 {
    margin:  0;         /* デフォルトCSS打ち消し */
    line-height: 2;     /* 行間調整 */
	padding:15px;
}

#menu_con_box2{
	width:70%;
	margin:0 auto;
}

.sub_midashi1 {
  background: linear-gradient(transparent 80%, #7c6854 80%);
  font-weight:bold;
	color:#633;
}

#menu_con_box2{
	margin:0 auto;
	margin-bottom:30px;
	margin-top:30px;
}


#menu_con_box2 ul{
	padding:7px;
}


#menu_con_box2 ul li{
	margin-top:7px;
	font-size:15px;
	line-height:22px;
}

.slim_span1{
	font-size:15px;
	font-weight:bold;
	color:#633;
}

.slim_text1{
	margin-top:20px;
	font-size:15px;
	line-height:25px;
	padding:5px;
}

.slim_span2{
	font-weight:bold;
}

.menu_pho_box1{
	width:70%;
	margin:0 auto;
	margin-bottom:20px;
	text-align:center;
}

.menu_pho_box2{
	width:100%;
	margin:0 auto;
	margin-bottom:20px;
	margin-top:20px;
}

.slim_text2{
	margin-top:20px;
	line-height:23px;
	margin-bottom:40px;
}

.menu_pho1{
	width:100%;
	max-width:1000px;
}

.menu_con_text1{
	line-height:22px;
	font-size:15px;
	
}

#menu_con_ta1{
	width:70%;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:60px;
}

#menu_con_ta1 table{
	width:70%;
}

#menu_con_ta1 table tr{
	width:60%;
	border-bottom:1px dotted #300;
	line-height:20px;
}

#menu_con_ta1 table tr td{
	padding:10px;
}

.sample{
	width:70%;
	margin:0 auto;
	text-align:center;
	font-size:18px;
}

.first_span1{
	font-weight:bold;
	color:#633;
	line-height:1.7;
}

#contact_se1{
	width:60%;
	margin:0 auto;
	margin-top:30px;
	font-size:15px;
	line-height:25px;
}

.quest_table{
	width:70%;
	margin:0 auto;
}

.quest_td1{
	font-size:15px;
	padding:20px;
	color:#663300;
}

.quest_td2{
	font-size:15px;
	text-align:left;
	color:#663300;
}

#facebook_box{
	width:500px;
	margin:0 auto;
	margin-top:30px;
}

#m_facebook_box{
	display:none;
}

}