@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap');
*, :after, :before {margin: 0;padding: 0;-o-box-sizing: border-box;-ms-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-font-smoothing: antialiased;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block }
audio, canvas, video { display: inline-block }
a { outline: 0 }
audio:not([controls]) { display: none; height: 0 }
[hidden] { display: none }
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0 }
a { text-decoration: inherit; color: inherit }
a:active, a:hover { outline: 0 }
h1 { font-size: 1.5em }
abbr[title] { border-bottom: 1px dotted }
dfn { font-style: italic }
mark { background: #ff0; color: #000 }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: "\201C" "\201D" "\2018" "\2019" }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
img { border: 0; vertical-align: middle; }
.img img,.img svg { width: 100%; height: auto; }
svg:not(:root) { overflow: hidden; vertical-align: middle; }
figure { margin: 0 }
fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em }
legend { border: 0; padding: 0 }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0 }
button, input { line-height: normal }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer }
button[disabled], html input[disabled] { cursor: default }
button { border: none; background: none; outline: 0 }
button:focus { outline: none; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 }
input[type=search] { }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
ul, li { list-style: none; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: #666 !important; background-image: none !important; color: #fff !important; -webkit-box-shadow: 0 0 0px 1000px #999 inset; }
.table { display: table; width: 100%; height: 100%; }
.table-row { display: table-row; }
.table-cell { display: table-cell; vertical-align: middle; }
.va-top { vertical-align: top }
.va-middle { vertical-align: middle }
.va-bottom { vertical-align: bottom }
.ta-left { text-align: left !important; }
.ta-center { text-align: center !important; }
.ta-right { text-align: right !important; }
strong, b, .fw-b { font-weight: 700; }
.mg0 { margin: 0 !important; }
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }

@media (min-width:768px) {
	.nopc { display: none !important; }
}
@media (max-width:767px) {
	.nosp { display: none !important; }
}

.flex { display: flex; }
.flex-wrap { flex-wrap: wrap; }
.flex:not(.flex-nocol) { flex-direction: column; }
.flex-no-grow { flex-grow: 0; }

@media (min-width:768px) {
	.flex:not(.flex-column) { flex-direction: row; }
	.flex-reverse:not(.flex-column) { flex-direction: row-reverse; }
	.flex-50 { flex-basis: 50%; }
	.flex-33 { flex-basis: 33%; }
	.flex-35 { flex-basis: 35%; }
	.flex-65 { flex-basis: 65%; }
}

body { font-family: 'Noto Sans JP',Helvetica,sans-serif; -webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0); color:#000; }
.ff-hn { font-family:'Helvetica Neue',Helvetica,sans-serif; }
.ff-hnb { font-family:'Helvetica Neue',Helvetica,sans-serif; text-transform: uppercase; font-weight: 700; }
.ff-serif {font-family: Times,'Times New Roman',sans-serif;font-weight:400;}
.ff-mincho { font-family: YuMincho,Yu Mincho,serif;font-weight:400;}
.io { transform: translate(0, 10px); opacity: 0; transition: transform 1s, opacity 1s; }
.io.on { transform: translate(0px, 0px); opacity: 1; }
.io-o { opacity: 0; transition: opacity 1s; }
.io-o.on { opacity: 1; }

/*  ================
	SECTIONS
================  */

.border-top {border-top: 1px solid #c0a370;}
.border-top--bold {border-top: 3px solid #c0a370;}
.border-before { border-top: 1px solid #000; }
.border-after { border-bottom: 1px solid #000; }
main>section { width:100%; max-width:1080px; padding: 0 25px; margin:0 auto; position: relative; }
.super-section-title { margin-top:50px; padding:30px 0; }
.super-section-title h1 { font-size:40px; line-height:1; font-weight: 700; text-align: center; padding: 17px 0 10px; }
.super-section-title h2 {font-size:20px;line-height: 1.6;text-align: center;padding: 17px 0 10px;}
.super-section-title p {  margin: 10px auto; line-height:2; font-size:12px; }
.section-title { font-size: 32px; line-height:1; letter-spacing:.5px; }
.section-text { padding:15px 20px 30px; }
.section-text { margin-top: 2em; font-size: 12px; line-height: 1.8; }
.section-text h2 {font-size: 13px; letter-spacing:0;display:inline-block;margin: 0 0 10px;line-height:1.5;}
.section-text h3 { font-size: 16px; margin-bottom: .2em; font-weight: 700; line-height:1.3; }
.section-text p { margin-top: 15px; }
@media (min-width:768px) {
	.border-before {border-top: none;border-left: 1px solid #c0a370;}
	.border-after { border-bottom: none; border-right: 1px solid #000; }
}

@media (min-width:768px) {
	main>section { padding: 0 40px; }
	.super-section-title {  padding:50px 0; }
	.super-section-title h1 { font-size: 60px; padding: 30px 0 21px; }
	.super-section-title h2 {}
	.super-section-title p { max-width: 780px; margin: 10px auto; font-size:14px; letter-spacing:1px; }
	.section-title {font-size: 48px; letter-spacing:1px; position: absolute;left: 0;bottom: 5%;text-shadow:0 1px 1px #fff,0 -1px 1px #fff,1px 0 1px #fff,-1px 0 1px #fff; }
	.section-text { margin-top: 150px; margin-bottom: 1em; padding: 0 40px; font-size: 14px; letter-spacing: 1px; }
	.section-text h3 { font-size: 24px; margin-bottom: .6em; }
	.section-text h2 { font-size:15px; }
}
@media (min-width:1024px) {
	.section-title {font-size: 52px;}
}
@media (min-width:1080px) {
	.section-text { margin-top: auto; }
}
/*  ================
	HEADER
================  */

header { position: fixed; top: 0; padding:; width: 100%; z-index: 9; }
.header { margin: auto; z-index: 9; position: relative; opacity: 0;}
.header__reserve { font-size:12px; text-align: right; text-transform: uppercase; cursor: pointer; }
.header__reserve .close{ display: none }
/* .header__reserve a { background-color: rgba(255,255,255,.8); border: 1px solid #fff; border-radius: 2em; padding: 10px 10px 6px; } */


.nav__menu { position: fixed; top:0; bottom:0; left:-100%; right:100%; opacity: 1; z-index: 8; transition: all .5s ease; }
body.nav-open { overflow: hidden; }
body main { transition: opacity .5s ease; }
body.nav-open main { opacity: .5; }
body.nav-open .nav__menu { opacity: 1; z-index: 8; left:0; right: 0; }
body.nav-open .header__reserve .close{ display: block }
body.nav-open .header__reserve .open{ display: none }
.nav__menu .reserve__area.flex { padding: 0 40px; height: 100%; max-width: 600px; background-color: #fff; }
.nav__menu .reserve__area.flex .hover-button { background-color: #fff; }
.nav__menu .reserve__area.flex .hover-button:first-child { margin-block-start: auto; }
.nav__menu .reserve__area.flex .hover-button:last-child { margin-block-end: auto; }
.header__reserve a {background: #c0a370;color:#fff;line-height:20px;display:inline-block;padding:15px;}

@media (min-width:768px) {
	.header__reserve { font-size:14px;}
	.nav__menu .reserve__area.flex { align-items: center; }
}
/*  ================
		HERO
================  */


.hero { position: relative; height: 100vh; }
.hero__note { position: absolute; top: 25px; left: 0; opacity: 0; }
.hero__logo { width: 100%; margin: auto; }
.hero__logo svg { /*opacity: 0;*/ }
.hero__note h3 { font-size: 18px; }
.hero__note h3 span { font-size:15px; }
.hero__bg { position:absolute; left:0; right:0; top:0; bottom:0; background-image: url("../img/gin-hero-bg.jpg") ;background-size:cover; background-position: center center; opacity:0; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.salon__bg { background-image: url("../img/salon-hero-bg.jpg"); }
.hero__bg .logo { width: 60%; max-width: 320px; text-align: center; margin: 10px 0; position: relative;}
.hero__bg .logo img { width: 100%; display: block; }
.hero__bg h2 { font-size: 18px; letter-spacing: 1px; margin-top: 30px; text-align: center; color:#f1f2eb; }
.hero__bg h2 span { font-size:13px; display: inline-block; }
@media (min-width:768px) {
	.hero__note h3 { font-size: 24px; }
    .hero__note h3 span { font-size:18px; }
	.hero__logo { width: 90vh; margin: auto; }
	.hero__bg h2 { font-size: 24px; margin-top: 50px;}
	.hero__bg h2 span { font-size:16px; }

}
.after { opacity: 0; }
.before { opacity: 1; }

.scroll-down { position: absolute; bottom: 50px; left: 50%; width: 30px; height: 45px; opacity: 0; display: block;-webkit-transform: translateX(-50%); transform: translateX(-50%) }
.scroll-down>div { position: absolute; left:0; top:0; width: 30px; height: 10px; opacity: 0; }
.scroll-down>div:nth-child(1) { -webkit-animation: arrowanim 1800ms 600ms linear infinite running; }
.scroll-down>div:nth-child(2) { -webkit-animation: arrowanim 1800ms 1200ms linear infinite running; }
.scroll-down>div:nth-child(3) { -webkit-animation: arrowanim 1800ms 1800ms linear infinite running; }
.scroll-down>div>svg {display: block;width: 100%;height: 100%;fill: #fff;}

@-webkit-keyframes arrowanim { 0% {-webkit-transform: translate3d(0px, 0px, 0px);opacity: 0;} 33% {opacity: 1;} 66% {opacity: 1;} 100% {-webkit-transform: translate3d(0px, 45px, 0px);opacity: 0;}}
@-webkit-keyframes flashes { 0% { opacity: 1; transform:translateY(0%); } 45% { opacity: 1; transform:translateY(30%); } 55% { opacity: 0; transform:translateY(25%); } 80% { opacity: 0; transform:translateY(0%); } 90% { opacity: 1 } to { opacity: 1 }}
@keyframes flashes { 0% { opacity: 1; transform:translateY(0%); } 45% { opacity: 1; transform:translateY(30%); } 55% { opacity: 0; transform:translateY(25%); } 80% { opacity: 0; transform:translateY(0%); } 90% { opacity: 1 } to { opacity: 1 }}


.catch { position: relative; text-align: center; margin:50px 0; }
.catch p { font-size: 12px; margin:15px 0; line-height:2; }
@media (min-width:768px) {
	.catch { margin:100px 0; }
	.catch p { font-size: 15px; letter-spacing:1px; }
	.catch h1 { font-size:1.75em; margin:0 0 30px; }
}
@media (max-width:767px) {
	.catch p { text-align: left; }
	.catch p br { display: none; }
}

/*  ================
		ABOUT
================  */

.about__wrapper {margin: 0; }
.about__wrapper>div { position: relative; max-width:900px; margin:0 auto; justify-content: center; align-items: center; }
.about__wrapper .section-text { max-width:700px; padding:40px 25px; margin:0 auto; background: rgba(0,0,0,0.1); color:#fff; }
.about__wrapper .section-img img { display: block; max-width:240px; margin:0 auto; }

@media (min-width:768px) {
.about__wrapper { margin: 0; }
.about__wrapper .section-text { margin-top: auto; padding:80px 60px; background: none }
}
/*  ================
		FOOTER
================  */

.footer__map .bg-image { padding-bottom: 300px; background-size: 1200px 533px; background-position: center; position: relative; }
.footer__map .map__pin { width: 20px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-100%); }
.footer__wrapper { max-width: 1280px; margin:0 auto; padding: 30px 25px; text-align: center; }
.footer__wrapper h3 { margin-bottom: 15px; font-size:14px; }
.footer__wrapper table { max-width:600px; margin:0 auto 30px; border-top:1px solid #111; }
.footer__wrapper table th,
.footer__wrapper table td { text-align: left; border-bottom:1px solid #eee; font-size:12px; padding:5px 10px 5px 0; }
.footer__address p {font-size:11px;line-height: 1.5;font-weight: 400; text-align:center;}
.footer__address p span { line-height: 2.5; }
@media (min-width:768px) {
	.footer__map .bg-image { padding-bottom: 450px; background-size: 1800px 800px; }
	.footer__wrapper { padding: 60px 40px 60px; justify-content: center; }
	.footer__wrapper table th,
	.footer__wrapper table td { font-size:13px; padding:10px 30px 10px 0; }
}


/*  ================
		HOVER BUTTON
================  */
.hover-button {margin: 10px 0;padding: 15px 0;font-weight:500;border: 1px solid #c0a370;background: #c0a370;text-align: center;font-size: 12px;width: 100%;}

@media (min-width:768px) {
.hover-button { position:relative; border: none; font-size: 1em; background:none; }

.text {
	text-align: center;
	line-height: 1.6;
	top: 50%;
	transform: translateY(-50%);
	left:0; right:0;
	position: absolute;
}
.shape {
	vertical-align: middle;
	fill: #c0a370;
	/* stroke: #fff; */
	/* stroke-width: 5px; */
	transition: stroke-width .6s, stroke-dashoffset .6s, stroke-dasharray .6s;
}

.svg-wrapper:hover .shape {
	stroke-width: 2px;
	stroke-dashoffset: -240;
	stroke-dasharray: 80 0 240 0;
}

.svg-wrapper .shape {
	/* stroke-dasharray: 460 40 40 40; */
	/* stroke-dashoffset: -20; */
}
.svg-wrapper:hover .shape {
	stroke-dashoffset: -500;
	stroke-dasharray: 80 0 500 0;
}

#button1.svg-wrapper .shape {
	stroke-dasharray: 220 20 40 20;
	stroke-dashoffset: -10;
}
#button1.svg-wrapper:hover .shape {
	stroke-dashoffset: -240;
	stroke-dasharray: 60 0 240 0;
}
:root { --halfWidth-40: 460; --halfWidth:500; --halfWidthPx: 500px; }
@media (max-width: 1120px){ :root { --halfWidth-40: 420; --halfWidth:460; --halfWidthPx: 460px; }}
@media (max-width: 1040px){ :root { --halfWidth-40: 380; --halfWidth:420; --halfWidthPx: 420px; }}
@media (max-width: 960px){ :root { --halfWidth-40: 340; --halfWidth:380; --halfWidthPx: 380px; }}
@media (max-width: 880px){ :root { --halfWidth-40: 300; --halfWidth:340; --halfWidthPx: 340px; }}
@media (max-width: 800px){ :root { --halfWidth-40: 260; --halfWidth:300; --halfWidthPx: 300px; }}
#button2 svg,#button2 svg .shape, 
#button3 svg, #button3 svg .shape {/* width: var(--halfWidthPx); */}
#button2.svg-wrapper .shape, #button3.svg-wrapper .shape  {
	/* stroke-dasharray: 1 1 1 1; */
	/* stroke-dashoffset: 0; */
}
#button2.svg-wrapper:hover .shape, #button3.svg-wrapper:hover .shape  {
/* 	stroke-dashoffset: calc(0 - var(--halfWidth));
	stroke-dasharray: 80 0 var(--halfWidth) 0; */
}

}




body.compensate-for-scrollbar { overflow: hidden; }
.fancybox-active { height: auto; }
.fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; }
.fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; }
.fancybox-container * { box-sizing: border-box; }
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }
.fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; }
.fancybox-bg { background: rgb(30, 30, 30); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71); }
.fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22, .61, .36, 1); }
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; }
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; }
.fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.fancybox-toolbar { right: 0; top: 0; }
.fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; }
.fancybox-is-open .fancybox-stage { overflow: hidden; }
.fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; }
.fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; }
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next { display: block; }
.fancybox-slide--image { overflow: hidden; padding: 44px 0; }
.fancybox-slide--image::before { display: none; }
.fancybox-slide--html { padding: 6px; }
.fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; }
.fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; }
.fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; }
.fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; }
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; }
.fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; }
.fancybox-container [data-selectable='true'] { cursor: text; }
.fancybox-image,
.fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; }
.fancybox-spaceball { z-index: 1; }
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; }
.fancybox-slide--video .fancybox-content { background: #000; }
.fancybox-slide--map .fancybox-content { background: #e5e3df; }
.fancybox-slide--iframe .fancybox-content { background: #fff; }
.fancybox-video,
.fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; }
/* Fix iOS */
.fancybox-iframe { left: 0; position: absolute; top: 0; }
.fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; }
.fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; }
/* Buttons */
.fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; }
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link { color: #ccc; }
.fancybox-button:hover { color: #fff; }
.fancybox-button:focus { outline: none; }
.fancybox-button.fancybox-focus { outline: 1px dotted; }
.fancybox-button[disabled],
.fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; }
/* Fix IE11 */
.fancybox-button div { height: 100%; }
.fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; }
.fancybox-button svg path { fill: currentColor; stroke-width: 0; }
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) { display: none; }
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) { display: none; }
.fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; }
/* Close button on the top right corner of html content */
.fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; }
.fancybox-close-small:hover { color: #fff; opacity: 1; }
.fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; }
.fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; }
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; }
/* Navigation arrows */
.fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; }
.fancybox-navigation .fancybox-button div { padding: 7px; }
.fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; }
.fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); }
/* Caption */
.fancybox-caption { background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; }
@supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } }
.fancybox-caption--separate { margin-top: -50px; }
.fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; }
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited { color: #ccc; text-decoration: none; }
.fancybox-caption a:hover { color: #fff; text-decoration: underline; }
/* Loading indicator */
.fancybox-loading { animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; }
@keyframes fancybox-rotate { 100% { transform: rotate(360deg); } }
/* Transition effects */
.fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1); }
/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0); }
.fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0); }
.fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translate3d(0, 0, 0); }
/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1); }
.fancybox-fx-fade.fancybox-slide--current { opacity: 1; }
/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); }
.fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5, .5, .5); }
.fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1); }
/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); transform: rotate(-360deg); }
.fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); transform: rotate(360deg); }
.fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); transform: rotate(0deg); }
/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }
.fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }
.fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }
/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); }
.fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); }
.fancybox-fx-tube.fancybox-slide--current { transform: translate3d(0, 0, 0) scale(1); }
/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
	.fancybox-slide { padding-left: 6px; padding-right: 6px; }
	.fancybox-slide--image { padding: 6px 0; }
	.fancybox-close-small { right: -6px; }
	.fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; }
	.fancybox-caption { padding-left: 12px; padding-right: 12px; }
	@supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } }
}
/* Share */
.fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; }
.fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; }
.fancybox-share p { margin: 0; padding: 0; }
.fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; }
.fancybox-share__button:visited,
.fancybox-share__button:link { color: #fff; }
.fancybox-share__button:hover { text-decoration: none; }
.fancybox-share__button--fb { background: #3b5998; }
.fancybox-share__button--fb:hover { background: #344e86; }
.fancybox-share__button--pt { background: #bd081d; }
.fancybox-share__button--pt:hover { background: #aa0719; }
.fancybox-share__button--tw { background: #1da1f2; }
.fancybox-share__button--tw:hover { background: #0d95e8; }
.fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; }
.fancybox-share__button svg path { fill: #fff; }
.fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; }
/* Thumbs */
.fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; }
.fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; }
.fancybox-show-thumbs .fancybox-thumbs { display: block; }
.fancybox-show-thumbs .fancybox-inner { right: 212px; }
.fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; }
.fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; }
.fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; }
.fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991; }
.fancybox-thumbs__list a:focus::before { opacity: .5; }
.fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; }
/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
	.fancybox-thumbs { width: 110px; }
	.fancybox-show-thumbs .fancybox-inner { right: 110px; }
	.fancybox-thumbs__list a { max-width: calc(100% - 10px); }
}