@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.3
*/
/************************************
** 子テーマ用のスタイル
************************************/

:root {
	--cocoon-text-color: #483834;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}
table th,
table td {
	border: 1px solid #ead8c8;
	padding: 6px 8px;
}
.sns-share,
.sns-follow {
	display: none;
}
.anchor {
	display: block;
	padding-top: 40px;
	margin-top: -40px;
}
address {
	font-style: normal;
}
.error404 #content,
.page-template-web-reserve-not-yet #content {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.error404 #main,
.page-template-web-reserve-not-yet #main {
	flex: 1;
	overflow-x: hidden;
}
/*common*/
html {
	/* scroll-behavior: smooth; */
}
.archive .main,
.single .main,
.error404 .main,
.sidebar,
.search.search-results #content-in #main,
.page-template-web-reserve-not-yet #main {
	background-color: #fffbf8;
}
div#wpadminbar,
.admin-pv,
.admin-panel,
.show-sp {
	display: none;
}
.wrap {
	width: 100%;
	margin: 0 auto;
}
.no-sidebar .content .main {
	margin: 0;
	width: 100%;
	padding: 0;
}
.footer {
	margin-top: 0;
	padding: 8px;
}
a {
	text-decoration: none;
}
a.text-color {
	color: var(--cocoon-text-color);
}
a:hover,
.frontpage .contentBox ol.news_list.home li a:hover h3.ev_title {
	color: #d0b38f;
}
a:hover img {
	opacity: 0.8;
}
img.featured-image,
img.featured-image-70,
img.featured-image-80,
img.featured-image-90 {
	border-radius: 72px;
}
img.featured-image-70 {
	width: 70%;
	height: auto;
	margin: 0 15% 5rem;
}
img.featured-image-80 {
	width: 80%;
	height: auto;
	margin: 0 10% 5rem;
}
img.featured-image-90 {
	width: 90%;
	height: auto;
	margin: 0 5% 5rem;
}
@keyframes titleAnimation {
	0% {
		letter-spacing: 1.5rem;
		opacity: 0;
	}
}
h2.page-title {
	text-align: center;
	font-size: 3rem;
	letter-spacing: 0.3rem;
	line-height: 1;
	/*  margin: 5rem auto;*/
	padding: 5rem 0;
	animation: titleAnimation 0.7s;
}
h3.sec-title {
	text-align: center;
	font-size: 2.1rem;
	letter-spacing: 0.5rem;
	margin: 0 auto 3rem;
}
h3.sec-title2 {
	text-align: center;
	font-size: 3rem;
	letter-spacing: 0.3rem;
	line-height: 1;
	margin: 7rem auto;
}
.w86per {
	width: 86%;
	margin: auto;
}
.w90per {
	width: 90%;
	margin: auto;
}
.w960 {
	max-width: 960px;
	margin: 0 auto 50px;
	overflow: hidden;
}
.w1080 {
	max-width: 1080px;
	margin: 0 auto 50px;
	overflow: hidden;
}
.w1200 {
	max-width: 1200px;
	margin: 0 auto 50px;
	overflow: hidden;
}
.w1480 {
	max-width: 1480px;
	margin: 0 auto 50px;
	overflow: hidden;
}
.small {
	font-size: 77%;
}
.flex-container {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
}
.mb-0 {
	margin-bottom: 0 !important;
}
.mb-1 {
	margin-bottom: 1rem !important;
}
.mb-2 {
	margin-bottom: 2rem !important;
}
.mb-5 {
	margin-bottom: 5rem !important;
}
.mb-7 {
	margin-bottom: 7rem !important;
}
.pt-2 {
	padding-top: 2rem !important;
}
.right {
	text-align: right !important;
}
.center {
	text-align: center;
}
.font70 {
	font-size: 70%;
}
.font80 {
	font-size: 80%;
}
.font88 {
	font-size: 88%;
}
.font09 {
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: 0.1rem;
}
/**/
/**/
/**/
/**/
/*animation*/
/**/
/**/
/**/
/**/
/*******footer******/
.go-to-top {
	right: 30px;
	bottom: 30px;
	z-index: 99999;
}
.go-to-top-button {
	width: 60px;
	height: 60px;
	border-radius: 17px;
	padding: 10px;
}
.copyright {
	margin-top: 0;
	margin-bottom: 10px;
	letter-spacing: 0.05rem;
}
/*header*/
div#header-container-in {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
	margin-top: 0;
}
.header-in {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-end;
	width: 100%;
}
header#header {
	width: 30%;
}
.logo.logo-header.logo-image {
	width: 90px;
	height: 90px;
	margin: 0 0 0 8%;
}
.site-name-text-link {
	padding: 0;
}
.tagline {
	width: fit-content;
	height: auto;
	text-align: left;
	font-size: 14px;
	margin: 0 0 0 3%;
	line-height: 1.4;
}
nav#navi {
	width: 80%;
	font-weight: 600;
	display: flex;
	flex-direction: row;
	align-content: flex-end;
	justify-content: space-between;
	align-items: flex-end;
}
div#navi-in {
	width: 75%;
	height: auto;
}
.navi-in > ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	text-align: center;
}
.navi-in > ul li {
	display: block;
	width: fit-content;
	height: auto;
	line-height: 1.8;
	position: relative;
	margin: 0 0 0 6%;
	letter-spacing: 0.1rem;
}
#navi .navi-in > ul > li > a {
	padding: 0;
}
ul.menu-header li a .caption-wrap .item-label {
	font-size: 19px;
}
li.menu-item a:hover .caption-wrap .item-label {
	color: #c6b577;
}
img.header-tel {
	width: 22%;
	max-width: 230px;
	height: auto;
	margin: 10px 3% 0;
}
/*hlt-top-menu　ここから*/
.fixed-header {
	box-shadow: 0 0px 0px 0 rgb(0 0 0 / 0%);
}
.header-container-in.hlt-top-menu {
	margin-top: 10px !important;
}
.header-container-in.hlt-top-menu header#header {
	margin-bottom: 10px;
}
.header-container-in.hlt-top-menu .logo-header img {
	max-height: 56px;
	height: auto;
	vertical-align: middle;
}
.header-container-in.hlt-top-menu .tagline {
	display: block;
	line-height: 1.5;
	margin-bottom: 5px;
}
.header-container-in.hlt-top-menu
	ul.menu-header
	li
	a
	.caption-wrap
	.item-label {
	font-size: 18px;
	margin-bottom: 9px;
}
.header-container-in.hlt-top-menu img.header-tel {
	width: 20%;
	max-width: 180px;
	margin: 0 5% 10px;
}
.Res-btn-box {
	display: block;
	position: absolute;
	width: 12%;
	max-width: 140px;
	height: auto;
	margin: -220px 0 0 0;
	right: 2%;
	background: rgb(198, 181, 119);
	background: linear-gradient(
		90deg,
		rgba(198, 181, 119, 1) 0%,
		rgba(194, 176, 115, 1) 33%,
		rgba(184, 163, 104, 1) 66%,
		rgba(175, 153, 95, 1) 100%
	);
	border-radius: 50%;
	padding: 4px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	box-shadow: 0 0 20px rgb(0 0 0 / 5%);
	z-index: 100;
}
.Res-btn-box:hover {
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	background: rgb(224, 205, 136);
	background: linear-gradient(
		90deg,
		rgba(224, 205, 136, 1) 0%,
		rgba(215, 195, 130, 1) 50%,
		rgba(196, 173, 111, 1) 100%
	);
	transform: translateY(-12px);
}
.Res-btn-box a img {
	vertical-align: middle;
}
.Res-btn-box a img:hover {
	opacity: 1;
}
/*hlt-top-menu　ここまで*/
/*header-appeal start　*/
.appeal-in {
	display: flex;
	height: auto;
	min-height: unset;
	padding: 24px 5% 0;
}
.appeal-content {
	max-width: 740px;
	background-color: rgba(255, 255, 255, 0.9);
	margin: auto;
	padding: 3px 5%;
	text-align: center;
	border-radius: 4px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.appeal-content .appeal-message {
	margin-bottom: 0;
	letter-spacing: 0.1rem;
}
.appeal-content .appeal-button {
	text-decoration: none;
	background-color: #fff;
	font-weight: 500;
	text-align: center;
	display: inline-block;
	padding: 4px 10px;
	border-radius: 7px;
	font-size: 0.95rem;
	color: #b29b59;
	margin-left: 0.75rem;
}
/*header-appeal end　*/
/*toppage start　*/
.hello-area {
	display: none;
}
.frontpage,
.about,
.webReserve {
	background-color: #fffbf8;
	border-bottom: 1px solid rgb(198 181 119 / 70%);
}
.frontpage .newsArea {
	display: block;
	width: 60%;
	max-width: 960px;
	height: auto;
	margin: 4rem auto 7rem;
	background-color: #fff;
	border: 2px solid #c6b577;
	padding: 1rem 0 2rem;
	border-radius: 50px;
}
.frontpage .newsArea h3.sec-ttl {
	text-align: center;
	font-size: 2.2rem;
	letter-spacing: 0.1rem;
	margin: 0 auto 2rem;
}
.frontpage .contentBox ol {
	padding: 0 3%;
}
.frontpage .contentBox ol.news_list.home li {
	list-style: none;
	border-bottom: 1px solid rgb(198 181 119 / 26%);
	margin-bottom: 1rem;
}
.frontpage .contentBox ol.news_list.home li a {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
	letter-spacing: 0.05rem;
	padding-bottom: 0.5rem;
}
.frontpage .contentBox ol.news_list.home li a .date {
	width: 150px;
	padding: 0 1rem;
}
.frontpage .contentBox ol.news_list.home li a .cat {
	width: 136px;
	font-size: 0.8rem;
	padding: 0.25rem 0.5rem;
	letter-spacing: 0;
	text-align: center;
	background-color: #c6b577;
	color: #fff;
	border-radius: 4px;
	margin-right: 1.5rem;
	opacity: 0.8;
}
.frontpage .contentBox ol.news_list.home li a h3.ev_title {
	font-weight: 400;
	font-size: 1.1rem;
	color: #483834;
}
a.more-text {
	margin-right: 2rem;
}

/* toppage Insta start*/
section.index-insta {
	display: block;
	width: 90%;

	max-width: 960px;
	height: auto;
	margin: 0 auto 7rem;
}

.index-insta h3 {
	text-align: center;
	font-size: 2.2rem;
	letter-spacing: 0.05rem;
	padding-bottom: 2rem;
}
.insta-frame-outer {
	aspect-ratio: 16 / 11;
}
.index-insta iframe {
	width: 100%;
	height: 100%;
}
a.insta_link_btn {
	width: fit-content;
	border: 2px solid #c6b577;
	height: auto;
	display: block;
	margin: 2rem auto 0;
	text-align: center;
	line-height: 3.2;
	letter-spacing: 0.05rem;
	font-weight: bold;
	background-image: url(images/Instagram_Glyph.svg);
	background-size: 2rem;
	background-repeat: no-repeat;
	background-position: 8% center;
	padding: 0.25rem 4% 0.25rem 8%;
	border-radius: 16px;
}
a.insta_link_btn:hover {
	background-color: rgba(255, 255, 255, 0.3);
	border: 2px solid #d0b38f;
}

/* toppage Insta end*/
/* toppage conceptArea start*/
section.conceptArea {
	margin-bottom: 5rem;
	font-weight: 500;
}

section.conceptArea img {
	border-radius: 64px;
}
.conceptArea .area1 {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	width: 90%;
	max-width: 1320px;
	margin: 0 auto;
}
.conceptArea .area1 img {
	width: 70%;
}
@keyframes textAnimation {
	0% {
		letter-spacing: 1rem;
		opacity: 0;
	}
}
.conceptArea .area1 h3.show-pc {
	display: block;
	width: 23%;
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	font-size: 2.1rem;
	padding: 0 6% 0 0;
	text-align: unset;
	line-height: 2;
	white-space: nowrap;
	letter-spacing: 0.45rem;
	/*  animation: textAnimation 4s;*/
}
.conceptArea .area1 h3.show-sp {
	display: none;
}
.conceptArea .area2 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 5rem;
	padding-bottom: 0;
}
/*
@keyframes textAnimation {
  0% {
    letter-spacing: .7rem;
    opacity: 0;
  }
  70% {
    letter-spacing: .5rem;
    opacity: 0;
  }
}
*/
.conceptArea .area2 p {
	width: 70%;
	text-align: center;
	line-height: 2.6;
	letter-spacing: 0.1rem;
	font-size: 1.4rem;
	margin-left: auto;
	margin-right: auto;
	/*  animation: textAnimation 1.5s;*/
}
.conceptArea .area2 p span {
	padding-bottom: 5px;
	border-bottom: 2px solid #d0b38f;
}
.conceptArea .area2 .fadeInCircleR {
}
.conceptArea .area2 .fadeInCircleR.show {
	width: 17%;
	height: auto;
	position: absolute;
	right: 0;
	transform: scale(1, -1);
	z-index: 0;
}
.conceptArea .fadeInCircleR path {
	opacity: 0;
}
.conceptArea .fadeInCircleR.show path {
	opacity: 1;
	fill: transparent;
	stroke: rgb(198 181 119 / 70%);
	stroke-width: 2;
	animation: path 4s;
	animation-delay: 0;
}
@keyframes path {
	0% {
		stroke-dasharray: 0 970;
	}
	99.9%,
	to {
		stroke-dasharray: 970 970;
	}
}
/****area3****/
.conceptArea .area3 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
}
.conceptArea .area3 img {
	width: 45%;
	height: auto;
	z-index: 1;
	margin: 0;
	position: absolute;
	left: 10%;
}
.conceptArea .area3 .area-text {
	width: 43%;
	padding: 0 8% 0 3%;
	margin: 0;
	position: absolute;
	right: 0;
}
.conceptArea .area3 .area-text h3,
.conceptArea .area5 .area-text h3,
.conceptArea .area6 .area-text h3 {
	line-height: 2;
	letter-spacing: 0.15rem;
	font-size: 1.4rem;
	margin: 0 auto;
	padding: 0 0 2rem;
}
.conceptArea .area3 .fadeInCircleL.show {
	width: 23%;
	height: auto;
	transform: scale(1, 1);
	z-index: 0;
	position: relative;
	left: 0;
	top: 20px;
}
.conceptArea .fadeInCircleL path {
	opacity: 0;
}
.conceptArea .fadeInCircleL.show path {
	opacity: 1;
	fill: transparent;
	stroke: rgb(198 181 119 / 70%);
	stroke-width: 2;
	animation: pathL 4s ease-in-out;
	animation-delay: 0;
}
@keyframes pathL {
	0% {
		stroke-dasharray: 0 970;
	}
	99.9%,
	to {
		stroke-dasharray: 970 970;
	}
}
/****area4****/
.conceptArea .area4 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	height: auto;
	margin: 0 auto 4rem;
	position: relative;
}
.conceptArea .area4 img.imgLeft {
	width: 48%;
	margin: 10rem 0 0 8%;
}
.conceptArea .area4 img.imgCircle {
	width: 29%;
	margin: 0 7% 0 auto;
	border-radius: 50%;
	z-index: 10;
}
/****area5****/
.conceptArea .area5 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	height: auto;
	margin: 0 0 7rem;
	position: relative;
}
.conceptArea .area5 .area-text {
	width: 46%;
	padding: 4rem 2% 0 15%;
	margin: 0 0 0;
}
.conceptArea .area5 .right {
	display: flex;
	width: 45%;
	height: auto;
	margin: 0;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
}
.conceptArea .area5 svg {
	width: 24%;
	height: auto;
	z-index: 0;
	margin: -6rem 0 0 0;
	position: absolute;
	right: 0;
}
.conceptArea .area5 img.imgCircle1 {
	width: 51%;
	margin: 0 0 0 1%;
	border-radius: 50%;
	z-index: 10;
}
.conceptArea .area5 img.imgCircle2 {
	width: 29%;
	margin: 19rem 15% 0 -7%;
	border-radius: 50%;
	z-index: 10;
}
/****area6****/
.conceptArea .area6 {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
	width: 100%;
	height: auto;
	margin: 0 auto;
	z-index: 110;
}
.conceptArea .area6 img {
	width: 42%;
	height: auto;
	margin: 0 0 0 8%;
}
.conceptArea .area6 .area-text {
	width: 43%;
	padding: 0 8% 0 3%;
	margin: 0 0 0;
}
.conceptArea .area2 p span,
.conceptArea .area6 p span {
	padding-bottom: 2px;
	border-bottom: 2px solid rgb(198 181 119 / 40%);
}
/****area7****/
.conceptArea .area7 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	height: auto;
	margin: 0 auto;
	z-index: 0;
	position: relative;
}
.conceptArea .area7 .left {
	width: 50%;
	position: absolute;
	left: 0;
	z-index: 0;
	margin: 0;
}
.conceptArea .area7 .left svg {
	transform: scale(1, 1);
	z-index: 0;
	width: 20%;
}
.conceptArea .area7 .right {
	width: 50%;
	position: absolute;
	right: 0;
	z-index: 0;
	margin: 7rem 0 0;
}
.conceptArea .area7 .right svg {
	width: 28%;
	z-index: 0;
}
.conceptArea .area7 h3 {
	text-align: center;
	z-index: 100;
	font-size: 1.8rem;
	letter-spacing: 0.3rem;
	padding: 9rem 0;
	margin: 0 auto;
}
/****area8****/
.conceptArea .area8 {
	display: grid;
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
}
.area8 img {
	margin: 0 auto 4rem;
	z-index: 120;
}
.area8 .description {
	margin-bottom: 2rem;
}
/* toppage conceptArea end*/
/* toppage menuArea start*/
section.menuArea {
	width: 95%;
	max-width: 1080px;
	margin: 0 auto 5rem;
	border-top: 2px solid rgb(198 181 119 / 70%);
}
.menuArea h3.sec-title2 {
	margin: 4rem auto 5rem;
}
ul.price-note {
	width: fit-content;
	height: auto;
	margin: 0 auto 4rem;
	line-height: 2;
	letter-spacing: 0.03rem;
	font-size: 1.15rem;
	list-style: disc;
}
p.price-note {
	line-height: 1.8;
	letter-spacing: 0.03rem;
	font-size: 0.97rem;
	text-align: justify;
	padding: 0 0 2rem 0.5rem;
}
ul.price-note li {
	margin-bottom: 0.75rem;
}
.menuList {
	display: grid;
	width: 100%;
	height: auto;
	margin: 3rem auto 0;
	grid-template-columns: 1.4fr 0.2fr 1.4fr;
	/* grid-template-rows: .8fr 1fr .3fr 1fr 1fr .9fr 0.2fr;*/
	/* grid-template-rows: 0.5fr 0.7fr 0.3fr 0.6fr 1.1fr 0.9fr 0.1fr; */
	grid-template-rows: 0.65fr 0.6fr 0.5fr 0.4fr 1.1fr 0.9fr 0.1fr;
	gap: 0px 0px;
	grid-auto-flow: row;
	grid-template-areas:
		"area01-cut area-center area04-perm"
		"area01-cut area-center area02-stPerm"
		"area03-treatment area-center area05-color"
		"area03-treatment area-center area05-color"
		"area03-treatment area-center area06-set"
		"area03-treatment area-center area06-set"
		"area-bottom area-bottom area-bottom";
}
.area-bottom {
	grid-area: area-bottom;
}
.area-bottom .center {
	text-align: center;
	margin: 1rem auto;
	letter-spacing: 0.05rem;
}
.area01-cut {
	grid-area: area01-cut;
}
.area02-stPerm {
	grid-area: area02-stPerm;
}
.area03-treatment {
	grid-area: area03-treatment;
}
.area-center {
	grid-area: area-center;
	border: 2px solid rgb(198 181 119 / 70%);
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
}
.area-center p {
	margin: 1.5rem 0.9rem;
	font-size: 1.25rem;
	letter-spacing: 0.1rem;
	font-weight: 600;
}
.area04-perm {
	grid-area: area04-perm;
}
.area05-color {
	grid-area: area05-color;
}
.area06-set {
	grid-area: area06-set;
}
.area01-cut,
.area04-perm {
	border-top: 2px solid rgb(198 181 119 / 70%);
}
.area01-cut,
.area02-stPerm,
.area03-treatment,
.area04-perm,
.area05-color,
.area06-set,
.area-bottom {
	border-bottom: 2px solid rgb(198 181 119 / 70%);
}
.area01-cut,
.area03-treatment {
	padding: 1.75rem 5% 1.75rem 1%;
}
.area02-stPerm,
.area04-perm,
.area05-color,
.area06-set {
	padding: 1.75rem 1% 1.75rem 5%;
}
.menuList dl {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	padding: 0 0 0.6rem 0.5rem;
	margin: 0 0 1rem;
	border-bottom: 1px solid rgb(198 181 119 / 20%);
	font-size: 1rem;
}
.menuList dl dt {
	width: 72%;
}
.menuList dl dd {
	width: 28%;
	text-align: right;
	margin-top: -0.3em;
}
.menuList h4 {
	width: fit-content;
	height: auto;
	background-color: #fff;
	padding: 0.3rem 2.1rem;
	border: 2px solid rgb(198 181 119 / 70%);
	border-radius: 12px;
	font-size: 1.4rem;
	letter-spacing: 0.1rem;
	margin: 0 0 1.75rem;
}
.area06-set .box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 100%;
	background: #fff;
	border: 1px solid rgb(198 181 119 / 100%);
	padding: 0.75rem 2%;
	font-size: 1.1rem;
	margin: 0 0 1rem;
}
.area06-set .box p.font88 {
	width: 100%;
	text-align: center;
}
/* toppage menuArea end*/
/* toppage staffArea start*/
section.staffArea {
	margin-bottom: 2rem;
}
section.staffArea .flex-container {
	width: 100%;
	/* justify-content: space-between; */
	justify-content: space-around;
	align-items: center;
	margin: 7rem auto 2rem;
}
section.staffArea .flex-container figure {
	margin-bottom: 5rem;
	width: 31%;
}
section.staffArea .flex-container figure.mb-0 {
	margin-bottom: 0;
}
section.staffArea .flex-container img {
	border-radius: 60px;
	width: 100%;
	height: auto;
}
section.staffArea .flex-container figcaption.center {
	font-size: 1.35rem;
	letter-spacing: 0.05rem;
	line-height: 1.4;
	color: #b29b59;
}
section.staffArea .flex-container figcaption.center span.small {
	font-size: 64%;
}
/* toppage staffArea end*/
/* toppage accessArea start*/
section.accessArea {
	margin-bottom: 5rem;
}
.accessArea .flexbox-l {
	width: 35%;
	line-height: 2.1;
	letter-spacing: 0.07rem;
	font-size: 1.25rem;
	padding: 0 2rem 0 0;
}
.accessArea .flexbox-r {
	width: 65%;
	margin-bottom: 4rem;
}
.GoogleMaps {
	height: 0;
	overflow: hidden;
	padding-bottom: 38%;
	position: relative;
	border: 1px solid #dbd1c4;
	border-radius: 0px;
}
.GoogleMaps iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
/* toppage accessArea end*/
/*toppage end　*/
/*recruit start　*/
.recruit {
	background: #fefbf8;
	border-bottom: 1px solid rgb(198 181 119 / 70%);
}
.description,
.greeting {
	display: block;
	width: fit-content;
	height: auto;
	margin: 2rem auto;
	line-height: 2;
	letter-spacing: 0.03rem;
	text-align: justify;
}
.greeting {
	margin: 0 auto 2rem;
}
.description p {
	line-height: 2.2;
	width: 98%;
	margin: auto;
}
.greeting p {
	line-height: 2;
	width: 90%;
	margin: 0 auto 1rem;
}
.recruit .profile {
	margin: 2em auto 5em;
	padding: 1.5rem 3% 1rem 1.5%;
}
.recruit .profile ul {
	font-size: 0.95rem;
	line-height: 1.9;
	letter-spacing: 0.03rem;
}
.recruit .profile ul li {
	margin-bottom: 0.75rem;
	text-align: justify;
}
.condition {
	display: block;
	width: 100%;
	max-width: 880px;
	height: auto;
	margin: 0 auto 5rem;
}
.condition dl {
	display: flex;
	height: auto;
	flex-wrap: wrap;
	align-content: center;
	justify-content: space-around;
	align-items: flex-start;
	margin: 0 auto;
	border-bottom: 1px solid #c6b577;
	padding: 14px 0;
}
.condition dl.first {
	border-top: 1px solid #c6b577;
}
.condition dl dt {
	width: 25%;
	height: auto;
	padding-left: 1.75rem;
	letter-spacing: 0.1rem;
}
.condition dl dd {
	width: 75%;
	height: auto;
}
.condition dl dd ul li {
	margin-left: -1.5rem;
	list-style-type: "- ";
	line-height: 1.6;
	margin-bottom: 0.75rem;
	text-align: justify;
}

/*recruit end　*/
/*about start*/
.about,
.webReserve {
	margin-top: -1px;
	padding-bottom: 10rem;
}
.about .w960 {
	margin-bottom: 0;
}
.profile {
	background: #fff;
	border-radius: 30px;
	width: 80%;
	height: auto;
	margin: 3rem auto 8rem;
	padding: 1.5rem 5%;
	border: 1px solid #c6b577;
}
.profile p {
	font-size: 0.9rem;
	line-height: 2.2;
	letter-spacing: 0.05rem;
}
.sign {
	text-align: right;
	letter-spacing: 0.1rem;
}
.about .staff-greeting img.featured-image-90 {
	margin-bottom: 1.5em;
}
.about .staff-greeting h3 {
	font-size: 1.7em;
	margin-bottom: 1.3em;
}
.about .staff-greeting .profile {
	margin-bottom: 10em;
}
.about .flex-container {
	display: flex;
	flex-wrap: wrap;
	width: 95%;
	height: auto;
	align-content: center;
	justify-content: space-between;
	align-items: flex-start;
}
.flex-container figure {
	width: 46%;
	height: auto;
	padding: 0;
}
.about .flex-container figure:nth-of-type(odd) {
	margin-bottom: 144px;
}
.about .flex-container figure:nth-of-type(even) {
	margin-top: 144px;
}
.about figure img {
	border-radius: 50px;
}
figcaption {
	font-size: 0.97rem;
	opacity: 1;
	padding: 0 0.5rem;
}
.about figure.mb-0 {
	margin-bottom: 0;
}
section.appeal-box {
	display: block;
	width: fit-content;
	height: auto;
	background: #fff;
	margin: 0 auto;
	padding: 2.5rem 5%;
	border: 3px solid rgb(208 179 143 / 80%);
	border-radius: 30px;
	text-align: center;
}
section.appeal-box p {
	font-size: 1.2rem;
	margin-bottom: 1.5rem;
}
a.more {
	text-decoration: none;
}
a:hover.more,
a:hover.linkTel,
.appeal-content .appeal-button:hover,
a:hover.more-text {
	color: #b29b59;
	cursor: pointer;
	text-underline-offset: 3px;
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-skip-ink: all;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a.linkTel {
	text-decoration: none;
	font-weight: 500;
	color: #483834;
	font-size: 105%;
}
/*about end*/
/******post  start******/
/*archive*/
.archive .content-in,
.single .content-in,
.error404 .content-in {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.archive .footer,
.single .footer,
.error404 .footer {
	border-top: 1px solid rgb(198 181 119 / 70%);
}
.archive .main,
.single .main,
.error404 .main,
.search.search-results #content-in #main {
	width: 960px;
	padding-bottom: 5rem;
}
.sidebar {
	width: 360px;
	border: 1px solid transparent;
	padding: 2.5rem 0 19px 50px;
	border-radius: 4px;
}
ul.wp-block-archives-list.wp-block-archives,
ul.wp-block-categories-list.wp-block-categories {
	list-style: none;
	padding-left: 0;
}
span.post-update {
	display: none;
}
#sidebar .widget span.post-count {
	float: none;
	display: inline-block;
}
span.post-count::before {
	white-space: pre-wrap;
	content: " (";
}
span.post-count::after {
	content: ")";
}
@media (min-width: 1023px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}
span.fa.fa-folder-open,
span.fa.fa-clock-o,
span.fa.fa-home.fa-fw,
span.fa.fa-folder.fa-fw,
span.fa.fa-folder.cat-icon.tax-icon,
span.fa.fa-history,
span.fa.fa-calendar {
	color: #b29b59;
	opacity: 0.7;
}
.a-wrap:hover {
	background-color: #fff;
	transition: all 0.3s ease-in-out;
	color: #333;
	border-radius: 20px;
}
.card-thumb img {
	width: 100%;
	border-radius: 20px;
}
.cat-label {
	position: absolute;
	top: 1em;
	left: 1.2em;
	border: none;
	font-size: 8px;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 1px 7px;
	max-width: 80%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-radius: 9px;
	color: #b29b59;
}
.breadcrumb {
	background-color: unset;
	margin: 2rem auto;
	padding: 0.6em 1em;
	letter-spacing: 0.05rem;
	color: #483834;
	font-size: 14px;
}
.entry-title {
	font-size: 2rem;
	margin: 16px 0 2rem;
	line-height: 1.3;
	letter-spacing: 0.1rem;
}
.pager-post-navi {
	margin: 38px 0;
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: space-between;
	align-items: center;
}
.pager-post-navi a {
	line-height: 1.6;
	font-size: 0.8em;
}
.pager-post-navi a.prev-post,
.pager-post-navi a.next-post {
	width: 50%;
}
.pager-post-navi a .iconfont {
	font-size: 1.8em;
	color: #d0b38f;
	padding: 8px;
	opacity: 0.5;
}
/*****************/
.pager-post-navi {
	align-content: flex-start;
	align-items: flex-start;
	margin: 38px 0 0;
}
.pager-post-navi a .flex-container p {
	width: 100%;
	padding: 0 0 0 6%;
	margin: 0;
}
figure.prev-post-thumb.card-thumb {
	width: 90%;
	min-width: unset;
	max-width: unset;
	margin: 0 auto 0 5%;
}
figure.next-post-thumb.card-thumb {
	width: 90%;
	min-width: unset;
	max-width: unset;
	margin: 0 5% 0 auto;
}
.pager-post-navi a.next-post.a-wrap.cf .flex-container p {
	text-align: right;
	padding: 0 6% 0 0;
}
.pager-post-navi a.prev-post,
.pager-post-navi a.next-post {
	width: 32%;
}
.pager-post-navi a.next-post.a-wrap.cf {
	margin-left: 36%;
}
.pager-post-navi a.next-post .next-post-title {
	margin-right: 0;
	margin-left: 10px;
}
/*****************/
.pagination-next-link:hover,
.pagination a:hover {
	background: rgb(198, 181, 119 / 55%);
	background: linear-gradient(
		90deg,
		rgba(198, 181, 119, 0.55) 0%,
		rgba(194, 176, 115, 0.55) 33%,
		rgba(184, 163, 104, 0.55) 66%,
		rgba(175, 153, 95, 0.55) 100%
	);
	transition: all 0.3s ease-in-out;
	color: #fff;
	border: 1px solid #d0b38f;
}
.pagination-next-link,
.comment-btn {
	background-color: #fff;
	border: 1px solid #b29b59;
	color: #b29b59;
	display: block;
	font-size: 1.15rem;
	text-decoration: none;
	width: 100%;
	text-align: center;
	padding: 10px;
	letter-spacing: 0.1rem;
}
.page-numbers {
	color: #b29b59;
}
.blogcard,
.ecb-entry-border .entry-card-wrap,
.page-numbers,
.pagination-next-link,
.comment-btn,
.index-tab-buttons .index-tab-button,
.border-square a,
.author-box {
	/*    border-color: #e3e3e3 #cecece #b4b4b4 #d6d6d6;*/
	border-color: #b29b59;
	border-radius: 7px;
}
.pagination .current {
	background-color: #fff;
}
.widget h2,
.wp-block-search .wp-block-search__label,
h3.widget-sidebar-title.widget-title {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.15rem;
	border-bottom: 1px solid #483834;
	margin-bottom: 10px;
}
.sidebar h3 {
	background-color: unset;
	padding: 0;
	margin: 0;
	border-radius: 2px;
}
.sidebar h2,
.sidebar h3 {
	background-color: #fffbf8;
	padding: 0;
	border-radius: 0;
}
.widget_recent_entries ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_rss ul li a,
.widget_nav_menu ul li a {
	color: #333;
	text-decoration: none;
	padding: 7px 0;
	display: block;
	padding-right: 0;
	padding-left: 2px;
	font-size: 16px;
}
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover,
.widget_block ul li a:hover {
	background-color: unset;
	transition: all 0.3s ease-in-out;
	color: #b29b59;
}
.wp-block-search .wp-block-search__label {
	border-bottom: unset;
}
.wp-block-latest-posts.wp-block-latest-posts__list li,
ul.wp-block-archives-list.wp-block-archives li,
ul.wp-block-categories-list.wp-block-categories li {
	clear: both;
	font-size: 1rem;
	margin-bottom: 10px;
	letter-spacing: 0.03rem;
	line-height: 1.2;
}
ul.wp-block-archives-list.wp-block-archives li,
ul.wp-block-categories-list.wp-block-categories li {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 0;
}
.wp-block-group {
	margin-bottom: 3rem !important;
}
.wp-block-search .wp-block-search__input {
	border: 1px solid #b29b59 !important;
	border-radius: 7px;
	background: #fff;
}
.wp-block-search__button {
	border-radius: 7px;
	border: 1px solid #c9b26f !important;
	font-size: 0.9rem !important;
	color: #fff;
	background: rgb(198, 181, 119 / 55%);
	background: linear-gradient(
		90deg,
		rgba(198, 181, 119, 0.55) 0%,
		rgba(194, 176, 115, 0.55) 33%,
		rgba(184, 163, 104, 0.55) 66%,
		rgba(175, 153, 95, 0.55) 100%
	);
}
.wp-block-search__button:hover {
	opacity: 0.8;
}
figure.card-thumb img {
	border-radius: 12px;
}
/*single　post start*/
.article.post img.eye-catch-image.wp-post-image,
figure.wp-block-image {
	border-radius: 30px;
	margin: 0 auto 1rem;
}
.article.post .eye-catch .cat-label {
	display: none;
	/*
  position: absolute;
  right: auto;
  top: -1rem;
  bottom: auto;
  left: 0;
  font-size: 14px;
  padding: 4px 12px;
  opacity: 0.9;
  border: unset;
*/
}
.cat-link {
	color: #483834;
	text-decoration: none;
	display: inline-block;
	margin-right: 5px;
	padding: 2px 6px;
	font-size: 14px;
	background-color: unset;
	border-radius: 2px;
	word-break: break-all;
	width: fit-content;
}
.cat-link:hover {
	opacity: unset;
	color: #b29b59;
}
.entry-content {
	margin-top: 1em;
	margin-bottom: 2rem;
	padding-bottom: 4rem;
	border-bottom: 1px solid #b29b59;
	text-align: justify;
}
.post-meta-container {
	display: flex;
	width: 100%;
	flex-direction: row;
	align-content: center;
	justify-content: space-between;
	align-items: center;
}
.date-tags {
	line-height: 1;
	text-align: right;
	margin-bottom: 18px;
}
.search.search-results #content-in {
	width: 90%;
}
.search.search-results #content-in #main {
	margin: 0 auto;
}
.article .entry-content .wp-block-table table td {
	border: 3px solid #ead8c8;
	padding: 1rem 1.5rem;
}
.article .entry-content .wp-block-table table td p {
	margin-bottom: 0.75rem;
}
/*single　post end*/
/******post end******/
/*　404 start　*/
.error404 div#sidebar {
	display: none;
}
.error404 .entry-title {
	font-size: 8rem;
	margin: 4rem 0 0;
	line-height: 1.3;
	letter-spacing: 0.2rem;
	opacity: 0.7;
	text-align: center;
	color: #b29b59;
}
.subtext404 {
	text-align: center;
	font-size: 1.5rem;
	letter-spacing: 0.05rem;
	color: #b29b59;
}
.error-text {
	text-align: center;
}
.btn-basic {
	display: block;
	width: fit-content;
	height: auto;
	background: #fff;
	margin: 3rem auto 20%;
	padding: 1.25rem 5%;
	border: 2px solid #d0b38f;
	border-radius: 20px;
	text-align: center;
}
.btn-basic:hover {
	background: rgb(198, 181, 119 / 55%);
	background: linear-gradient(
		90deg,
		rgba(198, 181, 119, 0.55) 0%,
		rgba(194, 176, 115, 0.55) 33%,
		rgba(184, 163, 104, 0.55) 66%,
		rgba(175, 153, 95, 0.55) 100%
	);
	border: 2px solid rgb(198, 181, 119, 0.55);
	color: #fff;
}
/*　404 end　*/
/* privacy start */
.privacy h6 {
	font-size: 1.25rem;
	padding-bottom: 0.5rem;
	margin-bottom: 0.75rem;
	border-bottom: 1px solid #d0b38f;
	color: #b29b59;
	letter-spacing: 0.1rem;
	font-weight: 500;
}
.privacy p {
	margin: 0 0 4rem 0;
	text-align: justify;
}
/* privacy end */
/* webReserve start */
.webReserve h2.page-title {
	font-size: 2.5rem;
}
.webReserve ul.price-note {
	line-height: 1.6;
	font-size: 0.97rem;
}
ul.price-note li {
	margin-bottom: 0.9rem;
	text-align: justify;
}
.webReserve address p {
	font-style: normal;
	padding: 3rem 0 2rem 0.5rem;
	font-size: 0.98rem;
	letter-spacing: 0.05rem;
}
#booking-package {
	font-size: 16px;
}
div#booking-package_schedulePage p {
	text-align: center;
	font-size: 1.3rem;
	letter-spacing: 0.03rem;
}
#booking-package_inputFormPanel .row .name {
	font-weight: 500;
	letter-spacing: 0.07rem;
}
#booking-package_schedulePage .descriptionOfService,
#booking-package_servicePage .descriptionOfService {
	font-size: 70%;
}
#booking-package_servicePage .selectPanel {
	border-color: #d7cb9f !important;
	background-color: #fffbf8 !important;
}
#booking-package_servicePage .selectPanel:hover {
	background-color: #fff !important;
}
#booking-package_servicePage .selectedPanel {
	border-left: 8px solid rgb(198 181 119 / 70%) !important;
	background-color: #fff !important;
}
#booking-package button {
	font-size: 17px !important;
	padding: 12px 0;
	border-radius: 7px;
	border: 2px solid rgb(198 181 119 / 70%);
	background: #fff;
	color: #483834 !important;
}
#booking-package button:hover {
	background: rgb(198, 181, 119 / 55%);
	background: linear-gradient(
		90deg,
		rgba(198, 181, 119, 0.55) 0%,
		rgba(194, 176, 115, 0.55) 33%,
		rgba(184, 163, 104, 0.55) 66%,
		rgba(175, 153, 95, 0.55) 100%
	);
	transition: all 0.1s ease-in;
	color: #fff;
	border: 1px solid #d0b38f;
}
button#returnToCalendarButton,
button.returnButton.bookingButton,
button#returnToSchedules {
	padding: 12px 1.4rem 12px 1.8rem !important;
	letter-spacing: 0.4rem !important;
}
button.returnButton.bookingButton {
	letter-spacing: 0 !important;
}
.calendarNotFound {
	color: #ff816a !important;
}
#booking-package_serviceDetails .name,
#booking_package_totalCost {
	display: none !important;
}
div#booking-package-memberActionPanel,
div#booking-package_myBookingHistory,
form#booking-package-loginform,
#booking-package_serviceDetails .row.total_amount,
#booking-package_myBookingDetails,
#booking-package_myBookingDetailsFroVisitor {
	display: none !important;
}
div#booking-package_serviceDetails p {
	font-size: 14px;
	text-align: justify;
	padding: 0.75rem;
}
#booking-package_inputFormPanel {
	width: 90%;
	max-width: 736px;
	margin: 0 auto;
}
#booking-package_serviceDetails .row.total_amount {
	border-bottom: none !important;
}
#booking-package_schedulePage .selectPanelError {
	color: #c9c9c9 !important;
}
#booking-package_calendarPage .closeDay .dayPostion {
	color: #b5b5b5 !important;
}
#booking-package_inputFormPanel .courseLinePanelInLink,
#booking-package_serviceDetails .courseLinePanelInLink,
#booking-package_myBookingDetailsFroVisitor .courseLinePanelInLink {
	color: #000000 !important;
	cursor: unset !important;
}
#booking-package_schedulePage .courseListPanel {
	top: 80px !important;
}
::placeholder {
	color: #c7c7c7 !important;
	font-weight: lighter !important;
	letter-spacing: 0.05rem;
}
#booking-package-memberActionPanel .userTopButtonPanel {
	display: none !important;
}
/* webReserve end */
ss3-loader:after {
	/*
  border: 9px solid #d1c492 !important;
  border-top: 9px solid #fff !important;
  box-shadow: inset 0 0 0 1px rgb(209 196 146), 0 0 0 1px rgb(209 196 146) !important;
*/
	border: 9px solid #fff !important;
	border-top: 9px solid rgb(209 196 146) !important;
	box-shadow: inset 0 0 0 1px rgb(209 196 146), 0 0 0 1px rgb(209 196 146) !important;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (max-width: 1480px) {
	header#header {
		width: 28%;
	}
	img.header-tel {
		margin: 10px 2% 0;
	}
	.frontpage .newsArea {
		width: 70%;
	}
	.conceptArea .area5 .area-text {
		padding: 0 0 0 9%;
		text-align: justify;
	}
	.conceptArea .area5 img.imgCircle1 {
		width: 62%;
		margin: -7rem 0 0 1%;
	}
	.conceptArea .area5 img.imgCircle2 {
		width: 33%;
		margin: 14rem 10% 0 -7%;
	}
	.conceptArea .area6 img {
		width: 42%;
		margin: 0 0 0 5%;
	}
	.conceptArea .area6 .area-text {
		width: 43%;
		padding: 0 2% 0 2%;
		text-align: justify;
	}
	.area8 .description,
	section.accessArea {
		margin-bottom: 3rem;
	}
}
@media screen and (max-width: 1366px) {
	/*必要ならばここにコードを書く*/
}
@media screen and (max-width: 1335px) {
	.sidebar {
		width: 90% !important;
		max-width: 860px !important;
		border: 1px solid transparent;
		padding: 0 0 19px;
		border-radius: 4px;
	}
}
@media screen and (max-width: 1280px) {
	.w1080,
	.w1200 {
		width: 90%;
	}
	h3.sec-title2 {
		margin: 4rem auto;
	}
	.navi-in > ul li {
		margin: 0 0 0 4%;
		line-height: 1.4;
	}
	.frontpage .newsArea {
		width: 80%;
	}
	.conceptArea .area2 {
		padding-bottom: 3rem;
	}
	.conceptArea .area3 img {
		left: 7%;
	}
	.conceptArea .area3 .area-text {
		padding: 0 3% 0 3%;
	}
	.conceptArea .area4 img.imgLeft {
		margin: 6rem 0 5rem 5%;
	}
	.conceptArea .area5 .area-text {
		padding: 0 0 0 6%;
	}
	.conceptArea .area5 img.imgCircle2 {
		margin: 14rem 0 0 -15%;
	}
	.conceptArea .area6 img {
		width: 46%;
	}
	.conceptArea .area6 .area-text {
		width: 46%;
		padding: 0 2% 0 2%;
	}
	.conceptArea .area8 {
		width: 90%;
		max-width: unset;
	}
	section.staffArea .flex-container {
		margin: 0 auto 2rem;
	}
	section.staffArea .flex-container figure {
		margin-bottom: 4rem;
		/*    width: 45%;*/
		width: 31%;
	}
	.accessArea .flexbox-l {
		line-height: 2;
		font-size: 1.15rem;
	}
	img.featured-image,
	img.featured-image-70,
	img.featured-image-80,
	img.featured-image-90 {
		border-radius: 64px;
	}
	section.conceptArea img {
		border-radius: 56px;
	}
	img.featured-image-90 {
		width: 100%;
		margin: 0 0 3rem;
	}
	.about,
	.webReserve {
		padding-bottom: 6rem;
	}
	.about .featured-image-90 {
		width: 90%;
		margin: 0 5% 3rem;
	}
	.about .greeting {
		width: 90%;
	}
	.profile,
	.recruit .profile {
		width: 88%;
	}
	.about .flex-container.w1480 {
		width: 95%;
	}
	.about .flex-container figure {
		width: 48%;
	}
	.about .flex-container figure:nth-of-type(even) {
		margin-top: 90px;
	}
	.about .flex-container figure:nth-of-type(odd) {
		margin-bottom: 90px;
	}
}
@media screen and (max-width: 1200px) {
	.n2-ss-slider-controls.n2-ss-slider-controls-absolute-center-bottom {
		margin-top: 15px;
	}
}
@media screen and (max-width: 1112px) {
	.Res-btn-box {
		width: 13%;
		margin: -200px 0 0 0;
	}
}
@media screen and (max-width: 1080px) {
	.logo.logo-header.logo-image {
		width: 77px;
		height: 77px;
		margin: 0 0 0 7%;
	}
	.tagline {
		font-size: 13px;
	}
	ul.menu-header li a .caption-wrap .item-label {
		font-size: 18px;
	}
	img.header-tel {
		width: 22%;
		margin: 10px 2% 0;
	}
	.Res-btn-box {
		width: 14%;
		margin: -190px 0 0 0;
	}
}
/*1023px以下*/
@media screen and (max-width: 1023px) {
	.content {
		margin-top: 0;
	}
	main#main {
		margin-top: 81px;
	}
	/****mobile menu start****/
	div#header-container-in {
		display: none;
	}
	.no-mobile-sidebar .sidebar {
		display: block;
	}
	.home #sidebar,
	.page-template #sidebar {
		display: none;
	}
	.archive .main,
	.single .main,
	.error404 .main,
	.search.search-results #content-in #main {
		width: 94%;
		padding-bottom: 5rem;
	}
	header.article-header.entry-header,
	.archive-title {
		margin-top: 52px;
	}
	.tagline {
		display: none;
	}
	.admin-bar .mobile-header-menu-buttons {
		margin-top: 0;
	}
	ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button {
		border-bottom: 1px solid #c6b577;
	}
	.mobile-menu-buttons {
		background: #fffbf8;
		/*  background: #FFF;	*/
		box-shadow: unset;
		align-items: center;
		line-height: 1.4;
		min-height: 82px;
		transition: 0.3s;
	}
	.logo-menu-button img {
		max-height: 50px;
		display: block;
		margin: 0 auto;
	}
	.has-logo-button .menu-button {
		width: 8%;
		margin-right: 1%;
	}
	.mobile-menu-buttons .menu-button {
		justify-content: flex-start;
	}

	.mobile-menu-buttons .menu-button > a {
		display: block;
		color: #b29b59;
		text-decoration: none;
		width: 10%;
		min-width: 100px;
	}
	li.navi-menu-button.menu-button.mobile-tel.mobile-insta a {
		min-width: fit-content;
	}
	.mobile-menu-buttons .menu-caption {
		font-size: 11px;
		text-align: center;
		opacity: unset;
		display: block;
		letter-spacing: 0.1rem;
		color: #b29b59;
	}
	.fa-navicon:before,
	.fa-reorder:before,
	.fa-bars:before {
		content: "\f0c9";
		font-size: 36px;
		color: #b29b59;
	}
	.fa-remove:before,
	.fa-close:before,
	.fa-times:before {
		content: "\f00d";
		color: #d0c28f;
	}
	li.navi-menu-button.menu-button.mobile-tel {
		width: fit-content;
		display: block;
		text-align: center;
		margin-right: 0;
	}
	li.navi-menu-button.menu-button.mobile-tel a img {
		width: 100%;
		max-width: 40px;
	}
	li.navi-menu-button.menu-button.mobile-tel.mobile-insta a img {
		width: 100%;
		max-width: 38px;
	}
	li.navi-menu-button.menu-button.mobile-tel a p {
		font-size: 11px;
		letter-spacing: 0.15rem;
		text-align: center;
		margin: 2px auto 0 3px;
	}
	li.navi-menu-button.menu-button.mobile-tel.mobile-insta a p {
		letter-spacing: 0.01rem;
	}
	div#navi-menu-content {
		background: rgb(255 255 255 / 90%);
	}
	.menu-drawer a {
		color: #483834;
		padding: 10px 0;
	}
	.menu-drawer li a {
		display: block;
		text-align: center;
		margin: 14px 0;
		letter-spacing: 0.2rem;
		font-size: 26px;
		font-weight: 500;
	}
	.menu-drawer a:hover {
		background-color: #fffbf8;
		transition: all 0.3s ease-in-out;
	}
	.menu-drawer li a:hover {
		color: #b29b59;
	}
	.appeal-in {
		padding: 82px 0 0;
	}
	.appeal-content {
		width: 100%;
		background-color: unset;
	}
	.appeal-content .appeal-button {
		background-color: unset;
	}
	.frontpage .newsArea {
		width: 90%;
	}
	.conceptArea .area1 {
		width: 100%;
	}
	section.conceptArea img {
		border-radius: 48px;
	}
	.conceptArea .area3 img {
		left: 5%;
	}
	.conceptArea .area3 .area-text {
		width: 44%;
		padding: 0 3% 0 0;
	}
	.conceptArea .area5 .area-text {
		width: 48%;
		padding: 0 0 0 5%;
	}
	.conceptArea .area5 .right {
		width: 48%;
	}
	.conceptArea .area6 img {
		margin: 0;
	}
	.conceptArea .area6 .area-text {
		width: 48%;
		padding: 0 0 0 2%;
	}
	.conceptArea .area7 h3 {
		padding: 8rem 0;
	}
	.accessArea .flexbox-l {
		padding: 0;
	}
	.w960 {
		width: 90%;
	}
}
/*960px以下*/
@media screen and (max-width: 960px) {
	.font88 {
		font-size: 80%;
	}
	.mb-7 {
		margin-bottom: 4rem !important;
	}
	.frontpage .contentBox ol {
		padding: 0 2%;
	}
	.frontpage .contentBox ol.news_list.home li a .cat {
		width: 122px;
		margin-right: 1rem;
	}
	.frontpage .contentBox ol.news_list.home li a .date {
		width: 140px;
		font-size: 17px;
		padding: 0 0.5rem;
	}
	.conceptArea .area1 h3.show-pc {
		padding: 0 3% 0 0;
	}
	.conceptArea .area3 .area-text {
		width: 47%;
	}
	.conceptArea .area3 img {
		left: 3%;
	}
	.conceptArea .area4 img.imgLeft {
		margin: 6rem 0 5rem 3%;
	}
	.conceptArea .area5 .area-text {
		padding: 0 0 0 3%;
	}
	.menuList {
		margin: 2rem auto 0;
		grid-template-columns: 1.5fr 0.1fr 1.5fr;
	}
	.area-center p {
		margin: 1.5rem 0.4rem;
		font-size: 1.2rem;
	}
	.accessArea .flexbox-l {
		width: 40%;
	}
	.accessArea .flexbox-r {
		width: 60%;
		margin-bottom: 1rem;
	}
}
@media screen and (max-width: 900px) {
	.n2-ss-slider-controls.n2-ss-slider-controls-absolute-center-bottom {
		margin-top: -16px;
	}
	.Res-btn-box {
		width: 15%;
		margin: -160px 0 0 0;
	}
	.pager-post-navi a.prev-post,
	.pager-post-navi a.next-post {
		width: 36%;
	}
	.pager-post-navi a.next-post.a-wrap.cf {
		margin-left: 28%;
	}
}
/*860px以下*/
@media screen and (max-width: 860px) {
	img.featured-image,
	img.featured-image-70,
	img.featured-image-80,
	img.featured-image-90,
	section.staffArea .flex-container img {
		border-radius: 48px;
	}
	.GoogleMaps {
		border-radius: 28px;
	}
	.frontpage .contentBox ol.news_list.home li a .date {
		width: 130px;
	}
	a.insta_link_btn {
		padding: 0.25rem 6% 0.25rem 11%;
		border-radius: 14px;
	}

	.conceptArea .area3 .area-text h3,
	.conceptArea .area5 .area-text h3,
	.conceptArea .area6 .area-text h3 {
		line-height: 1.8;
		letter-spacing: 0.1rem;
		padding: 0 0 1.5rem;
	}
	.conceptArea .area1 h3.show-pc {
		padding: 0 4% 0 0;
	}
	.conceptArea .area2 p {
		width: 90%;
	}
	.conceptArea .area3 .area-text {
		width: 50%;
		padding: 0 2% 0 0;
	}
	.conceptArea .area4 {
		flex-direction: column;
	}
	.conceptArea .area4 img.imgLeft {
		width: 88%;
		margin: 3rem auto 2rem;
	}
	.conceptArea .area4 img.imgCircle {
		width: 56%;
		margin: 0 30% 0 auto;
	}
	.conceptArea .area5 {
		margin: 0 0 3rem;
	}
	.conceptArea .area5 .area-text {
		width: 55%;
		padding: 0 0 0 4%;
	}
	.conceptArea .area5 .right {
		width: 45%;
	}
	.conceptArea .area5 img.imgCircle1 {
		width: 67%;
		margin: -4rem 0 0 1%;
	}
	.conceptArea .area5 img.imgCircle2 {
		width: 32%;
		margin: 12rem 1% 0 -10%;
	}
	.conceptArea .area5 svg {
		margin: -4rem 0 0 0;
	}
	.conceptArea .area6 {
		flex-direction: column;
	}
	.conceptArea .area6 img {
		margin: 0 auto;
		width: 88%;
	}
	.conceptArea .area6 .area-text {
		width: 88%;
		padding: 2rem 0 0;
	}
	.conceptArea .area6 .area-text h3 {
		text-align: center;
	}
	.menuList dl dt {
		width: 68%;
		line-height: 1.2;
	}
	.menuList dl dd {
		width: 32%;
	}
	.archive .main,
	.single .main,
	.error404 .main,
	.search.search-results #content-in #main {
		padding-bottom: 0;
	}
	.sidebar {
		width: 94%;
		max-width: 94%;
	}
}
/*834px以下*/
@media screen and (max-width: 834px) {
	.content {
		margin-top: unset;
	}
	table th,
	table td {
		padding: 7px;
		font-size: 1rem;
	}
	.archive .main,
	.single .main,
	.search.search-results #content-in #main,
	div.sidebar {
		padding: 0;
	}
}
@media screen and (max-width: 800px) {
	/*必要ならばここにコードを書く*/
}
@media screen and (max-width: 768px) {
	/*iPadタテ*/
	.frontpage .contentBox ol.news_list.home li a .date {
		font-size: 16px;
		width: 126px;
	}
	.frontpage .contentBox ol.news_list.home li a .cat {
		width: 120px;
		margin-right: 0.75rem;
	}
	.frontpage .contentBox ol.news_list.home li a h3.ev_title {
		font-size: 1.05rem;
	}
	.profile,
	.recruit .profile {
		width: 90%;
		padding: 1.25rem 4%;
	}
	.recruit .profile {
		padding: 1.25rem 4% 0.5rem 0.25%;
	}

	#booking-package-locale-ja {
		width: 96%;
		margin: 0 auto;
	}
	.webReserve address p {
		padding: 3rem 0 2rem 3%;
	}
	.hello-area {
		display: block;
	}
	.hello-area p {
		text-align: center;
		padding-top: 1.8rem;
		font-size: 1.4rem;
		color: #b29b59;
		letter-spacing: 0.13rem;
		line-height: 2;
		font-weight: 500;
	}
	.frontpage .newsArea {
		margin: 3rem auto 4rem;
	}
}
@media screen and (max-width: 736px) {
	.body {
		font-size: 18px;
	}
	.w960 {
		width: 100%;
	}
	.frontpage .newsArea {
		width: 100%;
		border: unset;
		border-radius: unset;
		margin: 4rem auto;
	}
	section.conceptArea img {
		border-radius: 0;
	}
	.conceptArea .area1,
	.conceptArea .area3,
	.conceptArea .area5 {
		flex-direction: column;
	}
	.conceptArea .area3 .area-text h3,
	.conceptArea .area5 .area-text h3,
	.conceptArea .area6 .area-text h3 {
		text-align: center;
	}
	.conceptArea .area1 img {
		width: 100%;
		order: 2;
	}
	.conceptArea .area1 h3.show-pc {
		display: none;
	}
	.conceptArea .area1 h3.show-sp {
		display: block;
		width: 100%;
		font-size: 2.1rem;
		padding: 0 0 4rem;
		text-align: center;
		line-height: 2;
		letter-spacing: 0.5rem;
		font-weight: 500;
	}
	.conceptArea .area2 {
		padding-bottom: 6rem;
	}
	.conceptArea .area2 .fadeInCircleR.show {
		width: 19%;
	}
	.conceptArea .area3 {
		padding-bottom: 3rem;
	}
	.conceptArea .area3 img {
		left: 0;
		position: unset;
		width: 100%;
		padding-bottom: 2rem;
	}
	.conceptArea .area3 .area-text {
		width: 90%;
		padding: 0;
		position: unset;
	}
	.conceptArea .area3 .fadeInCircleL.show {
		width: 40%;
		position: absolute;
		top: unset;
		bottom: -500px;
	}
	.conceptArea .area4 img.imgLeft {
		width: 100%;
		order: 3;
		padding: 7rem 0 5rem;
		margin: 0;
	}
	.conceptArea .area4 img.imgCircle {
		width: 64%;
		order: 2;
		margin: 0 auto;
	}
	.conceptArea .area5 .area-text {
		width: 90%;
		padding: 0;
		margin: 0 auto;
		order: 2;
	}
	.conceptArea .area5 .right {
		width: 90%;
		margin: 0 auto;
		order: 1;
		padding-bottom: 3rem;
	}
	.conceptArea .area5 svg {
		width: 40%;
		margin: -4rem 0 0 0;
	}
	.conceptArea .area5 img.imgCircle2 {
		width: 40%;
		margin: 16rem 1% 0 -9%;
	}
	.conceptArea .area6 img {
		width: 100%;
	}
	.conceptArea .area6 .area-text {
		width: 90%;
		padding: 3rem 0 0;
	}
	.conceptArea .area7 .left {
		width: 70%;
		top: 30px;
	}
	.conceptArea .area7 .right {
		width: 60%;
		margin: 8rem 0 0;
	}
	.conceptArea .area7 h3 {
		padding: 5rem 0 5rem 1rem;
	}
	.conceptArea .area8 {
		width: 100%;
	}
	.area8 img {
		margin: 0 auto 2rem;
	}
	.area8 .description {
		width: 90%;
		margin: 0 auto;
	}
	/**** MENU grid 736px start ****/
	section.menuArea {
		width: 100%;
		max-width: unset;
	}
	ul.price-note {
		width: 90%;
		padding-left: 2%;
	}
	.area-center {
		display: none;
	}
	.menuList .area-bottom .show-sp {
		display: block;
		text-align: center;
	}
	.menuList .area-bottom .show-sp .menuTel {
		font-size: 22px;
		font-weight: 500;
		padding-bottom: 1rem;
		letter-spacing: 0.1rem;
	}
	.menuList .area-bottom .show-sp .menuTel span.icoTel {
		position: relative;
		left: 0;
		top: 0;
		content: "";
		background: url(images/ico-tel-gold.svg) no-repeat;
		display: inline-block;
		width: 28px;
		height: 28px;
		vertical-align: middle;
		margin: 0 1px -2px 5px;
	}
	.menuList .area-bottom .show-sp p.font88 {
		padding-bottom: 2rem;
	}
	/*
  .menuList {
    display: grid;
    width: 100%;
    height: auto;
    margin: 3rem auto 0;
    grid-template-columns: 1.4fr 0.2fr 1.4fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 0.2fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
      "area01-cut area01-cut area01-cut"
      "area04-perm area04-perm area04-perm"
      "area02-stPerm area02-stPerm area02-stPerm"
      "area05-color area05-color area05-color"
      "area03-treatment area03-treatment area03-treatment"
      "area06-set area06-set area06-set"
      "area-bottom area-bottom area-bottom";
  }
*/
	.menuList {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: auto;
		margin: 3rem auto 0;
	}
	.area01-cut,
	.area02-stPerm,
	.area03-treatment,
	.area04-perm,
	.area05-color,
	.area06-set {
		width: 100%;
		height: fit-content;
		padding: 1.75rem 5% 2.25rem;
	}
	.area04-perm {
		border-top: none;
	}
	.area01-cut {
		order: 1;
	}
	.area02-stPerm {
		order: 3;
	}
	.area03-treatment {
		order: 5;
	}
	.area04-perm {
		order: 2;
	}
	.area05-color {
		order: 4;
	}
	.area06-set {
		order: 6;
	}
	.area-bottom {
		order: 7;
	}
	.menuList h4 {
		/*
    width: fit-content;
    height: auto;
    background-color: #fff;
    padding: 0.3rem 2.1rem;
    border: 2px solid rgb(198 181 119 / 70%);
    border-radius: 12px;
    font-size: 1.4rem;
    letter-spacing: .1rem;
*/
		margin: 0 auto 1.75rem;
	}
	.menuList dl {
		font-size: 1.1rem;
		letter-spacing: 0.03rem;
	}
	.font88 {
		font-size: 88%;
	}
	/**** MENU grid 736px end ****/
	section.staffArea.w1080 {
		width: 100%;
	}
	section.staffArea.w1080 img.featured-image,
	img.featured-image-90,
	.about figure img,
	.recruit img.featured-image {
		border-radius: unset;
	}
	section.staffArea .flex-container {
		width: 90%;
	}
	section.staffArea .flex-container img {
		border-radius: 36px;
	}
	.accessArea {
		width: 100%;
		margin-bottom: 0;
	}
	.accessArea .flex-container {
		flex-direction: column;
	}
	.accessArea .flexbox-l {
		order: 2;
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}
	.accessArea .flexbox-l strong {
		font-size: 120%;
	}
	.accessArea .flexbox-r {
		order: 1;
		width: 100%;
	}
	.GoogleMaps {
		border-radius: unset;
		padding-bottom: 56%;
	}
	.accessArea p.description {
		width: 90%;
	}
	/**** ABOUT 736px start ****/
	h2.page-title {
		font-size: 2.8rem;
		padding: 4rem 0;
	}
	.about .featured-image-90 {
		width: 100%;
		margin: 0 0 2rem;
	}
	.about .flex-container.w1480 {
		width: 100%;
		margin-bottom: 0;
	}
	.about .flex-container figure {
		width: 100%;
	}
	.about .flex-container figure:nth-of-type(odd) {
		margin-bottom: 4rem;
	}
	.about .flex-container figure:nth-of-type(even) {
		margin-top: 0;
		margin-bottom: 4rem;
	}
	figcaption {
		font-size: 1rem;
		padding: 0 5%;
		text-align: justify;
	}
	.about .flex-container figure.mb-0 {
		margin-bottom: 4rem !important;
	}
	.about .flex-container figure.mb-0:last-child {
		margin-bottom: 0 !important;
	}
	.about .w960 p.description,
	.recruit .description {
		width: 90%;
		text-align: justify;
	}
	.condition dl dt {
		width: 30%;
	}
	.condition dl dd {
		width: 70%;
		padding: 0 3% 0 0;
	}
	.pager-post-navi a.prev-post,
	.pager-post-navi a.next-post {
		width: 47%;
	}
	.pager-post-navi a.next-post.a-wrap.cf {
		margin-left: 6%;
	}
	.privacy .w960 {
		width: 90%;
	}
	/**** Booking 736px start ****/
	.webReserve .w960 {
		width: 96%;
	}
	#booking-package-locale-ja {
		width: 100%;
	}
	#booking-package_servicePage {
		font-size: 16px !important;
	}
	#booking-package_serviceDetails .mainPlan {
		font-size: 15px !important;
	}
	#booking-package_schedulePage .selectPanel,
	#booking-package_servicePage .selectPanel {
		padding: 6px 10px !important;
	}
}
@media screen and (max-width: 700px) {
	.Res-btn-box {
		width: 20%;
		margin: -180px 0 0 0;
	}
}
@media screen and (max-width: 667px) {
	.Res-btn-box {
		width: 23%;
		margin: -160px 0 0 0;
	}
	.hello-area p {
		padding-top: 1.7rem;
		font-size: 1.3rem;
		line-height: 1.9;
	}
	.frontpage .newsArea {
		margin: 2.8rem auto 4rem;
	}
	a.insta_link_btn {
		padding: 0.25rem 7% 0.25rem 14%;
	}

	.frontpage .contentBox ol {
		padding: 0 7%;
	}
	.frontpage .contentBox ol.news_list.home li a .cat {
		width: 130px;
		margin-right: 0;
	}
	.frontpage .contentBox ol.news_list.home li a h3.ev_title {
		width: 100%;
		padding: 0 3%;
	}
	.frontpage .contentBox ol.news_list.home li a .date {
		font-size: 17px;
		width: 136px;
		padding: 0 0.5rem 0 3%;
	}
	.conceptArea .area1 h3.show-sp {
		font-size: 1.8rem;
		letter-spacing: 0.4rem;
	}
	.conceptArea .area2 {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.conceptArea .area2 p {
		line-height: 2.4;
		letter-spacing: 0.05rem;
		font-size: 1.3rem;
	}
	.menuArea h3.sec-title2 {
		margin: 1rem auto 4rem;
	}
	ul.price-note {
		font-size: 1.1rem;
		line-height: 1.8;
		margin: 0 auto 4rem 0.5%;
		width: 95%;
		padding-left: 30px;
	}
	ul.price-note li {
		margin-bottom: 1rem;
	}
	p.price-note {
		font-size: 1rem;
		padding: 0 0 2rem;
	}

	section.staffArea .flex-container figure {
		margin-bottom: 3rem;
		width: 46%;
	}
	section.appeal-box {
		width: 80%;
		padding: 2rem 7%;
	}
	h3.sec-title2 {
		font-size: 2.5rem;
	}
	.accessArea img.featured-image-90 {
		margin: 0;
	}
	/***** ABOUT 667px start *****/
	.greeting p {
		font-size: 1.05rem;
		line-height: 1.8;
		width: 95%;
	}
	.profile,
	.recruit .profile {
		border-radius: 20px;
		margin: 3rem auto 6rem;
	}
	.profile p {
		font-size: 0.95rem;
		line-height: 1.7;
		letter-spacing: 0.02rem;
		text-align: justify;
	}
	.about .staff-greeting h3 {
		font-size: 1.4em;
	}
	.about .staff-greeting .profile {
		margin-bottom: 8em;
	}
	section.appeal-box p {
		font-size: 1rem;
		margin-bottom: 1rem;
	}
	.about .flex-container figure:nth-of-type(odd) {
		margin-bottom: 3rem;
	}
	.about .flex-container figure:nth-of-type(even) {
		margin-bottom: 3rem;
	}
	.about .flex-container figure.mb-0 {
		margin-bottom: 3rem !important;
	}
	.condition dl dt {
		padding-left: 1rem;
		letter-spacing: 0.05rem;
	}
	.recruit {
		font-size: 17px;
	}
	.recruit img.featured-image-90:last-child {
		margin-bottom: 0;
	}
	.error404 .entry-title {
		font-size: 7rem;
		margin: 2rem 0 1rem;
		line-height: 1;
		padding: 0;
	}
	.btn-basic {
		padding: 1.1rem 6%;
		border-radius: 18px;
	}
	/***** post 667px start *****/
	.archive-title {
		margin-top: 30px;
	}
	article.article header.article-header.entry-header,
	article.article .entry-content {
		width: 95%;
		margin: 0 auto;
	}
	header.article-header.entry-header {
		margin-top: 0;
	}
	.entry-title {
		font-size: 1.8rem;
		margin: 0;
		line-height: 1.3;
		padding: 20px 0 15px;
		text-align: justify;
	}
	.post-meta-container {
		align-content: flex-start;
		align-items: flex-start;
		padding-bottom: 1rem;
	}
	.entry-categories-tags {
		margin-bottom: 0;
	}
	.date-tags {
		margin-bottom: 0;
		font-size: 16px;
	}
	.article.post img.eye-catch-image.wp-post-image,
	figure.wp-block-image {
		border-radius: 24px;
	}
	/**** Booking 667px start ****/
	#booking-package_serviceDetails .title,
	#booking-package_servicePage .title,
	#booking-package_inputFormPanel .selectedDate {
		font-size: 1.2rem !important;
		font-weight: 500 !important;
	}
	div#booking-package_serviceDetails p {
		padding: 0.5rem 0.25rem;
	}
	#booking-package_schedulePage .daysListPanel {
		right: 70% !important;
		width: 30% !important;
	}
	#booking-package_schedulePage .courseListPanel {
		left: 30% !important;
		width: 70% !important;
	}
}
@media screen and (max-width: 568px) {
	.Res-btn-box {
		margin: -90px 0 0 0;
	}
	.hello-area p {
		padding-top: 1.6rem;
		font-size: 1.2rem;
		line-height: 1.8;
	}
	.frontpage .newsArea {
		margin: 2.7rem auto 4rem;
	}
	.frontpage .contentBox ol {
		padding: 0 5%;
	}
	.conceptArea .area2 .fadeInCircleR.show {
		display: none;
	}
	.conceptArea .area7 .left svg {
		transform: scale(1, 1);
		z-index: 0;
		width: 25%;
	}
	.conceptArea .area7 .right {
		margin: 6rem 0 0;
	}
	.conceptArea .area7 .right svg {
		width: 32%;
	}
	ul.price-note {
		font-size: 0.97rem;
		line-height: 1.7;
	}
	section.staffArea .flex-container figcaption.center {
		font-size: 1.25rem;
		line-height: 1.3;
	}
	.condition dl {
		font-size: 0.99rem;
	}
	#booking-package_serviceDetails .title,
	#booking-package_servicePage .title,
	#booking-package_inputFormPanel .selectedDate {
		font-size: 1.15rem !important;
	}
}
@media screen and (max-width: 480px) {
	ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button {
		width: 100%;
	}
	.logo-menu-button {
		min-width: unset;
	}
	.has-logo-button .menu-button {
		width: 13%;
		margin-right: 3%;
	}
	.mobile-menu-buttons .menu-button {
		justify-content: flex-start;
	}
	.mobile-menu-buttons .menu-button > a {
		min-width: 80px;
	}
	li.navi-menu-button.menu-button.mobile-tel a img {
		max-width: 34px;
	}
	li.navi-menu-button.menu-button.mobile-tel.mobile-insta a img {
		width: 100%;
		max-width: 32px;
	}
	.n2-ss-slider-controls.n2-ss-slider-controls-absolute-center-bottom {
		margin-top: -10px;
	}
	.Res-btn-box {
		width: 25%;
		margin: -80px 0 0 0;
	}
	h3.sec-title {
		font-size: 2rem;
	}
	.frontpage .contentBox ol {
		padding: 0 3%;
	}

	.frontpage .newsArea h3.sec-ttl {
		font-size: 2rem;
		margin: 0.75rem auto 2rem;
	}
	a.more-text {
		margin-right: 1rem;
	}
	.index-insta {
		margin: 0 auto 5rem;
	}

	.index-insta h3 {
		text-align: center;
		font-size: 2rem;
		letter-spacing: 0.05rem;
		padding-bottom: 1.5rem;
	}
	a.insta_link_btn {
		margin: 1.5rem auto 0;
		background-size: 1.75rem;
		background-repeat: no-repeat;
		background-position: 7% center;
		padding: 0.15rem 6% 0.15rem 19%;
		border-radius: 12px;
	}
	.conceptArea .area3 {
		padding-bottom: 1rem;
	}
	.conceptArea .area3 .fadeInCircleL.show {
		bottom: -310px;
	}
	.conceptArea .area4 img.imgLeft {
		padding: 4rem 0;
	}
	.conceptArea .area5 img.imgCircle1 {
		margin: -5rem 0 0 0;
	}
	.conceptArea .area5 img.imgCircle2 {
		margin: 8rem 1% 0 -9%;
	}
	.conceptArea .area5 .area-text h3 {
		letter-spacing: 0.1rem;
		font-size: 1.3rem;
	}
	.conceptArea .area7 h3 {
		font-size: 1.7rem;
		letter-spacing: 0.2rem;
		padding: 6rem 0 6rem 1rem;
	}
	.font88 {
		font-size: 78%;
	}
	.menuList dl {
		font-size: 0.98rem;
		letter-spacing: 0.02rem;
	}
	section.staffArea .flex-container {
		justify-content: center;
	}
	section.staffArea .flex-container figure {
		width: 80%;
	}
	section.staffArea .flex-container figcaption.center {
		font-size: 1.15rem;
		line-height: 1.3;
	}
	.description,
	.greeting,
	.description p {
		line-height: 1.8;
		letter-spacing: 0.02rem;
	}
	.recruit .profile {
		width: 90%;
		margin: 2em auto 1em;
	}
	.recruit .description {
		margin: 2rem auto 0;
	}
	.condition dl dd ul li {
		font-size: 0.95rem;
	}
	.subtext404 {
		font-size: 1.35rem;
	}
	a.entry-card-wrap {
		margin-bottom: 10%;
	}
	figure.card-thumb img {
		border-radius: 8px;
	}
	.webReserve ul.price-note {
		letter-spacing: 0;
	}
	.webReserve address p {
		font-size: 0.9rem;
	}
	.menuList h4 {
		padding: 0.3rem 1.5rem;
	}
	.menuList .area03-treatment h4 {
		margin: 0 auto 1.3rem;
		letter-spacing: 0.03rem;
	}
	.entry-date {
		display: inline-block;
		margin-top: 11px;
	}
}
@media screen and (max-width: 375px) {
	/*iPhone8*/
	.go-to-top {
		right: 20px;
		bottom: 20px;
	}
	.Res-btn-box {
		width: 23%;
		margin: -50px 0 0 0;
	}
	.mobile-menu-buttons .menu-button > a {
		min-width: 70px;
	}
	.conceptArea .area3 .area-text h3,
	.conceptArea .area6 .area-text h3 {
		font-size: 1.25rem;
	}
	.conceptArea .area5 .area-text h3 {
		font-size: 1.2rem;
		letter-spacing: 0;
	}
	.conceptArea .area7 h3 {
		font-size: 1.5rem;
	}
	section.appeal-box {
		padding: 1.25rem 5%;
	}
}

@media screen and (max-width: 340px) {
	a.insta_link_btn {
		font-size: 1rem;
	}
}

/*  ブログの価格改定表スタイル  */
.article.post-795 h3,
.article.post-795 h4 {
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: none;
	font-size: 22px;
	padding: 0;
}
.article.post-795 h3 {
	margin-bottom: 1em;
}
.article.post-795 h4 {
	font-size: 20px;
	margin-bottom: 0;
}
.article ul.table-price-revision li {
	margin: 0 0 1.5em;
}
.article ul.table-price-revision li:nth-child(3) {
	margin: 0;
}
.article ul.table-price-revision {
	margin: 0;
}
.table-price-revision {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 0;
	padding-left: 0;
}
.table-price-revision li {
	width: 100%;
	list-style: none;
}
.table-price-revision li dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	line-height: 1.3;
}
.table-price-revision li dl dt {
	width: 50%;
	border-bottom: 1px solid #ddd;
	padding: 1.5% 0.25em 1.5% 0;
}
.table-price-revision li dl dd {
	width: 25%;
	border-bottom: 1px solid #ddd;
	margin: 0;
	padding: 1.5% 0.25em;
	color: #acacac;
	white-space: nowrap;
}
.table-price-revision li dl dd.newPrice {
	font-weight: 500;
	color: #ef7c53;
}
.article.post-795 ul.price-note {
	margin: 0 0 4em;
	padding: 0 0 0 1em;
	line-height: 1.8;
}
.article.post-795 ul.price-note li {
	font-size: 0.77em;
	margin-bottom: 0.25em;
}
@media screen and (max-width: 834px) {
	.article ul.table-price-revision {
		padding-left: 0;
	}
}
@media screen and (max-width: 667px) {
	.table-price-revision li dl {
		font-size: 16px;
	}
}
@media screen and (max-width: 480px) {
	.article.post-795 h3 {
		font-size: 19px;
	}
	.article.post-795 h4 {
		font-size: 18px;
	}
	.table-price-revision li dl dt {
		width: 44%;
	}
	.table-price-revision li dl dd {
		width: 28%;
	}
	.table-price-revision li dl {
		font-size: 15px;
	}
}
@media screen and (max-width: 375px) {
	.table-price-revision li dl {
		font-size: 14px;
	}
	.table-price-revision li dl dt {
		width: 40%;
	}
	.table-price-revision li dl dd {
		width: 30%;
	}
	.table-price-revision li dl dd {
		white-space: unset;
	}
}
/*  ブログの価格改定表スタイル　ここまで  */
/*  営業日のお知らせ　ここから  */
.categoryid-6 .eye-catch img {
	display: block;
	width: 90%;
	height: auto;
}
@media screen and (min-width: 414px) {
	.categoryid-6 .eye-catch img {
		width: 80%;
	}
}
@media screen and (min-width: 568px) {
	.categoryid-6 .eye-catch img {
		width: 70%;
		margin-left: 0 !important;
	}
}

/*  営業日のお知らせ　ここまで  */
/*  改行についてまとめ  */
@media screen and (min-width: 835px) {
	.br_sp {
		display: none;
	}
	.br_tab {
		display: none;
	}
}
@media only screen and (min-width: 481px) and (max-width: 834px) {
	.br_sp {
		display: none;
	}
	.br_pc {
		display: none;
	}
}
@media screen and (max-width: 480px) {
	.br_tab {
		display: none;
	}
	.br_pc {
		display: none;
	}
}
/*Show and Hide*/
.desktop {
	display: block;
}
.mobile {
	display: none;
}
@media screen and (max-width: 480px) {
	.desktop {
		display: none;
	}
	span.mobile {
		display: inline-block;
	}
}
/* dashboard lyaouts */
.wp-list-table.widefat.fixed.striped.table-view-list.posts th#title {
	width: 15%;
}