*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:where([hidden]:not([hidden='until-found'])){display:none!important}:where(html){-webkit-text-size-adjust:none;color-scheme:dark light}@supports not (min-block-size:100dvb){:where(html){block-size:100%}}@media (prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){block-size:100%;block-size:100dvb;line-height:1.5;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role='button'],[role='option']){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(button){border-style:solid}:where(a){text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + 0.5rem)}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(:focus-visible){outline:2px solid var(--focus-color,Highlight);outline-offset:2px}:where(.visually-hidden:not(:focus,:active,:focus-within,.not-visually-hidden)){clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important}

html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}
:root{
	--nav-bg:linear-gradient(45deg,#f0f0f0,#d4d4d4,#a1a1a1,#d4d4d4,#f0f0f0);;/*var(--nav-bg)*/
	--header:linear-gradient(180deg, var(--black) 0%, #7c5310 50%, var(--black) 100%);
	--a-c:coral;/*var(--a-c)*/
	--m-c:#2196F3;/*var(--m-c)*/
	--m-BG:#f5f5f5;/*var(--m-BG)*/
	--white:#fff;/*var(--white)*/
	--beige:beige;/*var(--beige)*/
	--blue:#1a73e8;/*var(--blue)*/
	--dark:#222;/*var(--dark)*/
	--black:#000;/*var(--black)*/
	--text-shadow-w:1px 1px 2px var(--white),-1px 1px 2px var(--white),-1px -1px 2px var(--white),1px -1px 2px var(--white);
	--text-shadow-b:1px 1px 2px var(--dark),-1px 1px 2px var(--dark),-1px -1px 2px var(--dark),1px -1px 2px var(--dark);
	--box-shadow:0 0 15px rgba(0,0,0,0.2);
	--dl-shadow:-3px 4px 36px -25px var(--dark);
	--button:#8a6d46;
}
@font-face {
    font-family:'Matura MT Script Capitals';font-weight:normal;font-style:normal;font-display:swap;
    src:url('/src/font/MaturaMTScriptCapitals.woff2') format('woff2'),url('/src/font/MaturaMTScriptCapitals.woff') format('woff');
}
body {
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
	font-size:16px;line-height:1.7;color:var(--dark);background-color:var(--m-BG);min-height:100vh;margin:0;display:flex;flex-direction:column;
	margin:0 auto;position:relative;
}
body,header.fixed .nav-wrap{max-width:1200px;}
 
main,section{width:100%;}
a {text-decoration:none;color:#337ab7;transition:.4s;position:relative;display:inline-block;}
a.zoom{display:block;}
a:hover,.modal-open:hover,.modal-close:hover {filter:brightness(1.2);transform:scale(1.1);}
iframe,section .ekiten_review_link,.review-item{border-radius:6px;border:1px solid #d4af37;padding:10px;box-shadow:var(--box-shadow);}
sup{color:#e66;padding-right:.5em;}
img{max-width:100%;height:auto;object-fit:cover;margin:0 auto;}
img.show,.zoom-modal img{border-radius:6px;border:1px solid #d4af37;padding:10px;box-shadow:var(--box-shadow);}

.flex {display:flex;}
.grid{display:grid;gap:3.5vw;}
.align-center{align-items:center;justify-items:center;}
.align-start{align-items:start;padding:3em 1em;background:#fff;margin:2em 0;}
.column2{grid-template-columns:repeat(2, 1fr);}
.column3{grid-template-columns:repeat(3, 1fr);}
.column4{grid-template-columns:repeat(4, 1fr);}
.Flex-centering{display:flex;align-items:center;justify-content:center}
.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(310px, 100%), 1fr));gap:20px;margin:4em 0 8em;
	li {
	box-shadow:var(--box-shadow);
	.price{width:100%;text-align:right;font-weight:800;font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;}
	.title {font-weight:800;font-size:110%;background:var(--dark);color:aliceblue;padding:.5em;
		margin:-14px -15px -14px;box-shadow:0 14px 21px  -8px rgb(0 0 0 / 56%);border-radius:4px;min-height:4em;}
	/*img{float:right;margin-top:4em;}*/
	.flex-wrap{display:flex;flex-wrap:wrap;gap:2em;}
	}
}
.numbering {counter-reset:section;list-style-type:none}
.numbering li:before {counter-increment:section;content:"0" counter(section);width:2em;color:#ffffff;height:2em;float:left;font-size:1.2em;background-color:var(--button);
	border-radius:50%;display:flex;justify-content:center;align-items:center;border:1px solid var(--button);box-shadow:0 4px 10px rgba(138, 109, 70, 0.3);margin-right:10px;
}
.grid-auto-fill {display:grid;grid-template-columns:repeat(auto-fill, minmax(310px, 1fr));gap:20px;}
.dl-layout{
	gap:3em;margin-bottom:5em;
	dl{background-color:var(--white);border-radius:6px;box-shadow:var(--box-shadow);}
	dt{padding:1em;min-height:5.5em;}
	dd{padding:3em 1em;}
}
.silver{background:linear-gradient(45deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);}
.gold{background:linear-gradient(45deg, #B8860B 0%, #DAA520 45%, #FFD700 70%, #DAA520 85%, #B8860B 90% 100%);}
.gold-antique{background:linear-gradient(45deg, #996515 0%, #BF8A30 45%, #EADDCA 70%, #BF8A30 85%, #996515 90% 100%);}
.gold-bright{background:linear-gradient(45deg, #FFB347 0%, #FFCF75 45%, #FFE5A9 70%, #FFCF75 85%, #FFB347 90% 100%);}
.gold-soft{background:linear-gradient(45deg, #C6A055 0%, #E6C171 45%, #FFE5A9 70%, #E6C171 85%, #C6A055 90% 100%);}

.red{color:#e66;}

.pre-load{filter:blur(40px);transform:rotateY(88deg);transition:.6s;}
.hidden_show, .lazy-img, .sub-title {transform:translateY(40px);transition:transform 0.8s;opacity:0;animation:fadeIn 2s linear;animation-fill-mode:both;}


.show{opacity:1;transform:translateY(0);filter:blur(0);}
.zoom-slide-up {opacity:0;transform:scale(0.8) translateY(30px);animation:zoomSlideUp 1s ease forwards;}
@keyframes zoomSlideUp {0% {opacity:0;transform:scale(0.96) translateY(30px);}100% {opacity:1;transform:scale(1) translateY(0);}}

h2 {background:linear-gradient(45deg, #996515 0%, #ffe0ac 45%, #EADDCA 70%, #BF8A30 85%, #996515 90% 100%);font-size:min(4.6vw, 1.6em);
	color:var(--dark);text-align:center;margin:2em 0;border-radius:8px;box-shadow:0 0px 31px -13px rgb(0 0 0);padding:0.9em 1.5em;
	text-shadow:var(--text-shadow-w);color:var(--button);font-weight:700;
	}
h4 {font-size:min(16px, 20px);;border-bottom:1px solid var(--a-c);padding:20px;margin:3em 0;}
#item_pick_up h3,h6 {
	min-width:18em;position:relative;display:table;margin:2em .5em;background-color:#faf7e0;color:#0004f0;
	box-shadow:1px 1px 17px -6px rgba(0, 0, 0, 0.35);box-sizing:border-box;font-size:16px;padding:1em 2em;
	&::after,&::before {
		content:'';position:absolute;top:-4px;width:17px;height:17px;border-radius:50%;
		background:linear-gradient(45deg, #996515 0%, #ffe0ac 45%, #EADDCA 70%, #BF8A30 85%, #996515 90% 100%);
		}
	&::before {left:-4px;transform:rotate(179deg);box-shadow:-2px 3px 8px -5px rgba(0,0,0,0.4)}
	&::after {right:-4px;transform:rotate(22deg);box-shadow:1px 0px 4px -2px rgba(0,0,0,0.4);}
}
h6{min-height:5.5em;display:flex;align-items:center;width:fit-content;}

p {box-shadow:var(--box-shadow);padding:2rem;background:#ffebcd70;border-radius:10px;color:var(--black);min-height:15em;display:flex;align-items:center;}


/* ヘッダー */
header {
	padding:10px 20px 0;text-align:center;z-index:3;box-shadow:inset 0px -12px 22px -10px #ff97014a;color:var(--white);background:var(--header);
	.header-logo {height:8em;
		.salon{font-size:12px;text-align:left;}
		.logo{font-family:"Matura MT Script Capitals";font-size:min(8.3vw, 74px);padding:18px 0px;
			  background:linear-gradient(90deg, #8c7537 0%, #dbb00b 45%, #fde79d 70%, #dbb10c 85%, #bc7f04 90% 100%);   -webkit-background-clip:text;
			  -webkit-text-fill-color:transparent;background-clip:text; text-shadow:0 0 0px rgb(130 64 3 / 50%);
		}
		.logo::after{content:"AtelierhairPeaks";position:absolute;z-index:-1;left:50%;transform:translateX(-50%);
			text-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 42px #dbb10c,0 0 82px #dbb10c,0 0 92px #dbb10c,0 0 102px #dbb10c,0 0 151px #dbb10c,1px 0 0 #ff0000}
		}

	.header-link{
		display:flex;justify-content:flex-end;gap:6px;padding-bottom:1em;
		a {color:#111;width:8em;gap:4px;font-size:12px;border:1px solid;border-radius:5px;padding:3px;
			background:linear-gradient(45deg, #996515 0%, #ffe0ac 45%, #EADDCA 70%, #BF8A30 85%, #996515 90% 100%);}
		a[target="_blank"]:after{display:none;}
	}
	.nav-outer{
		display:flex;gap:.5em;padding-bottom:20px;
		a{color:var(--beige);display:block;padding:5px;margin:5px;}
	}
	.navtitle {
	    transition:background .3s;background:var(--nav-bg);color:var(--white);min-width:5em;padding:.5em;border-radius:4px;cursor:pointer;
		li{background-color:var(--dark)}
		> ul > li{border-radius:4px;}
		> ul > li:hover{background-color:#111;}
	}
	.hamburger-menu {
		display:none;position:fixed;top:22px;right:15px;z-index:1000;cursor:pointer;
		background:var(--black);border-radius:50%;height:46px;width:46px;opacity:0.6;box-shadow:0px 0px 6px #ffffff;
		span {display:block;width:25px;height:3px;background-color:var(--beige);margin:5px auto;transition:all 0.4s;}
	}
	.cta-button {
		display:inline-block;padding:10px 20px;background:var(--a-c);color:var(--white);
		border-radius:30px;;white-space:nowrap;font-size:16px;margin:0;margin-right:55px;
	}
	.linkguide{text-align:left;font-size:13px;}
}
header.fixed {
	.header-link{
	    position:fixed;animation:slideUp 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;bottom:0;transform:translateY(0);
		a{box-shadow:2px 2px 5px #00000070;}
	}
}

@keyframes slideDown {0% {transform:translateY(-100px);opacity:0;}40% {opacity:1;}100% {transform:translateY(0);opacity:1;}}
@keyframes slideUp {0% {transform:translateY(100px);opacity:0;}40% {opacity:1;}100% {transform:translateY(0);opacity:1;}}

/* メイン */
main {display:flex;flex-direction:column;align-items:center;flex:1;z-index:1;padding-bottom:5em;background-color:#fff;}

.shadow-w{text-shadow:var(--text-shadow-w);}
.shadow-b{text-shadow:1px 1px 2px var(--dark),-1px 1px 2px var(--dark),-1px -1px 2px var(--dark),1px -1px 2px var(--dark);}

a[target="_blank"]:not(.zoom,.order,.support, [href*="reduction.cgi"]):after {
	content:"";height:15px;position:relative;width:20px;background:url(/imageFile04/newWindow.gif)no-repeat center;
	display:inline-block;margin:4px;
}
a[target="_blank"] img {vertical-align:middle;display:inline-block;}
.instagram,.YouTube,.ekiten_review_ul {
a[target="_blank"]::after{display:none;}
}

section {
    padding:4em 4em 2em;width:100%;
	h3 {background:linear-gradient(to right, #ae7a24 0%, #ffffff 80%);background-repeat:no-repeat;background-position:left bottom;background-size:100% 14%;
	border-radius:9px;margin:2em 0 1em 1em;padding:4px 0;}	
	ul {list-style:none;margin:0;padding:1em .5em;}
	li {list-style:none;margin-bottom:2px;background:#fff;padding:1em;border-radius:6px;}

	#inform li:before,#privacypolicy li:before,ol:not([id]) li:before,ul.check li:before{content:'\2713';color:green;;font-size:1.2em;font-weight:800;}
	#inform li,#privacypolicy li,ol:not([id]) li {display:flex;gap:1em;}
	ol.Not li:before {content:'×';color:#e66;}
	dl {background:#ffffff4a;box-shadow:var(--dl-shadow);padding:2em;}
	dt,.menutitle,#sitemap a {border-radius:4px;font-weight:800;color:aliceblue;background-color:#1f1f1fe0;;box-shadow:3px 3px 6px #959595;}
	dt {display:flex;align-items:center;justify-content:center;}
	.img-initial {display:inline;vertical-align:middle;margin:0 5px;}
	.item-mark::before {content:"※";color:#e66;font-weight:800;}
	.description,#item_pick_up .caption {line-height:1.8;padding:2em;background-color:#fff;border-bottom:1px solid var(--a-c);margin:6em 0 0;box-shadow:0px 0px 40px -9px #959595;border-radius:6px;}
	h2+.description{margin-bottom:4em;}
	.image-container {position:relative;margin-bottom:4em;
	h2{position:absolute;top:-20px;box-shadow:none;background:none;left:20px;z-index:1;padding:0;}
		img{padding:0;}
		.text-overlay {position:absolute;bottom:20px;left:20px;color:white;z-index:1;}
	}
	.image-container::after {content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(rgb(10 10 10 / 39%), transparent 28% 53%, rgb(10 10 10 / 62%));border-radius:6px;}

	
	#inform{
		dl{padding-top:4em;background:none;box-shadow:none;}
		dt{height:4em;width:20em;}
		dd {background:#fff;border-radius:6px;padding:3em 2em;margin:12px 0 5em;box-shadow:var(--dl-shadow);}

		.info-calendar{gap:1vw;align-items:center;padding-left:3vw;flex-wrap:nowrap;max-width:700px;}
		.info-calendar-Message {box-sizing:border-box; width:calc((100% - 40px) / 3);}
		.info-calendar-Message:last-child {gap:.5vw;display:grid;;}
		img{margin-left:0;}
	}
	#price{
		.menutitle{text-align:center;}
		li {margin:0;border-bottom:1px solid #666;border-radius:0;padding:7px;}
		span {font-size:11px;color:#666;font-weight:100;padding-left:1em;min-width:8.5em;display:inline-block;}
	}
	#memberscard{
		.grid{grid-template-columns:repeat(auto-fill, minmax(min(280px, 100%), 1fr));margin:4em 0;color:#666;}
		span {color:var(--blue);}
	}
	#sitemap{
		a {height:4em;display:flex;text-align:center;justify-content:center;align-items:center;}
		li{background:#fff;border-radius:6px;}
		span{padding:2em;display:block;}
	}
	#privacypolicy{
		dl{padding-top:4em;background:none;box-shadow:none;}
		dt{height:4em;width:20em;}
		dd {background:#fff;border-radius:6px;padding:3em 2em;margin:12px 0 5em;box-shadow:var(--dl-shadow);}
		li:before{content:'×';color:#e66;}

	}
	#review{
		.data{margin:2em 0;}
		img{margin-bottom:2em;border:0;box-shadow:none;}
		dt {width:6em;height:2em;margin-right:1em;float:left}
		dd {padding:0.5em 0 1em 7em;}
		.up{padding:7px;
            font-size:85%;
            width:100%;
            margin-top:3em;}
		.page_wrap{display:flex;justify-content:center;margin:2em 0;gap:2em;
			a {background:var(--white);padding:.5em 2em;border:1px solid;border-radius:6px;}
		}
		.menu{
			.menu-outer{box-shadow:var(--dl-shadow);;background-color:var(--white);margin-bottom:1em;}
			.menu-outer,.menu-inner{display:flex;}
			.menutitle{min-width:5em;padding:.5em;height:2.5em;text-align:center;}
			.menu-inner{flex-wrap:wrap;gap:1em;padding:1em;
			 	a {min-width:5em;}
			}
		}
	}
	#premium{
		ul{box-shadow:var(--dl-shadow)}
		}
	#treatment{
		.hr{background-color:transparent;
			hr {
			    border-width:0 0 8px;margin:3em 0;border-style:solid;width:100%;
			    border-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 1"><circle fill="hsla(0, 0%, 65%, 1.0)" cx="1" cy="0.5" r="0.5"/></svg>') 0 0 100% repeat;
	    	}
		}
		.flex{flex-wrap:wrap;gap:0 1em;justify-content:center;}
		span{box-shadow:var(--box-shadow);padding:5px 10px;min-width:13em;}
	}
	.filmperm p{display:grid;}
	#felmo,.filmperm,#Nail,#celebration,#wakansousai,#nonDiamine-color{
		.title{margin:-14px -15px 2em;}
		dl{padding:0;}
		.Not li{display:inline-block;}
		.herbs img{width:125px;float:right;margin:0 0 1em 1em;}
		.wakan-ul{margin-top:6em;}
		.wakan-img{float:right;margin:2em 0 2em 2em;}
		.nonDiamine-wrap ul {padding:2em 0;margin-bottom:2em}

	}
	.hero{margin-bottom:8em;}

	.treatment{font-size:80%;gap:1.5em;justify-items:center;
		div{display:flex;flex-wrap:wrap;justify-content:center;}
		p{padding:1em;min-height:8em;margin-top:1em;width:100%;}
		}

	.calendar{padding-top:5em;}
	.YouTube{display:flex;gap:2em}
	.instagram,.YouTube-video{display:grid;gap:10px;grid-auto-rows:10em;grid-template-columns:repeat(auto-fit, minmax(16.5em, 1fr));
		div{display:grid;grid-template-columns:150px auto;gap:10px;justify-items:end;
			img {width:145px;
                height:145px;
                display:block;object-fit:cover;}
			span{font-size:0.72rem;overflow:hidden;color:var(--dark);}
			}
		}
	.instagram{grid-template-columns:repeat(auto-fit, minmax(min(300px, 100%), 1fr));}
	
	.slider-container {
		position:relative;margin:0 -2em;padding:0 5px;
		.slider-arrow {position:absolute;top:50%;transform:translateY(-50%);z-index:2;padding:10px;background:rgb(133 133 133 / 50%);color:white;
			border:none;cursor:pointer;border-radius:50%;height:3em;width:3em;
			}
		.prev { left:0; }
		.next { right:0; }
		.slider-arrow:hover {background:rgb(0 0 0 / 50%)}
		.autoplay {
			display:flex;padding:4em 6vw;gap:3vw;position:relative;user-select:none;-webkit-user-select:none;
			-moz-user-select:none;-ms-user-select:none;cursor:grab;overflow-x:scroll;scroll-behavior:smooth;
			-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;
		    scroll-snap-type:x mandatory; /* スクロールをX軸方向に強制的にスナップ */
		/*	  justify-content:center;  中央揃え */
  position:relative;
  overflow:hidden;
			img {max-width:68vw;border-radius:6px;border:1px solid #d4af37;padding:10px;box-shadow:var(--box-shadow);}
			/*img.active {opacity:1;transform:translateY(-2em);transform:scale(1.2);}*/
			::-webkit-scrollbar {display:none;}
		}
		.autoplay:active {cursor:grabbing;}
	}
	

	.campaign_rss{display:flex;justify-content:flex-end;
		img{border:none;padding:1px;}
		a:after{display:none}
	}
	#makerLink{
		#maker_Link {grid-template-columns:repeat(auto-fit, minmax(min(15em, 100%), 1fr));}
		ul li:nth-child(2) {background:antiquewhite;}
		.title{display:flex;justify-content:center;align-items:center;
		img{padding:0;margin-left:22px;}
		}
	}
	#support {
		#formwrap{margin-bottom:2em;grid-template-columns:repeat(auto-fit, minmax(min(15em, 100%), 1fr));}
		dl {padding:2em .5em;}
		dt {margin:-28px -7px 2em -7px;min-height:4em;}
		select,input,textarea{width:100%;border:1px solid #ccc;padding:13px;border-radius:5px; -webkit-appearance:none;}
		select {
			-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;
			background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-position:right 5px center;background-repeat:no-repeat;
		}

		.form_textarea {grid-column:1 / -1;}
		b{color:#e66;padding-right:.5em;}
		.support-button {display:flex;flex-flow:row-reverse;justify-content:center;
			input{display:block;background:var(--blue);color:var(--white);margin:3em auto;width:20em;padding:1.5em;border-radius:3em;
				transition:0.3s all;border:1px solid var(--blue);}
			input:hover{background:#1a73e80f;color:var(--dark);}
			}
		.calendar{padding:0;display:flex;flex-wrap:wrap;gap:1em 0;max-width:600px;margin:1em auto;
			 div{min-width:6em;}
			 span{width:1em;height:1em;display:inline-block;border:1px solid #666;}
		 	}
		.description{margin:0;}
	}
}
/* フッター */
footer {
	    background:var(--header);padding:8em 2em 5em;text-align:center;color:var(--white);position:sticky;bottom:0;min-height:100vh;align-content:end;overflow:auto;flex:1;
		.footer-info {
		font-family:'Noto Sans JP', sans-serif;padding-bottom:50px;display:grid;grid-template-columns:repeat(auto-fit, minmax(310px, 1fr));gap:20px;
		a{color:#aedaff;}
		span{width:4em;display:inline-block;}
		.info-block{text-align:left;
			h3 {font-size:16px;background:var(--nav-bg);margin-bottom:15px;width:100%;color:var(--dark);margin:1em auto 3em;
				border-radius:6px;box-shadow:0 0px 20px -10px rgb(0 0 0);padding:0.7em 1.2em;text-shadow:var(--text-shadow-w);}
			div {padding:.5em 2em;}
			.closed {color:#e66;display:grid;grid-template-columns:4em auto;}
			.text-calendar{display:flex;gap:5px;white-space:nowrap;padding:2px;
				b{width:2.5em;}
				}
		}
	}
	.sns {
		display:flex;justify-content:flex-end;padding-bottom:1.8em;gap:5px;width:100%;
		a {width:36px;height:36px;background:var(--white);border-radius:50%;display:flex;
			align-items:center;justify-content:center;color:var(--white);}
		a[target="_blank"]:after{display:none;}
	}


}
.modal-overlay,.modal-close{display:none;}
.zoom-modal {transition:opacity 1s ease;opacity:0;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.9);z-index:1000;cursor:pointer;pointer-events:none;;display:flex;justify-content:center;align-items:center}
.zoom-modal img {transition:opacity 0.3s ease, transform 0.6s ease;max-width:98%;max-height:98%;margin:auto;transform:scale(0.9);opacity:0;}
.zoom-modal.fixed {/*display:flex;*/opacity:1;pointer-events:auto;}
.zoom-modal.fixed img {opacity:1;transform:scale(1);}

.nothing{background-color:#f0f0f0c7;font-size:20px;padding:2em 5px;border-radius:8px;}

#pagetop {
	position:fixed;bottom:-60px;right:20px;visibility:hidden;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);z-index:2;background:var(--black);
	border-radius:50%;height:46px;width:46px;color:var(--white);opacity:0.6;box-shadow:0px 0px 6px #ffffff;cursor:pointer;right:calc((100% - 1200px) / 2 + 20px);
}
#pagetop.fixed {visibility:visible;bottom:50px;}
#pagetop.fixed:hover {opacity:1;}

.loading-overlay {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.8);display:none;justify-content:center;align-items:center;z-index:1000;}
.loading-overlay.active {display:flex;}
.loading-spinner {width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;}
@keyframes spin {0% { transform:rotate(0deg); }100% { transform:rotate(360deg); }}


@media (min-width:1200px) {
	section{
		.instagram{grid-template-columns:repeat(3, 32%);justify-content:space-between;}
		}
}

	
@media (min-width:769px) {
	header {
		.navtitle {font-size:min(1.74vw, 16px);transition:.3s;}
		.navtitle ul {
			transform:scaleY(0);transform-origin:center top;transition:all .3s;width:auto;position:absolute;padding:.8em;margin-top:.5em;
			text-align:left;opacity:0;background-color:var(--dark);min-width:10em;
		}
		.navtitle:hover{border-radius:8px;background-color:#666;
			 > ul {transform:scaleY(1);opacity:1;display:table;border-radius:8px;}
			}
	}
	header.fixed {
		.nav-wrap{background:var(--header);width:100%;height:5em;position:fixed;top:0;left:calc((100% - 1200px) / 2);}
		.navtitle{box-shadow:2px 2px 5px #00000070;}
		nav,.linkguide {position:fixed;animation:slideDown .8s cubic-bezier(0.25, 1, 0.5, 1) forwards;top:2em;transform:translateY(0);width:100%;z-index:1;}
		.nav-outer{padding:0 2em;font-size:10px;}
		.linkguide{top:0;padding:.5em 1em;font-size:12px;display:block;}
		.header-link{margin-left:1em;}
	}
	
}
@media screen and (max-width:1200px) {
	#pagetop {right:20px;}
	header.fixed {
		.nav-wrap{left:0;}
	}

@media (max-width:1035px) {
	section{
		.YouTube{display:block;
			iframe{margin:50px auto 20px;min-height:24em;}
		}
	}
}

@media (max-width:768px) {/*Mobile*/
	main{box-shadow:0px 100px 100px 47px rgb(12 11 11 / 69%);}
	h2 { padding:1.5em;}
	.hero .column2{grid-template-columns:auto;}
	.reverse{display:flex;;flex-direction:column-reverse;}
	.M-hidden{display:none;}
	.imgWrap{padding:0;}

	header{
		.header-logo {height:6em;}
		.nav-outer {
			background:#000000e0;justify-content:flex-start;position:fixed;top:0;right:-500px;width:80%;z-index:999;width:350px;
			height:100vh;padding:80px 20px;flex-direction:column;transition:right 0.5s ease-in-out;overflow-y:auto;
		}
		.navtitle ul{height:0;position:static; opacity:0;visibility:hidden;transition:.5s ;transform:scaleY(0);transform-origin:center top;padding-top: 1px;}
			.navtitle{position:relative;padding:1em 1px 3px 1px;}
			.navtitle::before,.navtitle::after{
				content:"";position:absolute;top:1.3em;width:1.5px;height:8px;background-color:var(--white);transition:.5s;pointer-events:none;}
			.navtitle::before{transform:translateY(-50%) rotate(-45deg);right:35px;}
			.navtitle::after{transform:translateY(-50%) rotate(45deg);right:30px;}
			li{border-radius:0;border-bottom:1px solid #5b5b5b;}
		.nav-outer.active{
			right:0;
			.navtitle.active::before{transform:translateY(-50%) rotate(-135deg);transition:.5s;}
			.navtitle.active::after{transform:translateY(-50%) rotate(135deg);transition:.5s;}
			.navtitle.active{background-color:var(--black);}
			.navtitle.active ul{height:auto;background-color:var(--dark);opacity:1;visibility:visible;transform:scaleY(1);}
		}
		.hamburger-menu {display:block;transition:opacity .3s}
		.hamburger-menu:hover{opacity:1;}
		
		.hamburger-menu.active span:nth-child(1) {transform:rotate(45deg) translate(5px, 5px);}
		.hamburger-menu.active span:nth-child(2) {opacity:0;}
		.hamburger-menu.active span:nth-child(3) {transform:rotate(-45deg) translate(7px, -7px);}
	}
	
	header.fixed {
		.header-link {width:100%;left:0;padding:8px 1em;justify-content:center;background:var(--header);}
		.logo {font-size:7.5vw;position:fixed;top:0;left:0;background:var(--header);width:100%;padding:3px 0 14px;overflow:hidden;min-height:12vw;}
		.linkguide{position:fixed;font-size:10px;top:9.0vw;}
	}

	
	section {
	    padding:2em;
		h2+.description{margin:0;}
		.description{padding:1em;}
		dl	{padding:0;}
		.image-container {img{height:8em;}.text-overlay {bottom:0;left:0;padding:9px;font-size:12px;}}

		#inform{
			img{margin:0 auto;}
			dl{padding:0;}
			dt {margin:2em auto 0;}
			dd {padding:2em 12px 3em;}
			.info-calendar{flex-wrap:wrap;}
			.info-calendar-Message {width:calc((100% - 2vw) / 2); }
			.info-calendar-Message:last-child {width:100%;display:flex;padding:5vw 0;}
			}
		#access{
			.flex{flex-wrap:wrap;}
			}
		#memberscard{
			img{padding:5px 1px;}
			.grid{grid-template-columns:1fr 1fr;}
			}
		#sitemap{
			a {width:auto;}
			span{padding:1em 12px;}
			li{padding:0;}
			}
		#privacypolicy {
	        dl {padding:4em 0 0 0;}
			dt{width:auto;}
			dd ul{padding:1em 0;margin:0 -1em;}/*リスト*/
			}
		#review{
			.menu dt {margin-bottom:1em;width:100%;}
			}
		#treatment{
			span{text-align:end;}
			ul{padding:0;}
			}
		#sannetu{
			ul{padding:1em 0;}
			.column3 {font-size:12px;gap:4px;}
			}
		#Nail,#celebration{
			li.img{padding:0;display:flex;justify-content:center;}
			.nail-sample{grid-template-columns:1fr 1fr;gap:4px;}
			}
		#wakansousai{
			.wakan-ul{margin-top:2em;}
			.wakan-img{float:none;margin:1em auto;}
			}
		#nonDiamine-color{
			.Diamine-img{max-width:42%;}
			.column4 {grid-template-columns:repeat(2, 1fr);}
			.nonDiamine-wrap{
				li{padding:1em 0;}
				}
			}
		#private {
			.gallery {grid-template-columns:repeat(auto-fill, 76px);gap:6px;padding:1em 0;}
			}
		#coupon{
			.column2{grid-template-columns:auto;justify-content:center;padding:0 1em;}
			dd{padding:.5em;}
			}
		#support{
			.holiday{display:flex;flex-wrap:wrap;}
		}

}
footer {
	h3{line-height:.8;}
	.footer-info {font-size:85%;padding-bottom:0;
		.info-block {
			h3{margin:0em auto;}
			div {padding:.3em;}
            .text-calendar {white-space:pre-wrap;}
        }
    }
	.f-resize{font-size:min(11px,16px);margin-bottom:2em;}

}
}

/* 横向き（landscape）の場合 */
@media screen and (orientation:landscape) and (max-width:896px) {
.main-visual {
    height:calc( 100vw - 10em);
	}
}