/*!
Theme Name: kjstuduio-eyeluxe
Theme URI: http://underscores.me/
Author: KJ Studuio / Eye-Luxe
Author URI: https://kjs.covosg.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kjstuduio-eyeluxe
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ----------
 * 追加
 * ---------- */
/* ----------
 * layout
 * ---------- */
#wrapper {
	position: relative;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
}
.page {
	margin: 0;
}
section {
	width: 100%;
	margin: 60px auto;
	padding: 0 20px;
	box-sizing: border-box;
}
.inner {
	max-width: 1200px;
	margin: 0 auto;
}
/* ----------
 * common
 * ---------- */
body {
	color: #000;
	font-family: 'Notfont-family: o Sans JP', sans-serif;
	font-size: .8125rem;
}
.f__cm {
	font-family: 'Libre Baskerville', serif;
	text-indent: .1em;
	letter-spacing: .1em;
}
.f__kjs, .category-kj-studio .cat__name, .cat__name.kj-studio {
	font-family: 'Cinzel', serif;
	font-weight: 400;
	text-indent: .1em;
	letter-spacing: .1em;
}
.f__el, .category-eye-luxe .cat__name, .cat__name.eye-luxe {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 300;
	text-indent: .1em;
	letter-spacing: .1em;
}
.f__st {
	font-family: 'Satisfy', cursive;
	font-weight: 200;
}
ul {
	margin: 0 0 1.5em;
	padding: 0;
}
ul.none {
	list-style: none;
}
img {
	display: block;
}
time {
	display: block;
	color: #918085;
	font-size: 80%;
	letter-spacing: .2em;
}
table, tbody {
	border-collapse: collapse;
}
a.none {
	text-decoration: none;
}
a:hover, a:focus, a:active {
	outline: none;
}
.pc, .pc2, .pc3 {
	display: none !important;
}
.ct {
	text-align: center;
}
.r {
	text-align: right;
}
.l {
	text-align: left;
}
.bl {
	font-weight: 700;
}
.wh {
	color: #fff;
}
::selection {
	background: rgba(215, 78, 72, .7);
	color: #fff;
}
/* heading */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.3;
}
/* btn */
.btn__link a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 220px;
	height: 52px;
	margin: 40px auro 0;
	border: 1px solid #e2acac;
	border-radius: .4em;
	box-sizing: border-box;
	background: #e2acac;
	color: #fff;
	font-family: 'Libre Baskerville', serif;
	text-indent: .1em;
	letter-spacing: .1em;
	text-decoration: none;
	transition: all .3s ease;
}
.btn__link.rr a {
	margin: 40px 0 0 auto;
}
.btn__link.ll a {
	margin: 40px auto 0 0;
}
.btn__link.kjs a {
	border: 1px solid #000;
	background: #000;
}
.btn__link.el a {
	border: 1px solid #c19897;
	background: #c19897;
}
.btn__link.or a {
	border: 1px solid #d74e48;
	background: #d74e48;
}
.btn__link a::before {
	position: absolute;
	top: 50%;
	left: -20px;
	width: 40px;
	height: 1px;
	background: #000;
	content: "";
	transition: all .3s ease;
	transform: translateY(-50%);
}
.btn__link.kjs a::before, .btn__link.el a::before {
	background: #918085;
}
.btn__link a:hover {
	background: #fff;
	color: #e2acac;
}
.btn__link.kjs a:hover {
	color: #000;
}
.btn__link.el a:hover {
	color: #c19897;
}
.btn__link.or a:hover {
	color: #d74e48;
}
.btn__link a:hover::before {
	transform: translateY(-50%) scaleX(0);
}
/* animation */
.fd, .dfd {
	opacity: 0;
	filter: blur(8px);
	transition: all .8s ease;
}
.fd-up, .dfd-up {
	opacity: 0;
	filter: blur(8px);
	transition: all .8s cubic-bezier(.215, .61, .355, 1);
	transform: translateY(30px);
}
.fd-r, .dfd-r {
	opacity: 0;
	transition: all .8s cubic-bezier(.215, .61, .355, 1) .5s;
	transform: translateX(-50px);
}
.fd.is-active, .dfd.is-active,
.fd-up.is-active, .dfd-up.is-active,
.fd-r.is-active, .dfd-r.is-active {
	opacity: 1;
	filter: blur(0);
	transform: translate(0, 0);
}
/* bnr */
.fixed__bnr {
	position: fixed;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 50px;
	background: rgba(215, 78, 72, .8);
	color: #fff;
	opacity: 0;
	transition: all 1s ease;
	z-index: 2;
}
.fixed__bnr.is-active {
	bottom: 0;
	opacity: 1;
}
.fixed__bnr .inner {
	height: 100%;
	padding: 0 15px;
}
.fixed__box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}
.fixed__item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 47%;
}
.fixed__box h2 {
	position: relative;
	margin:0;
	padding-left: 10px;
	font-size: .75rem;
	font-weight: 400;
	white-space: nowrap;
}
.fixed__box h2::before {
	position: absolute;
	top: 50%;
	left: -10px;
	width: 18px;
	height: 33px;
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/common/leaf.svg") center / contain no-repeat;
	content: "";
	transform: translateY(-50%);
}
.fixed__sns {
	display: flex;
	justify-content: flex-end;
	margin: 0;
}
.fixed__sns li a {
	display: block;
	width: 36px;
	height: 36px;
	transition: all .3s ease;
}
.fixed__sns li.instagram a {
	margin-left: 10px;
}
.link__recruit {
	display: none;
}
/* ----------
 * header
 * ---------- */
.site-header {
	position: fixed;
	top: -145px;
	left: 0;
	width: 100%;
	background: rgba(255, 255, 255, 1);
	opacity: 0;
	transition: all 1s ease;
	z-index: 100;
}
.site-header.is-active {
	top: 0;
	opacity: 1;
}
/* logo */
.site-branding {
	height: 50px;
}
.site-title {
	display: flex;
	justify-content: center;
	height: 100%;
	margin: 0;
}
.site-title a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.site-title a img {
	margin: 0 .5em;
}
.site-title a img.kjs {
	width: 89.5px;
}
.site-title a img.el {
	width: 97.5px;
}
/* mobile menu */
.fixed__menu * {
	border: none;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
}
.fixed__menu a:visited {
	color: inherit;
}
.fixed__menu .fixed__bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(215, 78, 72, .88);
	width: 100%;
	height: 100%;
	z-index: 999;
}
.fixed__menu .fixed__button {
	cursor: pointer;
	display: block;
	position: fixed;
	top: 8px;
	right: 20px;
	background: none;
	width: 26px;
	padding: 0;
	border: none;
	z-index: 1001;
}
.fixed__menu .fixed__button.active {
	top: 15px;
}
.fixed__menu .fixed__button .fixed__bar {
	display: block;
	height: 2px;
	margin: 7px 0;
	background: #d74e48;
	transition: all .2s;
	transform-origin: 0 0;
}
.fixed__menu .fixed__button.active .fixed__bar {
	width: 23px;
}
.fixed__menu .fixed__button.active .fixed__bar1 {
	transform: translate(52.5%, 39%) rotate(45deg);
}
.fixed__menu .fixed__button.active .fixed__bar2 {
	opacity: 0;
}
.fixed__menu .fixed__button.active .fixed__bar3 {
	transform: translate(48%, -47.5%) rotate(-45deg);
}
.fixed__menu .fixed__close {
	display: none;
}
.fixed__menu .fixed__nav__wrapper {
	pointer-events: none;
	position: fixed;
	top: 0;
	right: 0;
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/common/bg-sp.png") center / cover no-repeat;
	width: 100%;
	max-width: 415px;
	height: 100%;
	overflow-y: scroll;
	transition: 1s all cubic-bezier(0.52, 0.08, 0.18, 1);
	opacity: 0;
}
.fixed__menu .fixed__nav__wrapper.open {
	pointer-events: auto;
	opacity: 1;
	z-index: 1000;
}
.fixed__nav__wrapper .logo {
	width: 200px;
}
.btn__home {
	margin-top: 50px;
	text-align: center;
}
.btn__home a {
	display: block;
}
.sp__menu {
	display: flex;
	width: 100%;
}
.sp__menu .menu__box {
	width: 50%;
	padding: 30px 30px 0;
	box-sizing: border-box;
}
.sp__menu .menu__box .name {
	border-bottom: 1px solid #000;
}
.sp__menu .menu__box .name .st {
	font-size: .6875rem;
}
.sp__menu .menu__box .name .f__kjs,
.sp__menu .menu__box .name .f__el {
	font-size: 1.1875rem;
}
.sp__sns {
	display: flex;
	justify-content: center;
}
.sp__sns li a {
	display: block;
	width: 35px;
	height: 35px;
	margin: 15px 7.5px 20px;
}
.sp__menulist {
	margin: 0;
}
.sp__menulist li {
	margin-bottom: 22px;
	line-height: 1;
}
.sp__menulist li a, .sp__menulist li p {
	margin: 0;
	color: #000;
	font-size: .75rem;
	line-height: 1.3;
}
.sub__menu {
	margin-top: 18px;
}
.sub__menu li a {
	position: relative;
}
.sub__menu li a::before {
	position: absolute;
	top: 0;
	left: -1em;
	content: "-";
}
.sp__menu2 {
	padding: 0 30px 30px;
}
.sp__menulist2 {
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
	border-top: 1px solid #000;
}
.sp__menulist2 li {
	width: 100px;
}
.sp__menulist2 li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100px;
	margin-top: 15px;
	color: #000;
}
.sp__menulist2 li.bridal a {
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/common/bg-menu-bridal.png") center / contain no-repeat;
}
.sp__menulist2 li.product a {
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/common/bg-menu-product.png") center / contain no-repeat;
}
.sp__menulist2 li.recruit a {
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/common/bg-menu-recruit.png") center / contain no-repeat;
	color: #fff;
}
/* language switcher */
.switcher {
	display: flex;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 20px;
	width: 5em;
	height: 50px;
	margin: 0;
	transform: translateY(-50%);
}
.switcher li, .switcher li a {
	line-height: 1;
}
.switcher li:first-child {
	position: relative;
	padding-right: 1em;
}
.switcher li:first-child::before {
	position: absolute;
	top: 0;
	right: .5em;
	width: 1px;
	height: 100%;
	background: #d74e48;
	content: "";
}
.switcher li a {
	color: #d74e48;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 90%;
	letter-spacing: .1em;
	text-decoration: none;
	transition: all .3s ease;
}
.switcher li a:hover {
	opacity: .6;
}
/* ----------
 * footer
 * ---------- */
.site-footer {
	padding: 50px 30px;
	box-sizing: border-box;
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/common/bg-footer.png") center / cover no-repeat;
}
.site-footer * {
	color: #fff;
}
.ft__content .name {
	margin-top: 0;
	font-size: 2em;
}
.ft__content h3 {
	margin-top: 0;
	font-size: 1.0625em;
	line-height: 1;
}
.ft__menu {
	margin-bottom: 2.2em;
}
.ft__menu li {
	position: relative;
	margin-bottom: .9em;
	padding-left: 2em;
	line-height: 1.3;
}
.ft__menu li::before {
	position: absolute;
	top: 0;
	left: 1em;
	content: "-";
}
.ft__item p, #salonInfo .tel a {
	position: relative;
	margin: 0 0 .9em;
	padding-left: 1.8em;
	line-height: 1.5;
}
.ft__item p::before, #salonInfo .tel a::before, .fixed__box .tel::before {
	position: absolute;
	top: .2em;
	left: 0;
	width: 1.2em;
	height: 1.2em;
	content: "";
}
.ft__item .address::before {
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/common/icon-map.svg") center / contain no-repeat;
}
.ft__item .hour::before {
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/common/icon-clock.svg") center / contain no-repeat;
}
.ft__item .tel::before, #salonInfo .tel a::before, .fixed__box .tel::before {
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/common/icon-tel.svg") center / contain no-repeat;
}
.ft__item .tel a {
	transition: all .3s ease;
}
/*
.ft__sns {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin: 1.6em 0 2.5em;
	border-top: 1px solid #fff;
}
.ft__sns li {
	width: 25px;
	height: 25px;
	margin: 1.6em 0 0 20px;
}
*/
.ft__menu li a, .ft__sns li a, .copyright a {
	display: block;
	color: #fff;
	transition: all .3s ease;
}
.ft__menu li a:hover, .ft__item .tel a:hover, .ft__sns li a:hover, .copyright a:hover, .fixed__sns li a:hover {
	color: #fff;
	opacity: .65;
}
.copyright {
	display: flex;
	justify-content: flex-end;
	position: relative;
	width: 100%;
	margin-top: 4em;
	padding-top: 2.5em;
	border-top: 1px solid rgba(255, 255, 255, .5);
	font-size: .625rem;
	white-space: nowrap;
}
.copyright::before, .copyright::after {
	position: absolute;
	content: "";
}
.copyright::before {
	top: 5px;
	width: 100%;
	height: 1px;
	background: #fff;
}
.copyright::after {
	bottom: calc(100% - 10px);
	left: 0;
	width: 37px;
	height: 69px;
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/common/leaf.svg") center / contain no-repeat;
}
#pageTop {
	position: fixed;
	bottom: 180px;
	right: 5px;
	z-index: 99;
}
#pageTop a {
	display: block;
	width: 50px;
	height: 50px;
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/common/pagetop.svg") center / contain no-repeat;
	transition: all .3s ease;
}
#pageTop a:hover {
	opacity: .65;
}
/* ----------
 * top
 * ---------- */
.top__ttl {
	margin: 0 0 2em;
	text-align: center;
	line-height: 1.1;
}
.top__ttl .en {
	display: inline-block;
	position: relative;
	padding-top: .3em;
	font-size: 7vw;
}
.top__ttl .en::after {
	position: absolute;
	top: 0;
	right: -.35em;
	width: 1.1em;
	height: 1.5em;
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/common/deco-ttl.svg") right top / contain no-repeat;
	content: "";
}
.top__ttl .jp {
	display: inline-block;
	margin-top: .6em;
	color: #d74e48;
	font-size: 75%;
	text-indent: .1em;
	letter-spacing: .1em;
}
/* main visual */
#mainVisual {
	position: relative;
	width: 100%;
	height: calc(100vh - 50px);
	margin-top: 50px;
	overflow: hidden;
}
#slide, #slide .slick-list, #slide .slick-track {
	height: 100%;
}
#slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#slide li.item02 img {
	object-position: 60% center;
}
#slide li.item03 img {
	object-position: right center;
}
h2.mv {
	position: absolute;
	top: 60%;
	left: 30px;
	width: 90%;
	max-width: 720px;
	margin: 0;
	z-index: 1;
}
.award__label, .award__pic {
	position: absolute;
}
.award__label {
	top: 40px;
	left: 15px;
	width: 90%;
}
.award__pic {
	bottom: 70px;
	right: 30px;
	width: 64%;
}
/* top news */
.news__list li {
	margin-bottom: 40px;
}
.news__list li:nth-child(2),
.news__list li:nth-child(3),
.news__list li:nth-child(4) {
	display: none;
}
.news__list li a {
	display: block;
}
.news__list li a figure {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 125%;
	margin: 0;
}
.news__list li a.kj-studio figure,
.news__list li a.kj-studio-jp figure {
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/common/bg-kjs.png") center / cover no-repeat;
}
.news__list li a.eye-luxe figure,
.news__list li a.eye-luxe-jp figure {
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/common/bg-el.png") center / cover no-repeat;
}
.news__list li a figure img {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}
.news__list li a .txt {
	position: relative;
	padding: 10px 10px 20px;
	box-sizing: border-box;
}
.news__list li a.kj-studio .txt,
.news__list li a.kj-studio-jp .txt {
	background: #e8e2e8;
}
.news__list li a.eye-luxe .txt,
.news__list li a.eye-luxe-jp .txt {
	background: #f2e9e9;
}
.news__list li a .txt .cat__name {
	display: inline-block;
	position: absolute;
	top: -1em;
	right: 0;
	width: 8em;
	padding: .4em;
	box-sizing: border-box;
	text-indent: .1em;
	letter-spacing: .1em;
	text-align: center;
}
.news__list li a.kj-studio .cat__name,
.news__list li a.kj-studio-jp .cat__name {
	background: #000;
	color: #fff;
}
.news__list li a.eye-luxe .cat__name,
.news__list li a.eye-luxe-jp .cat__name {
	background: #f5dbe4;
	color: #c19897;
}
.news__list li a h3,
.news__list li a p {
	color: #000;
	font-weight: 400;
}
.news__list li a h3 {
	min-height: 2.3em;
}
.news__list li a .link__txt {
	color: #fff;
}
/* top kjs / top el */
#topKJS, #topEL {
	margin: 0;
	padding: 10px;
}
#topKJS {
	background: #000;
}
#topEL {
	background: #efdce1;
}
#topKJS .wrap, #topEL .wrap {
	position: relative;
	padding-bottom: 65px;
}
#topKJS .wrap {
	background: linear-gradient(135deg, rgba(152, 148, 165, 1) 0%, rgba(207, 207, 209, 1) 50%, rgba(229, 235, 237, 1) 100%);
}
#topEL .wrap {
	background: linear-gradient(135deg, rgba(242, 235, 235, 1) 0%, rgba(224, 215, 215, 1) 50%, rgba(245, 245, 245, 1) 100%);
}
.shop__lead {
	padding: 0 20px;
}
.shop__name {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 150px;
	height: 150px;
	padding: 20px 0;
	box-sizing: border-box;
	z-index: 0;
}
.shop__name::before, .shop__name::after {
	pointer-events: none;
	position: absolute;
	content: "";
}
.shop__name::before {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
}
.shop__name.kjs::before {
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/top/bg-shopname-kjs.svg") left top / contain no-repeat;
}
.shop__name.el::before {
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/top/bg-shopname-el.svg") left top / contain no-repeat;
}
.shop__name.kjs::after {
	top: 15%;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/common/flower-kjs.svg") center top / contain no-repeat;
	opacity: .2;
}
.shop__name.el::after {
	bottom: 5%;
	left: 0;
	width: 40%;
	height: 67%;
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/common/flower-el.svg") left bottom / contain no-repeat;
	opacity: .5;
}
.shop__name .name {
	font-size: 150%;
}
.shop__name .sub {
	font-size: .625rem;
}
.shop__ttl {
	margin-top: -50px;
	text-align: right;
}
.shop__ttl .name {
	font-size: 2em;
}
.top__content {
	width: 100%;
	padding: 30px 20px;
	box-sizing: border-box;
}
.top__content.gallery {
	padding-bottom: 0;
}
.top__content.instagram {
	padding: 0 20px;
}
.top__content.pics {
	padding: 30px 17px;
}
.cont__ttl {
	margin-top: 0;
	text-align: center;
	overflow: hidden;
}
.cont__ttl span {
	display: inline-block;
}
.cont__ttl .en {
	position: relative;
	padding: 0 .7em;
	font-size: 1.5em;
}
.cont__ttl .en::before, .cont__ttl .en::after {
	position: absolute;
	top: 50%;
	width: 50vw;
	height: 4px;
	content: "";
	transform: translateY(-50%);
}
.kjs .cont__ttl .en::before, .kjs .cont__ttl .en::after {
	background: #000;
}
.el .cont__ttl .en::before, .el .cont__ttl .en::after {
	background: #c19897;
}
.cont__ttl .en::before {
	right: 100%;
}
.cont__ttl .en::after {
	left: 100%;
}
.cont__ttl .jp {
	font-weight: 400;
	text-indent: .5em;
	letter-spacing: .5em;
}
.kjs .cont__ttl .jp {
	color: #554546;
}
.el .cont__ttl .jp {
	color: #c19897;
}
.top__content .menu {
	width: 100%;
	margin-bottom: 35px;
	overflow: hidden;
}
.top__content .menu .btn__link a {
	width: 180px;
	height: 42px;
	font-size: .8125rem;
}
.top__content .menu__ttl {
	width: 100%;
	margin: 0;
	color: rgba(255, 255, 255, .3);
	font-size: 9vw;
}
.top__content .even .menu__ttl {
	text-align: right;
}
.top__content .menu .txt {
	position: relative;
	margin-top: -10px;
	margin-bottom: 20px;
	padding: 30px 20px;
}
.top__content .menu .txt::before, .top__content .menu .txt::after {
	pointer-events: none;
	position: absolute;
	width: 67%;
	height: 40%;
	content: "";
}
.top__content .menu .txt::before {
	top: 0;
	right: 0;
}
.top__content .menu .txt::after {
	bottom: 0;
	left: 0;
}
.top__content.kjs .menu .txt::before {
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/top/frame-upper-kjs.svg") right top / contain no-repeat;
}
.top__content.kjs .menu .txt::after {
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/top/frame-lower-kjs.svg") left bottom / contain no-repeat;
}
.top__content.el .menu .txt::before {
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/top/frame-upper-el.svg") right top / contain no-repeat;
}
.top__content.el .menu .txt::after {
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/top/frame-lower-el.svg") left bottom / contain no-repeat;
}
.top__content .menu .tag {
	font-size: 1.6em;
}
.top__menulist {
	display: flex;
	justify-content: space-between;
	margin: 0;
}
.top__menulist li {
	margin: 0 5px;
}
.link__instagram {
	display: flex;
	position: relative;
	margin-bottom: 10px;
	padding: 10px 20px;
	overflow: hidden;
}
.kjs .link__instagram {
	background: #2a2a2a;
}
.el .link__instagram {
	background: #f5dbe4;
}
.link__instagram::before, .link__instagram::after {
	pointer-events: none;
	position: absolute;
	width: 50%;
	height: calc(100% - 20px);
	content: "";
}
.link__instagram::before {
	top: 10px;
	left: 10px;
}
.link__instagram::after {
	bottom: 10px;
	right: 10px;
}
.kjs .link__instagram::before {
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/top/frame-wh-upper.svg") left top / contain no-repeat;
}
.kjs .link__instagram::after {
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/top/frame-wh-lower.svg") right bottom / contain no-repeat;
}
.el .link__instagram::before {
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/top/frame-pk-upper.svg") left top / contain no-repeat;
}
.el .link__instagram::after {
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/top/frame-pk-lower.svg") right bottom / contain no-repeat;
}
.link__instagram .flower {
	pointer-events: none;
	position: absolute;
	z-index: -1;
}
.kjs .link__instagram .flower {
	top: -22%;
	right: -55%;
	width: 138%;
	height: 78%;
	opacity: .2;
}
.el .link__instagram .flower {
	bottom: 1%;
	left: 5%;
	width: 42.5%;
	height: 46%;
	opacity: .5;
}
.kjs .link__instagram * {
	color: #fff;
}
.el .link__instagram * {
	color: #c19897;
}
.link__instagram .txt {
	width: 55%;
	text-align: center;
}
.link__instagram .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 45%;
}
.link__instagram .icon a {
	display: block;
	transition: all .3s ease;
}
.link__instagram .icon a:hover {
	opacity: .65;
}
.pic__instagram {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.pic__instagram li {
	width: calc(50% - 5px);
	margin-bottom: 10px;
}
.kjs .pic__instagram li.item03 {
	background: linear-gradient(45deg, rgba(125, 3, 14, 1) 0%, rgba(211, 117, 131, 1) 100%);
}
.kjs .pic__instagram li.item06 {
	background: linear-gradient(45deg, rgba(85, 69, 70, 1) 0%, rgba(145, 128, 133, 1) 100%);
}
.el .pic__instagram li.item03 {
	background: linear-gradient(45deg, rgba(221, 192, 188, 1) 0%, rgba(237, 216, 211, 1) 100%);
}
.el .pic__instagram li.item06 {
	background: linear-gradient(45deg, rgba(183, 174, 175, 1) 0%, rgba(226, 220, 221, 1) 100%);
}
.pic__shop {
	display: grid;
}
.pic__shop {
	grid-template-columns: repeat(3, 1fr);
}
.pic__shop li {
	position: relative;
	height: 0;
	padding-top: 66.6666%;
	overflow: hidden;
}
.pic__shop li img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 3px;
	box-sizing: border-box;
	object-fit: cover;
	opacity: 0;
	transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), transform .7s cubic-bezier(0.165, 0.84, 0.44, 1) .5s;
	transform: scale(0);
}
.pic__shop li.is-active img {
	opacity: 1;
	transform: scale(1);
}
.pic__shop li.item01 {
	grid-column: 1/4;
	grid-row: 1/3;
}
.pic__shop li.item02 {
	grid-column: 1/3;
	grid-row: 3/5;
}
.pic__shop li.item03 {
	grid-column: 3/4;
	grid-row: 3/4;
}
.pic__shop li.item04 {
	grid-column: 3/4;
	grid-row: 4/5;
}
.pic__shop li.item05 {
	grid-column: 1/2;
	grid-row: 5/6;
}
.pic__shop li.item06 {
	grid-column: 1/2;
	grid-row: 6/7;
}
.pic__shop li.item07 {
	grid-column: 2/4;
	grid-row: 5/7;
}
.home .gMap {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 250px;
	overflow: hidden;
}
.home .gMap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.shop__info {
	padding: 30px 20px 0;
}
.shop__info .name {
	margin: 0;
	font-size: 1.5em;
	line-height: 1;
}
.shop__info h5 {
	margin: .6em 0 .1em;
	font-size: 106.25%;
}
.shop__info p {
	margin: 0;
}
/* top recruit */
#topRecruit {
	margin-bottom: 0;
	padding-bottom: 60px;
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/common/bg-recruit.png") left center / cover no-repeat;
}
h3.recruit {
	margin-bottom: 3em;
	padding-bottom: .2em;
	color: #d74e48;
	font-size: 133%;
	font-weight: 400;
}
h3.recruit span {
	display: inline-block;
	position: relative;
}
h3.recruit span::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1.5em;
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/top/line-comment.svg") center top / contain no-repeat;
	content: "";
}
.check__list {
	margin: 0;
}
.check__list li {
	position: relative;
	margin-bottom: 1em;
	padding-left: 1.3em;
	font-size: 120%;
}
.check__list li::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 1.2em;
	height: 1.2em;
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/common/list-check-or.svg") left center / contain no-repeat;
	content: "";
}
.recruit__box p {
	font-size: 120%;
}
/* ----------
 * page
 * ---------- */
.page__header {
	position: relative;
	width: 100%;
	height: 45vh;
	margin-top: 50px;
	padding: 0 30px 30px;
	box-sizing: border-box;
	z-index: 0;
}
.page__header::before, .page__header::after {
	pointer-events: none;
	position: absolute;
	width: calc(100% - 60px);
	height: calc(100% - 30px);
	box-sizing: border-box;
	content: "";
}
.page__header::before {
	bottom: 0;
	right: 0;
	z-index: -1;
}
.kjstudio .page__header::before,
.kjstudiomenuprice .page__header::before {
	background: #eee7ef;
}
.eyeluxe .page__header::before,
.eyeluxemenuprice .page__header::before {
	background: #f4e1e5;
}
.archive .page__header::before,
.single .page__header::before {
	background: #ddc5c3;
}
.page__header::after {
	top: 15px;
	left: 15px;
	z-index: 1;
}
.kjstudio .page__header::after,
.kjstudiomenuprice .page__header::after {
	border: 1px solid #000;
}
.eyeluxe .page__header::after,
.eyeluxemenuprice .page__header::after {
	border: 1px solid #c19897;
}
.gallery .page__header::after,
.archive .page__header::after,
.single .page__header::after {
	border: 1px solid #e2acac;
}
.page__header .img {
	width: 100%;
	height: 100%;
	overflow-y: hidden;
}
.page__header .img::after {
	pointer-events: none;
	position: absolute;
	top: 50%;
	right: 0;
	width: 15%;
	height: 100%;
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/common/deco-name.svg") right center / contain no-repeat;
	content: "";
	transform: translateY(-50%);
	z-index: 2;
}
.page__header .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.page__ttl {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 15px;
	width: 200px;
	height: 200px;
	margin: 0;
	color: #fff;
	font-weight: 400;
	text-align: center;
	transform: translateY(-50%);
	z-index: 2;
}
.kjstudio .page__ttl,
.kjstudiomenuprice .page__ttl {
	background: rgba(0, 0, 0, .8);
}
.eyeluxe .page__ttl,
.eyeluxemenuprice .page__ttl {
	background: rgba(193, 152, 151, .8);
}
.gallery .page__ttl,
.archive .page__ttl,
.single .page__ttl {
	background: rgba(216, 132, 121, .8);
}
.page__header2 {
	position: relative;
	margin-top: 50px;
}
.page__ttl2 {
	position: absolute;
	bottom: -10px;
	left: 10px;
	height: 50px;
	margin: 0;
	padding: 0px 25px;
	background: rgba(102, 102, 102, .4);
	color: #fff;
	font-size: 1.3em;
	font-weight: 400;
	z-index: 1;
	line-height: 50px;
}
/* ----------
 * salon
 * ---------- */
.lead__box.salon {
	position: relative;
	margin-bottom: 50px;
	padding: 0 10px;
}
.lead__box.salon .img {
	width: 60%;
	margin: 0 0 0 auto;
}
.lead__box.salon .copy {
	position: absolute;
	top: 50%;
	left: 10px;
	margin: 0;
	transform: translateY(-50%);
}
.point__list {
	display: flex;
	flex-flow: row wrap;
}
.point__list li {
	width: 50%;
	box-sizing: border-box;
	opacity: 0;
	transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), padding .7s cubic-bezier(0.165, 0.84, 0.44, 1) .5s;
}
.point__list li.is-active {
	padding: 10px;
	opacity: 1;
}
.point__list li img, .point__list li p {
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
.point__list li.item10 img {
	box-shadow: none;
}
.point__list li p {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 10px;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
}
.kjstudio .point__list li p {
	background: #7f7984;
}
.eyeluxe .point__list li p {
	background: #ddbcc3;
}
.point__list li p::after {
	position: absolute;
	bottom: 4%;
	right: 4%;
	width: 42%;
	height: 42%;
	content: "";
}
.point__list li.item01 p::after { background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/num01-wh.svg") right bottom / contain no-repeat; }
.point__list li.item03 p::after { background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/num02-wh.svg") right bottom / contain no-repeat; }
.point__list li.item05 p::after { background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/num03-wh.svg") right bottom / contain no-repeat; }
.point__list li.item07 p::after { background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/num04-wh.svg") right bottom / contain no-repeat; }
.point__list li.item09 p::after { background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/num05-wh.svg") right bottom / contain no-repeat; }
.salon__ttl {
	position: relative;
	margin-bottom: 2.5em;
	font-size: 2.2em;
	text-align: center;
}
.salon__ttl.ll {
	text-align: left;
}
.salon__ttl.rr {
	text-align: right;
}
.salon__ttl::before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	content: "";
}
.kjstudio .salon__ttl::before { background: #000; }
.eyeluxe .salon__ttl::before { background: #c19897; }
.salon__ttl span {
	display: inline-block;
	position: relative;
	padding: 0 1em;
	background: #fff;
	z-index: 1;
}
.salon__ttl.ll span {
	padding: 0 1em 0 0;
}
.salon__ttl.rr span {
	padding: 0 0 0 1em;
}
.staff__list {
	margin: 0;
}
.staff__list li {
	margin-bottom: 35px;
}
.kjstudio .staff__list li {
	background: #eee7ef;
}
.eyeluxe .staff__list li {
	background: #eadedc;
}
.kjstudio .staff__list li .img,
.eyeluxe .staff__list li .img {
	position: relative;
	height: 0;
	padding-top: 100%;
	overflow: hidden;
}
.kjstudio .staff__list li .img img,
.eyeluxe .staff__list li .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.staff__list li .txt {
	padding: 20px;
}
.staff__list li h3 {
	margin: 0 0 .5em;
	padding-bottom: .3em;
	border-bottom: 1px solid #000;
	font-size: 180%;
}
.job {
	text-align: right;
}
.staff__list li .txt p {
	font-size: 93%;
	line-height: 2;
}
.recommend__list {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: 0;
	padding: 5px 15px;
	box-sizing: border-box;
}
.kjstudio .recommend__list {
	border: 2px solid #7f7984;
}
.eyeluxe .recommend__list {
	border: 2px solid #ce99a1;
}
.recommend__list li {
	width: 50%;
	padding: 10px 0;
	box-sizing: border-box;
}
.kjstudio .recommend__list li {
	border-bottom: 1px solid #cbc3d1;
}
.eyeluxe .recommend__list li {
	border-bottom: 1px solid #f1e2e7;
}
.recommend__list li.rank4, .recommend__list li.rank5 {
	border-bottom: none;
}
.recommend__list li.rank1 {
	width: 100%;
}
.recommend__list li.rank3, .recommend__list li.rank5 {
	padding-left: 3%;
}
.recommend__list li:nth-child(even) {
	width: 50%;
	padding-right: 3%;
}
.kjstudio .recommend__list li:nth-child(even) {
	border-right: 1px solid #cbc3d1;
}
.eyeluxe .recommend__list li:nth-child(even) {
	border-right: 1px solid #f1e2e7;
}
.recommend__list .img {
	margin-bottom: .5em;
}
.recommend__list li h3 {
	display: flex;
	align-items: center;
	position: relative;
	margin: 0;
	border-bottom: 1px solid #000;
	font-weight: 400;
	line-height: 1;
}
.recommend__list li.rank1 h3 {
	width: calc(100% - 75px);
	height: 50px;
	margin-left: 75px;
	font-size: 150%;
}
.recommend__list li.rank2 h3, .recommend__list li.rank3 h3 {
	width: calc(100% - 55px);
	height: 38px;
	margin-left: 55px;
	font-size: 120%;
}
.recommend__list li.rank4 h3, .recommend__list li.rank5 h3 {
	width: calc(100% - 45px);
	height: 30px;
	margin-left: 45px;
}
.recommend__list li h3::before {
	position: absolute;
	top: 50%;
	content: "";
	transform: translateY(-50%);
}
.recommend__list li.rank1 h3::before {
	left: -75px;
	width: 70px;
	height: 50px;
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/rank1.svg") center / contain no-repeat;
}
.recommend__list li.rank2 h3::before,
.recommend__list li.rank3 h3::before {
	left: -55px;
	width: 50px;
	height: 38px;
}
.recommend__list li.rank2 h3::before {background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/rank2.svg") center / contain no-repeat; }
.recommend__list li.rank3 h3::before { background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/rank3.svg") center / contain no-repeat; }
.recommend__list li.rank4 h3::before,
.recommend__list li.rank5 h3::before {
	left: -45px;
	width: 40px;
	height: 30px;
}
.recommend__list li.rank4 h3::before { background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/rank4.svg") center / contain no-repeat; }
.recommend__list li.rank5 h3::before { background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/rank5.svg") center / contain no-repeat; }
.recommend__list li .price {
	text-align: right;
}
.review__list li {
	position: relative;
	margin: 13px 0 35px;
}
.review__list .review__box {
	padding: 65px 20px 20px;
	border: 1px solid #9d959e;
	box-sizing: border-box;
}
.review__list li::before, .review__list li::after {
	position: absolute;
	top: -13px;
	left: 50%;
	width: 65px;
	height: 57px;
	content: "";
	transform: translateX(-50%);
}
.review__list li::before {
	background: #fff;
	z-index: 1;
}
.review__list li::after {
	z-index: 2;
}
.kjstudio .review__list li::after {
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/kjs/icon-comment.svg") center / contain no-repeat;
}
.eyeluxe .review__list li::after {
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/el/icon-comment.svg") center / contain no-repeat;
}
.review__list li .img {
	position: relative;
	padding-bottom: 3.5em;
}
.review__list li .img::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2.5em;
	content: "";
}
.kjstudio .review__list li .img::after { background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/kjs/line-comment.svg") center / contain no-repeat; }
.eyeluxe .review__list li .img::after { background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/el/line-comment.svg") center / contain no-repeat; }
.review__list li .txt {
	position: relative;
}
.review__list li .txt::before {
	position: absolute;
	bottom: -20px;
	right: 0;
	width: 154px;
	height: 115px;
	content: "";
	z-index: -1;
}
.kjstudio .review__list li.item01 .txt::before { background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/kjs/num01-pl.svg") center / contain no-repeat; }
.kjstudio .review__list li.item02 .txt::before { background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/kjs/num02-pl.svg") center / contain no-repeat; }
.kjstudio .review__list li.item03 .txt::before { background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/kjs/num03-pl.svg") center / contain no-repeat; }
.kjstudio .review__list li.item04 .txt::before { background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/kjs/num04-pl.svg") center / contain no-repeat; }
.kjstudio .review__list li.item05 .txt::before { background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/kjs/num05-pl.svg") center / contain no-repeat; }
.kjstudio .review__list li.item06 .txt::before { background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/kjs/num06-pl.svg") center / contain no-repeat; }
.kjstudio .review__list li.item07 .txt::before { background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/kjs/num07-pl.svg") center / contain no-repeat; }
.kjstudio .review__list li.item08 .txt::before { background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/kjs/num08-pl.svg") center / contain no-repeat; }
.eyeluxe .review__list li:nth-child(1) .txt::before { background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/el/num01-pl.svg") center / contain no-repeat; }
.eyeluxe .review__list li:nth-child(2) .txt::before { background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/el/num02-pl.svg") center / contain no-repeat; }
.eyeluxe .review__list li:nth-child(3) .txt::before { background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/el/num03-pl.svg") center / contain no-repeat; }
.eyeluxe .review__list li:nth-child(4) .txt::before { background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/el/num04-pl.svg") center / contain no-repeat; }
.eyeluxe .review__list li:nth-child(5) .txt::before { background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/el/num05-pl.svg") center / contain no-repeat; }
.eyeluxe .review__list li:nth-child(6) .txt::before { background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/el/num06-pl.svg") center / contain no-repeat; }
.eyeluxe .review__list li:nth-child(7) .txt::before { background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/el/num07-pl.svg") center / contain no-repeat; }
.eyeluxe .review__list li:nth-child(8) .txt::before { background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/el/num08-pl.svg") center / contain no-repeat; }
.slide-arrow {
	position: absolute;
	top: 50%;
	width: 20px;
	height: 40px;
	content: "";
	transform: translateY(-50%);
}
.slide-arrow.prev-arrow {
	left: -20px;
}
.slide-arrow.next-arrow {
	right: -20px;
}
#salonInfo {
	height: 400px;
	margin-bottom: 0;
}
#salonInfo .inner {
	height: 100%;
	padding: 50px 0 30px;
	box-sizing: border-box;
}
.kjstudio #salonInfo {
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/kjs/bg-shop-kjs.jpg") center / cover no-repeat;
}
.eyeluxe #salonInfo {
	background: url("/wp-content/themes/kjstuduio-eyeluxe/images/salon/el/bg-shop-el.jpg") center / cover no-repeat;
}
#salonInfo * {
	color: #fff;
}
#salonInfo .txt {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 100%;
	text-align: right;
}
h2.shop {
	margin-bottom: 0;
	font-size: 2em;
}
#salonInfo p {
	margin: .5em 0;
}
#salonInfo .tel a {
	display: inline-block;
	margin-bottom: 0;
}
.gMap iframe {
	display: block;
}
/* ----------
 * menu
 * ---------- */
#menuList .inner,
.kjstudiomenuprice .m__content .inner,
.eyeluxemenuprice .m__content .inner {
	max-width: 1320px;
}
.list__ttl {
	text-align: center;
	line-height: .8;
}
.list__ttl .menu {
	font-size: 110%;
}
.list__ttl .name {
	font-size: 60%;
}
.menu__list {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 0;
}
.menu__list li {
	width: 48%;
	margin: 0 1%;
	padding: 1em .3em;
	border-bottom: 1px solid #000;
	box-sizing: border-box;
	text-align: center;
	line-height: 1;
}
.menu__list li a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	color: #000;
	text-decoration: none;
	transition: all .3s ease;
}
.menu__list li a:hover {
	opacity: .65;
}
.m__ttl {
	margin: 0 0 .5em;
	padding-bottom: .2em;
	font-size: 2.5em;
}
.m__ttl.f__kjs.none,
.m__ttl.f__el.none {
	padding: 0;
	border: none;
}
.m__ttl.f__kjs {
	border-bottom: 1px solid #000;
}
.m__ttl.f__el {
	border-bottom: 1px solid #c19897;
	color: #c19897;
}
.m__content .desc {
	line-height: 1.8;
}
.m__content .check__list li {
	font-size: 100%;
}
.m__content .check__list.kjs li::before {
	background: url(/wp-content/themes/kjstuduio-eyeluxe/images/common/list-check-kjs.svg) left center / contain no-repeat;
}
.m__content .check__list.el li::before {
	background: url(/wp-content/themes/kjstuduio-eyeluxe/images/common/list-check-el.svg) left center / contain no-repeat;
}
.table {
	margin-top: 2em;
	padding: 5px;
}
.kjstudiomenuprice .table {
	background: url(/wp-content/themes/kjstuduio-eyeluxe/images/menu/kjs/bg-table-kjs.png) center bottom / cover no-repeat;
}
.eyeluxemenuprice .table {
	background: url(/wp-content/themes/kjstuduio-eyeluxe/images/menu/el/bg-table-el.png) center bottom / cover no-repeat;
}
.kjstudiomenuprice table.menu tr {
	border-bottom: 1px solid #a6a6b2;
}
.eyeluxemenuprice table.menu tr {
	border-bottom: 1px solid #dbbabf;
}
table.menu {
	margin: 0;
}
table.menu.kjs {
	margin: 2em 0;
}
table.menu th, table.menu td,
table.option th, table.option td {
	padding: .5em 0;
	font-size: 90%;
	font-weight: 400;
	text-align: center;
}
table.menu th.f__st {
	padding: 0 .5em;
	writing-mode: vertical-rl;
}
#option {
	padding: 40px 20px;
}
.kjstudiomenuprice #option {
	background: url(/wp-content/themes/kjstuduio-eyeluxe/images/menu/kjs/bg-option.png) left bottom / cover no-repeat;
}
.eyeluxemenuprice #option {
	background: url(/wp-content/themes/kjstuduio-eyeluxe/images/menu/el/bg-option.png) left bottom / cover no-repeat;
}
table.option tr {
	display: flex;
	flex-flow: row wrap;
}
table.option th, table.option td {
	width: 100%;
	font-weight: 400;
	text-align: left;
}
table.option td.price {
	text-align: right;
}
.kjstudiomenuprice table.option th,
.kjstudiomenuprice table.option td {
	border-bottom: 1px solid #d6d6d6;
}
.eyeluxemenuprice table.option th,
.eyeluxemenuprice table.option td {
	border-bottom: 1px solid #ead6d6;
}
table.option td.price {
	border-bottom: 1px solid #777;
}
table.option td {
	width: 100%;
}
table.option td.w {
	line-height: 1.8;
}
/* ----------
 * gallery
 * ---------- */
#galleryList {
	margin-top: 30px;
}
.tab__group {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: 0 0 30px;
}
.tab__group li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32%;
	height: 4em;
	font-size: 80%;
	text-align: center;
	transition: all .3s ease;
}
.tab__group li.is-active, .tab__group li:hover {
	background: #d74e48;
	color: #fff;
}
.tab__item {
	display: none;
}
.tab__item.is-show {
	display: block;
	animation: tabFadeinUp 1.2s;
}
@keyframes tabFadeinUp {
	0% { opacity: 0; transform: translateY(30px); }
	100% { opacity: 1; transform: translateY(0); }
}
.tab__item .gallery {
	display: flex !important;
	flex-flow: row wrap;
	grid-gap: 0;
	width: 100%;
}
.tab__item .gallery-item {
	width: 50%;
	margin: 0 0 12px;
	padding: 0 1%;
	box-sizing: border-box;
}
.tab__item .gallery-item a {
	pointer-events: none;
}
/* ----------
 * product
 * ---------- */
.opt__ttl {
	margin: 0 auto 30px;
	font-weight: 400;
}
.product_box li {
	margin-bottom: 25px;
}
.product_box li img {
	width: 90%;
	margin: 0 auto 10px;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}
.product_box li p {
	margin-bottom: 0;
	padding: 0 15px;
	font-size: 93%;
}
/* ----------
 * recruit
 * ---------- */
#recruitInfo .inner, #FAQ .inner {
	max-width: 1060px;
}
.recruit_table {
	width: 100%;
 	margin: 0 auto 60px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.recruit_table th, .recruit_table td {
	padding: 20px 10px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	box-sizing: border-box;
	font-size: 93%;
}
.recruit_table th {
	width: 25%;
	background: #f5f5f5;
	color: #666;
}
.recruit_table td {
	padding: 20px 10px;
	background: #fff;
}
.recruit_btn {
	margin: 0 auto 40px;
	text-align: center;
}
.recruit_btn a {
	display: inline-block;
	width: 80%;
	padding: 20px;
	border: 4px solid #aaa;
	box-sizing: border-box;
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 50%,rgba(246,246,246,1) 100%);
	color: #666;
	font-weight: 600;
	line-height: 1.3;
	transition: all .3s ease;
}
.recruit_btn a:hover {
	opacity: .6;
}
h3.recruit__info {
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	font-weight: 400;
}
h3.question {
	position: relative;
	margin: 0;
	padding: 10px 0 10px 45px;
	font-weight: 400;
}
h3.question::before, .answer li::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 35px;
	height: 30px;
	background: url(/wp-content/themes/kjstuduio-eyeluxe/images/recruit/question.png) left center / contain no-repeat;
	content: "";
}
ul.answer {
	margin-bottom: 50px;
}
.answer li {
	position: relative;
	margin-bottom: 30px;
	padding: 0 0 0 55px;
}
.answer li::before {
	background: url(/wp-content/themes/kjstuduio-eyeluxe/images/recruit/answer.png) left center / contain no-repeat;
}
.answer li p {
	position: relative;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: .5em;
	box-sizing: border-box;
}
.answer li p::before, .answer li p::after {
	position: absolute;
	width: 0;
	height: 0;
	margin: auto;
	border-style: solid;
	border-radius: 5px 0 0 0;
	content: "";
}
.answer li p::before {
	left: -13px;
	top: 7px;
	border-color: transparent #ccc transparent transparent;
	border-width: 3px 13px 13px 0;
}
.answer li p::after {
	left: -10px;
	top: 8px;
	border-color: transparent #fff transparent transparent;
	border-width: 3px 10px 10px 0;
	z-index: 1;	
}
/* ----------
 * news
 * ---------- */
.category.inner {
	max-width: 1320px;
	margin: 60px auto;
	padding: 0 20px;
}
.archive__list article {
	position: relative;
	margin-top: 1.5em;
	margin-bottom: 40px;
}
.archive__list .cat__name {
	display: flex;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
	z-index: 1;
}
.category-kj-studio .cat__name {
	background: url(/wp-content/themes/kjstuduio-eyeluxe/images/top/bg-shopname-kjs.svg) left top / contain no-repeat;
	color: #fff;
}
.category-eye-luxe .cat__name {
	background: url(/wp-content/themes/kjstuduio-eyeluxe/images/top/bg-shopname-el.svg) left top / contain no-repeat;
	color: #c19897;
}
.archive__list .cat__name span {
	display: inline-block;
	margin-top: 1.5em;
	margin-left: 1.5em;
	transform: rotate(-45deg);
}
.archive__list article .entry-content {
	margin-top: .5em;
}
.archive__list figure {
	margin: 0;
}
.archive__list figure a {
	display: block;
	position: relative;
	height: 0;
	margin: 0;
	padding-top: 100%;
	overflow: hidden;
	transition: all .3s ease;
}
.archive__list figure a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.archive__list figure a:hover {
	opacity: .65;
}
.archive__list .post-title {
	margin: .5em 0;
	font-size: 1.2em;
}
.archive__list .post-title a {
	color: #000;
	text-decoration: none;
	transition: all .3s ease;
}
.archive__list .post-title a:hover {
	color: #d74e48;
}
.post__link a {
	display: flex;
	justify-content: flex-end;
	color: #918085;
	text-decoration: none;
}
/* pagenation */
.pagination {
	width: 100%;
}
.nav-links {
	display: flex;
	justify-content: center;
}
.nav-links .page-numbers {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	width: 38px;
	height: 42px;
	margin: 2em .2em;
	border: 1px solid #515885;
	box-sizing: border-box;
	background: #fff;
	color: #515885;
	text-decoration: none;
	transition: all .3s;
}
.nav-links .page-numbers.current {
	background: #515885;
	color: #fff;
}
.nav-links .page-numbers:hover {
	border: 1px solid #171b31;
	background: #171b31;
	color: #fff;
}
/* ----------
 * sidebar
 * ---------- */
.archive #secondary,
.single #secondary {
	margin-top: 50px;
}
.side__ttl {
	margin: 0 0 1.2em;
	padding: 1.4em 1em;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	box-sizing: border-box;
	color: #000;
	font-size: 105%;
	text-align: center;
	line-height: 1;
}
.recent__posts li {
	margin-bottom: 40px;
}
.recent__posts li a {
	display: flex;
	transition: all .3s ease;
}
.recent__posts li a:hover {
	opacity: .65;
}
.recent__posts li a .txt {
	flex-grow: 1;
	position: relative;
}
.recent__posts li a figure {
	position: relative;
	width: 100px;
	height: 125px;
	margin: 0 1em 0 0;
	overflow: hidden;
}
.recent__posts li a figure img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .3s ease;
}
.recent__posts li a:hover figure img {
	transform: scale(1.1);
}
.recent__posts li a .post__ttl {
	margin: .5em 0 1em;
	color: #000;
	font-size: 100%;
	font-weight: 400;
}
.recent__posts li a .cat__name {
	display: block;
	position: absolute;
	bottom: .5em;
	right: 0;
	width: 100%;
	padding-top: .5em;
	border-top: 1px solid #000;
	text-align: right;
}
.recent__posts li a .cat__name.kj-studio,
.recent__posts li a .cat__name.kj-studio-jp {
	color: #000;
}
.recent__posts li a .cat__name.eye-luxe,
.recent__posts li a .cat__name.eye-luxe-jp {
	color: #c19897;
}
/* ----------
 * post
 * ---------- */
.single .entry-title {
	font-weight: 400;
}
.single .entry-meta {
	margin-bottom: 1em;
	text-align: right;
}
.single .post-thumbnail img {
	width: 100vw;
}
.single .nav-links a {
	color: #d74e48;
	transition: all .3s ease;
}
.single .nav-links a:hover {
	opacity: .65;
}
/* ----------
 * responsive
 * ---------- */
@media (min-width: 768px) {
	/* ----------
	 * layout
	 * ---------- */
	section {
		margin: 80px auto;
	}
	/* ----------
	 * common
	 * ---------- */
	.sp {
		display: none !important;
	}
	.pc {
		display: block !important;
	}
	/* ----------
	 * footer
	 * ---------- */
	.site-footer .inner {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	.ft__content {
		width: 48%;
	}
	.copyright {
		margin-top: 1.5em;
		font-size: .9375rem;
	}
	/* ----------
	 * top
	 * ---------- */
	/* main visual */
	h2.mv {
		font-size: 2.3em;
	}
	/* top news */
	.news__list {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
	}
	.news__list li {
		width: 40%;
	}
	.news__list li:nth-child(2),
	.news__list li:nth-child(3),
	.news__list li:nth-child(4) {
		display: block;
	}
	.news__list li a .txt {
		display: flex;
		flex-direction: column;
		height: 220px;
	}
	.news__list li a .txt .link__txt {
		margin-top: auto;
	}
	/* top KJS / top el */
	.shop__name {
		width: 200px;
		height: 200px;
		padding: 30px 0;
	}
	.shop__name .name {
		font-size: 210%;
	}
	.shop__lead {
		padding: 0 15% 0 25%;
	}
	.top__content.instagram {
		display: flex;
		justify-content: space-between;
	}
	.link__instagram {
		flex-direction: column;
		order: 1;
		width: 22.5%;
		padding: 30px 20px;
		margin-bottom: 0;
	}
	.link__instagram .txt, .link__instagram .icon {
		width: 100%;
		height: 50%;
	}
	.pic__instagram.pc {
		display: flex !important;
		width: 76.25%;
		margin: 0;
	}
	.pic__instagram li {
		width: calc(25% - 5px);
	}
	.pic__instagram li:nth-child(5),
	.pic__instagram li:nth-child(6),
	.pic__instagram li:nth-child(7),
	.pic__instagram li:nth-child(8) {
		margin: 0;
	}
	.home .gMap {
		padding-top: 420px;
	}
	/* top recruit */
	#topRecruit {
		padding-bottom: 80px;
	}
	.recruit__box {
		display: flex;
		justify-content: space-between;
	}
	.recruit__box .img {
		width: 45%;
	}
	.recruit__box .txt {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 50%;
	}
	h3.recruit {
		margin-top: 0;
	}
	/* ----------
	 * page
	 * ---------- */
	.page__ttl {
		width: 240px;
		height: 240px;
	}
	.page__header .img::after {
		width: 8%;
	}
	/* ----------
	 * salon
	 * ---------- */
	.lead__box.salon {
		margin-bottom: 80px;
	}
	.lead__box.salon .copy {
		font-size: 3em;
	}
	.point__list li {
		width: 33.3333%;
	}
	.point__list li p {
		padding: 20px;
		font-size: 150%;
	}
	.kjstudio .staff__list,
	.eyeluxe .staff__list {
		display: flex;
		flex-flow: row wrap;
	}
	.kjstudio .staff__list li,
	.eyeluxe .staff__list li {
		width: 30%;
		margin: 0 1.66665% 35px;
	}
	.recommend__list {
		padding: 10px 20px;
	}
	.review__list .slick-list .slick-track li {
		padding: 0 10px;
	}
	/* ----------
	 * menu
	 * ---------- */
	.menu__list {
		flex-flow: row nowrap;
		justify-content: space-between;
		margin: 0 0 .5em;
		padding: 0 2em;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	.menu__list li {
		width: auto;
		margin: 0;
		border-bottom: none;
	}
	.m__content .inner {
		display: flex;
		justify-content: space-between;
	}
	.m__content .txt {
		width: 44%;
	}
	.m__content .table {
		align-self: baseline;
		width: 52%;
		margin-top: 0;
	}
	table.menu th, table.menu td,
	table.option th, table.option td {
		padding: 1em 0 .8em;
	}
	#option {
		padding: 60px 20px;
	}
	table.option tr {
		justify-content: space-between;
	}
	table.option th {
		width: 20.8%;
	}
	table.option td {
		width: 59%;
	}
	table.option .price {
		width: 20%;
	}
	.kjstudiomenuprice table.option td.price {
		border-bottom: 1px solid #d6d6d6;
	}
	.eyeluxemenuprice table.option td.price {
		border-bottom: 1px solid #ead6d6;
	}
	/* ----------
	 * gallery
	 * ---------- */
	.tab__item .gallery-item {
		width: 25%;
		margin: 0 0 12px;
		padding: 0 .5%;
	}
	/* ----------
	 * product
	 * ---------- */
	.product_box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0 20px;
	}
	.product_box li {
		width: 47%;
		border: 1px dotted #ccc;
		margin-bottom: 10px;
		padding: 0 5px 10px;
	}
	/* ----------
	 * recruit
	 * ---------- */
	/* ----------
	 * news
	 * ---------- */
	.category.inner {
		margin-bottom: 70px;
	}
	.archive__list {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	.archive__list article {
		width: 48%;
		max-width: 400px;
	}
}
@media (min-width: 992px) {
	/* ----------
	 * layout
	 * ---------- */
	section {
		margin: 100px auto;
	}
	/* ----------
	 * common
	 * ---------- */
	body {
		font-size: .875rem;
	}
	.sp2 {
		display: none !important;
	}
	.pc2 {
		display: block !important;
	}
	/* heading */
	.top__ttl {
		margin-bottom: 3.5em;
	}
	.top__ttl .en {
		font-size: 2.65em;
	}
	.top__ttl .en::after {
		top: .1em;
	}
	.top__ttl .jp {
		font-size: 1.125em;
	}
	/* bnr */
	.fixed__bnr {
		height: 100px;
	}
	.fixed__item {
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}
	.fixed__box h2 {
		padding: 0;
		font-size: 1.5em;
	}
	.fixed__box h2::before {
		display: none;
	}
	.fixed__box p {
		margin: 0;
	}
	.fixed__box .hour {
		font-size: 80%;
	}
	.fixed__box .tel {
		position: relative;
		padding-left: 1.8em;
		font-size: 1.3em;
	}
	.fixed__sns {
		margin-top: -2em;
		width: 100%;
	}
	/* ----------
	 * footer
	 * ---------- */
	.site-footer {
		padding-bottom: 110px;
	}
	/* ----------
	 * top
	 * ---------- */
	/* main visual */
	h2.mv {
		top: 45%;
		left: 60px;
	}
	.award__label {
		top: 30px;
		width: 47%;
	}
	.award__pic {
		width: 31.6%;
	}
	/* top news */
	.news__list {
		justify-content: space-between;
	}
	.news__list li {
		width: 21%;
	}
	.news__list li a .txt {
		height: 280px;
	}
	/* top kjs / top el */
	.shop__name {
		position: absolute;
		top: 0;
		left: 0;
		width: 250px;
		height: 250px;
		padding: 40px 0;
	}
	.shop__name .name {
		font-size: 250%;
	}
	.shop__name .sub {
		font-size: 1rem;
	}
	.shop__ttl {
		margin-top: 0;
		padding-top: 65px;
	}
	.shop__lead p {
		line-height: 2.1;
	}
	.top__content .menu {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	.top__content .menu__ttl {
		margin-bottom: -.4em;
	}
	.top__content .menu .txt {
		display: flex;
		flex-direction: column;
		width: 26.6666%;
		margin: 0;
	}
	.top__content .menu.even .txt {
		order: 1;
	}
	.top__content .menu .tag {
		margin: 0 0 .3em;
	}
	.top__menulist {
		width: 71.6666%;
	}
	.top__content {
		padding: 60px 20px 0;
	}
	.link__instagram .txt h3 {
		margin-top: 4em;
	}
	.top__content.pics {
		padding: 60px 15px 0;
	}
	.pic__shop {
		grid-template-columns: repeat(4, 1fr);
	}
	.kjs .pic__shop li.item01 {
		grid-column: 1/2;
		grid-row: 1/5;
		padding-top: 266.6664%;
	}
	.kjs .pic__shop li.item02 {
		grid-column: 2/4;
		grid-row: 1/3;
	}
	.kjs .pic__shop li.item03 {
		grid-column: 4/5;
		grid-row: 1/2;
	}
	.kjs .pic__shop li.item04 {
		grid-column: 4/5;
		grid-row: 2/3;
	}
	.kjs .pic__shop li.item05 {
		grid-column: 2/3;
		grid-row: 3/4;
	}
	.kjs .pic__shop li.item06 {
		grid-column: 2/3;
		grid-row: 4/5;
	}
	.kjs .pic__shop li.item07 {
		grid-column: 3/5;
		grid-row: 3/5;
	}
	.el .pic__shop li.item01 {
		grid-column: 1/2;
		grid-row: 1/2;
	}
	.el .pic__shop li.item02 {
		grid-column: 1/2;
		grid-row: 2/3;
	}
	.el .pic__shop li.item03 {
		grid-column: 2/4;
		grid-row: 1/3;
	}
	.el .pic__shop li.item04 {
		grid-column: 4/5;
		grid-row: 1/2;
	}
	.el .pic__shop li.item05 {
		grid-column: 4/5;
		grid-row: 2/3;
	}
	.el .pic__shop li.item06 {
		grid-column: 1/3;
		grid-row: 3/5;
	}
	.el .pic__shop li.item07 {
		grid-column: 3/5;
		grid-row: 3/5;
	}
	.pic__shop li img {
		padding: 5px;
	}
	.top__content .menu .btn__link a {
		margin-top: auto;
	}
	/* top recruit */
	#topRecruit {
		padding-bottom: 100px;
	}
	/* ----------
	 * page
	 * ---------- */
	.page__ttl {
		width: 260px;
		height: 260px;
	}
	.page__ttl2 {
		bottom: -20px;
		left: -10px;
		height: 80px;
		font-size: 1.5em;
		line-height: 80px;
	}
	/* ----------
	 * salon
	 * ---------- */
	.point__list li p {
		padding: 30px;
		font-size: 150%;
	}
	.kjstudio #salonStaff { background: linear-gradient(to bottom, #fff 0, #fff 30%, #eee7ef 30%, #eee7ef 100%); }
	.eyeluxe #salonStaff { background: linear-gradient(to bottom, #fff 0, #fff 30%, #f2e4e9 30%, #f2e4e9 100%); }
	.staff__list {
		padding-bottom: 100px;
	}
	.kjstudio .staff__list li {
		background: #fff;
	}
	.recommend__list {
		padding: 20px 40px;
	}
	.recommend__list li {
		display: flex;
		justify-content: space-between;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.recommend__list li .img {
		width: 20%;
	}
	.recommend__list li .txt {
		flex-grow: 1;
		width: 25%;
		margin-left: 20px;
	}
	.recommend__list li.rank4 .txt, .recommend__list li.rank5 .txt {
		margin-left: 0;
	}
	/* ----------
	 * menu
	 * ---------- */
	#option {
		padding: 80px 20px;
	}
	/* ----------
	 * gallery
	 * ---------- */
	.tab__group {
		margin-bottom: 60px;
	}
	.tab__group li {
		width: 15%;
	}
	/* ----------
	 * recruit
	 * ---------- */
	.recruit_btn a {
		width: 50%;
	}
	/* ----------
	 * news
	 * ---------- */
	.category.inner {
		display: flex;
		justify-content: space-between;
	}
	.archive #primary,
	.single #primary {
		order: 1;
		width: 68%;
	}
	.single #primary {
		margin-top: 1.5em;
	}
	.archive #secondary,
	.single #secondary {
		width: 24.2%;
		margin-top: 1.5em;
	}
	.archive__list .cat__name {
		width: 120px;
		height: 120px;
	}
}
@media (min-width: 1280px) {
	/* ----------
	 * layout
	 * ---------- */
	 section {
		margin: 150px auto;
		padding: 0;
	}
	/* ----------
	 * common
	 * ---------- */
	body {
		font-size: .9375rem;
	}
	.sp3 {
		display: none !important;
	}
	.pc3 {
		display: block !important;
	}
	#pageTop {
		bottom: 135px;
		right: 10px;
	}
	#pageTop a {
		width: 60px;
		height: 60px;
	}
	/* ----------
	 * header
	 * ---------- */
	.site-branding {
		height: 100px;
	}
	.site-title a img {
		margin: 0 1.5rem;
	}
	.site-title a img.kjs {
		width: 172.5px;
	}
	.site-title a img.el {
		width: 187.5px;
	}
	/* global menu */
	.global__menu {
		height: 45px;
	}
	.global__menulist {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		height: 100%;
		margin: 0;
	}
	.global__menu li {
		position: relative;
	}
	.global__menu li a {
		color: #000;
		font-size: .875rem;
		transition: all .3s ease;
	}
	.global__menu li a:hover, .global__menu li p:hover {
		color: #d74e48;
	}
	.global__menu li p {
		margin: 0;
		transition: all .3s ease;
	}
	.global__menulist2 {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: 180px;
		margin: 0;
		padding: 20px 20px 5px;
		box-sizing: border-box;
		background: rgba(255, 255, 255, .7);
		z-index: 10;
	}
	.global__menulist2 li {
		position: relative;
		margin-bottom: 15px;
		padding-left: 1.3em;
		line-height: 1;
	}
	.global__menulist2 li::before {
		position: absolute;
		top: 0;
		left: 0;
		content: "-";
	}
	/* language switcher */
	.switcher {
		top: 30px;
		left: 60px;
		transform: translateY(0);
	}
	.switcher li:first-child {
		padding-right: 1.5em;
	}
	.switcher li:first-child::before {
		right: .75em;
	}
	.switcher li a {
		font-size: 100%;
	}
	/* ----------
	 * footer
	 * ---------- */
	.site-footer {
		padding: 80px 0 110px;
	}
	.ft__box {
		display: flex;
		justify-content: space-between;
	}
	.ft__item.menu {
		width: 30%;
	}
	.ft__item.info {
		width: 67%;
	}
	.ft__menu li, .ft__item p {
		font-size: .875rem;
	}
	.ft__item p {
		padding-bottom: .9em;
		border-bottom: 1px solid rgba(255, 255, 255, .2);
	}
	.ft__item .address {
		height: 5.5em;
	}
	/* ----------
	 * top
	 * ---------- */
	/* main visual */
	#mainVisual {
		height: calc(100vh - 145px);
		margin-top: 145px;
	}
	h2.mv {
		top: 40%;
	}
	.award__pic {
		right: 40px;
		bottom: 120px;
	}
	/* top kjs / top el */
	#topKJS, #topEL {
		padding: 20px;
	}
	#topKJS .wrap, #topEL .wrap {
		padding-bottom: 120px;
	}
	.shop__name {
		width: 350px;
		height: 350px;
	}
	.shop__name .name {
		font-size: 3.2rem;
		line-height: 1;
	}
	.shop__name .sub {
		font-size: 1.25rem;
	}
	.shop__lead {
		padding-left: 40%;
	}
	.shop__ttl {
		padding-top: 120px;
		text-align: left;
	}
	.shop__ttl .name {
		display: inline-block;
		margin-left: .2em;
	}
	.wrap .top__content {
		padding: 120px 0 0;
	}
	.top__content .menu__ttl {
		font-size: 6.6666em;
	}
	.top__content .menu .txt {
		padding: 30px;
	}
	.top__content .menu .btn__link a {
		position: absolute;
		bottom: 30px;
		right: 30px;
	}
	.pic__shop {
		margin: 0 -5px;
	}
	.gMap {
		margin-top: 70px;
	}
	.gMap.salon {
		margin-top: 0;
	}
	.shop__info .name {
		font-size: 1.5rem;
	}
	/* top recruit */
	#topRecruit {
		padding-bottom: 150px;
	}
	/* ----------
	 * page
	 * ---------- */
	.page__header {
		height: 60vh;
		margin-top: 145px;
		padding: 0 50px 50px;
	}
	.page__header::before, .page__header::after {
		width: calc(100% - 100px);
		height: calc(100% - 50px);
	}
	.page__header::after {
		top: 25px;
		left: 25px;
	}
	.page__header .img::after {
		width: 4.5%;
	}
	.page__ttl {
		left: 25px;
		width: 280px;
		height: 280px;
	}
	.page__header2 {
		margin-top: 145px;
	}
	/* ----------
	 * salon
	 * ---------- */
	.staff__list {
		padding-bottom: 120px;
	}
	.staff__list li .txt {
		padding: 20px 30px;
	}
	#salonInfo {
		height: 640px;
	}
	/* ----------
	 * menu
	 * ---------- */
	#menuList .inner {
		display: flex;
		justify-content: space-between;
	}
	.list__ttl {
		order: 1;
	}
	.menu__list {
		width: 45%;
		margin: 0;
		padding: 0;
	}
	.menu__list.rr {
		order: 2;
	}
	.m__content .txt {
		padding-right: 5%;
		box-sizing: border-box;
	}
	.kjstudiomenuprice .m__content .txt {
		border-right: 10px solid #000;
	}
	.eyeluxemenuprice .m__content .txt {
		border-right: 10px solid #c19897;
	}
	table.menu th.f__st {
		padding: 0;
		font-size: 200%;
		line-height: 1;
	}
	#option {
		padding: 100px 0;
	}
	/* ----------
	 * product
	 * ---------- */
	.opt__ttl {
		margin-bottom: 60px;
	}
	.product_box li {
		width: 32%;
		margin-bottom: 22px;
	}
	/* ----------
	 * recruit
	 * ---------- */
	h3.question {
		margin-bottom: 10px;
		padding: 10px 0 10px 70px;
	}
	h3.question::before, .answer li::before {
		width: 50px;
		height: 43px;
	}
	ul.answer {
		margin-bottom: 100px;
	}
	.answer li {
		padding: 0 0 0 75px;
	}
	.answer li p {
		padding: 20px;
	}
	.answer li p::before {
		left: -22px;
		top: 8px;
		border-width: 0 22px 18px 0;
	}
	.answer li p::after {
		left: -20px;
		top: 9px;
		border-width: 0 24px 18px 0;
	}
	/* ----------
	 * news
	 * ---------- */
	.category.inner {
		margin-bottom: 120px;
		padding: 0;
	}
}
@media (min-width: 1500px) {
	.fixed__bnr::after {
		position: absolute;
		bottom: 15.5px;
		left: 60px;
		width: 37px;
		height: 69px;
		background: url("/wp-content/themes/kjstuduio-eyeluxe/images/common/leaf.svg") center / contain no-repeat;
		content: "";
	}
	.link__recruit {
		display: block;
		position: absolute;
		bottom: 0;
		right: 20px;
		width: 150px;
		height: 130px;
	}
	.link__recruit a {
		display: block;
		transition: all .3s ease;
	}
	.link__recruit a:hover {
		opacity: .65;
	}
}
.txt__anim {
	display: inline-block;
}
.txt__anim.is-active {
	transition: all .5s cubic-bezier(.175, .885, .32, 1.275);
	transform: rotateY(360deg);
}
.txt__anim:nth-child(2) { transition-delay: .03s; }
.txt__anim:nth-child(3) { transition-delay: .06s; }
.txt__anim:nth-child(4) { transition-delay: .09s; }
.txt__anim:nth-child(5) { transition-delay: .12s; }
.txt__anim:nth-child(6) { transition-delay: .15s; }
.txt__anim:nth-child(7) { transition-delay: .18s; }
.txt__anim:nth-child(8) { transition-delay: .21s; }
.txt__anim:nth-child(9) { transition-delay: .24s; }
.txt__anim:nth-child(10) { transition-delay: .27s; }