@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

/* ----------
 * layout
 * ---------- */
.fixedName {
	display: none;
	position: absolute;
	top: 700px;
	left: 15px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif;
	white-space: nowrap;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	z-index: 1;
}
.fixedName span {
	display: inline-block;
	margin-bottom: .6em;
	color: #978177;
	letter-spacing: .1em;
}
#container {
	overflow: hidden;
}
.date-tags {
	display: none;
}
.wrap {
	width: 100%;
}
.home .content {
	margin-top: 0;
}
main.main {
	background: transparent;
	padding: 0;
	border: none;
}
.entry-content {
	margin: 0;
}
.content-top, .content-bottom {
	margin: 0;
}
.article section {
	margin: 0;
}
.entry-categories-tags {
	display: none;
}
.inner {
	max-width: 1256px;
	margin: 0 auto;
}
.article section .inner {
	padding: 0 26px;
}
.inner.r {
	max-width: 1386px;
	margin: 0 0 0 auto;
}
.inner.l {
	max-width: 1386px;
	margin: 0 auto 0 0;
}
/* ----------
 * common
 * ---------- */
a {
	text-decoration: none;
	transition: .4s;
}
.article img {
	display: block;
}
.article img.vw {
	width: 100vw;
}
.article ul {
	list-style: none;
	padding: 0;
}
.article ul.disc {
	list-style: disc;
}
.pc {
	display: none;
}
.ct {
	text-align: center;
}
table tr:nth-of-type(2n+1) {
	background: none;
}
/* ----------
 * heading
 * ---------- */
.article h2, .article h3, .article h4, .sidebar h3 {
	background: none;
	border: none;
	font-weight: normal;
}
h1.entry-title {
	display: none;
}
.home .article h1.siteTitle {
	color: #ccbcb4;
	font-family: 'Suranna', serif;
	font-weight: normal;
	line-height: 1;
}
.home .article h1.siteTitle span {
	display: inline-block;
	color: #978177;
}
.enTitle {
	color: #d6c9c2;
	font-family: 'Suranna', serif;
	font-size: 60px;
	line-height: 1;
}
.home .article h2 {
	padding: 2px 0;
	border-bottom: 1px solid #d3c8c2;
	color: #978177;
	font-size: 1.25em;
}
iframe {
	display: block;
}
.article .pageTitle {
	position: relative;
}
.article .pageTitle h1 {
	position: relative;
	margin-top: -.5em;
	padding-left: 7%;
	color: #fff;
	font-family: 'Suranna', serif;
	font-weight: normal;
	font-size: 60px;
	line-height: 1;
}
.pageTitle .pageName {
	display: inline-block;
	position: absolute;
	bottom: -20px;
	right: 7%;
	margin: 0;
	padding-bottom: 3px;
	border-bottom: 4px solid #978177;
	color: #74645d;
	font-size: 1.2em;
}
/* ----------
 * header
 * ---------- */
#header-container {
	display: none;
	font-family: 'Suranna', serif;
}
#header-container.fixed {
	display: block;
}
.header-container-in.wrap {
	max-width: 1256px;
	margin: 0 auto;
}
/* globalnav fixed */
.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0 auto;
	transition: 1s ease-in;
	animation: navFixed .8s ease-out 0s 1 normal;
	z-index: 10;
}
@keyframes navFixed {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes navFixed {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
#navi .navi-in a:hover {
	color: #ccbcb4;
}
/* mobile menu */
.wprm-wrapper #wprmenu_bar .menu_title a {
	top: 0;
	color: #978177;
}
.wprm-wrapper #wprmenu_bar div.hamburger {
	position: absolute;
	top: 70px;
	left: 0;
	right: 0;
	margin: 0;
	padding: 20px 3%;
	text-align: center;
}
.hamburger-box .hamburger-inner,
.hamburger-box .hamburger-inner::before,
.hamburger-box .hamburger-inner::after {
	height: 2px;
	border-radius: 0;
}
.wprm-wrapper #wprmenu_menu_ul {
	padding: 20px;
}
/* second header */
.secHeader {
	display: none;
	justify-content: space-between;
	align-items: center;
	height: 180px;
}
.secLogo a {
	color: #ccbcb4;
	font-family: 'Suranna', serif;
	font-size: 2.6em;
}
ul.globalNav {
	list-style: none;
	display: flex;
	margin: 25px auto;
	padding: 0;
	font-size: 1rem;
}
.secHeader ul.globalNav {
	margin-right: 0;
}
ul.globalNav li {
	padding: 0 30px;
	font-family: 'Suranna', serif;
}
ul.globalNav li:first-of-type {
	margin-left: -30px;
}
ul.globalNav li a {
	display: block;
	color: #000;
}
ul.globalNav a:hover {
	color: #ccbcb4;
}
/* ----------
 * footer
 * ---------- */
/* page contact */
#pageContact {
	background: #fff;
	margin-bottom: 0;
	padding: 60px 20px 0;
}
#pageContact a {
	display: block;
	position: relative;
	padding: 30px 20px;
	border: 1px solid #978177;
	color: #978177;
}
#pageContact a::before, #taikenPlan a::before {
	position: absolute;
	bottom: 35px;
	right: 20px;
	background: url(/wp-content/uploads/arrow-l.png) center / contain no-repeat;
	width: 60px;
	height: 4px;
	content: "";
}
#pageContact a:hover, #taikenPlan a:hover {
	background: #978177;
	color: #fff;
}
#pageContact a:hover::before, #taikenPlan a:hover::before {
	background: url(/wp-content/uploads/arrow-l-white.png) center / contain no-repeat;
}
#pageContact h2 {
	margin: 0;
	border: none;
	font-size: 2.2em;
	font-weight: normal;
	transition: .4s;
}
#pageContact a:hover h2 {
	color: #fff;
}
#pageContact p {
	margin: 0;
}
/* footer */
.footer {
	margin-top: 0;
}
.footer-widgets {
	justify-content: space-between;
	max-width: 1386px;
	margin: 0 0 0 auto;
}
.footer-widgets {
	margin-bottom: 0;
}
.footer-left, .footer-right {
	padding-bottom: 0;
}
.footer-center {
	display: none;
}
.footer-right {
	width: 66%;
}
.salon-content{
	word-break:break-all;
}
.copyRight {
	margin: 2em 0;
}
.footer-mobile {
	padding: 0;	
}
.footer-mobile .txt {
	padding: 0 7%;
}
.footer h2 {
	font-weight: 500;
}
#gMap {
	display: block;
	width: 100%;
    height: 350px;
}
.footer-bottom {
	display: none;
}
.go-to-top-button {
	width: 50px;
	height: 50px;
}
/* gtranslate */
#gtranslate-2 select {
	padding: .5em;
	border-radius: 0;
	color: #978177;
	font-size: 1em;
}
#gtranslate-2 select:focus {
	outline-offset: 0;
	outline-color: #978177;
}
/* ----------
 * top
 * ---------- */
/* top carousel */
#topSlide::before, #topSlide::after {
	display: table;
	content: "";
}
#topSlide::after {
	clear: both;
}
#topSlide .slick-slider {
	margin: 0;
	padding-left: 0;
}
#topSlide li {
	margin: 0;
}
#topSlide .slick-slide img {
	width: 100%;
	max-width: 100%;
	height: 160px;
	border: 0;
	object-fit: cover;
}
/* top nav */
.topNav ul.globalNav {
	display: none;
	font-weight: 500;
}
.topNav .copy {
	padding: 30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif;
	font-weight: 500;
	text-align: center;
}
/* top menu */
#topMenu {
	background: #e3d6cf;
	padding: 60px 0;
}
/* top salon */
#topSalon {
	padding: 60px 0;
}
#topSalon .inner p {
	padding: 0 10px;
	line-height: 1.5;
}
.home h3.shopName {
	max-width: 1256px;
	margin: 1.2em auto .8em;
	padding: 0 20px;
    color: #978177;
    font-size: 1.5em;
}
/* ----------
 * menu
 * ---------- */
#menuInfo, #contactInfo, #dr_recellaInfo {
	background: #e3d6cf;
	color: #978177;
}
.menu .inner, .facial .inner, .epilation .inner {
	color: #978177;
}
.article .menuCat li {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f6f0ee;
	width: 80%;
	max-width: 300px;
	height: 48px;
	margin: 0.8em auto;
	border: 1px solid #fff;
	box-sizing: border-box;
	line-height: 48px;
}
.menuCat li a {
	display: block;
	color: #000;
}
#menuItem .inner, #facialItem .inner, #epiItem .inner {
	background: #f6f0ee;
	width: 95%;
	max-width: 1256px;
	margin: 50px auto;
	padding: 40px 20px;
	border: solid 10px #fff;
	box-sizing: border-box;
}
#menuItem .header {
	background: none;
}
#menuItem .desc, #facialItem .desc, #epiItem .desc {
	margin-top: 30px;
}
#menuItem .inner .enTitle {
	font-size: 40px;
	text-align: left;
}
#menuItem .inner h3.menuTitle {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #d3c8c2;
	font-size: 1.2em;
}
#menuItem a {
	display: block;
	position: relative;
	background: #978177;
	width: 100%;
	margin-bottom: 0;
	padding: .85em 0;
	border-radius: 3px;
	box-sizing: border-box;
	color: #fff;
	font-size: 1.1em;
	letter-spacing: .1em;
	text-align: center;
	overflow: hidden;
}
#menuItem a::after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: rgba(255, 255, 255, .3);
	content: "";
	opacity: 0;
	transition: all .2s cubic-bezier(0.19, 1, 0.22, 1);
	transform: translateX(100%);
	transform-origin: center;
}
#menuItem a:hover::after, #menuItem a:focus::after {
	width: 100%;
	opacity: 1;
	transition: all .6s cubic-bezier(0.19, 1, 0.22, 1);
	transform: translateX(0);
}
#menuBridal h4.menu__ttl {
	margin: 0;
	padding: 0;
}
#menuBridal h4.menu__ttl:nth-of-type(2) {
	margin-top: 1.1em;
}
#menuBridal p {
	margin: .8em 0 1em
}
/* ----------
 * facial
 * ---------- */
#facialItem .inner {
	padding: 10px 20px 50px;
	border: none;
}
#facialItem h4 {
	margin: 0;
	padding-left: 0;
	border-bottom: 1px solid #000;
	color: #000;
}
#facialItem .txt .flow, #facialItem .txt .step {
	color: #000;
}
#facialItem .txt .flow::before, #facialItem .txt .flow::after {
	display: inline-block;
	position: relative;
	top: 0;
	background: #000;
	width: 1.2em;
	height: .6em;
	content: "";
}
#facialItem .txt .flow::before {
	left: 0;
	margin-right: .6em;	
}
#facialItem .txt .flow::after {
	right: 0;
	margin-left: .6em;	
}
#facialItem .txt ul.step .bold {
	display: flex;
	border-bottom: 1px solid #ccc;
}
#facialItem .txt ul.step.process li {
	display: flex;
	justify-content: space-between;
}
#facialItem .txt ul.step.process li .detail {
	width: calc(100% - 120px);
}
#facialItem .txt ul.step.process li .pic {
	width: 120px;
	padding-left: 20px;
	box-sizing: border-box;
}
#facialItem .su-tabs {
	padding: 0;
}
/* ----------
 * epilation
 * ---------- */
#epiItem .inner {
	border: none;
}
#epiItem h4.epi {
	margin: 0;
	padding-left: 0;
	color: #000;
	font-size: 1.6em;
}
#epiItem ol.epi {
	list-style: none;
	padding-left: 10px;
}
#epiItem ol.epi li::before {
	position: relative;
	margin-right: .3em;
	color: #000;
}
#epiItem ol.epi li.item01::before {
	content: "①";
}
#epiItem ol.epi li.item02::before {
	position: relative;
	content: "②";
}
#epiItem ol.epi li.item03::before {
	position: relative;
	content: "③";
}
#epiItem ol.epi li.item04::before {
	position: relative;
	content: "④";
}
#epiItem ol.epi li.item05::before {
	position: relative;
	content: "⑤";
}
#epiItem ol.epi li span {
	color: #000;
}
#epiItem .txt .gold {
	font-size: 1.3em;
	line-height: 1.5;
}
#epiItem table.epi {
	margin: 0;
}
#epiItem h3.price {
	padding-left: 0;
	color: #000;
}
#epiItem h3.price::before {
	display: inline-block;
	position: relative;
	top: -.15em;
	background: #000;
	width: 1.3em;
	height: .5em;
	margin-right: .5em;
	content: "";
}
table.epi {
	table-layout: fixed;
}
table.epi th, table.epi td {
	height: 3em;
	border: 1px solid #ccbcb4;
	box-sizing: border-box;
}
table.epi tr.lower {
	display: none;
}
table.epi th {
	background: #fff;
}
table.epi td {
	text-align: center;
}
table.epi td.small {
	font-size: .7em;
	line-height: 1.3;
}
/* ----------
 * dr. recella
 * ---------- */
.dr-recella .entry-content {
	padding-bottom: 60px;
}
.dr-recella .article section {
	margin: 60px 0;
}
.dr-recella .article h2 {
	padding: .6em;
}
.article h3.infoTitle {
	position: relative;
	margin: 50px 0 25px;
	padding: 0 0 0 1.6em;
}
.article h3.infoTitle::before, .article h3.infoTitle::after {
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
	transform: translateY(-50%);
}
.article h3.infoTitle::before {
	background: #978177;
	width: 1.2em;
	height: .8em;
}
.article h3.infoTitle::after {
	background: #f0e8e5;
	width: 1.2em;
	height: .25em;
}
.recella_illust img {
	margin: 2em auto 0;
}
#dr_recellaAlphaGri-X {
	max-width: 880px;
	margin: 0 auto;
}
#dr_recellaDoctor h3 {
	padding-left: 0;
	padding-right: 0;
}
.dr_profile img {
	padding: 0 40px;
}
ul.QandA li {
	margin: 30px 0;
	border-bottom: 1px solid #e8dfda;
}
.dr_recellaQ, .dr_recellaA {
	position: relative;
	padding-left: 2.5em;
}
.dr_recellaQ {
	font-size: 1.2em;
}
.dr_recellaA {
	color: #978177;
}
.dr_recellaQ::before, .dr_recellaA::before {
	position: absolute;
	top: -.3em;
	left: 0;
	width: 1.5em;
	height: 1.5em;
	font-size: 1.5em;
}
.dr_recellaQ::before {
	content: "Q.";
}
.dr_recellaA::before {
	content: "A.";
}
#taikenPlan {
	max-width: 1256px;
	margin: 0 20px;
	background: #fff;
}
#taikenPlan a {
	display: block;
	position: relative;
	padding: 30px 20px;
	border: 1px solid #978177;
	color: #978177;
}
#taikenPlan a::before {
	bottom: 40px;
}
#taikenPlan h2 {
	display: block;
	position: static;
	border: none;
	font-size: 2.2em;
	text-align: center;
	transition: .4s;
	transform: translateX(0);
}
#taikenPlan a:hover h2 {
	color: #fff;
}
#taikenPlan h3 {
	margin: 0;
	text-align: center;
}
#taikenPlan p {
	margin: 0;
	font-size: 1.2em;
}
/* ----------
 * about
 * ---------- */
/* about profile */
#aboutProfile {
	background: linear-gradient(#e3d6cf 0%, #e3d6cf 400px, transparent 400px, transparent 100%);
}
#aboutProfile .inner, #menuInfo, #contactInfo, #dr_recellaInfo {
	padding: 60px 26px;
}
#aboutProfile .inner.first {
	padding-bottom: 25px;
}
#aboutProfile .inner.sec {
	padding-top: 20px;
	padding-bottom: 0;
}
#aboutProfile .inner * {
	color: #978177;
}
#aboutProfile .inner .profile_l, #aboutProfile .inner .profile_r {
	width: 88%;
	margin: 0 auto;
}
#aboutProfile .inner .career {
	margin-bottom: .5em;
	font-family: 'Suranna', serif;
	letter-spacing: .05em;
}
#aboutProfile .inner .profile_l h2 {
	margin-top: 0;
	padding: 0;
	font-family: 'Suranna', serif;
}
#aboutProfile .inner .profile_l h2 span {
	margin-left: 1em;
	font-size: 80%;
}
#aboutProfile .inner .profile_l .img {
	width: 70%;
	margin: 0 auto;
}
#aboutProfile .inner .profile_r .img {
	padding-top: 30px;
}
#aboutProfile .inner h3 {
	display: inline-block;
	margin: 1em 0 .6em;
	padding: 0;
	border-bottom: 1px solid #978177;
	font-size: 1.2em;
}
/* Instagram */
#Instagram {
	max-width: 1000px;
	margin: 0 auto;
	padding: 30px 10px 60px;
	text-align: center;
}
#Instagram h2 {
	margin: 0;
	padding: 0 0 20px;
}
.feedPc {
	display: none;
}
#Instagram #sb_instagram .sbi_photo {
	position: relative;
	top: 2px;
}
#Instagram #sb_instagram .sbi_photo:hover {
	opacity: 1 !important;
}
#Instagram .blogcard {
	display: none;
}
/* ----------
 * contact
 * ---------- */
.contact .tel {
	background: #978177;
	width: 92%;
	max-width: 1256px;
	margin: 60px auto;
	padding: 20px;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
}
.contact .tel a {
	color: #fff;
}
.contact .tel * {
	margin: 0;
}
.contact .tel .tel_no {
	font-size: 2.1em;
}
#contactForm {
	max-width: 1256px;
	margin: 0 auto;
	box-sizing: border-box;
	font-size: .9rem;
}
#contactForm h3, .dr-recella .article h2 {
	display: inline-block;
	position: relative;
	left: 50%;
	margin: 0;
	border-bottom: 2px solid #978177;
	color: #978177;
	text-align: center;
	transform: translateX(-50%);
}
#contactForm .contactForm {
	position: relative;
	background: #f7f3f2;
	margin: 0 auto;
	padding: 30px 30px 50px;
	box-sizing: border-box;
}
#contactForm table {
	display: table;
	width: 100%;
	max-width: 880px;
	margin: 0 auto;
}
#contactForm tr {
	background: none !important;
}
#contactForm th, #contactForm td {
	display: block;
	background: none !important;
	padding: 15px 0;
	border: none;
	font-size: .88rem;
	text-align: left;
}
#contactForm th {
	width: 100%;
	color: #978177;
	font-weight: 500;
}
#contactForm td {
	width: 100%;
	margin: 0;
	padding: 0;
}
#contactForm input[type="text"], 
#contactForm input[type="email"],
#contactForm input[type="tel"],
#contactForm textarea,
#contactForm input[type="date"],
#contactForm select {
	padding: 10px 10px 8px;
	border: 1px solid #fff;
	border-radius: 0;
	font-size: .88rem;
}
#contactForm select {
	background: #fff;
	border: none;
	padding: 3px 10px 5px;
	color: #978177;
}
#contactForm input[type=checkbox] {
	border: 2px solid #978177;
	border-radius: 0;
}
#contactForm input[type="text"]:focus, 
#contactForm input[type="email"]:focus,
#contactForm input[type="tel"]:focus,
#contactForm input[type="date"]:focus,
#contactForm textarea:focus,
#contactForm select:focus {
	outline: 1px solid #978177 !important;
}
#contactForm th .red {
	margin-left: 3px;
	color: #978177;
}
#contactForm td.yuubin input[type="text"] {
	width: 5em;
}
#contactForm td.town input[type="text"] {
	width: 11em;
}
#contactForm .wpcf7 input::placeholder {
	color: #999 !important;
}
#contactForm .form_btn {
	text-align: center;
}
#contactForm div.wpcf7 .ajax-loader {
	display: none;
}
#contactForm input[type="submit"] {
	background: #978177;
	max-width: 880px;
	margin: 20px auto 0;
	padding: 20px;
	border: solid 1px #978177;
	border-radius: 0;
	box-sizing: border-box;
	color: #fff;
	-webkit-appearance: none;
	appearance: none;
	transition: .5s;
}
#contactForm input[type="submit"]:hover {
	background: #fff;
	color: #978177;
}
.hpLink {
	margin: 0 auto 60px;
	padding: 0 20px;
	font-size: 1.2em;
	text-align: center;
}
.hpLink a {
	display: block;
	background: #fff;
	max-width: 680px;
	margin: 0 auto;
}
.hpLink a:hover {
	opacity: .6;
}
/* ----------
 * responsive
 * ---------- */
@media screen and (max-width: 834px) {
	html.js {
		padding-top: 160px !important;
	}
	html.wprmenu-body-fixed body {
		width: 100% !important;
	}
	html.js body .wprm-wrapper div#wprmenu_bar {
		position: absolute;
		top: -160px;
		height: 160px;
	}
	html.js body .wprm-wrapper div#wprmenu_bar.active {
		position: fixed;
		top: 0;
		background: rgba(69, 61, 58, .9);
		height: 80px;
	}
	.wprm-wrapper #wprmenu_bar .menu_title {
		top: 20px;
		font-size: 24px;
		text-align: center;
	}
	/*.wprm-wrapper #wprmenu_bar .menu_title a::after{
		content:" LUNA";
	}*/
	.wprm-wrapper #wprmenu_bar .menu_title::after {
		position: absolute;
		top: 28px;
		/*left: 50%;*/
		left: 0;
		width: 100%;
		display: block;
		font-size: 16px;
		/*content: "スリーピング ビューティー 新屋敷";*/
		content: "LUNA";
		/*transform: translateX(-50%);*/
	}
	.wprm-wrapper #wprmenu_bar.active .menu_title {
		display: none;
	}
	.wprm-wrapper #wprmenu_bar div.hamburger{
		top: 80px;
	}
	.wprm-wrapper #wprmenu_bar.active div.hamburger {
		top: 30px;
		padding: 0 10% 0 0;
		text-align: right;
	}
	.wprmenu_bar .hamburger-inner, .wprmenu_bar .hamburger-inner::before, .wprmenu_bar .hamburger-inner::after {
		background: #000 !important;
	}
	.wprmenu_bar.active .hamburger-inner, .wprmenu_bar.active .hamburger-inner::before, .wprmenu_bar.active .hamburger-inner::after {
		background: #fff !important;
	}
	.wprm-wrapper .cbp-spmenu-right {
		right: 0;
		opacity: 0;
	}
	#mg-wprm-wrap.cbp-spmenu-right {
		z-index: -1;
	}
	.wprm-wrapper #mg-wprm-wrap.cbp-spmenu-right.cbp-spmenu-open {
		top: 80px !important;
		background: rgba(69, 61, 58, .9);
		opacity: 1;
		z-index: 9999;
	}
	.cbp-spmenu ul li {
		opacity: 0;
		transition: .8s;
		transform: translateY(50px);
	}
	.cbp-spmenu.cbp-spmenu-open ul li {
		opacity: 1;
		transform: translateY(0);
	}
	.cbp-spmenu.cbp-spmenu-open ul li:nth-of-type(2) {
		transition-delay: .2s;
	}
	.cbp-spmenu.cbp-spmenu-open ul li:nth-of-type(3) {
		transition-delay: .4s;
	}
	.cbp-spmenu.cbp-spmenu-open ul li:nth-of-type(4) {
		transition-delay: .6s;
	}
	.cbp-spmenu.cbp-spmenu-open ul li:nth-of-type(5) {
		transition-delay: .8s;
	}
	.cbp-spmenu.cbp-spmenu-open ul li:last-of-type {
		transition-delay: 1s;
	}
	#mg-wprm-wrap li.current-menu-item > a {
		background: none !important;
	}
	.content {
		margin-top: 0;
	}
	.footer-widgets {
		display: block;
	}
}
@media screen and (min-width: 768px) {
	.sp {
		display: none;
	}
	/* ----------
	 * heading
	 * ---------- */
	.home .article h1.siteTitle {
		display: block;
		margin-bottom: 40px;
		font-size: 120px;
	}
	.enTitle {
		font-size: 120px;
		text-align: right;
	}
	.home .article h2 {
		margin-top: -40px;
		margin-bottom: 80px;
	}
	.article .pageTitle h1 {
		font-size: 120px;
	}
	/* ----------
	 * footer
	 * ---------- */
	/* page contact */
	#pageContact a {
		display: flex;
		padding: 70px;		
	}
	#pageContact a::before, #taikenPlan a::before {
		bottom: 50%;
		right: 70px;
		width: 120px;
		height: 8px;
		transform: translateY(-50%);
	}
	#pageContact h2 {
		width: 6em;
		font-size: 2.6em;
	}
	#pageContact p {
		display: flex;
		align-items: center;
		font-size: 1.2em;
	}
	/* ----------
	 * top
	 * ---------- */
	/* top carousel */
	#topSlide .slick-slide img {
		height: 220px;
	}
	/* top salon */
	#topSalon .inner.l, #topSalon .inner.r {
		display: flex;
		padding: 0;
	}
	#topSalon .inner.l .img_l {
		width: 66.6666%;
	}
	#topSalon .inner.l .img_r {
		width: 33.3333%;
	}
	#topSalon .inner p {
		font-size: 90%;
	}
	#topSalon .inner.l .img_l p {
		width: 50%;
		margin: 1.2em auto;
	}
	#topSalon .inner.r .img_l, #topSalon .inner.r .img_r {
		width: 50%;
	}
	#topSalon .inner.r p {
		width: 80%;
	}
	.home h3.shopName {
		margin: 3em auto 1.2em;
		padding: 0;
	}
	/* ----------
	 * menu
	 * ---------- */
	.article ul.menuCat {
		display: flex;
		justify-content: flex-start;
		flex-flow: row wrap;
		flex-wrap: wrap;
	}
	#menuItem, #facialItem, #epiItem {
		padding: 40px 0;
	}
	#menuItem .inner, #facialItem .inner, #epiItem .inner {
		margin: 80px auto;
		padding: 50px 80px;
	}
	#menuItem .desc, #facialItem .desc, #epiItem .desc {
		display: flex;
		justify-content: space-between;
		margin-top: 30px;
	}
	#menuItem .txt, #facialItem .txt, #epiItem .txt {
		width: 48%;
	}
	#menuItem .img, #facialItem .img, #epiItem .img {
		width: 45%;
	}
	#menuItem .inner .enTitle, #facialItem .inner .enTitle, #epiItem .inner .enTitle {
		font-size: 50px;
		white-space: nowrap;
	}
	#menuItem .inner h3.menuTitle, #facialItem .inner h3.menuTitle, #epiItem .inner h3.menuTitle {
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
		width: 100%;
		margin-top: -20px;
	}
	/* ----------
	 * facial
	 * ---------- */
	#facialItem .desc {
		margin: 30px 0;
		padding: 20px 0;
	}
	#menuItem .txt.odd, #facialItem .txt.odd {
		order: 1;
	}
	/* ----------
	 * dr. recella
	 * ---------- */
	.dr-recella .entry-content {
		padding-bottom: 120px;
	}
	.dr-recella .article section {
		margin: 120px 0;
	}
	.dr-recella .article h2 {
		padding: 12px 20px;
	}
	.article h3.infoTitle {
		margin: 100px 0 50px;
	}
	#dr_recellaMenu .recellaBox {
		display: flex;
		justify-content: space-between;
	}
	#dr_recellaMenu .recellaBox .txt {
		width: 65%;
	}
	#dr_recellaMenu .recellaBox .img {
		width: 32%;
	}
	.dr_profile {
		display: flex;
		justify-content: space-between;
	}
	.dr_profile .img {
		width: 36%;
	}
	.dr_profile .txt {
		width: 60%;
	}
	.media {
		display: flex;
		justify-content: center;
	}
	.media .img {
		width: 50%;
	}
	#taikenPlan a {
		padding: 40px 70px;
	}
	#taikenPlan h2 {
		padding: 12px 0;
		font-size: 2.6em;
		text-align: left;
	}
	#taikenPlan h3 {
		padding: 12px 0;
		text-align: left;
	}
	/* ----------
	 * about
	 * ---------- */
	/* about profile */
	#aboutProfile .inner {
		display: flex;
		justify-content: space-between;
	}
	#aboutProfile .inner.first {
		padding-top: 120px;
	}
	#aboutProfile .inner .profile_l {
		width: 25%;
		margin: 0;
	}
	#aboutProfile .inner .profile_r {
		width: 58%;
		margin: 0;
	}
	#aboutProfile .inner .profile_r .disc {
		display: flex;
		justify-content: space-between;
		flex-flow: row wrap;
	}
	#aboutProfile .inner .profile_r .disc li {
		width: 48%;
	}
	#aboutProfile .inner .profile_l .img {
		width: 100%;
	}
	/* Instagram */
	#Instagram {
		padding: 60px 10px 120px;
	}
	#Instagram h2 {
		padding-bottom: 50px;
	}
	.feedSp {
		display: none;
	}
	.feedPc {
		display: block;
	}
	/* ----------
	 * contact
	 * ---------- */
	#contactInfo {
		padding-bottom: 120px;
	}
	.contact .tel {
		display: flex;
		justify-content: center;
		position: relative;
		width: 100%;
		margin: 120px auto;
	}
	.contact .tel::before {
		position: absolute;
		top: 20%;
		left: 50%;
		background: #fff;
		width: 1px;
		height: 60%;
		content: "";
		transform: translateX(-50%);
	}
	.contact .tel * {
		display: flex;
		align-items: center;
		margin: 0;
		padding: 0 50px;
	}
	#contactForm .contactForm {
		padding: 80px 30px 100px 50px;
	}
	#contactForm th, #contactForm td {
		display: table-cell;
		border-bottom: solid 1px #eee;
	}
	#contactForm th {
		width: 25%;
	}
	#contactForm td {
		width: 74%;
		padding: 15px 0;
	}
	.hpLink {
		margin: 0 auto 120px;
		font-size: 1.4em;
	}
}
@media screen and (min-width: 835px) {
	.footer-right {
		padding-right: 0;
	}
	/* ----------
	 * header
	 * ---------- */
	/* second header */
	.secHeader {
		display: flex;
	}
	.home .secHeader {
		display: none;
	}
	.content {
		margin-top: 0;
	}
}
@media screen and (min-width: 1024px) {
	/* ----------
	 * common
	 * ---------- */
	.pc {
		display: block;
	}
	/* ----------
	 * heading
	 * ---------- */
	.enTitle {
		font-size: 150px;
	}
	/* ----------
	 * top
	 * ---------- */
	#topMenu, #topSalon, #pageContact {
		padding: 120px 0;
	}
	/* top carousel */
	#topSlide .slick-slide img {
		height: 200px;
	}
	/* top nav */
	.topNav {
		display: flex;
		justify-content: space-between;
	}
	.topNav ul.globalNav {
		display: flex;
		margin-left: 0;
	}
	.topNav .copy {
		margin-right: 3%;
		padding-bottom: 0;
		font-size: 1rem;
		text-align: left;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	/* top salon */
	#topSalon .inner p {
		padding: 0;
	}
	/* menu */
	.article ul.menuCat {
		flex-flow: row nowrap;
		flex-wrap: wrap;
	}
	.article .menuCat li {
		width: calc(100% / 4);
		margin: 0;
	}
}
@media screen and (min-width: 1300px) {
	.fixedName {
		display: block;
	}
	/* ----------
	 * epilation
	 * ---------- */
	#epiItem .priceList {
		display: flex;
	}
	#epiItem table.epi {
		width: 50%;
	}
	table.epi tr.lower {
		display: table-row;
	}
	#taikenPlan {
		margin: 0 auto;
	}
}