/* CSS Document */

/* ================================================
	reset
=================================================*/

html { color:#000; -webkit-overflow-scrolling: touch; }
body { margin:0 auto; overflow:visible; padding:0; -webkit-text-size-adjust: none;  }
a { overflow:hidden; }
a img, img { border:0 !important; }
abbr, acronym { border:0; }
address, caption, cite, code, dfn, em, th, strong, var { font-style:normal; font-weight:normal; }
blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul { margin:0; padding:0; }
caption, th { text-align:left; }
code, kbd, pre, samp, tt { font-family:monospace; line-height:100%; }
*+html code, *+html kbd, *+html pre, *+html samp, *+html tt { font-size:108%; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
ol, ul { list-style:none; }
q:before, q:after { content:''; color:#000; }   
button, fieldset, form, input, label, legend, select, textarea { font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; vertical-align:baseline; }
table { border-collapse:collapse; border-spacing:0; font-size:100%; }
a {text-decoration:none; color:#000;}
a:hover {text-decoration:none; color:#000;}
a:visit{ color:#000;}
strong { font-weight: bold; }
img{ max-width: 100%; height: auto; width /***/:auto; }


::selection {
background: #FF0; /* Safari, Chrome */
}
 
::-moz-selection {
background: #FF0; /* Firefox */
}



/*clearfix*/

.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

.clearfix{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}
/* End Hack */ 


/* return */ 

.return span{ display:inline-block; }



/**font_01**/
.category_ti h2,.salon_data p#tel,.foot p,#header h1,#menu li,.salon_data p span,.salonName,.salon_data p.teltxt{
font-family: 'Lato', serif;
}

	
/**wrap**/	

#wrap{
	width:100%;
	margin:0 auto;
	clear:both;
		}
	
	
/**hタグ**/
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}

/**color**/
.tx_w{ color:#FFF; }
.tx_w a{ color:#FFF; }
	

/**トップへ戻るボタン**/

#page_top{ z-index:9999; bottom:0px; right:0px; position:fixed; width:49px; height:49px; background-color:rgba(255, 255, 255, 0.87);   }
#page_top p{ padding:15px 15px 15px 15px; text-align:center; }
#page_top p img{ width:20px; }

/**page_base**/

.page_base_w{ clear:both; }
.page_base{ clear:both; overflow:hidden; }
.page_design{ clear:both; max-width:1080px; margin:0 auto; overflow:hidden; }
.page_row{ padding:0 15px; overflow:hidden; clear:both; }
.end_b{ border-bottom:1px solid #C2C2C2;}



/**more　ボタンの色変え　**/
.bg_g{ background-color:#f9f9f9; }
.blog_author{ background-color:#ffea00; color:#000; }
.bg_color_map{ background-color:#9fa0a0; color:#FFF; }
.bg_color_net{ background-color:#e61e50; color:#FFF; }
.bg_color_menu{ background-color:#83999e; color:#FFF; }
.bg_color_coupon{ background-color:#b62d5b !important; color:#FFF !important; padding: 15px; text-align: center; }
.bg_color_coupon a{ background-color:#b62d5b !important; color:#FFF !important; }
.bg_color{ background-color:#f9f9f9; }
.bg_w{ background-color: #FFF; }



/*-------------------------------------------------------------
799px以下（SP）
---------------------------------------------------------------*/

@media screen and (max-width: 799px) {
	
.pc_view{ display:none !important; }
.sp_view{}
.page_sp{ padding-bottom:20px; }
	
.seo{ display:none; }

.category_ti{ padding:30px 0;}
.category_ti h2{ font-family: 'Lato', sans-serif; font-size:20px; text-align:center; line-height: 1.8em; letter-spacing:0.1em; }

.blog_ly{ background-color:#FFF; margin:0px 15px 15px 15px; height: 90px; overflow:hidden; clear:both; display:block; position:relative;}
.blog_ly .blog_th{ width:50%; float:left; }
.blog_ly .blog_th p{ overflow:hidden; }
.blog_ly .blog_th p img{ max-width: 100%; }
.blog_ly .blog_tx{ padding:15px; overflow:hidden;  }
.blog_ly .blog_tx h1{ margin-bottom:5px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:13px; font-weight:bold; line-height:1.4em; }
.blog_ly .blog_tx dl{ position:absolute; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.blog_ly .blog_tx dt{ float:left; padding:5px 5px; font-size:10px; }
.blog_ly .blog_tx dd{ display:none; }
.blog_ly .blog_tx p{ display:none; }
.blog_ly .blog_tx ul{}
.blog_ly .blog_tx li{ display:none; }

/**con_reserve**/
.con_reserve { margin:0 20px 20px 20px; overflow:hidden; clear:both; }
.con_reserve ul{}
.con_reserve li{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; float:left; text-align:center; padding:10px 0; margin:6px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:13px; }
.con_reserve .bg_color_coupon{ width:95%; }
.con_reserve .bg_color_menu{ width:95%; }
.con_reserve li span{ font-family:'helvetica', sans-serif; font-size:10px; }

.salon_select{ display:none; }
	
.salon_base{ overflow:hidden; clear:both;}
.salon_img{}
.salon_img p{ padding:10px 10px 8px 10px; }
.salon_img ul{ overflow:hidden; clear:both; padding:0 5px; }
.salon_img li{ float:left; width:49.7%; padding:5px; }
.salon_data{ overflow:hidden; clear:both; padding:20px;}
.salon_data h2{ text-align:left; font-family: 'Lato', sans-serif; letter-spacing:0.1em;  font-size:17px; margin:0 0 15px 0; line-height: 1.8em; }
.salon_data h3{ margin:0 0 15px 0;  text-align:left; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:13px; line-height:1.8em; padding:15px 0; border-bottom:1px solid #a8afb1; border-top:1px solid #a8afb1; }
.salon_data p{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:13px; line-height:1.8em; text-align:left; padding:18px 0 15px 0; border-top:1px solid #a8afb1; }
.salon_data p.teltxt{ font-family: 'Lato', sans-serif; font-size: 20px !important; text-align: left; width: 100%; display: block; }
.salon_data dl{ overflow:hidden; clear:both; margin:0 0 10px 0; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:13px;  }
.salon_data dt{ width:30%; float:left; }
.salon_data dd{ width:70%; float:left; }

.foot{ text-align:center; padding:15px 0 80px 0;  /*border-top:1px solid #a8afb1;*/ background-color:#FFF; }
.foot h4{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:10px; padding:8px 0 0 0;}
.foot p{  font-family: 'Lato', sans-serif; font-size:20px; }
.foot p img{ height:20px; }



/**staff**/
.staff{ padding:0 6px; }
.staff_list_base{ overflow:hidden; clear:both; margin:0 8px 8px 8px; text-align:center; }
.staff_list_ph{}
.staff_list_data{ padding:10px 5px; overflow:hidden; clear:both; }
.staff_list_data dl{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.staff_list_data dt{ font-size:15px; }
.staff_list_data dt span{ font-size:10px; }
.staff_list_data dd{ font-size:11px; color:#B9B9B9; padding-top:8px; height:40px;}
.staff_list_data ul{ margin-top:10px; }
.staff_list_data li{ text-align:center; padding:8px; margin:5px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }


/**予約ボタン**/

#reserve{   }
#reserve p{ text-align:right; bottom:0px; position:fixed; z-index:99999; width:100%; height:49px; background-color: rgba(212,31,115,0.88); padding-top:10px; padding-right:20px; }
#reserve p img{ width:200px; height:auto; }


}


/*-------------------------------------------------------------
800px以上（PC）
---------------------------------------------------------------*/

@media screen and (min-width: 800px) {
	
.pc_view{}
.sp_view{ display:none !important; }
.page_sp{ padding-bottom:20px; }
		
.seo{ background-color:#FFF; padding:8px 0; text-align:center; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; }

.category_ti{ padding:60px 0;}
.category_ti h2{ font-family: 'Lato', sans-serif; font-size:30px; text-align:center; letter-spacing:0.1em; }

.blog_ly{ background-color:#FFF; margin:0px 15px 30px 15px; overflow:hidden;  }
.blog_ly .blog_th p{ height:130px; overflow:hidden; }
.blog_ly .blog_tx{ padding:15px; overflow:hidden; }
.blog_ly .blog_tx h1{ margin-bottom:10px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:15px; font-weight:bold; line-height:1.4em; }
.blog_ly .blog_tx dl{ overflow:hidden; clear:both; margin-bottom:15px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.blog_ly .blog_tx dt{ float:left; padding:5px 10px; font-size:10px; width:62%; }
.blog_ly .blog_tx dd{ float:left; padding:5px 10px; font-size:10px;  width:38%; }
.blog_ly .blog_tx p{ height:45px; margin-bottom:15px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:13px; line-height:1.6em; }
.blog_ly .blog_tx ul{ height:30px; overflow:hidden;}
.blog_ly .blog_tx li{ height:29px; padding:5px 10px; float:left; border:1px solid #C9C9C9; margin-right:10px; font-size:10px; }

/**con_reserve**/
.con_reserve { clear:both; overflow:hidden; max-width:420px; margin:0 auto; }
.con_reserve ul{}
.con_reserve li{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; float:left; width:48%; text-align:center; padding:10px 0; margin:2px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:13px; }
.con_reserve li span{ font-family:'helvetica', sans-serif; font-size:10px; }



/*------------------------------
ショップインフォ（フッターショップインフォ）
--------------------------------*/

.salon_base{ padding:0px 0 50px 0; overflow:hidden; clear:both;  }
.salon_img{}
.salon_img p{ text-align:left; padding:4px 10px 4px 4px; }
.salon_img ul{ overflow:hidden; clear:both; }
.salon_img li{ float:left; width:48%; margin:4px; }
.salon_data{ overflow:hidden; clear:both; padding:0 60px 0px 60px;}
.salon_data h2{ font-weight:bold; text-align:left; font-family: 'Lato', sans-serif; letter-spacing:0.1em; line-height: 1.8em; font-size:17px; margin:0 0 15px 0; clear: both; }
.salon_data h3{ margin:0 0 15px 0;  text-align:left; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:13px; line-height:1.8em; padding:15px 0; border-bottom:1px solid #a8afb1; border-top:1px solid #a8afb1; clear: both; }
.salon_data p{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:13px; line-height:1.8em; text-align:left; padding:20px 0 15px 0; border-top:1px solid #a8afb1; clear: both; }
.salon_data p.teltxt{ font-family: 'Lato', sans-serif; letter-spacing:0.1em; font-size: 30px !important; text-align: left;  display: block; }
.salon_data dl{ overflow:hidden; clear:both; margin:0 0 10px 0; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:13px;  }
.salon_data dt{ width:30%; float:left; }
.salon_data dd{ width:70%; float:left; }	

.salon_data .concept{margin-bottom:45px;}

.sp_salon_bt{ display:none; }

.foot{ text-align:center; padding:15px 0; background-color:#FFF; /*border-top:1px solid #a8afb1;*/ }
.foot h4{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:10px; padding:8px 0 0 0;}
.foot p{  font-family: 'Lato', sans-serif; font-size:20px; }
.foot p img{ height:20px; }


.ggmap {
position: relative;
padding: 40%;/*高さを調整*/
width: 100%;
padding-bottom: 0%;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-top: 30px;
}

p.bg_color_map{ width:100% !important; }
p.bg_color_map{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; float:left; width:100%; text-align:center; padding:10px 0; margin:2px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:13px; }



/*----------
staff
------------*/
.staff{}
.staff_list_base{ overflow:hidden; clear:both; padding:0px 0 40px 0; text-align:center; }
.staff_list_ph{}
.staff_list_data{ padding:10px 5px; overflow:hidden; clear:both; }
.staff_list_data dl{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.staff_list_data dt{ font-size:15px; }
.staff_list_data dt span{ font-size:10px; }
.staff_list_data dd{ font-size:11px; color:#B9B9B9; padding-top:8px; height:40px; }
.staff_list_data ul{ }
.staff_list_data li{ text-align:center; padding:8px; margin:5px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }


/**予約ボタン**/

#reserve{   }
#reserve p{ bottom:0px; position:fixed; z-index:99999; height:48px; width:300px; padding:10px 0 0 15px;  background-color: rgba(212,31,115,0.88); }
#reserve p img{ height:30px; width: auto; }

}


/*ショップ情報 ボタン*/
.shopbtn a{ color: #FFF; font-weight: bold; display: block; }

/*サイトロゴ*/

.site-logo a{
	width: 300px;
	text-align: center;
	display: block;
}

/*LINEのボタン*/

.wsbl_line img{
  width: 88px;
  height: 20px;
}


/*ショップ情報 線設定*/
.salon_base{
	border-bottom: 1px solid #999;
	margin-bottom: 30px;
	padding-top: 30px;
	padding-bottom: 60px;
}

.salon_base:last-child{
}


/*----------------
ローカルナビ
-----------------*/

#catChild{
  margin-bottom: 15px;
}

#catChild li a{
  display: block;
  padding: 5px 0;
  background: #FFF;
  border-left:1px solid #CCC;
  margin-bottom: 5px;
}

#catChild li a:hover{
  background: #b62d5b;
  color: #FFF;
  display: block;
}


#catChild li{
text-align: center;  
  padding-right: 0 !important;
  padding-left: 0 !important;
}


/*------------------
背景画像設定
------------------*/
#wrapSlaider{
}
#style{
}

#news{
	background: #FFF !important;
}

#contents{
}

/*------------------
bootStrap カスタム
------------------*/

.col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}


.container .col-md-1, .container .col-lg-1, .container .col-xs-2, .container .col-sm-2, .container .col-md-2, .container .col-lg-2, .container .col-xs-3, .container .col-sm-3, .container .col-md-3, .container .col-lg-3, .container .col-xs-4, .container .col-sm-4, .container .col-md-4, .container .col-lg-4, .container .col-xs-5, .container .col-sm-5, .container .col-md-5, .container .col-lg-5, .container .col-xs-6, .container .col-sm-6, .container .col-md-6, .container .col-lg-6, .container .col-xs-7, .container .col-sm-7, .container .col-md-7, .container .col-lg-7, .container .col-xs-8, .container .col-sm-8, .container .col-md-8, .container .col-lg-8, .container .col-xs-9, .container .col-sm-9, .container .col-md-9, .container .col-lg-9, .container .col-xs-10, .container .col-sm-10, .container .col-md-10, .container .col-lg-10, .container .col-xs-11, .container .col-sm-11, .container .col-md-11, .container .col-lg-11, .container .col-xs-12, .container .col-sm-12, .container .col-md-12, .container .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}


/* グーグルカレンダー オブジェクト設定 */

.googlecal embed,
.googlecal iframe,
.googlecal object{
	max-width: 100% !important;
}

.googlecal{
	max-width: 100% !important;
}


/*SP*/
@media screen and (max-width: 799px) {
.googlecal embed,
.googlecal iframe,
.googlecal object{
	max-width: 500px !important;
}

.googlecal{
	width: 100% !important;
	overflow-x: auto;
}
.googlecal iframe{
	height: 500px;
}
}


/*SNSウィジェット*/
.sttlSns{
	font-family: 'Lato', serif;
	font-size:24px;
	text-align: left;
	margin:30px 0 15px;

}

.textwidget{
	margin-bottom: 30px;
}

/*SP*/
@media screen and (max-width: 799px) {
	.sttlSns{
		text-align: center;

}
}