@charset "utf-8";
/* =======================================

	CommonElements

======================================= */

*	{
	margin:0;
	padding:0;}
		  
body#body_page{
	width:100%;
	-webkit-user-select:none;
	-webkit-text-size-adjust:none;
	line-height:1;
	font-size: 100%;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
	/*background-color: #222222;*/}	
	
#page{
	/*background:#E0E0E0;*/}

img	{
	border:0;
	display:block;}
	
*:after { display:block; clear:both; }

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;}
.clearfix {
    min-height: 1px;}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:20px 0;
    padding:0;}
	
input, select {
    vertical-align:middle;}
	
.box	{
	margin:10px 0 40px;
	clear:both;}
	
.box2	{
	margin:10px 5px 40px;
	border:#eee solid 1px;
	background:#F9F9F9;	
	clear:both;}

/*----------------文字----------------*/
h1{
}
h2.h2_topic{
	margin:14px 0 10px 5px;
	padding:5px;

	/*height:24px;*/
	font-size:20px;
	font-weight:bold;
	/*background:url(../img/common/line.jpg) no-repeat bottom left;*/
	border-left:#ba0611 5px solid;
	line-height:150%;}

h2.h2_hairstyle{
	margin:14px 0 10px 0;
	padding:0;
	width:100%;
	height:48px;
	font-size:18px;
	font-weight:bold;
	background:url(../img/common/line.jpg) no-repeat bottom left;}

h3.h3_common	{
	font-size:18px;
	/*color:#932242;*/
	width:92%;
	margin:20px 0 10px 10px;
	padding:5px;
	border-bottom:1px dashed #000000;
	line-height:170%;}

h4.h4_common	{
	font-size:16px;
	color:#000000;
	margin:20px 0 10px 0;
	padding:0 0 0 12px;
	line-height:170%;	}
	
h5.h5_common	{
	font-size:16px;
	color:#000000;
	margin:20px 0 15px 0;
	padding:0 0 5px 12px;
	line-height:170%;
	letter-spacing:normal;
	}	

p.p_common	{
	font-size:16px;
	margin:20px 0 15px 0;
	padding:0 12px 0 12px;
	letter-spacing: normal;
	line-height:170%;}

p.p_common2	{
	font-size:16px;
	margin:0px 0 15px 0;
	padding:0 0 0 12px;
	letter-spacing: normal;
	line-height:170%;}
	
span.red{
	color:#932242;
	font-weight:bold;
}

.point_bg	{
	background-color:#932242;
	color:#FFFFFF;
	padding:1px 5px;}
	
.ul_common ul	{
	margin:10px 20px;
	padding:20px;}
	.ul_common li	{
		list-style: none;
		margin:5px;
		padding:10px 15px;
		font-size:16px;
		line-height:170%;
		}
		
.img_max	{
	width:95%;}
	
.img_100	{
	width:100%;}

.img_96	{
	width:96%;
	margin:2%;}	
		
.img_95	{
	width:95%;
	margin-left:10px;}

.img_50	{
	width:50%;
	margin:5px;}
	
.img_30	{
	width:30%;
	margin:5px;}
	
.img_25	{
	width:25%;
	margin:5px;}
	
.tb_common	{
	font-size:13px;
	margin:10px;}
	.tb_common th	{
		padding:5px;}
	.tb_common td	{
		padding:5px;}
.bottom_border	{
	border-bottom:1px #FFFFFF dotted;}

/*----------------ul----------------*/
ul{
}
li{
	list-style-type:none;
}

/*----------------リンク----------------*/
a{
	color:#444;
	text-decoration:none;
}

/*----------------画像----------------*/
img.top5px{
	margin:5px 0 0 0;}
	
img.right5px{
	margin:0 5px 0 0;}
	
	
/*----------------ヘッダー----------------*/
#header{
	height:50px;
	background:url(../img/nav/back_hader.png) repeat-x;
	}
img.img_logo{
	margin:0 0 0 10px;
	float:left;}
img.img_pc{
	margin:0 0px 0 0;
	float:right;}
img.img_nav{
	margin:0 0px 0 0;
	float:right;}

/*----------------お申し込み・お問い合わせ----------------*/
.contact{
	text-align:center;
	margin-bottom:20px;}
	.contact p	{
		font-size:14px;
		text-align:center;
		margin:10px;}
.contact_box	{
	margin-top:50px;
	clear:both;}
img.img_contact{
	margin:10px 0 0 0;
	width:45.5%;
	}
img.img_contact_right{
	margin:10px 0 0 10px;
	width:45.5%;
	}

/*----------------フッター----------------*/
#footer{
	height:80px;
	background:url(../img/nav/back_footer.png) repeat-x bottom;}
img#img_logo_footer{
	margin: 0 0 0 10px;
	height:80px;
	float:left;}
img#img_pc_footer{
	margin:28px 5px 0 0;
	float:right;}
img#img_top_footer{
	margin:28px 6px 0 0;
	float:right;}
	
	
/*----------------コピーライト----------------*/
#copylight{
	height:30px;
	background:#333333;}
#p_copy{
	padding:8px 0 5px 0;
	font-size:12px;
	color:#ffffff;
	text-align:center;}
	
/*----------------店舗情報----------------*/	
.h3_tenpo	{
	background-color:#FFFFFF;
	color:#333333;
	font-size:16px;
	padding:3px;
	margin:10px 10px;
	letter-spacing:1px;
	line-height:120%;}
.p_tenpo	{
	font-size:13px;
	margin:5px 10px 20px 10px;
	letter-spacing:1px;
	line-height:120%;}
	
/*----------------レディース----------------*/

.point_box	{
	width:95%;
	margin:20px 0 10px 10px;
	clear:both;
	background-color:#FFF;
	padding:10px 0;}
	.point_box h4	{
		font-size:16px;
		color:#FF6666;
		margin:5px;}
	.point_box p	{
		font-size:13px;
		margin:5px;}
	.point_box img	{
		margin:5px;}
		
.ladies_tb	{
	width:95%;
	margin:20px 0 10px 10px;}
	.ladies_tb th	{
		background-color:#F66;
		color:#FFFFFF;
		padding:5px;}
	.ladies_tb td	{
		font-size:13px;
		padding:5px;
		width:33%;}
	
.met_tb	{
	font-size:13px;
	width:95%;}
	.met_tb td	{
		border-bottom:1px solid #FFFFFF;
		padding:5px;}
		
#map_box	{
	width:100%;
	background-color:#FFFFFF;
	padding:10px 0;}
	
.location_tb2	{
	font-size:13px;
	width:95%;
	margin-left:10px;}
	.location_tb2 th	{
		padding:5px;
		text-align:left;
		border-bottom:1px solid #FFFFFF;}
	.location_tb2 td	{
		padding:5px;
		border-bottom:1px solid #FFFFFF;}
		
/*----------------ヘアスタイル集----------------*/

.stylebook_list li {
	float: left;
	width: 50%;
}


/*---------------------- fadeinbar ------------*/


#fadein-bar {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0;
	margin: 0;
	z-index: 9999;
	/*background:#379245;*/
}
#fadein-bar .btn {
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
}

.fade{
	margin:0;
	padding:0;

}

/***----------------2列レイアウト----*/
.pro{
	float:left;
	display:block;
	width:50%;
	margin:0;
	padding:0;
}
/***----------------3列レイアウト----*/
.top_btn{
	float:left;
	display:block;
	width:33.3333%;
}

/**----------トップフッターコンテンツボタン--*/
.top_f_btn{
	background:#cccccc;
	width:100%;
	margin:0;
	padding:0;
}

/**---- YouTube */
.video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
margin-bottom:10px;
}

.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/**/

/**------------- 店舗 -----*/
.location_s{
	width:100%;
	margin:0 0 20px 0;
	padding:0;
}
.location_s ul{}
.location_s li{
	line-height:170%;
	padding:0 0 0 15px;
}

table {
	width:100%;
}

.l_table{
	width:95%;
	margin:auto;
}

table.location_table{
	  border-collapse: collapse;
	  width:100%;
}

table.location_table th,td {
	width:50%;
	line-height:170%;
	padding: 10px;
	border: 1px solid #999;
}
table.location_table th.left{
	width:20%;
	background-color: #eee;
	text-align: center;
}

.map {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
width:95%;
margin:auto;
}
 
.map iframe,
.map object,
.map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/**----------------- RSS --*/
.rss{
	width:98%;
	margin:auto;
	line-height:170%;
}


/** --------- **/
.marker-blue {
 background: linear-gradient(transparent 75%, #7fbfff 75%);
font-weight: bold; 
}

/**  button **/
.square_btn {
    display: inline-block;
    padding: 1em 2em;
    text-decoration: none;
    color: #333;
    border: solid 2px #333;
    border-radius: 3px;
    transition: .4s;
    font-weight: bold;
}

.square_btn:hover {
    background: #eee;
    color: white;
}

.btn{
    text-align: center;
    margin: 30px 0;
}