@charset "UTF-8";
/* ----------import---------- */
/* media-queries */
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanmp.css");
@media screen and (max-width: 767px) {
  .orientation_landscape .landscape {
    display: block;
  }
  .orientation_landscape .portrait {
    display: none;
  }
  .orientation_portrait .landscape {
    display: none;
  }
  .orientation_portrait .portrait {
    display: block;
  }
}
.sp {
  display: none;
}

.tb {
  display: none;
}

.pc {
  display: none;
}

.sp-tb {
  display: none;
}

.tb-pc {
  display: none;
}

.js-media-queries {
  display: none;
}

@media screen and (max-width: 767px) {
  .sp {
    display: block;
  }
  .sp-tb {
    display: block;
  }
  .tb-pc {
    display: none;
  }
  .pc {
    display: none;
  }
  .js-media-queries {
    font-family: "sp";
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .sp {
    display: none;
  }
  .tb {
    display: block;
  }
  .sp-tb {
    display: block;
  }
  .tb-pc {
    display: block;
  }
  .js-media-queries {
    font-family: "tb";
  }
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .sp {
    display: none;
  }
  .tb-pc {
    display: block;
  }
  .pc {
    display: block;
  }
  .js-media-queries {
    font-family: "pc";
  }
}
@media screen and (min-width: 1440px) {
  .sp {
    display: none;
  }
  .tb-pc {
    display: block;
  }
  .pc {
    display: block;
  }
  .js-media-queries {
    font-family: "pc";
  }
}
@media print {
  .sp {
    display: none;
  }
  .tb {
    display: none;
  }
  .pc {
    display: block;
  }
}
/*! http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
/* modified */
.contentContainer {
  /*! HTML5 display-role reset for older browsers */
  -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
       text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  position: relative;
}
.contentContainer html, .contentContainer body, .contentContainer div, .contentContainer span, .contentContainer applet, .contentContainer object, .contentContainer iframe,
.contentContainer h1, .contentContainer h2, .contentContainer h3, .contentContainer h4, .contentContainer h5, .contentContainer h6, .contentContainer p, .contentContainer blockquote, .contentContainer pre,
.contentContainer a, .contentContainer abbr, .contentContainer acronym, .contentContainer address, .contentContainer big, .contentContainer cite, .contentContainer code,
.contentContainer del, .contentContainer dfn, .contentContainer em, .contentContainer img, .contentContainer ins, .contentContainer kbd, .contentContainer q, .contentContainer s, .contentContainer samp,
.contentContainer small, .contentContainer strike, .contentContainer strong, .contentContainer sub, .contentContainer sup, .contentContainer tt, .contentContainer var,
.contentContainer b, .contentContainer u, .contentContainer i, .contentContainer center,
.contentContainer dl, .contentContainer dt, .contentContainer dd, .contentContainer ol, .contentContainer ul, .contentContainer li,
.contentContainer fieldset, .contentContainer form, .contentContainer label, .contentContainer legend,
.contentContainer table, .contentContainer caption, .contentContainer tbody, .contentContainer tfoot, .contentContainer thead, .contentContainer tr, .contentContainer th, .contentContainer td,
.contentContainer article, .contentContainer aside, .contentContainer canvas, .contentContainer details, .contentContainer embed,
.contentContainer figure, .contentContainer figcaption, .contentContainer footer, .contentContainer header, .contentContainer hgroup,
.contentContainer menu, .contentContainer nav, .contentContainer output, .contentContainer ruby, .contentContainer section, .contentContainer summary,
.contentContainer time, .contentContainer mark, .contentContainer audio, .contentContainer video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
.contentContainer ul li,
.contentContainer ol li {
  list-style: none;
}
.contentContainer article, .contentContainer aside, .contentContainer details, .contentContainer figcaption, .contentContainer figure,
.contentContainer footer, .contentContainer header, .contentContainer hgroup, .contentContainer menu, .contentContainer nav, .contentContainer section {
  display: block;
}
.contentContainer body {
  line-height: 1;
}
.contentContainer ol, .contentContainer ul {
  list-style: none;
}
.contentContainer blockquote, .contentContainer q {
  quotes: none;
}
.contentContainer blockquote:before, .contentContainer blockquote:after,
.contentContainer q:before, .contentContainer q:after {
  content: "";
  content: none;
}
.contentContainer table {
  border-collapse: collapse;
  border-spacing: 0;
}
.contentContainer *,
.contentContainer *:before,
.contentContainer *:after {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.contentContainer * {
  margin: 0;
  padding: 0;
  border: none;
}
.contentContainer *:focus {
  outline: none;
}
.contentContainer img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.inview {
  opacity: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.inview.is-inview {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.loader {
  position: fixed;
  inset: 0;
  z-index: 999 !important;
  pointer-events: none;
  color: #000;
}
.loader .loader__bg {
  position: absolute;
  inset: 0;
  background: #ffffff;
  pointer-events: all;
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
          transform-origin: center top;
  -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.22, 1, 0.36, 1) 0.6s;
  transition: -webkit-transform 1.2s cubic-bezier(0.22, 1, 0.36, 1) 0.6s;
  transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1) 0.6s;
  transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1) 0.6s, -webkit-transform 1.2s cubic-bezier(0.22, 1, 0.36, 1) 0.6s;
}
.loader.is-loaded .loader__bg {
  pointer-events: none;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
}
.loader.is-loaded .loader__circle {
  opacity: 0;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.loader__circle {
  position: absolute;
  bottom: 15%;
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-left: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 100px;
  -webkit-animation: loader-rotate 1s linear infinite;
          animation: loader-rotate 1s linear infinite;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
@media screen and (max-width: 767px) {
  .loader__circle {
    left: calc(50% - 25px);
  }
}

@-webkit-keyframes loader-rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loader-rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* ----------fonts---------- */
@font-face {
  font-family: "Editors Note";
  src: url("./font/editorsnote-thin-webfont.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Editors Note";
  src: url("./font/editorsnote-light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Editors Note";
  src: url("./font/editorsnote-lightitalic-webfont.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Editors Note";
  src: url("./font/editorsnote-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Editors Note";
  src: url("./font/editorsnote-semibold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Editors Note";
  src: url("./font/editorsnote-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
:root {
  --timeinbloom-fixed-panel-opacity: 70%;
}

/* ----------pages---------- */
html,
body {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

body {
  overflow-x: hidden;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

section {
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.timeinbloom-fixed__logo {
  position: fixed;
  z-index: 9;
  top: -50px;
  left: 26px;
  -webkit-transition: all 400ms 0s ease-out;
  transition: all 400ms 0s ease-out;
  width: 120px;
}
.timeinbloom-fixed__logo.is-visible {
  top: 20px;
}
@media screen and (max-width: 767px) {
  .timeinbloom-fixed__logo.is-visible {
    top: 12px;
  }
}
.timeinbloom-fixed__logo svg {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .timeinbloom-fixed__logo {
    left: 10px;
    width: 90px;
  }
}
.timeinbloom-fixed__sitetitle {
  position: fixed;
  top: -70px;
  right: 0px;
  -webkit-transition: all 400ms 0s ease-out;
  transition: all 400ms 0s ease-out;
  z-index: 9;
  width: 229px;
}
.timeinbloom-fixed__sitetitle.is-visible {
  top: 0px;
}
.timeinbloom-fixed__sitetitle svg {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .timeinbloom-fixed__sitetitle {
    width: 160px;
  }
}
.timeinbloom-fixed__menu-head, .timeinbloom-fixed__menu-list, .timeinbloom-fixed__menu-stores {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
@media screen and (max-width: 767px) {
  .timeinbloom-fixed__menu-head, .timeinbloom-fixed__menu-list, .timeinbloom-fixed__menu-stores {
    padding-left: 20px !important;
    padding-right: 10px !important;
  }
}
.timeinbloom-fixed__menu-pagetop {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
@media screen and (max-width: 767px) {
  .timeinbloom-fixed__menu-pagetop {
    padding-left: 20px !important;
    padding-right: 10px !important;
  }
}
.timeinbloom-fixed__menu {
  --timeinbloom-menu-color: #fff;
  --timeinbloom-menu-closed-width: 100px;
  --timeinbloom-menu-open-width: 240px;
  position: fixed;
  width: 240px;
  top: 70px;
  right: 0px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateY(-12px);
      -ms-transform: translateY(-12px);
          transform: translateY(-12px);
  will-change: opacity, transform;
  -webkit-transition: width 360ms cubic-bezier(0.22, 1, 0.36, 1), opacity 400ms ease-out, visibility 0s linear 400ms, -webkit-transform 400ms ease-out;
  transition: width 360ms cubic-bezier(0.22, 1, 0.36, 1), opacity 400ms ease-out, visibility 0s linear 400ms, -webkit-transform 400ms ease-out;
  transition: width 360ms cubic-bezier(0.22, 1, 0.36, 1), opacity 400ms ease-out, transform 400ms ease-out, visibility 0s linear 400ms;
  transition: width 360ms cubic-bezier(0.22, 1, 0.36, 1), opacity 400ms ease-out, transform 400ms ease-out, visibility 0s linear 400ms, -webkit-transform 400ms ease-out;
  z-index: 9;
  font-family: "Editors Note", serif;
  font-size: 12px;
  letter-spacing: 0.12em;
  line-height: 2;
  font-weight: 100 !important;
  color: white;
  color: color-mix(in srgb, var(--timeinbloom-menu-color) 40%, transparent);
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .timeinbloom-fixed__menu {
    top: 50px;
    margin-right: 0px;
    width: var(--timeinbloom-menu-closed-width);
  }
}
.timeinbloom-fixed__menu.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: width 360ms cubic-bezier(0.22, 1, 0.36, 1), opacity 400ms ease-out, visibility 0s linear 0s, -webkit-transform 400ms ease-out;
  transition: width 360ms cubic-bezier(0.22, 1, 0.36, 1), opacity 400ms ease-out, visibility 0s linear 0s, -webkit-transform 400ms ease-out;
  transition: width 360ms cubic-bezier(0.22, 1, 0.36, 1), opacity 400ms ease-out, transform 400ms ease-out, visibility 0s linear 0s;
  transition: width 360ms cubic-bezier(0.22, 1, 0.36, 1), opacity 400ms ease-out, transform 400ms ease-out, visibility 0s linear 0s, -webkit-transform 400ms ease-out;
}
@media screen and (max-width: 767px) {
  .timeinbloom-fixed__menu {
    font-family: "Editors Note", serif;
    font-size: 11px;
    letter-spacing: 0.12em;
    line-height: 2;
    font-weight: 300 !important;
  }
}
@media screen and (max-width: 767px) {
  .timeinbloom-fixed__menu {
    margin-right: 0px;
  }
}
.timeinbloom-fixed__menu a {
  color: white;
  color: color-mix(in srgb, var(--timeinbloom-menu-color) 100%, transparent);
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .timeinbloom-fixed__menu.is-open {
    width: var(--timeinbloom-menu-open-width);
  }
}
.timeinbloom-fixed__menu.is-open .timeinbloom-fixed__menu-head {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
.timeinbloom-fixed__menu.is-open .timeinbloom-fixed__menu-head-icon {
  color: #fff;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.timeinbloom-fixed__menu.is-open .timeinbloom-fixed__menu-body {
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  width: 100%;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: grid-template-rows 360ms cubic-bezier(0.22, 1, 0.36, 1), opacity 180ms 45ms ease-out, background-color 400ms 0s ease-out, visibility 0s linear 0s, -webkit-transform 360ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: grid-template-rows 360ms cubic-bezier(0.22, 1, 0.36, 1), opacity 180ms 45ms ease-out, background-color 400ms 0s ease-out, visibility 0s linear 0s, -webkit-transform 360ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: grid-template-rows 360ms cubic-bezier(0.22, 1, 0.36, 1), opacity 180ms 45ms ease-out, transform 360ms cubic-bezier(0.22, 1, 0.36, 1), background-color 400ms 0s ease-out, visibility 0s linear 0s;
  transition: grid-template-rows 360ms cubic-bezier(0.22, 1, 0.36, 1), opacity 180ms 45ms ease-out, transform 360ms cubic-bezier(0.22, 1, 0.36, 1), background-color 400ms 0s ease-out, visibility 0s linear 0s, -ms-grid-rows 360ms cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 360ms cubic-bezier(0.22, 1, 0.36, 1);
}
.timeinbloom-fixed__menu-head {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  width: 100%;
  margin: 0;
  padding-top: 0;
  padding-bottom: 5px;
  font: inherit;
  letter-spacing: 0.2em;
  color: #fff;
  color: var(--timeinbloom-menu-color);
  text-align: left;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom-color: color-mix(in srgb, var(--timeinbloom-menu-color) 20%, transparent);
  opacity: 1;
  cursor: pointer;
  -webkit-transition: color 400ms 0s ease-out, background-color 400ms 0s ease-out, border-color 400ms 0s ease-out;
  transition: color 400ms 0s ease-out, background-color 400ms 0s ease-out, border-color 400ms 0s ease-out;
}
.timeinbloom-fixed__menu-head:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 3px;
}
.timeinbloom-fixed__menu-head-icon {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 10px;
  height: 8px;
  color: inherit;
  -webkit-transition: -webkit-transform 300ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: -webkit-transform 300ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 300ms cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 300ms cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 300ms cubic-bezier(0.22, 1, 0.36, 1);
}
.timeinbloom-fixed__menu-head-icon::before, .timeinbloom-fixed__menu-head-icon::after {
  content: "";
  position: absolute;
  top: 0;
  width: 9px;
  height: 1px;
  background-color: currentColor;
}
.timeinbloom-fixed__menu-head-icon::before {
  left: 0;
  -webkit-transform: rotate(56deg);
      -ms-transform: rotate(56deg);
          transform: rotate(56deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
}
.timeinbloom-fixed__menu-head-icon::after {
  right: 0;
  -webkit-transform: rotate(-56deg);
      -ms-transform: rotate(-56deg);
          transform: rotate(-56deg);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
}
.timeinbloom-fixed__menu-body {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 0fr;
  grid-template-rows: 0fr;
  width: 100%;
  color: #fff;
  background-color: color-mix(in srgb, var(--timeinbloom-menu-color) var(--timeinbloom-fixed-panel-opacity), transparent);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateY(-6px);
      -ms-transform: translateY(-6px);
          transform: translateY(-6px);
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
  will-change: grid-template-rows, opacity, transform;
  -webkit-transition: grid-template-rows 300ms cubic-bezier(0.4, 0, 1, 1), opacity 140ms ease-in, background-color 400ms 0s ease-out, visibility 0s linear 300ms, -webkit-transform 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: grid-template-rows 300ms cubic-bezier(0.4, 0, 1, 1), opacity 140ms ease-in, background-color 400ms 0s ease-out, visibility 0s linear 300ms, -webkit-transform 300ms cubic-bezier(0.4, 0, 1, 1);
  transition: grid-template-rows 300ms cubic-bezier(0.4, 0, 1, 1), opacity 140ms ease-in, transform 300ms cubic-bezier(0.4, 0, 1, 1), background-color 400ms 0s ease-out, visibility 0s linear 300ms;
  transition: grid-template-rows 300ms cubic-bezier(0.4, 0, 1, 1), opacity 140ms ease-in, transform 300ms cubic-bezier(0.4, 0, 1, 1), background-color 400ms 0s ease-out, visibility 0s linear 300ms, -ms-grid-rows 300ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 300ms cubic-bezier(0.4, 0, 1, 1);
}
.timeinbloom-fixed__menu-body a {
  color: #fff;
  opacity: 0.5;
  -webkit-transition: opacity 400ms 0s ease-out;
  transition: opacity 400ms 0s ease-out;
}
.timeinbloom-fixed__menu-body a:hover {
  opacity: 1;
}
.timeinbloom-fixed__menu-body-inner {
  min-height: 0;
  overflow: hidden;
}
.timeinbloom-fixed__menu-list {
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-transition: border-color 400ms 0s ease-out;
  transition: border-color 400ms 0s ease-out;
}
.timeinbloom-fixed__menu-list li {
  list-style: none;
}
.timeinbloom-fixed__menu-list li.is-current a {
  opacity: 1;
}
.timeinbloom-fixed__menu-stores {
  margin-top: -4px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-transition: border-color 400ms 0s ease-out;
  transition: border-color 400ms 0s ease-out;
}
.timeinbloom-fixed__menu-stores a {
  color: #fff;
  opacity: 1;
}
.timeinbloom-fixed__menu-pagetop {
  padding-top: 7px;
  padding-bottom: 5px;
  -webkit-transition: border-color 400ms 0s ease-out;
  transition: border-color 400ms 0s ease-out;
}
.timeinbloom-fixed__menu-pagetop a {
  color: #fff;
  opacity: 1;
}
.timeinbloom-fixed__heading {
  position: fixed;
  font-family: "Editors Note", serif;
  font-size: 8vw;
  letter-spacing: 0em;
  line-height: 0.8;
  -webkit-font-kerning: none;
          font-kerning: none;
  -webkit-font-variant-ligatures: none;
          font-variant-ligatures: none;
  -webkit-font-feature-settings: "kern" 0, "liga" 0;
          font-feature-settings: "kern" 0, "liga" 0;
  font-weight: 300;
  z-index: 9;
  color: #fff;
  left: 0;
  bottom: -8vw;
  -webkit-transition: all 400ms 0s ease-out;
  transition: all 400ms 0s ease-out;
}
.timeinbloom-fixed__heading.is-middle {
  font-family: "Editors Note", serif;
  font-size: 7vw;
  letter-spacing: 0em;
  line-height: 0.8;
}
@media screen and (max-width: 767px) {
  .timeinbloom-fixed__heading.is-middle {
    font-family: "Editors Note", serif;
    font-size: 10vw;
    letter-spacing: 0em;
    line-height: 0.8;
  }
}
.timeinbloom-fixed__heading.is-small {
  font-family: "Editors Note", serif;
  font-size: 4.5vw;
  letter-spacing: 0em;
  line-height: 0.8;
}
@media screen and (max-width: 767px) {
  .timeinbloom-fixed__heading.is-small {
    font-family: "Editors Note", serif;
    font-size: 10vw;
    letter-spacing: 0em;
    line-height: 0.8;
  }
}
@media screen and (max-width: 767px) {
  .timeinbloom-fixed__heading {
    font-family: "Editors Note", serif;
    font-size: 10vw;
    letter-spacing: 0em;
    line-height: 0.8;
  }
}
.timeinbloom-fixed__heading.is-visible {
  bottom: 0px;
}
@media screen and (max-width: 767px) {
  .timeinbloom-fixed__heading {
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    text-orientation: mixed;
    bottom: auto;
    bottom: 30vw;
    left: 0px;
  }
}
.timeinbloom-fixed__text {
  display: none;
  position: fixed;
  left: 30px;
  bottom: 9vw;
  font-family: YakuHanMP, "Editors Note", "FOT-マティス Pro L", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
  font-size: 13px;
  letter-spacing: 0em;
  line-height: 1.8;
  font-weight: 300;
  z-index: 9;
  color: #fff;
  width: 30vw;
  opacity: 0;
  -webkit-transition: color 400ms 0s ease-out;
  transition: color 400ms 0s ease-out;
}
.timeinbloom-fixed__text.is-visible {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .timeinbloom-fixed__text {
    width: 80vw;
    left: 50px;
    top: 30vw;
  }
}
.timeinbloom-fixed__contact {
  --timeinbloom-fixed-panel-color: #000;
  position: fixed;
  min-width: 244px;
  width: 244px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  right: 0px;
  bottom: 0px;
  z-index: 9;
  color: #fff;
  opacity: 0;
  -webkit-transition: color 400ms 0s ease-out;
  transition: color 400ms 0s ease-out;
}
.timeinbloom-fixed__contact.is-visible {
  opacity: 1;
}
.timeinbloom-fixed__contact-tel, .timeinbloom-fixed__contact-store, .timeinbloom-fixed__contact-collection {
  will-change: clip-path;
  margin-top: 1px;
  color: #fff;
  background-color: color-mix(in srgb, var(--timeinbloom-fixed-panel-color) var(--timeinbloom-fixed-panel-opacity), transparent);
  -webkit-transition: background-color 400ms 0s ease-out;
  transition: background-color 400ms 0s ease-out;
}
.timeinbloom-fixed__contact-tel .icon, .timeinbloom-fixed__contact-store .icon, .timeinbloom-fixed__contact-collection .icon {
  width: 16px;
  aspect-ratio: 1/1;
  margin-right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.timeinbloom-fixed__contact-tel .icon svg, .timeinbloom-fixed__contact-store .icon svg, .timeinbloom-fixed__contact-collection .icon svg {
  width: 100%;
}
.timeinbloom-fixed__contact-tel .icon svg path,
.timeinbloom-fixed__contact-tel .icon svg rect, .timeinbloom-fixed__contact-store .icon svg path,
.timeinbloom-fixed__contact-store .icon svg rect, .timeinbloom-fixed__contact-collection .icon svg path,
.timeinbloom-fixed__contact-collection .icon svg rect {
  fill: #fff;
  -webkit-transition: fill 400ms 0s ease-out;
  transition: fill 400ms 0s ease-out;
}
.timeinbloom-fixed__contact-tel .link a, .timeinbloom-fixed__contact-store .link a, .timeinbloom-fixed__contact-collection .link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 20px;
  font-family: "Editors Note", serif;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.4;
  color: #fff;
  text-decoration: none;
}
.timeinbloom-fixed__contact-tel {
  display: none;
}
@media screen and (max-width: 767px) {
  .timeinbloom-fixed__contact-tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.timeinbloom-fixed__contact-collection[hidden] {
  display: none;
}
.timeinbloom-fixed__contact-collection {
  display: none;
  margin-bottom: 1px;
}
.timeinbloom-fixed__spec {
  --timeinbloom-fixed-contact-height: 43px;
  --timeinbloom-fixed-spec-contact-gap: 0px;
  --timeinbloom-fixed-panel-color: #000;
  position: fixed;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 244px;
  padding-left: 20px;
  padding-right: 12px;
  right: 0px;
  bottom: calc(var(--timeinbloom-fixed-contact-height) + var(--timeinbloom-fixed-spec-contact-gap));
  z-index: 9;
  color: #fff;
  background-color: color-mix(in srgb, var(--timeinbloom-fixed-panel-color) var(--timeinbloom-fixed-panel-opacity), transparent);
  will-change: clip-path;
  opacity: 0;
  -webkit-transition: background-color 400ms 0s ease-out, bottom 400ms 0s cubic-bezier(0.22, 1, 0.36, 1);
  transition: background-color 400ms 0s ease-out, bottom 400ms 0s cubic-bezier(0.22, 1, 0.36, 1);
}
@media screen and (max-width: 767px) {
  .timeinbloom-fixed__spec {
    --timeinbloom-fixed-contact-height: 86px;
  }
}
.timeinbloom-fixed__spec.is-visible {
  opacity: 1;
}
.timeinbloom-fixed__spec dl {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: -webkit-max-content 0px 1fr;
  -ms-grid-columns: max-content 0px 1fr;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  -webkit-column-gap: 0px;
     -moz-column-gap: 0px;
          column-gap: 0px;
  row-gap: 10px;
}
.timeinbloom-fixed__spec dl dt, .timeinbloom-fixed__spec dl dd {
  font-family: "Editors Note", serif;
  font-size: 11px;
  letter-spacing: 0.1em;
  line-height: 1;
  font-weight: 300;
}
.timeinbloom-fixed__spec dl dd {
  text-align: right;
}

.timeinbloom-fixed__logo.is-mask-source,
.timeinbloom-fixed__sitetitle.is-mask-source,
.timeinbloom-fixed__heading.is-mask-source {
  opacity: 0 !important;
  -webkit-transition: none !important;
  transition: none !important;
}

.timeinbloom-fixed__heading.is-noise-animating {
  visibility: hidden !important;
}

.timeinbloom-fixed-mask {
  position: fixed;
  inset: 0;
  z-index: 9;
  overflow: hidden;
  pointer-events: none;
  clip-path: inset(100% 0 0 0);
  will-change: clip-path;
}
.timeinbloom-fixed-mask .timeinbloom-fixed__logo,
.timeinbloom-fixed-mask .timeinbloom-fixed__sitetitle,
.timeinbloom-fixed-mask .timeinbloom-fixed__heading {
  -webkit-transition: none !important;
  transition: none !important;
}
.timeinbloom-fixed-mask .timeinbloom-fixed__heading-noise-canvas {
  position: absolute;
  z-index: 10;
  pointer-events: none;
  will-change: filter;
}

.js-prologue-heading,
.js-prologue-subheading,
.js-prologue-text {
  opacity: 0;
}
.js-prologue-heading.is-visible,
.js-prologue-subheading.is-visible,
.js-prologue-text.is-visible {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .js-prologue-heading,
  .js-prologue-subheading,
  .js-prologue-text {
    opacity: 1;
  }
}

.timeinbloom-fixed__text-char,
.timeinbloom-prologue__text-char {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: opacity, transform, filter;
}

.js-fixed-spec > dt,
.js-fixed-spec > dd {
  will-change: clip-path;
}

.timeinbloom-keyvisual {
  position: relative;
  isolation: isolate;
  width: 100%;
  height: 100vh;
  min-height: 800px;
  background-color: #fff;
  line-height: 0;
}
@media screen and (max-width: 767px) {
  .timeinbloom-keyvisual {
    height: 100dvh;
    min-height: 0;
  }
}
.timeinbloom-keyvisual__logo {
  position: relative;
  z-index: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 20px;
  line-height: 0;
}
@media screen and (max-width: 767px) {
  .timeinbloom-keyvisual__logo {
    padding-top: 10vw;
  }
}
.timeinbloom-keyvisual__logo a {
  width: 120px;
  aspect-ratio: 120/35;
}
@media screen and (max-width: 767px) {
  .timeinbloom-keyvisual__logo a {
    width: 28%;
  }
}
.timeinbloom-keyvisual__bloom-left, .timeinbloom-keyvisual__bloom-right {
  position: absolute;
  z-index: 1;
  line-height: 0;
  pointer-events: none;
}
.timeinbloom-keyvisual__bloom-left {
  top: 0;
  left: 0;
  width: 25%;
}
.timeinbloom-keyvisual__bloom-left img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .timeinbloom-keyvisual__bloom-left {
    width: 50%;
  }
}
.timeinbloom-keyvisual__bloom-right {
  right: 0;
  bottom: 0;
  width: 25%;
}
.timeinbloom-keyvisual__bloom-right img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .timeinbloom-keyvisual__bloom-right {
    width: 50%;
  }
}
.timeinbloom-keyvisual__title-left, .timeinbloom-keyvisual__title-right {
  font-family: "Editors Note", serif;
  font-size: 8px;
  letter-spacing: 0.1em;
  line-height: 1;
  font-weight: 100;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
@media screen and (max-width: 767px) {
  .timeinbloom-keyvisual__title-left, .timeinbloom-keyvisual__title-right {
    display: none;
  }
}
.timeinbloom-keyvisual__title-left {
  position: absolute;
  top: 40%;
  left: 20px;
}
.timeinbloom-keyvisual__title-right {
  position: absolute;
  top: 40%;
  right: 20px;
}
.timeinbloom-keyvisual__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 0;
}
.timeinbloom-keyvisual__visual {
  width: 80%;
  line-height: 0;
}
@media screen and (max-width: 767px) {
  .timeinbloom-keyvisual__visual {
    width: 90%;
    margin-top: 10vw;
  }
}
.timeinbloom-keyvisual__visual-visual {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 0;
}
@media screen and (max-width: 767px) {
  .timeinbloom-keyvisual__visual-visual {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.timeinbloom-keyvisual__visual-visual-item {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14.28571429%;
          flex: 0 0 14.28571429%;
  width: 14.28571429%;
  min-width: 0;
  line-height: 0;
  will-change: transform;
}
@media screen and (max-width: 767px) {
  .timeinbloom-keyvisual__visual-visual-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    width: 25%;
    will-change: auto;
  }
}
.timeinbloom-keyvisual__visual-visual-item-picture {
  display: block;
  width: 100%;
  line-height: 0;
}
.timeinbloom-keyvisual__visual-visual-item:nth-child(1) {
  margin-top: 6vw;
}
.timeinbloom-keyvisual__visual-visual-item:nth-child(2) {
  margin-top: 0vw;
}
.timeinbloom-keyvisual__visual-visual-item:nth-child(3) {
  margin-top: 2vw;
}
.timeinbloom-keyvisual__visual-visual-item:nth-child(4) {
  margin-top: 4vw;
}
.timeinbloom-keyvisual__visual-visual-item:nth-child(5) {
  margin-top: 6vw;
}
@media screen and (max-width: 767px) {
  .timeinbloom-keyvisual__visual-visual-item:nth-child(5) {
    margin-top: -12vw;
  }
}
.timeinbloom-keyvisual__visual-visual-item:nth-child(6) {
  margin-top: 3vw;
}
@media screen and (max-width: 767px) {
  .timeinbloom-keyvisual__visual-visual-item:nth-child(6) {
    margin-top: -18vw;
  }
}
.timeinbloom-keyvisual__visual-visual-item:nth-child(7) {
  margin-top: 0vw;
}
@media screen and (max-width: 767px) {
  .timeinbloom-keyvisual__visual-visual-item:nth-child(7) {
    margin-top: -16vw;
  }
}
.timeinbloom-keyvisual__visual-visual-item-media {
  position: relative;
  width: 100%;
  overflow: hidden;
  isolation: isolate;
  contain: paint;
}
.timeinbloom-keyvisual__visual-visual-item-image {
  display: block;
  width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  will-change: transform, clip-path, filter;
}
@media screen and (max-width: 767px) {
  .timeinbloom-keyvisual__visual-visual-item-image {
    -webkit-backface-visibility: visible;
            backface-visibility: visible;
    will-change: auto;
  }
}
.timeinbloom-keyvisual__visual-visual-item-image.is-switch {
  position: absolute;
  inset: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  clip-path: inset(100% 0 0 0);
}
@media screen and (max-width: 767px) {
  .timeinbloom-keyvisual__visual-visual-item-image.is-switch {
    clip-path: none;
  }
}
.timeinbloom-keyvisual__visual-visual-item-canvas {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  will-change: transform, opacity;
}
@media screen and (max-width: 767px) {
  .timeinbloom-keyvisual__visual-visual-item-canvas {
    display: none;
  }
}
.timeinbloom-keyvisual__visual-visual-item-media.is-canvas-ready .timeinbloom-keyvisual__visual-visual-item-image {
  opacity: 0;
  visibility: hidden;
}
.timeinbloom-keyvisual__visual-visual-item-media.is-canvas-ready .timeinbloom-keyvisual__visual-visual-item-canvas {
  opacity: 1;
}
.timeinbloom-keyvisual__visual-sitetitle {
  position: relative;
  z-index: 3;
  mix-blend-mode: difference;
  line-height: 0 !important;
  padding: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-top: -5.8vw;
}
@media screen and (max-width: 767px) {
  .timeinbloom-keyvisual__visual-sitetitle {
    margin-top: -2vw;
  }
}
.timeinbloom-keyvisual__visual-sitetitle-title {
  width: 40%;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.timeinbloom-keyvisual__visual-sitetitle-title img {
  width: 100%;
  line-height: 0 !important;
  padding: 0 !important;
}
@media screen and (max-width: 767px) {
  .timeinbloom-keyvisual__visual-sitetitle-title {
    width: 60%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .timeinbloom-keyvisual__visual-visual-item-image.is-switch {
    display: none;
  }
}
.timeinbloom-keyvisual__scroll-circle {
  display: none;
  position: absolute;
  bottom: -120px;
  left: calc(50% - 120px);
  width: 240px;
  aspect-ratio: 1/1;
  pointer-events: none;
}
.timeinbloom-keyvisual__scroll-circle span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  aspect-ratio: 1/1;
  background-color: #A9505C;
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(0);
      -ms-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  -webkit-animation: timeinbloom-scroll-circle 4.8s cubic-bezier(0.22, 1, 0.36, 1) infinite, timeinbloom-scroll-colors 12.6s linear infinite;
          animation: timeinbloom-scroll-circle 4.8s cubic-bezier(0.22, 1, 0.36, 1) infinite, timeinbloom-scroll-colors 12.6s linear infinite;
  will-change: transform, opacity, background-color;
}
.timeinbloom-keyvisual__scroll-circle span:nth-child(1) {
  -webkit-animation-delay: 0s, 0s;
          animation-delay: 0s, 0s;
}
.timeinbloom-keyvisual__scroll-circle span:nth-child(2) {
  -webkit-animation-delay: 0.2s, 0s;
          animation-delay: 0.2s, 0s;
}
.timeinbloom-keyvisual__scroll-circle span:nth-child(3) {
  -webkit-animation-delay: 0.4s, 0s;
          animation-delay: 0.4s, 0s;
}
.timeinbloom-keyvisual__scroll-bar {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 70px;
  overflow: hidden;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
}
.timeinbloom-keyvisual__scroll-bar-bar {
  width: 100%;
  height: 100%;
  background-color: #A9505C;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation: timeinbloom-scroll-bar 1.8s ease-in-out infinite, timeinbloom-scroll-colors 12.6s linear infinite;
          animation: timeinbloom-scroll-bar 1.8s ease-in-out infinite, timeinbloom-scroll-colors 12.6s linear infinite;
  will-change: transform, opacity, background-color;
}
@-webkit-keyframes timeinbloom-scroll-circle {
  0% {
    opacity: 0.3;
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes timeinbloom-scroll-circle {
  0% {
    opacity: 0.3;
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes timeinbloom-scroll-bar {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: top center;
            transform-origin: top center;
  }
  45% {
    opacity: 1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: top center;
            transform-origin: top center;
  }
  55% {
    opacity: 1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
  }
}
@keyframes timeinbloom-scroll-bar {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: top center;
            transform-origin: top center;
  }
  45% {
    opacity: 1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: top center;
            transform-origin: top center;
  }
  55% {
    opacity: 1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
  }
}
@-webkit-keyframes timeinbloom-scroll-colors {
  0% {
    background-color: #A9505C;
  }
  14.2857% {
    background-color: #9F631A;
  }
  28.5714% {
    background-color: #E15B63;
  }
  42.8571% {
    background-color: #107C8D;
  }
  57.1429% {
    background-color: #764DA4;
  }
  71.4286% {
    background-color: #266D44;
  }
  85.7143% {
    background-color: #938221;
  }
  100% {
    background-color: #A9505C;
  }
}
@keyframes timeinbloom-scroll-colors {
  0% {
    background-color: #A9505C;
  }
  14.2857% {
    background-color: #9F631A;
  }
  28.5714% {
    background-color: #E15B63;
  }
  42.8571% {
    background-color: #107C8D;
  }
  57.1429% {
    background-color: #764DA4;
  }
  71.4286% {
    background-color: #266D44;
  }
  85.7143% {
    background-color: #938221;
  }
  100% {
    background-color: #A9505C;
  }
}

.timeinbloom-section__heading {
  display: none;
}

.timeinbloom-content {
  position: relative;
  width: 100%;
  line-height: 0;
}
.timeinbloom-content__visual {
  width: 100%;
  line-height: 0;
  z-index: 1;
  overflow: hidden;
}
.timeinbloom-content__visual img {
  display: block;
  width: 100%;
  line-height: 0;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  will-change: transform;
}
.timeinbloom-content__prologue {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .timeinbloom-content__prologue {
    display: block;
  }
}
.timeinbloom-content__prologue-inner {
  width: 47%;
  color: #fff;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .timeinbloom-content__prologue-inner {
    margin-top: 40px;
    width: 40%;
    padding-right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .timeinbloom-content__prologue-inner {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.timeinbloom-content__prologue-text {
  max-width: 400px;
}
.timeinbloom-content__prologue-heading {
  font-family: YakuHanMP, "Editors Note", "FOT-マティス Pro L", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 1.8;
  font-weight: normal !important;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .timeinbloom-content__prologue-heading {
    font-family: YakuHanMP, "Editors Note", "FOT-マティス Pro L", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 1.8;
  }
}
@media screen and (max-width: 767px) {
  .timeinbloom-content__prologue-heading {
    margin-top: 40vw;
    font-family: YakuHanMP, "Editors Note", "FOT-マティス Pro L", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
    font-size: 5vw;
    letter-spacing: 0;
    line-height: 1.6;
  }
}
.timeinbloom-content__prologue-subheading {
  font-family: YakuHanMP, "Editors Note", "FOT-マティス Pro L", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.8;
  font-weight: normal !important;
}
@media screen and (max-width: 767px) {
  .timeinbloom-content__prologue-subheading {
    font-family: YakuHanMP, "Editors Note", "FOT-マティス Pro L", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.8;
  }
}
.timeinbloom-content__prologue-text {
  font-family: YakuHanMP, "Editors Note", "FOT-マティス Pro L", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 2.2;
  font-weight: normal !important;
}
.timeinbloom-content__text {
  display: none;
}
.timeinbloom-content__spec {
  display: none;
}

#smooth-wrapper {
  position: relative;
  z-index: 1;
  pointer-events: none;
}

#smooth-content > section:not(#footer) {
  pointer-events: auto;
}

#footer {
  width: 100%;
  height: 100vh;
  pointer-events: none;
}

.timeinbloom-footer {
  opacity: 0;
  -webkit-transition: all 400ms 0s ease-out;
  transition: all 400ms 0s ease-out;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100vh;
  line-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: auto;
}
.timeinbloom-footer.is-visible {
  opacity: 1;
}
.timeinbloom-footer__inner {
  position: relative;
}
@media screen and (max-width: 767px) {
  .timeinbloom-footer__inner {
    margin-top: -30vw;
  }
}
.timeinbloom-footer__sitetitle {
  text-align: center;
  padding-bottom: 40px;
}
.timeinbloom-footer__sitetitle img {
  width: 240px;
}
@media screen and (max-width: 767px) {
  .timeinbloom-footer__sitetitle img {
    width: 80%;
  }
}
.timeinbloom-footer__store {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 12px;
}
.timeinbloom-footer__store .store-icon {
  padding-right: 10px;
}
@media screen and (max-width: 767px) {
  .timeinbloom-footer__store .store-icon {
    padding-right: 4px;
  }
  .timeinbloom-footer__store .store-icon img {
    margin-top: 4px;
    width: 14px;
  }
}
.timeinbloom-footer__store .store-label {
  font-family: YakuHanMP, "Editors Note", "FOT-マティス Pro L", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .timeinbloom-footer__store .store-label {
    font-family: YakuHanMP, "Editors Note", "FOT-マティス Pro L", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.8;
  }
}
.timeinbloom-footer__store .store-label a {
  color: #000;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .timeinbloom-footer__store {
    margin-top: 3vw;
  }
}
.timeinbloom-footer__tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .timeinbloom-footer__tel.tb-pc {
    display: none;
  }
}
.timeinbloom-footer__tel.tb-pc.sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .timeinbloom-footer__tel {
    margin-top: 2vw;
    margin-bottom: 5vw;
    display: block;
    text-align: center;
  }
}
.timeinbloom-footer__tel .tel-icon {
  padding-right: 10px;
}
@media screen and (max-width: 767px) {
  .timeinbloom-footer__tel .tel-icon {
    padding-right: 0px;
  }
  .timeinbloom-footer__tel .tel-icon img {
    width: 14px;
    margin-bottom: -2px;
  }
}
.timeinbloom-footer__tel .tel-label {
  font-family: YakuHanMP, "Editors Note", "FOT-マティス Pro L", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.8;
  padding-right: 10px;
}
@media screen and (max-width: 767px) {
  .timeinbloom-footer__tel .tel-label {
    font-family: YakuHanMP, "Editors Note", "FOT-マティス Pro L", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.8;
  }
}
.timeinbloom-footer__tel .tel-tel {
  font-family: YakuHanMP, "Editors Note", "FOT-マティス Pro L", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
  font-size: 14px;
  letter-spacing: 0.15em;
  line-height: 1.8;
  padding-right: 10px;
}
@media screen and (max-width: 767px) {
  .timeinbloom-footer__tel .tel-tel {
    font-family: YakuHanMP, "Editors Note", "FOT-マティス Pro L", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
    font-size: 13px;
    letter-spacing: 0.15em;
    line-height: 1.8;
  }
}
.timeinbloom-footer__tel .tel-tel a {
  color: #000;
  text-decoration: none;
}
.timeinbloom-footer__tel .tel-store {
  font-family: YakuHanMP, "Editors Note", "FOT-マティス Pro L", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.8;
}
.timeinbloom-footer__tel-line1 {
  width: 100%;
}
.timeinbloom-footer__tel-line2 {
  width: 100%;
}
.timeinbloom-footer__officialsite a {
  font-family: "Editors Note", serif;
  font-size: 14px;
  letter-spacing: 0.15em;
  line-height: 1.8;
  color: #000;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .timeinbloom-footer__officialsite a {
    font-family: "Editors Note", serif;
    font-size: 10px;
    letter-spacing: 0.15em;
    line-height: 1.2;
  }
}
.timeinbloom-footer__logo {
  position: absolute;
  text-align: center;
  bottom: 70px;
}
.timeinbloom-footer__logo a {
  display: inline-block;
  width: 140px;
}
.timeinbloom-footer__logo a img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .timeinbloom-footer__logo a {
    width: 100px;
  }
}
@media screen and (max-width: 767px) {
  .timeinbloom-footer__logo {
    bottom: 60px;
  }
}
.timeinbloom-footer__copyright {
  position: absolute;
  text-align: center;
  bottom: 20px;
  font-family: "Editors Note", serif;
  font-size: 10px;
  letter-spacing: 0.15em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .timeinbloom-footer__copyright {
    bottom: 20px;
    font-family: "Editors Note", serif;
    font-size: 8px;
    letter-spacing: 0.15em;
    line-height: 1;
  }
}

.u-line-motion {
  width: 100%;
}
.u-line-motion a {
  position: relative;
  display: block;
  width: 100%;
  padding: 14px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  text-align: center;
  text-decoration: none;
}
.u-line-motion a::before, .u-line-motion a::after {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #333;
  pointer-events: none;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.4s ease-out;
  transition: -webkit-transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
}
.u-line-motion a::before {
  top: -1px;
}
.u-line-motion a::after {
  bottom: -1px;
}
.u-line-motion:hover a::before,
.u-line-motion:hover a::after {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}

@media screen and (max-width: 767px) {
  .timeinbloom-fixed-mask {
    display: none !important;
  }
  .timeinbloom-fixed__heading {
    opacity: 0;
    visibility: hidden;
  }
  .timeinbloom-fixed__heading.is-visible {
    opacity: 1;
    visibility: visible;
  }
  .timeinbloom-fixed__spec,
  .timeinbloom-fixed__contact {
    visibility: hidden;
    pointer-events: none;
  }
  .timeinbloom-fixed__spec.is-visible,
  .timeinbloom-fixed__contact.is-visible {
    visibility: visible;
    pointer-events: auto;
  }
  .timeinbloom-fixed__logo svg path,
  .timeinbloom-fixed__sitetitle svg path {
    -webkit-transition: fill 280ms ease-out;
    transition: fill 280ms ease-out;
  }
  .timeinbloom-content__visual img {
    will-change: auto;
  }
}