/*共通部品*/
#saloncol h1{font-size: 1.4em;}
.counsulConfirmBtn{
	clear:both;
	width:87%;
	text-align:center;
	border:1px solid #DB3E85;
	font-weight:bold;
	color:#FFF;
	background:#C10854;
	font-size:105%;
	padding:0.7em ;
	margin:3% 15%;
/*角丸*/
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
/*グラデージョン*/
	background:-moz-linear-gradient(top,#ED5698,#C10854);
	background:-webkit-gradient(linear,left top,left bottom,from(#ED5698),to(#C10854));
/*テキストの影*/
	text-shadow:1px 1px 1px #000;
/*ボタンの影*/
	-moz-box-shadow:2px 2px 4px 1px #CCC;
	-webkit-box-shadow: 2px 2px 4px 1px #CCC;
	box-shadow:2px 2px 4px 1px #CCC;
}
.counsulConfirmBtn a{
	color:#FFF;
	display: block;
	text-decoration:none;
}
.salon_present{
	text-align:center;
	font-size:10px;
	padding:3.4% 5% 3.4% 5%;
	margin:1em;
	background-color: #fee4ec;
	border-radius: 5px;
	color:#807E7E;
}
.salon_present a{
	font-weight:700;
	font-size:14px;
	text-decoration:none;
}


/* tab */
#saloncolbg{
	background:#FFFFFF;
}
.salon_name{
	background:#2C1B01;
	color: #FFFFFF;
	padding:10px;
	min-height:50px;
	background-image: url("../../img/background_image_salon_top.png") ;
	background-repeat:no-repeat;
	background-position:right top;
	background-size: 120% auto;
}

.salon_name img{
	width:113px;
}

.salon_name_ico{
	background:#2C1B01;
	color: #FFFFFF;
	padding:0 0 0 0;
	min-height:50px;
	font-size: 15px;
}

.salon_name  .left{
  float:left;
}
.salon_name  .right{
  float:right;
  margin-right:1em;
}


.NavigationTabList_a,.NavigationTabList_b{
	width: 100%;
}
.NavigationTabList_a ul,.NavigationTabList_b ul{
	background:#705635;
	background: -webkit-gradient(linear, left top, left bottom, from(#705635),to(#A07844));
	background: -moz-linear-gradient(#705635, #A07844);
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}
.NavigationTabList_a ul li:first-child,.NavigationTabList_b ul li:first-child{
	border-left:0px;
}
.NavigationTabList_a ul:after,.NavigationTabList_b ul:after{
	display: block;
	clear: both;
	content:'';
}
.NavigationTabList_a ul li,.NavigationTabList_b ul li{
	color: #FFFFFF;
	width:16%;
	line-height:36px;
	float: left;
	text-align:center;
	border-left:1px solid #FFFFFF;
	font-size:12px;
}
.NavigationTabList_a ul li a,.NavigationTabList_b ul li a{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	-webkit-animation: all 1s ease;
	-moz-transition: all 1s ease;
}
.NavigationTabList_a ul li.select,.NavigationTabList_b ul li.select{
	background:#2C1B01;
}
.NavigationTabList_a ul li.five,.NavigationTabList_b ul li.five{
	width:10%;
}
.NavigationTabList_a li.five span.open-close,.NavigationTabList_b li.five span.open-close{
 background: url(../../img/point_plus.png) no-repeat right top;
 float: left;
 width: 20px;
 height: 20px;
 margin:8px  0 8px 20%;
 text-indent:100%;
 white-space:nowrap;
 overflow:hidden;
}
.NavigationTabList_a li.active span.open-close ,.NavigationTabList_b li.active span.open-close{
 background: url(../../img/point_none.png) no-repeat right top;
 float: left;
 width: 20px;
 height: 20px;
 margin:8px  0 8px 20%;
}
.NavigationTabList_a div,.NavigationTabList_b div{
	display:none;
}
.NavigationTabList_a div p.salon_tablink ,.NavigationTabList_b div p.salon_tablink {
	margin:0;
	text-decoration:none;
	background:#705635;
	background: -webkit-gradient(linear, left top, left bottom, from(#705635),to(#A07844));
	background: -moz-linear-gradient(#705635, #A07844);
	line-height:2.2em;
	padding:1.4% 0 1.4% 1.4%;
}
.NavigationTabList_a div p a,.NavigationTabList_b div p a{
	color:#FFFFFF;
	display:block;
	font-size:12px;
}
.NavigationTabList_a div p.salon_pclink a,.NavigationTabList_b div p.salon_pclink a{
	background-image: url(../../beginner2/img/ico_pc.png);
	background-position: right 50%;
	background-repeat: no-repeat;
	background-size: 14px auto;
	display: inline-block;
	min-height: 14px;
	padding-right: 18px;
}

/* salontop */
#saloncolbg h3,.course_catch,.salon_catch{
 margin:0;
 padding: 1em;
 background : -webkit-gradient(linear, left top, left bottom, from(#F0E4CD), to(#fff));
 background : -webkit-linear-gradient(top, #F0E4CD, #fff);
 background : linear-gradient(to bottom, #F0E4CD, #fff);
 font-size:16px;
 font-weight: 700;
 width:auto;
 text-align:left;
 color: #543F2A;
}
#saloncolbg h3.store-detail__info__header{
	background: none;
	padding: 0;
}
#saloncolbg h3 a{
	text-decoration:none;
	}
#saloncolbg .salon_catch {
 margin-top: 0;
}

.salon_main_img img{
	margin:0;
}
.salon_main_txt{
	margin:auto 1em;
}
.salon_main_txt h3{
	color: #D34571;
	border-left:7px solid #2F1B00;
}
.salon_main_txt p{
	font-size:14px;
	margin: 1em 0;
}


.course_listlink{
	text-align:center;
	padding:3.4%;
	margin:0;
}
.course_listlink a{
	color:#C8304D;
	text-decoration:none;
}
#salonMinicol li{
	float: left;
}
#in_storelist {
	font-size: 12px;
	background-color: #ffffff;
}

#in_storelist h2 {
 font-size: 14px;
 background: #4E3C30;
 color: #FFF;
 font-weight: bold;
 margin: 0;
 padding: 6px 6px 6px 10px;
}

#saloncol .ttl1 h3,
#saloncol .ttl1 h2 {
 background: none;
 color: #FFF;
	font-size: 105%;
 font-weight: bold;
 margin: 0;
 padding: 0;
	line-height: 1.2;
}
#saloncol #courseRemarks .ttl1 h3 {
	font-size: 105% !important;
}

#in_storelist dl {
	margin: 1em;
}

#in_storelist dt {
	float: left;
	width: 25%;
	margin-bottom:3%;
	font-size:12px;
}
#in_storelist dd {
	float: left;
    width: 75%;
	margin-bottom:3%;
}
#in_storelist dd ul li{
	margin:0 3% 3% 0;
	text-decoration: underline;
	font-size:12px;
	display: inline-block;
}
.salonSubImg{
	padding: 1em 0 1em 1em;
	background: transparent url("../../img/bg_salon.jpg");
	background-repeat:no-repeat;
	background-position:right bottom;
	background-size:60%;
	}
.salonSubImgLeft{float:left;width:50%;}
.salonSubImgLeft img{width:100%;}
.salonSubImgRight{float:left;width:40%;padding: 2em 0.5em 2em 1em;}
#salonMinicol h2{
	background-color: #4E3C30;
 display: block;
 height: 24px;
 padding: 8px 0 0 12px;
 font-size: 14px;
	margin: 10px 0 0 0;
	color:#FFF;
	font-weight: 700;
}
.anotherNews {padding: 1em; margin:0; background-color: #FFFFFF;}
.courseList_the{padding: 1em 0 0.5em;
    background : -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F0E4CD));
    background : -webkit-linear-gradient(top, #fff, #F0E4CD);
    background : linear-gradient(to bottom, #fff, #F0E4CD);
	border-bottom: 1px dotted #999;
	position: relative;
}
.courseList_the A{}
.courseList_the A::after{
  position:absolute;	
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: transparent;
}

.courseList_the_left2{width:32%; float: left;  margin:0 1em;}
.courseList_the_left2 img{width:100%;}
.courseList_the_right{width:50%;float: left;}
.courseList_the_right p{margin: 0.3em 0;}
.courseList_the_right div{margin: 0;}
.courseList_aim p{font-size: 12px;line-height: 10px;}
.courseList_frequency p{font-size: 12px;}

#courseListLink{
    margin: 0;
    background-color: #ffffff;
    padding: 1.5em;
				text-align: center;
				font-size: 12px;
				border-bottom: 1px dotted #999;
				font-weight:700;
}
#courseListLink a{
	text-decoration:none;
}

/* リスト表現共通 storelist storedetail courselist */
.store_list,.course_list{
	margin-bottom:1em;
}
.store_list_contents{
	margin-bottom: 1em;
/*	margin: auto 3.4% 1em 3.4% ;*/
}
.store_list_contents dt:after{
	content:"：";
}
.store_detail_title,.course_detail_title{
	margin:1em 0 1em 10px;
	padding: 5px 0 5px 10px;
	border-left: #2F1B00 solid 7px;
}
.store_list_title,.course_list_title,.gallery_title,.review_title,.coupon_title{
 margin: 0px;
 padding: 0.5em 1em;
 background: transparent linear-gradient(to bottom, #F0E4CD, #FFF) repeat scroll 0% 0%;
 font-size: 16px;
 font-weight: 700;
}

.coupon_title{
	font-weight: bold;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align:center;
	padding: 20px 15px;
	font-size: 16px;
}


/*  クーポンに関する注意事項  */
.attention{
	margin: 0 10px 20px;
	font-size:12px;
}
.attention ul{
	font-size:12px;
}


/* storelist */
.course_list_contents{
	margin: auto 0 1em 0 ;
}
.store_list_name{
	padding:2% 0;
}
.store_list_name h3{
	border-left: #C8304D solid 7px;
}
.store_list .outbox .btn_course_detail1,
.store_list .outbox .btn_reserve1{
 margin-top: 0 !important;
}

#saloncol .area1_list_on_storelist{
	margin-left: 10px;
	margin-bottom: 15px;
	display: flex;
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;
	-ms-flex-wrap:wrap/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap/*--- safari（PC）用 ---*/
}
.areaName{margin-left: 10px;}
.area1_list_on_storelist li{
	width:31%;
	height:34px;
	float:left;
	background-color:#9F7844;
	font-size: 11px;
	margin: 0 1% 5px 1%;
	padding: 0;
 	box-sizing: border-box;
	color: #edca53;
	text-align: center;
	 display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
.area1_list_on_storelist li a{
	text-decoration: none;
	color: #fff;
	line-height: 34px;
	display: block;
	width: 100%;
}
.store_list_link{
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFCFB), to(#EEE5D6));
 background: -moz-linear-gradient(#FDFCFB, #EEE5D6);
 border: 1px solid #ccc;
}
.store_list_link a{
background: url(../../img/list_mark1.png) no-repeat 100% 50%;
display: block;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
}
.store_list_img {
	width: 25%;
	padding-left: 1em;
	box-sizing: border-box;
	float: left;
}
.store_list_img img{
	width: 100%;
}
.store_list_contents dl{
	font-size: 12px;
	margin-top:0px;
	width: 75%;
	float: left;
}
.store_list_contents dl dt{
	width: 15%;
	clear:left;
	float: left;
	padding-left: 1em;
	box-sizing:border-box;
}
.store_list_contents dl dd{
	width: 85%;
	float: left;
	padding-right: 1em;
 box-sizing: border-box;
}
.store_list_contents dl img{
	width: 12px;
}
.ConfirmBtn{
	padding-bottom:6%;
	padding-top:1em;
}
.ConfirmBtn ul{
	margin: auto 3.4%;
}
.ConfirmBtn ul li{
	width: 48%;
	float: left;
	padding-bottom:2%;
}
.ConfirmBtn ul li a{
	color: #FFF;
	text-decoration:none;
	display: block;
}
.ConfirmBtn ul li.one{
	height:24px;
	border:1px solid #604937;
	font-weight:700;
	font-size:80%;
	color:#FFF;
	background:#271403;
	text-align:center;
	padding:10px 0 0 0;
	margin:0 2% 0 0;
/*角丸*/
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
/*グラデージョン*/
	background:-moz-linear-gradient(top,#604937,#271403);
	background:-webkit-gradient(linear,left top,left bottom,from(#604937),to(#271403));
/*テキストの影*/
	text-shadow:1px 1px 1px #000;
/*ボタンの影*/
	-moz-box-shadow:2px 2px 4px 1px #CCC;
	-webkit-box-shadow: 2px 2px 4px 1px #CCC;
	box-shadow:2px 2px 4px 1px #CCC;
}
.ConfirmBtn ul li.two{
	height:24px;
	border:1px solid #DB3E85;
	font-weight:700;
	font-size:80%;
	color:#FFF;
	background:#C10854;
	text-align:center;
	padding:10px 0 0 0;
/*角丸*/
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
/*グラデージョン*/
	background:-moz-linear-gradient(top,#ED5698,#C10854);
	background:-webkit-gradient(linear,left top,left bottom,from(#ED5698),to(#C10854));
/*テキストの影*/
	text-shadow:1px 1px 1px #000;
/*ボタンの影*/
	-moz-box-shadow:2px 2px 4px 1px #CCC;
	-webkit-box-shadow: 2px 2px 4px 1px #CCC;
	box-shadow:2px 2px 4px 1px #CCC;
}
.storeConfirmBtn{
	margin:auto 3.4%;
}

/* storedetail
-------------------------------------------------*/
.store_detail_contents{
	/*
	margin: 0 3.4%;
	padding:3.4% 0;
	*/
}
.store_detail_name h2{
    margin: 0;
    padding: 0.5em 1em;
    background: -webkit-gradient(linear, left top, left bottom, from(#F0E4CD), to(#fff));
    background: -webkit-linear-gradient(top, #F0E4CD, #fff);
    background: linear-gradient(to bottom, #F0E4CD, #fff);
    font-size: 16px;
    font-weight: 700;
    width: auto;
    text-align: left;
    color: #543F2A;
    border-left: 7px solid #C8304D;
}
.photo_main{
	text-align:center;
}
.store_detail_img .photo_main img{
	width: 60%;
}
.store_detail_img img{
	width: 100%;
	margin: 0;
}

.store_detail_img #ShopPhotoListSp{
 overflow:hidden;
 height:100%;
	margin: 0 0 15px 0;
	width: 102%;
}
.store_detail_img .ShopPhotoOneSp{
	width: 24%;
	float: left;
	margin: 2px 2px 0 0;
}
.photo_sub_acvite{border:1px solid #000;}
.photo_sub img{opacity: 0.67;}
.photo_sub_acvite img{opacity:1;}



.store_detail_txt1{
	width: 60%;
	float: left;
	font-size:80%;
	font-weight:bold;
	text-align:center;
}
.store_detail_confirmbtn{
	border:1px solid #DB3E85;
	height:20px;
	background:#C10854;
	padding:5px 0 0 0;
	margin:0 0 5px 0;
/*角丸*/
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
/*グラデージョン*/
	background:-moz-linear-gradient(top,#D34D88,#C10854 40%,#DB3E85);
	background:-webkit-gradient(linear,left top,left bottom,from(#D34D88),color-stop(0.4,#C10854),to(#DB3E85));
/*テキストの影*/
	text-shadow:1px 1px 3px #000;
/*ボタンの影*/
	-moz-box-shadow:2px 2px 4px 1px #CCC;
	-webkit-box-shadow: 2px 2px 4px 1px #CCC;
	box-shadow:2px 2px 4px 1px #CCC;
}
.store_detail_confirmbtn a{
	text-decoration:none;
	display: block;
	color: #FFF;
}
.store_detail_confirmtxt a{
	font-size:12px;
	font-weight:normal;
}
.store_detail_txt2{
	background:#E6D7CA;
	clear: both;
	line-height: 1.6;
	margin: 1em;
}
.store_detail_txt2 dt{
	width: 24%;
	float: left;
	padding-left: 1%;
	clear: left;
}
.store_detail_txt2 dd{
	background:#F0E9E1;
	float: left;
	width: 74%;
	padding-left: 1%;
}
.store_detail_txt2 .f1{padding-top:2px; }
.store_detail_confirmbtn img{
	max-width: 100%;
}
#ShopStaffTitle{
	font-weight:bold;
}
#ShopStaffSp{
	margin:10px 0;
}
#ShopStaffSp .ShopStaffOneSp{
 overflow:hidden;
 height:100%;
	margin: 0 ;
	background: transparent url("../../img/bg_salon.jpg");
	background-repeat:no-repeat;
	background-position:right bottom;
	background-size:50%;
	border-bottom: 1px dotted #999;
}
#ShopStaffSp .ShopStaffOneSp .ShopStaffOnePhotoSp{
	float:left;
	width:40%;
}
#ShopStaffSp .ShopStaffOneSp .ShopStaffOnePhotoSp img{
	width:100%;
	margin:5% 0px 5% 1em;
}
#ShopStaffSp .ShopStaffOneSp .ShopStaffOneInSp{
	float:left;
	width:50%;
	padding:0.5em 0 5% 7%;
	font-size:12px;
}

#ShopStaffSp .ShopStaffOneSp .ShopStaffOneInSp .ShopStaffOneNameSp{
	font-weight:bold;
	font-size: 14px;
}
#ShopStaffSp .ShopStaffOneSp .ShopStaffOneInSp .ShopStaffOneWordSp{
	border-top:1px solid #EDF0E0;
	margin:3px 0 0 0;
	padding:3px 0 0 0;
}
.counsulTelBtn{
	margin-top:1em;
	border-top:1px solid #D9F5F3;
	border-bottom:1px solid #D9F5F3;
	height: 44px;
	line-height: 44px;
	background-color:#FFFFFF;
}
.counsulTelBtn a{
	display: block;
	text-decoration:none;
	text-align:center;
}
.store-detail__info{
	margin: 1em;
}
	.store-detail__info__one-block{
		clear: both;
		padding: 1.2em 0;
		border-bottom: 1px solid #e0dfe3;
	}
		.store-detail__info__one-block--first{
			border-top: 1px solid #e0dfe3;
		}
		.store-detail__info__one-block__title{
			font-weight: bold;
			width: 28%;
			float: left;
			padding-left: 1%;
		}
		.store-detail__info__one-block__detail{
			float: left;
			width: 70%;
			padding-left: 1%;
			padding-top: 7px;
		}
		.store-detail__info__one-block__detail a{
			display: block;
			margin: 0 0;
		}
.store-detail__businessHours{
	padding-bottom: 0.5em;
}
	.store-detail__businessHours--greaterThanZero{
		border-top: 1px solid #e0dfe3;
		padding-top: 0.5em;
	}
.backlink_area{
	text-align: right;
    font-size: 12px;
    margin: 10px 0 10px 3em;
}
/* map */
#map{
	width:280px;
	margin:0 auto;
}
.counsulMap{
	text-align:right;
	font-size: 12px;
	margin: 5px 3em;
}
.counsulMapreset{
	margin:3% 0;
	text-align:center;
}
.counsulMapreset a{
	margin-left:3%;
}
.salonpage_subtitle{
	background-color: #4E3C30;
	display: block;
	padding: 0px 0px 0px 12px;
	font-size: 14px;
	margin: 10px 0px 0px;
	color: #FFF;
	font-weight: 700;
}
#saloncolbg .salonpage_subtitle h3{background:none;margin: 0 0;padding: 0 0;color: #ffffff;}
#ShopMessage{
	margin:0.5em 1em;
}
.store_detail_img{
	margin:1em;
}


/* courselist */
.recommended_course{
	background: transparent url("../../img/osusume.png");
	background-repeat:no-repeat;
	background-size: 55px;
	background-color: #F0E4CD;
	color: #fff;
	height:30px;
	font-size: 10px;
	font-weight:700;
	text-indent: 150%;
 white-space: nowrap;
	overflow: hidden;
	}
.course_list_contents section{

}
.course_list_contents .catch{
	margin:0.5em;
	font-weight:normal;
	font-size:12px;
}
.course_list .course_list_contents .course_catch {
	padding: 1em 1em 0 1em;
	margin: 1em 0 0 !important;
	font-size: 14px;
	background: none;
	clear: both;
}
.course_list_name{
	padding:5px 0 0 5px;
	margin-bottom:5px;
	font-size:14px;
	font-weight:700;
}
.course_list_item p{
	margin:2% 0;
}
.course_list .course_list_contents .course_list_item {
 width: 60%;
 float: left;
 padding: 0 1em;
	margin-top: 1em;
 box-sizing: border-box;
}
.course_list .course_list_contents .parts {
	padding-bottom: 0 !important;
}
.course_list .course_list_contents .visit_date,
.course_list .course_list_contents .visit_number {
	padding: 0 0 0.7em 0 !important;
}
.course_list_price{
	color: #C7304C;
	font-size:14px;
	margin-bottom:0px !important;
}
.course_list_price span{
	font-weight: bold;
	font-size: 16px;
}
.sub_price{
	font-size:12px !important;
	color: #543F2A;
	font-weight: 100 !important;
}
.priceDetails{
	color: #C7304C;
	font-weight: bold;
}
.course_list_img{
	width: 35%;
	float: left;
	margin:1em 0 0 1em;
	box-sizing:border-box;
}
.course_list_img img{
	width: 100%;
	height: auto;
}
.courseList_name{
	font-weight:700;
	font-size:16px;
}
.courseList_name a{
	text-decoration:none;
}


/* coursedetail */
.course_detail h2{
	font-size:16px;
	margin:0;
	padding: 1em;
	border-left: #C8304D solid 7px;
	font-weight: bold !important;
	background : -webkit-gradient(linear, left top, left bottom, from(#F0E4CD), to(#fff));
 background : -webkit-linear-gradient(top, #F0E4CD, #fff);
 background : linear-gradient(to bottom, #F0E4CD, #fff);
}
.course_detail h3{
	border:none;
	padding:0;
	color:#D34571;
	font-size:14px;
}
.course_detail .parts {
	padding-bottom: 0 !important;
}
.course_detail .course_list_img{
 width: 35%;
 float: left;
 margin: 1em 0 0 1em;
 box-sizing: border-box;
}
.course_detail .course_list_item {
	width: 60%;
	float: left;
	padding: 1em 1em 0 1em;
	box-sizing: border-box;
	overflow: hidden;
}
.course_detail .course_list_item .visit_date,
.course_detail .course_list_item .visit_number {
 padding: 0 0 0.7em 0 !important;
}
.course_detail p.course_detail_txt{
	font-size: 12px;
	margin: 10px 0 0 !important;
	padding: 0 1em !important;
}
.course_detail_img{
	width: 40%;
	float: left;
	padding: 1em 0 0 1em;
	box-sizing: border-box;
}
.courseDetails{
	margin:5px auto 3px auto;
	border-top: #A07844 dashed 1px;
	padding-top: 3px;
}
.priceDetails{
	padding-bottom:3px;
	border-bottom: #A07844 dashed 1px;
	margin:0 auto 5px auto;
}
.course_detail .course_catch {
	clear: both;
	background: none;
	font-size: 14px !important;
	padding: 1em 1em 0 1em;
	margin: 1em 0 0 !important;
}
.course_detail .btn_reserve2 {
	margin-bottom: 0  !important;
}

.course_details_section_inner {
	padding:1em 1em 0 1em;
}
.course_details_section_inner .outbox {
	padding: 1em 0 !important;
}

.content_order_wrap{
	margin:1em 0;
	padding:0;
}
.content_order_wrap .course_detail_img {
	width: 40%;
	float: left;
	padding: 0;
	box-sizing: border-box;
}
.course_step{margin-bottom: 10px;}
.content_order_wrap h4,.course_detail_name{
	width: 100% !important;
	margin:0 0 5px 0;
 padding: 0;
 font-weight: bold;
	padding-left: 10px;
	border-left: #2F1B00 solid 7px;
	font-size: 14px;
}
.content_order_wrap p{
	width: 60%;
	float: left;
	margin-top: 0  !important;
	padding: 0 0 0 1em;
	box-sizing: border-box;
}
.course_confirm p{
	text-align: center;
	margin: 3.4% 3.4% 0 3.4%;
}

#courseWrap{
	margin:1em 0;
}
#courseWrap table{
	position:relative;
}
#courseWrap table td {
	padding: 4px;
}
#courseWrap .outbox {
	padding: 1.5em 0 1.5em !important ;
}
#courseWrap .outbox .present_haagen {
	margin: 0 1em 1em 1em;
}

#contentsTtl_wrap{
	background-color:#faf0ed;
}
.contentsTtl_a{
	width:70%;
	background-color:#faf0ed;
}
.contentsTtl_b{
	text-align:center;
}
.table_order_ttl{
	background-color:#FFF;
}
.ctbl_310 div:after,.table_order_left_a div:after {/*for modern browser*/	content: ".";	clear: both;	display: block;	line-height: 0;	height: 0;	visibility: hidden;}
.table_order_middle{
	text-align:center;
}
.table_order_right{
	text-align:center;
}
.ctbl_175{width:100%}

#courseWrap table{
	background-color: #E0DFE3;
}
#courseOption table,#courseWrap table{
	width: 100%;
	border-spacing: 1px;
	border-collapse: separate;
	font-size: 12px;
	padding: 0  !important;
}
#courseOption table {
	margin-bottom: 1em;
}
#courseOption table, #courseWrap table td {
 padding: 4px;
}
.course_option {
 padding: 0;
}
#courseOption table tr td.course_optionTxt_price{
	width: 22%;
	text-align:right;
}


#courseRemarks #courseRemarksTxt{
	margin-bottom:1em;
	font-size: 12px;
}
#courseRemarksTxt br{
	margin-bottom: 0.5em;
}
#courseRemarksTxt ul{
	margin:auto 3.4%;
}
#courseRemarksTxt ul li{
	list-style: disc inside;
}

/*コースページトグル*/
.course_sub_tile{
 background: #E6D7CA;
 border-radius: 10px;
 text-align: left;
 border: 1px solid #ccc;
 color: #000;
 margin: 0 3.4%;
 display: flex;
 display:-ms-flexbox;/*--- IE10 ---*/
 display:-webkit-flex;/*--- safari（PC）用 ---*/
}
#saloncolbg .course_sub_tile h3{background:none;margin-right: auto;}
.active{}
.active .open-close{
 background: url(../../img/ico_arrow_up.png) no-repeat 1em 1.5em;
}
.open-close{
 background: url(../../img/ico_arrow_down.png) no-repeat 1em 1.5em;
 width: 3em;
 text-indent:100%;
 white-space:nowrap;
 overflow:hidden;
}

/* coupon */
#couponWrap {
	margin: 0 0 1em 0;
}
#couponWrap h3{
 margin: 0px;
 background : -webkit-gradient(linear, left top, left bottom, from(#F0E4CD), to(#fff));
	background : -webkit-linear-gradient(top, #F0E4CD, #fff);
 background : linear-gradient(to bottom, #F0E4CD, #fff);
 font-size: 16px;
 font-weight: 700;
	padding:0;
}

.coupon_salon_name{
	font-size:14px;
	font-weight: bold;
	border-left: 7px solid #2F1B00;
	padding: 10px 0 10px 10px;
	margin: 0 30px 0 35px !important;
}
#couponWrap p.coupn_zentai_bikou {
	margin: 0 22px 10px 35px;
}
#couponWrap .outbox .btn_reserve2{
	margin-bottom: 0;
}


#attentionTxt{
	font-size:11px;
	color:#D34571;
	padding-right: 20px;
	margin: 0 0 0 35px;
}
.Privilege{
	margin:0 0 20px !important;
	background:url("/sp/img/salon/coupon/bg.gif") repeat-y;
	background-size: 100%;
	border-bottom:none;
	padding-bottom: 0;
}
.Privilege p{
	background:#fff;
	margin:0;

}
.Privilege_con_bold_btm{
	background:#f8f6f2;
	margin:5px 9px 0;


}
.Privilege_con_bold_btm p{
	background: none;
	padding:10px 0;
	font-size: 12px;
}

.Privilege_bold{
	color:#D24571;
}
.Privilege_con_bold{
	color:#523F2A;
	padding: 7px 10px;
}
.Privilege_con_bold p{
	padding: 0 10px;
}
.Privilege_con_el{
	color:#523F2A;
	margin-left: 0px;
}
.Privilege_CourseLink{
	text-align:left;
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.Privilege_CourseLink a{
	color:#D24571;
}
.Privilege_CourseLink ul{
	font-size:12px;
}
.CouponConfirmBtn {
	margin:1em auto 0 auto;
	width:220px;
	height:25px;
	text-align:center;
	border:1px solid #DB3E85;
	font-weight:bold;
	background:#C10854;
	font-size:105%;
	padding:5px 0 0 0 ;
/*角丸*/
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
/*グラデージョン*/
	background:-moz-linear-gradient(top,#D34D88,#C10854 40%,#DB3E85);
	background:-webkit-gradient(linear,left top,left bottom,from(#D34D88),color-stop(0.4,#C10854),to(#DB3E85));
/*テキストの影*/
	text-shadow:1px 1px 3px #000;
/*ボタンの影*/
	-moz-box-shadow:2px 2px 4px 1px #CCC;
	-webkit-box-shadow: 2px 2px 4px 1px #CCC;
	box-shadow:2px 2px 4px 1px #CCC;
}
.CouponConfirmBtn a{
	color:#FFF;
	text-decoration:none;
}
#couponWrap h3 img{
	width: 100%;
}
#Coupon_bottom {
    line-height: 0;
}
#Coupon_bottom img{
	width: 100%;
}
#Privilege_PhA {
	width: 50%;
	float: left;
}
#Privilege_PhB {
	width: 50%;
	float: right;
}
#Privilege_PhA img,#Privilege_PhB img{
	max-width: 95%;
}
#Privilege_Ph_con {
	margin: 0 22px 0 35px;
}
#Privilege_Ph_con p {
	margin:0px 30px;
}
/* review */
#review_line {
 width: 100%;
 height: auto;
 overflow: hidden;
	padding: 10px;
 box-sizing: border-box;
}
#voice_ttl {
	float:left;
	font-size:140%;
	margin:20px 0 0 5px;
	padding:0;
}
.cartridge {
	float:left;
	background-color:#F8F1E7;
	border:solid 1px #C79A6D;
	margin: 5px 0;
	padding:10px;
	width: 100%;
 box-sizing: border-box;
}
.cartridge .chara {
	float:left;
	border:solid 1px #D9BB9D;
	margin:0 10px 5px 0 ;
	padding:0;
	width:30%;
}
.cartridge .profile {
	float:left;
	line-height:1.5em;
	color:#3A2725;
	margin:0 0 1em 0;
	padding:0;
	width:65%;
}
.profile__postedDate{
	text-align: right;
	padding: 0 0.5em 0 0;
}
.cartridge .point {
	float:left;
	border:solid 1px #D9BB9D;
	background-color:#FFF;
	margin-bottom: 0.5em;
	padding: 5px 0 5px 0;
	width: 100%;
}
.cartridge .point .all {
	float:left;
	margin:10px 0;
	padding:0;
	width: 30%;
}
.cartridge .point .all dl {
	float:left;
	margin:0;
	padding:0;
}
.cartridge .point .all dt {
	width: 100%;
	float:left;
	text-align: center;
	padding:0;
}
.cartridge .point .all dd {
	width: 100%;
	float:left;
	text-align:center;
	margin:0;
	padding:0;
	font-size:12px;
}

.cartridge .point .all dd img {
	width: 18%;
}
.cartridge .point .item {
	float:left;
	width: 30%;
	font-size:12px;
	margin:2% 0 0 0;
	line-height:1.5em;
	padding:0;
	letter-spacing:-0.05em;
}
.cartridge .point .star {
	float:left;
	margin:0;
	padding:0;
}
.cartridge .point .star img{
	margin:0 1px 0 0;
}
.cartridge .point .mark {
	float:left;
	padding:0;
 margin-top: 1%;
 font-size: 10px;
 line-height: 1.94em;
 letter-spacing: -0.05em;
}
.cartridge .voice {
	display:none;
}
.cartridge .voice dl{
	float:left;
	margin:0;
}
.cartridge .voice dt{
	float:left;
	background-image:url(../../salon/img/ico_voice.jpg);
	background-repeat:no-repeat;
	background-position:0;
	font-size:120%;
	margin:0;
	padding:10px 0 0 20px;
}
.cartridge .voice dd{
	float:left;
	font-size:90%;
	line-height:1.5em;
	margin:0;
}
.voice--sp{
	margin:0 5px 5px 5px;
	padding: 5px;
	border-bottom: solid 1px #D9BB9D;
}
.more {
	width:100%;
	float:left;
	text-align:center;
	cursor:pointer;
	margin: 10px 0;
	background-color:#F8F1E7;
	padding: 0.6em;
	box-sizing: border-box;
}



.guideline {
	float: left;
	border: solid 1px #D9BB9D;
	background-color: white;
	font-size: 90%;
	margin: 10px 5px;
	padding: 20px;
}


.guideline ul {
	margin:0;
	padding:10px;
}
.guideline li {
	float:left;
	line-height:1.6em;
	margin:0;
	padding:0.7em;

}
#widewrap_bottom .btn{
	margin-top:0px;
	margin-bottom: 20px;
}
#more{
	cursor:pointer;
	margin:10px 5px;
	text-align:center;
	background-color:#F8F1E7;
	padding: 0.6em;
}
.btncenter{
	margin:5% auto;
}


/* gallery */

.gallery_gcaption {
	margin:0.5em 1em;
	}


/*
 NEWデザインパーツ20171004
-----------------------------------------*/
#saloncol .outbox{
	width: 100%;
	padding: 1.5em 1em;
	box-sizing: border-box;
	overflow:hidden;
	position: relative;
}
#saloncol .course_list .course_list_contents .outbox {
	padding: 0 1em;
}
#saloncol .store_list .outbox {
	padding: 1em;
}
#saloncol .store_detail .outbox {
 padding: 1.5em 1em 1.5em;
}
#saloncol #couponWrap .outbox {
	padding: 1.5em 1em 1.5em;
}
/* マイクロコピー */
#saloncol .outbox a.btn {
	text-decoration: none;
}
#saloncol .outbox .microcopy {
	color: #e6276d;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}
/* ボタン*/
#saloncol .btn_reserve1 {
	width: 49%;
	height: auto;
 float: left;
 font-weight: bold;
 font-size: 13px;
 color: #FFF;
 background: #e6276d;
 text-align: center;
 padding: 8px 0;
 margin: 10px 0 10px 1%;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#saloncol .btn_reserve1::after {
	content: '';
	width: 6px;
	height: 6px;
	border: 0;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	position: absolute;
	top: 26px;
	right: 6%;
	transform: rotate(45deg);
}
#saloncol .course_list .course_list_contents .btn_reserve1::after {
	top: 22px;
}
#saloncol .btn_reserve2 {
	width: 80%;
	height: auto;
 float: left;
 font-weight: bold;
 font-size: 13px;
 color: #FFF;
 background: #e6276d;
 text-align: center;
 padding: 8px 0;
 margin: 2px 10% 10px 10%;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#saloncol .btn_reserve2::after {
	content: '';
	width: 6px;
	height: 6px;
	border: 0;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	position: absolute;
	top: 50px;
	right: 15%;
	transform: rotate(45deg);
}
#saloncol .btn_course_detail1 {
	width: 49%;
	height: auto;
 float: left;
 font-weight: bold;
 font-size: 13px;
 color: #FFF;
 background: #4B402D;
 text-align: center;
 padding: 8px 0;
 margin: 10px 1% 10px 0;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 2px;
}
#saloncol .btn_reserve1 a,
#saloncol .btn_reserve2 a,
#saloncol .btn_course_detail1 a {
 color: #FFF;
 text-decoration: none;
 display: block;
}
#saloncol .link_head a:hover,
#saloncol a.btn:hover {
	opacity: 0.5;
}

/*　見出し　*/
#saloncol .ttl1 {
 font-size: 105%;
 background: #4E3C30;
 color: #FFF;
 font-weight: bold;
 margin: 0;
 padding: 6px 0 6px 10px;
}

#saloncol p { margin: 10px 0; }
#saloncol .link_head {
 padding: 0 0.7em 1em 0.7em;
 overflow: hidden;
}
#saloncol .link_head li{
	width:31%;
	height:34px;
	float:left;
	background-color:#2e0006;
	font-size: 11px;
	margin: 0 1% 5px 1%;
	padding: 0;
 box-sizing: border-box;
	color: #edca53;
 text-align: center;
	 display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
  align-items: center; /* 縦方向中央揃え */
  -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
  justify-content: center; /* 横方向中央揃え */
}
#saloncol .link_head li a {
	color: #edca53;
	text-decoration: none;
}
.anchor_button {
	line-height: 17px;
	display: block;
	width: 100%;
}
.anchor_button_2rows {
	line-height: 17px;
}
/*　アイコン　*/
#saloncol .parts {  padding: 1em; overflow: hidden; }
#saloncol .parts ul li {
	float:left;
	background-color:#FBDBD0;
	padding: 3px 5px;
 margin: 0 3px 3px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 12px;
 line-height: 1.4;
}
#saloncol .visit_date,
#saloncol .visit_number {
	padding: 0 1em 0.7em 1em;
	font-weight:bold;
	font-size: 12px;
 line-height: 1.6;
	overflow: hidden;
}
#saloncol .visit_date dt,
#saloncol .visit_number dt {
	color: #666;
	font-weight:bold;
	font-size: 12px;
 line-height: 1.4;
	float:left;
	display: inline;
	clear: both;
	padding: 3px 3px 0 0;
}
#saloncol .visit_date dd,
#saloncol .visit_number dd {
	background-color:#DFCEF5;
	color: #666;
	padding: 1px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline;
	float: left;
	line-height: 1.4;
}

/*　プレゼント：ハーゲンダッツ　*/
#saloncol .present_haagen .banner {
	border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
	padding:5px 8px;
	overflow: hidden;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c19e67+2,efd6b3+16,c19e67+35,efd6b3+55,ceaf84+75,efd6b3+85,cab580+100 */
 background: rgb(193,158,103); /* Old browsers */
 background: -moz-linear-gradient(-45deg,  rgba(193,158,103,1) 2%, rgba(239,214,179,1) 16%, rgba(193,158,103,1) 35%, rgba(239,214,179,1) 55%, rgba(206,175,132,1) 75%, rgba(239,214,179,1) 85%, rgba(202,181,128,1) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(-45deg,  rgba(193,158,103,1) 2%,rgba(239,214,179,1) 16%,rgba(193,158,103,1) 35%,rgba(239,214,179,1) 55%,rgba(206,175,132,1) 75%,rgba(239,214,179,1) 85%,rgba(202,181,128,1) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(135deg,  rgba(193,158,103,1) 2%,rgba(239,214,179,1) 16%,rgba(193,158,103,1) 35%,rgba(239,214,179,1) 55%,rgba(206,175,132,1) 75%,rgba(239,214,179,1) 85%,rgba(202,181,128,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c19e67', endColorstr='#cab580',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#saloncol .present_haagen .banner .photo {
	background-image: url("../../img/pho_haagen.png");
	background-repeat:no-repeat;
	background-size: 60px auto;
	background-position: 0 10px;
	overflow: hidden;
}

#saloncol .present_haagen .banner::after {
	position: absolute;
 right: 20px;
 display: block;
 content: '';
 width: 6px;
 height: 6px;
 margin-top: -30px;
 border-top: 2px solid #872231;
 border-right: 2px solid #872231;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}

#saloncol .present_haagen .banner .box_r {
	float:left;
	width: 78%;
	height: auto;
	margin: 5px 0px 0 68px;
	font-size: 12px;
	font-weight: bold;
}
#saloncol .present_haagen .banner .box_r .txt1 {
	border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
	color: #fff;
	background-color: #872231;
	padding: 3px 10px;
	display: inline;
	font-size: 10px;
}
#saloncol .present_haagen .banner .box_r .txt2 {
	color:#872231;
	margin-top: 5px;
	line-height: 1.2;
	text-shadow: #fff 1px 1px 1px;
}
#saloncol .present_haagen a.btn:hover {
	opacity: 0.5;
}

/* メニューのフロート関係 */

.NavigationTabList_b{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	display: none;
}
#simple_salon_name{
	position: fixed;
	top: -52px;
	left: 0;
	width: 100%;
	height: 52px;
	padding: 4px 10px;
	z-index: 1000;
	text-align: center;
	background: #2C1B01;
	color: white;
	display: flex;
 align-items: center;
 justify-content: center;
	font-size: 14px;
	line-height: 1.2;
	box-sizing: border-box;
}

#contents{
	margin-bottom: 60px;
}
#contents #top{
	position: relative;
	top:60px;
	margin-bottom: 60px;
}


/***   プレゼント　バナー    ***/
.present_haagen{
}

/* 同一カテ３（カテ２）のサロン（店舗）一覧
---------------------------------------------------- */
#area-salon-list h2 {
	font-size: 14px;
	background: #4E3C30;
	color: #FFF;
	font-weight: bold;
	margin: 0;
	padding: 6px 6px 6px 10px;
}
#area-salon-list ul li{
	font-size: 12px;
	margin: 10px;
}

/* 口コミ
---------------------------------------------------- */
.store-reviews {
	margin: 10px 0;
}
	.store-reviews__info{
		margin: 0 10px;
		padding: 10px;
		border: 1px solid #c6b099;
	}
		.store-reviews__info__name-age{
			color: #543F2A;
			display: table;
		}
		.store-reviews__info__name-age img{
			display: table-cell;
		}
		.store-reviews__info__name-age span{
			display: table-cell;
			vertical-align: middle;
			padding-left: 10px;
		}
		.store-reviews__info__comment{
			padding: 10px;
		}
	.store-reviews__link{
		text-align: right;
		padding: 10px;
	}

#saloncolbg .store-reviews__title h3{
	background: none;
	padding: 8px 16px;
}

/* 固定予約ボタン
---------------------------------------------------- */
.btn_line{
	background:#fff;
	border:1px solid #bbb4b4;
	opacity:0.9;
	overflow:hidden;
	padding: 2% 3% 2.5%;
	position: fixed;
	bottom: 0;
	text-align:center;
	width: 94%;
	z-index:100;
	display: none;
}
.btn_line p{
	color:#333;
	text-align:center;
	font-weight:bold;
	font-size: 13px;
	margin-bottom: 4px;
	z-index:100;
}
.btn_line .btn_reserve{
	width: 80%;
	height: auto;
	float: left;
	font-weight: bold;
	font-size: 13px;
	color: #FFF;
	background: #e6276d;
	text-align: center;
	padding: 8px 0;
	margin: 0 10%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.btn_line .btn_reserve::after {
	content: '';
	width: 6px;
	height: 6px;
	border: 0;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	position: absolute;
	top: 43px;
	right: 14%;
	transform: rotate(45deg);
}