@charset "utf-8";

.header {
	max-width: 1920px;
	width: 100%;
	margin: 0 auto 0 auto;
	position: absolute;
	display: none;
	z-index: 999;
}

.hRightLinkArea {
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	transition: all .5s;
	z-index: 99;
	margin: auto;
	justify-content: center;
}

.hRightLinkArea.is-hidden {
	visibility: hidden;
	transition: all .5s;
	opacity: 0;
}

.hRightLink {
	padding: 35px 15px;
	writing-mode: vertical-lr;
	background: #E35137;
	border-radius: 30px 0 0 30px;
}

.hSalonLink {
	margin: 0 0 37px 0;
	display: none;
}

.headerMain {
	margin: 53px 0 0 0;
}

.headerArea {
	padding: 0 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.hLogoArea {
	max-width: 384px;
	min-width: 220px;
	width: 30%;
	margin: 0 15px 0 0;
	order: 1;
}

.hNavArea {
	max-width: 644px;
	width: 100%;
	margin: 20px 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	order: 4;
}

.hCaret01 {
	padding: 0 21px 0 0;
}

.hCaret02 {
	padding: 0 24px 0 0;
}

.hCaret01 > .hNavText:before {
	background: url(/system_panel/uploads/images/header_caret.svg)no-repeat;
	content: "";
	width: 15px;
	height: 7px;
	display: block;
	position: absolute;
	top: 10px;
	left: 54px;
}

.hCaret02 > .hNavText:before {
	background: url(/system_panel/uploads/images/header_caret.svg)no-repeat;
	content: "";
	width: 15px;
	height: 7px;
	display: block;
	position: absolute;
	top: 10px;
	left: 72px;
}

.hDnavBox {
	margin: 0 0 0.5em;
}

.hDnavArea01 {
	position: absolute;
	margin: 5px 0 0 -18px;
	padding: 15px 18px;
	background: #E35137;
	visibility: hidden;
	opacity: 0;
	transition: .5s;
}

.hDnavArea02 {
	position: absolute;
	margin: 5px 0 0 -4px;
	padding: 15px 18px;
	background: #E35137;
	visibility: hidden;
	opacity: 0;
	transition: .5s;
}

.hSnsArea {
	max-width: 110px;
	width: 100%;
	margin: 0 0 0 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	order: 2;
}

.hTelArea {
	max-width: 280px;
	width: 40%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #E35137;
	border-radius: 30px;
	margin: 0 0 0 15px;
	padding: 15.5px 40px;
	order: 3;
}

/*-------- hover ------------*/

.hSalonLink:hover {
	opacity: .7;
	color: #5C4529;
}

.hSchoolLink:hover {
	opacity: .7;
	color: #5C4529;
}

.hCaret01:hover > .hDnavArea01 {
	visibility: visible;
	opacity: 1;
}

.hCaret02:hover > .hDnavArea02 {
	visibility: visible;
	opacity: 1;
}

.hNavLink01:hover {
	opacity: .7;
	color: #E35137;
}

.hNavLink02:hover {
	opacity: .7;
	color: #E35137;
}

.hNavLink03:hover {
	opacity: .7;
	color: #E35137;
}

.hDnavLink:hover {
	opacity: .7;
	color: #5C4529;
}

.hInstaLink:hover {
	opacity: .7;
}

.hLineLink:hover {
	opacity: .7;
}

.hNavLink:hover .hNavText {
	color: #c1ae97;
}

/*-------- font ------------*/

.hLinkText {
	margin: 0;
	font-size: 16px;
	color: #FFFFFF;
}

.hNavText {
	font-size: 16px;
	color: #5C4529;
}

.hDnavText {
	font-size: 16px;
	color: #FFFFFF;
}

.hTel {
	font-size: 16px;
	color: #FFFFFF;
}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:375px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 375px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:414px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:544px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 544px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:768px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.header {
	display: block;
}

.hRightLink {
	padding: 27px 13.5px;
}

.hSalonLink {
	display: block;
}

.is-scroll.spNavBtn {
	/* display: flex; */
	opacity: 1;
	transition: .3s all;
	pointer-events: auto;
}

/*-------- font ------------*/

.hLinkText {
	font-size: 17px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:992px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.hLogoArea {
	width: 60%;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 992px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1215px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.headerArea {
	flex-wrap: nowrap;
}

.hLogoArea {
	order: 0;
}

.hNavArea {
	margin: 0 0 0 auto;
	order: 0;
}

.hSnsArea {
	margin: 0 0 0 40px;
	order: 0;
}

.hTelArea {
	width: 100%;
	margin: 0 0 0 40px;
	order: 0;
}
  
.hLinkText {
	font-size: 1.2vw !important;
}
  
.hRightLink {
    padding: 2vw 0.7vw;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1200px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1490px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.hCaret01 > .hNavText:before {
	top: 15px;
	left: 75px;
}

.hCaret02 > .hNavText:before {
	top: 15px;
	left: 100px;
}

.hLogoArea {
	width: 100%;
}

/*-------- font ------------*/

.hNavText {
	font-size: 22px;
}

.hTel {
	font-size: 20px;
	color: #FFFFFF;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1490px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 1920px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
.hLinkText {
	font-size: 27px !important;
}

.hRightLinkArea20261006 .hLinkText {
	font-size: 20px !important;
}


.hRightLink {
	padding: 43px 15px;
}
  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1920px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */