/** Shopify CDN: Minification failed

Line 1694:2 "transiton" is not a known CSS property
Line 1698:2 "transiton" is not a known CSS property
Line 2389:4 "transiton" is not a known CSS property
Line 2393:4 "transiton" is not a known CSS property
Line 3015:2 "transiton" is not a known CSS property
Line 3019:2 "transiton" is not a known CSS property
Line 3777:31 The "-" operator only works if there is whitespace on both sides
Line 3994:2 "transiton" is not a known CSS property

**/
@charset "UTF-8";
@font-face {
  font-family: 'Noto Sans CJK JP';
  font-style: normal;
  font-weight: 100;
  src: url("/cdn/shop/files/NotoSansCJKjp-Thin.eot?v=1605668965") format("eot");
  src: url("/cdn/shop/files/NotoSansCJKjp-Thin.woff2?v=1605668964") format("woff2"), url("/cdn/shop/files/NotoSansCJKjp-Thin.woff?v=1605668964") format("woff"), url("/cdn/shop/files/NotoSansCJKjp-Thin.ttf?v=1605668963") format("truetype"), url("/cdn/shop/files/NotoSansCJKjp-Thin.eot?v=1605668965") format("embedded-opentype"); }

@font-face {
  font-family: 'Noto Sans CJK JP';
  font-style: normal;
  font-weight: 200;
  src: url("/cdn/shop/files/NotoSansCJKjp-Light.eot?v=1605668962") format("eot");
  src: url("/cdn/shop/files/NotoSansCJKjp-Light.woff2?v=1605668964") format("woff2"), url("/cdn/shop/files/NotoSansCJKjp-Light.woff?v=1605668964") format("woff"), url("/cdn/shop/files/NotoSansCJKjp-Light.ttf?v=1605668965") format("truetype"), url("./cdn/shop/files/NotoSansCJKjp-Light.eot?v=1605668962") format("embedded-opentype"); }

@font-face {
  font-family: 'Noto Sans CJK JP';
  font-style: normal;
  font-weight: 300;
  src: url("/cdn/shop/files/NotoSansCJKjp-DemiLight.eot?v=1605668962") format("eot");
  src: url("/cdn/shop/files/NotoSansCJKjp-DemiLight.woff2?v=1605668964") format("woff2"), url("/cdn/shop/files/NotoSansCJKjp-DemiLight.woff?v=1605668965") format("woff"), url("/cdn/shop/files/NotoSansCJKjp-DemiLight.ttf?v=1605668962") format("truetype"), url("/cdn/shop/files/NotoSansCJKjp-DemiLight.eot?v=1605668962") format("embedded-opentype"); }

@font-face {
  font-family: 'Noto Sans CJK JP';
  font-style: normal;
  font-weight: 400;
  src: url("/cdn/shop/files/NotoSansCJKjp-Regular.eot?v=1605668962") format("eot");
  src: url("/cdn/shop/files/NotoSansCJKjp-Regular.woff2?v=1605668961") format("woff2"), url("/cdn/shop/files/NotoSansCJKjp-Regular.woff?v=1605668962") format("woff"), url("/cdn/shop/files/NotoSansCJKjp-Regular.ttf?v=1605668965") format("truetype"), url("/cdn/shop/files/NotoSansCJKjp-Regular.eot?v=1605668962") format("embedded-opentype"); }

@font-face {
  font-family: 'Noto Sans CJK JP';
  font-style: normal;
  font-weight: 500;
  src: url("/cdn/shop/files/NotoSansCJKjp-Medium.eot?v=1605668962") format("eot");
  src: url("/cdn/shop/files/NotoSansCJKjp-Medium.woff2?v=1605668962") format("woff2"), url("/cdn/shop/files/NotoSansCJKjp-Medium.woff?v=1605668962") format("woff"), url("/cdn/shop/files/NotoSansCJKjp-Medium.ttf?v=1605668965") format("truetype"), url("/cdn/shop/files/NotoSansCJKjp-Medium.eot?v=1605668962") format("embedded-opentype"); }

@font-face {
  font-family: 'Noto Sans CJK JP';
  font-style: normal;
  font-weight: 700;
  src: url("/cdn/shop/files/NotoSansCJKjp-Bold.eot?v=1605668962") format("eot");
  src: url("/cdn/shop/files/NotoSansCJKjp-Bold.woff2?v=1605668964") format("woff2"), url("/cdn/shop/files/NotoSansCJKjp-Bold.woff?v=1605668964") format("woff"), url("/cdn/shop/files/NotoSansCJKjp-Bold.ttf?v=1605668962") format("truetype"), url("/cdn/shop/files/NotoSansCJKjp-Bold.eot?v=1605668962") format("embedded-opentype"); }

@font-face {
  font-family: 'Noto Sans CJK JP';
  font-style: normal;
  font-weight: 900;
  src: url("/cdn/shop/files/NotoSansCJKjp-Black.eot?v=1605668962") format("eot");
  src: url("/cdn/shop/files/NotoSansCJKjp-Black.woff2?v=1605668961") format("woff2"), url("/cdn/shop/files/NotoSansCJKjp-Black.woff?v=1605668964") format("woff"), url("/cdn/shop/files/NotoSansCJKjp-Black.ttf?v=1605668962") format("truetype"), url("/cdn/shop/files/NotoSansCJKjp-Black.eot?v=1605668962") format("embedded-opentype"); }

@font-face {
  font-family: 'HuiFontP';
  src: url("/cdn/shop/files/HuiFontP29.ttf") format("truetype"); }

@font-face {
  font-family: 'Honoka Maru-Gothic';
  src: url("/cdn/shop/files/font_1_honokamarugo_1.1.eot") format("eot");
  src: url("/cdn/shop/files/font_1_honokamarugo_1.1.ttf") format("truetype"); }

body {
  font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif !important;
  font-weight: 400; }

p {
  font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif !important;
  font-weight: 400; }

.pc-visible {
  display: block; }
  @media only screen and (max-width: 768px) {
    .pc-visible {
      display: none; } }

.sp-visible {
  display: none; }
  @media only screen and (max-width: 768px) {
    .sp-visible {
      display: block; } }

.breadcrumb {
  max-width: 1400px;
  padding: 0 60px;
  margin: auto; }
  @media only screen and (max-width: 768px) {
    .breadcrumb {
      padding: 0 20px; } }
  .breadcrumb .divider {
    padding: 0 5px; }
  .breadcrumb span:last-of-type {
    border-bottom: 1px solid #361D00; }

.product-width > .breadcrumb {
  padding: 0 0 20px; }

.btn {
  font-size: 14px !important;
  border-radius: 3px !important;
  min-width: 270px !important;
  padding: 15px 20px !important; }
  @media only screen and (max-width: 768px) {
    .btn {
      min-width: initial !important; } }
  .btn.white {
    color: #361d00 !important;
    background-image: url(//qlivegarden.com/cdn/shop/t/43/assets/common_arrow_btn-brown-2x.png) !important;
    background-color: white !important; }
  .btn.line {
    display: block;
    color: #361d00 !important;
    background-image: url(//qlivegarden.com/cdn/shop/t/43/assets/common_arrow_btn-brown-2x.png) !important;
    background-color: white !important;
    border: 1px solid #361D00; }
  .btn.download {
    display: block;
    font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif;
    font-size: 18px !important;
    background-color: #224808 !important;
    width: 420px;
    height: 72px;
    line-height: 40px;
    margin: 60px auto; }
    @media only screen and (max-width: 590px) {
      .btn.download {
        width: 100%;
        height: auto;
        margin: 20px auto; } }

.payment-buttons .add-to-cart,
.payment-buttons .add-to-cart--secondary {
  background-color: #224808 !important;
  color: white !important; }

.payment-buttons .add-to-cart,
.payment-buttons .shopify-payment-button,
.payment-buttons .shopify-payment-button__button--unbranded {
  border-radius: 3px;
  font-size: 14px; }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  h1,
  h2,
  h3,
  h4,
  h5 {
    font-family: "Noto Serif", "Noto Serif JP", "Noto Serif CJK", "Hiragino Mincho ProN", "Hiragino Mincho Pro"; } }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .h1,
  .h2,
  .h3,
  .h4,
  .h5 {
    font-family: "Noto Serif", "Noto Serif JP", "Noto Serif CJK", "Hiragino Mincho ProN", "Hiragino Mincho Pro"; } }

.android h1,
.android h2,
.android h3,
.android h4,
.android h5 {
  font-family: "Noto Serif JP", serif; }
.android .h1,
.android .h2,
.android .h3,
.android .h4,
.android .h5 {
  font-family: "Noto Serif JP", serif; }

@media only screen and (min-width: 590px) {
  .site-header {
    padding: 5px 0; } }
.site-header .header-width {
  margin: auto;
  padding: 0 20px;
  /*     @include notSp(590px){
        padding: 0 40px;
      } */
  /*     @include notSp(800px){
        padding: 0 20px;
      } */ }
  @media only screen and (min-width: 590px) {
    .site-header .header-width {
      padding: 0 20px; } }
  @media only screen and (min-width: 1000px) {
    .site-header .header-width {
      padding: 0 60px; } }
@media only screen and (max-width: 1120px) {
  .site-header .site-header__logo a {
    max-width: 140px; } }
.site-header .site-nav__item .icon-chevron-down {
  width: 13px;
  height: 13px;
  margin-bottom: 3px; }
@media only screen and (max-width: 1100px) {
  .site-header .header-item.header-item--logo {
    flex: 0 0 170px; } }
@media only screen and (max-width: 1400px) {
  .site-header .header-item.header-item--icons {
    flex: 0 0 150px; } }
@media only screen and (max-width: 1200px) {
  .site-header .header-item.header-item--icons {
    flex: 0 0 80px;
    min-width: 80px; } }
.site-header .site-nav__link,
.site-header .site-nav__dropdown-link {
  font-family: "Noto Serif", "Noto Serif JP", "Noto Serif CJK", "Hiragino Mincho ProN", "Hiragino Mincho Pro" !important;
  font-weight: 300;
  stroke-width: 0.5; }
  @media only screen and (max-width: 1120px) {
    .site-header .site-nav__link,
    .site-header .site-nav__dropdown-link {
      font-size: 12px; } }
.site-header .site-nav__link {
  padding-left: 25px;
  padding-right: 25px; }
  @media only screen and (max-width: 1530px) {
    .site-header .site-nav__link {
      padding-left: 15px;
      padding-right: 15px; } }
  @media only screen and (max-width: 1400px) {
    .site-header .site-nav__link {
      padding-left: 5px;
      padding-right: 5px;
      font-size: 11px; } }
  @media only screen and (max-width: 800px) {
    .site-header .site-nav__link {
      padding-left: 2px;
      padding-right: 2px; } }
  @media only screen and (max-width: 768px) {
    .site-header .site-nav__link {
      padding-left: 5px;
      padding-right: 5px; } }
.site-header .icon-chevron-down path {
  stroke-width: 0.5; }
.site-header.site-header-index .menu_qlivegarden path,
.site-header.site-header-index .menu_commit path,
.site-header.site-header-index .menu_serum path,
.site-header.site-header-index .menu_news path,
.site-header.site-header-index .menu_product path,
.site-header.site-header-index .menu_shop path,
.site-header.site-header-index .menu_gallery path {
  fill: #ffffff;
  stroke: #ffffff; }
.site-header.site-header-index .menu_qlivegarden line, .site-header.site-header-index .menu_qlivegarden polyline,
.site-header.site-header-index .menu_commit line,
.site-header.site-header-index .menu_commit polyline,
.site-header.site-header-index .menu_serum line,
.site-header.site-header-index .menu_serum polyline,
.site-header.site-header-index .menu_news line,
.site-header.site-header-index .menu_news polyline,
.site-header.site-header-index .menu_product line,
.site-header.site-header-index .menu_product polyline,
.site-header.site-header-index .menu_shop line,
.site-header.site-header-index .menu_shop polyline,
.site-header.site-header-index .menu_gallery line,
.site-header.site-header-index .menu_gallery polyline {
  stroke: #ffffff; }

.mobile-nav__item {
  font-family: "Noto Serif", "Noto Serif JP", "Noto Serif CJK", "Hiragino Mincho ProN", "Hiragino Mincho Pro"; }

.mobile-nav__link--button {
  font-family: "Noto Serif", "Noto Serif JP", "Noto Serif CJK", "Hiragino Mincho ProN", "Hiragino Mincho Pro"; }

.mobile-nav__sublist .mobile-nav__link {
  font-family: "Noto Serif", "Noto Serif JP", "Noto Serif CJK", "Hiragino Mincho ProN", "Hiragino Mincho Pro"; }

.site-nav.site-navigation {
  margin: 50px auto 0 !important; }

@media only screen and (min-width: 590px) {
  .site-header--stuck {
    /*     padding:30px 0; */ } }

.menu_qlivegarden,
.menu_commit,
.menu_news,
.menu_serum,
.menu_product,
.menu_shop,
.menu_gallery {
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  margin: auto; }
  @media only screen and (max-width: 768px) {
    .menu_qlivegarden,
    .menu_commit,
    .menu_news,
    .menu_serum,
    .menu_product,
    .menu_shop,
    .menu_gallery {
      display: none; } }

.menu_qlivegarden {
  width: 42px; }

.menu_commit {
  width: 39px; }

.menu_serum {
  width: 19px;
  margin-top: -15px; }

.menu_news {
  width: 34px;
  margin-top: 5px; }

.menu_product {
  width: 30px;
  top: -40px; }

.menu_shop {
  width: 43px; }

.menu_gallery {
  width: 42px; }

.site-header--stuck .menu_qlivegarden path,
.site-header--stuck .menu_commit path,
.site-header--stuck .menu_serum path,
.site-header--stuck .menu_news path,
.site-header--stuck .menu_product path,
.site-header--stuck .menu_shop path,
.site-header--stuck .menu_gallery path {
  fill: #474645 !important;
  stroke: #474645 !important; }
.site-header--stuck .menu_qlivegarden line, .site-header--stuck .menu_qlivegarden polyline,
.site-header--stuck .menu_commit line,
.site-header--stuck .menu_commit polyline,
.site-header--stuck .menu_serum line,
.site-header--stuck .menu_serum polyline,
.site-header--stuck .menu_news line,
.site-header--stuck .menu_news polyline,
.site-header--stuck .menu_product line,
.site-header--stuck .menu_product polyline,
.site-header--stuck .menu_shop line,
.site-header--stuck .menu_shop polyline,
.site-header--stuck .menu_gallery line,
.site-header--stuck .menu_gallery polyline {
  stroke: #474645 !important; }

.site-header-index .site-nav--has-dropdown.is-focused .menu_qlivegarden {
  transition: all .5s;
  top: -40px; }
.site-header-index.site-header--stuck .site-nav--has-dropdown.is-focused .menu_qlivegarden, .site-header-index.site-header--opening .site-nav--has-dropdown.is-focused .menu_qlivegarden {
  top: -30px; }

.mobile-nav__item a {
  font-family: "Noto Serif JP", serif;
  font-weight: 300; }

.header-wrapper--overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, transparent); }

.site-footer {
  position: relative;
  padding: 100px 0 0;
  margin-top: 60px; }
  @media only screen and (max-width: 768px) {
    .site-footer {
      padding: 80px 0 0;
      margin-top: 30px; } }
  @media only screen and (max-width: 590px) {
    .site-footer {
      padding: 0; } }
  .site-footer:before {
    content: '';
    width: 100%;
    height: 100px;
    background: url("/cdn/shop/files/footer_line.png?v=1608025239") repeat-x;
    background-size: auto 100%;
    position: absolute;
    top: -60px; }
    @media only screen and (max-width: 768px) {
      .site-footer:before {
        background-size: 170%;
        top: -30px; } }
  .site-footer .footer-width {
    margin: auto;
    padding: 20px 20px 0; }
    @media only screen and (min-width: 590px) {
      .site-footer .footer-width {
        padding: 0 40px; } }
    @media only screen and (min-width: 1000px) {
      .site-footer .footer-width {
        max-width: 1276px;
        margin: auto;
        padding: 0 72px 40px; } }
    @media only screen and (min-width: 769px) {
      .site-footer .footer-width > .grid {
        display: flex;
        position: relative; } }
    @media only screen and (min-width: 769px) {
      .site-footer .footer-width .footer__logo-social {
        position: absolute;
        top: 50%;
        transform: translateY(-50%); } }
    .site-footer .footer-width .footer__logo a {
      height: 45px; }
      @media only screen and (min-width: 769px) {
        .site-footer .footer-width .footer__logo a {
          height: 55px; } }
    .site-footer .footer-width .fotter__logo-address {
      font-size: 10px;
      margin-top: 5px;
      margin-bottom: 0;
      text-align: left; }
      @media only screen and (min-width: 769px) {
        .site-footer .footer-width .fotter__logo-address {
          font-size: 12px;
          text-align: center; } }
    .site-footer .footer-width .footer__logo {
      margin-bottom: 10px; }
    .site-footer .footer-width .footer__social {
      display: block; }
      @media only screen and (min-width: 769px) {
        .site-footer .footer-width .footer__social {
          display: none; } }
    @media only screen and (min-width: 590px) {
      .site-footer .footer-width .footer__item--1494301487049 {
        margin: 20px 0; } }
    @media only screen and (min-width: 769px) {
      .site-footer .footer-width .footer__item--1494301487049 {
        margin: 0; } }
    .site-footer .footer-width .footer__item--1494301487049 .site-footer__linklist li a {
      font-size: 12px; }
    .site-footer .footer-width .footer__item--1603169282087 .site-footer__linklist li:first-child {
      width: 100%;
      margin-bottom: 0; }
      @media only screen and (min-width: 590px) {
        .site-footer .footer-width .footer__item--1603169282087 .site-footer__linklist li:first-child {
          margin-bottom: 20px; } }
      .site-footer .footer-width .footer__item--1603169282087 .site-footer__linklist li:first-child a {
        border: 1.5px solid #361D00;
        text-align: center;
        line-height: 45px; }
    .site-footer .footer-width .footer__item--1603169282087 .site-footer__linklist li:nth-child(2) {
      display: none; }
      @media only screen and (min-width: 769px) {
        .site-footer .footer-width .footer__item--1603169282087 .site-footer__linklist li:nth-child(2) {
          display: inline-block;
          width: 20%;
          flex-basis: 20%; } }
      .site-footer .footer-width .footer__item--1603169282087 .site-footer__linklist li:nth-child(2) a {
        font-size: 20px; }
        @media only screen and (min-width: 769px) {
          .site-footer .footer-width .footer__item--1603169282087 .site-footer__linklist li:nth-child(2) a {
            font-size: 27px; } }
    .site-footer .footer-width .footer__item--1603169282087 .site-footer__linklist li:nth-child(3) {
      display: none; }
      @media only screen and (min-width: 769px) {
        .site-footer .footer-width .footer__item--1603169282087 .site-footer__linklist li:nth-child(3) {
          display: inline-block;
          width: 20%;
          flex-basis: 20%; } }
      .site-footer .footer-width .footer__item--1603169282087 .site-footer__linklist li:nth-child(3) a {
        font-size: 20px; }
        @media only screen and (min-width: 769px) {
          .site-footer .footer-width .footer__item--1603169282087 .site-footer__linklist li:nth-child(3) a {
            font-size: 27px; } }
    .site-footer .footer-width .menu_qlivegarden,
    .site-footer .footer-width .menu_news,
    .site-footer .footer-width .menu_serum,
    .site-footer .footer-width .menu_product,
    .site-footer .footer-width .menu_gallery {
      display: none; }
    @media only screen and (min-width: 769px) {
      .site-footer .footer-width .footer__item--1603253041142 {
        position: absolute;
        left: 75%;
        bottom: 0; } }
    .site-footer .footer-width .footer__item--1603253041142 .footer__title {
      font-size: 11px;
      letter-spacing: normal; }
    .site-footer .footer-width .footer__item--1603253041142 p {
      font-size: 11px;
      margin-bottom: 0; }
    @media only screen and (min-width: 769px) {
      .site-footer .footer-width .footer__item--1603253070085 {
        position: absolute;
        right: 0;
        bottom: 0; } }
    .site-footer .footer-width .footer__item--1603253070085 p {
      font-size: 10px; }
      @media only screen and (min-width: 769px) {
        .site-footer .footer-width .footer__item--1603253070085 p {
          font-family: "Roboto", sans-serif;
          text-align: right; } }
    .site-footer .footer-width .grid__item:nth-of-type(5):after, .site-footer .footer-width .grid__item:nth-of-type(6):after, .site-footer .footer-width .grid__item:nth-of-type(7):after {
      display: none; }
    .site-footer .footer-width .grid__item:nth-of-type(5) .footer_collapsible--disabled, .site-footer .footer-width .grid__item:nth-of-type(6) .footer_collapsible--disabled, .site-footer .footer-width .grid__item:nth-of-type(7) .footer_collapsible--disabled {
      padding-bottom: 0; }
  .site-footer .copyright {
    background-color: #E8E4D5;
    padding: 12px 5px;
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-size: 10px; }

.logo-anime {
  z-index: 500;
  position: fixed;
  width: 100%;
  height: 100vh;
  background: #fff;
  display: none; }
  .logo-anime .logo-anime__inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    height: auto; }
    @media only screen and (max-width: 768px) {
      .logo-anime .logo-anime__inner {
        width: 100%;
        max-width: 500px; } }
    .logo-anime .logo-anime__inner.is-view img {
      opacity: 1;
      transform: translateY(0); }
  .logo-anime.is-view {
    display: block; }

.btn.product__photo-zoom,
.btn.pswp__button {
  border-radius: 50% !important;
  padding: 10px !important;
  min-width: 0 !important; }

.product-width {
  max-width: 1080px;
  margin: 0 auto; }
  @media only screen and (min-width: 590px) {
    .product-width {
      padding: 0 40px; } }
  @media only screen and (min-width: 590px) {
    .product-width > .grid > .grid__item.medium-up--one-half:first-of-type {
      position: sticky;
      top: 150px; } }
  .product-width .product__thumbs--beside {
    max-width: none;
    flex: none;
    margin: 20px 0 0; }
    .product-width .product__thumbs--beside .slick-list {
      height: auto !important; }
      .product-width .product__thumbs--beside .slick-list .slick-track {
        height: 100% !important;
        transform: translateY(0) !important; }
        .product-width .product__thumbs--beside .slick-list .slick-track .product__thumb-item {
          width: calc(calc(100% - 80px) /5) !important;
          margin-right: 20px;
          border: none !important; }
          .product-width .product__thumbs--beside .slick-list .slick-track .product__thumb-item:nth-child(5n) {
            margin-right: 0; }
        .product-width .product__thumbs--beside .slick-list .slick-track .product__thumb-item.slick-current {
          border-color: transparent !important; }
        .product-width .product__thumbs--beside .slick-list .slick-track .product__thumb-item a:focus:before {
          box-shadow: inset 0 0 0 2px transparent !important; }
  .product-width .image-wrap .btn:active {
    opacity: 0; }
  .product-width .product-single__title {
    font-size: 28px;
    margin-bottom: 20px; }
  .product-width .product__price {
    font-size: 18px;
    font-weight: 400; }
  .product-width .product__pricetax {
    font-size: 15px;
    font-weight: 400; }
  .product-width .product__capacity {
    font-size: 18px;
    margin-top: 15px; }
  .product-width .product-single__form {
    margin-top: 80px; }
    .product-width .product-single__form:after {
      content: "";
      display: table;
      clear: both; }
  .product-width .product__quantity label {
    display: none; }
  .product-width .payment-buttons {
    float: right;
    width: calc(100% - 120px); }
    @media only screen and (max-width: 1000px) {
      .product-width .payment-buttons {
        float: none;
        width: 100%; } }
    .product-width .payment-buttons .btn {
      min-width: 1px !important;
      font-size: 16px !important; }
    .product-width .payment-buttons .add-to-cart.add-to-cart--secondary svg {
      margin-right: 8px;
      margin-bottom: 3px;
      transition: all .5s; }
    .product-width .payment-buttons .shopify-payment-button__button--unbranded {
      font-size: 16px !important; }
  .product-width .product-single__description {
    margin-top: 25px; }

.product-info {
  margin-top: 80px; }
  .product-info .product-info__item {
    padding: 10px 0; }
    .product-info .product-info__item .head {
      cursor: pointer;
      position: relative;
      margin-bottom: 20px; }
      .product-info .product-info__item .head h3 {
        font-weight: bold;
        font-size: 15px;
        margin-left: 15px; }
    .product-info .product-info__item .content {
      font-size: 15px; }
      .product-info .product-info__item .content h4 {
        font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif;
        font-size: 14px;
        font-weight: 500; }
      .product-info .product-info__item .content p {
        font-size: 14px; }
      .product-info .product-info__item .content .img-box {
        display: flex;
        justify-content: flex-start; }
        .product-info .product-info__item .content .img-box .img {
          width: 33%;
          flex-basis: 33%;
          padding-right: 5%; }
      .product-info .product-info__item .content ul {
        margin-left: 0;
        margin-bottom: 0; }
        .product-info .product-info__item .content ul li {
          display: flex;
          justify-content: space-between;
          padding: 15px;
          border-top: 1px solid #707070;
          margin-bottom: 0; }
          .product-info .product-info__item .content ul li h4 {
            width: 30%;
            flex-basis: 30%;
            font-size: 15px;
            font-weight: normal;
            margin-bottom: 0; }
          .product-info .product-info__item .content ul li p {
            width: 60%;
            flex-basis: 60%;
            font-size: 15px;
            margin-bottom: 0; }

.product-detail {
  margin: 180px auto 80px;
  padding: 0 40px;
  max-width: 1280px; }
  @media only screen and (max-width: 768px) {
    .product-detail {
      margin: 40px auto 0;
      padding: 0; } }
  .product-detail .product-detail__inner {
    background-image: url("/cdn/shop/files/bg_paper.jpg?v=1603277365");
    background-repeat: repeat;
    padding: 0 60px 60px;
    position: relative; }
    @media only screen and (max-width: 1280px) {
      .product-detail .product-detail__inner {
        padding: 0 40px; } }
    @media only screen and (max-width: 768px) {
      .product-detail .product-detail__inner {
        padding: 0 20px; } }
    .product-detail .product-detail__inner:before {
      content: '';
      display: block;
      width: calc(100% + 120px);
      height: 325px;
      background-color: #ffffff;
      margin-left: -60px; }
      @media only screen and (max-width: 1280px) {
        .product-detail .product-detail__inner:before {
          width: calc(100% + 80px);
          margin-left: -40px; } }
      @media only screen and (max-width: 768px) {
        .product-detail .product-detail__inner:before {
          width: calc(100% + 40px);
          height: 200px;
          margin-left: -20px; } }
      @media only screen and (max-width: 590px) {
        .product-detail .product-detail__inner:before {
          height: 150px; } }
    .product-detail .product-detail__inner.recipi-top-none {
      padding: 60px; }
      @media only screen and (max-width: 1280px) {
        .product-detail .product-detail__inner.recipi-top-none {
          padding: 40px; } }
      @media only screen and (max-width: 768px) {
        .product-detail .product-detail__inner.recipi-top-none {
          padding: 20px; } }
      .product-detail .product-detail__inner.recipi-top-none:before {
        display: none; }
  .product-detail .product-detail__slider {
    margin: -325px auto 40px; }
    @media only screen and (max-width: 768px) {
      .product-detail .product-detail__slider {
        margin: -130px auto 20px; } }
    @media only screen and (max-width: 590px) {
      .product-detail .product-detail__slider {
        margin: -150px auto 20px; } }
    .product-detail .product-detail__slider .inner {
      margin: auto;
      text-align: center; }
      .product-detail .product-detail__slider .inner .img {
        display: inline-block; }
  .product-detail .product-detail__item {
    margin: auto;
    padding: 40px 0;
    max-width: 990px; }
    @media only screen and (max-width: 768px) {
      .product-detail .product-detail__item {
        padding: 25px 0; } }
    .product-detail .product-detail__item:after {
      content: '';
      display: block;
      background-image: url("/cdn/shop/files/product_line.png?v=1606818250");
      background-repeat: repeat-x;
      background-size: contain;
      width: 90%;
      height: 3px;
      margin: 80px auto 0; }
      @media only screen and (max-width: 768px) {
        .product-detail .product-detail__item:after {
          margin: 50px auto 0;
          background-size: cover; } }
    .product-detail .product-detail__item .head {
      cursor: pointer;
      position: relative;
      margin-bottom: 30px; }
      .product-detail .product-detail__item .head h3 {
        font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif;
        font-weight: bold;
        font-size: 24px;
        display: inline;
        background: linear-gradient(transparent 60%, #d2e38c 0%); }
      .product-detail .product-detail__item .head p {
        font-size: 15px;
        margin-top: 30px; }
    .product-detail .product-detail__item .content {
      font-size: 15px;
      margin-bottom: 20px; }
      .product-detail .product-detail__item .content h4 {
        font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif;
        font-size: 15px;
        font-weight: 500; }
      .product-detail .product-detail__item .content p {
        font-size: 15px; }
      .product-detail .product-detail__item .content .img-box {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start; }
        @media only screen and (max-width: 768px) {
          .product-detail .product-detail__item .content .img-box {
            justify-content: space-evenly; } }
        .product-detail .product-detail__item .content .img-box .img {
          width: 33%;
          flex-basis: 33%;
          padding-right: 5%; }
          @media only screen and (max-width: 768px) {
            .product-detail .product-detail__item .content .img-box .img {
              width: 30%;
              flex-basis: 30%;
              padding-right: 0; } }
      .product-detail .product-detail__item .content dl {
        font-size: 0;
        letter-spacing: -.1em;
        margin: 0; }
        .product-detail .product-detail__item .content dl dt {
          display: inline-block;
          vertical-align: top;
          width: 30%;
          margin-bottom: 10px;
          margin-right: 10%;
          font-size: 15px; }
        .product-detail .product-detail__item .content dl dd {
          display: inline-block;
          vertical-align: top;
          width: 60%;
          margin-bottom: 10px;
          margin-left: 0;
          font-size: 15px; }
    .product-detail .product-detail__item .chef-card {
      display: flex;
      justify-content: space-between; }
      @media only screen and (max-width: 768px) {
        .product-detail .product-detail__item .chef-card {
          display: block; } }
      .product-detail .product-detail__item .chef-card:not(:last-of-type) {
        margin-bottom: 30px; }
      .product-detail .product-detail__item .chef-card .img {
        width: 41.8%;
        flex-basis: 41.8%; }
        @media only screen and (max-width: 768px) {
          .product-detail .product-detail__item .chef-card .img {
            width: 100%;
            text-align: center;
            margin-bottom: 20px; } }
      .product-detail .product-detail__item .chef-card .text {
        width: 50.5%;
        flex-basis: 50.5%; }
        @media only screen and (max-width: 768px) {
          .product-detail .product-detail__item .chef-card .text {
            width: 100%; } }
        .product-detail .product-detail__item .chef-card .text h5 {
          font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif;
          font-size: 16px;
          margin-bottom: 10px; }
        .product-detail .product-detail__item .chef-card .text h6 {
          font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif;
          font-size: 24px; }
        .product-detail .product-detail__item .chef-card .text p {
          font-size: 16px; }
        .product-detail .product-detail__item .chef-card .text .text__shop {
          background: #F2F0E7;
          padding: 20px; }
          .product-detail .product-detail__item .chef-card .text .text__shop .img {
            width: 100%; }
          .product-detail .product-detail__item .chef-card .text .text__shop .shop {
            font-size: 20px;
            border-bottom: 1px solid #707070;
            padding-bottom: 5px; }
          .product-detail .product-detail__item .chef-card .text .text__shop .detail {
            font-size: 14px;
            margin-bottom: 0; }
    .product-detail .product-detail__item.award .head {
      display: inline-block;
      width: 50%; }
      @media only screen and (max-width: 768px) {
        .product-detail .product-detail__item.award .head {
          width: 100%; } }
    .product-detail .product-detail__item.award .content {
      display: inline-block;
      margin-left: 4%;
      width: 45%; }
      @media only screen and (max-width: 768px) {
        .product-detail .product-detail__item.award .content {
          width: 100%;
          margin-left: 0; } }
    .product-detail .product-detail__item:last-of-type:after {
      display: none; }

.index-mainvisual {
  position: relative;
  line-height: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  backface-visibility: hidden; }
  .index-mainvisual .index-mainvisual__img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform-origin: center;
    transform: scale(1.05);
    transition: all .8s ease;
    overflow: hidden; }
    .index-mainvisual .index-mainvisual__img:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #bbb8b8;
      opacity: 0;
      transition: all 1s ease-in;
      transition-delay: .8s; }
      @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
        .index-mainvisual .index-mainvisual__img:before {
          background: rgba(30, 30, 30, 0.6);
          z-index: 2; } }
    .index-mainvisual .index-mainvisual__img img {
      object-fit: cover;
      min-height: 100%;
      min-width: 100%;
      mix-blend-mode: multiply; }
      @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
        .index-mainvisual .index-mainvisual__img img {
          max-width: none;
          height: 100%;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); } }
    .index-mainvisual .index-mainvisual__img.is-view {
      transform: scale(1); }
      .index-mainvisual .index-mainvisual__img.is-view:before {
        opacity: 1; }
        @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
          .index-mainvisual .index-mainvisual__img.is-view:before {
            background: rgba(30, 30, 30, 0.6); } }
      .index-mainvisual .index-mainvisual__img.is-view img {
        opacity: 1; }
  .index-mainvisual .index-mainvisual__inner {
    position: absolute;
    width: 95%;
    max-width: 700px;
    top: 60%;
    left: 9.5%;
    transform: translateY(-50%); }
    @media only screen and (max-width: 768px) {
      .index-mainvisual .index-mainvisual__inner {
        display: block; } }
    @media only screen and (max-width: 768px) {
      .index-mainvisual .index-mainvisual__inner .index-mainvisual__inner__text {
        margin: 20px auto 0;
        width: 290px; } }
    .index-mainvisual .index-mainvisual__inner .index-mainvisual__inner__text .text01 {
      font-family: "Roboto", sans-serif;
      font-size: 15px;
      color: #fff;
      line-height: 1.5;
      padding-left: 5px;
      transform: translateY(100%);
      transition: all 1s ease;
      transition-delay: 2s; }
      @media only screen and (max-width: 768px) {
        .index-mainvisual .index-mainvisual__inner .index-mainvisual__inner__text .text01 {
          font-size: 11px; } }
      .index-mainvisual .index-mainvisual__inner .index-mainvisual__inner__text .text01.is-view {
        transform: translateY(0); }
    .index-mainvisual .index-mainvisual__inner .index-mainvisual__inner__text .text02 {
      font-family: "Honoka Maru-Gothic";
      font-size: 50px;
      color: #fff;
      line-height: 1.5;
      letter-spacing: .15em;
      transform: translateY(100%);
      transition: all 1s ease;
      transition-delay: 2.5s; }
      @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
        .index-mainvisual .index-mainvisual__inner .index-mainvisual__inner__text .text02 {
          font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback); } }
      @media only screen and (max-width: 1000px) {
        .index-mainvisual .index-mainvisual__inner .index-mainvisual__inner__text .text02 {
          font-size: 40px; } }
      @media only screen and (max-width: 768px) {
        .index-mainvisual .index-mainvisual__inner .index-mainvisual__inner__text .text02 {
          font-size: 35px; } }
      .index-mainvisual .index-mainvisual__inner .index-mainvisual__inner__text .text02.is-view {
        transform: translateY(0); }
    .index-mainvisual .index-mainvisual__inner .index-mainvisual__inner__text .text01-wrapper {
      display: block;
      overflow: hidden;
      margin-bottom: 35px; }
      @media only screen and (max-width: 768px) {
        .index-mainvisual .index-mainvisual__inner .index-mainvisual__inner__text .text01-wrapper {
          margin-bottom: 10px; } }
    .index-mainvisual .index-mainvisual__inner .index-mainvisual__inner__text .text02-wrapper {
      display: block;
      overflow: hidden; }

.hero__text-wrap .page-width {
  max-width: none;
  padding: 0 9%; }

.hero__text-content {
  padding: 16% 0; }
  @media only screen and (max-width: 590px) {
    .hero__text-content {
      padding: 40px 0; } }

.hero__title {
  font-family: "Honoka Maru-Gothic" !important;
  font-size: 50px !important;
  line-height: 1.5;
  letter-spacing: .15em; }
  @media only screen and (max-width: 590px) {
    .hero__title {
      font-size: 32px !important; } }
  .hero__title span {
    display: block;
    font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    letter-spacing: normal !important;
    line-height: 1.75; }
    @media only screen and (max-width: 590px) {
      .hero__title span {
        font-size: 12px !important; } }
  .hero__title .animation-cropper .animation-contents {
    font-family: "Honoka Maru-Gothic" !important; }

.hero__subtitle {
  font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif !important;
  font-size: 14px !important;
  letter-spacing: normal !important; }

#shopify-section-1603170658102 {
  background-image: url("/cdn/shop/files/bg_paper.jpg?v=1603277365");
  background-repeat: repeat;
  position: relative;
  padding: 60px 0;
  overflow: hidden; }
  #shopify-section-1603170658102 .custom__item-inner.custom__item-inner--html {
    text-align: center; }
    #shopify-section-1603170658102 .custom__item-inner.custom__item-inner--html h2 {
      text-align: center;
      position: relative;
      z-index: 2;
      width: 404px;
      margin: auto; }
      @media only screen and (max-width: 590px) {
        #shopify-section-1603170658102 .custom__item-inner.custom__item-inner--html h2 {
          width: 80%; } }
      #shopify-section-1603170658102 .custom__item-inner.custom__item-inner--html h2:after {
        content: '';
        display: block;
        width: 70px;
        height: 1px;
        margin: 40px auto 50px;
        background-color: #361D00; }
        @media only screen and (max-width: 590px) {
          #shopify-section-1603170658102 .custom__item-inner.custom__item-inner--html h2:after {
            margin: 40px auto; } }
    #shopify-section-1603170658102 .custom__item-inner.custom__item-inner--html p {
      font-family: "Honoka Maru-Gothic" !important;
      font-weight: 500;
      text-align: center;
      line-height: 2.5;
      font-size: 16px;
      margin-bottom: 60px;
      position: relative;
      z-index: 2; }
      @media only screen and (max-width: 590px) {
        #shopify-section-1603170658102 .custom__item-inner.custom__item-inner--html p {
          font-size: 14px; } }
    #shopify-section-1603170658102 .custom__item-inner.custom__item-inner--html .img:first-of-type {
      position: absolute;
      width: 23.7%;
      min-width: 240px;
      top: 0px;
      right: 4%; }
      @media only screen and (max-width: 768px) {
        #shopify-section-1603170658102 .custom__item-inner.custom__item-inner--html .img:first-of-type {
          width: 50%;
          right: -28%;
          top: -120px;
          min-width: 160px; } }
    #shopify-section-1603170658102 .custom__item-inner.custom__item-inner--html .img:nth-of-type(2) {
      position: absolute;
      width: 40%;
      min-width: 460px;
      bottom: 0;
      left: 0%;
      mix-blend-mode: multiply; }
      @media only screen and (max-width: 768px) {
        #shopify-section-1603170658102 .custom__item-inner.custom__item-inner--html .img:nth-of-type(2) {
          width: 130%;
          left: -30%;
          bottom: -140px; } }
      #shopify-section-1603170658102 .custom__item-inner.custom__item-inner--html .img:nth-of-type(2) img {
        margin: 0; }
    #shopify-section-1603170658102 .custom__item-inner.custom__item-inner--html .btn {
      margin: auto;
      z-index: 2;
      font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif; }

#shopify-section-1603170977236 {
  background-color: #224808;
  padding: 100px 0;
  margin-top: 0; }
  @media only screen and (max-width: 590px) {
    #shopify-section-1603170977236 {
      padding: 60px 0; } }
  #shopify-section-1603170977236 .page-width {
    max-width: 1212px; }
  #shopify-section-1603170977236 .page-width.page-width--flush-small {
    text-align: center; }
  #shopify-section-1603170977236 .section-header__title {
    font-family: "Honoka Maru-Gothic" !important;
    font-size: 38px !important;
    color: #fff;
    text-align: center; }
    @media only screen and (max-width: 590px) {
      #shopify-section-1603170977236 .section-header__title {
        font-size: 28px !important; } }
    #shopify-section-1603170977236 .section-header__title:before {
      content: '';
      display: block;
      width: 44px;
      height: 45px;
      background: url("/cdn/shop/files/index_title_qlive_wh.png") repeat-x center;
      background-size: 100% auto;
      margin: 0 auto 20px; }
      @media only screen and (max-width: 590px) {
        #shopify-section-1603170977236 .section-header__title:before {
          width: 35px;
          height: 36px; } }
    #shopify-section-1603170977236 .section-header__title:after {
      content: 'PRODUCTS';
      display: block;
      font-family: "Manrope", sans-serif;
      font-size: 14px;
      width: 170px;
      height: 34px;
      background: url("/cdn/shop/files/index_title_line_wh.png") repeat-x top;
      background-size: auto 2px;
      padding-top: 10px;
      margin: 5px auto 20px; }
      @media only screen and (max-width: 590px) {
        #shopify-section-1603170977236 .section-header__title:after {
          width: 180px; } }
  #shopify-section-1603170977236 .section-header__link {
    display: none; }
  #shopify-section-1603170977236 .grid-product__title {
    color: #fff;
    font-size: 14px;
    font-weight: 600; }
  #shopify-section-1603170977236 .grid-product__price {
    display: none; }
  #shopify-section-1603170977236 .btn {
    font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif; }

#shopify-section-1603171524260 .page-width {
  max-width: 1212px; }
#shopify-section-1603171524260 .custom-content {
  position: relative; }
#shopify-section-1603171524260 .custom__item-inner.custom__item-inner--image {
  position: relative; }
  #shopify-section-1603171524260 .custom__item-inner.custom__item-inner--image:before {
    content: '';
    display: block;
    width: 43px;
    height: 56px;
    background: url("/cdn/shop/files/index_store_pin.png") no-repeat center;
    background-size: 100% auto;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 1; }
  #shopify-section-1603171524260 .custom__item-inner.custom__item-inner--image:after {
    content: '';
    display: block;
    width: 43px;
    height: 56px;
    background: url("/cdn/shop/files/index_store_pin.png") no-repeat center;
    background-size: 100% auto;
    transform: scale(-1, 1);
    position: absolute;
    top: -20px;
    right: 0; }
@media only screen and (max-width: 768px) {
  #shopify-section-1603171524260 .image-wrap {
    padding-bottom: 500px !important; } }
@media only screen and (max-width: 768px) {
  #shopify-section-1603171524260 .image-wrap img {
    max-width: none;
    width: auto;
    height: 500px; } }
#shopify-section-1603171524260 .custom__item.small--one-whole.three-quarters.align--center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  @media only screen and (max-width: 768px) {
    #shopify-section-1603171524260 .custom__item.small--one-whole.three-quarters.align--center .custom__item-inner.custom__item-inner--html {
      width: 80%;
      margin: auto; } }
  #shopify-section-1603171524260 .custom__item.small--one-whole.three-quarters.align--center .custom__item-inner.custom__item-inner--html .rte {
    flex-wrap: wrap; }
    @media only screen and (min-width: 769px) {
      #shopify-section-1603171524260 .custom__item.small--one-whole.three-quarters.align--center .custom__item-inner.custom__item-inner--html .rte {
        display: flex;
        justify-content: space-between;
        align-content: flex-start; } }
    #shopify-section-1603171524260 .custom__item.small--one-whole.three-quarters.align--center .custom__item-inner.custom__item-inner--html .rte h2 {
      width: 260px;
      flex-basis: 260px;
      font-family: "Honoka Maru-Gothic" !important;
      font-size: 38px !important;
      color: #fff;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        #shopify-section-1603171524260 .custom__item.small--one-whole.three-quarters.align--center .custom__item-inner.custom__item-inner--html .rte h2 {
          width: 100%;
          flex-basis: 100%; } }
      @media only screen and (max-width: 590px) {
        #shopify-section-1603171524260 .custom__item.small--one-whole.three-quarters.align--center .custom__item-inner.custom__item-inner--html .rte h2 {
          font-size: 28px !important; } }
      #shopify-section-1603171524260 .custom__item.small--one-whole.three-quarters.align--center .custom__item-inner.custom__item-inner--html .rte h2:before {
        content: '';
        display: block;
        width: 44px;
        height: 45px;
        background: url("/cdn/shop/files/index_title_qlive_wh.png") repeat-x center;
        background-size: 100% auto;
        margin: 0 auto 20px; }
        @media only screen and (max-width: 590px) {
          #shopify-section-1603171524260 .custom__item.small--one-whole.three-quarters.align--center .custom__item-inner.custom__item-inner--html .rte h2:before {
            width: 35px;
            height: 36px; } }
      #shopify-section-1603171524260 .custom__item.small--one-whole.three-quarters.align--center .custom__item-inner.custom__item-inner--html .rte h2:after {
        content: 'SHOP AND RESTAURANT';
        display: block;
        font-family: "Manrope", sans-serif;
        font-size: 14px;
        width: 220px;
        height: 34px;
        background: url("/cdn/shop/files/index_title_line_wh.png") repeat-x top;
        background-size: auto 2px;
        padding-top: 10px;
        margin: 5px auto 20px; }
        @media only screen and (max-width: 590px) {
          #shopify-section-1603171524260 .custom__item.small--one-whole.three-quarters.align--center .custom__item-inner.custom__item-inner--html .rte h2:after {
            width: 180px; } }
    #shopify-section-1603171524260 .custom__item.small--one-whole.three-quarters.align--center .custom__item-inner.custom__item-inner--html .rte .detail {
      width: 100%;
      flex-basis: 100%; }
      @media only screen and (min-width: 769px) {
        #shopify-section-1603171524260 .custom__item.small--one-whole.three-quarters.align--center .custom__item-inner.custom__item-inner--html .rte .detail {
          width: 45%;
          flex-basis: 45%; } }
      @media only screen and (min-width: 769px) {
        #shopify-section-1603171524260 .custom__item.small--one-whole.three-quarters.align--center .custom__item-inner.custom__item-inner--html .rte .detail {
          width: 50%;
          flex-basis: 50%; } }
      #shopify-section-1603171524260 .custom__item.small--one-whole.three-quarters.align--center .custom__item-inner.custom__item-inner--html .rte .detail p {
        font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif !important;
        font-size: 15px;
        color: #fff;
        line-height: 2; }
      #shopify-section-1603171524260 .custom__item.small--one-whole.three-quarters.align--center .custom__item-inner.custom__item-inner--html .rte .detail .shoplist-link {
        display: block;
        text-align: right;
        font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif;
        font-size: 14px;
        position: relative;
        border-bottom: 0;
        color: #fff; }
        @media only screen and (max-width: 590px) {
          #shopify-section-1603171524260 .custom__item.small--one-whole.three-quarters.align--center .custom__item-inner.custom__item-inner--html .rte .detail .shoplist-link {
            margin-right: 10%; } }
        #shopify-section-1603171524260 .custom__item.small--one-whole.three-quarters.align--center .custom__item-inner.custom__item-inner--html .rte .detail .shoplist-link:after {
          display: none; }
        #shopify-section-1603171524260 .custom__item.small--one-whole.three-quarters.align--center .custom__item-inner.custom__item-inner--html .rte .detail .shoplist-link .arw_shoplist {
          position: absolute;
          bottom: -5px;
          right: -40px;
          width: 114px;
          height: 8.5px; }

#shopify-section-1603171330294,
#shopify-section-16064751475d4d5642 {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  margin: 0 auto 100px; }
  @media only screen and (max-width: 768px) {
    #shopify-section-1603171330294,
    #shopify-section-16064751475d4d5642 {
      width: 100%; } }
  #shopify-section-1603171330294 .page-width,
  #shopify-section-16064751475d4d5642 .page-width {
    width: calc(50vw * 0.875);
    max-width: 526px;
    text-align: center;
    padding: 0; }
    @media only screen and (max-width: 768px) {
      #shopify-section-1603171330294 .page-width,
      #shopify-section-16064751475d4d5642 .page-width {
        width: 100%;
        padding: 0 20px; } }
  #shopify-section-1603171330294 .section-header__title,
  #shopify-section-16064751475d4d5642 .section-header__title {
    font-family: "Honoka Maru-Gothic" !important;
    font-size: 38px !important; }
    @media only screen and (max-width: 590px) {
      #shopify-section-1603171330294 .section-header__title,
      #shopify-section-16064751475d4d5642 .section-header__title {
        font-size: 28px !important; } }
    #shopify-section-1603171330294 .section-header__title:before,
    #shopify-section-16064751475d4d5642 .section-header__title:before {
      content: '';
      display: block;
      width: 44px;
      height: 45px;
      background: url("/cdn/shop/files/index_title_qlive.png?v=1608115793") repeat-x center;
      background-size: 100% auto;
      margin: 0 auto 20px; }
      @media only screen and (max-width: 590px) {
        #shopify-section-1603171330294 .section-header__title:before,
        #shopify-section-16064751475d4d5642 .section-header__title:before {
          width: 35px;
          height: 36px; } }
    #shopify-section-1603171330294 .section-header__title:after,
    #shopify-section-16064751475d4d5642 .section-header__title:after {
      display: block;
      font-family: "Manrope", sans-serif;
      font-size: 14px;
      height: 34px;
      background-repeat: repeat-x;
      background-position: top;
      background-size: auto 2px;
      padding-top: 10px;
      margin: 5px auto 20px; }
      @media only screen and (max-width: 590px) {
        #shopify-section-1603171330294 .section-header__title:after,
        #shopify-section-16064751475d4d5642 .section-header__title:after {
          width: 190px; } }
  #shopify-section-1603171330294 .grid,
  #shopify-section-16064751475d4d5642 .grid {
    margin-left: 0; }
    @media only screen and (max-width: 590px) {
      #shopify-section-1603171330294 .grid,
      #shopify-section-16064751475d4d5642 .grid {
        margin-left: 0; } }
  #shopify-section-1603171330294 .grid__item,
  #shopify-section-16064751475d4d5642 .grid__item {
    width: 100%;
    border-bottom: 1px solid #BFBFBF;
    padding: 0;
    box-sizing: border-box;
    position: relative; }
    #shopify-section-1603171330294 .grid__item:first-of-type,
    #shopify-section-16064751475d4d5642 .grid__item:first-of-type {
      border-top: 1px solid #BFBFBF; }
    #shopify-section-1603171330294 .grid__item:before,
    #shopify-section-16064751475d4d5642 .grid__item:before {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      width: 5;
      height: 10px;
      transition: all .8s; }
    #shopify-section-1603171330294 .grid__item:after,
    #shopify-section-16064751475d4d5642 .grid__item:after {
      content: '';
      display: block;
      position: absolute;
      bottom: -1px;
      left: 0;
      width: 0;
      height: 1px;
      background-color: #361D00;
      transition: all .8s; }
    #shopify-section-1603171330294 .grid__item:hover:after,
    #shopify-section-16064751475d4d5642 .grid__item:hover:after {
      width: 100%; }
    #shopify-section-1603171330294 .grid__item .article__grid-image,
    #shopify-section-16064751475d4d5642 .grid__item .article__grid-image {
      display: none; }
    #shopify-section-1603171330294 .grid__item .article__grid-meta,
    #shopify-section-16064751475d4d5642 .grid__item .article__grid-meta {
      display: flex;
      justify-content: space-between;
      margin-bottom: 0; }
      @media only screen and (max-width: 590px) {
        #shopify-section-1603171330294 .grid__item .article__grid-meta,
        #shopify-section-16064751475d4d5642 .grid__item .article__grid-meta {
          flex-wrap: wrap; } }
      #shopify-section-1603171330294 .grid__item .article__grid-meta .article__date,
      #shopify-section-16064751475d4d5642 .grid__item .article__grid-meta .article__date {
        width: 18%;
        flex-basis: 110px;
        padding: 30px 0;
        margin-bottom: 0;
        text-align: left; }
        @media only screen and (max-width: 590px) {
          #shopify-section-1603171330294 .grid__item .article__grid-meta .article__date,
          #shopify-section-16064751475d4d5642 .grid__item .article__grid-meta .article__date {
            width: 100%;
            flex-basis: 100%;
            padding: 30px 0 0; } }
        #shopify-section-1603171330294 .grid__item .article__grid-meta .article__date time,
        #shopify-section-16064751475d4d5642 .grid__item .article__grid-meta .article__date time {
          font-size: 14px;
          font-family: "Roboto", sans-serif;
          color: #000;
          letter-spacing: normal; }
      #shopify-section-1603171330294 .grid__item .article__grid-meta .article__title,
      #shopify-section-16064751475d4d5642 .grid__item .article__grid-meta .article__title {
        width: 80%;
        flex-basis: 80%;
        padding: 30px 0;
        text-align: left;
        font-size: 14px;
        font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif;
        font-weight: 600;
        color: #000;
        font-weight: 400;
        background: url(//qlivegarden.com/cdn/shop/t/43/assets/common_arrow_btn-brown-2x.png) no-repeat 150% 50%;
        background-size: 7px;
        transition: padding-right 0.3s,background 0.3s,opacity 1s; }
        #shopify-section-1603171330294 .grid__item .article__grid-meta .article__title.white,
        #shopify-section-16064751475d4d5642 .grid__item .article__grid-meta .article__title.white {
          color: #361d00 !important;
          background-image: url(//qlivegarden.com/cdn/shop/t/43/assets/common_arrow_btn-brown-2x.png) !important;
          background-color: white !important; }
        @media only screen and (max-width: 590px) {
          #shopify-section-1603171330294 .grid__item .article__grid-meta .article__title,
          #shopify-section-16064751475d4d5642 .grid__item .article__grid-meta .article__title {
            width: 100%;
            flex-basis: 100%;
            padding: 5px 0 30px; } }
        #shopify-section-1603171330294 .grid__item .article__grid-meta .article__title:hover,
        #shopify-section-16064751475d4d5642 .grid__item .article__grid-meta .article__title:hover {
          background-position: 90% 50%; }
  #shopify-section-1603171330294 .btn,
  #shopify-section-16064751475d4d5642 .btn {
    margin: 70px auto 0;
    font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif; }
    @media only screen and (max-width: 590px) {
      #shopify-section-1603171330294 .btn,
      #shopify-section-16064751475d4d5642 .btn {
        margin: 30px auto 0; } }

@media only screen and (max-width: 768px) {
  #shopify-section-1603171330294 {
    margin-top: 100px; } }
#shopify-section-1603171330294 .page-width {
  float: right;
  margin-right: calc(50vw * 0.05714); }
  @media only screen and (max-width: 768px) {
    #shopify-section-1603171330294 .page-width {
      float: none;
      margin: auto; } }
#shopify-section-1603171330294 .section-header__title:after {
  content: 'INFORMATION';
  width: 145px;
  background-image: url("/cdn/shop/files/index_title_line.png?v=1608115793"); }
  @media only screen and (max-width: 590px) {
    #shopify-section-1603171330294 .section-header__title:after {
      width: 120px; } }

#shopify-section-16064751475d4d5642 .page-width {
  float: left;
  margin-left: calc(50vw * 0.05714); }
  @media only screen and (max-width: 768px) {
    #shopify-section-16064751475d4d5642 .page-width {
      float: none;
      margin: auto; } }
#shopify-section-16064751475d4d5642 .section-header__title {
  color: #224808; }
  #shopify-section-16064751475d4d5642 .section-header__title:after {
    content: 'BLOG';
    width: 188px;
    background-image: url("/cdn/shop/files/index_title_line_green.png?v=1608115793"); }
    @media only screen and (max-width: 590px) {
      #shopify-section-16064751475d4d5642 .section-header__title:after {
        width: 150px; } }
#shopify-section-16064751475d4d5642 .grid__item.medium-up--one-third.aos-init:after {
  background-color: #224808; }
#shopify-section-16064751475d4d5642 .btn.text-link {
  font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif;
  background-color: #224808; }

#shopify-section-1609919544b5f9071d {
  margin: 0 auto 100px; }
  @media only screen and (max-width: 768px) {
    #shopify-section-1609919544b5f9071d {
      width: 100%; } }
  #shopify-section-1609919544b5f9071d .page-width {
    max-width: 800px;
    text-align: center;
    padding: 0; }
    @media only screen and (max-width: 768px) {
      #shopify-section-1609919544b5f9071d .page-width {
        width: 100%;
        padding: 0 20px; } }
  #shopify-section-1609919544b5f9071d .section-header__title {
    font-family: "Honoka Maru-Gothic" !important;
    font-size: 38px !important; }
    @media only screen and (max-width: 590px) {
      #shopify-section-1609919544b5f9071d .section-header__title {
        font-size: 28px !important; } }
    #shopify-section-1609919544b5f9071d .section-header__title:before {
      content: '';
      display: block;
      width: 44px;
      height: 45px;
      background: url("/cdn/shop/files/index_title_qlive.png?v=1608115793") repeat-x center;
      background-size: 100% auto;
      margin: 0 auto 20px; }
      @media only screen and (max-width: 590px) {
        #shopify-section-1609919544b5f9071d .section-header__title:before {
          width: 35px;
          height: 36px; } }
    #shopify-section-1609919544b5f9071d .section-header__title:after {
      display: block;
      font-family: "Manrope", sans-serif;
      font-size: 14px;
      height: 34px;
      background-repeat: repeat-x;
      background-position: top;
      background-size: auto 2px;
      padding-top: 10px;
      margin: 5px auto 20px; }
      @media only screen and (max-width: 590px) {
        #shopify-section-1609919544b5f9071d .section-header__title:after {
          width: 190px; } }
  #shopify-section-1609919544b5f9071d .grid {
    margin-left: 0; }
    @media only screen and (max-width: 590px) {
      #shopify-section-1609919544b5f9071d .grid {
        margin-left: 0; } }
  #shopify-section-1609919544b5f9071d .grid__item {
    width: 100%;
    border-bottom: 1px solid #BFBFBF;
    padding: 0;
    box-sizing: border-box;
    position: relative; }
    #shopify-section-1609919544b5f9071d .grid__item:first-of-type {
      border-top: 1px solid #BFBFBF; }
    #shopify-section-1609919544b5f9071d .grid__item:before {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      width: 5;
      height: 10px;
      transition: all .8s; }
    #shopify-section-1609919544b5f9071d .grid__item:after {
      content: '';
      display: block;
      position: absolute;
      bottom: -1px;
      left: 0;
      width: 0;
      height: 1px;
      background-color: #361D00;
      transition: all .8s; }
    #shopify-section-1609919544b5f9071d .grid__item:hover:after {
      width: 100%; }
    #shopify-section-1609919544b5f9071d .grid__item .article__grid-image {
      display: none; }
    #shopify-section-1609919544b5f9071d .grid__item .article__grid-meta {
      display: flex;
      justify-content: space-between;
      margin-bottom: 0; }
      @media only screen and (max-width: 590px) {
        #shopify-section-1609919544b5f9071d .grid__item .article__grid-meta {
          flex-wrap: wrap; } }
      #shopify-section-1609919544b5f9071d .grid__item .article__grid-meta .article__date {
        width: 18%;
        flex-basis: 110px;
        padding: 30px 0;
        margin-bottom: 0;
        text-align: left; }
        @media only screen and (max-width: 590px) {
          #shopify-section-1609919544b5f9071d .grid__item .article__grid-meta .article__date {
            width: 100%;
            flex-basis: 100%;
            padding: 30px 0 0; } }
        #shopify-section-1609919544b5f9071d .grid__item .article__grid-meta .article__date time {
          font-size: 14px;
          font-family: "Roboto", sans-serif;
          color: #000;
          letter-spacing: normal; }
      #shopify-section-1609919544b5f9071d .grid__item .article__grid-meta .article__title {
        width: 80%;
        flex-basis: 80%;
        padding: 30px 0;
        text-align: left;
        font-size: 14px;
        font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif;
        font-weight: 600;
        color: #000;
        font-weight: 400;
        background: url(//qlivegarden.com/cdn/shop/t/43/assets/common_arrow_btn-brown-2x.png) no-repeat 150% 50%;
        background-size: 7px;
        transition: padding-right 0.3s,background 0.3s,opacity 1s; }
        #shopify-section-1609919544b5f9071d .grid__item .article__grid-meta .article__title.white {
          color: #361d00 !important;
          background-image: url(//qlivegarden.com/cdn/shop/t/43/assets/common_arrow_btn-brown-2x.png) !important;
          background-color: white !important; }
        @media only screen and (max-width: 590px) {
          #shopify-section-1609919544b5f9071d .grid__item .article__grid-meta .article__title {
            width: 100%;
            flex-basis: 100%;
            padding: 5px 0 30px; } }
        #shopify-section-1609919544b5f9071d .grid__item .article__grid-meta .article__title:hover {
          background-position: 90% 50%; }
  #shopify-section-1609919544b5f9071d .btn {
    margin: 70px auto 0;
    font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif; }
    @media only screen and (max-width: 590px) {
      #shopify-section-1609919544b5f9071d .btn {
        margin: 30px auto 0; } }
  #shopify-section-1609919544b5f9071d .section-header__title:after {
    content: 'INFORMATION';
    width: 145px;
    background-image: url("/cdn/shop/files/index_title_line.png?v=1608115793"); }
    @media only screen and (max-width: 590px) {
      #shopify-section-1609919544b5f9071d .section-header__title:after {
        width: 120px; } }

#insta-feed {
  padding: 60px 0 90px;
  max-width: 980px;
  margin: 0 auto 0;
  position: relative; }
  @media only screen and (min-width: 590px) {
    #insta-feed {
      padding-bottom: 200px; } }
  #insta-feed h2 {
    font-family: "Honoka Maru-Gothic" !important;
    font-size: 38px !important;
    color: #224808; }
    @media only screen and (max-width: 590px) {
      #insta-feed h2 {
        font-size: 28px !important; } }
    #insta-feed h2:before {
      content: '';
      display: block;
      width: 44px;
      height: 45px;
      background: url("/cdn/shop/files/index_title_qlive.png?v=1608115793") repeat-x center;
      background-size: 100% auto;
      margin: 0 auto 20px; }
      @media only screen and (max-width: 590px) {
        #insta-feed h2:before {
          width: 35px;
          height: 36px; } }
    #insta-feed h2:after {
      content: 'PHOTO GALLERY';
      display: block;
      font-family: "Manrope", sans-serif;
      font-size: 14px;
      width: 256px;
      height: 34px;
      background: url("/cdn/shop/files/index_title_line_green.png?v=1608115793") repeat-x top;
      background-size: auto 2px;
      padding-top: 10px;
      margin: 5px auto 20px; }
      @media only screen and (max-width: 590px) {
        #insta-feed h2:after {
          width: 190px; } }
  #insta-feed .page-width {
    max-width: 1070px; }
  #insta-feed .article__title {
    display: none; }
  #insta-feed .article__grid-meta {
    display: none; }
  #insta-feed .grid {
    margin-left: -20px; }
  @media only screen and (min-width: 590px) {
    #insta-feed .medium-up--one-third {
      width: 25%; } }
  #insta-feed .grid__item {
    width: 50%; }
    @media only screen and (min-width: 590px) {
      #insta-feed .grid__item {
        width: 25%;
        padding-left: 20px; } }
    #insta-feed .grid__item:nth-of-type(9) {
      display: none; }
  #insta-feed .grid--uniform .medium-up--one-third:nth-of-type(3n+1) {
    clear: initial; }
  #insta-feed .grid--uniform .medium-up--one-third:nth-of-type(4n+1) {
    clear: both; }

.about .img {
  overflow: hidden; }
  .about .img img {
    width: 100%;
    height: auto; }
.about h2,
.about h3,
.about h4,
.about h5 {
  color: #361D00;
  line-height: 1.75; }
.about p {
  color: #361D00;
  line-height: 2; }
.about .is-zoom-fade-small {
  animation: zoom-fade-small 1s 0s forwards;
  /*     animation-named: zoom-fade-small; */
  transiton: none; }
.about .is-fade-in {
  animation: fade-in 1s 0s forwards;
  /*     animation-named: fade-in; */
  transiton: none; }
.about .about__fix-title {
  font-family: "Noto Serif", "Noto Serif JP", "Noto Serif CJK", "Hiragino Mincho ProN", "Hiragino Mincho Pro";
  font-weight: 300;
  color: #361D00;
  font-size: 16px;
  display: inline-block;
  transform: rotate(90deg);
  transform-origin: bottom left;
  position: sticky;
  top: 180px;
  left: 60px;
  z-index: 10;
  transition: all .5s ease; }
  @media only screen and (max-width: 1200px) {
    .about .about__fix-title {
      left: 20px; } }
  @media only screen and (max-width: 768px) {
    .about .about__fix-title {
      font-size: 10px;
      top: 100px;
      left: 30px;
      transform-origin: top left; } }
  .about .about__fix-title:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #361D00;
    margin-top: 10px; }
    @media only screen and (max-width: 768px) {
      .about .about__fix-title:after {
        margin-top: 5px; } }
.about .about__mv {
  position: relative;
  height: 68vw;
  overflow: hidden; }
  @media only screen and (min-width: 590px) {
    .about .about__mv {
      height: 550px; } }
  .about .about__mv figure {
    margin: 0;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    opacity: 0; }
    .about .about__mv figure img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      @media only screen and (max-width: 768px) {
        .about .about__mv figure img {
          width: auto;
          max-width: none;
          height: 100%; } }
  .about .about__mv .section-header__title {
    font-family: "Honoka Maru-Gothic";
    color: #fff;
    position: absolute;
    right: 13.8%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 33px; }
    @media only screen and (max-width: 768px) {
      .about .about__mv .section-header__title {
        width: 90%;
        right: initital;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 24px; } }
    .about .about__mv .section-header__title .logo {
      max-width: 424px;
      height: auto;
      display: block; }
      @media only screen and (max-width: 768px) {
        .about .about__mv .section-header__title .logo {
          width: 300px;
          margin: auto; } }
.about .about__story {
  margin: 130px auto; }
  @media only screen and (max-width: 768px) {
    .about .about__story {
      margin: 80px auto; } }
  .about .about__story .about__story__intro {
    max-width: 1160px;
    margin: auto;
    padding: 0 85px; }
    @media only screen and (max-width: 768px) {
      .about .about__story .about__story__intro {
        padding: 0 40px; } }
    .about .about__story .about__story__intro h2 {
      font-family: "Honoka Maru-Gothic";
      text-align: center; }
    .about .about__story .about__story__intro h3 {
      text-align: center; }
    .about .about__story .about__story__intro .img {
      overflow: hidden; }
    .about .about__story .about__story__intro > p {
      text-align: center;
      margin-top: 90px; }
      @media only screen and (max-width: 768px) {
        .about .about__story .about__story__intro > p {
          margin-top: 40px; } }
  .about .about__story .about__story-bg {
    max-width: 1280px;
    padding: 160px 0;
    margin: 130px auto;
    background-image: url("/cdn/shop/files/bg_paper.jpg?v=1603277365");
    background-repeat: repeat;
    overflow: hidden; }
    @media only screen and (max-width: 768px) {
      .about .about__story .about__story-bg {
        padding: 100px 0; } }
    .about .about__story .about__story-bg .text__num {
      font-family: "Roboto", sans-serif;
      font-size: 12px;
      color: #361D00;
      padding-left: 15px;
      position: relative; }
      .about .about__story .about__story-bg .text__num:before {
        content: '';
        display: block;
        width: 9px;
        height: 1px;
        background-color: #361D00;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%); }
    .about .about__story .about__story-bg .about__story-bg__first {
      max-width: 1160px;
      padding: 0 60px;
      margin: 0 auto;
      position: relative;
      display: flex;
      justify-content: space-between; }
      @media only screen and (max-width: 768px) {
        .about .about__story .about__story-bg .about__story-bg__first {
          padding: 0 20px;
          display: block; } }
      .about .about__story .about__story-bg .about__story-bg__first .text {
        width: 43%;
        flex-basis: 43%;
        padding-left: 8%; }
        @media only screen and (max-width: 1000px) {
          .about .about__story .about__story-bg .about__story-bg__first .text {
            padding-left: 0; } }
        @media only screen and (max-width: 768px) {
          .about .about__story .about__story-bg .about__story-bg__first .text {
            width: 100%; } }
        .about .about__story .about__story-bg .about__story-bg__first .text h3 {
          font-family: "HuiFontP"; }
        .about .about__story .about__story-bg .about__story-bg__first .text p {
          font-size: 14px; }
      .about .about__story .about__story-bg .about__story-bg__first .img {
        width: 48%;
        flex-basis: 48%; }
        @media only screen and (max-width: 768px) {
          .about .about__story .about__story-bg .about__story-bg__first .img {
            width: 100%; } }
    .about .about__story .about__story-bg .about__story-bg__second {
      max-width: 1000px;
      padding: 0 60px;
      margin: 115px auto 0;
      position: relative;
      display: flex;
      justify-content: space-between; }
      @media only screen and (max-width: 768px) {
        .about .about__story .about__story-bg .about__story-bg__second {
          padding: 0 20px;
          display: block; } }
      .about .about__story .about__story-bg .about__story-bg__second .text {
        align-self: center;
        order: 2;
        width: 42%; }
        @media only screen and (max-width: 768px) {
          .about .about__story .about__story-bg .about__story-bg__second .text {
            width: 100%; } }
        .about .about__story .about__story-bg .about__story-bg__second .text h3 {
          font-family: "HuiFontP"; }
        .about .about__story .about__story-bg .about__story-bg__second .text p {
          font-size: 14px; }
      .about .about__story .about__story-bg .about__story-bg__second .img {
        width: 46%;
        order: 1; }
        @media only screen and (max-width: 768px) {
          .about .about__story .about__story-bg .about__story-bg__second .img {
            width: 80%;
            margin: auto; } }
    .about .about__story .about__story-bg .about__story-bg__third {
      max-width: 1160px;
      padding: 0 60px;
      margin: 130px auto 0;
      position: relative;
      display: flex;
      justify-content: space-between; }
      @media only screen and (max-width: 768px) {
        .about .about__story .about__story-bg .about__story-bg__third {
          padding: 0 20px;
          display: block; } }
      .about .about__story .about__story-bg .about__story-bg__third .text {
        width: 43%;
        flex-basis: 43%;
        padding-left: 8%; }
        @media only screen and (max-width: 1000px) {
          .about .about__story .about__story-bg .about__story-bg__third .text {
            padding-left: 0; } }
        @media only screen and (max-width: 768px) {
          .about .about__story .about__story-bg .about__story-bg__third .text {
            width: 100%; } }
        .about .about__story .about__story-bg .about__story-bg__third .text h3 {
          font-family: "HuiFontP"; }
        .about .about__story .about__story-bg .about__story-bg__third .text p {
          font-size: 14px; }
      .about .about__story .about__story-bg .about__story-bg__third .img {
        width: 45%;
        flex-basis: 45%;
        align-self: center;
        mix-blend-mode: multiply; }
        @media only screen and (max-width: 768px) {
          .about .about__story .about__story-bg .about__story-bg__third .img {
            width: 100%; } }
    .about .about__story .about__story-bg .swiper-container {
      transition-timing-function: linear;
      overflow: visible;
      margin: 100px auto 0;
      width: 33%; }
      @media only screen and (max-width: 768px) {
        .about .about__story .about__story-bg .swiper-container {
          width: 72%;
          margin: 60px auto 0; } }
    .about .about__story .about__story-bg .swiper-wrapper {
      transition-timing-function: linear; }
    .about .about__story .about__story-bg .swiper-slide {
      transition-timing-function: linear; }
    .about .about__story .about__story-bg .about__story-bg__kunisaki {
      max-width: 1000px;
      padding: 0 60px;
      margin: 120px auto 0;
      display: flex;
      justify-content: space-between; }
      @media only screen and (max-width: 768px) {
        .about .about__story .about__story-bg .about__story-bg__kunisaki {
          display: block;
          padding: 0 40px;
          margin: 60px auto 0; } }
      .about .about__story .about__story-bg .about__story-bg__kunisaki .text {
        width: 73%;
        flex-basis: 73%;
        align-self: center; }
        @media only screen and (max-width: 768px) {
          .about .about__story .about__story-bg .about__story-bg__kunisaki .text {
            width: 100%; } }
        .about .about__story .about__story-bg .about__story-bg__kunisaki .text p {
          font-size: 16px;
          margin-bottom: 10px; }
          @media only screen and (max-width: 768px) {
            .about .about__story .about__story-bg .about__story-bg__kunisaki .text p {
              font-size: 12px; } }
        .about .about__story .about__story-bg .about__story-bg__kunisaki .text h3 {
          margin: 0; }
        .about .about__story .about__story-bg .about__story-bg__kunisaki .text a {
          display: block; }
      .about .about__story .about__story-bg .about__story-bg__kunisaki .sakichikun {
        width: 18%;
        flex-basis: 18%;
        align-self: center; }
        @media only screen and (max-width: 768px) {
          .about .about__story .about__story-bg .about__story-bg__kunisaki .sakichikun {
            width: 170px;
            margin: 10px auto 0; } }
        .about .about__story .about__story-bg .about__story-bg__kunisaki .sakichikun p {
          font-size: 15px;
          font-weight: 600;
          text-align: center;
          position: relative;
          margin-bottom: 20px; }
          @media only screen and (max-width: 768px) {
            .about .about__story .about__story-bg .about__story-bg__kunisaki .sakichikun p {
              margin-bottom: 10px; } }
          .about .about__story .about__story-bg .about__story-bg__kunisaki .sakichikun p:before {
            content: '';
            display: block;
            width: 20px;
            height: 2px;
            background: #361D00;
            transform: rotate(65deg);
            position: absolute;
            top: 18px;
            left: -15px; }
          .about .about__story .about__story-bg .about__story-bg__kunisaki .sakichikun p:after {
            content: '';
            display: block;
            width: 20px;
            height: 2px;
            background: #361D00;
            transform: rotate(-65deg);
            position: absolute;
            top: 18px;
            right: -10px; }
    .about .about__story .about__story-bg > h3 {
      font-family: "Honoka Maru-Gothic";
      margin-top: 90px;
      text-align: center; }
    .about .about__story .about__story-bg .about__story-bg__map {
      background-color: #F2F0E7;
      max-width: 990px;
      margin: 20px auto 0;
      padding: 60px 75px; }
      @media only screen and (max-width: 768px) {
        .about .about__story .about__story-bg .about__story-bg__map {
          padding: 30px 30px; } }
      .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner {
        position: relative; }
        .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .text {
          display: flex;
          justify-content: space-around;
          margin-bottom: 45px; }
          @media only screen and (max-width: 768px) {
            .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .text {
              display: block;
              margin-bottom: 15px; } }
          .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .text h3 {
            width: 40%;
            flex-basis: 40%;
            align-self: center;
            font-size: 24px;
            margin-bottom: 0; }
            @media only screen and (max-width: 768px) {
              .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .text h3 {
                width: 100%;
                margin-bottom: 20px; } }
          .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .text p {
            width: 50%;
            flex-basis: 50%;
            margin-bottom: 0; }
            @media only screen and (max-width: 768px) {
              .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .text p {
                width: 100%; } }
        .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner iframe {
          width: 100%; }
        .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .access > ul {
          display: flex;
          justify-content: space-between;
          margin: 0;
          list-style: none; }
          @media only screen and (max-width: 768px) {
            .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .access > ul {
              display: block; } }
          .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .access > ul > li:nth-child(1) {
            width: 50%;
            flex-basis: 50%; }
          .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .access > ul > li:nth-child(2) {
            width: 45%;
            flex-basis: 45%; }
          @media only screen and (max-width: 768px) {
            .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .access > ul > li {
              width: 100% !important; } }
          .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .access > ul > li > dl {
            display: flex; }
            @media only screen and (max-width: 768px) {
              .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .access > ul > li > dl {
                display: block; } }
            .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .access > ul > li > dl > dt {
              width: 80px;
              flex-basis: 80px; }
              @media only screen and (max-width: 768px) {
                .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .access > ul > li > dl > dt {
                  width: 100%;
                  margin-bottom: 10px; } }
            .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .access > ul > li > dl > dd {
              width: calc(100% - 80px);
              flex-basis: calc(100% - 80px); }
              @media only screen and (max-width: 768px) {
                .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .access > ul > li > dl > dd {
                  width: 100%;
                  margin-left: 0; } }
              .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .access > ul > li > dl > dd > ul {
                list-style: outside; }
        .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .access.half {
          width: 55%; }
          @media only screen and (max-width: 768px) {
            .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .access.half {
              width: 100%; } }
          .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .access.half > ul {
            display: block; }
            .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .access.half > ul li {
              width: 100%; }
        .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .sakichikun {
          position: absolute;
          bottom: -20px;
          right: 0;
          width: 40%; }
          @media only screen and (max-width: 1120px) {
            .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .sakichikun {
              width: 250px;
              text-align: right; } }
          @media only screen and (max-width: 768px) {
            .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .sakichikun {
              position: static;
              margin: auto; } }
          .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .sakichikun img {
            width: 240px;
            height: auto; }
          .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .sakichikun p {
            position: absolute;
            bottom: 0;
            right: 0;
            margin-bottom: 0;
            font-size: 12px;
            line-height: 1.5; }
            @media only screen and (max-width: 1120px) {
              .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .sakichikun p {
                position: static;
                display: inline-block;
                text-align: left; } }
            .about .about__story .about__story-bg .about__story-bg__map .about__story-bg__map__inner .sakichikun p span {
              font-size: 10px; }
.about .about__future {
  background-color: #224808;
  padding: 120px 0;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .about .about__future {
      padding: 80px 0px; } }
  .about .about__future .about__fix-title {
    color: #fff; }
    .about .about__future .about__fix-title:after {
      background-color: #fff; }
  .about .about__future .about__future__inner {
    max-width: 1110px;
    margin: 0 auto;
    padding: 0 60px; }
    @media only screen and (max-width: 768px) {
      .about .about__future .about__future__inner {
        padding: 0 30px; } }
    .about .about__future .about__future__inner h2 {
      color: #fff;
      text-align: center; }
    .about .about__future .about__future__inner h3 {
      color: #fff;
      text-align: center; }
    .about .about__future .about__future__inner p {
      color: #fff;
      text-align: center; }
    .about .about__future .about__future__inner .about__future__inner__quality {
      display: flex;
      justify-content: space-between;
      padding: 100px 0; }
      @media only screen and (max-width: 768px) {
        .about .about__future .about__future__inner .about__future__inner__quality {
          flex-wrap: wrap;
          padding: 50px 0; } }
      .about .about__future .about__future__inner .about__future__inner__quality .text {
        width: 40%;
        flex-basis: 40%;
        align-self: center; }
        @media only screen and (max-width: 768px) {
          .about .about__future .about__future__inner .about__future__inner__quality .text {
            width: 100%;
            flex-basis: 100%;
            order: 2; } }
        .about .about__future .about__future__inner .about__future__inner__quality .text h4 {
          color: #fff; }
          @media only screen and (min-width: 590px) {
            .about .about__future .about__future__inner .about__future__inner__quality .text h4 {
              font-size: 28px; } }
        .about .about__future .about__future__inner .about__future__inner__quality .text p {
          font-size: 14px;
          text-align: left; }
        .about .about__future .about__future__inner .about__future__inner__quality .text .small {
          font-size: 12px;
          font-weight: 300;
          color: #fff; }
      .about .about__future .about__future__inner .about__future__inner__quality .img-box {
        width: 50%;
        flex-basis: 50%; }
        @media only screen and (max-width: 768px) {
          .about .about__future .about__future__inner .about__future__inner__quality .img-box {
            width: 100%;
            flex-basis: 100%;
            order: 1;
            margin-bottom: 20px; } }
        .about .about__future .about__future__inner .about__future__inner__quality .img-box .img:nth-of-type(1) {
          width: 78%;
          margin: 0 0 0 auto; }
        .about .about__future .about__future__inner .about__future__inner__quality .img-box .img:nth-of-type(2) {
          width: 54.5%;
          margin: -45px auto 0 0;
          z-index: 5; }
        .about .about__future .about__future__inner .about__future__inner__quality .img-box .img:nth-of-type(3) {
          width: 63%;
          margin: -50px 0 0 auto;
          z-index: -1; }
    .about .about__future .about__future__inner .about__future__inner__record {
      background-color: #fff;
      max-width: 990px;
      padding: 70px;
      margin: 0 auto; }
      @media only screen and (max-width: 768px) {
        .about .about__future .about__future__inner .about__future__inner__record {
          padding: 30px; } }
      .about .about__future .about__future__inner .about__future__inner__record .about__future__inner__record__inner {
        display: flex;
        justify-content: space-between; }
        @media only screen and (max-width: 768px) {
          .about .about__future .about__future__inner .about__future__inner__record .about__future__inner__record__inner {
            display: block; } }
        .about .about__future .about__future__inner .about__future__inner__record .about__future__inner__record__inner .text {
          width: 45%;
          flex-basis: 45%;
          color: #000; }
          @media only screen and (max-width: 768px) {
            .about .about__future .about__future__inner .about__future__inner__record .about__future__inner__record__inner .text {
              width: 100%;
              margin-bottom: 20px; } }
          .about .about__future .about__future__inner .about__future__inner__record .about__future__inner__record__inner .text h4 {
            line-height: 1.5; }
          .about .about__future .about__future__inner .about__future__inner__record .about__future__inner__record__inner .text p {
            font-size: 14px;
            color: #000;
            text-align: left;
            margin-bottom: 0; }
        .about .about__future .about__future__inner .about__future__inner__record .about__future__inner__record__inner .img-box {
          width: 40%;
          flex-basis: 40%;
          display: flex;
          justify-content: space-between; }
          @media only screen and (max-width: 768px) {
            .about .about__future .about__future__inner .about__future__inner__record .about__future__inner__record__inner .img-box {
              width: 100%; } }
          .about .about__future .about__future__inner .about__future__inner__record .about__future__inner__record__inner .img-box .img:first-of-type {
            width: 50%;
            flex-basis: 50%;
            text-align: center; }
            .about .about__future .about__future__inner .about__future__inner__record .about__future__inner__record__inner .img-box .img:first-of-type img {
              max-width: 200px;
              margin: auto; }
          .about .about__future .about__future__inner .about__future__inner__record .about__future__inner__record__inner .img-box .img:nth-of-type(2) {
            width: 40%;
            flex-basis: 40%;
            text-align: center; }
            .about .about__future .about__future__inner .about__future__inner__record .about__future__inner__record__inner .img-box .img:nth-of-type(2) img {
              max-width: 200px;
              margin: auto; }
.about .about__staff {
  margin: 130px auto 0; }
  .about .about__staff .about__staff__overview {
    max-width: 1160px;
    margin: auto;
    padding: 0 85px; }
    @media only screen and (max-width: 768px) {
      .about .about__staff .about__staff__overview {
        padding: 0 30px; } }
    .about .about__staff .about__staff__overview h2 {
      text-align: center; }
    .about .about__staff .about__staff__overview h3 {
      text-align: center; }
    .about .about__staff .about__staff__overview > .text {
      text-align: center; }
    .about .about__staff .about__staff__overview .img-box .img:first-of-type {
      width: 47%;
      margin: 0 0 0 auto; }
      @media only screen and (max-width: 768px) {
        .about .about__staff .about__staff__overview .img-box .img:first-of-type {
          width: 50%;
          margin: 0 10px 0 auto; } }
    .about .about__staff .about__staff__overview .img-box .img:nth-of-type(2) {
      width: 60%;
      margin: -180px auto 0 70px; }
      @media only screen and (max-width: 768px) {
        .about .about__staff .about__staff__overview .img-box .img:nth-of-type(2) {
          width: 65%;
          margin: -50px auto 0 10px; } }
      @media only screen and (max-width: 590px) {
        .about .about__staff .about__staff__overview .img-box .img:nth-of-type(2) {
          width: 65%;
          margin: -70px auto 0 10px; } }
    .about .about__staff .about__staff__overview .img-box .img:nth-of-type(3) {
      width: 18.5%;
      margin: -80px 0 0 auto; }
      @media only screen and (max-width: 590px) {
        .about .about__staff .about__staff__overview .img-box .img:nth-of-type(3) {
          margin: -50px 0 0 auto; } }
    .about .about__staff .about__staff__overview > h4 {
      text-align: left;
      margin-bottom: 10px; }
    .about .about__staff .about__staff__overview > .text-detail {
      font-family: "Noto Serif", "Noto Serif JP", "Noto Serif CJK", "Hiragino Mincho ProN", "Hiragino Mincho Pro";
      font-size: 14px;
      text-align: left; }
  .about .about__staff .about__staff__sommelier {
    background-color: #F2F0E7;
    padding: 100px 60px;
    margin-top: 90px; }
    .about .about__staff .about__staff__sommelier .about__staff__sommelier__inner {
      max-width: 846px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between; }
      @media only screen and (max-width: 768px) {
        .about .about__staff .about__staff__sommelier .about__staff__sommelier__inner {
          flex-wrap: wrap; } }
      .about .about__staff .about__staff__sommelier .about__staff__sommelier__inner .sommelier {
        width: 40%;
        flex-basis: 40%; }
        @media only screen and (max-width: 768px) {
          .about .about__staff .about__staff__sommelier .about__staff__sommelier__inner .sommelier {
            width: 100%;
            flex-basis: 100%; } }
        @media only screen and (max-width: 768px) {
          .about .about__staff .about__staff__sommelier .about__staff__sommelier__inner .sommelier:not(:last-child) {
            margin-bottom: 40px; } }
        @media only screen and (max-width: 768px) {
          .about .about__staff .about__staff__sommelier .about__staff__sommelier__inner .sommelier .img {
            max-width: 500px;
            margin: auto; } }
        .about .about__staff .about__staff__sommelier .about__staff__sommelier__inner .sommelier .detail {
          font-family: "Noto Serif", "Noto Serif JP", "Noto Serif CJK", "Hiragino Mincho ProN", "Hiragino Mincho Pro";
          font-size: 12px; }
        .about .about__staff .about__staff__sommelier .about__staff__sommelier__inner .sommelier h5 {
          font-size: 20px;
          margin: 20px 0 10px; }
          @media only screen and (max-width: 768px) {
            .about .about__staff .about__staff__sommelier .about__staff__sommelier__inner .sommelier h5 {
              font-size: 18px; } }
        .about .about__staff .about__staff__sommelier .about__staff__sommelier__inner .sommelier .comment {
          font-family: "Noto Serif", "Noto Serif JP", "Noto Serif CJK", "Hiragino Mincho ProN", "Hiragino Mincho Pro";
          font-size: 14px; }
.about .about__company {
  padding: 90px 60px; }
  @media only screen and (max-width: 768px) {
    .about .about__company {
      padding: 90px 30px; } }
  .about .about__company .about__company__inner {
    max-width: 846px;
    margin: auto;
    padding: 0 70px; }
    @media only screen and (max-width: 768px) {
      .about .about__company .about__company__inner {
        padding: 0; } }
    .about .about__company .about__company__inner h2 {
      text-align: center; }
    .about .about__company .about__company__inner ul {
      margin: 0; }
      .about .about__company .about__company__inner ul li {
        padding: 25px 0;
        border-bottom: 1px solid #D8D8D8;
        display: flex;
        justify-content: space-between; }
        .about .about__company .about__company__inner ul li .head {
          width: 18.5%;
          flex-basis: 18.5%;
          color: #000; }
          @media only screen and (max-width: 768px) {
            .about .about__company .about__company__inner ul li .head {
              width: 22%;
              flex-basis: 22%; } }
        .about .about__company .about__company__inner ul li .detail {
          width: 79%;
          flex-basis: 79%;
          color: #000; }
          @media only screen and (max-width: 768px) {
            .about .about__company .about__company__inner ul li .detail {
              width: 70%;
              flex-basis: 70%; } }

body.android .qlive9__intro {
  font-family: 'Noto Serif JP', serif; }

.qlive9 {
  overflow: hidden; }
  .qlive9 .img {
    overflow: hidden; }
    .qlive9 .img img {
      width: 100%;
      height: auto; }
  .qlive9 h2,
  .qlive9 h3,
  .qlive9 h4,
  .qlive9 h5 {
    color: #361D00;
    line-height: 1.75; }
  .qlive9 p {
    color: #361D00;
    line-height: 2; }
  .qlive9 .is-zoom-fade-small {
    animation: zoom-fade-small 1s 0s forwards;
    /*     animation-named: zoom-fade-small; */
    transiton: none; }
  .qlive9 .is-fade-in {
    animation: fade-in 1s 0s forwards;
    /*     animation-named: fade-in; */
    transiton: none; }
  .qlive9 .qlive9__mv {
    position: relative;
    height: 68vw;
    overflow: hidden; }
    @media only screen and (min-width: 590px) {
      .qlive9 .qlive9__mv {
        height: 550px; } }
    .qlive9 .qlive9__mv figure {
      margin: 0;
      width: 100%;
      height: 100%;
      position: relative;
      overflow: hidden;
      opacity: 0; }
      .qlive9 .qlive9__mv figure img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        @media only screen and (max-width: 768px) {
          .qlive9 .qlive9__mv figure img {
            max-width: none;
            height: 100%; } }
    .qlive9 .qlive9__mv .section-header__title {
      font-family: "Honoka Maru-Gothic";
      color: #fff;
      position: absolute;
      right: 13.8%;
      top: 50%;
      transform: translateY(-50%); }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__mv .section-header__title {
          width: 90%;
          right: initital;
          left: 50%;
          transform: translate(-50%, -50%); } }
  .qlive9 .qlive9__intro {
    margin: 130px auto;
    padding: 0 40px;
    max-width: 1000px;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .qlive9 .qlive9__intro {
        margin: 80px 20px;
        padding: 0; } }
    .qlive9 .qlive9__intro h2 span {
      display: block;
      font-family: "Noto Serif", "Noto Serif JP", "Noto Serif CJK", "Hiragino Mincho ProN", "Hiragino Mincho Pro" !important;
      font-family: "Noto Serif JP", serif !important;
      font-size: 20px;
      color: #361D00;
      font-weight: bold;
      margin-bottom: 25px; }
    .qlive9 .qlive9__intro h2 img {
      max-width: 380px; }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__intro h2 img {
          width: 70%;
          max-width: 300px; } }
    .qlive9 .qlive9__intro h3 {
      display: block;
      font-family: "Noto Serif", "Noto Serif JP", "Noto Serif CJK", "Hiragino Mincho ProN", "Hiragino Mincho Pro" !important;
      font-size: 20px;
      color: #361D00;
      font-weight: bold;
      margin-bottom: 25px; }
    .qlive9 .qlive9__intro p {
      font-family: "Honoka Maru-Gothic" !important;
      font-size: 20px;
      color: #224808;
      margin-top: 45px; }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__intro p {
          font-size: 16px !important; } }
  .qlive9 .qlive9__index {
    max-width: 1280px;
    padding: 0 0 100px;
    margin: 130px auto;
    background-image: url("/cdn/shop/files/bg_paper.jpg?v=1603277365");
    background-repeat: repeat;
    position: relative; }
    @media only screen and (max-width: 900px) {
      .qlive9 .qlive9__index {
        padding: 0 40px 40px; } }
    .qlive9 .qlive9__index .qlive9__index__inner__first {
      display: flex;
      justify-content: space-between;
      max-width: 1000px;
      margin: auto;
      position: relative; }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__index .qlive9__index__inner__first {
          display: block; } }
    .qlive9 .qlive9__index .qlive9__index__inner__second {
      display: flex;
      justify-content: space-between;
      max-width: 1000px;
      margin: auto;
      position: relative; }
      @media only screen and (max-width: 880px) {
        .qlive9 .qlive9__index .qlive9__index__inner__second {
          margin: 40px auto 40px; } }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__index .qlive9__index__inner__second {
          display: block; } }
    .qlive9 .qlive9__index .qlive9__index__inner__third {
      display: flex;
      justify-content: space-between;
      max-width: 1170px;
      margin: 0 0 0 auto;
      position: relative; }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__index .qlive9__index__inner__third {
          margin: 0;
          display: block; } }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .qlive9__index__inner__third {
          display: block; } }
    .qlive9 .qlive9__index .leaf-01 {
      width: 60px;
      position: absolute;
      bottom: 0;
      left: -16%; }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__index .leaf-01 {
          left: -2%; } }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .leaf-01 {
          width: 40px;
          left: -2%; } }
    .qlive9 .qlive9__index .leaf-02 {
      width: 60px;
      position: absolute;
      bottom: 225px;
      left: -5%; }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .leaf-02 {
          width: 40px;
          bottom: 10%;
          left: -12%; } }
    .qlive9 .qlive9__index .leaf-03 {
      width: 75px;
      position: absolute;
      top: 40px;
      left: 35%; }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__index .leaf-03 {
          top: 140px;
          left: 0%; } }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .leaf-03 {
          width: 40px;
          top: 64%;
          left: -10%; } }
    .qlive9 .qlive9__index .leaf-04 {
      width: 65px;
      position: absolute;
      top: 50px;
      left: 55%; }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__index .leaf-04 {
          left: 85%; } }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .leaf-04 {
          width: 45px;
          top: 30%;
          left: 0%; } }
    .qlive9 .qlive9__index .leaf-05 {
      width: 65px;
      position: absolute;
      top: -20px;
      left: 60%; }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__index .leaf-05 {
          left: 85%; } }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .leaf-05 {
          width: 45px;
          left: 90%; } }
    .qlive9 .qlive9__index .leaf-06 {
      width: 60px;
      position: absolute;
      top: 50%;
      left: 70%; }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__index .leaf-06 {
          left: 90%; } }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .leaf-06 {
          width: 60px;
          top: 30%;
          left: 97%; } }
    .qlive9 .qlive9__index .leaf-07 {
      width: 75px;
      position: absolute;
      top: 50%;
      right: -16%; }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__index .leaf-07 {
          top: 60%;
          right: -5%; } }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .leaf-07 {
          width: 55px;
          top: 90%;
          right: -10%; } }
    .qlive9 .qlive9__index .leaf-08 {
      width: 80px;
      position: absolute;
      bottom: 124px;
      left: 20%;
      transform: rotate(45deg); }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__index .leaf-08 {
          left: 0%; } }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .leaf-08 {
          left: -20%; } }
    .qlive9 .qlive9__index .leaf-09 {
      width: 60px;
      position: absolute;
      top: 15%;
      left: 30%;
      transform: rotate(75deg); }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__index .leaf-09 {
          left: 10%; } }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .leaf-09 {
          left: -10%; } }
    .qlive9 .qlive9__index .leaf-10 {
      width: 60px;
      position: absolute;
      top: 5%;
      left: 45%; }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__index .leaf-10 {
          left: 80%; } }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .leaf-10 {
          top: 2%;
          left: 95%; } }
    .qlive9 .qlive9__index .leaf-11 {
      width: 70px;
      position: absolute;
      top: 50%;
      right: 13%;
      transform: rotate(65deg); }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__index .leaf-11 {
          right: 0%; } }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .leaf-11 {
          top: 56%;
          right: -10%; } }
    .qlive9 .qlive9__index .leaf-12 {
      width: 50px;
      position: absolute;
      bottom: -10%;
      right: 30%;
      transform: rotate(115deg); }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__index .leaf-12 {
          right: -4%; } }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .leaf-12 {
          bottom: -10%;
          right: -10%; } }
    .qlive9 .qlive9__index .leaf-13 {
      width: 70px;
      position: absolute;
      bottom: -40%;
      right: 20%;
      transform: rotate(65deg); }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__index .leaf-13 {
          right: 0%; } }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .leaf-13 {
          bottom: 0%;
          right: -10%; } }
    .qlive9 .qlive9__index .leaf-14 {
      width: 65px;
      position: absolute;
      top: 60%;
      left: -6%;
      transform: rotate(-15deg); }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .leaf-14 {
          top: 28%; } }
    .qlive9 .qlive9__index .leaf-15 {
      width: 70px;
      position: absolute;
      top: 70%;
      left: 12%;
      transform: rotate(25deg); }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .leaf-15 {
          width: 60px;
          top: 58%;
          left: -5%; } }
    .qlive9 .qlive9__index .leaf-16 {
      width: 60px;
      position: absolute;
      top: 97%;
      left: 24%;
      transform: rotate(5deg); }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .leaf-16 {
          width: 50px;
          left: 15%; } }
    .qlive9 .qlive9__index .leaf-17 {
      width: 70px;
      position: absolute;
      top: 114%;
      left: 0%;
      transform: rotate(105deg); }
      @media only screen and (max-width: 880px) {
        .qlive9 .qlive9__index .leaf-17 {
          width: 60px; } }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .leaf-17 {
          left: -10%; } }
    .qlive9 .qlive9__index .leaf-18 {
      width: 70px;
      position: absolute;
      top: 100%;
      right: 25%; }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .leaf-18 {
          right: -5%; } }
    .qlive9 .qlive9__index .leaf-19 {
      width: 50px;
      position: absolute;
      top: 50%;
      right: -2%;
      transform: rotate(25deg); }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .leaf-19 {
          right: -5%; } }
    .qlive9 .qlive9__index .content {
      width: 300px;
      height: auto;
      position: relative;
      z-index: 1; }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__index .content {
          margin: auto; } }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .content {
          width: 80% !important;
          min-width: 250px !important; } }
      .qlive9 .qlive9__index .content a {
        display: block;
        text-decoration: none;
        border: none;
        transition: all .5s; }
        .qlive9 .qlive9__index .content a:after {
          display: none; }
        .qlive9 .qlive9__index .content a:hover dl {
          opacity: .5; }
      .qlive9 .qlive9__index .content .img-box {
        width: 100%;
        height: 100%;
        position: relative; }
        .qlive9 .qlive9__index .content .img-box .main {
          position: relative; }
        .qlive9 .qlive9__index .content .img-box .leaf {
          position: absolute; }
      .qlive9 .qlive9__index .content .num {
        width: 73px;
        height: 76px;
        position: absolute;
        top: 30px;
        background-repeat: no-repeat;
        background-size: cover; }
        @media only screen and (max-width: 590px) {
          .qlive9 .qlive9__index .content .num {
            top: 10px; } }
        .qlive9 .qlive9__index .content .num.right {
          right: 5%; }
          @media only screen and (max-width: 590px) {
            .qlive9 .qlive9__index .content .num.right {
              right: 2%; } }
        .qlive9 .qlive9__index .content .num.mid-right {
          right: 12%; }
          @media only screen and (max-width: 590px) {
            .qlive9 .qlive9__index .content .num.mid-right {
              right: 10%; } }
        .qlive9 .qlive9__index .content .num.left {
          left: 10%; }
          @media only screen and (max-width: 590px) {
            .qlive9 .qlive9__index .content .num.left {
              left: 2%; } }
        .qlive9 .qlive9__index .content .num.green {
          background-image: url("/cdn/shop/files/qlive9_num_green.png?v=1607588520"); }
        .qlive9 .qlive9__index .content .num.dullgreen {
          background-image: url("/cdn/shop/files/qlive9_num_dullgreen.png?v=1607588530"); }
        .qlive9 .qlive9__index .content .num.lightgreen {
          background-image: url("/cdn/shop/files/qlive9_num_lightgreen.png?v=1607588539"); }
        .qlive9 .qlive9__index .content .num span {
          font-family: "Caveat", cursive;
          font-size: 42px;
          color: #fff;
          line-height: 76px;
          display: block;
          text-align: center; }
      .qlive9 .qlive9__index .content h3 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -40%);
        width: 100%;
        z-index: 5;
        padding: 0 10px;
        text-align: center;
        transition: all .5s;
        line-height: 1.2;
        margin: 0; }
        .qlive9 .qlive9__index .content h3 span {
          font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif;
          font-size: 20px;
          font-weight: 600;
          color: #ffffff;
          display: inline;
          background: linear-gradient(transparent 60%, #a6b959 0%); }
          @media only screen and (max-width: 768px) {
            .qlive9 .qlive9__index .content h3 span {
              font-size: 20px; } }
    .qlive9 .qlive9__index .content-01 {
      width: 288px;
      margin-top: -60px;
      order: 1; }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .content-01 {
          margin: 20px auto; } }
      .qlive9 .qlive9__index .content-01 .img-box .leaf {
        top: -50px;
        right: 30px;
        width: 117%; }
        @media only screen and (max-width: 768px) {
          .qlive9 .qlive9__index .content-01 .img-box .leaf {
            top: -60px; } }
    .qlive9 .qlive9__index .content-02 {
      width: 310px;
      margin-top: -60px;
      margin-right: -50px;
      order: 3; }
      @media only screen and (max-width: 860px) {
        .qlive9 .qlive9__index .content-02 {
          margin-right: 0;
          order: 2; } }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__index .content-02 {
          margin-top: 40px;
          margin-right: auto; } }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .content-02 {
          margin: 40px auto 0; } }
      .qlive9 .qlive9__index .content-02 .img-box .leaf {
        top: -30px;
        right: -40px;
        width: 77.6%; }
    .qlive9 .qlive9__index .content-03 {
      width: 300px;
      margin-top: 178px;
      margin-left: 40px;
      order: 2; }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__index .content-03 {
          margin-top: 40px;
          margin-left: auto;
          order: 3; } }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .content-03 {
          margin: 40px auto 0; } }
      .qlive9 .qlive9__index .content-03 .img-box .leaf {
        top: -20px;
        left: -70px;
        width: 60%; }
        @media only screen and (max-width: 860px) {
          .qlive9 .qlive9__index .content-03 .img-box .leaf {
            left: -60px;
            width: 55%; } }
    .qlive9 .qlive9__index .content-04 {
      width: 300px;
      margin-top: -90px;
      order: 1; }
      @media only screen and (max-width: 860px) {
        .qlive9 .qlive9__index .content-04 {
          margin-top: -30px; } }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__index .content-04 {
          margin-top: 40px; } }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .content-04 {
          margin: 40px auto 0; } }
      .qlive9 .qlive9__index .content-04 .img-box .leaf {
        top: -40px;
        right: -30px;
        width: 84%; }
        @media only screen and (max-width: 860px) {
          .qlive9 .qlive9__index .content-04 .img-box .leaf {
            top: -30px; } }
    .qlive9 .qlive9__index .content-05 {
      width: 290px;
      margin-top: -170px;
      order: 3; }
      @media only screen and (max-width: 860px) {
        .qlive9 .qlive9__index .content-05 {
          margin-top: -110px; } }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__index .content-05 {
          margin-top: 40px; } }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .content-05 {
          margin: 0 auto; } }
      .qlive9 .qlive9__index .content-05 .img-box .leaf {
        top: -40px;
        right: -60px;
        width: 52%; }
    .qlive9 .qlive9__index .content-06 {
      width: 300px;
      margin-top: 100px;
      order: 2; }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__index .content-06 {
          margin-top: 40px; } }
      .qlive9 .qlive9__index .content-06 .img-box .leaf {
        top: -10px;
        right: -100px;
        width: 56%; }
        @media only screen and (max-width: 860px) {
          .qlive9 .qlive9__index .content-06 .img-box .leaf {
            right: -70px; } }
    .qlive9 .qlive9__index .content-07 {
      width: 310px;
      margin-top: -100px;
      order: 1; }
      @media only screen and (max-width: 860px) {
        .qlive9 .qlive9__index .content-07 {
          margin-top: -50px; } }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__index .content-07 {
          margin-top: 40px; } }
      @media only screen and (max-width: 590px) {
        .qlive9 .qlive9__index .content-07 {
          margin: 40px auto 0; } }
      .qlive9 .qlive9__index .content-07 .img-box .leaf {
        top: -90px;
        left: -60px;
        width: 52%; }
        @media only screen and (max-width: 860px) {
          .qlive9 .qlive9__index .content-07 .img-box .leaf {
            top: -50px; } }
    .qlive9 .qlive9__index .content-08 {
      width: 310px;
      margin-top: -200px;
      order: 3; }
      @media only screen and (max-width: 860px) {
        .qlive9 .qlive9__index .content-08 {
          margin-top: -90px; } }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__index .content-08 {
          margin-top: 40px; } }
      .qlive9 .qlive9__index .content-08 .img-box .leaf {
        top: -40px;
        right: -20px;
        width: 82%; }
        @media only screen and (max-width: 860px) {
          .qlive9 .qlive9__index .content-08 .img-box .leaf {
            top: -30px; } }
    .qlive9 .qlive9__index .content-09 {
      width: 300px;
      margin-top: 100px;
      order: 2; }
      @media only screen and (max-width: 860px) {
        .qlive9 .qlive9__index .content-09 {
          margin-top: 200px; } }
      @media only screen and (max-width: 768px) {
        .qlive9 .qlive9__index .content-09 {
          margin-top: 40px; } }
      .qlive9 .qlive9__index .content-09 .img-box .leaf {
        top: -10px;
        left: -90px;
        width: 54%; }
        @media only screen and (max-width: 860px) {
          .qlive9 .qlive9__index .content-09 .img-box .leaf {
            left: -60px; } }
  .qlive9 .sakichikun {
    width: 220px;
    height: auto;
    text-align: center;
    position: absolute;
    bottom: 60px;
    right: 60px; }
    @media only screen and (max-width: 768px) {
      .qlive9 .sakichikun {
        position: static;
        margin: auto; } }
    .qlive9 .sakichikun p {
      font-size: 11px;
      margin: 0; }

.qlive9-c .img {
  overflow: hidden; }
  .qlive9-c .img img {
    width: 100%;
    height: auto; }
.qlive9-c h2,
.qlive9-c h3,
.qlive9-c h4,
.qlive9-c h5 {
  color: #361D00;
  line-height: 1.75; }
.qlive9-c p {
  color: #361D00;
  line-height: 2; }
.qlive9-c .is-zoom-fade-small {
  animation: zoom-fade-small 1s 0s forwards;
  /*     animation-named: zoom-fade-small; */
  transiton: none; }
.qlive9-c .is-fade-in {
  animation: fade-in 1s 0s forwards;
  /*     animation-named: fade-in; */
  transiton: none; }
.qlive9-c .qlive9-c__mv {
  position: relative;
  height: 68vw;
  overflow: hidden;
  margin-bottom: 10px; }
  @media only screen and (min-width: 590px) {
    .qlive9-c .qlive9-c__mv {
      height: 405px;
      margin-bottom: 20px; } }
  @media only screen and (min-width: 769px) {
    .qlive9-c .qlive9-c__mv {
      height: 405px;
      margin-bottom: 40px; } }
  .qlive9-c .qlive9-c__mv .qlive9-c__mv__bk {
    margin: 0;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    opacity: 0; }
    .qlive9-c .qlive9-c__mv .qlive9-c__mv__bk img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      min-width: 100%; }
      @media only screen and (max-width: 590px) {
        .qlive9-c .qlive9-c__mv .qlive9-c__mv__bk img {
          max-width: none;
          height: 100%; } }
  .qlive9-c .qlive9-c__mv .qlive9-c__mv__circle {
    position: absolute;
    width: 50vw;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    top: 0;
    margin: 0;
    right: 0; }
    @media only screen and (max-width: 768px) {
      .qlive9-c .qlive9-c__mv .qlive9-c__mv__circle {
        width: 70vw; } }
    .qlive9-c .qlive9-c__mv .qlive9-c__mv__circle img {
      height: 100%;
      width: auto;
      max-width: none; }
      @media only screen and (max-width: 590px) {
        .qlive9-c .qlive9-c__mv .qlive9-c__mv__circle img {
          max-width: none;
          height: 100%; } }
  .qlive9-c .qlive9-c__mv .section-header {
    max-width: 1400px;
    padding: 0 60px;
    position: absolute;
    top: 35%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    margin: 0 auto;
    text-align: left;
    opacity: 0; }
    @media only screen and (max-width: 768px) {
      .qlive9-c .qlive9-c__mv .section-header {
        padding: 0 20px; } }
    .qlive9-c .qlive9-c__mv .section-header.line-2 {
      top: 25%; }
  .qlive9-c .qlive9-c__mv .section-header__title .num {
    display: block;
    width: auto;
    height: 62px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 768px) {
      .qlive9-c .qlive9-c__mv .section-header__title .num {
        height: 42px; } }
    @media only screen and (max-width: 590px) {
      .qlive9-c .qlive9-c__mv .section-header__title .num {
        height: 9vw; } }
    .qlive9-c .qlive9-c__mv .section-header__title .num img {
      width: auto;
      height: 100%; }
  .qlive9-c .qlive9-c__mv .section-header__title .title {
    display: block;
    width: auto;
    height: 60px; }
    @media only screen and (max-width: 768px) {
      .qlive9-c .qlive9-c__mv .section-header__title .title {
        height: 40px; } }
    @media only screen and (max-width: 590px) {
      .qlive9-c .qlive9-c__mv .section-header__title .title {
        height: 9vw; } }
    .qlive9-c .qlive9-c__mv .section-header__title .title img {
      width: auto;
      height: 100%; }
    .qlive9-c .qlive9-c__mv .section-header__title .title.line-2 {
      height: 136px; }
      @media only screen and (max-width: 768px) {
        .qlive9-c .qlive9-c__mv .section-header__title .title.line-2 {
          height: 90px; } }
      @media only screen and (max-width: 590px) {
        .qlive9-c .qlive9-c__mv .section-header__title .title.line-2 {
          height: 20vw; } }
.qlive9-c .qlive9-c__content {
  margin: 90px auto 80px;
  padding: 0 40px;
  max-width: 1320px; }
  @media only screen and (max-width: 768px) {
    .qlive9-c .qlive9-c__content {
      padding: 0; } }
  .qlive9-c .qlive9-c__content .qlive9-c__content__inner {
    background-image: url("/cdn/shop/files/bg_paper.jpg?v=1603277365");
    background-repeat: repeat;
    padding: 0 60px 60px;
    position: relative; }
    @media only screen and (max-width: 1280px) {
      .qlive9-c .qlive9-c__content .qlive9-c__content__inner {
        padding: 0 40px 60px; } }
    @media only screen and (max-width: 768px) {
      .qlive9-c .qlive9-c__content .qlive9-c__content__inner {
        padding: 0 20px 60px; } }
    .qlive9-c .qlive9-c__content .qlive9-c__content__inner:before {
      content: '';
      display: block;
      width: calc(100% + 120px);
      height: 325px;
      background-color: #ffffff;
      margin-left: -60px; }
      @media only screen and (max-width: 1024px) {
        .qlive9-c .qlive9-c__content .qlive9-c__content__inner:before {
          height: 25vw; } }
      @media only screen and (max-width: 768px) {
        .qlive9-c .qlive9-c__content .qlive9-c__content__inner:before {
          height: 30vw;
          margin-left: -20px;
          width: calc(100% + 40px); } }
  .qlive9-c .qlive9-c__content .frame {
    margin: -325px auto 40px; }
    @media only screen and (max-width: 1024px) {
      .qlive9-c .qlive9-c__content .frame {
        margin: -25vw auto 40px; } }
    @media only screen and (max-width: 768px) {
      .qlive9-c .qlive9-c__content .frame {
        margin: -30vw auto 40px; } }
    .qlive9-c .qlive9-c__content .frame .frame__inner {
      margin: auto;
      text-align: center; }
      .qlive9-c .qlive9-c__content .frame .frame__inner .frame__inner__main {
        position: relative;
        width: 72%;
        max-width: 846px;
        margin: auto; }
        @media only screen and (max-width: 768px) {
          .qlive9-c .qlive9-c__content .frame .frame__inner .frame__inner__main {
            width: 80%; } }
        .qlive9-c .qlive9-c__content .frame .frame__inner .frame__inner__main .movie {
          max-width: 846px;
          margin: auto;
          position: relative; }
        .qlive9-c .qlive9-c__content .frame .frame__inner .frame__inner__main .fp-top {
          position: absolute;
          top: -15px;
          left: -40px;
          right: -40px;
          width: calc(100% + 80px); }
          @media only screen and (max-width: 590px) {
            .qlive9-c .qlive9-c__content .frame .frame__inner .frame__inner__main .fp-top {
              top: -16px;
              left: -15px;
              right: -15px;
              width: calc(100% + 30px); } }
        .qlive9-c .qlive9-c__content .frame .frame__inner .frame__inner__main .fp-right {
          position: absolute;
          top: -30px;
          right: -13px;
          bottom: -20px;
          width: 19px; }
          @media only screen and (max-width: 590px) {
            .qlive9-c .qlive9-c__content .frame .frame__inner .frame__inner__main .fp-right {
              top: -15px;
              right: -6px;
              bottom: -10px;
              width: auto; } }
          .qlive9-c .qlive9-c__content .frame .frame__inner .frame__inner__main .fp-right img {
            width: auto;
            height: 100%; }
        .qlive9-c .qlive9-c__content .frame .frame__inner .frame__inner__main .fp-bottom {
          position: absolute;
          bottom: -10px;
          left: -40px;
          right: -40px;
          width: calc(100% + 80px); }
          @media only screen and (max-width: 590px) {
            .qlive9-c .qlive9-c__content .frame .frame__inner .frame__inner__main .fp-bottom {
              bottom: -8px;
              left: -10px;
              right: -10px;
              width: calc(100% + 20px); } }
        .qlive9-c .qlive9-c__content .frame .frame__inner .frame__inner__main .fp-left {
          position: absolute;
          top: -30px;
          left: -13px;
          bottom: -30px;
          width: 19px; }
          @media only screen and (max-width: 590px) {
            .qlive9-c .qlive9-c__content .frame .frame__inner .frame__inner__main .fp-left {
              top: -15px;
              left: -5px;
              bottom: -10px;
              width: auto; } }
          .qlive9-c .qlive9-c__content .frame .frame__inner .frame__inner__main .fp-left img {
            width: auto;
            height: 100%; }
    .qlive9-c .qlive9-c__content .frame .lf-left-01 {
      position: absolute;
      top: 10px;
      left: 4.5%;
      width: 4.8%;
      height: auto; }
    .qlive9-c .qlive9-c__content .frame .lf-left-02 {
      position: absolute;
      top: 178px;
      left: 4.1%;
      width: 6%;
      height: auto; }
      @media only screen and (max-width: 768px) {
        .qlive9-c .qlive9-c__content .frame .lf-left-02 {
          top: 13vw; } }
    .qlive9-c .qlive9-c__content .frame .lf-left-03 {
      position: absolute;
      top: 265px;
      left: 8.3%;
      width: 5%;
      height: auto; }
      @media only screen and (max-width: 768px) {
        .qlive9-c .qlive9-c__content .frame .lf-left-03 {
          top: 29vw; } }
    .qlive9-c .qlive9-c__content .frame .lf-right-01 {
      position: absolute;
      top: 10px;
      right: 0.7%;
      width: 5.1%;
      height: auto; }
    .qlive9-c .qlive9-c__content .frame .lf-right-02 {
      position: absolute;
      top: 160px;
      right: 6.9%;
      width: 5.6%;
      height: auto; }
      @media only screen and (max-width: 768px) {
        .qlive9-c .qlive9-c__content .frame .lf-right-02 {
          top: 8vw; } }
    .qlive9-c .qlive9-c__content .frame .lf-right-03 {
      position: absolute;
      top: 240px;
      right: 3%;
      width: 6.2%;
      height: auto; }
      @media only screen and (max-width: 768px) {
        .qlive9-c .qlive9-c__content .frame .lf-right-03 {
          top: 20vw; } }
    .qlive9-c .qlive9-c__content .frame .lf-right-04 {
      position: absolute;
      top: 292px;
      right: 8.6%;
      width: 4%;
      height: auto; }
      @media only screen and (max-width: 768px) {
        .qlive9-c .qlive9-c__content .frame .lf-right-04 {
          top: 33vw; } }
  .qlive9-c .qlive9-c__content .lead-title {
    text-align: left;
    max-width: 1000px;
    margin: 0 auto 20px;
    line-height: 1.25; }
    .qlive9-c .qlive9-c__content .lead-title span {
      font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif;
      font-weight: bold;
      font-size: 24px;
      display: inline;
      background: linear-gradient(transparent 60%, #d2e38c 0%);
      /*         padding-bottom: 4px; */ }
      @media only screen and (max-width: 768px) {
        .qlive9-c .qlive9-c__content .lead-title span {
          font-size: 20px;
          background: linear-gradient(transparent 50%, #d2e38c 0%); } }
  .qlive9-c .qlive9-c__content .lead-text {
    font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif;
    font-size: 16px;
    color: #361D00;
    text-align: left;
    max-width: 1000px;
    margin: 20px auto 0;
    position: relative;
    z-index: 1; }
  .qlive9-c .qlive9-c__content .detail {
    max-width: 1000px;
    margin: auto;
    padding: 40px 0;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .qlive9-c .qlive9-c__content .detail {
        padding: 25px 0; } }
    .qlive9-c .qlive9-c__content .detail:after {
      content: '';
      display: block;
      background-image: url("/cdn/shop/files/product_line.png");
      background-repeat: repeat-x;
      background-size: contain;
      width: 90%;
      height: 3px;
      margin: 80px auto 0; }
      @media only screen and (max-width: 768px) {
        .qlive9-c .qlive9-c__content .detail:after {
          margin: 50px auto 0;
          background-size: cover; } }
    .qlive9-c .qlive9-c__content .detail:first-of-type {
      margin-top: 80px; }
      @media only screen and (max-width: 768px) {
        .qlive9-c .qlive9-c__content .detail:first-of-type {
          margin-top: 40px; } }
    .qlive9-c .qlive9-c__content .detail:last-of-type:after {
      display: none; }
  .qlive9-c .qlive9-c__content .detail__c1 {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 768px) {
      .qlive9-c .qlive9-c__content .detail__c1 {
        display: block; } }
    .qlive9-c .qlive9-c__content .detail__c1 .detail__c1__text {
      width: 45%;
      flex-basis: 45%; }
      @media only screen and (max-width: 768px) {
        .qlive9-c .qlive9-c__content .detail__c1 .detail__c1__text {
          width: 100%; } }
      .qlive9-c .qlive9-c__content .detail__c1 .detail__c1__text h3 {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .qlive9-c .qlive9-c__content .detail__c1 .detail__c1__text h3 .num {
          width: 63px;
          flex-basis: 63px;
          height: 64px;
          background: url("/cdn/shop/files/qlive9_num_green.png?v=1607588520") no-repeat center;
          background-size: 100% auto;
          font-family: "Caveat", cursive;
          font-size: 35px;
          color: #fff;
          line-height: 64px;
          text-align: center; }
          @media only screen and (max-width: 590px) {
            .qlive9-c .qlive9-c__content .detail__c1 .detail__c1__text h3 .num {
              width: 50px;
              flex-basis: 50px;
              height: 52px;
              font-size: 30px;
              line-height: 50px; } }
        .qlive9-c .qlive9-c__content .detail__c1 .detail__c1__text h3 .title {
          width: calc(100% - 86px);
          flex-basis: calc(100% - 86px);
          font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif;
          font-size: 23px;
          font-weight: 600;
          margin: 0; }
          @media only screen and (max-width: 590px) {
            .qlive9-c .qlive9-c__content .detail__c1 .detail__c1__text h3 .title {
              width: calc(100% - 70px);
              flex-basis: calc(100% - 70px);
              font-size: 20px; } }
      .qlive9-c .qlive9-c__content .detail__c1 .detail__c1__text p {
        font-size: 16px; }
      .qlive9-c .qlive9-c__content .detail__c1 .detail__c1__text.order-change {
        order: 2; }
    .qlive9-c .qlive9-c__content .detail__c1 .detail__c1__img {
      width: 50%;
      flex-basis: 50%;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        .qlive9-c .qlive9-c__content .detail__c1 .detail__c1__img {
          width: 100%; } }
      .qlive9-c .qlive9-c__content .detail__c1 .detail__c1__img img {
        margin: auto; }
  .qlive9-c .qlive9-c__content .detail__c2-head {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    margin-bottom: 30px; }
    @media only screen and (max-width: 768px) {
      .qlive9-c .qlive9-c__content .detail__c2-head {
        display: block; } }
    .qlive9-c .qlive9-c__content .detail__c2-head .detail__c2-head__item {
      width: 33%;
      flex-basis: 33%;
      position: relative; }
      @media only screen and (max-width: 768px) {
        .qlive9-c .qlive9-c__content .detail__c2-head .detail__c2-head__item {
          width: 100%;
          max-width: 260px;
          margin: auto; } }
      .qlive9-c .qlive9-c__content .detail__c2-head .detail__c2-head__item .img {
        position: relative;
        overflow: visible; }
        .qlive9-c .qlive9-c__content .detail__c2-head .detail__c2-head__item .img img {
          width: 100%;
          height: auto; }
      .qlive9-c .qlive9-c__content .detail__c2-head .detail__c2-head__item .num {
        width: 72px;
        height: 72px;
        background: url("/cdn/shop/files/qlive9_num_lightgreen.png?v=1607588539") no-repeat center;
        background-size: cover;
        position: absolute;
        top: 2%;
        left: 5%;
        text-align: center; }
        @media only screen and (max-width: 1000px) {
          .qlive9-c .qlive9-c__content .detail__c2-head .detail__c2-head__item .num {
            top: -12%;
            left: 0%; } }
        @media only screen and (max-width: 590px) {
          .qlive9-c .qlive9-c__content .detail__c2-head .detail__c2-head__item .num {
            top: 0;
            width: 55px;
            height: 55px; } }
        .qlive9-c .qlive9-c__content .detail__c2-head .detail__c2-head__item .num span {
          font-family: "Caveat", cursive;
          font-size: 38px;
          color: #fff;
          line-height: 72px; }
          @media only screen and (max-width: 590px) {
            .qlive9-c .qlive9-c__content .detail__c2-head .detail__c2-head__item .num span {
              font-size: 32px;
              line-height: 55px; } }
      .qlive9-c .qlive9-c__content .detail__c2-head .detail__c2-head__item .text {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        padding: 0 10px;
        margin: 0; }
        .qlive9-c .qlive9-c__content .detail__c2-head .detail__c2-head__item .text h3 {
          font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif;
          font-size: 22px;
          font-weight: 600;
          margin-bottom: 10px; }
        .qlive9-c .qlive9-c__content .detail__c2-head .detail__c2-head__item .text h4 {
          font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif;
          font-size: 18px;
          font-weight: 600;
          margin: 0; }
      @media only screen and (max-width: 768px) {
        .qlive9-c .qlive9-c__content .detail__c2-head .detail__c2-head__item.item-01 .img {
          width: 80%;
          margin: auto; } }
      .qlive9-c .qlive9-c__content .detail__c2-head .detail__c2-head__item.item-02 {
        margin-top: 220px; }
        @media only screen and (max-width: 768px) {
          .qlive9-c .qlive9-c__content .detail__c2-head .detail__c2-head__item.item-02 {
            margin-top: auto; } }
      @media only screen and (max-width: 768px) {
        .qlive9-c .qlive9-c__content .detail__c2-head .detail__c2-head__item:not(:first-of-type) {
          margin-top: 30px !important; } }
  .qlive9-c .qlive9-c__content .detail__c2-detail .st {
    font-weight: 600; }
  .qlive9-c .qlive9-c__content .detail__c2-detail table th {
    background-color: #4B6A45;
    color: #fff;
    width: 30%; }
  .qlive9-c .qlive9-c__content .detail__c2-detail table tr:nth-of-type(odd) {
    background-color: #FAF9F4; }
  .qlive9-c .qlive9-c__content .detail__c2-detail table tr:nth-of-type(even) {
    background-color: #F5F3EC; }
  .qlive9-c .qlive9-c__content .detail__c2-detail table td {
    color: #34260A;
    background-color: transparent; }
  .qlive9-c .qlive9-c__content .detail__c2-detail table .variety {
    width: 35%; }
    @media only screen and (max-width: 590px) {
      .qlive9-c .qlive9-c__content .detail__c2-detail table .variety {
        width: auto; } }
  .qlive9-c .qlive9-c__content .detail__c2-detail table .feature {
    width: 65％; }
    @media only screen and (max-width: 590px) {
      .qlive9-c .qlive9-c__content .detail__c2-detail table .feature {
        width: auto; } }
  .qlive9-c .qlive9-c__content .detail__c3 table th {
    background-color: #214F12;
    color: #fff; }
  .qlive9-c .qlive9-c__content .detail__c3 table tr:nth-of-type(odd) {
    background-color: #FAF9F4; }
  .qlive9-c .qlive9-c__content .detail__c3 table tr:nth-of-type(even) {
    background-color: #F5F3EC; }
  .qlive9-c .qlive9-c__content .detail__c3 table td {
    color: #34260A;
    background-color: transparent; }
  .qlive9-c .qlive9-c__content .detail__c3 table .variety {
    width: 21.8%; }
    @media only screen and (max-width: 590px) {
      .qlive9-c .qlive9-c__content .detail__c3 table .variety {
        width: auto; } }
  .qlive9-c .qlive9-c__content .detail__c3 table .feature {
    width: 49.9％; }
    @media only screen and (max-width: 590px) {
      .qlive9-c .qlive9-c__content .detail__c3 table .feature {
        width: auto; } }
  .qlive9-c .qlive9-c__content .detail__c3 table .country {
    width: 28%; }
    @media only screen and (max-width: 590px) {
      .qlive9-c .qlive9-c__content .detail__c3 table .country {
        width: auto; } }
  .qlive9-c .qlive9-c__content .detail__c4-phase {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .qlive9-c .qlive9-c__content .detail__c4-phase {
        display: block; } }
    .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step {
      width: 41.4%;
      flex-basis: 41.4%;
      position: relative; }
      @media only screen and (max-width: 768px) {
        .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step {
          width: 100%; } }
      .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step:not(:last-of-type) {
        margin-bottom: 120px; }
      .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step .head {
        max-width: 300px;
        position: relative;
        margin: 0 auto 20px; }
      .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step .img {
        width: 100%;
        max-width: 300px;
        height: 100%;
        position: relative;
        margin: auto;
        overflow: visible; }
        .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step .img .main {
          position: relative; }
        .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step .img .leaf {
          position: absolute; }
      .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step .sub {
        width: 73px;
        height: 76px;
        position: absolute;
        top: 15%;
        background-repeat: no-repeat;
        background-size: cover; }
        @media only screen and (max-width: 590px) {
          .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step .sub {
            top: 10px; } }
        .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step .sub.right {
          right: -5%; }
          @media only screen and (max-width: 590px) {
            .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step .sub.right {
              right: 2%; } }
        .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step .sub.mid-right {
          right: 8%; }
          @media only screen and (max-width: 590px) {
            .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step .sub.mid-right {
              right: 10%; } }
        .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step .sub.left {
          left: 5%; }
          @media only screen and (max-width: 590px) {
            .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step .sub.left {
              left: 2%; } }
        .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step .sub.green {
          background-image: url("/cdn/shop/files/qlive9_num_green.png?v=1607588520"); }
        .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step .sub.dullgreen {
          background-image: url("/cdn/shop/files/qlive9_num_dullgreen.png?v=1607588530"); }
        .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step .sub.lightgreen {
          background-image: url("/cdn/shop/files/qlive9_num_lightgreen.png?v=1607588539"); }
        .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step .sub .step {
          font-family: "Caveat", cursive;
          font-size: 18px;
          color: #fff;
          display: block;
          text-align: center;
          line-height: 18px;
          padding-top: 10px; }
        .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step .sub .num {
          font-family: "Caveat", cursive;
          font-size: 42px;
          color: #fff;
          display: block;
          text-align: center;
          line-height: 32px; }
      .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step h3 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        z-index: 5;
        padding: 0 10px;
        text-align: center;
        line-height: 1.2;
        margin: 0;
        font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif;
        font-size: 20px;
        font-weight: 600;
        color: #ffffff; }
        @media only screen and (max-width: 768px) {
          .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step h3 {
            font-size: 20px; } }
      .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step.step-01 .leaf {
        width: 110%;
        top: -10%;
        right: -5%; }
      .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step.step-02 .leaf {
        width: 80%;
        top: -5%;
        right: -5%; }
      .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step.step-03 .leaf {
        width: 50%;
        top: -5%;
        left: -15%; }
      .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step.step-04 .leaf {
        width: 110%;
        top: -5%;
        right: -15%; }
      .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step.step-05 .leaf {
        width: 50%;
        top: -5%;
        right: -15%; }
      .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step:nth-of-type(odd):after {
        content: '';
        position: absolute;
        bottom: 50%;
        right: -30%;
        width: 25%;
        height: 55px;
        background: url("/cdn/shop/files/qlive9_04_arrow.png?v=1608006338") no-repeat center top;
        background-size: contain; }
        @media only screen and (max-width: 768px) {
          .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step:nth-of-type(odd):after {
            bottom: -80px;
            right: 40%;
            transform: rotate(25deg); } }
      .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step:nth-of-type(even) {
        padding-top: 82px; }
        @media only screen and (max-width: 768px) {
          .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step:nth-of-type(even) {
            padding-top: 0; } }
        .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step:nth-of-type(even):after {
          content: '';
          position: absolute;
          bottom: 0;
          left: -30%;
          width: 25%;
          height: 55px;
          background: url("/cdn/shop/files/qlive9_04_arrow.png?v=1608006338") no-repeat center top;
          background-size: contain;
          transform: scale(-1, 1); }
          @media only screen and (max-width: 768px) {
            .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step:nth-of-type(even):after {
              bottom: -90px;
              left: 50%;
              transform: scale(-1, 1) rotate(15deg); } }
      .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step:last-of-type:before {
        display: none; }
      .qlive9-c .qlive9-c__content .detail__c4-phase .detail__c4-phase__step:last-of-type:after {
        display: none; }
  .qlive9-c .qlive9-c__content .detail__c4-illust {
    position: absolute;
    bottom: 110px;
    right: 0;
    width: 44%; }
    @media only screen and (max-width: 768px) {
      .qlive9-c .qlive9-c__content .detail__c4-illust {
        position: static;
        width: 200px;
        margin: auto; } }
  .qlive9-c .qlive9-c__content .detail__c4-sommelier .intro {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px; }
    @media only screen and (max-width: 768px) {
      .qlive9-c .qlive9-c__content .detail__c4-sommelier .intro {
        display: block;
        margin-bottom: 40px; } }
    .qlive9-c .qlive9-c__content .detail__c4-sommelier .intro .img {
      width: 41.4%;
      flex-basis: 41.4%; }
      @media only screen and (max-width: 768px) {
        .qlive9-c .qlive9-c__content .detail__c4-sommelier .intro .img {
          width: 100%; } }
    .qlive9-c .qlive9-c__content .detail__c4-sommelier .intro p {
      width: 52%;
      flex-basis: 52%; }
      @media only screen and (max-width: 768px) {
        .qlive9-c .qlive9-c__content .detail__c4-sommelier .intro p {
          width: 100%; } }
      .qlive9-c .qlive9-c__content .detail__c4-sommelier .intro p span {
        font-size: 20px;
        font-weight: 600;
        display: block; }
  .qlive9-c .qlive9-c__content .detail__c5 {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 768px) {
      .qlive9-c .qlive9-c__content .detail__c5 {
        display: block; } }
    .qlive9-c .qlive9-c__content .detail__c5 .detail__c5__text {
      width: 48%;
      flex-basis: 48%; }
      .qlive9-c .qlive9-c__content .detail__c5 .detail__c5__text .title {
        margin-top: 0; }
      @media only screen and (max-width: 768px) {
        .qlive9-c .qlive9-c__content .detail__c5 .detail__c5__text {
          display: block;
          width: 100%; } }
    .qlive9-c .qlive9-c__content .detail__c5 .detail__c5__img-box {
      width: 42%;
      flex-basis: 42%;
      display: flex;
      justify-content: flex-start; }
      @media only screen and (max-width: 768px) {
        .qlive9-c .qlive9-c__content .detail__c5 .detail__c5__img-box {
          width: 100%;
          justify-content: space-evenly;
          margin-top: 20px; } }
      .qlive9-c .qlive9-c__content .detail__c5 .detail__c5__img-box .img a {
        text-decoration: none;
        border-bottom: 0; }
        .qlive9-c .qlive9-c__content .detail__c5 .detail__c5__img-box .img a:after {
          display: none; }
      .qlive9-c .qlive9-c__content .detail__c5 .detail__c5__img-box .img:first-of-type {
        width: 190px;
        flex-basis: 190px;
        margin-right: 2%; }
        @media only screen and (max-width: 768px) {
          .qlive9-c .qlive9-c__content .detail__c5 .detail__c5__img-box .img:first-of-type {
            width: 40%;
            margin-right: 0; } }
      .qlive9-c .qlive9-c__content .detail__c5 .detail__c5__img-box .img:nth-of-type(2) {
        width: 140px;
        flex-basis: 140px; }
        @media only screen and (max-width: 768px) {
          .qlive9-c .qlive9-c__content .detail__c5 .detail__c5__img-box .img:nth-of-type(2) {
            width: 40%; } }
  .qlive9-c .qlive9-c__content .detail__c6 .detail__c6__card {
    display: flex;
    justify-content: space-between;
    margin: 30px 0 70px; }
    @media only screen and (max-width: 768px) {
      .qlive9-c .qlive9-c__content .detail__c6 .detail__c6__card {
        display: block; } }
    .qlive9-c .qlive9-c__content .detail__c6 .detail__c6__card .img {
      width: 300px;
      flex-basis: 300px; }
      @media only screen and (max-width: 768px) {
        .qlive9-c .qlive9-c__content .detail__c6 .detail__c6__card .img {
          width: 80%;
          max-width: 300px;
          margin: auto; } }
    .qlive9-c .qlive9-c__content .detail__c6 .detail__c6__card .info {
      width: calc(100% - 300px -10%);
      flex-basis: calc(100% - 300px - 10%);
      align-self: center; }
      @media only screen and (max-width: 768px) {
        .qlive9-c .qlive9-c__content .detail__c6 .detail__c6__card .info {
          width: 100%; } }
      .qlive9-c .qlive9-c__content .detail__c6 .detail__c6__card .info .sommelier {
        font-size: 20px;
        display: block;
        margin: 20px 0 10px; }
  .qlive9-c .qlive9-c__content .detail__c6 .detail__c6__img {
    display: flex;
    justify-content: space-between;
    margin-top: 90px; }
    @media only screen and (max-width: 590px) {
      .qlive9-c .qlive9-c__content .detail__c6 .detail__c6__img {
        display: block;
        margin-top: 40px; } }
    .qlive9-c .qlive9-c__content .detail__c6 .detail__c6__img .img {
      width: 32.7%;
      flex-basis: 32.7%; }
      @media only screen and (max-width: 590px) {
        .qlive9-c .qlive9-c__content .detail__c6 .detail__c6__img .img {
          width: 80%;
          margin-right: auto;
          margin-left: auto; } }
      .qlive9-c .qlive9-c__content .detail__c6 .detail__c6__img .img:not(:last-of-type) {
        margin-bottom: 10px; }
  .qlive9-c .qlive9-c__content .qlive-c8-illust {
    display: block;
    width: 320px;
    height: 160px;
    margin-right: 0;
    margin-left: auto;
    height: 120px;
    overflow: visible; }
    @media only screen and (max-width: 768px) {
      .qlive9-c .qlive9-c__content .qlive-c8-illust {
        width: 250px;
        margin: 10px auto 0; } }
  .qlive9-c .qlive9-c__content .detail__c9 {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 768px) {
      .qlive9-c .qlive9-c__content .detail__c9 {
        display: block; } }
    .qlive9-c .qlive9-c__content .detail__c9 .detail__c9__img {
      width: 41.4%;
      flex-basis: 41.4%; }
      @media only screen and (max-width: 768px) {
        .qlive9-c .qlive9-c__content .detail__c9 .detail__c9__img {
          width: 100%;
          text-align: center; } }
    .qlive9-c .qlive9-c__content .detail__c9 .detail__c9__text {
      width: 50%;
      flex-basis: 50%; }
      @media only screen and (max-width: 768px) {
        .qlive9-c .qlive9-c__content .detail__c9 .detail__c9__text {
          width: 100%; } }
      .qlive9-c .qlive9-c__content .detail__c9 .detail__c9__text h3 {
        font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif;
        font-weight: normal;
        font-size: 16px;
        margin: 0; }
      .qlive9-c .qlive9-c__content .detail__c9 .detail__c9__text h4 {
        font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif;
        font-weight: normal;
        font-size: 24px;
        margin: 0; }
      .qlive9-c .qlive9-c__content .detail__c9 .detail__c9__text > p {
        margin-top: 20px; }
      .qlive9-c .qlive9-c__content .detail__c9 .detail__c9__text .card {
        background: #F2F0E7;
        padding: 20px;
        margin-top: 30px; }
        .qlive9-c .qlive9-c__content .detail__c9 .detail__c9__text .card .shop {
          font-size: 17px;
          border-bottom: 1px solid #707070;
          padding-bottom: 5px;
          margin-bottom: 10px; }
        .qlive9-c .qlive9-c__content .detail__c9 .detail__c9__text .card > p {
          font-size: 14px;
          margin-bottom: 0; }
.qlive9-c .qlive9-c__pagelist {
  max-width: 480px;
  margin: 40px auto; }
  @media only screen and (max-width: 590px) {
    .qlive9-c .qlive9-c__pagelist {
      padding: 0 20px; } }
  .qlive9-c .qlive9-c__pagelist ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    margin: 0; }
    .qlive9-c .qlive9-c__pagelist ul .prev {
      width: 62px;
      flex-basis: 62px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      text-align: center; }
      @media only screen and (max-width: 590px) {
        .qlive9-c .qlive9-c__pagelist ul .prev {
          width: 42px;
          flex-basis: 42px;
          background-size: contain; } }
      .qlive9-c .qlive9-c__pagelist ul .prev a {
        display: block;
        font-family: "Caveat", cursive;
        font-size: 32px;
        color: #fff;
        line-height: 62px;
        border-bottom: 0; }
        @media only screen and (max-width: 590px) {
          .qlive9-c .qlive9-c__pagelist ul .prev a {
            font-size: 22px; } }
        .qlive9-c .qlive9-c__pagelist ul .prev a:after {
          display: none; }
    .qlive9-c .qlive9-c__pagelist ul .index {
      width: 124px;
      flex-basis: 124px;
      background: url("/cdn/shop/files/qlive9_pl_index.png?v=1607999701") no-repeat center;
      background-size: cover;
      position: relative; }
      .qlive9-c .qlive9-c__pagelist ul .index a {
        display: block;
        font-size: 10px;
        font-weight: 600;
        color: #fff;
        line-height: 112px;
        border-bottom: 0;
        padding-left: 10%; }
        .qlive9-c .qlive9-c__pagelist ul .index a:after {
          display: none; }
      .qlive9-c .qlive9-c__pagelist ul .index:before {
        content: '';
        display: block;
        width: 30px;
        flex-basis: 30px;
        height: 28px;
        background: url("/cdn/shop/files/qlive9_pl_prev.png?v=1607999709") no-repeat center;
        background-size: cover;
        position: absolute;
        top: 50%;
        left: -50px;
        transform: translateY(-50%); }
        @media only screen and (max-width: 590px) {
          .qlive9-c .qlive9-c__pagelist ul .index:before {
            width: 16px;
            flex-basis: 16px;
            height: 20px;
            left: -16%; } }
      .qlive9-c .qlive9-c__pagelist ul .index:after {
        content: '';
        display: block;
        width: 30px;
        flex-basis: 30px;
        height: 28px;
        background: url("/cdn/shop/files/qlive9_pl_next.png?v=1607999717") no-repeat center;
        background-size: cover;
        position: absolute;
        top: 50%;
        right: -50px;
        transform: translateY(-50%); }
        @media only screen and (max-width: 590px) {
          .qlive9-c .qlive9-c__pagelist ul .index:after {
            width: 16px;
            flex-basis: 16px;
            height: 20px;
            right: -16%; } }
    .qlive9-c .qlive9-c__pagelist ul .next {
      width: 62px;
      flex-basis: 62px;
      background: url("/cdn/shop/files/qlive9_num_green.png?v=1607588520") no-repeat center;
      background-size: cover;
      text-align: center; }
      @media only screen and (max-width: 590px) {
        .qlive9-c .qlive9-c__pagelist ul .next {
          width: 42px;
          flex-basis: 42px;
          background-size: contain; } }
      .qlive9-c .qlive9-c__pagelist ul .next a {
        display: block;
        font-family: "Caveat", cursive;
        font-size: 32px;
        color: #fff;
        line-height: 62px;
        border-bottom: 0; }
        @media only screen and (max-width: 590px) {
          .qlive9-c .qlive9-c__pagelist ul .next a {
            font-size: 22px; } }
        .qlive9-c .qlive9-c__pagelist ul .next a:after {
          display: none; }
    .qlive9-c .qlive9-c__pagelist ul .next.green, .qlive9-c .qlive9-c__pagelist ul .prev.green {
      background-image: url("/cdn/shop/files/qlive9_num_green.png?v=1607588520"); }
    .qlive9-c .qlive9-c__pagelist ul .next.lightgreen, .qlive9-c .qlive9-c__pagelist ul .prev.lightgreen {
      background-image: url("/cdn/shop/files/qlive9_num_lightgreen.png?v=1607588539"); }
    .qlive9-c .qlive9-c__pagelist ul .next.dullgreen, .qlive9-c .qlive9-c__pagelist ul .prev.dullgreen {
      background-image: url("/cdn/shop/files/qlive9_num_dullgreen.png?v=1607588530"); }

.shop .img img {
  width: 100%;
  height: auto; }
.shop h2,
.shop h3,
.shop h4,
.shop h5 {
  color: #361D00;
  line-height: 1.75; }
.shop p {
  font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #361D00;
  line-height: 2; }
.shop .is-zoom-fade-small {
  animation: zoom-fade-small 1s 0s forwards;
  transiton: none; }
.shop .shop__mv {
  position: relative;
  height: 68vw;
  overflow: hidden; }
  @media only screen and (min-width: 590px) {
    .shop .shop__mv {
      height: 550px; } }
  .shop .shop__mv figure {
    margin: 0;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    opacity: 0; }
    .shop .shop__mv figure img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      @media only screen and (max-width: 768px) {
        .shop .shop__mv figure img {
          max-width: none;
          height: 100%; } }
  .shop .shop__mv .section-header__title {
    font-family: "Honoka Maru-Gothic";
    color: #fff;
    position: absolute;
    right: 13.8%;
    top: 50%;
    transform: translateY(-50%);
    text-align: left; }
    @media only screen and (max-width: 768px) {
      .shop .shop__mv .section-header__title {
        width: 90%;
        right: initital;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center; } }
.shop .shop__content {
  margin: 130px auto; }
  @media only screen and (max-width: 768px) {
    .shop .shop__content {
      margin: 80px auto; } }
  .shop .shop__content h2 {
    font-family: "Honoka Maru-Gothic";
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .shop .shop__content h2 {
        margin: auto 20px; } }
  .shop .shop__content .shop__content__bg {
    max-width: 1280px;
    padding: 100px 60px;
    margin: 60px auto;
    background-image: url("/cdn/shop/files/bg_paper.jpg?v=1603277365");
    background-repeat: repeat;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .shop .shop__content .shop__content__bg {
        padding: 100px 20px; } }
    .shop .shop__content .shop__content__bg .shop__content__bg__list {
      max-width: 1040px;
      margin: auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      position: relative; }
      @media only screen and (max-width: 1000px) {
        .shop .shop__content .shop__content__bg .shop__content__bg__list {
          padding: 0; } }
      .shop .shop__content .shop__content__bg .shop__content__bg__list:not(:last-child) {
        margin-bottom: 170px; }
        @media only screen and (max-width: 768px) {
          .shop .shop__content .shop__content__bg .shop__content__bg__list:not(:last-child) {
            margin-bottom: 80px; } }
      .shop .shop__content .shop__content__bg .shop__content__bg__list h3 {
        font-size: 30px;
        text-align: center;
        margin-bottom: 0;
        width: 100%;
        flex-basis: 100%;
        font-family: "Noto Serif JP", serif; }
      .shop .shop__content .shop__content__bg .shop__content__bg__list figure {
        position: absolute;
        bottom: -120px;
        right: -20px;
        width: 45%; }
        @media only screen and (max-width: 768px) {
          .shop .shop__content .shop__content__bg .shop__content__bg__list figure {
            bottom: -60px;
            width: 70%;
            max-width: 340px; } }
        .shop .shop__content .shop__content__bg .shop__content__bg__list figure img {
          width: 100%; }
      .shop .shop__content .shop__content__bg .shop__content__bg__list .item {
        width: 38.5%;
        flex-basis: 38.5%;
        margin-top: 80px;
        position: relative; }
        @media only screen and (max-width: 1000px) {
          .shop .shop__content .shop__content__bg .shop__content__bg__list .item {
            width: 45%;
            flex-basis: 45%; } }
        @media only screen and (max-width: 768px) {
          .shop .shop__content .shop__content__bg .shop__content__bg__list .item {
            width: 100%;
            flex-basis: 100%;
            margin-top: 40px; } }
        @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
          .shop .shop__content .shop__content__bg .shop__content__bg__list .item {
            display: inline-block;
            width: 38.5%; } }
        .shop .shop__content .shop__content__bg .shop__content__bg__list .item .img {
          width: 100%;
          padding-top: 62%;
          position: relative;
          overflow: hidden;
          text-align: center; }
          @media only screen and (max-width: 768px) {
            .shop .shop__content .shop__content__bg .shop__content__bg__list .item .img {
              padding-top: 0; } }
          .shop .shop__content .shop__content__bg .shop__content__bg__list .item .img img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
            @media only screen and (max-width: 768px) {
              .shop .shop__content .shop__content__bg .shop__content__bg__list .item .img img {
                position: static;
                top: initial;
                left: initial;
                transform: none; } }
          .shop .shop__content .shop__content__bg .shop__content__bg__list .item .img.w70 img {
            width: 70%; }
        .shop .shop__content .shop__content__bg .shop__content__bg__list .item h4 {
          border-bottom: 1px solid #361D00;
          padding-bottom: 10px;
          margin: 25px 0;
          font-size: 20px;
          font-family: "Noto Serif JP", serif;
          font-weight: 500; }
          .shop .shop__content .shop__content__bg .shop__content__bg__list .item h4 .fontroboto {
            font-family: "Roboto", sans-serif; }
        .shop .shop__content .shop__content__bg .shop__content__bg__list .item .address {
          font-size: 14px;
          margin-bottom: 0; }
        .shop .shop__content .shop__content__bg .shop__content__bg__list .item .tel {
          font-size: 14px;
          font-family: "Roboto", sans-serif;
          margin-bottom: 0; }
        .shop .shop__content .shop__content__bg .shop__content__bg__list .item dl {
          display: flex;
          justify-content: space-between;
          font-size: 14px;
          font-family: "Roboto", sans-serif; }
          .shop .shop__content .shop__content__bg .shop__content__bg__list .item dl dt {
            width: 24%;
            flex-basis: 24%; }
          .shop .shop__content .shop__content__bg .shop__content__bg__list .item dl dd {
            width: 70%;
            flex-basis: 70%;
            word-break: break-word; }
    .shop .shop__content .shop__content__bg .sakichikun {
      position: absolute;
      bottom: 90px;
      right: 10%;
      width: 214px;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        .shop .shop__content .shop__content__bg .sakichikun {
          position: static;
          margin: 20px auto 0; } }
      .shop .shop__content .shop__content__bg .sakichikun img {
        width: 214px; }
      .shop .shop__content .shop__content__bg .sakichikun p {
        font-size: 12px;
        line-height: 1.5; }
        .shop .shop__content .shop__content__bg .sakichikun p span {
          font-size: 10px; }

#shopify-section-page-faq-template .index-section--faq .grid__item p.h2 {
  font-family: "Noto Serif", "Noto Serif JP", "Noto Serif CJK", "Hiragino Mincho ProN", "Hiragino Mincho Pro" !important;
  font-size: 30px; }
#shopify-section-page-faq-template .collapsible-trigger--inline {
  font-family: "Noto Sans CJK JP", "Noto Sans", "Noto Sans JP", sans-serif;
  font-size: 17px;
  font-weight: 500; }
#shopify-section-page-faq-template .collapsible-trigger__icon {
  margin-top: 2px; }
#shopify-section-page-faq-template .page-blocks > div > .page-width {
  /*   border-bottom: 1px solid; */
  border-top: 1px solid #d8d8d8 !important; }
#shopify-section-page-faq-template .rte.collapsible-content__inner--faq {
  padding: 20px; }

.sitemap .sitemap__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; }
  .sitemap .sitemap__content .sitemap__content__list {
    /*       width:24%;
          flex-basis:24%; */
    width: 40%;
    flex-basis: 40%;
    margin-bottom: 40px; }
    @media only screen and (max-width: 1000px) {
      .sitemap .sitemap__content .sitemap__content__list {
        width: 40%;
        flex-basis: 40%;
        margin-bottom: 40px; } }
    @media only screen and (max-width: 768px) {
      .sitemap .sitemap__content .sitemap__content__list {
        width: 100%;
        flex-basis: 100%;
        margin-bottom: 40px; } }
    .sitemap .sitemap__content .sitemap__content__list:first-of-type {
      /*       	width:15%;
              flex-basis:15%; */
      width: 40%;
      flex-basis: 40%; }
      @media only screen and (max-width: 1000px) {
        .sitemap .sitemap__content .sitemap__content__list:first-of-type {
          width: 40%;
          flex-basis: 40%; } }
      @media only screen and (max-width: 768px) {
        .sitemap .sitemap__content .sitemap__content__list:first-of-type {
          width: 100%;
          flex-basis: 100%; } }
    .sitemap .sitemap__content .sitemap__content__list h2 {
      font-size: 18px;
      padding-bottom: 1em;
      border-bottom: 1px solid #D8D8D8; }
    .sitemap .sitemap__content .sitemap__content__list h3 {
      font-size: 14px;
      margin-top: 1em; }

#CustomerLoginForm label {
  letter-spacing: 0; }
#CustomerLoginForm p[data-spam-detection-disclaimer], #CustomerLoginForm small {
  font-size: 0.65em; }

.form-vertical label {
  letter-spacing: 0; }

[data-type_header_accent_transform=true] .table--responsive td:before {
  letter-spacing: 0; }

.btn.address-new-toggle {
  min-width: initial !important;
  background-image: none !important; }

.btn.btn--small.address-edit-toggle {
  min-width: initial !important;
  background-image: none !important; }

.btn.btn--secondary.btn--small.address-delete {
  min-width: initial !important;
  background-image: none !important; }

#AddressNewForm .btn {
  display: block;
  min-width: initial !important;
  background-image: none !important; }
#AddressNewForm .text-link.btn.line.address-new-toggle {
  display: inline-block;
  font-family: "Noto Serif", "Noto Serif JP", "Noto Serif CJK", "Hiragino Mincho ProN", "Hiragino Mincho Pro";
  background-image: none !important; }

.hero__title .animation-cropper .animation-contents {
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif; }