/*
Theme Name: oneness pera
Theme URI: http://mustache-web.com/
Description: sdc-kk theme
*/
@charset "UTF-8";
/* CSS Document */

/*全ページ共通*/
body,h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
        margin: 0;
        padding: 0;
        border: none;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
        text-align: left;
        list-style-type: none;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
img {
	vertical-align:top;
	vertical-align:bottom;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
body{
	background:url(images/head/head_bg.gif) top center repeat-x;
	}
	
img.img_style{
	display:block;
	max-width:100%;
	margin:0 auto 10px;
}
	
	
#wrapper{
	width:100%;
	}
#header{
	margin:0 auto;
	overflow:hidden;
	}
#header h1{
	line-height:1.8em;
	font-size:11px;
	}

#slideshow{	
	width:100%;
	margin:0 auto;
	z-index:-1;
}
#contents {
	overflow:hidden;
	font-size: 12px;
	margin:0 auto;
	padding: 0px 0 40px;
}

#left_box {
	display: inline;
	color:#333333;
	position:relative;
	overflow:hidden
}
#left_box h2{
	background:url(images/template/tittle_bg.gif) left bottom no-repeat;
	padding:10px 0 5px 18px;
	font-size:18px;
	letter-spacing:0px;
	font-weight:bold;
	clear:both;
	color:#2c2c2c;
	border-bottom:solid 1px #d6d6d6;

	}

#left_box h2 a{
	color:#444;
	text-decoration:none;
	}
#left_box h2 a:hover{
	text-decoration:underline;
	}
#right_box {
	position:relative;
	overflow:hidden;
}
#right_box #blog_box{
	position:relative;
	overflow:hidden;
	margin:0 0 20px;
	}
#blog_box h3{
	background:url(images/template/tittle_bg.gif) left bottom no-repeat;
	padding:7px 0 7px 13px;
	font-size:16px;
	letter-spacing:0px;
	clear:both;
	color:#2c2c2c;
	border-bottom:solid 1px #d6d6d6;
	margin:0 0 15px 0;
	}
#blog_box ul{
	margin:10px 0 30px;
	}
#blog_box ul li{
	width:95%;
	margin:10px 0;
	padding:0 0 0 5%;
	}
#blog_box ul li a{
	color:#444;
	text-decoration:none;
	line-height:16px;
	}
#blog_box ul li a:hover{
	text-decoration:underline;
	}
#blog_box ul li.categories{
	font-size:0px;
}
#blog_box ul li.categories a{
	font-size:12px;
}
#blog_box ul li ul.children{
	margin:0px;
	}
#blog_box ul li ul.children li{
	margin-left:0px;
	}
#right_box ul.side_banner li {
	padding: 0;
	margin:0;
}
#right_box ul.side_banner li.b_title{
	background:url(images/template/tittle_bg.gif) left bottom no-repeat;
	padding:7px 0 7px 13px;
	font-size:16px;
	letter-spacing:0px;
	clear:both;
	color:#2c2c2c;
	border-bottom:solid 1px #d6d6d6;
	margin:0 0 15px 0;
}
#right_box ul.side_banner li.bottom01{
	margin-bottom:10px;
}
#right_box ul.side_banner li.bottom02{
	margin-bottom:20px;
}
#right_box ul.side_banner li img{
	display:block;
	margin:0 auto;
}

#right_box ul.side_banner li span{
	display:none;
	}
#right_box ul.side_banner li a {
	display: block;
	margin:0 auto;
}
#right_box ul.side_banner li.aujua img{
	border:solid #e0e0e0 1px;
}
#footer{
	margin:0 auto;
	overflow:hidden;
	border-top:5px solid #450005;
	}
#footer a{
	font-size:11px;
	text-decoration:none;
	line-height:12px;
	color:#000;
	font-weight:bold;
	background:url(images/template/arrow.gif) no-repeat left center;
	padding:0 5px 0 12px;
	}
#footer a:hover{
	text-decoration:underline;
	}
#footer #Lfoot{
	float:left;
}
#footer #Rfoot{
	float:right;
}
#footer #Rfoot a{
	background:none;
}
#footer p.copyright{
	clear:both;
	color:#666;
	font-size:11px;
	}



/*トップ告知*/

#event_box{
     width:100%;
     height:221px;
     background:url(images/top/info20150217.gif) center top no-repeat;
	 margin:0 0 20px 0;
}

#event_box p{
     display:none;
}


/*--　ジートル　zeetle　
インタビュー　ヘアセットアドバイス--*/

hr {
     clear:both;
border:none;
border-top:dashed 1px #ccc;
height:1px;
color:#FFFFFF;
margin:0 0 20px 0;
}

#column{line-height:2em;}
#column img{max-width:100%;}

#column .img_c{	text-align:center;}

#column .img_sb01{margin:0 0 10px 0;}
#column .img_sb02{margin:0 0 20px 0;}
#column .img_sb03{margin:0 0 30px 0;}
#column .img_sb04{margin:0 0 40px 0;}


#column img.img_style_r{
	max-width:220px;
	float:left;
	margin:0 20px 20px 0;
}
#column img.img_style_l{
	max-width:220px;
	float:right;
	margin:0 0 20px 20px;
}

#column .bg_color_g{
	background:#f3f3f3;
}



#column a{
     color:#275a81;
     text-decoration:underline;
}

#column a:link{
     color:#275a81;
     text-decoration:underline;
}
#column a:visited{
     color:#275a81;
     text-decoration:underline;
}
#column a:hover{
     color:#275a81;
     text-decoration:none;
}
#column a:hover{
     color:#275a81;
     text-decoration:none;
}

#column .button01{
	text-align:center;
	margin:0 0 20px 0;
     }
#column .button01 img{
	width:320px;
     }
#column .button01 a:hover{
		filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
     }
#column .text_aling_r {
	 text-align:right;
	 margin:10px 0;
     }



.text_style01 {
	font-size:16px;
	color:#ce4c56;
}

.text_style02 {
	font-size:12px;
	color:#666;
	text-align:center;
}

.font_style01 {
     color:#820300;
     font-size:16px;
	 font-weight:bold;
     padding:13px 0 10px 30px;
     background:url(images/template/icon01.png) left center no-repeat;
     }
.font_style02 {
     color:#222;
     font-size:24px;
	 letter-spacing:1px;
	 font-weight:bold;
	 line-height:1.3em;
     padding:20px 0 10px 50px;
     background:url(images/template/icon02.png) left center no-repeat;
     }
	 
.font_style03 {
	border-bottom: 3px solid #754f35;
	color: #754f35;
	letter-spacing:1px;
	font-size: 18px;
	font-weight: 700;
	margin: 20px 0px 20px;
	padding: 5px;
     }
	 
.font_style04 {
     color:#222;
	 letter-spacing:1px;
     font-size:16px;
     padding:0 0 0 10px;
	 margin:0 0 10px 0;
	 border-left:#e7e7e7 10px solid;
     }
.font_style05 {
    clear:both;
    color:#000;
	font-weight:bold;
    font-size:24px;
    line-height:1.3em;
    letter-spacing:1px;
    margin:0 0 30px 0;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }


.font_style05 span{
    font-size:16px;
    }

.font_style06 {
	font-size: 15px;
	margin: 20px 0 10px 0;
	padding: 5px;
	border-bottom:3px solid #590000;
	color:#590000;
	font-weight:bold;
	}

#column .text_box{
	clear:both;
	font-size:14px;
	line-height:1.5em;
	letter-spacing:1px;
	}
#column .text_box p{
	margin:0 0 10px 0;
	}
#column .text_box_padding{
	padding:20px;
	}
	
#column .text_box01{
	font-size:14px;
	letter-spacing:1px;
	margin:0 0 10px 5%;
	}
#column .text_box02{
	font-size:14px;
	letter-spacing:1px;
	margin:0 0 20px 5%;
	}
#column .text_box02 p{
	margin:0 0 10px 0;
	}
#column .text_box03{
	font-size:14px;
	letter-spacing:1px;
	margin:0 0 30px 5%;
	}
	
	
	
	
	
	



#column .box01{
     width:100%;
     overflow:hidden;
     margin:0 0 10px 0;
}
#column .box01 .left {
     width:60%;
     margin:0 0 10px 0;
     float:left;
}
#column .box01 .right {
     float:left;
     width:37%;
     margin:0px 0 10px 3%;
}




/* 5対5 fit*/

#column .box02fit {
     width:100%;
     overflow:hidden;
}
#column .box02fit .left {
     float:left;
     width:48%;
     margin:0 2% 10px 1%;
}
#column .box02fit .right {
	overflow:hidden;
     width:48%;
     margin:0 1% 10px 0;
     float:right;
}


/* 3対7 fit*/

#column .box03{
     width:100%;
     overflow:hidden;
     margin:0 0 10px 0;
}
#column .box03 .left {
     width:20%;
     margin:0 0 10px 0;
     float:left;
}
#column .box03 .right {
     float:left;
     width:77%;
     margin:0px 0 10px 3%;
}






#column table.column_table{
	width:100%;
	border-collapse:collapse;
	background:#fff;
	margin-bottom:20px;
	}
#column table.column_table th{
	width:25%;
	vertical-align:middle;
	padding:5px 10px;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	font-size:13px;
	}
#column table.column_table td{
	font-size:13px;
	padding:5px 10px;
	vertical-align: middle;
	border-bottom:1px solid #eee;
}



/* youtube　動画*/


.movie_box {
  position: relative;
  width:100%;
  padding-top: 56.25%;
      margin:0 auto 50px;
}
.movie_box iframe{
position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  }





/*============PC=============*/
@media only screen and (min-width:950px) {
	#header{
	width:950px;
	margin:0 auto;
	overflow:hidden;
	}
	
#header h1{
	height:20px;
	margin: 50px 0 0 0px;
	float:left;
	}
#header #logo{
	float:left;
}
#header #tel{
	float:right;
}
	#navigation-wrap{
	
	height:60px;
	margin-bottom:20px;
	}
#nav{
	background:url(images/navi/navigation_backbround.gif) left bottom repeat-x;
	width:950px;
	margin:0 auto;
	padding:10px 0;
	}
#nav ul{
	text-align: center;
	}
#nav ul li{
	display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  padding:0 27px;
	}
#nav ul li a:hover img{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	}
#nav ul li#coupon{
	display:none;
}	
	#contents,#top_contents {
	width:950px;
	margin:0 auto;
}

#left_box {
	float: left;
	width: 610px;
	padding:0 8px 0 0;
	margin: 0;
}
#right_box {
	float: right;
	width: 290px;
	padding:0;
	margin:0;
}
#right_box ul.side_banner li {
	width: 290px;
}
#right_box a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
#footer{
	padding-top:10px;
	padding-left:20px;
	padding-bottom:10px;
	width:928px;
	}
#footer #Lfoot{
	width:750px;
}
#footer ul{
	overflow:hidden;
}
#footer ul li{
	float:left;
	margin-right:10px;
}
#footer p.copyright{
	width:890px;
	margin-top:10px;
	padding:5px 20px 5px 0;
	}
#foot_tel{
	display:none;
}

	/*----ホーム（PC）----*/
	#slideshow{
		z-index:1000;
		}
	body#top #concept_photo{
		float:left;
		margin:0 20px;
		}
	body#top #concept_text {
		font-size:12px;
	}
	body#top #sche-box {
		float: left;
		margin:0 4px;
		width:260px;
	}
	body#top #information_text  {
		float: right;
		margin:0 4px;
	}
	body#top #information_text table{
		width:320px;
		}
	body#top .facebook_wrap{
		background:url(images/template/bg02.gif);
		padding:10px;
		}
	body#top .facebook_box{
		width:500px;
		margin:0 auto;
		}
		
		
	
	/*-------------- 初めての方へ（PC） --------------*/
	body#beginner #beginner_top {
	overflow:hidden;
	width: 520px;
	padding: 25px 20px 25px 40px;
}
body#beginner .title {
	margin-bottom: 35px;
}
body#beginner .text {
	float: left;
	width: 345px;
}
body#beginner .photo {
	float: right;
	width: 134px;
}
body#beginner .beginner_subtittle {
	width: 562px;
	padding:0 10px;
}
body#beginner .beginner_subtittle2 {
	width: 560px;
	padding: 20px 0 20px 20px;
	margin: 0 0 20px 0;
}




	/*-------メニュー（PC）-------*/
	
	/*-------------- スタッフ紹介（PC） --------------*/
	body#staff .qa {
	float: right;
	width:380px;
}
body#staff .left {
	float: left;
	width: 200px;
}
body#staff .left img {
	display:block;
	margin:0 auto 10px;
}
	/*-----お店の雰囲気（PC）-----*/
	body#salon #slider {
	width: 540px; /* important to be same as image width */
	height: 405px; /* important to be same as image height */
	}
	body#salon #sliderContent {
	width: 540px; /* important to be same as image width or wider */
	}
	body#salon .sliderImage span {
	width: 514px;
	}
body#salon .info_photo ul#photo li{
	width:132px;
	margin:5px;
	}
body#salon .info_photo ul#photo li img{
	width:100%;
}
	
	/*------------- アクセスマップ（PC） -------------*/
	body#map table.info td.list{
	width:15%;
	}
	body#map .accessSub01{
	float:left;
	width:50%;
	margin-right:2%;
	}
	body#map .accessSub02{
	float:left;
	width:48%;
	}
	/*---クーポン（PC）---*/
	#item_loop .coupon_kobetsu .coupon_image{
	float:left;
	width:30%;
}
#item_loop .coupon_kobetsu .coupon_detail{
	float:right;
	width:68%;
}
	
	/*---リクルート（PC）	*/
	#recruit .r2_text{
	float: left;
	width: 300px;
	}
	#recruit .r2_photo {
	float: left;
	width: 200px;
	margin: 0 5px 10px 10px;
	}
	
	/*---お客様フォト（PC）---*/
.customer_photo_post{
	margin:0 5px 20px;
	width:280px;
	}
/*---SNS（PC）-----------*/
body#sns #sns_box{
	background:url(images/sns/bg.gif) left top no-repeat;
	height:390px;
	margin:10px 0 0 0;
	}
body#sns #sns_box #blog{
	width:210px;
	float:left;
	margin:40px 0 0 60px;
	}
body#sns #sns_box #face{
	width:210px;
	float:right;
	margin:150px 50px 0 0;
	}



/*---作品集（PC）-----------*/
#collection_box ul.collection_cont li{
	margin:0 8px;
}



}


/*============スマホ=============*/
@media
only screen and (min-device-width: 300px) and (max-device-width: 768px),
only screen and (min-width: 300px) and (max-width: 768px) {

#header #logo{
	width:100%;
	text-align:center;
}
#header h1{
	text-align:center;
}
#header #tel{
	display:none;
}

#navigation-wrap{
	margin-bottom:20px;
	}
#nav ul{
	overflow:hidden;
	margin-bottom:0px;
	border-bottom:solid 3px #ccc;
	border-top:solid 3px #ccc;
	}
#nav ul li{
	float:left;
	width:33.3%;
	text-align:center;
	background:#FFF;
	border-bottom:solid 1px #ccc;
	}
#nav ul li.last{
	border-bottom:none;
}

#contents {
	width:94%;
	margin:0 3%;
	}
#top_contents{
	width:100%;
}
#right_box {
	width: 100%;
	padding:20px 0 0 0;
	margin:40px 0 0 0;
	border-top:dotted 2px #ccc;
}
#footer{
	padding:2%;
	width:94%;
	}
#footer ul{
	overflow:hidden;
}
#footer ul li{
	float:left;
	width:45%;
}
#footer p.copyright{
	width:96%;
	margin-top:10px;
	padding:2%;
	}
#foot_tel{
	display:block;
	margin:10px 0 20px 0;
}
#foot_tel li{
	margin:0 0 5px 0;
	text-align:center;
}
#foot_tel li a{
	background:none;
	padding:0;
}


#right_box ul.side_banner{
	overflow:hidden;
}
#right_box ul.side_banner li{
	width:48%;
	float:left;
	margin:0 1%;
}
#right_box ul.side_banner li.b_title{
	width:94%;
	padding:7px 2% 7px 4%;
}
#right_box ul.side_banner li img {
	max-width: 100%;
}
#right_box ul.side_banner li.aujua img{
	max-width: 100%;
}




	/*----ホーム	（スマホ）----*/
	#slideshow{
	}

body#top #concept_photo{
	float:right;
	width:40%;
	margin-right:15px;
	margin-bottom:5px;
	}
body#top #concept_photo img{
	max-width:100%;
}
body#top #concept_text {
	font-size:12px;
}
body#top #sche-box img{
	display:block;
	margin:10px auto;
}
body#top #information_text {
	margin:0 auto;
	width:100%;
}
body#top #information_text table{
	margin-bottom:10px;
}
body#top #information_text table{
	width:100%;
	}
	/*-------------- 初めての方へ（スマホ） --------------*/
	body#beginner #beginner_top {
	width: 78%;
	padding: 5% 5% 5% 14%;
	overflow:hidden;
}
body#beginner .title {
	margin-bottom: 20px;
}
body#beginner .photo {
	float: left;
	width: 50%;
	margin:0 3% 3% 0;
}
body#beginner .photo img{
	width:100%;
}
body#beginner .beginner_subtittle {
	width:96%;
	padding:0 2%;
}
body#beginner .beginner_subtittle img{
	width:100%;
}
body#beginner .beginner_subtittle2 {
	width:96%;
	padding:4% 2%;
	
}
	
	/*-------メニュー（スマホ）-------*/
	
	/*-------------- スタッフ紹介（スマホ） --------------*/

	body#staff .qa {
		width:100%;
		
	}
	body#staff .left {
		width:100%;
		margin-top:20px;
	}
	body#staff .left img {
	display:block;
	margin:0 auto 10px;
}
	
	/*-----お店の雰囲気（スマホ）-----*/
	body#salon #slider {
	width: 300px; /* important to be same as image width */
	height: 225px; /* important to be same as image height */
	}
	body#salon #sliderContent {
	width: 300px; /* important to be same as image width or wider */
	}
	body#salon .sliderImage span {
	width: 274px;
	}
body#salon .info_photo ul#photo li{
	width:42%;
	margin:0 3px 5px;
	float:left;
	}
body#salon .info_photo ul#photo li img{
	width:100%;
}
	/*------------- アクセスマップ（スマホ） -------------*/
	body#map .list_button01 li img{
		width:100%;
	}
	body#map table.info td.list{
	width:25%;
	}
	body#map .access1 img{
		width:100%;
}

	
	/*---クーポン（スマホ）---*/
	#item_loop .coupon_kobetsu .coupon_image{
	width:80%;
	margin:0 10% 10px;
}
#item_loop .coupon_kobetsu .coupon_detail{
	width:100%;
}


/*---リクルート（スマホ）-----------*/
	#recruit .r2_text{
		margin:0 10px;
}
#recruit .r2_photo {
	width: 80%;
	margin:0 10% 10px;
}

/*---お客様フォト（スマホ）-----------*/
	.customer_photo_post{
	margin:0 1% 20px;
	width:41%;
	}
	
/*---WEB予約（スマホ）-----------*/
body#sns #sns_box{
	background:url(images/sns/bg.gif) left top no-repeat;
}
body#sns #sns_box img{
	display:block;
	margin:10px auto;
}



/*---作品集（ipad）-----------*/
#collection_box ul.collection_cont li{
	margin:0 5px;
}


/*---炭酸泉ヘッドスパ---*/
body#spa img.img100{
	width:100%;
}

/* トップ告知（スマホ）*/

#event_box{
     width:88%;
     height:auto;
     background:none;
     padding:10px 3%;
     margin:0 2% 20px;
     border:#ccc 1px solid;
}

#event_box p{
     display:block;
     margin:0 0 10px 0;
     font-size:14px;
}
/* お茶　ルピシア インタビュー*/

#column img.img_style{
	max-width:80%;
	float:none;
	display:block;
	margin:0 auto 20px;
}
#column img.img_style_r{
	max-width:80%;
	float:none;
	display:block;
	margin:0 auto 20px;
}
#column img.img_style_l{
	max-width:80%;
	float:none;
	display:block;
	margin:0 auto 20px;
}

.font_style05 {
    font-size:20px;
    }

#column .text_box p br{
	display:none;
	}


#column .box01 .left {
     width:100%;
     float:none;
	 margin:0 0 20px 0;
}
#column .box01 .right {
     width:100%;
     float:none;
	 margin:0 0 20px 0;
}

#column .box03 .left {
     width:100%;
     float:none;
	 margin:0 0 20px 0;
}
#column .box03 .right {
     width:100%;
     float:none;
	 margin:0 0 20px 0;
}


}


/*============ipad=============*/
@media
only screen and (min-device-width: 768px) and (max-device-width: 950px),
only screen and (min-width: 768px) and (max-width: 950px) {
	#header{
	max-width: 950px;
	min-width: 520px;
}
	#header h1{
	height:20px;
	margin:50px 0 0 0px;
	float:left;
	}
#header #logo{
	float:left;
}
#header #tel{
	float:right;
}
	#header #tel{
	margin:0px 10px 0 0;
}
	#navigation-wrap{
	margin-bottom:10px;
	}
	
	
#nav{
	width:750px;
	margin:0 auto;
	padding:5px 0;
	background:url(images/navi/navigation_backbround.gif) left bottom repeat-x;
	}
#nav ul{
   text-align: center;
   	}
#nav ul li{
	display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  padding:0 12px;
	}
#nav ul li#coupon{
	display:none;
}

#contents {
	width:98%;
	margin:0 1%;
	}
#top_contents{
	width:100%;
}
	
#left_box {
	float: left;
	width: 67%;
	padding:0;
	margin: 0 3% 0 0;
}
#right_box {
	float: right;
	width: 30%;
	padding:0;
	margin:0;
}

#right_box ul.side_banner li{
	width:100%;
}
#right_box ul.side_banner li img {
	max-width: 100%;
}
#right_box ul.side_banner li.aujua img{
	max-width: 100%;
}




#footer{
	padding:2%;
	width:94%;
	}
#footer #Lfoot{
	width:70%;
}
#footer ul{
	overflow:hidden;
}
#footer ul li{
	float:left;
	margin-right:10px;
}
#footer #footer_txt{
	width:100%;
	}
#footer p.copyright{
	width:100%;
	margin-top:10px;
	padding:5px 20px 5px 0;
	}
#foot_tel{
	display:none;
}	

	/*----ホーム（ipad）----*/
	#slideshow{

	}

body#top #concept_photo{
	float:left;
	width:40%;
	margin-right:15px;
	margin-bottom:5px;
	}
body#top #concept_photo img{
	max-width:100%;
}
body#top #concept_text {
	font-size:11px;
}
body#top #sche-box{
	float: left;
	margin:0 1%;
	width:48%;
}
body#top #sche-box img{
	width:100%;
}
body#top #information_text {
	float: left;
	margin:0 1%;
	width:48%;
}
body#top #information_text img{
	width:100%;
	}
body#top #information_text table{
	width:100%;
	}
	body#top .facebook_wrap{
		background:url(images/template/bg02.gif);
		padding:10px;
		}
	body#top .facebook_box{
		width:500px;
		margin:0 auto;
		}
	/*-------------- 初めての方へ（ipad） --------------*/
	body#beginner #beginner_top {
	width: 82%;
	padding: 5% 5% 5% 10%;
	overflow:hidden;
}
body#beginner .title {
	margin-bottom: 20px;
}
body#beginner .photo {
	float: right;
	width: 30%;
	margin:0 0 3% 3%;
}
body#beginner .photo img{
	width:100%;
}
body#beginner .beginner_subtittle {
	width:96%;
	padding:0 2%;
}
body#beginner .beginner_subtittle img{
	width:100%;
}
body#beginner .beginner_subtittle2 {
	width:96%;
	padding:4% 2%;
	
}
	
	/*-------メニュー（ipad）-------*/
	
	/*-------------- スタッフ紹介（ipad） --------------*/
	body#staff .qa {
	float: right;
	width:60%;
}
body#staff .left {
	float: left;
	width: 36%;
}
body#staff .left img {
	display:block;
	margin:0 auto 10px;
}

	/*-----お店の雰囲気（ipad）-----*/
	body#salon #slider {
	width: 450px; /* important to be same as image width */
	height: 338px; /* important to be same as image height */
	}
	body#salon #sliderContent {
	width: 450px; /* important to be same as image width or wider */
	}
	body#salon .sliderImage span {
	width: 424px;
	}
body#salon .info_photo ul#photo li{
	width:132px;
	margin:5px 10px ;
	}
body#salon .info_photo ul#photo li img{
	width:100%;
}
	/*------------- アクセスマップ（ipad） -------------*/
	body#map table.info td.list{
	width:18%;
	}
	body#map .accessSub01{
	float:left;
	width:50%;
	margin-right:2%;
	}
	body#map .accessSub02{
	float:left;
	width:48%;
	}

/*---クーポン（ipad）---*/
	#item_loop .coupon_kobetsu .coupon_image{
	float:left;
	width:30%;
}
#item_loop .coupon_kobetsu .coupon_detail{
	float:right;
	width:69%;
}
		
	
	/*---リクルート（ipad）-----------*/
	#recruit .r2_text{
	float: left;
	width: 56%;
}
#recruit .r2_photo {
	float: right;
	width: 38%;
	margin: 0;
}
#recruit .r2_photo img{
	width:100%;
}


/*---お客様フォト（ipad）-----------*/
	.customer_photo_post{
	margin:0 1% 20px;
	width:28%;
	}
/*---SNS（ipad）-----------*/
/*---SNS（PC）-----------*/
body#sns #sns_box{
	background:url(images/sns/bg.gif) left top no-repeat;
	height:390px;
	margin:10px 0 0 0;
	}
body#sns #sns_box #blog{
	width:210px;
	float:left;
	margin:40px 0 0 20px;
	}
body#sns #sns_box #face{
	width:210px;
	float:right;
	margin:140px 20px 0 0;
	}
	
	
	
/*---作品集（ipad）-----------*/
#collection_box ul.collection_cont li{
	margin:0 15px;
}


/*---炭酸泉ヘッドスパ---*/
body#spa img.img100{
	width:100%;
}



}




/*============共通css=============*/

/*----ホーム----*/
#slideshow{
	position: relative;
	max-width: 950px;
	min-width: 300px;
	overflow: hidden;
	margin:0 auto 10px;
	}
	
#slideshow img{
	width:100%;
	height: auto;
}

body#top #message{
	background:#fff3f3;
	padding:10px;
	border:solid 1px #eabfbf;
	margin:0 10px 20px;
}
body#top #message h3{
	color:#951414;
	font-size:16px;
	text-align:center;
}
body#top #message p{
	font-size:12px;
	text-align:center;
	line-height:2em;
}
body#top #message p span{
	color:#951414;
	font-weight:bold;
}
#left_box .contents_box h2.top{
	background:url(images/template/tittle_bg.gif) left bottom no-repeat;
	padding-left:13px;
	padding-top:10px;
	font-size:16px;
	letter-spacing:0px;
	font-weight:bold;
	clear:both;
	color:#2c2c2c;
	border-bottom:solid 1px #d6d6d6;
	margin:0 0 20px 0;
	}


#news_box h3{
	padding:7px 20px;
	border-bottom:dotted 1px #ccc;
}
#news_box h3 a{
	color:#792d1c;
}

body#top .contents_box {
	overflow:hidden;
	position:relative;
	padding: 0%;
	clear:both;
	width:100%;
	margin-bottom:40px;
}
body#top #concept_text {
	line-height: 1.5em;
	margin: 0;
	padding:0;
}
body#top #concept_text p{
	margin-bottom: 10px;
	}
body#top #concept_text p.bold{
	font-size:160%;
	font-family:serif;
}
body#top #information_text {
	display: block;
	line-height: 1.5em;
}
body#top #information_text img{
	margin:0 0 5px 0;
}
body#top #information_text table{
	border:1px solid #ccc;
	border-collapse:collapse;
	color:#000;
	background:#fff;
	}
body#top #information_text table th {
	width:58px;
	vertical-align:middle;
	text-align:center;
	padding: 7px 0 7px 0;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	font-size:12px;
	vertical-align:top;
	}
body#top #information_text table td {
	margin:0;
	padding:7px 10px;
	vertical-align: middle;
	border-bottom:1px solid #ccc;
	font-size:12px;
}


	
/*-------------- 初めての方へ --------------*/
body#beginner #beginner_top {
	background: url(images/beginner/bg.gif) repeat-y #fff;
	border-top: 10px solid #f2f2f2;
	border-bottom: 10px solid #f2f2f2;
	border-right: 10px solid #f2f2f2;
	overflow:hidden;
	margin-bottom:20px;
}
body#beginner .title {
	font-size: 19px;
	font-weight: bolder;
	line-height: 1em;
}
body#beginner .text {
	font-size: 12px;
	line-height: 24px;
	display:inline;
}
body#beginner .photo {
	display:inline;
}
body#beginner .beginner_tittle {
	font-size: 15px;
	margin: 20px 0 10px 0;
	padding: 5px;
	border-bottom:3px solid #590000;
	color:#590000;
	font-weight:bold;
}
body#beginner .beginner_subtittle {
	margin: 0;
	line-height: 20px;
}
body#beginner .beginner_subtittle p {
	margin-bottom: 20px;
}
body#beginner .beginner_subtittle .none {
	margin: 0;
}

body#beginner .beginner_subtittle2 {
	line-height: 1.5em;
	border-bottom:1px solid #D6D6D6;
}
body#beginner .promise {
	font-size: 20px;
	margin-bottom: 10px;
}
.small { font-size: 11px; }





/*-------メニュー-------*/
.menu_cont .menu_tittle {
	font-size: 15px;
	margin: 20px 0 10px 0;
	padding: 5px;
	border-bottom:3px solid #590000;
	color:#590000;
	font-weight:bold;
}
.menu_cont .menu_rank {
	width: 100%;
	line-height: 18px;
	letter-spacing: 0.6px;
	margin-bottom:40px;
}
.menu_cont .menu_rank table {
	width: 100%;
	border:solid 1px #D6D6D6;
	border-collapse:collapse;
	margin-bottom: 10px;
}
.menu_cont .menu_rank table td.first {
	color: #3B3B3B;
	width: 48px;
	font-size: 15px;
	background: url(images/menu/first.gif) left center no-repeat #dedede;
	text-align:left;
	padding-left:30px;
}
.menu_cont .menu_rank table td.second {
	color: #3B3B3B;
	width: 48px;
	font-size: 15px;
	background: url(images/menu/second.gif) left center no-repeat #dedede;
	text-align:left;
	padding-left:30px;
}
.menu_cont .menu_rank table td.third {
	color: #3B3B3B;
	width: 48px;
	font-size: 15px;
	background: url(images/menu/third.gif) left center no-repeat #dedede;
	text-align:left;
	padding-left:30px;
}
.menu_cont .menu_rank table td {
	color: #6D6D6D;
	font-size: 11px;
	background: #f7f7f7;
	padding: 10px;
	vertical-align: middle;
}
.menu_cont span.menu_name {
	color: #3B3B3B;
	font-size: 14px;
}

.menu_cont .menu_subtittle {
	line-height: 20px;
	margin: 0 0 10px 0;
	padding: 0px 15px 0 10px;
}
.menu_cont .menu_text {
	width: 100%;
	margin: 0 auto 20px;
	font-size: 14px;
	line-height: 20px;
	display: block;
}
 .menu_text table {
	border: 1px solid #D6D6D6;
	margin-bottom: 30px;
	border-collapse:collapse;
	width:100%;
}
 .menu_text table td {
	color: #333;
	font-size: 11px;
	padding: 0px 15px;
	line-height:3em;
}
 .menu_text table td.menu {
	width: 60%;
	font-size: 14px;
	background-color: #e5e5e5;
}
 .menu_text table td.price {
	color: #3B3B3B;
	font-size: 14px;
	background-color: #f7f7f7;
	text-align: right;
	font-weight:bold;
}
 .menu_text table td.text {
	background-color: #fff;
	border-top: 1px solid #fff;
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	line-height:2em;
}
.menu_cont .menu_coupon{
	margin:10px 5px 40px;
}
.menu_cont .menu_coupon img{
	width:100%;
}
.menu_cont .menu_coupon a:hover{
	filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}

/*-------------- スタッフ紹介 --------------*/
body#staff .staff_box {
	position:relative;
	overflow:hidden;
	display: block;
	width:100%;
	margin: 10px 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom:solid 1px #ccc;
}
body#staff .qa {
	padding:0px 0 0 0;
	line-height: 2em;
}
body#staff .qa p{
	margin: 0 0 15px 0;
}

body#staff .qa table {
	width:100%;
	background-color: #ccc;
	font-size:11px;
}
body#staff .qa table td {
	background-color: #FFFFFF;
	padding: 5px 10px;
}
body#staff .qa table td.question {
	width: 40%;
	background-color: #f2f2f2;
}
body#staff .left {
}
body#staff .left img {
	margin-bottom: 5px;
}
body#staff .left p {
	margin-bottom: 10px;
	text-align:center;
}
body#staff p.name {
	font-size: 30px;
	margin-bottom: 5px;
}
body#staff p.kana {
	font-size: 10px;
	letter-spacing:1px;
}
body#staff .word{
	background:#f2f2f2;
	border:solid 1px #ccc;
	padding:10px;
}
body#staff .soon{
	width:98%;
	height:200px;
	border:solid 2px #ccc;
	background:#fff;
	line-height:200px;
	text-align:center;
	margin-bottom: 5px;
}

/*-----お店の雰囲気-----*/
body#salon #left_box p{
	margin:15px 0 15px;
	padding:0 30px 0;
	line-height:1.5;
	}
body#salon #slider {
	position: relative; /* important */
	overflow: hidden; /* important */
	margin:0 auto;
	}
body#salon #sliderContent {
	position: absolute;
	top: 0;
	margin-left: 0;
	}
body#salon .sliderImage {
	float: left;
	position: relative;
	display: none;
	}
body#salon .sliderImage span {
	position: absolute;
	padding: 10px 13px;
	background-color: #000;
	color: #fff;
	display: none;
	}
body#salon .clear {clear: both;}
body#salon .top {top: 0;left: 0;}
body#salon ul { list-style-type: none;}

body#salon .sliderImage img{
	width:100%;
}
body#salon .info_photo{
	border:solid 1px #ccc;
	padding:15px 10px;
	margin:3% 0;
	overflow:hidden;
	background:#f2f2f2;
	}
body#salon .info_photo p.click{
	background:url(images/top/click.gif) left top no-repeat;
	padding:0 0 0 20px;
	margin:0 0 0 5px;
	line-height:20px;
	}
body#salon .info_photo ul#photo{
	margin:0 auto;
	padding:0;
	}
body#salon .info_photo ul#photo li{
	float:left;
	border:solid 1px #ccc;
	padding:5px;
	background:#fff;
	}
body#salon .info_photo ul#photo li a:hover{
	filter: alpha(opacity=70);
  -moz-opacity:0.70;
  opacity:0.70;
  }

/*------------- アクセスマップ -------------*/
body#map #company_map {
	width:100%;
	margin: 10px auto 10px;
	text-align:center;
}

body#map table.info {
	width:100%;
	margin:0 auto 20px;
}
body#map table.info td{
	margin:0px;
	padding:0px;
	border-bottom:dotted 1px #666;
	}
body#map table.info td.list{
	line-height:1.5em;
	padding:3% 2%;
	}
body#map table.info td.txt{	
	line-height:25px;
	}
body#map h2.access0	{
	margin-bottom:20px;
}
body#map .access1,
body#map .access1 p,
body#map .access2{
	text-align:center;
	margin-bottom:10px;
}



/*-------クーポン-------*/
p.coupon_text{
	margin-bottom:20px;
	text-align:center;
}
#item_loop .coupon_kobetsu{
	background:#fff;
	width:95%;
	border:solid 1px #ccc;
	padding:2%;
	margin:0 0 10px 0;
	overflow:hidden;
}
#item_loop .coupon_kobetsu .coupon_image img{
	width:100%;
	height:auto;
}
#item_loop .coupon_kobetsu .menu_name{
	font-size:18px;
	font-weight:bold;
	color:#000;
	float:left;
	line-height:30px;
	margin-right:30px;
}

#item_loop .coupon_kobetsu .price1{
	float:left	;
	font-size:12px;
	color:#666;
	line-height:30px;
}
#item_loop .coupon_kobetsu .price2{
	float:right	;
	color:#ff3d3d;
	font-weight:bold;
	font-size:22px;
	line-height:30px;
}
#item_loop .coupon_kobetsu .menu_detail{
	clear:both;
	color:#444;
	line-height:2em;
	margin:10px;
	font-size:12px;
}
ul.coupon_detail .right{
	float:right;
	text-align:right;
}
	
/*-------------- よくある質問 --------------*/
body#qa #qa_box {
	font-size: 12px;
	line-height: 24px;
	margin: 0 0px 20px 0px;
	padding: 3px;
	text-align: left;
}
body#qa #qa_box a {
	color:#4a4a4a;
}
body#qa #qa_box a:hover {
	color: #7F6D4F;
}
body#qa .faqList1 {
	position: relative;
	background: url(images/faq/faq_icon.gif) left center no-repeat;
	padding:1% 2% 1% 5%;
	margin-left:3%;
}
body#qa .faqList2 {
	background: url(images/faq/faq_01.gif) left center no-repeat;
	color: #4A6184;
	font-size: 16px;
	font-weight: bold;
	border-top: 1px solid #D6D6D6;
	margin-bottom: -2em;
	padding: 2em;
}
body#qa .faqList3 {
	background: url(images/faq/faq_02.gif) left center no-repeat;
	padding: 2.5em;		
}
body#qa .faq_top {
	text-align: right;
}

/*---お問い合わせ---*/
div.wpcf7 {
	font-size: 12px;
	line-height: 30px;
	margin: 0;
	padding: 0;
}
div.wpcf7 p {
	margin-top: 10px;
}
div.wpcf7 textarea {
	width: 98%;
	margin: 0 0 10px 0;
	padding: 0;
}


/*--------------- リクルート ---------------*/
#recruit .recruit_box {
	display: block;
	position:relative;
	overflow:hidden;
	width: 96%;
	margin: 10px 2%;
	padding:0;
}
#recruit .r_title {
	width: 98%;
	font-size: 17px;
	letter-spacing:0.5px;
	line-height: 1.5em;
	margin: 0 0 20px 0;
	padding: 1%;
	border-left:5px solid #999;
	font-weight:bold;
}
#recruit  .r_text {
	width:100%;
	margin: 0;
	line-height: 1.5em;
}
#recruit  .r_text p {
	margin-bottom: 20px;
}
#recruit  .r_text p img{
	display:block;
	margin:0 auto;
	width:100%;
	}

#recruit .recruit_box3 {
	display: block;
	position:relative;
	overflow:hidden;
	float: left;
	width:96%;
	margin: 10px 0% 20px;
	padding: 2%;
}
#recruit .r3_text {
	float: left;
	width:96%;
	background-color: #f2f2f2;
	margin: 0 0 20px 0;
	padding: 2%;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-top: 5px solid #999;
	letter-spacing:1px;
	line-height: 20px;
}
#recruit  .r3_text p {
	margin-bottom: 20px;
}
#recruit p.years {
	color: #333333;
	font-size: 16px;
	font-weight:bold;
	margin-bottom: 10px;
}
#recruit p.system {
	font-size: 14px;
	line-height: 25px;
}
#recruit .condition {
	color: #333333;
	font-size: 16px;
	font-weight:bold;
}
#recruit .r3_text  table {
	color: #3B3B3B;
	width: 100%;
	margin-bottom: 0px;
}
#recruit .r3_text  table td {
	background-color: #FFFFFF;
	border-bottom: 1px solid #D6D6D6;
	padding: 5px 20px;
	vertical-align: middle;
}
#recruit .r3_text  table td.items {
	background-color: #999;
	border-bottom: 1px solid #FFFFFF;
	color:#ffffff;
	text-align: center;
	width:70px;
}
#recruit .r3_text  table td.last {
	border-bottom: none;
}



/*---お客様フォト-----------*/
#customer_photo h2{
	background:url(images/template/tittle_bg.gif) left bottom no-repeat;
	padding:10px 0 5px 18px;
	font-size:18px;
	letter-spacing:0px;
	font-weight:bold;
	clear:both;
	color:#2c2c2c;
	border-bottom:solid 1px #d6d6d6;
	margin-bottom:20px;
}
.customer_photo_post{
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	background:#f2f2f2;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
    padding:10px;
}
.customer_photo_post p{
	line-height:1.5em;
	margin:0 10px;
	padding:0;
	text-align:center;
}
.customer_photo_post p img{
	display:block;
	margin: 0 auto 10px;
	padding:0;
	width:100%;
	height:auto;
}
p.customer_pagelink{
	margin-bottom:60px;
	clear:both;
	display:block;
}



#customer_photo #back{
	clear:both;
	text-align:center;
	width:200px;
	height:30px;
	line-height:30px;
	font-size:14px;
	background:#666;
	display:block;
	margin:0 auto;
}
#customer_photo #back a{
	color:#fff;
	text-decoration:none;
	width:200px;
	height:30px;
	display:block;
}
#customer_photo #back:hover{
	background:#333;
}
/*-----ブログ関連-----*/
.blog_title_img{
	width:100%;
}
/*記事*/
.post{
	width:100%;
	margin:0 auto 20px;
	overflow:hidden;
	position:relative;
	border-bottom:dotted 1px #594B35;
	padding:0 0 20px 0;
	}
.post p{
	line-height:2em;
	margin:10px;
    position:relative;
}
p.postinfo{
	color:#666666;
	margin:20px 10px 0;
	text-align:right;
	clear:both;
	line-height:14px;
	}
p.postinfo a{
	color:#666666;
	text-decoration:none;
	}
p.postinfo a:hover{
	text-decoration:underline;
	}
/*ページリンク*/
p.pagelink a{
	color:#3f274c;
	}
p.pagelink a:hover{
	text-decoration:underline;
	}
span.pageprev{
	float:left;
	}
span.pagenext{
	float:right;
	}

/*コメント*/
#comments {
	padding: 0;
	margin:20px 0;
	}
#comments h3 {
	width: 100%;
	font-size: 14px;
	background:url(images/template/tittle_bg.gif) 0 0 no-repeat;;
	margin: 60px 0 10px;
	padding: 7px 15px 7px 40px;
	color:#444;
	}
#comments p {
	line-height:1.8em;
	}
#comments p a {
	color: #444;
	}
#comments input, #comments textarea {
	display: block;
	}
#comments textarea {
	width:100%;
	}
#comments .required { color: #ff0000}
#comments code {
	display:block;
	margin-top:5px;
	margin-bottom:20px;
	}
#comments ul {
	margin: 0;
	padding:0;
}
#comments li.compost {
	list-style-type:none;
	border-bottom: dotted 1px #50ae3c;
	margin-bottom: 20px;
	}
#comments p.cominfo {text-align: right}

#comments p.comment-form-comment{
	margin-bottom:20px;
	}
#comments p.form-allowed-tags{
	display:none;
	}
div#com{
	width:570px;
	padding:0;
	margin:60px auto 0;
	overflow:hidden;
	position:relative;
	}
div#com textarea{
	width:530px;
	margin:8px;
	}
div#com h3{
	border-bottom:dotted 1px #3f274c;
	padding-bottom:1px;
	margin-top:20px;
	font-weight:bold;
	margin-bottom:10px;
	}
div#com p{
	font-size:12px;
	line-height:2;
	padding-left:20px;
	}
div.compost{
	border-bottom:solid 1px #3f274c;
	margin-top:15px;
	}
p.cominfo{
	text-align:right;
	}
div#com a{
	color:#d30808;
	}
div#com a:hover{
	color:#f47777;
	}
	
.form-allowed-tags{ display:none; }
	
/*記事内の画像*/
.post img{margin: 0 2px 10px;}
img.alignnone {
	display:block;
	padding:4px;
	}
img.aligncenter {
	display:block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:12px;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
.alignright {
	float: right;
	}
.alignleft {
	float: left
	}
/*-----サイドカレンダー-----*/
#wp-calendar {
	font-size:1em;
	color:#333;
	width:100%;
	padding:0;
	}
#wp-calendar a {color:#951414; font-weight:bold;
	font-size:120%;}
#wp-calendar thead th {
	text-align:center;
	width:35px;
	}
#wp-calendar td {
	width:35px;
	text-align:center;
	line-height:2em;
	background:#f2f2f2;
	color:#666;
	}
#wp-calendar td.pad {background:none;}
#wp-calendar tfoot td {background:none;}
#wp-calendar caption {
	font-weight:bold;
	text-align:center;
	padding-bottom:5px;
	font-size:14px;
	}
#wp-calendar #prev {
	text-align: left;
	padding-top: 3px;
	}
#wp-calendar #next {
	text-align: right;
	padding-top: 3px;
	}
/*------カレンダー-----*/
#calendar_wrapLarge{
	width:570px;
	margin:15px auto 0;
	padding:0;
	}
#calendar_wrapLarge h2{
	background:none;
	margin:0 0 15px 0;
	padding:0;
	font-size:12px;
	}
#CalendarLarge-Header td{
	text-align:right;
	}
body#schedule .event-title a{
	text-decoration:none;
	cursor: default;
	font-size:12px;
}
.mc-format , .my-calendar-date-switcher ,.mc-time{
	display:none;
}
.mc-print , .rss , .ics{
     display:none;
}    

.details{
     display:none;
}    
/*---作品集-----------*/
#collection_box ul.collection_cont{
	overflow:hidden;
}
#collection_box ul.collection_cont li{
	float:left;
}



/*--------------- お客様の声 ---------------*/
body#voice .customer_h3 {
	font-size: 15px;
	margin: 0px 0 10px 0;
	padding: 5px;
	border-bottom:3px solid #590000;
	color:#590000;
	font-weight:bold;
	background:#f2f2f2;
}
body#voice .customer {
	display: block;
	float: left;
	background:url(images/template/text_bg.gif) left top repeat;
	margin: 20px 0 20px 0;
	padding: 0;
	border:1px solid #D6D6D6;
	width:99%;
}
body#voice .customer_text {
	display: block;
	float: left;
	margin: 0;
	padding: 5px 10px 5px 10px;
	line-height: 25px;
	font-size:11px;
}



/*---炭酸泉ヘッドスパ---*/
body#spa img.img100{
	display: block;
	margin:10px auto;
}