:root {
	--rootFontSize: calc((75vmax + 25vmin + 1715px) / 300);
	--adjustFont: calc((1vh + 1vw) / 2);
	--header-height: calc(var(--adjustFont) * 8.5);
	--hpad: 1em;
	--vpad: 1.5em;
	--top-stick: calc(var(--header-height) + var(--vpad));
	--brd-rad-beeg: 1.5em;
	--brd-rad-main: clamp(12px, calc(var(--adjustFont) * 1.25), var(--brd-rad-beeg));
	--control-height: 3.6rem;
	--button-height: calc(var(--adjustFont) * 5);
	--button-text: clamp(24px, calc(var(--adjustFont) * 3), 36px);
	--x-pad: clamp(10px, calc(var(--adjustFont) * 3), 2em);
	--big-width: 110rem;
	--stakkan-width: min( calc( var(--big-width) - var(--x-pad) * 2), calc( 100vw - var(--opr, 16px) - var(--x-pad) * 2) );
	--stoVH: 100vh;
	color-scheme: only light;
	--color-back: #65d3f4;
	--color-body: #f3f4f5;
	--color-font: #fff;
	--color-hack: #e3e4e5;
	--color-deep: #434241;
	--color-acnt: #ffd700;
	--color-orng: #eb5f0a;
	--color-invt: #111;
	--color-finv: #ddd;
	--color-xink: #ffd1ee;
	--color-link: #fff82e;
	--color-scrl: rgba(255,255,255,0.3);
	--color-scrt: #ec89cc;
	--fancybox-accent-color: #ffd700;
	--fancybox-thumbs-border-radius: 0.5ex;
	--fancybox-thumbs-width: 9rem;
	--fancybox-bg: rgba(17,17,17,0.9);
	--cage-thik: 2px;
	--cage-size: calc(var(--adjustFont) * 10);
	--cage-back: rgba(255,255,255,0.1);
}
@supports (height: 100svh) {
	:root {
		--stoVH: 100svh;
	}
}
.clearfix:before,
.clearfix:after {
	content: '';
	display: table;
	line-height: 0;
	height: 0;
	border-spacing: 0;
}
.clearfix:after {
	clear: both;
}
.clear {
	clear: both;
}
.clear:before {
	content: '';
	display: block;
	overflow: hidden;
}
.vis-hide {
	position: absolute;
	width: 1px;
	height: 1px;
	-webkit-clip-path: inset(0 100% 100% 0);
	clip-path: inset(0 100% 100% 0);
	margin: 0;
	padding: 0;
	overflow: hidden;
}
/*
*
	&::-webkit-scrollbar
		whq 8px

	&::-webkit-scrollbar-track
		background var(--color-scrl)

	&::-webkit-scrollbar-thumb
		border-radius 4px
		background var(--color-scrt)
*/
*,
:before,
:after {
	box-sizing: border-box;
	scrollbar-color: var(--color-scrt) var(--color-scrl);
}
:focus,
:active {
	outline: 0 none;
}
::selection {
	color: #000;
	background: #ffd700;
	text-shadow: none;
}
[hidden] {
	display: none;
}
ARTICLE,
ASIDE,
DETAILS,
FIGCAPTION,
FIGURE,
FOOTER,
HEADER,
HGROUP,
MAIN,
NAV,
SECTION,
SUMMARY {
	display: block;
	margin: 0;
	padding: 0;
}
TABLE,
INPUT,
BUTTON,
SELECT {
	font-family: inherit;
}
INPUT[type='text']::placeholder {
	color: var(--color-deep) !important;
	font-weight: normal !important;
	opacity: 1;
	transition: opacity 0.2s linear;
}
INPUT[type='text']:focus-visible::placeholder {
	opacity: 0 !important;
}
HR {
	background-color: transparent;
	height: 0;
	border: 0 none;
	border-top: 1px dashed var(--color-font);
	margin: 1.25em 0;
}
.img-holder {
	display: flex;
	position: relative;
	overflow: hidden;
	background-color: var(--color-body);
	aspect-ratio: 16 / 9;
}
.img-holder > * {
	position: absolute;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.img-holder.rnd-holder {
	border-radius: 100vmax;
	aspect-ratio: 1;
}
.ar-1x1 {
	aspect-ratio: 1;
}
.ar-1x2 {
	aspect-ratio: 1 / 2;
}
.ar-2x1 {
	aspect-ratio: 2;
}
.ar-2x3 {
	aspect-ratio: 2 / 3;
}
.ar-3x1 {
	aspect-ratio: 3;
}
.ar-3x2 {
	aspect-ratio: 3 / 2;
}
.ar-3x4 {
	aspect-ratio: 3 / 4;
}
.ar-4x1 {
	aspect-ratio: 4;
}
.ar-4x3 {
	aspect-ratio: 4 / 3;
}
.ar-5x6 {
	aspect-ratio: 5 / 6;
}
.ar-8x5 {
	aspect-ratio: 8 / 5;
}
.ar-16x9 {
	aspect-ratio: 16 / 9;
}
.arx {
	aspect-ratio: unset;
}
IMG,
VIDEO {
	max-width: 100%;
	height: auto;
}
IMG[class^='ar-'],
VIDEO[class^='ar-'] {
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
IMG[data-fancybox],
VIDEO[data-fancybox] {
	cursor: zoom-in;
}
HTML,
BODY {
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
	min-width: 280px;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	-webkit-overflow-scrolling: touch;
}
HTML {
	height: 100%;
	font-size: clamp(9px, var(--rootFontSize), 13px);
	overflow-y: scroll;
	background-color: var(--color-back);
	background-image: linear-gradient(to top, var(--cage-back), var(--cage-back) var(--cage-thik), transparent var(--cage-thik)), linear-gradient(to left, var(--cage-back), var(--cage-back) var(--cage-thik), transparent var(--cage-thik));
	background-size: var(--cage-size) var(--cage-size);
	background-attachment: fixed;
	background-position: top center;
}
HTML.menu-opened,
HTML.modal-opened {
	overflow: hidden;
}
HTML .fancybox__content :focus:not(.carousel__button.is-close) {
	outline: 0 none;
}
HTML [class$="--gototech"],
HTML [class$="-copyright_logo_no"] {
	display: none;
}
HTML [class$="ground-pane"] {
	-webkit-filter: grayscale(0.66) hue-rotate(222deg);
	filter: grayscale(0.66) hue-rotate(222deg);
}
HTML [class$="places-pane"] [class*="-image"] {
	-webkit-filter: drop-shadow(0 0 2px #fff);
	filter: drop-shadow(0 0 2px #fff);
}
BODY {
	min-height: 100%;
	max-width: var(--max-width);
	margin: 0 auto;
	font-family: 'Nata Sans', system-ui;
	font-size: 1.6rem;
	line-height: 1.33;
	color: var(--color-font);
	position: relative;
	z-index: 1;
}
.menu-opened BODY,
.modal-opened BODY {
	position: fixed;
	padding-right: var(--opr, 16px);
}
.is-loading BODY:before,
.menu-opened BODY:before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	animation: fadein 0.25s linear forwards;
}
.is-loading BODY:before {
	z-index: 998;
	background-color: var(--fancybox-bg, rgba(17,17,17,0.9));
}
.menu-opened BODY:before {
	z-index: 99;
	background-color: rgba(255,255,255,0.9);
}
BODY > div.empty {
	margin-left: -1px;
}
.mainwrap {
	width: 100%;
	overflow-x: clip;
}
PRE {
	font-size: 11px;
	white-space: break-spaces;
	word-break: break-word;
}
.__editor {
	font-size: 1.4rem;
}
.__editor PRE {
	font-size: inherit;
}
A {
	color: var(--color-link);
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted 1px;
	text-underline-offset: 0.25ex;
	text-decoration-color: color-mix(in srgb, currentColor 66%, transparent);
	-webkit-tap-highlight-color: transparent;
}
A:focus-visible {
	text-decoration-color: var(--color-font);
}
A:empty {
	font-size: 1px;
}
@media (hover: hover) {
	A {
		transition: color 0.2s linear, text-shadow 0.2s linear, filter 0.2s linear;
	}
	A:hover {
		color: var(--color-xink);
		text-shadow: 0 0 0.5px currentColor;
	}
}
/* flex */
.flex {
	display: flex;
}
.flex-col {
	display: flex;
	flex-direction: column;
}
.flex-col-rev {
	display: flex;
	flex-direction: column-reverse;
}
.flex-row-rev {
	display: flex;
	flex-direction: row-reverse;
}
.flex-wrap {
	display: flex;
	flex-wrap: wrap;
}
.flex-shrink {
	flex-grow: 0;
	flex-shrink: 1;
}
.flex-auto {
	flex: 1;
}
.flex-grow {
	flex-grow: 1;
	flex-shrink: 0;
}
.flex-nosh {
	flex-grow: 0;
	flex-shrink: 0;
}
.flex-order-first {
	order: -1;
}
.flex-start {
	display: flex;
	align-items: flex-start;
}
.flex-end {
	display: flex;
	align-items: flex-end;
}
.flex-cent {
	display: flex;
	align-items: center;
}
.flex-just {
	display: flex;
	justify-content: space-between;
}
.flex-jent {
	display: flex;
	justify-content: center;
}
.flex-jart {
	display: flex;
	justify-content: flex-start;
}
.flex-jend {
	display: flex;
	justify-content: flex-end;
}
.flex-jard {
	display: flex;
	justify-content: space-around;
}
.flex-cm {
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-ca {
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.flex-cj {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-sj {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.flex-inline {
	display: inline-flex;
}
.grid {
	display: grid;
}
.grid-cols-2 {
	display: grid;
	grid-template: auto / repeat(auto-fill, minmax(clamp(50% - var(--x-gap, 1em), 14rem, 100%), 1fr));
}
.grid-cols-3 {
	display: grid;
	grid-template: auto / repeat(auto-fill, minmax(clamp(33.33% - var(--x-gap, 1em), 14rem, 100%), 1fr));
}
.grid-cols-4 {
	display: grid;
	grid-template: auto / repeat(auto-fill, minmax(clamp(25% - var(--x-gap, 1em), 14rem, 100%), 1fr));
}
.grid-cols-5 {
	display: grid;
	grid-template: auto / repeat(auto-fill, minmax(clamp(20% - var(--x-gap, 1em), 14rem, 100%), 1fr));
}
.grid-cols-6 {
	display: grid;
	grid-template: auto / repeat(auto-fill, minmax(clamp(16.66% - var(--x-gap, 1em), 14rem, 100%), 1fr));
}
.grid-top {
	align-content: start;
}
[class*='grid-cols-'] IMG[class^='ar-'],
[class*='grid-cols-'] VIDEO[class^='ar-'] {
	width: 100%;
	height: 100%;
}
.mrg-ta {
	margin-top: auto;
}
.mrg-ba {
	margin-bottom: auto;
}
.mrg-la {
	margin-left: auto;
}
.mrg-ra {
	margin-right: auto;
}
.mrg-ha {
	margin-top: auto;
	margin-bottom: auto;
}
.mrg-wa {
	margin-left: auto;
	margin-right: auto;
}
.mrg-aa {
	margin: auto;
}
.mrg-xx {
	margin: 0;
}
.gap-1em {
	gap: 1em;
	--x-gap: 1em;
}
.gap-1ex {
	gap: 1ex;
	--x-gap: 1ex;
}
.gap-1emx {
	column-gap: 1em;
	--x-gap: 1em;
}
.gap-1exx {
	column-gap: 1ex;
	--x-gap: 1ex;
}
.gap-1var {
	--x-gap: calc(var(--adjustFont) * 1.4);
	gap: var(--x-gap);
}
.gap-15em {
	gap: 1.5em;
	--x-gap: 1.5em;
}
.gap-15ex {
	gap: 1.5ex;
	--x-gap: 1.5ex;
}
.gap-2em {
	gap: 2em;
	--x-gap: 2em;
}
.gap-66ex {
	gap: 0.66ex;
	--x-gap: 0.66ex;
}
.gap-1emy {
	row-gap: 1em;
}
.gap-1exy {
	row-gap: 1ex;
}
.inline-cols-2 {
	--cols: 2;
}
.inline-cols-3 {
	--cols: 3;
}
.inline-cols-4 {
	--cols: 4;
}
.inline-cols-5 {
	--cols: 5;
}
.inline-cols-6 {
	--cols: 6;
}
[class*='inline-cols-'] > * {
	flex: 1;
	max-width: calc((100% - var(--x-gap) * (var(--cols) - 1) - 1px) / var(--cols));
}
[class*='inline-cols-'] IMG[class^='ar-'],
[class*='inline-cols-'] VIDEO[class^='ar-'] {
	width: 100%;
	height: 100%;
}
.obhelper {
	position: absolute;
	top: 0;
	width: 1px;
	height: 1px;
	z-index: 200;
	transform: translateY(5rem);
}
H1:first-child,
H2:first-child,
H3:first-child,
H4:first-child,
H5:first-child,
H6:first-child,
P:first-child,
PRE:first-child {
	margin-top: 0;
}
H1:last-child,
H2:last-child,
H3:last-child,
H4:last-child,
H5:last-child,
H6:last-child,
P:last-child,
PRE:last-child {
	margin-bottom: 0;
}
H1,
H2 {
	letter-spacing: -0.05ex;
}
H1 A,
H2 A {
	display: inline-block;
	-webkit-text-decoration: none;
	text-decoration: none;
	color: currentColor;
}
H2,
H3 {
	font-weight: 500;
	text-transform: uppercase;
}
.cp-100 {
	transform: scale(calc(1 / 100));
}
.cp-24 {
	transform: scale(calc(1 / 24));
}
MENU {
	margin: 0;
	padding: 0;
	list-style: none;
}
MENU UL {
	margin: 0;
	padding: 0;
	list-style: none;
}
.small-text {
	font-size: 1rem;
}
.smidl-text {
	font-size: 1.2rem;
}
.midle-text {
	font-size: 1.4rem;
}
.var-64 {
	font-size: clamp(40px, calc(var(--adjustFont) * 4.5), 64px);
	letter-spacing: -0.04ex;
}
.var-21 {
	font-size: clamp(16px, calc(var(--adjustFont) * 1.5), 21px);
	letter-spacing: -0.03ex;
	line-height: 1.2;
}
.text-upper {
	text-transform: uppercase;
}
.text-center {
	text-align: center;
}
.text-mb {
	font-weight: 500;
}
.text-sb {
	font-weight: 600;
}
.text-flat {
	line-height: 1;
}
.nobr {
	white-space: nowrap;
}
.rund-ecke {
	border-radius: var(--brd-rad-main);
}
.stakkan {
	width: var(--stakkan-width);
	margin-left: auto;
	margin-right: auto;
}
MAIN {
	position: relative;
	padding-top: 1px;
	margin-top: -1px;
}
MAIN.is-loading:after,
MAIN.is-loading:before {
	content: '';
	inset: 0;
}
MAIN.is-loading:before {
	position: absolute;
	z-index: 100;
	background-color: rgba(255,255,255,0.5);
	-webkit-backdrop-filter: grayscale(0.5);
	backdrop-filter: grayscale(0.5);
	opacity: 0;
	animation: fadein 0.2s linear forwards;
}
MAIN.is-loading:after {
	position: fixed;
	width: 3em;
	height: 3em;
	margin: 33vh auto 0;
	background-color: var(--color-acnt);
	border-radius: 50%;
	transform: translateZ(0);
	-webkit-clip-path: url("#pixLod");
	clip-path: url("#pixLod");
	opacity: 0;
	z-index: 1001;
	animation: rotation 3s infinite, fadein 0.2s linear forwards;
	animation-delay: 0.1s;
}
/* main */
.varfont {
	font-size: var(--adjustFont);
}
.baton {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0 none;
	border-radius: 100vmax;
	min-height: var(--button-height);
	font-family: inherit;
	font-size: var(--button-text);
	font-weight: 600;
	padding: 1ex 2em;
	color: #fff;
	background-color: #ff7fd0;
	text-transform: uppercase;
	cursor: pointer;
}
A.baton {
	-webkit-text-decoration: none;
	text-decoration: none;
}
.mainhead,
.mainfoot {
	height: var(--header-height);
}
.mainhead .stakkan,
.mainfoot .stakkan {
	column-gap: 6.75rem;
	padding-right: 4.5em;
}
.mainhead DFN,
.mainfoot DFN {
	display: inline-block;
	text-transform: uppercase;
	font-size: 1.75em;
	font-weight: 500;
	font-style: normal;
	line-height: 1.1;
}
.mainhead .logo IMG,
.mainfoot .logo IMG {
	display: flex;
	width: auto;
	height: 6.5rem;
}
.mainhead B,
.mainfoot B {
	font-size: 1.5em;
	font-weight: 800;
}
.mainhead {
	z-index: 100;
}
.mainfoot {
	margin-top: 3em;
}
.mainsection {
	--v-shift: 4vh;
	position: relative;
	z-index: 1;
	border-bottom: 0.5rem solid #fff;
	height: calc(var(--stoVH) - var(--header-height) + var(--v-shift));
	min-height: 720px;
	margin-top: calc(var(--v-shift) / -1);
}
.mainsection .stakkan {
	position: relative;
}
.mainsection PICTURE {
	position: absolute;
	inset: 0;
	z-index: -1;
}
.mainsection PICTURE IMG {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: bottom;
}
.mainsection H1 {
	margin: 0;
	font-weight: normal;
	display: inline-flex;
	text-transform: uppercase;
	font-size: calc(var(--adjustFont) * 13);
	line-height: 0.9;
	position: absolute;
	top: 30%;
	left: 34%;
	transform: translate(-50%, -52%);
}
.mainsection H1 SPAN {
	color: var(--color-xink);
}
.gallerysection {
	padding: 0 0 calc(var(--adjustFont) * 6);
	margin-bottom: calc(var(--adjustFont) * 12);
	z-index: 10;
}
.gallerysection HEADER {
	margin-bottom: calc(var(--adjustFont) * 5);
}
.gallerysection H2 {
	width: fit-content;
}
.splide__track {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.splide__slide IMG {
	height: calc(var(--adjustFont) * 40);
	width: auto;
	-webkit-filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
	filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
}
.splide__arrows {
	position: absolute;
	inset: 0;
	margin: auto;
	width: calc(100% - 1em);
	height: 1px;
	z-index: 20;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.splide__arrow {
	height: 2em;
	aspect-ratio: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0 none;
	border-radius: 50%;
	cursor: pointer;
	scale: 1;
	padding: 0;
	background-color: transparent;
}
.splide__arrow svg {
	width: 100%;
	height: 100%;
	opacity: 0.5;
	fill: #fff;
	-webkit-filter: drop-shadow(0 0 2px rgba(0,0,0,0.3));
	filter: drop-shadow(0 0 2px rgba(0,0,0,0.3));
}
.splide__arrow--prev {
	transform: scaleX(-1);
}
.splide__pagination {
	position: absolute;
	left: 0;
	right: 0;
	bottom: calc(var(--adjustFont) * -6);
	padding: 0;
	margin: 0 auto;
	gap: 1.25em;
	width: fit-content;
}
.splide__pagination__page {
	height: 1em;
	padding: 0;
	aspect-ratio: 1;
	border: 0 none;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.splide__pagination__page:before {
	content: '\2022';
	font-size: 2.75em;
	line-height: 0.5;
	color: transparent;
	-webkit-text-stroke: 2px rgba(255,255,255,0.75);
	text-stroke: 2px rgba(255,255,255,0.75);
}
.splide__pagination__page.is-active:before {
	color: #fff;
	-webkit-text-stroke: 2px #fff;
	text-stroke: 2px #fff;
}
.addressection {
	position: relative;
	z-index: 1;
}
.addressection HEADER {
	margin-bottom: calc(var(--adjustFont) * 5);
}
.addressection H2 {
	max-width: fit-content;
}
.addressection H3 {
	font-size: 1.33em;
	margin-bottom: 1ex;
}
.addressection UL {
	padding-left: 2.5em;
	list-style: none;
	margin-bottom: 4em;
}
.addressection UL LI {
	position: relative;
	margin-top: 1em;
}
.addressection UL [class^='icon-'] {
	position: absolute;
	left: -2.5em;
	top: 0.33ex;
}
.addressection UL SPAN {
	font-size: 0.875em;
}
.addressection UL EM {
	font-style: normal;
	color: var(--color-link);
}
.addressection .cartoon-fl-l {
	width: calc(var(--adjustFont) * 14);
	bottom: 0;
	left: 90%;
	transform: translate(-44%, -77%) scaleX(-1) rotateZ(23deg);
}
.addressection .cartoon-bf-1 {
	width: calc(var(--adjustFont) * 26);
	bottom: 0;
	left: 90%;
	transform: translate(-69%, 44%) scaleX(-1);
}
.mapa {
	position: relative;
	overflow: hidden;
	border-radius: var(--brd-rad-main);
	width: 58%;
	aspect-ratio: 1.2;
	background-color: rgba(255,255,255,0.1);
}
.mapa > YMAPS {
	position: absolute;
	inset: 0;
}
.authorka {
	width: calc(var(--adjustFont) * 29.5);
	min-width: 240px;
	aspect-ratio: 14 / 15;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 456 480' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 408.28 236.58 C 463.36 215.83 464.55 155.82 429.04 107.64 C 400.22 68.53 360.11 44.42 324.22 64.08 C 321.19 21.49 277.39 0.19 227.65 1.02 C 172.01 0.1 123.82 26.83 131.79 80.1 C 89.44 50.64 44.22 80.05 19.02 128.45 C -7.88 176.16 -7.75 230.31 40.62 249.5 C -8.08 272.46 -3.97 329.05 29.53 374.5 C 56.29 413.47 96.25 436.47 131.45 419.56 C 136.64 459.72 179.35 479.78 227.67 478.98 C 280.06 479.85 325.85 456.17 324.36 408.93 C 365.27 435.88 409.57 407.66 435.19 360.93 C 464.54 311.36 464.15 254.01 408.28 236.58 Z'%3E%3C/path%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 456 480' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 408.28 236.58 C 463.36 215.83 464.55 155.82 429.04 107.64 C 400.22 68.53 360.11 44.42 324.22 64.08 C 321.19 21.49 277.39 0.19 227.65 1.02 C 172.01 0.1 123.82 26.83 131.79 80.1 C 89.44 50.64 44.22 80.05 19.02 128.45 C -7.88 176.16 -7.75 230.31 40.62 249.5 C -8.08 272.46 -3.97 329.05 29.53 374.5 C 56.29 413.47 96.25 436.47 131.45 419.56 C 136.64 459.72 179.35 479.78 227.67 478.98 C 280.06 479.85 325.85 456.17 324.36 408.93 C 365.27 435.88 409.57 407.66 435.19 360.93 C 464.54 311.36 464.15 254.01 408.28 236.58 Z'%3E%3C/path%3E%3C/svg%3E");
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	transform: translateX(15%);
	margin-right: 5%;
}
.authorka IMG {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.textsection {
	position: relative;
	z-index: 1;
}
.textsection .stakkan {
	position: relative;
}
.textsection P {
	margin-top: 0;
	margin-bottom: 0;
}
.textsection EM {
	font-style: normal;
}
.textsection-1 {
	padding-top: calc(var(--adjustFont) * 9);
	padding-bottom: calc(var(--adjustFont) * 12);
}
.textsection-1 .stakkan:first-of-type {
	margin-bottom: calc(var(--adjustFont) * 4.2);
}
.textsection-1 .stakkan:first-of-type .cartoon-bf-1 {
	width: calc(var(--adjustFont) * 22.5);
	top: 25%;
	right: 44%;
	transform: translate(-167%, 107%);
}
.textsection-1 .stakkan:last-of-type .cartoon-fl-r {
	width: calc(var(--adjustFont) * 14);
	bottom: 0;
	left: 44%;
	transform: translate(297%, 21%) rotateZ(7.6deg);
}
.textsection-1 .textblock-1 {
	padding-top: calc(var(--adjustFont) * 6.4);
}
.textsection-1 .textblock-1 .var-64 {
	padding: 0.5ex 0 0.3ex;
	max-width: 17ch;
}
.textsection-1 .textblock-1 .text-short {
	max-width: 29ch;
	margin-left: calc(var(--adjustFont) * 20);
}
.textsection-1 .textblock-2:before {
	content: '';
	width: 24%;
}
.textsection-1 .textblock-2 .var-21 {
	margin: 0;
}
.textsection-1 .textblock-2 .var-64:first-of-type {
	padding-bottom: 0.4ex;
	margin-right: -0.2ex;
}
.textsection-1 .textblock-2 .var-64:first-of-type ~ SPAN {
	display: inline-block;
	max-width: 47ch;
}
.textsection-1 .textblock-2 .var-64:first-of-type ~ .var-64 {
	color: var(--color-xink);
	padding-top: 0.2ex;
	padding-left: 3.3ch;
	text-indent: -3.3ch;
}
.textsection-1 .cartoon-yf-1 {
	width: calc(var(--adjustFont) * 18);
	top: calc(var(--adjustFont) * 7.3);
	right: 75%;
	transform: translateX(-113%) rotateZ(37.6deg);
}
.textsection-1 .cartoon-rf-1 {
	width: calc(var(--adjustFont) * 15.4);
	bottom: calc(var(--adjustFont) * 6);
	right: 77%;
	transform: translateX(-133%) rotateZ(-29.8deg);
}
.textsection-2 {
	padding-top: calc(var(--adjustFont) * 11.6);
	padding-bottom: calc(var(--adjustFont) * 12);
}
.textsection-2 .textblock-1 {
	margin-bottom: calc(var(--adjustFont) * 7.2);
}
.textsection-2 .textblock-1:before {
	content: '';
	width: 38%;
}
.textsection-2 .textblock-1 .var-21 {
	max-width: 48ch;
}
.textsection-2 .textblock-1 SPAN:first-of-type {
	max-width: 42ch;
}
.textsection-2 .textblock-1 .gap-1em > .var-64 {
	padding-top: 0.5ex;
	color: var(--color-xink);
}
.textsection-2 .textblock-1 .gap-1em > .var-64 + SPAN {
	max-width: 28ch;
}
.textsection-2 .textblock-1 .gap-1em + .var-64 {
	padding-top: calc(var(--adjustFont) * 6.2);
	padding-bottom: 0.875ex;
}
.textsection-2 .textblock-1 .text-short {
	display: block;
	max-width: 30ch;
	margin-left: auto;
	margin-right: -1ch;
}
.textsection-2 .textblock-1 .cartoon-fl-r {
	width: calc(var(--adjustFont) * 13.5);
	top: -1%;
	left: 36%;
	transform: translateX(-120%) rotateZ(-1.6deg);
}
.textsection-2 .textblock-1 .cartoon-rf-1 {
	width: calc(var(--adjustFont) * 17.25);
	bottom: 6%;
	left: 26%;
	transform: translateX(-120%) rotateZ(21.6deg);
}
.textsection-2 .textblock-2 {
	margin-bottom: calc(var(--adjustFont) * 4.2);
}
.textsection-2 .textblock-2:after {
	content: '';
	width: 54%;
}
.textsection-2 .textblock-2 .var-21 {
	max-width: 41ch;
}
.textsection-2 .textblock-3 {
	margin-bottom: calc(var(--adjustFont) * 12);
	position: relative;
}
.textsection-2 .textblock-3 .flex {
	max-width: 19.5ch;
	margin: 0 auto calc(var(--adjustFont) * 4.5);
}
.textsection-2 .textblock-3 .flex-jent:before {
	content: '';
	width: 47%;
}
.textsection-2 .textblock-3 .flex-jent > SPAN {
	max-width: 41ch;
}
.textsection-2 .textblock-3 .flex-jent .var-64 {
	display: inline-block;
	padding-top: calc(var(--adjustFont) * 3);
}
.textsection-2 .textblock-3 EM {
	color: var(--color-link);
}
.textsection-2 .textblock-3 .cartoon-fl-l {
	width: calc(var(--adjustFont) * 15);
	top: 4%;
	left: 10%;
	transform: translateX(-69%) rotateZ(-10deg);
}
.textsection-2 .textblock-3 .cartoon-rf-2 {
	width: calc(var(--adjustFont) * 35);
	bottom: -6%;
	left: 1%;
	transform: rotateZ(12deg);
}
.textsection-2 .textblock-4 .var-21 {
	max-width: 76ch;
}
.textsection-2 .textblock-4 EM {
	color: var(--color-xink);
}
.textsection-2 .cartoon-bf-2 {
	width: calc(var(--adjustFont) * 23);
	top: calc(var(--adjustFont) * 4);
	right: 75%;
	transform: translateX(-60%) scaleX(-1) rotateZ(-12deg);
}
.textsection-2 .cartoon-wf-1 {
	width: calc(var(--adjustFont) * 48);
	top: 0;
	right: 0;
	transform: translate(47%, -37%);
}
.textsection-2 .cartoon-yf-2 {
	width: calc(var(--adjustFont) * 29);
	top: 47%;
	left: 69%;
	transform: translate(64%, -50%) rotateZ(5deg);
}
.actionsection .stakkan {
	position: relative;
	padding: 4em 0;
	background-color: rgba(255,255,255,0.5);
	z-index: 1;
	margin-bottom: calc(var(--adjustFont) * 6);
}
.actionsection .stakkan > SPAN:first-of-type {
	color: #28b0d9;
	transform: translateX(-44%);
	padding-left: 1ch;
	text-indent: -1ch;
}
.actionsection .stakkan > SPAN:last-of-type {
	color: #ff7fd0;
	text-align: right;
	transform: translateX(-18%);
}
.actionsection .cartoon-btl {
	width: calc(var(--adjustFont) * 20);
	top: 50%;
	left: 33%;
	transform: translate(-164%, -50%) rotateZ(-25deg);
}
.actionsection .cartoon-bag {
	width: calc(var(--adjustFont) * 36);
	top: 50%;
	right: 33%;
	transform: translate(96%, -50%) rotateZ(15deg);
}
.cartoon {
	position: absolute;
	z-index: -1;
	background-repeat: no-repeat;
	background-size: cover;
}
.cartoon-yf-1 {
	background-image: url("../img/flower-yellow-1.webp");
	aspect-ratio: 480 / 392;
}
.cartoon-yf-2 {
	background-image: url("../img/flower-yellow-2.webp");
	aspect-ratio: 640 / 592;
}
.cartoon-bf-1 {
	background-image: url("../img/flower-blue-1.webp");
	aspect-ratio: 512 / 408;
}
.cartoon-bf-2 {
	background-image: url("../img/flower-blue-2.webp");
	aspect-ratio: 512 / 408;
}
.cartoon-rf-1 {
	background-image: url("../img/flower-rose-1.webp");
	aspect-ratio: 480 / 392;
}
.cartoon-rf-2 {
	background-image: url("../img/flower-rose-2.webp");
	aspect-ratio: 640 / 326;
}
.cartoon-fl-l {
	background-image: url("../img/fly-l.webp");
	aspect-ratio: 320 / 280;
}
.cartoon-fl-r {
	background-image: url("../img/fly-r.webp");
	aspect-ratio: 320 / 336;
}
.cartoon-wf-1 {
	background-image: url("../img/flower.svg");
	aspect-ratio: 1;
}
.cartoon-btl {
	background-image: url("../img/bottle.webp");
	aspect-ratio: 612 / 1280;
}
.cartoon-bag {
	background-image: url("../img/bag.webp");
	aspect-ratio: 948 / 1194;
}
@media (hover: hover) {
	.baton {
		transition: color 0.2s ease, background-color 0.2s ease;
	}
	.baton:hover {
		color: #111;
		background-color: var(--color-link);
	}
}
@media (max-width: 920px) {
	.mainhead .stakkan,
	.mainfoot .stakkan {
		column-gap: 1em;
		padding: 0;
	}
	.mainhead .logo IMG,
	.mainfoot .logo IMG {
		height: calc(var(--header-height) - 2em);
	}
	.mainhead DFN,
	.mainfoot DFN {
		font-size: 1.25em;
	}
	.mainhead B,
	.mainfoot B {
		font-size: 1em;
	}
	.mainsection {
		min-height: 0;
	}
	.mainsection H1 {
		top: 30%;
		left: 50%;
		transform: translate(-50%, -52%);
	}
	.addressection .flex-start {
		flex-direction: column-reverse;
		row-gap: 2em;
	}
	.addressection .mapa {
		width: 100%;
	}
	.addressection UL {
		margin-bottom: 2em;
	}
	.authorka {
		width: 116%;
		max-width: 400px;
		transform: translateX(8%);
		margin-right: 0;
	}
	.textsection-1 {
		padding-top: 0;
		padding-bottom: calc(var(--adjustFont) * 6);
	}
	.textsection-1 .stakkan:first-of-type {
		flex-wrap: wrap;
	}
	.textsection-1 .textblock-1 {
		padding-top: calc(var(--adjustFont) * 6);
	}
	.textsection-1 .textblock-1 .text-short {
		max-width: none;
		margin-left: 0;
	}
	.textsection-1 .textblock-2:before {
		content: none;
	}
	.textsection-1 .textblock-2 .var-64:first-of-type ~ .var-64 {
		padding-left: 0;
		padding-top: 0.4ex;
		text-indent: 0;
		max-width: none;
		width: 100%;
		text-align: right;
	}
	.textsection-1 .cartoon {
		display: none;
	}
	.actionsection .stakkan {
		padding: 1.2rem 1.2rem 10em;
		margin-bottom: 4em;
		gap: 1rem;
		align-items: stretch;
	}
	.actionsection .stakkan > SPAN:first-of-type {
		transform: none;
		padding-left: 0;
		text-indent: 0;
	}
	.actionsection .stakkan > SPAN:last-of-type {
		color: #ff7fd0;
		text-align: right;
		transform: none;
		align-self: flex-end;
	}
	.actionsection .cartoon-btl {
		width: calc(var(--adjustFont) * 18);
		top: 50%;
		left: 50%;
		transform: translate(-180%, -20%) rotateZ(33deg);
	}
	.actionsection .cartoon-bag {
		width: calc(var(--adjustFont) * 36);
		top: 50%;
		right: 50%;
		transform: translate(66%, -10%) rotateZ(-25deg);
	}
	.actionsection .baton {
		position: relative;
		z-index: 10;
	}
}
/* modal */
.spinner {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: var(--color-font);
	z-index: 1049;
	opacity: 0;
	display: none;
}
.spinner svg {
	position: absolute;
	inset: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	transform-origin: center center;
}
.spinner circle {
	fill: none;
	stroke-width: 2.75;
	stroke-miterlimit: 10;
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	stroke-linecap: round;
	stroke: currentColor;
}
.is-loading .spinner {
	display: block;
	width: 50px;
	height: 50px;
	animation: fadein 0.5s ease-out forwards;
}
.is-loading .spinner svg {
	animation: fancybox-rotate 2s linear infinite;
}
.is-loading .spinner circle {
	animation: fancybox-dash 1.5s ease-in-out infinite;
}
/* icon */
.icon,
[class^='icon-'] {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 1.33em;
	height: 1.33em;
	flex-shrink: 0;
	transition: color 0.1s linear, filter 0.2s linear;
}
.icon:before,
[class^='icon-']:before {
	content: '';
	position: absolute;
	inset: 0;
	background-color: currentColor;
	transform: translateZ(0);
	-webkit-clip-path: var(--ipath);
	clip-path: var(--ipath);
}
.icon-tel {
	-webkit-clip-path: url("#pixTel");
	clip-path: url("#pixTel");
}
.icon-pnt {
	-webkit-clip-path: url("#pixPnt");
	clip-path: url("#pixPnt");
}
.icon-env {
	-webkit-clip-path: url("#pixEnv");
	clip-path: url("#pixEnv");
}
.icon-put {
	width: 1.67em;
	height: 1.67em;
	-webkit-clip-path: url("#pixPut");
	clip-path: url("#pixPut");
}
A:has([class^='icon-']) {
	-webkit-text-decoration: none;
	text-decoration: none;
}
A:has([class^='icon-']):not(.selected) SPAN {
	-webkit-text-decoration: underline;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted 1px;
	text-underline-offset: 0.5ex;
	text-decoration-color: color-mix(in srgb, currentColor 66%, transparent);
}
@media (min-width: 921px) {
	.only-tel {
		display: none;
	}
	.menu-opened BODY:before {
		background-color: rgba(255,255,255,0.75);
		-webkit-backdrop-filter: blur(0.5rem) grayscale(0.5);
		backdrop-filter: blur(0.5rem) grayscale(0.5);
	}
}
@media (max-width: 920px) {
	:root {
		--rootFontSize: 10px;
		--x-pad: 1.2rem;
		--hpad: 1.2rem;
		--vpad: 1.4rem;
		--control-height: 3.2rem;
		--header-height: 10vmax;
		--big-width: 52rem;
	}
	.only-dsk {
		display: none;
	}
}
@keyframes rotation {
	to {
		transform: translateZ(0) rotate(1turn);
	}
}