@charset "utf-8";

@media screen and (min-width: 961px) {
	body{width: 640px; margin: 0 auto;}
	
}

/*---------------------------------------------
 ** 共通部分
---------------------------------------------*/
.inner{
	width: 100%;
	margin: 0 auto;
	position:relative;
}
.img_R{ width: 100% !important; height: auto !important; margin-bottom: 15px !important;}
.img_L{ width: 100% !important; height: auto !important; margin-bottom: 15px !important;}
.img_C{ width: 100% !important; height: auto !important; margin-bottom: 15px !important;}
.img_none{ display:none !important;}

img.float_R{ width: 100% !important; height: auto !important; margin-bottom: 15px !important; }
img.float_L{ width: 100% !important; height: auto !important; margin-bottom: 15px !important;}



/*---------------------------------------------
 ** box_1
---------------------------------------------*/
.box_1{_zoom: 1;	overflow: hidden;   margin:0 0 0 0;  padding:20px; background-color: #FFFFFF;}
.box_2{	padding: 0px; margin:0 0 50px 0;}
section.box_2:last-child { margin-bottom: 0!important; }
section.box_2 p {margin-bottom: 1em; font-size: 14px;}
section.box_2 p:last-child {	margin-bottom: 0;}

/*  */
.box_w{padding: 0px;margin:0 0 50px 0;}
section.box_w:last-child {margin-bottom: 0!important;}
section.box_w p {margin-bottom: 1em; font-size: 14px;}
section.box_w p:last-child {margin-bottom: 0;}

/*---------------------------------------------
 ** box_2
---------------------------------------------*/
.box_2{	margin:0 0 40px 0; _zoom: 1; overflow: hidden; }
.box_3{ margin:0 0 20px 0; _zoom: 1; overflow: hidden;}
.box_4{ margin:0 0 0 0; _zoom: 1; overflow: hidden;}

.box_inner{ width: 100%;_zoom: 1; overflow: hidden;   margin: 0 auto 60px auto;  padding:30px 30px 40px 30px; background-color: #FFFFFF; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; position:relative ;}
section.box_inner:last-child { margin-bottom: 0!important; }
section.box_inner p {margin-bottom: 1em; font-size: 14px;}
section.box_inner p:last-child {	margin-bottom: 0;}

/* 詳しくはこちら */
.more_bt{background-color:rgb(82,55,23);
width: 120px;
height: 25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
border-radius:25px;
color:#FFF !important;
padding:6px 25px;
text-decoration: none!important;
margin: 0 auto;
display: block;
}
.more_bt a{outline: none;}
.more_bt a:link {	text-decoration: none !important;	color: #FFF;}
.more_bt a:visited {text-decoration: none !important; color: #FFF;}
.more_bt a:hover {text-decoration: none!important;  color: #FFF;}
.more_bt a:active {text-decoration: none !important; color: #FFF;
}
/*---------------------------------------------
 ** 全体
---------------------------------------------*/
#wrap{	width: 100%; _zoom: 1;	overflow: hidden;	padding: 80px 0 60px 0; margin: 0 auto; }

/*---------------------------------------------
 ** ヘッダー
---------------------------------------------*/
#header {	width:100%; margin:0; padding: 0; _zoom: 1; overflow: hidden; background-color: #fff;}
.header_inner{width: 100%; margin: 0 auto;  position:relative;  }
.header_p{ width: 500px; color: #FFFFFF; font-size: 11px; }
/* ヘッダーナビ */
.header_sub_nav{ position:absolute; top: 25px; right: 279px; }
.header_sub_nav li{ float: left; margin-right: 15px;}

/*---------------------------------------------
 ** TOP画像
---------------------------------------------*/
.img {  width: 120% !important; height: auto !;}

/*---------------------------------------------
 ** ロゴ
---------------------------------------------*/
a .logo{ width:110px; height: 110px; background-size:110px 110px; display: block;
position:absolute;
   top:0px;
   right:0px;
   bottom:0px;
   left:0px;
   margin:auto auto ;
}
.logo{background:url(../images/common/logo.png) 0 0 no-repeat;	text-indent:100%;	white-space:nowrap;	overflow:hidden;  z-index:10;}

/*---------------------------------------------
 ** tel
---------------------------------------------*/
.tel{  width: 100%;  height: 46px;   margin: 80px auto 0 auto; padding:0 auto;  background:#522512;  display: block; text-align:center; }
.tel_bt{width: 100%; height: 45px; background: url(../images/common/tel.png) no-repeat center; background-size:142px 45px; text-indent:-999em;  float: left; position:relative; top:0; left:0;}


/*---------------------------------------------
 ** nav
---------------------------------------------*/
.nav_all{width:100%; padding:0; background-color:rgba(255,255,255,0.8); }
.nav_inner{width:100%; margin: 0 auto; }

/*---------------------------------------------
 ** content
---------------------------------------------*/
div#content{ width:100%; margin: 0  auto; padding:60px 0 60px 0; _zoom: 1; overflow: hidden;}

/*---------------------------------------------
 ** メインコンテンツ
---------------------------------------------*/
#main{width: 100%; margin: 0 auto; 	padding:0 0 0 0;position:relative; _zoom: 1; overflow: hidden;}
.side_menu{ width: 281px;_zoom: 1;	overflow: hidden; float: right;}


/*---------------------------------------------
 ** footer
---------------------------------------------*/
footer#footer{width: 100%;height: 100px;	clear:both;background: #F8F8F8;margin: 20px 0 0 0;border-top: 1px  solid#E5E5E5;border-bottom: 40px solid #E8E8E8;}
#footer-inner{width: 100%; margin: 0 auto;	padding: 34px 0 0px 0; position:relative;text-align: center; }


.footer_under_all{ width: 100%; background: #004AA3; margin-top: 30px;  border-bottom: 45px solid #0069BC;}
.footer_under_inner{ width: 100%;  margin: 0 auto; background: #004AA3; }

.copy{ position:absolute;bottom: -64px;left: 29%;}

/*---------------------------------------------
 ** コンセプト
---------------------------------------------*/
.bg_all_01{
	width: 100%;
	height: auto;
	text-align:center;
	background: url(../images/top/bg_top.png) no-repeat;
	background-size:cover;
	margin-top: -11px;
	z-index:-1;
	padding: 30px 0 !important;
	_zoom: 1; overflow: hidden;
}
.hr_01{ background-color: #E5E5E5; height: 3px;border: none; color: #E5E5E5; margin-bottom: 55px;}


/*---------------------------------------------
 ** メニュー
---------------------------------------------*/
.bg_all_02{
	width: 100%;
	height: auto;
	text-align:center;
	background: url(../images/top/bg_01.png) no-repeat;
	background-size:cover;
	margin-top: -0;
	z-index:-1;
	padding: 0 0 30px 0 !important;
}

/* メニュー表 */
.menu_all{background-color:rgba(255,255,255,0.9); margin: 0 3% 1px;text-align: left;padding: 20px;}
.menu_all li{ position:relative;}
.menu_price{ display:block; position:absolute; top:0; right:0; width: 90px; font-size:16px;}
/* メニュー上　黒　線 */
.con_k_01{border-top: 3px solid #000;  margin: -51px 0 0 0;}

.menu_p{ font-size:10px;}

/*---------------------------------------------
 ** カウンセリング
---------------------------------------------*/
.bg_all_03{
	width: 100%;
	text-align:center;
	padding: 0 0 30px 0 !important;
}
/*カウンセリング上　黒　線 */
.con_k_02{border-top: 3px solid #000;  margin: -54px 0 0 0;}

/* スタイリストBG */
.bg_all_stylist{
	text-align:center;
	background: url(../images/counseling/bg.png) 0px 15px ;
	background-repeat:no-repeat;
	background-size: 110.5px;
	padding: 30px 3% 30px !important;
	float: left;
	text-align:left;
}
.stylist_L{ float: left; width: 56%; padding:40px 0 0 0;}
.stylist_L h3{ color: #FF6EA7;}
.tasaki{ float:right; }

/* カウンセリングの流れ */
.flow_all{
background-color:transparent;
width:100%;
height:auto;
border-color:rgb(252,116,167);
border-width:2px;
border-style:solid;
border-radius:8px;
_zoom: 1; overflow: hidden;
}
.flow_all ul li{ position:relative; margin-bottom: 20px; }
.flow_all ul li p{padding:0 3% ; text-align:left;}

/*---------------------------------------------
 ** 店舗情報
---------------------------------------------*/
.bg_all_04{
	width: 100%;
	height: auto;
	text-align:center;
	background: url(../images/top/bg_02.png) no-repeat;
	background-size:cover;
	margin-top: -0;
	z-index:-1;
	padding: 0 0 30px 0 !important;
	_zoom: 1; overflow: hidden;
}
/*店舗情報上　黒　線 */
.con_k_03{border-top: 3px solid #000;  margin: -58px 0 0 0;}
/* section_box */
.box_about{_zoom: 1;	overflow: hidden;   margin:0 0 0 0;  padding:20px; }

/* tel　ピンク */
.tel_all{ background-color: #FF70A8;}

.tel_all a {width: 100%; display:block;outline: none; font-size:20px;}
.tel_all a:link {text-decoration: none;	color: #FFF;}
.tel_all a:visited {	text-decoration: none;color: #FFF;}
.tel_all a:hover {	text-decoration: none;	color: #FFF;}
.tel_all a:active {	text-decoration: none;	color: #FFF;}



/*==================================================================================================================
 **内部ページ 
==================================================================================================================*/

.m_LR_width_620px{width: 620px; margin: 0 auto ; }
.m_LR_width_750px{width: 750px; margin: 0 auto ; }
.m_LR_width_800px{width:800px; margin: 0 auto ; }


/*---------------------------------------------
 ** スライドショー
---------------------------------------------*/
.slider_all{width: 114%;height: 408px; background: #202020;margin: -18px 0 40px -10%;padding: 0px 0 0px 0;text-align: center; border-top: 10px solid #000; border-bottom: 10px solid #000;}

#slider1 {width:100%; height:350px; position:relative; overflow:hidden; margin: 0;}
#slider1Content {width: 100%; 	position: absolute;	top: 0;margin-left: 0%;	padding-left: 0; _zoom: 1; overflow: hidden;}
.slider1Image { float: left;	position: relative;	display: none; }
.slider1Image img {width: 100%; height: auto;}
.slider1Image span { position:absolute; padding:0; color: #fff;display: none;}
.clear {	clear: both;}
.slider1Image span strong { font-size: 14px;}
.left {	top: 0;	left: 0;	width: 200px !important;	height: 452px;	margin-left: 22px;}
.right {	right: 0;	bottom: 0;	width: 200px !important;	height: 452px;}
ul { list-style-type: none;}


/*---------------------------------------------
 ** お知らせ
---------------------------------------------*/
.news{ margin:30px 5% 11px; float:left;}
.news_list{ border:2px solid #000000; padding:10px; background-color: rgba(255,255,255,0.4);}
.news h3 {font-size: 16px;}

#feed { margin:30px 5% 11px; }
#feed { border:2px solid #000000; padding:10px; background-color: rgba(255,255,255,0.4); list-style-type:none;}



.col_r{ font-weight: bold; }
.fo_s{ font-size: 11px !important ;}