/*
 * base css 
 * pc width 1000px fixed
 */

@media (max-width: 599px) {
}

@media (min-width: 600px) and (max-width:959px) {
}

@media (min-width: 960px) {
}

@media (max-width: 480px) {
}

@media (min-width: 481px) and (max-width:767px) {
}

@media (min-width: 768px) and (max-width:959px) {
}

@media (min-width: 960px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

/* ---------------------------------------- common */

@media (max-width: 767px) {
	html {
		scroll-padding-top: 120px;
	}
}
@media (min-width: 768px) {
	html {
		scroll-padding-top: 190px;
	}
}

/* ---------------------------------------- title */

#salon h2 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	color: #fff;
	background: #FC9913 url( ../images/salon/icon_salon.svg ) no-repeat top 55% left 1em;
	background-size: 3.4em 3.162em;
	line-height: 1.5;
	padding: 1em 0 1em 5em;
	margin: 0 0 2em;
	border-radius: 10px;
}

#salon h2 span { margin: 0 1em 0 0; }
#salon h2 small { margin: 0 1em 0 0; }

@media (max-width: 767px) {
	#salon h2 span {
		font-size: clamp(1.8rem, 0.398rem + 3.64vw, 2rem);
	}
	#salon h2 small {
		font-size: clamp(1.2rem, 0.023rem + 3.64vw, 1.4rem);
	}
}

@media (min-width: 768px) {

	#salon h2 span {
		font-size: clamp(1.8rem, -0.116rem + 2.59vw, 2.4rem);
	}
	#salon h2 small {
		font-size: clamp(1.3rem, -0.222rem + 2.16vw, 1.8rem);
	}

}

/* ---------------------------------------- table */

#salon .inside { margin: 0 0 5em; }

#salon table {
	width: 100%;
}
#salon table th,
#salon table td {
	border-top: 1px #FC9913 solid;
	border-bottom: 1px #FC9913 solid;
	line-height: 1.6;
	vertical-align: middle;
}
#salon table td p + p { margin: .5em 0 0; }

@media (max-width: 767px) {
	#salon table {
		font-size: clamp(1.3rem, -0.278rem + 5.45vw, 1.6rem)
	}
	#salon table th {
		width: 7em;
		padding: 1em 0;
	}
	#salon table td {
		padding: 1em 0;
	}
}

@media (min-width: 768px) {

	#salon table {
		font-size: clamp(1.3rem, 0.192rem + 1.29vw, 1.6rem)
	}
	#salon table th {
		width: 16.5em;
		padding: 1em;
	}
	#salon table td {
		padding: 1em 1em 1em 0;
	}
}

#salon table td a {
	color: #dd000f;
	text-decoration: underline;
}

/* icon */
.icon {
	display: inline-block;
	color: #fff;
	line-height: 1;
	padding: .5em;
	border-radius: 6px;
	margin: 0 .5em 0 0;
}
.icon.menu-cut { background: #DC000C; }
.icon.menu-color { background: #FC9913; }
.icon.menu-perm { background: #47B000; }

/* ---------------------------------------- map */

#salon .map {
	width: 100%;
	margin: 0 0 5em;
}
#salon .map iframe {
	width: 100%;
	height: 100%;
}

@media (max-width: 767px) {
	#salon .map { height: 180px; }
}

@media (min-width: 768px) {
	#salon .map { height: 400px; }
}

/* ---------------------------------------- pagelink */

#salon .pagelink { text-align: center; }
#salon .pagelink a {
	display: inline-block;
	color: #fff;
	background: #FC9913;
	padding: 1em 2em;
	border-radius: 100px;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#salon .pagelink a:hover { opacity: .5; }



/* ------------------------------------------editor_bb */
#salon .salon_detail_txt{
	line-height: 1.6;
}

@media (max-width: 767px) {
 #salon .salon_detail_txt{
	padding: 0 0 1em;
	}
}

@media (min-width: 768px){
 #salon .salon_detail_txt{
	padding: 0 1em 1em ;
	}
}