@charset "utf-8";


sup{
	font-size: 120%;
	}

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





/* 非表示用 */
#sidr{
	display : none;
	}
#sp_head{
	display : none;
	}

/* Pill style */
#scrollUp {
	bottom: 40px;
	right: 40px;
	height: 38px;  /* Height of image */
	width: 38px; /* Width of image */
	background: url(../images/common/top.png) no-repeat;
	}

/* 画像ボーダーなし、下揃え */
img{
	border : 0px;
	max-width : 100%;
	}
/* 文字の縦位置 */
.m{
	vertical-align : middle;
	}
.vm{
	vertical-align : middle;
	}
.mt10{
	margin-top : 10px;
	}
.mt20{
	margin-top : 20px;
	}
.mt30{
	margin-top : 30px;
	}
.mt50{
	margin-top : 50px;
	}
.mb10{
	margin-bottom : 10px;
	}
.mb20{
	margin-bottom : 20px;
	}
.mb30{
	margin-bottom : 30px;
	}
.mb40{
	margin-bottom : 40px;
	}
.mb50{
	margin-bottom : 50px;
	}
.mb80{
	margin-bottom : 80px;
	}
	
/* リンク */
a:link { color: #1c7bc4; text-decoration : none;} 
a:visited { color: #1c7bc4; text-decoration : none;} 
a:hover { color: #1c7bc4; text-decoration : underline;} 
a:active { color: #1c7bc4; text-decoration : none;} 
a:focus{ outline:none;}



.hover a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
	}

/* フロート */
.fl{
	float : left;
	margin-right : 20px;
	}
.fr{
	float : right;
	margin-left : 20px;
	}
.cr{
	clear : both;
	}
.crr{
	clear : right;
	}
	
.clear:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clear{
  min-height: 1px;
}

* html .clear{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* センター */
.ce{
	text-align : center;
	}
.rr{
	text-align : right;
	}
.ll{
	text-align : left;
	}
/* マージンなし */
p,h1,h2,h3,h4{
	margin : 0;
	font-weight : normal;
	}


.serif{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	}

.f10{
	font-size : 10px;
	line-height : 1.5;
	}
.f12{
	font-size : 12px;
	}
.f14{
	font-size : 14px;
	}
.f16{
	font-size : 16px;
	}
.f18{
	font-size : 18px;
	}
.f20{
	font-size : 20px;
	}
.f22{
	font-size : 22px;
	}
.f26{
	font-size : 26px;
	}
.f30{
	font-size : 30px;
	}
.f40{
	font-size : 40px;
	}

.ind{
	text-indent : -1em;
	margin-left : 1em;
	}
.ind2{
	text-indent : -2em;
	margin-left : 2em;
	}
.bold{
	font-weight : bold;
	}


.red{
	color : #de0a3c;
	}

form{
	margin : 0;
	}
textarea{
	font-size : 14px;
	}
table{
	font-size : 1em;
	line-height : 1.5;
	border-collapse : collapse;
	}
th{
	font-weight : normal;
	text-align : left;
	vertical-align : top;
	}
td{
	text-align : left;
	vertical-align : top;
	}

.nowrap{
	white-space : nowrap;
	}

ul,ol{
	margin : 0;
	padding : 0;
	list-style : none;
	}




/* ボディ全体 */
body{
	border-top : solid 5px #6dc6c7;
	background : url('../images/common/bg.jpg');
	margin : 0 auto;
	padding : 0;
	text-align : center;
	font-size : 12px;
	color : #000;
	line-height : 1.7;
	min-width : 1000px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	}




#translate{
	position : relative;
	width : 1000px;
	margin : 0 auto;
	}
#google_translate_element{
	position : absolute;
	right : 150px;
	top : 10px;
	}



#head{
	width : 1000px;
	text-align : left;
	margin : 0 auto;
	}
#head h1{
	font-size : 12px;
	margin : 10px 0;
	float : left;
	}
#head #head_navi{
	float : right;
	margin : 10px 0 0 0;
	}
#head #head_navi li{
	float : right;
	margin : 0 0 0 10px;
	font-size : 10px;
	text-align : center;
	}
#head #head_navi li a{
	color : #fff;
	display : block;
	width : 140px;
	padding : 2px 0;
	text-decoration : none;
	background : #000;
	}
#head #head_navi li a:hover{
	background : #aaa;
	}
#head #logo{
	clear : both;
	text-align : center;
	margin : 0 0 20px 0;
	}

#head #navi{
	margin : 0 0 10px 0;
	}
#head #navi li{
	float : left;
	margin : 0 0 0 134px;
	}
#head #navi li.first{
	margin : 0;
	}

#main{
	line-height : 0;
	}
#main img{
	width : 100%;
	}


#information{
	padding : 80px 0;
	background : #fff;
	font-size : 16px;
	}

#information p{
	width : 600px;
	margin : 0 auto;
	}
#information .title{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size : 28px;
	border-bottom : solid 1px #333;
	line-height : 1.4;
	margin-bottom : 20px;
	}



h2{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size : 46px;
	line-height : 1.2;
	margin : 0 0 50px 0;
	border-bottom : solid 1px #ccc;
	text-align : center;
	}
h3{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size : 26px;
	margin : 0 0 30px 0;
	text-align : center;
	}
	
	.w_area{
		text-align : left;
		border-top : solid 1px #ddd;
		background : #fff;
		padding : 80px 0;
		}
	.bg_area{
		text-align : left;
		padding : 80px 0;
		border-top : solid 1px #ddd;
		}
	.content{
		width : 1000px;
		margin : 0 auto;
		}


#banner_area{
	border-top : solid 1px #ddd;
	padding : 80px 0 20px 0;
	background : #fff;
	}

#banner_area #blog{
	width : 1000px;
	margin : 0 auto 50px;
	}
#banner_area #blog p{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size : 24px;
	}
	

#banner_area ul{
	width : 1000px;
	margin : 0 auto;
	}
#banner_area ul li{
	float : left;
	margin : 0 60px 60px 0;
	}
#banner_area ul li.even{
	float : left;
	margin : 0 0 60px 0;
	}


#foot{
	border-top : solid 1px #ddd;
	font-size : 12px;
	background : #fff;
	padding : 13px 0 10px 0;
	}
#foot_content{
	text-align : left;
	width : 1000px;
	margin : 0 auto;
	}
#foot  #foot_logo{
	width : 95px;
	float : left;
	}
#foot #navi{
	width : 800px;
	float : left;
	margin : 12px 0 0 100px;
	}
#foot #navi a{
	color : #000;
	}

#copy{
	background : #e9e9e9;
	border-top : solid 3px #6dc6c7;
	font-size : 12px;
	padding : 10px 0;
	}






/* index.html */


#index_block{
	width : 1000px;
	padding : 100px 0;
	margin : 0 auto;
	}
#index_block .title{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size : 30px;
	margin : 0 0 20px 0;
	}
#index_block .lead{
	line-height : 3;
	}
#index_block #index_door{
	margin : 60px 0 0 0;
	padding : 50px 0 0 0;
	background : url('../images/index/door.png') no-repeat center top;
	}

#index_block #index_door li{
	background-color: rgba(255,255,255,0.9);
	border-radius : 15px;
	width : 470px;
	float : left;
	margin : 0 60px 60px 0;
	padding : 40px 0;
	}
#index_block #index_door li.even{
	margin : 0 0 60px 0;
	}


#index_block .wdl{
	border: solid 1px #ccc;
	padding: 40px 80px;
	background-color: rgba(255,255,255,0.6);
	border-radius: 20px;
	margin: 0 0 100px 0;
	font-size: 14px;
	text-align: left;
	}
#index_block .wdl .title{
	color: #6dc6c7;
	}
#index_block .wdl .title2{
	color: #6dc6c7;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size : 24px;
	margin : 0 0 20px 0;
	}
#index_block .wdl p{
	margin: 0 0 20px 0;
	}
#index_block .wdl img{
	}
#index_block .wdl .images{
	diplay: flex;
	gap: 20px;
	}
#index_block .wdl .images img{
	height: 290px;
	}




/* staff */

ul.staff{
	display: flex;
	flex-wrap: wrap;
	}
ul.staff li{
	width: 30%;
	margin: 0 5% 80px 0;
	}
ul.staff li:nth-child(3n){
	width: 30%;
	margin: 0 0 80px 0;
	}
ul.staff li p{
	font-weight: bold;
	font-size: 18px;
	line-height: 1.2;
	margin: 5px 0 0 0;
	}
ul.staff li p span{
	font-weight: normal;
	font-size: 12px;
	}




/* works */
	.works_list li{
		float : left;
		width : 304px;
		border : solid 8px #cce7e7;
		margin : 0 0 20px 20px;
		padding : 40px 0;
		text-align : center;
		}
	.works_list li.first{
		margin : 0 0 20px 0;
		}
	.works_list li .date{
		font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
		font-size : 24px;
		font-weight : bold;
		}
	.salon_class{
		width : 470px;
		float : left;
		margin : 0 0 30px 60px;
		}
	.salon_class.first{
		margin-left : 0;
		}
	.salon_class dt{
		font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
		font-size : 20px;
		padding : 10px 0;
		margin : 0 0 20px 0;
		font-weight : bold;
		border-top : solid 1px #000;
		border-bottom : solid 1px #000;
		}
	.salon_class dd{
		padding : 0 0 20px 10px;
		margin : 0;
		border-bottom : solid 1px #000;
		}



/* company */
	.company{
		width : 100%;
		margin : 0 0 80px 0;
		}
	.company th{
		width : 130px;
		border-bottom : dotted 1px #ccc;
		padding : 15px 0 15px 10px;
		}
	.company td{
		border-bottom : dotted 1px #ccc;
		padding : 15px 0 15px 20px;
		}
	.history{
		width : 100%;
		border : solid 1px #ddd;
		}
	.history th{
   		 background-color: rgba(205,205,205,0.5);
		width : 150px;
		border-bottom : dotted 1px #ccc;
		padding : 15px 0 15px 20px;
		}
	.history td{
    	background-color: rgba(255,255,255,0.5);
		border-bottom : dotted 1px #ccc;
		padding : 15px 0 15px 20px;
		}


/* salon */

	.main_image{
		margin : 0 auto;
		width : 80%;
		}
	.salon_menu{
		margin : 0 0 80px 0;
		}
	.salon_menu .menu_left{
		width : 470px;
		float : left;
		}
	.salon_menu .menu_right{
		width : 470px;
		float : left;
		margin : 0 0 0 60px;
		}
	.salon_menu ul{
		border-bottom : solid 1px #000;
		margin : 0 0 20px 0;
		padding : 0 0 20px 0;
		}
	.salon_menu ul li{
		border-bottom : dotted 1px #ccc;
		padding : 5px 0;
		}
	.salon_menu ul li.text{
		background :  #eee;
		padding : 10px;
		margin : 10px 0 0 0;
		border : none;
		}
	.salon_menu .menu_title{
		font-size : 20px;
		font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
		background : url('../images/salon/menu_bg.png') repeat-x bottom left;
		padding : 0 0 5px 0;
		margin : 0 0 20px 0;
		}
	.salon_call{
		border : solid 5px #cce7e7;
		padding : 20px;
		}
	.salon_call h3{
		margin : 0;
		}
	.salon_call .mail_area{
		float : left;
		width : 330px;
		text-align : center;
		}
	.salon_call .tel_area{
		float : left;
		width : 570px;
		margin : 0 0 0 50px;
		}
	.salon_call .tel_area h3{
		text-align : left;
		}
	.salon_call .btn01{
		background : #000;
		border : none;
		color : #fff;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
		padding : 10px 0;
		width : 300px;
		font-size : 16px;
		cursor : pointer;
		margin : 10px auto 0;
		}
	.salon_call .btn01:hover{
		background : #aaa;
		}
	.salon_call a{
		text-decoration : none;
		}
	


/* form */
	.call{
		border : solid 5px #cce7e7;
		text-align : center;
		padding : 20px;
		}
	.call h3{
		margin : 0 0 0px 0;
		}
	.tel{
		font-size : 36px;
		font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
		}
	.tel span{
		font-size : 12px;
		font-weight : normal;
		}
	
	
	.contact{
		width : 100%;
		margin : 0 0 80px 0;
		}
	.contact th{
		width : 300px;
		border : solid 1px #ccc;
		padding : 25px 0 25px 10px;
		background : #eee;
		}
	.contact td{
		border : solid 1px #ccc;
		padding : 25px 0 25px 20px;
		}
	.contact .req {
	    background: #ff6600;
	    padding: 2px 5px;
	    font-size: 10px;
	    color: #fff;
		border-radius: 3px;
		-webkit-radius: 3px;
		-moz-border-radius: 3px;
		}
	.contact input[type=text],
	.contact textarea{
		margin : 5px 0;
		padding : 10px;
		border-radius : 5px;
		border: solid 1px #ccc;
		width : 500px;
		}
	.contact select{
		margin : 5px 0;
		padding : 10px;
		}
	
	.kiyaku_box{
		overflow : auto;
		height : 200px;
		border : solid 1px #cdcdcd;
		margin : 0 0 30px 0;
		background : #fff;
		}
	.kiyaku_box .text{
		padding : 25px;
		}
	.kiyaku_box .text ol{
		list-style : decimal;
		padding : 0 0 0 15px;
		}
	.kiyaku_box .text ol li{
		margin : 0 0 10px 0;
		}
	.kiyaku_box .text .title{
		font-size : 120%;
		border-bottom : solid 1px #cdcdcd;
		}
	.kiyaku_box .text p{
		margin : 0 0 15px 0;
		}
	.btn01{
		background : #ff811b;
		border : none;
		color : #fff;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
		padding : 10px 0;
		width : 300px;
		font-size : 16px;
		cursor : pointer;
		}
	.btn01:hover{
		background : #ffad6a;
		}
	.btn02{
		background : #a4a4a4;
		border : none;
		color : #fff;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
		padding : 10px 0;
		width : 200px;
		font-size : 12px;
		cursor : pointer;
		}
	.btn02:hover{
		background : #cecece;
		}

}







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



/* Pill style */
#scrollUp {
	bottom: 10px;
	right: 10px;
	height: 38px;  /* Height of image */
	width: 38px; /* Width of image */
	background: url(../images/common/top.png) no-repeat;
	}

/* 画像ボーダーなし、下揃え */
img{
	border : 0px;
	max-width : 100%;
	}
/* 文字の縦位置 */
.m{
	vertical-align : middle;
	}
.vm{
	vertical-align : middle;
	}
.mt10{
	margin-top : 10px;
	}
.mt20{
	margin-top : 20px;
	}
.mt30{
	margin-top : 30px;
	}
.mt50{
	margin-top : 50px;
	}
.mb10{
	margin-bottom : 10px;
	}
.mb20{
	margin-bottom : 20px;
	}
.mb30{
	margin-bottom : 30px;
	}
.mb40{
	margin-bottom : 40px;
	}
.mb50{
	margin-bottom : 50px;
	}
.mb80{
	margin-bottom : 80px;
	}
	
/* リンク */
a:link { color: #1c7bc4; text-decoration : none;} 
a:visited { color: #1c7bc4; text-decoration : none;} 
a:hover { color: #1c7bc4; text-decoration : underline;} 
a:active { color: #1c7bc4; text-decoration : none;} 
a:focus{ outline:none;}



.hover a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
	}

/* フロート */
.fl{
	float : left;
	margin-right : 20px;
	}
.fr{
	float : right;
	margin-left : 20px;
	}
.cr{
	clear : both;
	}
.crr{
	clear : right;
	}
	
.clear:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clear{
  min-height: 1px;
}

* html .clear{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* センター */
.ce{
	text-align : center;
	}
.rr{
	text-align : right;
	}
.ll{
	text-align : left;
	}
/* マージンなし */
p,h1,h2,h3,h4{
	margin : 0;
	font-weight : normal;
	}


.serif{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	}

.f10{
	font-size : 10px;
	line-height : 1.5;
	}
.f12{
	font-size : 12px;
	}
.f14{
	font-size : 14px;
	}
.f16{
	font-size : 16px;
	}
.f18{
	font-size : 18px;
	}
.f20{
	font-size : 20px;
	}
.f22{
	font-size : 22px;
	}
.f26{
	font-size : 26px;
	}
.f30{
	font-size : 30px;
	}
.f40{
	font-size : 40px;
	}

.ind{
	text-indent : -1em;
	margin-left : 1em;
	}
.ind2{
	text-indent : -2em;
	margin-left : 2em;
	}
.bold{
	font-weight : bold;
	}


.red{
	color : #de0a3c;
	}

form{
	margin : 0;
	}
textarea{
	font-size : 14px;
	}
table{
	font-size : 1em;
	line-height : 1.5;
	border-collapse : collapse;
	}
th{
	font-weight : normal;
	text-align : left;
	vertical-align : top;
	}
td{
	text-align : left;
	vertical-align : top;
	}

.nowrap{
	white-space : nowrap;
	}

ul,ol{
	margin : 0;
	padding : 0;
	list-style : none;
	}




/* ボディ全体 */
body{
	border-top : solid 5px #6dc6c7;
	background : url('../images/common/bg.jpg');
	margin : 0 auto;
	padding : 0;
	text-align : center;
	font-size : 12px;
	color : #000;
	line-height : 1.7;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	}




#translate{
	position : relative;
	width : 100%;
	margin : 0 auto;
	}
#google_translate_element{
	position : absolute;
	right : 0px;
	top : 4px;
	}


#sp_head{
	padding : 5px;
	}
#sp_head .left{
	float : left;
	}
#sp_head .logo{
	width : 250px;
	}
#sp_head h1{
	font-size : 12px;
	text-align : left;
	}
#sp_head ul{
	float : right;
	margin : 35px 0 0 0;
	}
#sp_head ul li a{
	display : block;
	}


#head{
	display : none;
	}


#main{
	line-height : 0;
	}
#main img{
	width : 100%;
	}


#information{
	padding : 40px 0;
	background : #fff;
	}

#information p{
	margin : 0 auto;
	width : 90%;
	}
#information .title{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size : 20px;
	border-bottom : solid 1px #333;
	line-height : 1.4;
	margin-bottom : 20px;
	}



h2{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size : 36px;
	line-height : 1.2;
	margin : 0 0 50px 0;
	border-bottom : solid 1px #ccc;
	text-align : center;
	}
h3{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size : 22px;
	margin : 0 0 10px 0;
	text-align : center;
	}
h3 span{
	display : block;
	}
	
	.w_area{
		text-align : left;
		border-top : solid 1px #ddd;
		background : #fff;
		padding : 40px 10px;
		}
	.bg_area{
		text-align : left;
		padding : 40px 10px;
		border-top : solid 1px #ddd;
		}
	.content{
		margin : 0 auto;
		}


#banner_area{
	border-top : solid 1px #ddd;
	padding : 50px 10px 20px 10px;
	background : #fff;
	}



#banner_area #blog{
	margin : 0 auto 50px;
	}
#banner_area #blog p{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size : 24px;
	}


#banner_area ul{
	margin : 0 auto;
	}
#banner_area ul li{
	margin : 0 0 10px 0;
	}
#banner_area ul li img{
	width : 100%;
	}


#foot{
	display : none;
	}

#copy{
	background : #e9e9e9;
	border-top : solid 3px #6dc6c7;
	font-size : 12px;
	padding : 10px 0;
	}






/* index.html */


#index_block{
	padding : 50px 10px;
	margin : 0 auto;
	}
#index_block .title{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size : 30px;
	}
#index_block .lead{
	line-height : 2;
	}
#index_block #index_door{
	margin : 60px 0 0 0;
	background : url('../images/index/door.png') no-repeat center center;
	padding : 50px 0;
	}

#index_block #index_door li{
	background-color: rgba(255,255,255,0.9);
	border-radius : 15px;
	margin : 0 0 20px 0;
	padding : 10px 0;
	}


#index_block .wdl{
	border: solid 1px #ccc;
	padding: 20px;
	background-color: rgba(255,255,255,0.6);
	border-radius: 20px;
	margin: 0 0 60px 0;
	font-size: 14px;
	text-align: left;
	}
#index_block .wdl .title{
	color: #6dc6c7;
	text-align: center;
	}
#index_block .wdl .title2{
	color: #6dc6c7;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size : 18px;
	margin : 0 0 20px 0;
	text-align: center;
	}
#index_block .wdl p{
	margin: 0 0 20px 0;
	}
#index_block .wdl img{
	}


#index_block .wdl .images{
	diplay: block;
	}
#index_block .wdl .images img{
	width: 100%;
	}


/* staff */

ul.staff{
	display: flex;
	flex-wrap: wrap;
	}
ul.staff li{
	width: 45%;
	margin: 0 10% 30px 0;
	}
ul.staff li:nth-child(2n){
	width: 45%;
	margin: 0 0 30px 0;
	}
ul.staff li p{
	font-weight: bold;
	font-size: 18px;
	line-height: 1.2;
	}
ul.staff li p span{
	font-weight: normal;
	font-size: 12px;
	}



/* works */
	.works_list li{
		border : solid 8px #cce7e7;
		margin : 0 0 20px 0;
		padding : 20px 0;
		text-align : center;
		}
	.works_list li .date{
		font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
		font-size : 24px;
		font-weight : bold;
		}
	.salon_class{
		width : 100%;
		float : left;
		margin : 0 0 30px0;
		}
	.salon_class dt{
		font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
		font-size : 20px;
		padding : 10px 0 10px 10px;
		margin : 0 0 20px 0;
		font-weight : bold;
		border-top : solid 1px #000;
		border-bottom : solid 1px #000;
		background : #eee;
		}
	.salon_class dd{
		padding : 0 0 20px 10px;
		margin : 0;
		border-bottom : solid 1px #000;
		}



/* company */
	.company{
		width : 100%;
		margin : 0 0 80px 0;
		}
	.company th{
		border-bottom : dotted 1px #ccc;
		padding : 10px;
		display : block;
		background : #eee;
		}
	.company td{
		border-bottom : dotted 1px #ccc;
		padding : 15px 10px;
		display : block;
		}
	.history{
		width : 100%;
		border : solid 1px #ddd;
		}
	.history th{
   		 background-color: rgba(205,205,205,0.5);
		width : 60px;
		border-bottom : dotted 1px #ccc;
		padding : 15px 10px;
		}
	.history td{
    	background-color: rgba(255,255,255,0.5);
		border-bottom : dotted 1px #ccc;
		padding : 15px 10px;
		}


/* salon */

	.main_image{
		margin : 0 auto;
		width : 100%;
		}
	.salon_menu{
		}
	.salon_menu .menu_left{
		}
	.salon_menu .menu_right{
		}
	.salon_menu ul{
		border-bottom : solid 1px #000;
		margin : 0 0 20px 0;
		padding : 0 0 20px 0;
		}
	.salon_menu ul li{
		border-bottom : dotted 1px #ccc;
		padding : 5px 0;
		}
	.salon_menu ul li.text{
		background :  #eee;
		padding : 10px;
		margin : 10px 0 0 0;
		border : none;
		}
	.salon_menu .menu_title{
		font-size : 20px;
		font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
		background : url('../images/salon/menu_bg.png') repeat-x bottom left;
		padding : 0 0 5px 0;
		margin : 50px 0 20px 0;
		}
	.salon_call{
		border : solid 5px #cce7e7;
		padding : 20px;
		}
	.salon_call h3{
		margin : 0;
		}
	.salon_call .mail_area{
		text-align : center;
		margin : 0 0 30px 0;
		}
	.salon_call .tel_area{
		text-align : center;
		}
	.salon_call .tel_area h3{
		text-align : center;
		}
	.salon_call .tel span.time{
		display : block;
		}
	.salon_call .btn01{
		background : #000;
		border : none;
		color : #fff;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
		padding : 10px 0;
		width : 300px;
		font-size : 16px;
		cursor : pointer;
		margin : 10px auto 0;
		}
	.salon_call .btn01:hover{
		background : #aaa;
		}
	.salon_call a{
		text-decoration : none;
		}
	


/* form */
	.call{
		border : solid 5px #cce7e7;
		text-align : center;
		padding : 20px;
		}
	.call h3{
		font-size : 16px;
		margin : 0 0 0px 0;
		}
	.tel{
		font-size : 36px;
		font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
		}
	.tel span{
		font-size : 12px;
		font-weight : normal;
		}
	.tel span.time{
		display : block;
		}
	
	
	.contact{
		width : 100%;
		margin : 0 0 80px 0;
		}
	.contact th{
		border : solid 1px #ccc;
		padding : 10px;
		background : #eee;
		display : block;
		}
	.contact td{
		border : solid 1px #ccc;
		padding : 10px;
		display : block;
		}
	.contact .req {
	    background: #ff6600;
	    padding: 2px 5px;
	    font-size: 10px;
	    color: #fff;
		border-radius: 3px;
		-webkit-radius: 3px;
		-moz-border-radius: 3px;
		}
	.contact input[type=text],
	.contact textarea{
		margin : 5px 0;
		padding : 10px;
		border-radius : 5px;
		border: solid 1px #ccc;
		width : 90%;
		}
	.contact select{
		margin : 5px 0;
		padding : 10px;
		}
	.contact .day_select{
		display : block;
		}
	
	.kiyaku_box{
		overflow : auto;
		height : 200px;
		border : solid 1px #cdcdcd;
		margin : 0 0 30px 0;
		background : #fff;
		}
	.kiyaku_box .text{
		padding : 25px;
		}
	.kiyaku_box .text ol{
		list-style : decimal;
		padding : 0 0 0 15px;
		}
	.kiyaku_box .text ol li{
		margin : 0 0 10px 0;
		}
	.kiyaku_box .text .title{
		font-size : 120%;
		border-bottom : solid 1px #cdcdcd;
		}
	.kiyaku_box .text p{
		margin : 0 0 15px 0;
		}
	.btn01{
		background : #ff811b;
		border : none;
		color : #fff;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
		padding : 10px 0;
		width : 300px;
		font-size : 16px;
		cursor : pointer;
		}
	.btn01:hover{
		background : #ffad6a;
		}
	.btn02{
		background : #a4a4a4;
		border : none;
		color : #fff;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
		padding : 10px 0;
		width : 200px;
		font-size : 12px;
		cursor : pointer;
		}
	.btn02:hover{
		background : #cecece;
		}


}





		

/*--------------------------------------------------------------------------
  wideslider
---------------------------------------------------------------------------*/
#wideslider {
	width: 100%;
	height: 600px;
	text-align: left;
	position: relative;
	overflow: hidden;
	background: url('../images/loader.gif') no-repeat 50% 50%;
}

#wideslider ul,
#wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
	margin : 0;
	padding : 0;
}

#wideslider ul li img {
	width: 100%;
	display: none;
}

#wideslider .wideslider_base {
	top: 0;
	position: absolute;
}
#wideslider .wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
#wideslider .slider_prev,
#wideslider .slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
#wideslider .slider_prev { background-color: #FFFFFF;}
#wideslider .slider_next { background-color: #FFFFFF;}

#wideslider .btn_prev,
#wideslider .btn_next {
	top: 295px;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
	width: 50px;
	height: 48px;
}
#wideslider .btn_prev {background: url('../images/btn_mv_prev.png') no-repeat left center; left: 0px;}
#wideslider .btn_next {background: url('../images/btn_mv_next.png') no-repeat right center; right: 0px;}