@charset "utf-8"; /*!
/*! Yaku Han JP v4.1.1 (OFL-1.1 AND MIT) by Qrac | Type: YakuHanJP - Based on Noto Sans JP */
@font-face {
  font-display: swap;
  font-family: YakuHanJP;
  font-style: normal;
  font-weight: 100;
  src: url(./assets/fonts/YakuHanJP/YakuHanJP-Thin.woff2) format("woff2");
  unicode-range: u+3001,u+3002,u+3008,u+3009,u+300a,u+300b,u+300c,u+300d,u+300e,u+300f,u+3010,u+3011,u+3014,u+3015,u+30fb,u+ff01,u+ff08,u+ff09,u+ff1a,u+ff1b,u+ff1f,u+ff3b,u+ff3d,u+ff5b,u+ff5d
}

@font-face {
  font-display: swap;
  font-family: YakuHanJP;
  font-style: normal;
  font-weight: 200;
  src: url(./assets/fonts/YakuHanJP/YakuHanJP-ExtraLight.woff2) format("woff2");
  unicode-range: u+3001,u+3002,u+3008,u+3009,u+300a,u+300b,u+300c,u+300d,u+300e,u+300f,u+3010,u+3011,u+3014,u+3015,u+30fb,u+ff01,u+ff08,u+ff09,u+ff1a,u+ff1b,u+ff1f,u+ff3b,u+ff3d,u+ff5b,u+ff5d
}

@font-face {
  font-display: swap;
  font-family: YakuHanJP;
  font-style: normal;
  font-weight: 300;
  src: url(./assets/fonts/YakuHanJP/YakuHanJP-Light.woff2) format("woff2");
  unicode-range: u+3001,u+3002,u+3008,u+3009,u+300a,u+300b,u+300c,u+300d,u+300e,u+300f,u+3010,u+3011,u+3014,u+3015,u+30fb,u+ff01,u+ff08,u+ff09,u+ff1a,u+ff1b,u+ff1f,u+ff3b,u+ff3d,u+ff5b,u+ff5d
}

@font-face {
  font-display: swap;
  font-family: YakuHanJP;
  font-style: normal;
  font-weight: 400;
  src: url(./assets/fonts/YakuHanJP/YakuHanJP-Regular.woff2) format("woff2");
  unicode-range: u+3001,u+3002,u+3008,u+3009,u+300a,u+300b,u+300c,u+300d,u+300e,u+300f,u+3010,u+3011,u+3014,u+3015,u+30fb,u+ff01,u+ff08,u+ff09,u+ff1a,u+ff1b,u+ff1f,u+ff3b,u+ff3d,u+ff5b,u+ff5d
}

@font-face {
  font-display: swap;
  font-family: YakuHanJP;
  font-style: normal;
  font-weight: 500;
  src: url(./assets/fonts/YakuHanJP/YakuHanJP-Medium.woff2) format("woff2");
  unicode-range: u+3001,u+3002,u+3008,u+3009,u+300a,u+300b,u+300c,u+300d,u+300e,u+300f,u+3010,u+3011,u+3014,u+3015,u+30fb,u+ff01,u+ff08,u+ff09,u+ff1a,u+ff1b,u+ff1f,u+ff3b,u+ff3d,u+ff5b,u+ff5d
}

@font-face {
  font-display: swap;
  font-family: YakuHanJP;
  font-style: normal;
  font-weight: 600;
  src: url(./assets/fonts/YakuHanJP/YakuHanJP-SemiBold.woff2) format("woff2");
  unicode-range: u+3001,u+3002,u+3008,u+3009,u+300a,u+300b,u+300c,u+300d,u+300e,u+300f,u+3010,u+3011,u+3014,u+3015,u+30fb,u+ff01,u+ff08,u+ff09,u+ff1a,u+ff1b,u+ff1f,u+ff3b,u+ff3d,u+ff5b,u+ff5d
}

@font-face {
  font-display: swap;
  font-family: YakuHanJP;
  font-style: normal;
  font-weight: 700;
  src: url(./assets/fonts/YakuHanJP/YakuHanJP-Bold.woff2) format("woff2");
  unicode-range: u+3001,u+3002,u+3008,u+3009,u+300a,u+300b,u+300c,u+300d,u+300e,u+300f,u+3010,u+3011,u+3014,u+3015,u+30fb,u+ff01,u+ff08,u+ff09,u+ff1a,u+ff1b,u+ff1f,u+ff3b,u+ff3d,u+ff5b,u+ff5d
}

@font-face {
  font-display: swap;
  font-family: YakuHanJP;
  font-style: normal;
  font-weight: 800;
  src: url(./assets/fonts/YakuHanJP/YakuHanJP-ExtraBold.woff2) format("woff2");
  unicode-range: u+3001,u+3002,u+3008,u+3009,u+300a,u+300b,u+300c,u+300d,u+300e,u+300f,u+3010,u+3011,u+3014,u+3015,u+30fb,u+ff01,u+ff08,u+ff09,u+ff1a,u+ff1b,u+ff1f,u+ff3b,u+ff3d,u+ff5b,u+ff5d
}

@font-face {
  font-display: swap;
  font-family: YakuHanJP;
  font-style: normal;
  font-weight: 900;
  src: url(./assets/fonts/YakuHanJP/YakuHanJP-Black.woff2) format("woff2");
  unicode-range: u+3001,u+3002,u+3008,u+3009,u+300a,u+300b,u+300c,u+300d,u+300e,u+300f,u+3010,u+3011,u+3014,u+3015,u+30fb,u+ff01,u+ff08,u+ff09,u+ff1a,u+ff1b,u+ff1f,u+ff3b,u+ff3d,u+ff5b,u+ff5d
}

*,:after,:before {
  box-sizing: border-box;
  margin: 0;
  padding: 0
}

:where([hidden]:not([hidden=until-found])) {
  display: none!important
}

:where(html) {
  -webkit-text-size-adjust: none;
  color-scheme: dark light;
  scrollbar-gutter: stable;
	scroll-behavior: smooth;
  tab-size: 2
}

:where(html:has(dialog:modal[open])) {
  overflow: clip
}

@media (prefers-reduced-motion:no-preference) {
  :where(html:focus-within) {
    scroll-behavior: smooth
  }
}

:where(body) {
  font-family: system-ui,sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased
}

:where(button) {
  all: unset
}

:where(input,button,textarea,select) {
  color: inherit;
  font: 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(a) {
  color: inherit;
  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,video) {
  block-size: auto;
  max-inline-size: 100%
}

:where(p,h1,h2,h3,h4,h5,h6) {
  overflow-wrap: break-word
}

:where(h1,h2,h3) {
  line-height: calc(1em + .5rem);
  text-wrap: balance
}

:where(hr) {
  block-size: 0;
  border: none;
  border-block-start:1px solid;color: inherit;
  overflow: visible
}

:where(dialog) {
  background: none;
  border: none;
  inset: unset;
  max-height: unset;
  max-width: unset
}

:where(dialog:not([open],[popover])) {
  display: none!important
}

:where([popover]) {
  background: none;
  border: none;
  color: inherit;
  inset: unset
}

:where([popover]:not(:popover-open)) {
  display: none!important
}

:where(:focus-visible) {
  box-shadow: 0 0 0 5px Canvas;
  outline: 3px solid CanvasText;
  outline-offset: 1px
}

:where(:focus-visible,:target) {
  scroll-margin-block: 8vh
}

:where(.visually-hidden:not(:focus-within,:active)) {
  border: 0!important;
  clip-path: inset(50%)!important;
  height: 1px!important;
  overflow: hidden!important;
  position: absolute!important;
  -webkit-user-select: none!important;
  user-select: none!important;
  white-space: nowrap!important;
  width: 1px!important
}

:root {
  --font-family: YakuHanJP,"Zen Kaku Gothic New",sans-serif;
  --font-family-noyakuhan: "Zen Kaku Gothic New",sans-serif;
  --main-bg: #fff;
  --main-color: #252525;
  --section-width: 1252;
  --clamp-breakpoint: 750;
  --tap-highlight-color: #fff3;
  --selection-color: #39f6;
  --gray-color: #9f9f9f;
  --gray-color02: #464646;
  --gold-color: #c1a05f;
  --black-bg: #1f1f1f;
  --grad-ratio: #f7797d 0%,#fbd786 48.96%,#b0f0c8 100%;
  --grad-ratio02: #aef0c9 0.47%,#fbd786 50.23%,#f7797d 100%;
  --grad-hover-ratio: #f7797d 22.4%,#fbd786 100%;
  --grad-color: linear-gradient(265deg,var(--grad-ratio));
  --grad-hover-color: linear-gradient(265deg,var(--grad-hover-ratio));
  --hover-color: var(--gold-color);
  --ease-out-quad: cubic-bezier(0.250,0.460,0.450,0.940);
  --ease-out-cubic: cubic-bezier(0.215,0.610,0.355,1.000);
  --ease-out-quart: cubic-bezier(0.165,0.840,0.440,1.000);
  --ease-out-quint: cubic-bezier(0.230,1.000,0.320,1.000);
  --ease-out-sine: cubic-bezier(0.390,0.575,0.565,1.000);
  --ease-out-expo: cubic-bezier(0.190,1.000,0.220,1.000);
  --ease-out-circ: cubic-bezier(0.075,0.820,0.165,1.000);
  --ease-out-back: cubic-bezier(0.175,0.885,0.320,1.275);
  --ease-inout-quad: cubic-bezier(0.455,0.030,0.515,0.955);
  --ease-inout-cubic: cubic-bezier(0.645,0.045,0.355,1.000);
  --ease-inout-quart: cubic-bezier(0.770,0.000,0.175,1.000);
  --ease-inout-quint: cubic-bezier(0.860,0.000,0.070,1.000);
  --ease-inout-sine: cubic-bezier(0.445,0.050,0.550,0.950);
  --ease-inout-expo: cubic-bezier(1.000,0.000,0.000,1.000);
  --ease-inout-circ: cubic-bezier(0.785,0.135,0.150,0.860);
  --ease-inout-back: cubic-bezier(0.680,-0.550,0.265,1.550);
  --transition: .3s var(--ease-out-quad)
}

:where(html) {
  background: var(--main-bg);
  color: var(--main-color);
  font-size: clamp(90%,1.28vw,100%);
  overflow-wrap: anywhere;
  overscroll-behavior: none;
  word-break: normal;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-break: strict;
  scroll-behavior: auto
}

@media (max-width: 1024px) {
  :where(html) {
    font-size:100%
  }
}

:where(body) {
  font-family: var(--font-family);
  font-feature-settings: "palt";
  font-weight: 700;
  line-height: 1;
  text-align: center
}

:where(body,div,section,header,footer,nav,article,aside,main,dl,ul,p,a,:after,:before) {
  backface-visibility: hidden
}

:where(a) {
  background-color: initial;
  border: 0;
  color: currentColor;
  text-decoration: none;
  text-underline-offset: .8ex
}

:where(a):active,:where(a):hover {
  outline: 0
}

:where(table) {
  border-collapse: collapse;
  border-spacing: 0
}

:where(img) {
  border: 0;
  height: auto;
  line-height: 0px;
  vertical-align: bottom;
  width: 100%
}

:where(svg) {
  max-width: 100%;
  overflow: inherit;
  fill: currentColor
}

:where(img[src$=".svg"]) {
  max-width: 100%
}

:where(h1,h2,h3,h4,h5,h6) {
  font-size: 100%;
  font-weight: inherit;
  line-height: 1;
  text-wrap: wrap
}

:where(em,strong) {
  font-style: normal;
  font-weight: inherit
}

:where(small) {
  font-size: inherit
}

:where(address) {
  font-style: normal
}

:where(button,input,select,textarea) {
  background-color: initial;
  border-radius: 0;
  border-style: none;
  font: inherit
}

:where(button) {
  touch-action: manipulation
}

:where(a,input[type=button],input[type=submit]) {
  -webkit-tap-highlight-color: var(--tap-highlight-color)
}

:focus:not(:focus-visible) {
  outline: 0
}

::selection {
  background-color: var(--selection-color)
}

@media (prefers-reduced-motion:reduce) {
  *,::backdrop,:after,:before {
    animation-delay: 0s!important;
    animation-duration: 1ms!important;
    animation-iteration-count: 1!important;
    background-attachment: scroll!important;
    scroll-behavior: auto!important;
    transition-delay: 0s!important;
    transition-duration: 1ms!important
  }
}
.sushi-miyako-header {
	color: #fff;
	height: 10.625em;
	left: 0;
	mix-blend-mode: difference;
	pointer-events: none;
	position: fixed;
	top: 0;
	/* visibility: hidden; */
	visibility: inherit;
	width: calc(var(--vw)* 100);
	z-index: 98;
}
@media screen and (max-width: 1024px) {
	.sushi-miyako-header {
		/* bottom: 0; */
    color: var(--main-color);
    height: auto;
    mix-blend-mode: unset;
    /* top: auto;
    z-index: 100; */
	}
}
.sushi-miyako-header__inner {
	--section-width: 1372;
  align-items: flex-start;
  display: flex;
  height: 100%;
  justify-content: space-between;
  margin: 0 auto;
  max-width: clamp(calc(var(--section-width)* 1em / 16), calc(var(--section-width) / 1512* 100vw), calc(var(--section-width)* 1.1em / 16));
  padding-top: 4.375em;
  width: 92%;
}
@media screen and (max-width: 1024px) {
	.sushi-miyako-header__inner {
		align-items: center;
    /* background-color: var(--black-bg);
    border: 1px solid var(--gray-color02);
    border-radius: .625em;
    box-shadow: 0 20px 30px 0 #0000004d;
    color: #fff;
    height: 3.75em;
    margin: 0 auto 2.66667%;
    max-width: 23.3125em;
    padding: 0 5.08906% 0 0;
    width: 94.91094%; */
		color: #fff;
    height: 8.75em;
    margin: 16.66667vh auto 0;
		width: 1.6em;
	}
}

.sushi-miyako-header__logo {
	pointer-events: auto;
  position: relative;
  z-index: 98;
	width: 1.75em;
}
@media screen and (max-width: 1024px) {
	.sushi-miyako-header__logo {
		--opacity: 1;
		display: block;
		width: 1.6em;
		opacity: var(--opacity);
	}
}
.sushi-miyako-hero {
	--wrap-pt: 60;
	--txt-pb: 76;
	height: 100vh;
	overflow-x: clip;
	padding-top: calc(var(--wrap-pt)* 1em / 16);
	position: relative;
}
@media screen and (max-width: 1024px) {
	.sushi-miyako-hero {
		--wrap-pt: clamp(2.5em, 9.76563vw, 6.25em);
		padding-top: var(--wrap-pt);
	}
}
.sushi-miyako-hero__body {
	align-items: flex-end;
	display: flex;
	height: calc(100vh - var(--wrap-pt)* 1em / 16);
	left: 0;
	padding-bottom: calc(var(--txt-pb)* 1em / 16);
	position: fixed;
	top: calc(var(--wrap-pt)* 1em / 16);
	width: 100%;
}
@media screen and (max-width: 1024px) {
	.sushi-miyako-hero__body {
		opacity: 0;
		visibility: hidden;
	}
}
.sushi-miyako-hero__catch {
	--section-width: 1372;
	margin-inline: auto;
	max-width: clamp(calc(var(--section-width)* 1em / 16), calc(var(--section-width) / 1512* 100vw), calc(var(--section-width)* 1.1em / 16));
	text-align: left;
	width: 92%;
}
@media screen and (max-width: 880px) {
	.sushi-miyako-hero__catch {
		width: 84.73282%;
	}
}
.sushi-miyako-hero__catch-copy {
	--blur: 0;
	filter: blur(calc(var(--blur)* 30px));
	width: 64.13994%;
	will-change: filter;
}
.sushi-miyako-hero__bg {
	--circle-w: 1200;
	--circle-mr: -130;
	left: 0;
	position: fixed;
	top: calc(var(--wrap-pt)* 1em / 16);
	width: 100%;
}
@media screen and (max-width: 1280px) {
	.sushi-miyako-hero__bg {
		--circle-w: 1320;
		--circle-mr: -195;
	}
}
@media screen and (max-width: 1150px) {
	.sushi-miyako-hero__bg {
		--circle-w: 1536;
		--circle-mr: -390;
	}
}
@media screen and (max-width: 1024px) {
	.sushi-miyako-hero__bg {
		left: 50%;
		margin-left: calc((100svh - var(--wrap-pt)) / 2* -1);
		top: calc(var(--wrap-pt)* .5);
		width: calc(100svh - var(--wrap-pt));
	}
}
.sushi-miyako-hero__bg-inner {
	--section-width: 1372;
	margin-inline: auto;
  max-width: clamp(calc(var(--section-width)* 1em / 16), calc(var(--section-width) / 1512* 100vw), calc(var(--section-width)* 1.1em / 16));
  text-align: left;
  width: 92%;
	display: flex;
  justify-content: flex-end;
  position: relative;
}
@media screen and (max-width: 1024px) {
	.sushi-miyako-hero__bg-inner {
		justify-content: center;
		max-width: 100%;
		width: 100%;
	}
}
@media screen and (max-width: 880px) {
	.sushi-miyako-hero__bg-inner {
		width: 100%;
	}
}
.sushi-miyako-hero__bg-body {
	--circle-scale: 50;
  aspect-ratio: 1317.57 / 1310.1;
  clip-path: circle(calc(var(--circle-scale)* 1%) at 50% 50%);
  margin-right: calc(var(--circle-mr) / 1372* 100%);
  width: calc(var(--circle-w) / 1372* 100%);
}
@media screen and (max-width: 1024px) {
	.sushi-miyako-hero__bg-body {
		aspect-ratio: 1 / 1;
		margin-right: 0;
		width: 100%;
	}
}
.sushi-miyako-hero__bg-catch {
	align-items: flex-end;
	display: flex;
	height: calc(100vh - var(--wrap-pt)* 1em / 16);
	left: 0;
	padding-bottom: calc(var(--txt-pb)* 1em / 16);
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
@media screen and (max-width: 1024px) {
	.sushi-miyako-hero__bg-catch {
		align-items: center;
		height: 100%;
		justify-content: center;
		padding-bottom: 0;
	}
}
.sushi-miyako-hero__bg-catch-copy {
	--blur: 0;
	filter: blur(calc(var(--blur)* 30px));
	width: 64.13994%;
	will-change: filter;
}
.sushi-miyako-hero__bg-catch-copy {
	fill: #fff;
}
@media screen and (max-width: 1024px) {
	.sushi-miyako-hero__bg-catch-copy {
		max-width: 102.5641vw;
	}
}
@media screen and (max-width: 640px) {
	.sushi-miyako-hero__bg-catch-copy {
		width: 72.72727%;
	}
}
.sushi-miyako-hero__bg-img {
	display: flex;
	flex-shrink: 0;
	height: 100vh;
	justify-content: space-between;
	left: 50%;
	margin-left: -54.72884vw;
	position: fixed;
	top: 0;
	transform: rotate(5deg);
	width: 109.45767vw;
	z-index: 0;
}
@media screen and (max-width: 1024px) {
	.sushi-miyako-hero__bg-img {
		font-size: .9em;
		margin-left: -51.71875em;
		width: 103.4375em;
	}
}
@media screen and (max-width: 768px) {
	.sushi-miyako-hero__bg-img {
		font-size: .8em;
	}
}
.sushi-miyako-hero__bg-img:after,
.sushi-miyako-hero__bg-img:before {
	content: "";
	display: block;
	inset: 0;
	position: absolute;
	transform: rotate(-5deg);
}
.sushi-miyako-hero__bg-img:before {
	background: url(../images/top/hero-slider-bg.png) 0 0 repeat;
	z-index: 2;
}
.sushi-miyako-hero__bg-img:after {
	background-color: var(--main-color);
	z-index: 0;
}
.sushi-miyako-hero__bg-img .slider {
	position: relative;
	width: 12.6284%;
	z-index: 1;
}
.sushi-miyako-hero__bg-img .slider .list {
	--itemh: 313.5;
	--itemgap: 32;
	height: calc((var(--itemh) + var(--itemgap))* 5 / 1512* 100vw);
	will-change: transform;
}
@media screen and (max-width: 1024px) {
	.sushi-miyako-hero__bg-img .slider .list {
		height: calc((var(--itemh) + var(--itemgap))* 5em / 16);
	}
}
.sushi-miyako-hero__bg-img .slider .list .item {
	height: calc((var(--itemh) + var(--itemgap))* 1 / 1512* 100vw);
}
@media screen and (max-width: 1024px) {
	.sushi-miyako-hero__bg-img .slider .list .item {
    height: calc((var(--itemh) + var(--itemgap))* 1em / 16);
  }
}
.sushi-miyako-hero__bg-img .slider .list .item figure {
	border-radius: 1.25em;
	height: calc(var(--itemh)* 1 / 1512* 100vw);
	overflow: hidden;
	position: relative;
	top: calc(var(--itemgap)* 1 / 1512* 100vw);
}
@media screen and (max-width: 1024px) {
  .sushi-miyako-hero__bg-img .slider .list .item figure {
    height: calc(var(--itemh)* 1em / 16);
    top: calc(var(--itemgap)* 1em / 16);
  }
}
.sushi-miyako-hero__bg-img .slider .list .item figure img {
  height: 100%;
  object-fit: cover;
}
.sushi-miyako-hero__bg-img .sushi-miyako-hero__bg-img__bg {
  --opacity: 0;
  background-color: #000;
  inset: 0;
  opacity: var(--opacity);
  position: absolute;
  transform: rotate(-5deg);
  z-index: 1;
}
.sushi-miyako-teaser {
	--pt: 1355;
	--pb: 331;
	--pl: 172;
	--pl: 180;
	padding-top: calc(var(--pt)* 1em / 16);
	padding-bottom: 0;
	padding-left: clamp(calc(var(--pl)* .6em / 16), calc(var(--pl) / 1512* 100vw), calc(var(--pl)* 1em / 16));
	padding-right: clamp(calc(var(--pl)* .6em / 16), calc(var(--pl) / 1512* 100vw), calc(var(--pl)* 1em / 16));
	position: relative;
	overflow-x: clip;
	overflow-y: clip;
	/* margin-inline: auto; */
	/* max-width: clamp(calc(var(--section-width)* 1em / 16), calc(var(--section-width) / 1512* 100vw), calc(var(--section-width)* 1.1em / 16)); */
	text-align: left;
	/* width: 92%; */
}
@media screen and (max-width: 1024px) {
	.sushi-miyako-teaser {
		--pt: 250;
		align-items: center;
		flex-direction: column;
		padding-left: 0;
		padding-right: 0;
		padding-top: clamp(calc(var(--pt)* .8em / 16), calc(var(--pt) / 750* 100vw), calc(var(--pt)* 1em / 16));
	}
}
/* @media screen and (max-width: 880px) {
	.sushi-miyako-teaser {
		width: 92.73282%;
		margin-inline: auto;
	}
} */
@media screen and (max-width: 640px) {
	.sushi-miyako-teaser {
		--pt: 180;
	}
}
.sushi-miyako-teaser__wrapper {
	padding-bottom: 14.2vw;
}
.sushi-miyako-teaser__grid {
	justify-content: space-between;
	align-items: stretch;
	margin-top: 12.5vw;
	display: flex;
}
@media screen and (max-width: 991px) {
	.sushi-miyako-teaser__grid {
		flex-direction: column;
	}
}
.sushi-miyako-teaser__grid-l {
	flex-direction: column;
	align-items: flex-start;
	/* width: 33.4vw; */
	width: 43.4%;
	display: flex;
	z-index: 2;
}
@media screen and (max-width: 1024px) {
	.sushi-miyako-teaser__grid-l {
		width: 100%;
	}
}
.sushi-miyako-teaser__detail {
	/* grid-column-gap: .5vw; */
	grid-row-gap: .5vw;
	flex-flow: column;
	width: 100%;
	height: 100vh;
	display: flex;
	position: relative;
	justify-content: center;
	/* inset: auto 0% 0% auto; */
	/* position: sticky;
	top: 0; */
}
@media screen and (max-width: 880px) {
	.sushi-miyako-teaser__detail {
		grid-column-gap: 2vw;
		grid-row-gap: 2vw;
	}
}
.sushi-miyako-teaser__detail .map {
	display: none;
}
@media screen and (max-width: 1024px) {
	.sushi-miyako-teaser__detail .map {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 7.8vw;
		overflow: hidden;
	}
}
.sushi-miyako-teaser__detail-rise .map .japan {
	scale: 4 4 !important;
	translate: 140% -120% !important;
}
.sushi-miyako-teaser__detail-gather .map .japan {
	scale: 3 3 !important;
	translate: 90% -90% !important;
}
.sushi-miyako-teaser__detail-seaside .map .japan {
	scale: 16 16 !important;
	translate: 550% -440% !important;
}
.sushi-miyako-teaser__detail-strait .map .japan {
	scale: 16 16 !important;
	translate: 550% -440% !important;
}
.sushi-miyako-teaser__headline {
	font-size: clamp(1.2em, 5.3vw, 2.325em);
  line-height: 1.2;
	text-align: left;
}
@media screen and (max-width: 1024px) {
	.sushi-miyako-teaser__headline {
		font-size: 1.75em;
		height: fit-content;
		width: 84.73282%;
    margin-inline: auto;
	}
}
.sushi-miyako-teaser__headline span {
	display: inline-block;
}
.sushi-miyako-teaser__discription {
	--sentence-fs-viewport: 750;
  --sentence-fs-max: 20;
  --sentence-fs-min: 14;
  --sentence-line-height: 2.25;
  --sentence-letter-spacing: 0;
	--mt: 66;
  font-size: clamp(calc(var(--sentence-fs-min)* 1em / 16), calc(var(--sentence-fs-max) / var(--sentence-fs-viewport)* 100vw), calc(var(--sentence-fs-max)* 1em / 16));
  letter-spacing: calc(var(--sentence-letter-spacing)* 1em);
  line-height: var(--sentence-line-height);
	text-align: left;
	margin-top: clamp(calc(var(--mt)* .4em / var(--sentence-fs-min)), calc(var(--mt) / 880* 100vw), calc(var(--mt)* 1em / var(--sentence-fs-max)));
}
@media screen and (max-width: 1024px) {
	.sushi-miyako-teaser__discription {
			--mt: 40;
			width: 84.73282%;
			margin-inline: auto;
	}
}
.sushi-miyako-teaser__discription__headline {
	font-size: 1.22222em;
  line-height: 1.5;
}
.sushi-miyako-clip-text {
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	background-image: linear-gradient(to left, #333336 100%, #fff 0%);
	background-position-x: 100%;
	background-size: inherit;
	display: block;
}
.sushi-miyako-teaser__grid-r {
	/* width: 43.9vw; */
	width: 56.6%;
	position: relative;
}
@media screen and (max-width: 1024px) {
	.sushi-miyako-teaser__grid-r {
		display: none;
	}
}
.sushi-miyako-teaser__grid-r .map {
	height: 90vh;
	/* display: block; */
	position: sticky;
	top: 5vh;
	/* overflow: hidden; */
	display: flex;
	align-items: center;
	justify-content: center;
}















/* .sushi-miyako-features {
	--pt: 1355;
	--pb: 331;
	--pl: 172;
	--pl: 180;
	align-items: flex-start;
	color: #fff;
	display: flex;
	flex-direction: row-reverse;
	font-size: clamp(.6em, 1vw, 1em);
	justify-content: space-between;
	padding-top: calc(var(--pt)* 1em / 16);
	/* padding-right: clamp(calc(var(--pl)* .6em / 16), calc(var(--pl) / 1512* 100vw), calc(var(--pl)* 1em / 16)); */
	/* padding-bottom: 0;
	padding-left: clamp(calc(var(--pl)* .6em / 16), calc(var(--pl) / 1512* 100vw), calc(var(--pl)* 1em / 16)); */
	/* margin-bottom: clamp(calc(var(--pb)* .6em / 16), calc(var(--pb) / 750* 100vw), calc(var(--pb)* 1em / 16)); */
	/*position: relative;
	overflow-x: clip;
	overflow-y: clip;
	margin-inline: auto;
}
@media screen and (max-width: 1024px) {
	.sushi-miyako-features {
		--pt: 250;
		align-items: center;
		flex-direction: column;
		font-size: 1em;
		padding-left: 0;
		padding-right: 0;
		padding-top: clamp(calc(var(--pt)* .8em / 16), calc(var(--pt) / 750* 100vw), calc(var(--pt)* 1em / 16));
	}
}
@media screen and (max-width: 640px) {
	.sushi-miyako-features {
		--pt: 180;
	}
}
.sushi-miyako-features__wrapper {
	justify-content: flex-end;
	align-items: flex-start;
	width: 100%;*/
	/* margin-bottom: 7.14vw; */
	/*display: flex;
	position: relative;
}
@media screen and (max-width: 880px) {
	.sushi-miyako-features__wrapper {
			margin-top: 21vw;
	}
}
.sushi-miyako-features__texts {
	/* justify-content: flex-start; */
	/*align-items: center;
	width: 36.8vw;
	/* height: 14.6vw; */
	/* margin-top: 3vw; */
	/*display: flex;
	position: relative;
	flex-direction: column;
  justify-content: center;
	z-index: 2;
}
@media screen and (max-width: 880px) {
	.sushi-miyako-features__texts {
		width: 36vw;
		height: 100%;
		/* position: absolute; */
		/* inset: 0% auto auto 0%; */
	/*}
}
.sushi-miyako-features__text-162,
.sushi-miyako-features__text-163,
.sushi-miyako-features__text-164,
.sushi-miyako-features__text-165,
.sushi-miyako-features__text-166 {
	/* grid-column-gap: .5vw; */
	/*grid-row-gap: .5vw;
	flex-flow: column;
	width: 100%;
	height: 100vh;
	display: flex;
	position: relative;
	justify-content: centerß;
	/* inset: auto 0% 0% auto; */
	/*justify-content: center;
	/* position: sticky;
	top: 0; */	
/*}
@media screen and (max-width: 880px) {
	.sushi-miyako-features__text-162,
	.sushi-miyako-features__text-163,
	.sushi-miyako-features__text-164,
	.sushi-miyako-features__text-165,
	.sushi-miyako-features__text-166 {
		grid-column-gap: 2vw;
		grid-row-gap: 2vw;
	}
}
.sushi-miyako-features__text-166 {
	margin-bottom: 30vh !important;
}
*/

/*
.map {
	display: flex;
	justify-content: center;
	width: 48.6vw;
	height: 100svh;/*
	/* margin-top: -19vw;
	margin-right: 6vw; */
	/* position: sticky; */
	/* top: 20vh; */
	/* top: 0;
	padding-right: 9vw;
}
@media screen and (max-width: 1024px) {
	.map {
		display: none;
	}
} */
/*
@media screen and (max-width: 767px) {
	.map {
		z-index: 0;
		width: 100vw;
		margin-top: 0;
		margin-right: 0;
		position: relative;
	}
}
	*/
.japan {
	--scale: 1.6;
	--originx: 0%;
	--originy: 0%;
	transform-origin: 50% 50%;
	scale: var(--scale) var(--scale) !important;
	translate: var(--originx) var(--originy) !important;
  /* transform-origin: var(--originx) var(--originy); */
	max-width: 500px !important;
}
@media screen and (max-width: 1024px) {
	.japan {
		--scale: 1;
	}
}
#japan .prefectures {
	fill: #1d1d1f;
}
#tide .ocean-current-liman,
#tide .ocean-current-tsushima {
	fill: none;
	stroke: #fff;
}
#tide .ocean-current-liman {
	--dashoffset: 700;
	stroke-dasharray: 700;
	stroke-dashoffset: var(--dashoffset);
}
#tide .ocean-current-tsushima {
	--dashoffset: 220;
	stroke-dasharray: 220;
	stroke-dashoffset: var(--dashoffset);
}
#gather .fishing-port__line {
	--dashoffset: 700;
	--opacity: 1;
	stroke-dasharray: 700;
	stroke-dashoffset: var(--dashoffset);
	opacity: var(--opacity);
	fill: none;
	stroke: #fff;
	stroke-width: .3px;
}
#gather .sakaiminato {
	transform: translate(205.03px, 472.5px);
}
#gather .hamada {
	transform: translate(152.03px, 510.5px);
}
#gather .shimonoseki {
	transform: translate(113.03px, 535.5px);
}
#gather .hakata {
	transform: translate(65.03px, 546.5px);
}
#gather .nagasaki {
	transform: translate(70.03px, 596.5px);
}
#gather .makurazaki {
	transform: translate(77.03px, 656.5px);
}
#gather .fishing-port__name {
	--opacity: 0;
	color: #fff;
	opacity: var(--opacity);
}
#seaside .kitakyushu-sea,
#rise .cs {
	--opacity: 0;
	fill: none;
	stroke: #fff;
	stroke-width: .3px;
	opacity: var(--opacity);
}
#seaside .kitakyushu-sea {
	stroke-width: .1px;
}
#rise .cs {
	transform: translate(-324.68px, 181.41px) rotate(-41.05deg);
}
#seaside .tidal-flat {
	transform: translate(-412.1px, 373.83px) rotate(-60deg);
}
#seaside .rocks {
	transform: translate(-444.52px, 519.54px) rotate(-77.28deg);
}
#seaside .tidal-flat__text {
	transform: translate(114.64px, 545.17px);
}
#seaside .rocks__text {
	transform: translate(99.7px, 539.09px);
}
#gather .fishing-port__name,
#rise .cs__text,
#seaside .kitakyushu-sea__text {
	--sentence-fs-viewport: 750;
	--sentence-fs-max: 8;
	--sentence-fs-min: 6;
	--sentence-line-height: 1.8;
	--opacity: 0;
	color: #fff;
	opacity: var(--opacity);
	font-size: clamp(calc(var(--sentence-fs-min)* 1em / 16), calc(var(--sentence-fs-max) / var(--sentence-fs-viewport)* 100vw), calc(var(--sentence-fs-max)* 1em / 16));
  letter-spacing: calc(var(--sentence-letter-spacing)* 1em);
  line-height: var(--sentence-line-height);
}
#seaside .kitakyushu-sea__text {
	font-size: .1rem;
}
#rise .cs__text {
	transform: translate(69.17px, 526.85px);
}
#strait .flow {
	--dashoffset: 20;
	stroke-dasharray: 20;
	stroke-dashoffset: var(--dashoffset);
	fill: none;
	stroke: #fff;
	stroke-width: .1px;
}
.sushi-miyako-known {
	position: relative;
	width: 100%;
	height: 100svh;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.sushi-miyako-known .sushi-miyako-known__header {
	width: 100%;
}
.sushi-miyako-known .sushi-miyako-known__headline {
	--ml: 260;
	display: block;
  opacity: 0;
  margin-bottom: 1rem;
  transform: translate3d(0, 0, 0);
  will-change: transform;
	margin-left: calc(var(--ml) / 1372* 100%);
	margin-right: calc(var(--ml) / 1372* 100%);
}
.sushi-miyako-known.active .sushi-miyako-known__headline {
	animation: hero .2s ease-out 0s 1 normal both running;
}
.sushi-miyako-known .sushi-miyako-known__headline svg {
	fill: #f5f5f7;
}
.sushi-miyako-known .sushi-miyako-known__body {
	--mt: 88;
	--sentence-fs-viewport: 750;
	--sentence-fs-max: 20;
  --sentence-fs-min: 14;
	--sentence-line-height: 1.7;
	--sentence-letter-spacing: 0;
  margin-top: clamp(calc(var(--mt)* .6em / var(--sentence-fs-min)), calc(var(--mt) / 880* 100vw), calc(var(--mt)* 1em / var(--sentence-fs-max)));
	margin-inline: auto;
	max-width: clamp(calc(var(--section-width)* 1em / 16), calc(var(--section-width) / 1512* 100vw), calc(var(--section-width)* 1.1em / 16));
	text-align: left;
	width: 84%;
	color: #f5f5f7;
	font-size: clamp(calc(var(--sentence-fs-min)* 1em / 16), calc(var(--sentence-fs-max) / var(--sentence-fs-viewport)* 100vw), calc(var(--sentence-fs-max)* 1em / 16));
	letter-spacing: calc(var(--sentence-letter-spacing)* 1em);
	line-height: var(--sentence-line-height);
	opacity: 0;
}
@media screen and (max-width: 880px) {
	.sushi-miyako-known .sushi-miyako-known__body {
		width: 84.73282%;
	}
}
.sushi-miyako-known.active .sushi-miyako-known__body {
	opacity: 1;
	transition: opacity .3s linear .5s;
}
.sushi-miyako-relay {
	width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.sushi-miyako-relay__wrapper {
	height: 100svh;
}
.sushi-miyako-relay__header {
  overflow: hidden;
  position: relative;
	display: flex;
	height: 50vh;
  z-index: 1;
}
@media screen and (max-width: 880px) {
	.sushi-miyako-relay__header {
		height: 30vh;
	}
}
.sushi-miyako-relay__header figure {
  overflow: hidden;
  position: relative;
  width: calc(33.3333333333% + 2px);
}
@media screen and (max-width: 880px) {
	.sushi-miyako-relay__header figure {
		/* aspect-ratio: 333 / 280; */
		/* height: 100%; */
		min-width: 0;
	}
}
.sushi-miyako-relay__header figure img {
  height: 100%;
  object-fit: cover;
	height: 60vh;
}
@media screen and (max-width: 880px) {
	.sushi-miyako-relay__header figure img {
		height: 40vh;
	}
}
.sushi-miyako-relay__header figure .title {
	z-index: 1;
  padding-bottom: 1.25vw;
  padding-left: 1.38vw;
  padding-right: 1.38vw;
  position: absolute;
  inset: auto 0% 0% auto;
	color: #f5f5f7;
	font-size: clamp(1.6em, 6.2125vw, 3.4em);
	line-height: 1.4;
	text-shadow: 0 0 16px #000;
}
@media screen and (max-width: 880px) {
	.sushi-miyako-relay__header figure .title {
		padding-bottom: 2.13vw;
		padding-left: 2.13vw;
		padding-right: 2.13vw;
	}
}
.sushi-miyako-relay .sushi-miyako-relay__shutters {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
  flex-direction: row;
	z-index: 1;
}
.sushi-miyako-relay .sushi-miyako-relay__shutter {
	/* position: absolute;
  top: 0; */
  width: calc(33.3333333333% + 2px);
  height: 100%;
  /* transform: perspective(1000px) translate3d(-50%, 0, 0); */
  transition: height 1s cubic-bezier(.8,0,.2,1);
  overflow: hidden;
	background-color: #000;
}
.sushi-miyako-relay .sushi-miyako-relay__shutter:first-of-type {
	transition-delay: 0s;
}
.sushi-miyako-relay .sushi-miyako-relay__shutter:nth-of-type(2) {
	transition-delay: 0.1s;
}
.sushi-miyako-relay .sushi-miyako-relay__shutter:last-of-type {
	transition-delay: 0.2s;
}
.sushi-miyako-relay.active .sushi-miyako-relay__shutter {
	height: 0%;
}
.sushi-miyako-relay__body {
	--sentence-fs-viewport: 750;
  --sentence-fs-max: 20;
  --sentence-fs-min: 14;
  --sentence-line-height: 1.7;
  --sentence-letter-spacing: 0;
	--mt: 80;
  font-size: clamp(calc(var(--sentence-fs-min)* 1em / 16), calc(var(--sentence-fs-max) / var(--sentence-fs-viewport)* 100vw), calc(var(--sentence-fs-max)* 1em / 16));
  letter-spacing: calc(var(--sentence-letter-spacing)* 1em);
  line-height: var(--sentence-line-height);
	margin: clamp(calc(var(--mt)* .75em / 20), calc(var(--mt) / 750* 100vw), calc(var(--mt)* 1em / 20)) auto 0 0;
  width: 84%;
	margin-inline: auto;
	text-align: left;
	color: #f5f5f7;
}
@media screen and (max-width: 880px) {
	.sushi-miyako-relay__body {
		width: 84.73282%;
	}
}
.sushi-miyako-sticky {
	width: 100%;
	height: 100%;
	overflow: hidden;
  position: relative;
}
.sushi-miyako-sticky__inner {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.sushi-miyako-send {
	width: 100%;
  height: 100svh;
  overflow: hidden;
  position: relative;
	background-color: #fff;
}
.sushi-miyako-send__wrapper {
	height: 100svh;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.sushi-miyako-send__header {
	overflow: hidden;
}
.sushi-miyako-send__headline {
	font-size: 2.625em;
	line-height: 1.5;
}
@media screen and (max-width: 880px) {
	.sushi-miyako-send__headline {
		font-size: 1.75em;
	}
}
.sushi-miyako-send__body {
	--sentence-fs-viewport: 750;
  --sentence-fs-max: 20;
  --sentence-fs-min: 14;
  --sentence-line-height: 1.7;
  --sentence-letter-spacing: 0;
	--mt: 88;
  font-size: clamp(calc(var(--sentence-fs-min)* 1em / 16), calc(var(--sentence-fs-max) / var(--sentence-fs-viewport)* 100vw), calc(var(--sentence-fs-max)* 1em / 16));
  letter-spacing: calc(var(--sentence-letter-spacing)* 1em);
  line-height: var(--sentence-line-height);
	margin-inline: auto;
	max-width: clamp(calc(var(--section-width)* 1em / 16), calc(var(--section-width) / 1512* 100vw), calc(var(--section-width)* 1.1em / 16));
	text-align: left;
	width: 84%;
	overflow: visible;
	margin-top: clamp(calc(var(--mt)* .6em / var(--sentence-fs-min)), calc(var(--mt) / 880* 100vw), calc(var(--mt)* 1em / var(--sentence-fs-max)));
}
@media screen and (max-width: 880px) {
	.sushi-miyako-send__body {
		width: 84.73282%;
	}
}
.sushi-miyako-send__footer {
	--mt: 80;
	margin: clamp(calc(var(--mt)* .75em / 16), calc(var(--mt) / 750* 100vw), calc(var(--mt)* 1em / 16)) auto 0 auto;
}
.sushi-miyako-send__footer-btn {
	--btn-fs: 20;
	--btn-w: 292;
	--btn-h: 60;
	--btn-arr-w: 16;
	--btn-arr-h: 13;
	align-items: center;
	color: #fff;
	display: flex;
	font-size: min(1em, 4.07125vw);
	gap: .9375em;
	height: clamp(calc(var(--btn-h)* .83em / 16), calc(var(--btn-h) / 750* 100vw), calc(var(--btn-h)* 1em / 16));
	position: relative;
	width: min(calc(var(--btn-w)* 1em / 16), 100%);
}
@media screen and (max-width: 880px) {
	.sushi-miyako-send__footer-btn {
		--btn-fs: 14;
		margin: 0 auto 0 0;
		padding: 0 2em 0 1.5625em;
		width: -moz-fit-content;
		width: fit-content;
	}
}
.sushi-miyako-send__footer-btn:hover {
	color: #000;
	transition: color var(--transition);
}
@media screen and (max-width: 880px) {
	.sushi-miyako-send__footer-btn:hover {
		color: #fff;
	}
}
.sushi-miyako-send__footer-btn,
.sushi-miyako-send__footer-btn:before {
	border-radius: 100vmax;
	overflow: hidden;
}
.sushi-miyako-send__footer-btn:before {
	background-color: var(--black-bg);
	bottom: 0;
	content: "";
	left: 2px;
	position: absolute;
	right: 0;
	top: 0;
}
.sushi-miyako-send__footer-btn:hover:before {
	opacity: 0;
	transform: scaleX(1);
	transform-origin: left top;
	transition: opacity var(--transition), transform var(--transition);
}
.sushi-miyako-send__footer-btn__txt {
	font-size: calc(var(--btn-fs)* 1em / 16);
	position: relative;
	z-index: 2;
}
@media screen and (max-width: 880px) {
	.sushi-miyako-send__footer-btn__txt {
		flex-shrink: 0;
	}
}
.sushi-miyako-send__footer-btn__arrow {
	align-items: center;
	background-color: initial;
	border-radius: 100vmax;
	display: flex;
	flex-shrink: 0;
	height: 100%;
	justify-content: center;
	order: -1;
	overflow: hidden;
	position: relative;
	width: calc(var(--btn-h)* 1em / 16);
	z-index: 1;
}
@media screen and (max-width: 880px) {
	.sushi-miyako-send__footer-btn__arrow {
		width: -moz-fit-content;
		width: fit-content;
	}
}
@media screen and (max-width: 880px) {
	.sushi-miyako-send__footer-btn__arrow:hover {
		background-color: initial;
		transition: none;
	}
}

.sushi-miyako-send__footer-btn__arrow-body {
	height: clamp(calc(var(--btn-arr-h)* .625em / 16), calc(var(--btn-arr-h) / 750* 100vw), calc(var(--btn-arr-h)* 1em / 16));
	width: clamp(calc(var(--btn-arr-w)* .625em / 16), calc(var(--btn-arr-w) / 750* 100vw), calc(var(--btn-arr-w)* 1em / 16));
}
@media screen and (max-width: 880px) {
	.sushi-miyako-send__footer-btn__arrow-body:hover {
		opacity: 1;
		transform: translate(0);
		transition: opacity var(--transition), transform var(--transition);
	}
}
.sushi-miyako-shops {
	--pt: 160;
	padding: calc(var(--pt)* 1em / 16) 0;
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #000;
	overflow: hidden;
}
.sushi-miyako-shops__header {
	color: #fff;
  display: flex;
	align-items: center;
  justify-content: center;
  position: relative;
  transform: translateZ(0);
  z-index: 2;
}
.sushi-miyako-shops__headline {
	font-size: clamp(1em, 2.5vw, 1.375em);
	letter-spacing: .05em;
	margin-top: .15em;
	writing-mode: vertical-rl;
}
@media screen and (max-width: 880px) {
	.sushi-miyako-shops__headline {
		margin-top: 0;
	}
}
.sushi-miyako-shops__body {
	-pt: 80;
	position: relative;
  padding-top: clamp(calc(var(--pt)* .8em / 16), calc(var(--pt) / 880* 100vw), calc(var(--pt)* 1em / 16));
	margin-inline: auto;
  max-width: clamp(calc(var(--section-width)* 1em / 16), calc(var(--section-width) / 1512* 100vw), calc(var(--section-width)* 1.1em / 16));
  text-align: left;
  width: 84%;
}
@media screen and (max-width: 880px) {
	.sushi-miyako-shops__body {
		width: 100%;
	}
}
.sushi-miyako-shops__list {
	display: grid;
	gap: 1px;
	grid-template-columns: repeat(auto-fit, minmax(17.5em, 1fr));
}
@media screen and (max-width: 540px) {
	.sushi-miyako-shops__list {
		grid-template-columns: repeat(auto-fit, calc(50% - 1px));
	}
}
.sushi-miyako-shops__list .shop img {
	height: 100%;
	object-fit: cover;
}
@keyframes hero {
  0% {
    opacity: 0;
    /*filter: blur(.3rem);*/
    -webkit-transform: scale(6);
    transform: scale(6);
  }
  50% {
    opacity: 1;
  }
  93% {
    opacity: 1;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    /*filter: blur(0);*/
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}