@charset "UTF-8";

/* ============================================================
   Base
   ============================================================ */

figure {
	margin: 0;
	padding: 0;
}

/* ============================================================
   Utilities
   ============================================================ */

#content .color-black {
	color: #3b4043;
}
#content .color-red {
	color: #ff0000;
}
#content .color-blue {
	color: #8daaff;
}
#content .color-gray {
	color: #888888;
}
#content .weight-bold {
	font-weight: bold;
}

/* Display */
.pc-only {
	display: none;
}

@media screen and (min-width: 768px) {
	.pc-only {
		display: block;
	}
}

.sp-only {
	display: block;
}

@media screen and (min-width: 768px) {
	.sp-only {
		display: none;
	}
}

/* Margin top */
.mt-10 {
	display: block;
	margin-top: 1rem;
}
.mt-20 {
	display: block;
	margin-top: 2rem;
}
.mt-30 {
	display: block;
	margin-top: 3rem;
}
.mt-40 {
	display: block;
	margin-top: 4rem;
}

/* Flex */
.is-flex > div + div {
	margin-top: 1.0rem;
}
@media screen and (min-width: 768px) {
	.is-flex {
		display: flex;
		flex-wrap: nowrap;
		gap: 1.6rem;
		display: grid;
		grid-template-columns: auto auto;
	}
	.is-flex > div {
		flex: auto;
	}

	.is-flex > div + div {
		margin-top: 0;
		flex: 1;
	}
	.is-flex.baseline {
		align-items: baseline;
	}
}

#content .decoration-underline,
#content a.decoration-underline {
	text-decoration: underline;
}

/* ============================================================
   Layout
   ============================================================ */

#content a.decoration-underline:hover {
	text-decoration: none;
}
#content a {
	text-decoration: none;
}
#content a:hover {
	text-decoration: underline;
}
#content img {
	max-width: 100%;
}
#content {
	position: relative;
	padding: 3.2rem 2rem 7rem;
}
@media screen and (min-width: 768px) {
	#content {
		padding: 2.5rem 4rem 7rem;
	}
	#content img {
		max-width: 100%;
	}
}

#content .common_title_ {
	margin-bottom: 2rem;
	font-weight: 600;
}

#salon2-fp-index {
	display: contents;
}
#salon2-fp-index::after {
	display: block;
	content: "";
	height: 4.4rem;
	margin: 0 0 2rem;
	background: rgba(0, 0, 0, 0);
}
#salon2-fp-index--outer {
	position: relative;
	position: sticky;
	top: 6.8rem;
	z-index: 30;
}
#salon2-fp-index--container {
	position: absolute;
	right: 0;
	top: 0;
	width: min(100%, 417px);
}
#salon2-fp-index--p {
	position: relative;
	background: #ffffff;
	border: solid 1px #a5a5a5;
	border-radius: 0.4rem;
	font-size: 1.4rem;
	height: 4.4rem;
	padding: 1.1rem 0.8rem 1.1rem 1.5rem;
	cursor: pointer;
}
#salon2-fp-index--p::after {
	display: block;
	content: "";
	position: absolute;
	right: 1.8rem;
	top: calc(50% - 0.6rem);
	width: 0.8rem;
	height: 0.8rem;
	border-top: solid 1px #8daaff;
	border-right: solid 1px #8daaff;
	transform: rotate(135deg);
}
#salon2-fp-index--p.active::after {
	transform: rotate(-45deg);
	top: calc(50% - 0.2rem);
}

#salon2-fp-index--c {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	background: #ffffff;
	border: solid 1px #a5a5a5;
	border-radius: 0.4rem;
	padding: 2.4rem 0.8rem 0;
	box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
	display: none;
}
#salon2-fp-index--c .salon2-fp-index--c-inner {
	max-height: 50dvh;
	overflow-y: auto;
	padding: 0 0.8rem 0 0;
}
#salon2-fp-index--c .salon2-fp-index--c-close {
	height: 7rem;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
#salon2-fp-index--c .salon2-fp-index--c-close a {
	position: relative;
	display: inline-block;
	padding: 0.5rem 0.5rem 0.5rem 2.2rem;
}
#salon2-fp-index--c .salon2-fp-index--c-close a::before,
#salon2-fp-index--c .salon2-fp-index--c-close a::after {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 1.2rem;
	height: 1px;
	background: #8daaff;
}
#salon2-fp-index--c .salon2-fp-index--c-close a::before {
	transform: rotate(45deg);
}
#salon2-fp-index--c .salon2-fp-index--c-close a::after {
	transform: rotate(-45deg);
}
#salon2-fp-index--c .salon2-fp-index--c-inner a {
	text-decoration: none;
}
#salon2-fp-index--c .salon2-fp-index--c-inner dt {
	margin: 0 0 1.2rem;
	font-weight: bold;
	color: #8daaff;
}
#salon2-fp-index--c .salon2-fp-index--c-inner dt:not(:first-child) {
	margin-top: 2.4rem;
}
#salon2-fp-index--c .salon2-fp-index--c-inner dd {
}
#salon2-fp-index--c .salon2-fp-index--c-inner dd ul li {
	margin-top: 1.2rem;
}
#salon2-fp-index--c .salon2-fp-index--c-inner dd ul li a {
	display: inline-block;
	padding: 0 0 0 2.4rem;
	background: url(../../img/usr/salon2/common/icon_arrow_r_blue2.png) left 0.8rem / 1.6rem no-repeat;
	line-height: 3.2rem;
}
@media screen and (min-width: 768px) {
#content {
.imgsize-169 { max-width: min(100%,169px); }
.imgsize-190 { max-width: min(100%,190px); }
.imgsize-199 { max-width: min(100%,199px); }
.imgsize-205 { max-width: min(100%,205px); }
.imgsize-211 { max-width: min(100%,211px); }
.imgsize-220 { max-width: min(100%,220px); }
.imgsize-227 { max-width: min(100%,227px); }
.imgsize-234 { max-width: min(100%,234px); }
.imgsize-245 { max-width: min(100%,245px); }
.imgsize-248 { max-width: min(100%,248px); }
.imgsize-256 { max-width: min(100%,256px); }
.imgsize-295 { max-width: min(100%,295px); }
.imgsize-303 { max-width: min(100%,303px); }
.imgsize-305 { max-width: min(100%,305px); }
.imgsize-309 { max-width: min(100%,309px); }
.imgsize-311 { max-width: min(100%,311px); }
.imgsize-316 { max-width: min(100%,316px); }
.imgsize-320 { max-width: min(100%,320px); }
.imgsize-322 { max-width: min(100%,322px); }
.imgsize-347 { max-width: min(100%,347px); }
.imgsize-359 { max-width: min(100%,359px); }
.imgsize-369 { max-width: min(100%,369px); }
.imgsize-379 { max-width: min(100%,379px); }
.imgsize-389 { max-width: min(100%,389px); }
.imgsize-394 { max-width: min(100%,394px); }
.imgsize-397 { max-width: min(100%,397px); }
.imgsize-401 { max-width: min(100%,401px); }
.imgsize-409 { max-width: min(100%,409px); }
.imgsize-410 { max-width: min(100%,410px); }
.imgsize-420 { max-width: min(100%,420px); }
.imgsize-422 { max-width: min(100%,422px); }
.imgsize-423 { max-width: min(100%,423px); }
.imgsize-428 { max-width: min(100%,428px); }
.imgsize-432 { max-width: min(100%,432px); }
.imgsize-442 { max-width: min(100%,442px); }
.imgsize-447 { max-width: min(100%,447px); }
.imgsize-448 { max-width: min(100%,448px); }
.imgsize-449 { max-width: min(100%,449px); }
.imgsize-453 { max-width: min(100%,453px); }
.imgsize-456 { max-width: min(100%,456px); }
.imgsize-476 { max-width: min(100%,476px); }
.imgsize-481 { max-width: min(100%,481px); }
.imgsize-495 { max-width: min(100%,495px); }
.imgsize-501 { max-width: min(100%,501px); }
.imgsize-524 { max-width: min(100%,524px); }
.imgsize-526 { max-width: min(100%,526px); }
.imgsize-530 { max-width: min(100%,530px); }
.imgsize-535 { max-width: min(100%,535px); }
.imgsize-536 { max-width: min(100%,536px); }
.imgsize-540 { max-width: min(100%,540px); }
.imgsize-541 { max-width: min(100%,541px); }
.imgsize-563 { max-width: min(100%,563px); }
.imgsize-590 { max-width: min(100%,590px); }
.imgsize-598 { max-width: min(100%,598px); }
.imgsize-602 { max-width: min(100%,602px); }
.imgsize-753 { max-width: min(100%,753px); }
}
}