@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:#333;
	text-decoration:none;
}
a:hover {
	color:#999;
	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%;
}

.p_img{
	display:none;
}

.s_img{
	width:100%;
	max-width:599px;
}


#header{
	display:none;
}

_
#s_head ul li a{
	font-size:30px;
}


#main{
	width:100%;
	margin:0 auto;
}


#main 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:23px;
		font-size:1.3rem;
		color:#666;
		padding:10px;
	}
	
	#con_box .con_box_text2{
		line-height:2;
		font-size:1.8rem;
		color:#666;
		padding:10px;
	}
	
	.con_box_pho{
		width:100%;
		max-width:662px;
	}
	
	
	.top_con_bg{
		background-color:#EAEAEA;
}
	
	#news{
		width:95%;
		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;
	}
	
	
	
	#top_menu{
		width:95%;
		margin:0 auto;
		padding-top:20px;
		padding-bottom:20px;
	}
	
	#top_menu article{
		float:left;
		width:48%;
		margin-top:10px;
		margin-left:5px;
		height:260px;
	}
	
	.top_menu_p{
		margin-top:10px;
		font-size:1.3rem;
		line-height:23px;
		color:#666;
		text-align:center;
	}
	
	.top_menu_span1{
		font-size:1.4rem;
		font-weight:bold;
		color:#633;
	}
	
	.top_menu_span2{
		font-size:1.3rem;
		font-weight:bold;
		color:#FF0000;
	}
	
	.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;
	}
	
	.top_menu_pho{
		width:100%;
		max-width:230px;
	}
	
	
	#salon_navi{
		width:95%;
		margin:0 auto;
		padding-top:20px;
		padding-bottom:20px;
	}
	
	#salon_navi .salon_navi_text{
		line-height:23px;
		font-size:1.3rem;
		text-align:center;
	}
	
	.salon_navi_pho{
		width:100%;
		max-width:480px;
	}
	
	.tel{
		width:100%;
		max-width:480px;
	}
	
	
	#footer{
		width:100%;
		margin:0 auto; 
	}
	
	#footer ul{
		width:100%;
		margin:0 auto;
	}
	
	
	#footer ul li{
		border-bottom:1px solid #ccc;
		padding:10px;
		font-size:1.6rem;
		color:#666;	
	}
	
	#footer .copy{
		text-align:center;
		padding:5px;
		font-size:1.2rem;
		line-height:20px;
		color:#666;
	}
	
	.yoyaku{
		display:none;
	}
	
	.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.4rem;
	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;
}


#contents_main{
		width:100%;
		margin:0 auto;
	}

	
	#contents_main img{
		width:100%;
		max-width:1000px;
	}
			
	#contents_page1{
		width:95%;
		margin:0 auto;
	}
	
	#contents_page1{
		margin-top:15px;
	}
	
	.ac_text1{
		font-size:1.3rem;
		line-height:23px;
		text-align:center;
	}
	
	.map{
		margin-top:20px;
	}
	
	.map iframe{
		width:100%;
		max-width:1000px;
	}
	
	.ac_text2{
		width:95%;
		margin:0 auto;
		margin-top:15px;
		margin-bottom:20px;
		font-size:1.3rem;
		text-align:center;
		line-height:23px;
	}
	
	
	.calen_text1{
		margin-bottom:25px;
		font-size:1.3rem;
		text-align:center;
		line-height:23px;
	}
	
	
	.qa1{
	padding:7px;
	width:95%;
	margin:0 auto;
}

.qa_img{
	width:80%;
	max-width:62px;
}

.kojin{
	padding:7px;
	font-size:1.3rem;
	margin-bottom:20px;
	margin-top:25px;
}

.kojin ul li{
	margin-top:18px;
	line-height:18px;
}

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

.qa3,.qa5{
	font-size:1.3rem;
	
}

.qa2,.qa4{
	width:17%;
	vertical-align:top;
}

.qa2{
	padding-top:55px;
}

.qa4{
	padding-top:35px;
}

.qa3{
	padding-top:63px;
	line-height:25px;
}

.qa5{
	padding-top:41px;
	line-height:25px;
}

.yoyaku{
	display:none;
}


.yoyaku2{
	width:95%;
	margin:0 auto;
}

.yoyaku2 iframe{
	width:100%;
	max-width:400px;
}

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

.first_text1{
	width:95%;
	margin:0 auto;
	font-size:1.3rem;
	line-height:23px;
	text-align:center;
}

.staff_left{
	width:50%;
	margin:0 auto;
}

.staff_right{
	line-height:23px;
	font-size:1.3rem;
}

.staff_pho{
	width:100%;
	max-width:400px;
}

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


.nail_pho1{
	width:100%;
	max-width:480px;
}


.jikan{
	position:relative;
	top:5px;
}

.con_ta{
	font-size:1.2rem;
	line-height:22px;
}


.kids_text{
	width:95%;;
	margin:0 auto;
	font-size:1.3rem;
	line-height:22px;
	margin-top:15px;
	margin-bottom:15px;
}


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


#menu_box2{
	width:90%;
	magin:0 auto;
	margin-top:15px;
}

.menu_dai1{
	width:95%;
	margin:0 auto;
	margin-top:30px;
	text-align:center;
	font-size:1.4rem;
	line-height:25px;
	color:#360;
	font-weight:bold;
}


#menu_box2 article{
	margin-top:30px;
	line-height:25px;
	font-size:1.2rem;
	margin-left:30px;
}

.menu_box2_p1{
	padding:5px;
	line-height:23px;
}

.menu_span1{
	font-size:1.6rem;
	color:#330;
	font-weight:bold;
}

.menu_span2{
	font-size:1.6rem;
	color:#630;
	font-weight:bold;
}

.menu_span3{
	font-size:1.8rem;
	color:#FF6600;
	font-weight:bold;
}

.menu_span3_3{
	font-size:2rem;
	color:#FF6600;
	font-weight:bold;
}


.menu_span4{
	font-size:1.6rem;
	color:#996666;
	font-weight:bold;
}

.menu_top_text1{
	width:95%;
	margin:0 auto;
	font-size:1.3rem;
	line-height:2;
	margin-top:20px;
}


.top_menu_pho2{
	width:100%;
	max-width:230px;
}

#top_menu0 article{
	text-align:center;
	margin-top:30px;
}

.menu_dai2{
	margin-top:35px;
	font-size:1.3rem;
	line-height:30px;
	font-weight:bold;
	text-align:center;
}


}


@media only screen and (min-width: 600px){
	
	
	#top_line{
		background-image:url("../img/line.png");
		background-repeat:repeat-x;
		height:50px;
	}
	
	body{
		
	}

	#header{
		width:1000px;
		margin:0 auto;
	}
	
	#header h1{
		padding:7px;
		font-size:13px;
	}
	
	#head_con .logo{
		float:left;
	}
	
	#head_con nav{
		float:right;
		position:relative;
		top:110px;
		color:#996666;
		font-size:14px;
	}
	
	#head_con article{
		float:left;
		margin-left:10px;
	}
	
	#head_con{
		margin-top:20px;
	}
	
	#main{
		width:1000px;
		margin:0 auto;
		margin-top:20px;
	}
	
	
	#con_box{
		width:1000px;
		margin:0 auto;
		padding-top:35px;
		padding-bottom:35px;
	}
	
	#con_box .con_box_img{
		float:left;
	}
	
	#con_box .con_box_text{
		float:right;
		margin-top:20px;
		line-height:28px;
		font-size:14px;
		color:#666;
		width:1000px;
	}
	
	
	#con_box .con_box_text2{
		float:right;
		margin-top:20px;
		line-height:2;
		font-size:21px;
		color:#666;
		width:900px;
	}
	
	
	
	.top_con_bg{
		background-color:#EAEAEA;
	}
	
	#news{
		width:1000px;
		margin:0 auto;
		padding-top:35px;
		padding-bottom:35px;
	}
	
	
	#news ul{
		width:750px;
		margin:0 auto;
		padding-top:10px;
	}
	
	#news ul li{
		line-height:28px;
		font-size:14px;
		border-bottom:1px dotted #666;
		text-align:center;
	}
	
	
	
	#top_menu{
		width:1000px;
		margin:0 auto;
		padding-top:35px;
		padding-bottom:35px;
	}
	
	#top_menu article{
		float:left;
		margin-top:20px;
		margin-left:80px;
	}
	
	.top_menu_p{
		margin-top:10px;
		font-size:13px;
		text-align:center;
		line-height:23px;
		color:#666;
	}
	
	.top_menu_span1{
		font-size:14px;
		font-weight:bold;
		color:#633;
	}
	
	
	.top_menu_span2{
		font-size:14px;
		font-weight:bold;
		color:#FF0000;
	}
	
	.top_menu_div1{
		width:100px;
		margin:0 auto;
		margin-top:10px;
		font-size:14px;
		font-weight:bold;
		color:#633;
		text-align:center;
		border:1px solid #633;
		padding:7px;
	}
	
	#salon_navi{
		width:1000px;
		margin:0 auto;
		padding-top:35px;
		padding-bottom:35px;
	}
	
	#salon_navi .salon_navi_text{
		line-height:28px;
		font-size:14px;
		text-align:center;
	}
	
	#salon_navi br{
		
	}
	
	#footer{
		width:1000px;
		margin:0 auto;
	}
	
	#footer ul{
		padding-top:15px;
	}
	
	#footer ul li{
		float:left;
		margin-left:10px;
		font-size:14px;
	}
	
	
	#footer .copy{
		text-align:center;
		padding:25px;
		font-size:13px;
	}
	
	
	#s_head{
		display:none;
	}
	
	#s_head ul{
		display:none;
	}
	
	.s_img{
		display:none;
	}
	
	#contents_main{
		margin-top:20px;
		background-color:#EAEAEA;
		height:100px;
	}
	
	.contents_title{
		width:1000px;
		margin:0 auto;
		padding-top:25px;
	}
	
	#contents_page1{
		width:1000px;
		margin:0 auto;
	}
	
	#contents_page1{
		margin-top:20px;
	}
	
	.ac_text1{
		font-size:14px;
		line-height:30px;
		text-align:center;
	}
	
	.map{
		width:1000px;
		margin:0 auto;
		margin-top:20px;
	}
	
	.ac_text2{
		width:1000px;
		margin:0 auto;
		margin-top:15px;
		margin-bottom:30px;
		font-size:14px;
		text-align:center;
		line-height:30px;
	}
	
	.yoyaku2{
		display:none;
	}
	
	.calen_text1{
		margin-bottom:35px;
		font-size:14px;
		text-align:center;
		line-height:30px;
	}
	
	
	.tb1-layout{
	width:95%;
	margin:0 auto;
	font-size:15px;
	color:#663300;
}

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

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

.tb1-layout dd{
	padding-left:210px;
}

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

.tb1-layout .w500{
	width:500px;
}

.button1{
	margin-left:20px;
}


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

.qa1{
	margin-top:5px;
	margin-left:50px;
	border-collapse:collapse;
	font-size:13px;
}

.qa3,.qa2,.qa4,.qa5{
	vertical-align:top;
}

.qa3{
	padding-top:40px;
	line-height:25px;
}

.qa5{
	padding-top:40px;
	line-height:25px;
	border-bottom:1px dotted #663300;
	padding-bottom:20px;
}



.qa2{
	width:80px;
	padding-top:20px;
}

.qa4{
	width:80px;
	padding-top:20px;
	border-bottom:1px dotted #663300;
	padding-bottom:20px;
}

.qa3 span{
	font-weight:bold;
	color:#633;
}

.qa3,qa5{
	width:530px;
}

.kojin{
	font-size:13px;
	margin-top:20px;
}

.kojin ul li{
	margin-top:15px;
	line-height:22px;
}

#staff_box{
	width:850px;
	margin:0 auto;
	margin-top:30px;
}

.first_text1{
	font-size:14px;
	line-height:25px;
	text-align:center;
}

.staff_left{
	float:left;
	width:400px;
}

.staff_right{
	float:right;
	width:440px;
	line-height:25px;
	font-size:14px;
	position:relative;
	top:30px;
}

.kids_text{
	width:700px;
	margin:0 auto;
	font-size:14px;
	line-height:25px;
	margin-top:15px;
	margin-bottom:15px;
}

#menu_box{
	width:1000px;
	margin:0 auto;
	margin-top:25px;
}

#menu_box2{
	width:800px;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:100px;
}


#menu_box2 article{
	margin-top:50px;
	font-size:13px;
	line-height:30px;
}
.menu_box2_p1{
	padding:15px;
	line-height:25px;
}

.menu_dai1{
	margin-top:50px;
	text-align:center;
	font-size:20px;
	line-height:30px;
	font-family:Verdana, Geneva, sans-serif;
	color:#360;
	font-weight:bold;
}

.menu_span1{
	font-size:16px;
	color:#330;
	font-weight:bold;
}

.menu_span2{
	font-size:16px;
	color:#630;
	font-weight:bold;
}

.menu_span3{
	font-size:16px;
	color:#FF6600;
	font-weight:bold;
}

.menu_span3_3{
	font-size:22px;
	color:#FF6600;
	font-weight:bold;
}


.menu_span4{
	font-size:15px;
	color:#996666;
	font-weight:bold;
}

#top_menu0{
		width:800px;
		margin:0 auto;
		padding-top:35px;
		padding-bottom:35px;
	}
	
	#top_menu0 article{
		float:left;
		width:30%;
		margin-top:15px;
		margin-left:20px;
	}
	
	.menu_top_text1{
		width:750px;
		margin:0 auto;
		text-align:center;
		line-height:25px;
		margin-top:15px;
		font-size:14px;
	}
	
.menu_dai2{
	margin-top:70px;
	text-align:center;
	font-size:18px;
	line-height:30px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}
	

}