:root {
  --_koda---max_width: 940px;
  --_koda---bg_category: var(--_koda---bg_label);
  --_koda---bg_label: #969696;
  --_koda---bg_white: var(--elements-webflow-library--neutral--100);
  --_koda---line_title: #cfcfcf;
  --_koda---border_1: #ddd;
  --_koda---title_mini: var(--_koda---bg_pale);
  --_koda---title_archive: #409be6;
  --_koda---bg_pale: whitesmoke;
  --elements-webflow-library--neutral--800: #211f54;
  --_koda---bg_button: #3898ec;
  --_koda---main_text: #333;
  --_koda---max_width_1440: 1300px;
  --_koda---title_detail_sub: #4b92cc;
  --_koda---bg_item_subtitle: #000;
  --_koda---title_archive_item: #fff;
  --_koda---bg_detail_item: white;
  --_koda---bg_heading: #000;
  --_koda---news_label_title: white;
  --_koda---border: #e2e1e1;
  --_koda---bg_popup: #000000c2;
  --_koda---bg_detail_cmt_popup: #e7e7e7;
  --_koda---text_wob: white;
  --_koda---li_margin_bottom: 10px;
  --_koda---bg_label_2: #e7e7e7;
  --elements-webflow-library--accent--primary-1: #4a3aff;
  --elements-webflow-library--neutral--100: white;
  --elements-webflow-library--neutral--300: #eff0f6;
  --elements-webflow-library--general--shadow-02: #14142b14;
  --elements-webflow-library--neutral--600: #6e7191;
  --elements-webflow-library--secondary--color-2: #f2f1ff;
  --elements-webflow-library--general--shadow-01: #14142b0f;
  --elements-webflow-library--secondary--color-1: #281ca5;
  --elements-webflow-library--general--shadow-03: #14142b1a;
  --elements-webflow-library--neutral--200: #f7f7fc;
  --elements-webflow-library--neutral--400: #dcddeb;
  --_koda---koda_popup_width_fix: 600px;
  --_koda---text_lyrics: #3d0f0f;
  --_koda---text_comment: #6d2b0a;
  --icon_gotouchi: #e7a999;
  --icon_photogallery: #99cce7;

  .w-layout-layout {
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    grid-auto-columns: 1fr;
    justify-content: center;
    padding: 20px;
  }

  .w-layout-cell {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .w-layout-blockcontainer {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  @media screen and (max-width: 991px) {
    .w-layout-blockcontainer {
      max-width: 728px;
    }
  }

  @media screen and (max-width: 767px) {
    .w-layout-blockcontainer {
      max-width: none;
    }
  }

  body {
    color: #333;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
  }

  .navbar-logo-left-container {
    z-index: 5;
    background-color: #0000;
    width: 1030px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 20px;
  }

  .navbar-logo-left-container.shadow-three {
    width: 100%;
    max-width: 1140px;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .container_general {
    max-width: var(--_koda---max_width);
    aspect-ratio: auto;
    border-style: none;
    border-radius: 0;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    height: auto;
    margin: 0 auto 20px;
    padding: 0;
    display: flex;
    position: static;
  }

  .navbar-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .nav-menu-two {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    display: flex;
  }

  .nav-link {
    color: #1a1b1f;
    letter-spacing: .25px;
    margin-left: 4px;
    margin-right: 4px;
    padding: 5px 3px;
    font-family: Noto Sans JP, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
  }

  .nav-link:hover {
    color: #1a1b1fbf;
  }

  .nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
  }

  .nav-link.w--current {
    font-family: Noto Sans JP, sans-serif;
  }

  .nav-dropdown {
    margin-left: 5px;
    margin-right: 5px;
  }

  .nav-dropdown-toggle {
    letter-spacing: .25px;
    padding: 5px 20px 5px 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .nav-dropdown-toggle:hover {
    color: #1a1b1fbf;
  }

  .nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd;
  }

  .nav-dropdown-icon {
    margin-right: 3px;
    font-family: Noto Sans JP, sans-serif;
  }

  .nav-dropdown-list {
    background-color: #fff;
    border-radius: 12px;
  }

  .nav-dropdown-list.w--open {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    border-style: none solid solid;
    border-width: 0px;
    /* YYY 1 */
    border-color: var(--_koda---bg_category);
    border-radius: 0px;
    /* YYY 4 */
    display: none;
    background-color: var(--_koda---bg_pale);/＊YYY 追加 */
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
    display: block;
  }

  .nav-dropdown-link {
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: Noto Sans JP, sans-serif;
    font-size: 14px;
  }

  .nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd;
  }

  .nav-dropdown-link.w--current {
    border-right: 1px none var(--_koda---bg_label);
    border-bottom: 1px none var(--_koda---bg_label);
    border-left: 1px none var(--_koda---bg_label);
  }

  .nav-divider {
    background-color: #e4ebf3;
    width: 1px;
    height: 22px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .nav-link-accent {
    color: #1a1b1f;
    letter-spacing: .25px;
    margin-left: 5px;
    margin-right: 10px;
    padding: 5px 10px;
    font-family: Noto Sans JP, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
  }

  .nav-link-accent:hover {
    color: #1a1b1fbf;
  }

  .button-primary {
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #1a1b1f;
    padding: 12px 25px;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s;
  }

  .button-primary:hover {
    color: #fff;
    background-color: #32343a;
  }

  .button-primary:active {
    background-color: #43464d;
  }

  .section-moment {
    background-color: var(--_koda---bg_white);
    border-bottom: 1px solid #e4ebf3;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: block;
    position: relative;
  }

  .hero-wrapper-two {
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .db_home_moment_photo_text {
    z-index: 20;
    color: #fff;
    text-align: left;
    background-color: #0000004a;
    margin: auto auto 3% 8%;
    padding: 10px 20px;
    font-size: 19px;
    line-height: 28px;
    text-decoration: none;
    position: relative;
  }

  .hero-image {
    width: 100%;
    margin-top: 50px;
  }

  .team-slider {
    background-color: var(--_koda---bg_white);
    border-bottom: 1px solid #e4ebf3;
    padding: 40px 30px 80px;
    position: relative;
  }

  .centered-heading {
    border-top: 1px none var(--_koda---line_title);
    border-bottom: 1px none var(--_koda---line_title);
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: Noto Serif JP, serif;
    font-size: 30px;
  }

  .centered-subheading {
    text-align: center;
    max-width: 530px;
    margin-left: auto;
    margin-right: auto;
  }

  .content-wrapper {
    max-width: var(--_koda---max_width);
    background-color: #0000;
    height: auto;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
  }

  .team-slide-wrapper {
    width: 30%;
    margin-right: 5%;
  }

  .team-block {
    border: 1px solid var(--_koda---border_1);
    background-color: var(--_koda---bg_white);
    border-radius: 1px;
    padding-bottom: 24px;
  }

  .team-member-image-two {
    object-fit: cover;
    width: 100%;
    min-width: auto;
    max-width: 100%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .team-block-info {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 18px;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
  }

  .text-news-title {
    margin-top: 12px;
    margin-bottom: 12px;
    font-family: Noto Sans JP, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
  }

  .text-news-desc {
    margin-bottom: 20px;
    font-family: Noto Sans JP, sans-serif;
    font-size: 14px;
    line-height: 20px;
  }

  .text-link-arrow {
    color: #1a1b1f;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    display: flex;
  }

  .arrow-embed {
    margin-left: 2px;
    display: flex;
  }

  .team-slider-arrow {
    display: none;
  }

  .team-slider-nav {
    margin-top: 24px;
    font-size: 10px;
    position: static;
    bottom: -60px;
  }

  /* YYY separate footer
.footer-light {
  background-color: #7c7c7c;
  border-bottom: 1px solid #e4ebf3;
  width: 100%;
  padding: 80px 30px 40px;
  position: relative;
}

.footer-wrapper-two {
  color: #fff;
  background-color: #0000;
  justify-content: space-between;
  align-items: flex-start;
  font-family: Noto Sans JP, sans-serif;
  display: flex;
}

.footer-block-two {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-title {
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}

.footer-link-two {
  color: #fff;
  margin-top: 20px;
  text-decoration: none;
}

.footer-link-two:hover {
  color: #1a1b1fbf;
}

.footer-form {
  width: 315px;
  max-width: 100%;
  margin-bottom: 0;
}

.footer-form-block {
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.footer-form-field {
  border: 1px solid #a6b1bf;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  height: 48px;
  margin-bottom: 0;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 22px;
  transition: all .2s;
}

.footer-form-field:hover, .footer-form-field:focus {
  border-color: #76879d;
}

.footer-form-field::placeholder {
  color: #1a1b1fcc;
  font-size: 14px;
  line-height: 22px;
}

.footer-form-submit {
  background-color: #1a1b1f;
  background-image: url('../images/');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 50px;
  height: 48px;
  transition: all .2s;
}

.footer-form-submit:hover {
  background-color: #3a4554;
}

.footer-divider-two_org {
  background-color: #e4ebf3;
  width: 100%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.footer-bottom_org {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
*/
  /* YYY separate footer
.footer-copyright_org {
  color: var(--_koda---title_mini);
}
*/
  /* YYY separate footer
.footer-social-block-two {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: -12px;
  display: flex;
}
*/
  /* YYY separate footer
.footer-social-link {
  margin-left: 12px;
}
*/
  .utility-page-wrap {
    justify-content: center;
    align-items: center;
    width: 100vw;
    max-width: 100%;
    height: 100vh;
    max-height: 100%;
    display: flex;
  }

  .utility-page-content {
    text-align: center;
    flex-direction: column;
    width: 260px;
    display: flex;
  }

  .utility-page-form {
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }

  .testimonial-column-light {
    border-bottom: 1px solid #e4ebf3;
    padding: 80px 30px;
    position: relative;
  }

  .container-2 {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }

  .centered-heading-2 {
    text-align: center;
    margin-bottom: 16px;
  }

  .testimonial-grid-two {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 50px;
    display: grid;
  }

  .testimonial-card-two {
    border: 1px solid #e4ebf3;
    flex-direction: column;
    padding: 32px 16px 16px;
    display: flex;
  }

  .testimonial-text-two {
    margin-bottom: 52px;
  }

  .testimonial-info-three {
    background-color: #f5f7fa;
    align-items: center;
    padding: 24px 16px;
    display: flex;
  }

  .testimonial-image {
    object-fit: cover;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin-right: 16px;
  }

  .testimonial-main-heading {
    margin-bottom: 2px;
    font-weight: 600;
  }

  .text-span {
    border: 1px solid #2c7fe6;
    font-weight: 700;
  }

  .text-news-date {
    color: var(--_koda---title_archive);
    border: 1px #000;
    margin-bottom: 10px;
    font-family: Open Sans, sans-serif;
    font-weight: 700;
  }

  .navbar-logo-left-container-2 {
    z-index: 5;
    background-color: #0000;
    width: 1030px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 20px;
  }

  .navbar-logo-left-container-2.shadow-three {
    width: 100%;
    max-width: 1140px;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .container-3 {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }

  .navbar-wrapper-2 {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .nav-menu-two-2 {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    display: flex;
  }

  .nav-link-2 {
    color: #1a1b1f;
    letter-spacing: .25px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
  }

  .nav-link-2:hover {
    color: #1a1b1fbf;
  }

  .nav-link-2:focus-visible, .nav-link-2[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
  }

  .nav-dropdown-2 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .nav-dropdown-toggle-2 {
    letter-spacing: .25px;
    padding: 5px 30px 5px 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .nav-dropdown-toggle-2:hover {
    color: #1a1b1fbf;
  }

  .nav-dropdown-toggle-2:focus-visible, .nav-dropdown-toggle-2[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd;
  }

  .nav-dropdown-icon-2 {
    margin-right: 10px;
  }

  .nav-dropdown-list-2 {
    background-color: #fff;
    border-radius: 12px;
  }

  .nav-dropdown-list-2.w--open {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-link-2 {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
  }

  .nav-dropdown-link-2:focus-visible, .nav-dropdown-link-2[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd;
  }

  .nav-divider-2 {
    background-color: #e4ebf3;
    width: 1px;
    height: 22px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .nav-link-accent-2 {
    color: #1a1b1f;
    letter-spacing: .25px;
    margin-left: 5px;
    margin-right: 20px;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
  }

  .nav-link-accent-2:hover {
    color: #1a1b1fbf;
  }

  .button-primary-2 {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #1a1b1f;
    padding: 12px 25px;
    font-family: Noto Sans JP, sans-serif;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s;
  }

  .button-primary-2:hover {
    color: #fff;
    background-color: #32343a;
  }

  .button-primary-2:active {
    background-color: #43464d;
  }

  /* YYY separate footer
.footer-dark {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 50px 30px 15px;
  position: relative;
}
*/
  /* YYY separate footer
.footer-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
*/
  /* YYY separate footer
.footer-content {
  grid-column-gap: 70px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
*/
  /* YYY separate footer
.footer-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
*/
  .title-small {
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
  }

  /* YYY separate footer
.footer-link {
  color: #1a1b1f;
  margin-top: 12px;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}
*/
  /* YYY separate footer
.footer-link:hover {
  color: #1a1b1fbf;
}
*/
  /* YYY separate footer
.footer-social-block {
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  margin-left: -12px;
  display: flex;
}
*/
  /* YYY separate footer
.footer-social-link-2 {
  margin-left: 12px;
}
*/
  /* YYY separate footer
.footer-divider {
  background-color: #e4ebf3;
  width: 100%;
  height: 1px;
  margin-top: 70px;
  margin-bottom: 15px;
}
*/
  /* YYY separate footer
.footer-copyright-center {
  text-align: center;
  font-size: 14px;
  line-height: 16px;
}
*/
  .hero-heading-right {
    background-color: #f5f7fa;
    border-bottom: 1px solid #e4ebf3;
    padding: 20px 0;
    position: relative;
  }

  .hero-wrapper {
    justify-content: space-between;
    align-items: center;
    width: 940px;
    display: flex;
  }

  .hero-split {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 46%;
    display: flex;
  }

  .shadow-two {
    background-color: #e0e0e0;
    box-shadow: 0 4px 24px #96a3b514;
  }

  .margin-bottom-24px-2 {
    margin-bottom: 24px;
  }

  .code-embed {
    margin: 0 auto;
  }

  .code-embed-2 {
    margin: 40px auto;
  }

  .quick-stack {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
  }

  .text-block-2 {
    background-color: #dadada00;
    font-weight: 700;
  }

  .hero-heading-right-2 {
    background-color: #f5f7fa00;
    border-bottom: 1px solid #e4ebf3;
    padding: 40px;
    position: relative;
  }

  .container-4 {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-wrapper-2 {
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    padding-bottom: 0;
    display: flex;
  }

  .wrapper_detail_title_l {
    aspect-ratio: 3 / 2;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    height: auto;
    display: flex;
    position: relative;
  }

  .detail_album_main_image {
    aspect-ratio: 1;
    vertical-align: text-top;
    object-fit: contain;
    border: 0 solid #777;
    border-radius: 0;
    flex: 0 auto;
    box-shadow: 0 4px 24px #96a3b514;
  }

  .detail_common_introduction {
    color: var(--elements-webflow-library--neutral--800);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: Noto Serif JP, serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
  }

  /* YYY
.detail_song_preview_button {
  background-color: var(--_koda---bg_button);
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  width: 48%;
  max-width: 48%;
  margin-top: 6px;
  margin-bottom: 0;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.detail_song_preview_button:hover {
  color: #fff;
  background-color: #32343a;
}

.detail_song_preview_button:active {
  background-color: #43464d;
}
*/
  .pricing-overview {
    border-bottom: 1px solid #e4ebf3;
    padding: 80px 30px;
    position: relative;
  }

  .centered-heading-3 {
    text-align: center;
    margin-bottom: 16px;
  }

  .pricing-description {
    text-align: center;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
  }

  .pricing-grid {
    grid-column-gap: 64px;
    grid-row-gap: 50px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 50px;
    display: grid;
  }

  .pricing-card-three {
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .pricing-image {
    object-fit: cover;
    width: 80px;
    height: 80px;
    margin-bottom: 16px;
  }

  .pricing-card-text {
    margin-bottom: 20px;
    font-size: 16px;
  }

  .text-link-arrow-2 {
    color: #1a1b1f;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    display: flex;
  }

  .arrow-embed-2 {
    margin-left: 2px;
    display: flex;
  }

  .heading {
    color: var(--koda--title_archive_item\<deleted\|variable-4c5fbdc2-19fc-43d8-ec7d-5eb1427fb0b6\>);
    margin-bottom: 0;
    font-size: 14px;
  }

  .heading.item_subtitle {
    margin-bottom: 10px;
  }

  .heading-2, .heading-3 {
    font-size: 14px;
  }

  .text-block-3 {
    color: var(--_koda---main_text);
    text-indent: 2px;
    font-family: Noto Sans JP, sans-serif;
    font-weight: 400;
  }

  .button {
    margin-top: 40px;
  }

  .heading-4 {
    font-family: Playfair, sans-serif;
    font-weight: 700;
  }

  .koda_section_general {
    max-width: var(--_koda---max_width);
    border: 1px #0000;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 20px;
    position: relative;
  }

  .container-5 {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }

  .section_title {
    text-align: center;
    margin-bottom: 16px;
  }

  .centered-subheading-2 {
    color: var(--_koda---title_archive);
    text-align: center;
    max-width: 530px;
    margin-left: auto;
    margin-right: auto;
    font-family: Noto Sans JP, sans-serif;
    font-size: 20px;
    font-weight: 700;
  }

  .team-grid {
    grid-column-gap: 64px;
    grid-row-gap: 56px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 50px;
    display: grid;
  }

  .team-card {
    text-align: center;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    line-height: 22px;
    display: flex;
  }

  .team-member-image {
    object-fit: cover;
    border-radius: 50%;
    width: 270px;
    height: 270px;
    margin-bottom: 24px;
  }

  .team-member-name {
    margin-bottom: 6px;
    font-family: Noto Sans JP, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
  }

  .team-member-position {
    margin-bottom: 24px;
  }

  .quick-stack-2 {
    max-width: var(--_koda---max_width);
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .grid {
    grid-template-columns: 1.75fr;
    place-items: center;
  }

  .div-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    display: grid;
  }

  .image {
    overflow: hidden;
  }

  .cell_center {
    text-align: center;
    border-style: none;
    border-radius: 0;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    text-decoration: none;
  }

  .div-block-2 {
    grid-column-gap: 9px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .25fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    font-family: Noto Serif JP, serif;
    display: grid;
  }

  .db_performer_vocal {
    color: var(--_koda---title_detail_sub);
    text-align: right;
    -webkit-text-stroke-color: var(--_koda---title_detail_sub);
    white-space: nowrap;
    font-family: Open Sans, sans-serif;
    font-weight: 700;
  }

  .text-block-5 {
    color: var(--_koda---title_detail_sub);
    -webkit-text-stroke-color: var(--_koda---title_detail_sub);
    font-family: Open Sans, sans-serif;
    font-weight: 700;
  }

  .div-2 {
    width: 80%;
  }

  .code-embed-3 {
    border: 0px none var(--_koda---title_archive);
    margin-top: -10px;
    position: relative;
    top: -10px;
  }

  .div-block-2-copy {
    grid-column-gap: 6px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .25fr 1.75fr;
    grid-auto-columns: 1fr;
    width: 80%;
    display: grid;
  }

  .performer_common_name {
    text-align: left;
    font-family: Noto Serif JP, serif;
  }

/* unused
  .image-2 {
    width: 40px;
    height: 40px;
  }
*/

  .text_item_title {
    background-color: var(--_koda---bg_item_subtitle);
    color: var(--_koda---title_archive_item);
    text-align: center;
    letter-spacing: 1px;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: Noto Sans JP, sans-serif;
    font-weight: 700;
  }

  .text_item_content {
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 400;
  }

  .div-block-3 {
    text-align: center;
  }

  .div-block---divider {
    background-color: var(--_koda---title_archive_item);
    text-align: center;
    width: 80%;
    height: 1px;
    margin: 6px auto;
  }

  .div-block-4 {
    box-sizing: border-box;
    object-fit: fill;
    flex: 0 auto;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    display: block;
    position: static;
    overflow: visible;
  }

  .wrapper_item_title {
    text-align: center;
    width: 100%;
    margin: 10px 0 0;
    display: block;
  }

  .wrapper_item {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border: 1px solid var(--_koda---line_title);
    background-color: var(--_koda---bg_detail_item);
    text-align: center;
    border-radius: 10px;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    padding-left: 0;
    display: block;
    position: relative;
    overflow: clip;
  }

  .wrapper_item_content {
    border: 2px red;
    width: 100%;
    margin: 20px auto 10px;
    padding: 0 24px;
    font-weight: 600;
    position: static;
    top: 25px;
  }

  .wrapper_item_content.list_item_ordered {
    font-weight: 600;
  }

  .icon_item_title {
    margin-bottom: 2px;
    /* YYY */
    width: 40px;
    height: 40px;
  }

  .quick_stack_3columns {
    max-width: var(--_koda---max_width);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: #0000;
    border-radius: 6px;
    width: 100%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }

  .div-block-8 {
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-9 {
    background-color: #0000;
    width: 100%;
  }

  .hero-heading-right-3 {
    background-color: #f5f7fa;
    border-bottom: 1px solid #e4ebf3;
    padding: 80px 30px;
    position: relative;
  }

  .container-6 {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-wrapper-3 {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .hero-split-3 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 46%;
    display: flex;
  }

  .shadow-two-3 {
    box-shadow: 0 4px 24px #96a3b514;
  }

  .margin-bottom-24px-4 {
    -webkit-text-stroke-color: var(--_koda---main_text);
    margin-bottom: 24px;
  }

  .button-primary-4 {
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #0000004d;
    border: 1px solid #fff;
    border-radius: 0;
    align-self: center;
    width: 100px;
    height: 30px;
    margin: auto 8% 3% auto;
    padding: 10px 25px 20px;
    font-size: 12px;
    line-height: 12px;
    transition: all .2s;
    display: block;
  }

  .button-primary-4:hover {
    color: #fff;
    background-color: #32343a;
  }

  .button-primary-4:active {
    background-color: #43464d;
  }

  .koda_paragraph {
    color: var(--elements-webflow-library--neutral--800);
    text-align: left;
    letter-spacing: .05em;
    cursor: auto;
    width: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 600;
    line-height: 24px;
  }

  .koda_paragraph.cursor_pointer {
    cursor: pointer;
  }

  .button_view_all {
    box-sizing: border-box;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--_koda---bg_button);
    letter-spacing: 1px;
    column-count: auto;
    vertical-align: bottom;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 200px;
    margin: 0 auto;
    padding: 6px 20px;
    font-family: Noto Sans JP, sans-serif;
    font-size: 12px;
    text-decoration: none;
    display: block;
    position: relative;
    inset: auto 0%;
  }

  .img_item_score {
    aspect-ratio: 1;
    -webkit-text-fill-color: inherit;
    background-image: url('../images/score_s.jpg');
    background-size: cover;
    background-clip: border-box;
    width: 100%;
    height: 200px;
    margin-bottom: 10px;
  }

  .text-block-9 {
    margin-bottom: 10px;
    font-family: Noto Sans JP, sans-serif;
    font-size: 12px;
  }

  .hero-stack-2 {
    background-color: #f5f7fa;
    border-bottom: 1px solid #e4ebf3;
    padding: 40px 30px 0;
    position: relative;
  }

  .hero-wrapper-two-2 {
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .hero-image-2 {
    width: 100%;
    margin-top: 50px;
  }

  .div-block-list {
    aspect-ratio: auto;
    pointer-events: auto;
    text-decoration: none;
    -webkit-text-decoration-color: var(--_koda---main_text);
    text-decoration-color: var(--_koda---main_text);
    cursor: pointer;
    width: 100%;
    height: auto;
  }

  .koda_list_image {
    aspect-ratio: 1;
    display: block;
  }

  /* YYY */
  .list_common_delim {
    margin-top: 6px;
    border-bottom: 1px grey dotted;
    margin-bottom: 6px;
  }

  .list_common_title, list_common_subtitle, .list_tour_title_name1, .list_tour_title_name2, .list_tour_title_name3, .list_tour_title_name4, .list_book_publisher {
    -webkit-text-decoration-color: var(--_koda---main_text);
    text-decoration-color: var(--_koda---main_text);
    -webkit-text-decoration-skip-ink: auto;
    text-decoration-skip-ink: auto;
    /*margin-top: 3px;
  margin-bottom: 3px; YYY */
    font-family: Noto Serif JP, serif;
    font-size: 14px;
    font-weight: 700;
    text-decoration-style: solid;
  }

  .list_tour_title_name1, .list_book_publisher {
    font-weight: 400;
  }

  /* YYY */
  .list_common_product_number {
    -webkit-text-decoration-color: var(--_koda---main_text);
    text-decoration-color: var(--_koda---main_text);
    -webkit-text-decoration-skip-ink: auto;
    text-decoration-skip-ink: auto;
    font-family: Noto Sans JP, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-decoration-style: solid;
    /*padding: 4px 0px 4px 0px; YYY */
    padding: 0px;
  }

  .koda_section_title {
    background-color: var(--_koda---bg_heading);
    max-width: none;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .koda_heading {
    float: left;
    color: #fff;
    letter-spacing: 1px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 80%;
    max-width: 940px;
    margin: 0 auto 0 0;
    padding: 10px 0;
    font-family: Noto Serif JP, serif;
    font-size: 24px;
    line-height: 30px;
    display: flex;
  }

  .button-news-more {
    background-color: var(--_koda---bg_item_subtitle);
    letter-spacing: 1px;
    margin-bottom: 0;
    padding: 4px 20px;
  }

  .container-7 {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 60px;
    padding-right: 60px;
  }

  .section_staff_diary {
    max-width: var(--_koda---max_width);
    background-color: #0000;
    border-bottom: 1px solid #e4ebf3;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 30px;
    position: relative;
  }

  .container_staff_diary {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }

  .wrapper_staff_diary {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .container_staff_diary_content {
    aspect-ratio: auto;
    object-fit: cover;
    object-position: 0% 0%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    min-width: 46%;
    max-width: 46%;
    display: flex;
  }

  .db_staff_diary_photo {
    box-sizing: border-box;
    aspect-ratio: auto;
    object-fit: cover;
    width: 100%;
    min-width: auto;
    max-width: 100%;
    box-shadow: 0 4px 24px #96a3b514;
  }

  .db_staff_diary_text {
    margin-bottom: 24px;
    font-family: Noto Sans JP, sans-serif;
  }

  .button_staff_diary {
    background-color: var(--_koda---bg_item_subtitle);
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 12px 25px;
    font-family: Noto Sans JP, sans-serif;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s;
  }

  .button_staff_diary:hover {
    color: #fff;
    background-color: #32343a;
  }

  .button_staff_diary:active {
    background-color: #43464d;
  }

  .db_staff_diary_date {
    color: var(--_koda---title_archive);
    font-family: Noto Sans JP, sans-serif;
    font-size: 18px;
  }

  .features-list {
    border-bottom: 1px solid #e4ebf3;
    padding: 80px 30px;
    position: relative;
  }

  .features-wrapper-two {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .features-left {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 40%;
    display: flex;
  }

  .features-paragraph {
    margin-bottom: 24px;
  }

  .text-link-arrow-3 {
    color: #1a1b1f;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    display: flex;
  }

  .arrow-embed-3 {
    margin-left: 2px;
    display: flex;
  }

  .features-right {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 46%;
    margin-bottom: -16px;
    display: flex;
  }

  .features-block-two {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 16px;
    display: flex;
  }

  .features-image {
    object-fit: cover;
    width: 80px;
    height: 80px;
    margin-right: 16px;
  }

  .text-song-subtitle {
    text-decoration: none;
    -webkit-text-decoration-color: var(--_koda---main_text);
    text-decoration-color: var(--_koda---main_text);
    font-family: Noto Sans JP, sans-serif;
    font-size: 12px;
    font-weight: 400;
  }

  .heading-7 {
    -webkit-text-stroke-color: var(--_koda---main_text);
  }

  .search {
    max-width: var(--_koda---max_width);
    margin-left: auto;
    margin-right: auto;
  }

  .body {
    background-color: var(--_koda---bg_pale);
  }

/* unused
  .image-6 {
    width: 50%;
  }
*/

  .div-block-14 {
    background-color: #ddd;
  }

  .text-news-category_book {
    color: var(--_koda---news_label_title);
    letter-spacing: 1px;
    -webkit-text-fill-color: inherit;
    background-color: #0000;
    background-clip: border-box;
    margin-top: 0;
    padding: 1px 10px;
    font-size: 10px;
    font-weight: 700;
  }

  .div-news-category {
    background-color: var(--_koda---bg_category);
    text-align: center;
    letter-spacing: 1px;
    width: 60px;
  }

  .section-dummy {
    background-color: var(--_koda---bg_white);
  }

  .hero-heading-right-4 {
    background-color: #f5f7fa;
    border-bottom: 1px solid #e4ebf3;
    padding: 80px 30px;
    position: relative;
  }

  .container-8 {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-wrapper-4 {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .hero-split-4 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 46%;
    display: flex;
  }

  .shadow-two-4 {
    box-shadow: 0 4px 24px #96a3b514;
  }

  .margin-bottom-24px-5 {
    margin-bottom: 24px;
  }

  .button-primary-5 {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #1a1b1f;
    padding: 12px 25px;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s;
  }

  .button-primary-5:hover {
    color: #fff;
    background-color: #32343a;
  }

  .button-primary-5:active {
    background-color: #43464d;
  }

  .section-4 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .logos-title-large {
    border-bottom: 1px solid #e4ebf3;
    padding: 60px 30px;
    position: relative;
  }

  .clients-title {
    text-align: center;
    font-size: 24px;
    line-height: 32px;
  }

  .clients-wrapper {
    justify-content: space-between;
    align-items: center;
    max-width: 750px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .koda_section {
    min-width: var(--_koda---max_width);
    background-color: #f5f7fa;
    border-bottom: 1px solid #e4ebf3;
    padding: 80px 30px;
    position: relative;
  }

  .container-9 {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-wrapper-5 {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .hero-split-5 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 46%;
    display: flex;
  }

  .shadow-two-5 {
    box-shadow: 0 4px 24px #96a3b514;
  }

  .margin-bottom-24px-6 {
    margin-bottom: 24px;
  }

  .button-primary-6 {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #1a1b1f;
    padding: 12px 25px;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s;
  }

  .button-primary-6:hover {
    color: #fff;
    background-color: #32343a;
  }

  .button-primary-6:active {
    background-color: #43464d;
  }

  .div-block-15 {
    object-fit: cover;
    min-width: auto;
    max-width: 46%;
  }

  .div-block-16 {
    margin-top: 40px;
  }

  .section_general {
    width: 100%;
    margin-top: 40px;
  }

  .navbar-logo-left-container-3 {
    z-index: 5;
    background-color: #0000;
    width: 1030px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 20px;
  }

  .navbar-logo-left-container-3.shadow-three {
    width: 100%;
    max-width: 1140px;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .container-10 {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }

  .navbar-wrapper-3 {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .nav-menu-two-3 {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    display: flex;
  }

  .nav-link-3 {
    color: #1a1b1f;
    letter-spacing: .25px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
  }

  .nav-link-3:hover {
    color: #1a1b1fbf;
  }

  .nav-link-3:focus-visible, .nav-link-3[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
  }

  .nav-dropdown-3 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .nav-dropdown-toggle-3 {
    letter-spacing: .25px;
    padding: 5px 30px 5px 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .nav-dropdown-toggle-3:hover {
    color: #1a1b1fbf;
  }

  .nav-dropdown-toggle-3:focus-visible, .nav-dropdown-toggle-3[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd;
  }

  .nav-dropdown-icon-3 {
    margin-right: 10px;
  }

  .nav-dropdown-list-3 {
    background-color: #fff;
    border-radius: 12px;
  }

  .nav-dropdown-list-3.w--open {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-link-3 {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
  }

  .nav-dropdown-link-3:focus-visible, .nav-dropdown-link-3[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd;
  }

  .nav-divider-3 {
    background-color: #e4ebf3;
    width: 1px;
    height: 22px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .nav-link-accent-3 {
    color: #1a1b1f;
    letter-spacing: .25px;
    margin-left: 5px;
    margin-right: 20px;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
  }

  .nav-link-accent-3:hover {
    color: #1a1b1fbf;
  }

  .button-primary-7 {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #1a1b1f;
    padding: 12px 25px;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s;
  }

  .button-primary-7:hover {
    color: #fff;
    background-color: #32343a;
  }

  .button-primary-7:active {
    background-color: #43464d;
  }

  .detail_common_title1 {
    color: var(--_koda---main_text);
    margin-top: 10px;
    margin-bottom: 0;
    font-family: Noto Serif JP, serif;
    font-size: 18px;
    line-height: 24px;
    display: block;
  }

  .list_common_artist_name {
    /*border-top: 0 #000;
  margin-top: 2px;
   margin-bottom: 2px; YYY */
    font-family: Noto Serif JP, serif;
    /* YYY */
    /*border-bottom: 1px grey dotted;
  padding: 4px 0px 4px 0px;*/
  }

  .audio-preview {
    aspect-ratio: auto;
    background-color: #979090;
    border: 0 solid #0000;
    border-radius: 0;
    width: 40px;
    max-width: 40px;
    height: 30px;
    max-height: 30px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    padding-right: 0;
    display: none;
    overflow: hidden;
  }

  .text-list-song-title-copy {
    text-decoration: none;
    -webkit-text-decoration-color: var(--_koda---main_text);
    text-decoration-color: var(--_koda---main_text);
    -webkit-text-decoration-skip-ink: auto;
    text-decoration-skip-ink: auto;
    font-family: Noto Sans JP, sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-decoration-style: solid;
  }

  /* YYY
.list_common_date {
  border-bottom: 0 #000;
  font-family: "M PLUS 1p", sans-serif;
  font-size: 12px;
  line-height: 30px;
}*/
  .div_item_performers {
    font-family: Noto Serif JP, serif;
  }

  .koda_body {
    background-color: var(--_koda---bg_pale);
    cursor: auto;
    font-family: Noto Serif JP, serif;
    font-weight: 400;
  }

  .detail_song_phonogram {
    text-indent: 1px;
    flex: 0 auto;
    margin-top: 10px;
    font-family: Verdana, Geneva, sans-serif;
  }

  .detail_song_description_comment_from_others_note {
    text-align: left;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-family: Noto Sans JP, sans-serif;
    font-weight: 400;
  }

  .koda_section_2 {
    background-color: var(--_koda---bg_white);
  }

  .hero-heading-right-5 {
    background-color: #f5f7fa;
    border-bottom: 1px solid #e4ebf3;
    padding: 80px 30px;
    position: relative;
  }

  .container {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-wrapper-6 {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .hero-split-6 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 46%;
    display: flex;
  }

  .shadow-two-6 {
    box-shadow: 0 4px 24px #96a3b514;
  }

  .margin-bottom-24px-7 {
    margin-bottom: 24px;
  }

  .button-primary-8 {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #1a1b1f;
    padding: 12px 25px;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s;
  }

  .button-primary-8:hover {
    color: #fff;
    background-color: #32343a;
  }

  .button-primary-8:active {
    background-color: #43464d;
  }

  .koda_bg_1 {
    border: 1px solid var(--_koda---line_title);
    background-color: var(--_koda---bg_pale);
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .koda_bg_0 {
    border-bottom: 1px solid var(--_koda---line_title);
    background-color: var(--_koda---bg_white);
    padding-top: 20px;
    padding-bottom: 20px;
  }

  /* YYY
.list_song_image {*/
  .list_song_image, .list_tour_image, .list_book_image, .list_movie_image, .list_concert_image {
    aspect-ratio: 1;
    border: 1px solid var(--_koda---border);
    vertical-align: baseline;
    object-fit: cover;
    background-color: #0000;
    border-radius: 10px;
    width: 100%;
    display: inline-block;
    position: static;
  }

  .detail_common_title2 {
    justify-content: flex-start;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 0;
    font-family: Noto Serif JP, serif;
    font-size: 18px;
    line-height: 24px;
    display: flex;
  }

  /* YYY
.detail_common_title2.koda_h2 {
  color: var(--elements-webflow-library--neutral--800);
}
*/
  /** YYY ***/
  .common_date, .list_common_date {
    letter-spacing: 0px;
    text-indent: 0;
    padding-left: 2px;
    padding-right: 2px;
    /*font-family: "M PLUS 1p", sans-serif;*/
    font-family: "Roboto Mono", monospace;
    font-weight: 500;
    font-size: 0.9rem;
    display: block;
  }

  .detail_content_artist_name {
    color: var(--elements-webflow-library--neutral--800);
    margin-top: 0;
    margin-bottom: 0;
    font-family: Noto Serif JP, serif;
    font-size: 18px;
    line-height: 24px;
  }

  .detail_common_description {
    text-align: left;
    margin: 0;
    padding: 0;
    font-family: Noto Serif JP, serif;
    line-height: 24px;
  }

  .song_collaboration_start_year {
    text-align: left;
    font-family: Noto Serif JP, serif;
    font-weight: 700;
  }

  .song_collaboration_start_year.common_date {
    padding-left: 0;
  }

  .song_collaboration_use_name {
    text-align: left;
    margin-bottom: 20px;
    font-family: Noto Serif JP, serif;
  }

  .detail_content_category {
    float: left;
    clear: none;
    border: 1px solid var(--_koda---bg_category);
    background-color: var(--_koda---bg_category);
    color: var(--_koda---bg_white);
    text-align: center;
    letter-spacing: 1px;
    border-radius: 1px;
    justify-content: flex-start;
    min-width: 100px;
    margin-top: 0;
    padding: 4px 10px;
    font-family: Noto Sans JP, sans-serif;
    font-size: 12px;
    line-height: 18px;
    display: block;
  }

  /* YYY
.detail_album_media { */
  .detail_info_tips {
    float: left;
    clear: none;
    border-style: solid solid solid none;
    border-width: 1px;
    border-color: var(--_koda---bg_category);
    justify-content: flex-start;
    margin-bottom: 0;
    padding: 4px 10px;
    font-family: Noto Sans JP, sans-serif;
    font-size: 12px;
    line-height: 18px;
    display: block;
    transform: translate(0);
  }

  /* YYY */
  .detail_info_tips_2 {
    clear: none;
    border-style: solid solid solid solid;
    border-width: 1px;
    border-color: var(--_koda---bg_category);
    justify-content: flex-start;
    margin-left: 20px;
    margin-bottom: 0;
    padding: 2px 8px;
    font-family: Noto Sans JP, sans-serif;
    font-size: 12px;
    font-weight: 200;
    line-height: 18px;
    display: inline-block;
    transform: translate(0);
  }

  .detail_album_productnumber {
    float: left;
    text-align: center;
    border: 1px #000;
    width: 100%;
    padding: 2px 10px;
    font-family: Noto Sans JP, sans-serif;
    font-size: 12px;
    display: block;
  }

  .detail_album_version_name {
    float: left;
    clear: none;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    border-color: var(--_koda---bg_category);
    border-radius: 0;
    padding: 4px 10px;
    font-family: Noto Sans JP, sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .detail_common_price {
    float: left;
    flex-flow: column;
    order: 0;
    align-self: auto;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Noto Sans JP, sans-serif;
    font-weight: 400;
    display: block;
    position: relative;
  }

  .div-block-17 {
    clear: none;
    background-color: #e22020;
    width: 100px;
    height: 100px;
    display: inline-flex;
    position: static;
  }

  .div-block-18 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #000;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100px;
    height: 100px;
    display: inline-flex;
  }

  .koda_content_info {
    clear: left;
    text-align: left;
    object-fit: fill;
    border: 1px #000;
    width: auto;
    min-width: auto;
    max-width: 100%;
    margin: 0 auto 0 0;
    position: static;
  }

  .div-block-20 {
    background-color: var(--_koda---bg_detail_item);
  }

  .modal_content_fit {
    max-width: var(--_koda---max_width);
    background-color: var(--_koda---bg_white);
    border-radius: 10px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: block;
    position: static;
  }

  .modal {
    z-index: 5;
    border-radius: 10px;
    width: 90%;
    max-height: 100%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 4rem 0;
    display: block;
    position: relative;
  }

  .modal-cmt1-popup {
    z-index: 99;
    background-color: var(--_koda---bg_popup);
    opacity: 1;
    border-radius: 0;
    width: 100vw;
    min-width: auto;
    display: none;
    position: fixed;
    inset: 0;
    overflow: auto;
  }

  .btn_pop_close {
    background-color: var(--_koda---bg_heading);
    text-align: center;
    width: 36px;
    height: 36px;
    margin: 0 0 -3rem auto;
    padding: 3px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 30px;
    font-weight: 100;
    line-height: 30px;
    display: block;
    position: relative;
    top: -3rem;
    right: 0;
  }

  .modal-rylics-popup {
    z-index: 99;
    background-color: var(--_koda---bg_popup);
    width: 100%;
    display: none;
    position: fixed;
    inset: 0;
    overflow: auto;
  }

  .code-embed-4 {
    text-align: left;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    font-family: Noto Serif JP, serif;
  }

  .div-block-21 {
    background-color: var(--_koda---bg_white);
  }

  .detail_song_recipient_alternate_song_title {
    font-family: Noto Serif JP, serif;
  }

  .detail_song_release_album_name {
    aspect-ratio: 1;
    object-fit: contain;
  }

  /* YYY .item_album_name { */
  .item_title_name {
    margin-bottom: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-family: Noto Serif JP, serif;
    font-weight: 700;
  }

  .detail_album_publisher_name {
    font-family: Noto Sans JP, sans-serif;
  }

  .conainer_staff_diary_content_l {
    min-width: 36%;
    max-width: 36%;
  }

  .conainer_staff_diary_content_r {
    min-width: 56%;
    max-width: 56%;
  }

  .modal-score-popup {
    z-index: 99;
    background-color: var(--_koda---bg_popup);
    width: 100%;
    display: none;
    position: fixed;
    inset: 0;
  }

  .detail_song_score {
    background-color: var(--_koda---bg_white);
    width: 100%;
    max-width: none;
    height: 80vh;
    max-height: 100vh;
    overflow: scroll;
  }

  .div-block-23 {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .modal_content {
    width: 80%;
    padding-left: 0;
  }

  .modal-cmt2-popup {
    z-index: 99;
    background-color: var(--_koda---bg_popup);
    width: 100vw;
    min-width: auto;
    display: none;
    position: fixed;
    inset: 0;
    overflow: auto;
  }

  .text_item_popup_content_name {
    background-color: var(--_koda---bg_detail_cmt_popup);
    color: var(--_koda---main_text);
    letter-spacing: 1px;
    text-indent: 0;
    padding: 10px 20px;
    font-family: Noto Serif JP, serif;
    font-size: 18px;
    font-weight: 700;
    display: block;
  }

  .detail_song_description_comment {
    text-align: left;
    margin-bottom: 2rem;
    padding-left: 0;
    padding-right: 0;
  }

  .left-arrow {
    justify-content: center;
    align-items: center;
    height: 100svh;
    display: flex;
  }

  .hero-section {
    background-color: #000;
    height: 100vh;
    display: block;
  }

  .right-arrow {
    justify-content: center;
    align-items: center;
    height: 100svh;
    display: flex;
  }

/* unused
  .image-3 {
    z-index: 20;
    width: 420px;
    display: none;
    position: relative;
  }
*/

  .arrow {
    width: 25px;
  }

  .consolidated-logo {
    justify-content: center;
    align-items: center;
    height: 100svh;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .slide-nav {
    display: block;
    position: static;
  }

  .slider {
    z-index: 1;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    max-width: none;
    height: 100svh;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .search-input {
    float: left;
    width: 85%;
    margin-right: 20px;
    position: relative;
  }

  .rich-text-block {
    margin-left: 20px;
    margin-right: 20px;
    font-family: "M PLUS 1p", sans-serif;
  }

  .list_common_type {
    float: none;
    background-color: var(--_koda---bg_category);
    color: var(--_koda---text_wob);
    margin-top: 6px;
    margin-bottom: 6px;
    /*padding-left: 4px;
  padding-right: 4px;*/
    padding: 2px 4px 2px 4px;
    font-family: Noto Sans JP, sans-serif;
    font-size: 12px;
    display: block;
    position: relative;
    letter-spacing: 1px;
  }

  .koda_list_text {
    width: 100%;
    margin-top: 4px;
  }

  .div-block-24 {
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .wrapper_popup_common {
    width: 100%;
    height: auto;
    max-height: 80vh;
    padding: 40px;
    font-family: Noto Serif JP, serif;
    display: block;
    /*overflow: visible;*/
    overflow: auto;
  }

  .div_title_r_title {
    border-top: 1px solid var(--_koda---bg_category);
    border-bottom: 0px none var(--_koda---line_title);
    width: 100%;
    margin-top: -1px;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .wrapper_detail_title_r {
    width: 46%;
    max-width: 46%;
    margin-bottom: 0;
    text-decoration: none;
    position: relative;
  }

  .div_title_r_artist {
    border-top: 1px dotted var(--_koda---bg_category);
    border-bottom: 1px solid var(--_koda---bg_category);
    width: 100%;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .list {
    text-align: left;
    padding-left: 20px;
    padding-right: 0;
    font-family: Noto Sans JP, sans-serif;
    line-height: 20px;
    list-style-type: decimal;
  }

  .list_item_ordered {
    margin-bottom: var(--_koda---li_margin_bottom);
    font-family: Noto Serif JP, serif;
    line-height: 24px;
    list-style-type: decimal;
  }

  .list_item_ordered.list_item_ordered2 {
    list-style-type: decimal;
  }

  .list-item-2, .list-item-3 {
    margin-bottom: var(--_koda---li_margin_bottom);
  }

  .text-block-11 {
    border: 1px none var(--_koda---bg_category);
    background-color: var(--_koda---bg_category);
    margin-bottom: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-family: Noto Sans JP, sans-serif;
    font-weight: 700;
  }

  .area_button {
    z-index: auto;
    box-sizing: border-box;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: fill;
    background-color: #0000;
    border: 3px #320ffc;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    align-items: center;
    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: Noto Sans JP, sans-serif;
    display: block;
    position: absolute;
    inset: auto 0% 0%;
  }

/* unused
  .image-8 {
    max-width: 100%;
    max-height: 100%;
  }
*/

  .section-5 {
    background-color: #000;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .text-block-12 {
    display: inline-block;
  }

  .cell_center-copy {
    text-align: center;
    border-radius: 0;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
  }

  .koda_spacer_v {
    height: 50px;
  }

  .text_item_title_sub {
    background-color: var(--_koda---bg_detail_cmt_popup);
    color: var(--_koda---main_text);
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: Noto Serif JP, serif;
    font-size: 14px;
    font-weight: 700;
  }

  .detail_label_title {
    float: left;
    background-color: var(--_koda---bg_label_2);
    color: var(--elements-webflow-library--neutral--800);
    text-align: center;
    letter-spacing: 1px;
    flex-flow: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: auto;
    align-items: flex-start;
    width: 110px;
    min-width: 110px;
    margin-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 0;
    font-family: Noto Sans JP, sans-serif;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    position: relative;
  }

  .detail_meta_info {
    flex-flow: wrap;
    flex: 1;
    justify-content: flex-start;
    align-self: auto;
    align-items: flex-start;
    min-width: auto;
    padding-top: 6px;
    padding-bottom: 6px;
    display: flex;
    position: relative;
  }

  .div-block-26 {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    display: flex;
    position: relative;
  }

  .div-block-27 {
    align-items: flex-start;
    display: flex;
  }

  .div-block-28, .div-block-29 {
    display: flex;
  }

  .detail_label_content {
    float: left;
    text-align: left;
    border: 1px #000;
    width: 100%;
    padding: 2px 10px;
    font-family: Noto Sans JP, sans-serif;
    display: inline-block;
  }

  .performer_common_inst {
    color: var(--_koda---title_detail_sub);
    text-align: left;
    -webkit-text-stroke-color: var(--_koda---title_detail_sub);
    white-space: nowrap;
    width: auto;
    /*font-family: Noto Serif JP, serif; YYY*/
    font-family: Noto Sans JP, sans-serif;
    font-weight: 700;
  }

  .list-copy {
    text-align: left;
    padding-left: 20px;
    padding-right: 0;
    font-family: Noto Sans JP, sans-serif;
    line-height: 20px;
    list-style-type: decimal;
  }

  .list_unordered {
    text-align: left;
    margin-left: 0;
    padding-left: 0;
    font-family: Noto Serif JP, serif;
    font-weight: 400;
    list-style-type: decimal;
    display: block;
  }

  .nav-doprdown-toptext {
    font-family: Noto Sans JP, sans-serif;
    font-weight: 700;
  }

  .dropdown-link {
    font-family: Noto Sans JP, sans-serif;
  }

  .list_news_block {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 18px;
    padding-left: 0;
    padding-right: 24px;
    font-family: Noto Sans JP, sans-serif;
    display: flex;
  }

  .hero-heading-right-6 {
    background-color: #f5f7fa;
    border-bottom: 1px solid #e4ebf3;
    padding: 80px 30px;
    position: relative;
  }

  .container-11 {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-wrapper-7 {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .hero-split-7 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 46%;
    display: flex;
  }

  .shadow-two-7 {
    box-shadow: 0 4px 24px #96a3b514;
  }

  .margin-bottom-24px-8 {
    margin-bottom: 24px;
  }

  .button-primary-9 {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #1a1b1f;
    padding: 12px 25px;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s;
  }

  .button-primary-9:hover {
    color: #fff;
    background-color: #32343a;
  }

  .button-primary-9:active {
    background-color: #43464d;
  }

  .list_label_content {
    margin-top: 2px;
    margin-bottom: 2px;
  }

  .mask, .mask-2 {
    width: 100svw;
    height: 100svh;
  }

  .left-arrow-2 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .right-arrow-2 {
    justify-content: center;
    align-items: center;
    height: auto;
    display: flex;
  }

/* unused
  .image-9 {
    z-index: 20;
    width: 420px;
    position: relative;
  }
*/

  .consolidated-logo-2 {
    justify-content: center;
    align-items: center;
    display: none;
    position: absolute;
    inset: 0%;
  }

  .slider-2 {
    z-index: 1;
    aspect-ratio: auto;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    display: block;
  }

  .icon_search {
    width: 40px;
    height: 40px;
  }

  .modal-search-popup {
    z-index: auto;
    opacity: 1;
    -webkit-text-fill-color: inherit;
    background-color: #0000;
    background-clip: border-box;
    border-radius: 0;
    margin-top: 20px;
    display: none;
    position: fixed;
    inset: 0;
    overflow: auto;
  }

  .search-input-2 {
    float: left;
    clear: none;
    width: 70%;
    margin-bottom: 0;
    display: block;
  }

  .search-button-2 {
    float: left;
    clear: none;
    letter-spacing: 2px;
    text-indent: 0;
    font-family: Noto Sans JP, sans-serif;
    font-size: 12px;
    position: static;
  }

  .search-2 {
    margin-bottom: 0;
  }

  /* YYY separate head_menu
.container_general-_nosp {
  max-width: var(--_koda---max_width);
  border-radius: 10px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  position: static;
}*/
  .wrapper_item_nosp {
    border: 1px solid var(--_koda---border);
    background-color: var(--_koda---bg_detail_item);
    text-align: center;
    border-radius: 10px;
    flex: 0 auto;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    padding-left: 0;
    display: block;
    position: relative;
  }

  .wrapper_home_news {
    border-style: none none solid;
    border-width: 1px;
    border-color: var(--_koda---border_1);
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    display: flex;
  }

  .conainer_home_news_content_l {
    width: 300px;
    height: 200px;
  }

  .conainer_home_news_content_r {
    min-width: 64%;
    max-width: 64%;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .db_home_news_photo {
    box-sizing: border-box;
    aspect-ratio: auto;
    object-fit: cover;
    width: 100%;
    min-width: auto;
    max-width: 100%;
    box-shadow: 0 4px 24px #96a3b514;
  }

  .text-block-14 {
    color: var(--elements-webflow-library--neutral--100);
    text-align: center;
    overflow-wrap: normal;
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 700;
    text-decoration: none;
  }

  .home_hot {
    text-align: center;
    width: 100%;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0;
  }

  .db_home_moment_photo_info {
    z-index: 20;
    float: none;
    clear: none;
    color: #000;
    text-align: left;
    background-color: #0000;
    margin: auto;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    position: relative;
    inset: 60px 0% 0% 120px;
  }

  .heading-8, .heading-9 {
    text-align: right;
    font-size: 16px;
    font-weight: 400;
  }

  .detail_common_title3 {
    margin-top: 8px;
    margin-bottom: 0;
    font-family: Noto Serif JP, serif;
    font-size: 24px;
    line-height: 30px;
  }

  .detail_common_title4 {
    margin-top: 8px;
    margin-bottom: 0;
    font-family: Noto Serif JP, serif;
    font-size: 18px;
    line-height: 24px;
  }

  .paragraph, .paragraph-2, .paragraph-3, .heading-10, .heading-11, .paragraph-4, .heading-12 {
    font-family: Noto Serif JP, serif;
  }

  .testimonial-slider-large {
    background-color: #f5f7fa;
    border-bottom: 1px solid #e4ebf3;
    padding: 80px 30px;
    position: relative;
  }

  .container-12 {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial-slider-two {
    background-color: #0000;
    height: auto;
  }

  .testimonial-slide {
    background-color: #fff;
    justify-content: space-between;
    align-items: flex-start;
    padding: 12px 12px 12px 64px;
    display: flex;
  }

  .testimonial-content {
    flex-direction: column;
    align-items: flex-start;
    max-width: 460px;
    margin-right: 40px;
    display: flex;
  }

  .testimonial-quote-icon {
    margin-bottom: 24px;
  }

  .testimonial-quote {
    margin-bottom: 32px;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
  }

  .testimonial-info-two {
    align-items: center;
    display: flex;
  }

  .testimonial-image-2 {
    object-fit: cover;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin-right: 16px;
  }

  .testimonial-author-name {
    font-weight: 700;
  }

  .testimonial-image-two {
    object-fit: cover;
    width: 350px;
    height: 400px;
  }

  .testimonial-author-image-three {
    object-fit: cover;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-right: 24px;
  }

  .testimonial-slider-arrow {
    display: none;
  }

  .testimonial-slider-nav {
    margin-top: 24px;
    font-size: 10px;
    position: static;
    bottom: -60px;
  }

  .koda_paragraph_center {
    justify-content: space-between;
    align-items: center;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    font-family: Noto Serif JP, serif;
    font-weight: 700;
    line-height: 24px;
    display: block;
  }

  .modal-desc-popup {
    z-index: 99;
    background-color: var(--_koda---bg_popup);
    display: none;
    position: fixed;
    inset: 0;
  }

  .code-embed-5 {
    text-align: left;
    font-family: Noto Serif JP, serif;
    display: flex;
  }

  .code-embed-5.koda_paragraph {
    clear: none;
    font-family: Noto Serif JP, serif;
    font-weight: 600;
    /* YYY */
    display: flex;
  }

  .div-block-31 {
    margin-bottom: 40px;
  }

  .modal_artist1_popup {
    background-color: var(--_koda---bg_popup);
    width: 100%;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .modal_width_fix {
    width: var(--_koda---koda_popup_width_fix);
    max-width: var(--_koda---koda_popup_width_fix);
    height: auto;
  }

  .detail_artist {
    text-align: left;
    line-height: 24px;
  }

  .koda_paragraph_link {
    text-align: left;
    width: auto;
    font-family: Noto Serif JP, serif;
  }

  .modal_artist2_popup {
    background-color: var(--_koda---bg_popup);
    width: 100%;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .area_button_in {
    padding-top: 20px;
  }

  .list_item_ordered2 {
    margin-bottom: var(--_koda---li_margin_bottom);
    font-family: Noto Serif JP, serif;
    line-height: 24px;
    list-style-type: decimal;
  }

  .koda_heading_title2 {
    max-width: var(--_koda---max_width);
    float: right;
    clear: none;
    color: var(--elements-webflow-library--neutral--100);
    text-align: right;
    letter-spacing: 1px;
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: break-word;
    justify-content: flex-end;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: Noto Sans JP, sans-serif;
    display: flex;
  }

  .koda_paragraph_source, .paragraph-5 {
    text-align: right;
  }

  .koda_header_title {
    max-width: var(--_koda---max_width);
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .list_item_unordered {
    margin-bottom: var(--_koda---li_margin_bottom);
    border-bottom: 1px dotted var(--_koda---bg_category);
    text-align: left;
    padding-bottom: 10px;
    font-family: Noto Serif JP, serif;
    font-weight: 600;
    line-height: 18px;
    list-style-type: none;
  }

  .list_item_unordered.list_item_ordered2 {
    list-style-type: decimal;
  }

  .list_item_unordered.list_item_strong {
    font-weight: 700;
  }

  .quick-stack-4 {
    width: 80%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }

  .quick-stack-4.index_text {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .index_text {
    letter-spacing: 1px;
    font-family: Noto Sans JP, sans-serif;
    font-weight: 700;
  }

  .cell_border {
    border-top: 1px solid #000;
    border-bottom: 1px #000;
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .cell_noborder {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .cell_border_top {
    background-color: #0000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .text-block-17 {
    text-indent: 2px;
    font-family: Noto Sans JP, sans-serif;
  }

  /* YYY separate footer
.footer-subscribe {
  border-bottom: 0 solid #e4ebf3;
  padding: 50px 30px 40px;
  position: relative;
}

.container-13 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}
*/
  /* YYY separate footer
.footer-form-two {
  background-color: #f5f7fa;
  margin-bottom: 40px;
  padding: 64px;
}
*/
  /* YYY separate footer
.footer-form-container-two {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
*/
  /* YYY separate footer
.footer-form-title {
  font-size: 24px;
  line-height: 32px;
}
*/
  /* YYY separate footer
.footer-form-block-two {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}
*/
  /* YYY separate footer
.footer-form-input {
  border: 1px #000;
  width: 460px;
  height: 48px;
  margin-bottom: 0;
  padding: 12px 180px 12px 20px;
}
*/
  /* YYY separate footer
.footer-form-input::placeholder {
  color: #1a1b1fcc;
}
*/
  .button-primary-10 {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #1a1b1f;
    padding: 12px 25px;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s;
  }

  .button-primary-10:hover {
    color: #fff;
    background-color: #32343a;
  }

  .button-primary-10:active {
    background-color: #43464d;
  }

  .button-primary-10.footer-form-button {
    padding: 8px 18px;
    position: absolute;
    right: 8px;
  }

  /* YYY separate footer
.footer-wrapper-three {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
*/
  /* YYY separate footer
.footer-block-three {
  justify-content: flex-start;
  align-items: center;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}
*/
  /* YYY separate footer
.footer-link-three {
  color: var(--elements-webflow-library--neutral--100);
  margin-left: 20px;
  margin-right: 20px;
  font-family: Noto Sans JP, sans-serif;
  text-decoration: none;
}
*/
  /* YYY separate footer
.footer-link-three:hover {
  color: #1a1b1fbf;
}
*/
  /* YYY separate footer
.footer-social-block-three {
  justify-content: flex-start;
  align-items: center;
  margin-left: -32px;
  display: flex;
}
*/
  /* YYY separate footer
.footer-social-link-three {
  margin-left: 32px;
}
*/
  /* YYY separate footer
.footer-divider-two {
  background-color: #e4ebf3;
  width: 100%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
}
*/
  /* YYY separate footer
.footer-bottom {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
*/
  /* YYY separate footer
.footer-copyright {
  color: var(--elements-webflow-library--neutral--100);
  font-family: Noto Sans JP, sans-serif;
}
*/
  /* YYY separate footer
.footer-legal-block {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
*/
  /* YYY separate footer
.footer-legal-link {
  color: #3a4554;
  margin-left: 24px;
}
*/
  /* YYY separate footer
.footer-legal-link:hover {
  color: #3a4554;
}
*/
  .list_item_unordered2 {
    line-height: 24px;
  }

  .modal_content_fit-_fit {
    max-width: var(--_koda---max_width);
    background-color: var(--_koda---bg_white);
    border-radius: 10px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    position: static;
  }

  .koda_paragraph_lyrics {
    color: var(--_koda---text_lyrics);
    text-align: left;
    object-fit: fill;
    justify-content: space-between;
    align-items: center;
    width: auto;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    font-family: Noto Serif JP, serif;
    font-weight: 600;
    display: flex;
    overflow: visible;
  }

  .koda_lyrics_preview {
    /* YYY */
    overflow: auto;
    padding-bottom: 14px;
  }

  .koda_lyrics_main {
    /* YYY */
    overflow: auto;
    /* padding:20px */
  }

  .koda_lyrics_img {
    /* YYY */
    display: block;
    transform: scale(1);
    transform-origin: top left;
    padding-bottom: 20px;
    max-width: 200%;
  }

  .pricing-comparison {
    border-bottom: 1px solid #e4ebf3;
    padding: 80px 30px;
    position: relative;
  }

  .container-14 {
    width: 100%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }

  .pricing-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 50px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
  }

  .pricing-card {
    background-color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 32px 24px;
    display: flex;
    position: relative;
    box-shadow: 0 4px 130px #96a3b51f;
  }

  .pricing-card.featured-pricing {
    z-index: 2;
    box-shadow: 0 4px 130px #96a3b54d;
  }

  .pricing-image-2 {
    object-fit: cover;
    width: 80px;
    height: 80px;
    margin-bottom: 16px;
  }

  .pricing-title {
    margin-top: 10px;
    margin-bottom: 8px;
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
  }

  .pricing-subtitle {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 20px;
  }

  .pricing-price {
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
  }

  .paragraph-regular {
    font-size: 14px;
    line-height: 20px;
  }

  .paragraph-regular.margin-bottom-20 {
    margin-bottom: 20px;
  }

  .button-primary-11 {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #1a1b1f;
    padding: 12px 25px;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s;
  }

  .button-primary-11:hover {
    color: #fff;
    background-color: #32343a;
  }

  .button-primary-11:active {
    background-color: #43464d;
  }

  .button-primary-11.outline-button {
    color: #1a1b1f;
    background-color: #0000;
    box-shadow: inset 0 0 0 1px #1a1b1f;
  }

  .button-primary-11.outline-button:hover {
    color: #fff;
    background-color: #1a1b1f;
  }

  .pricing-divider {
    background-color: #76879d1a;
    align-self: stretch;
    height: 1px;
    margin: 56px -24px 16px;
  }

  .pricing-feature-list {
    align-self: stretch;
  }

  .pricing-feature {
    background-image: url('../images/');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto;
    align-self: stretch;
    margin-top: 16px;
    padding-left: 32px;
    font-size: 14px;
    line-height: 24px;
  }

  .pricing-tag {
    color: #3a4554;
    background-color: #fff;
    border-radius: 24px;
    padding: 7px 16px;
    position: absolute;
    top: -19px;
    box-shadow: 0 3px 10px #96a3b533;
  }

  .grid-2 {
    grid-template-areas: "Area";
  }

  .koda_paragraph_comment {
    color: var(--_koda---text_comment);
    text-align: left;
    width: auto;
    margin-top: 0;
    padding: 0;
    font-family: Klee One, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
  }

  .list_ordered {
    padding-left: 0;
    list-style-type: decimal;
  }

  .koda_spacer_h {
    float: none;
    width: 10px;
    height: 10px;
    display: inline-block;
  }

  .koda_spacer_h100 {
    float: none;
    width: 100%;
    height: 10px;
    display: inline-block;
  }

  .koda_spacer_v_s {
    height: 25px;
  }

  .wrapper_item-_bgimg {
    border: 1px solid var(--_koda---bg_label);
    background-color: var(--_koda---bg_detail_item);
    text-align: center;
    background-image: url('../images/1986_A_K.ODA.jpeg');
    background-position: 0 0;
    background-size: cover;
    border-radius: 10px;
    flex: 0 auto;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    padding-left: 0;
    position: relative;
  }

/* unused
  .image-10 {
    float: right;
    border-radius: 10px;
    margin-bottom: 20px;
    margin-left: 20px;
  }
*/

  .list_item_strong {
    font-family: Noto Serif JP, serif;
    font-weight: 700;
  }



  .cell_border_top-copy, .cell_border_top-copy-copy {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .code-embed-6 {
    width: 22%;
  }

  .hr_100 {
    width: 100%;
    margin-top: 6px;
    margin-bottom: 6px;
  }

  .hr_100-copy {
    width: 100%;
  }

  .icon_link {
    float: right;
    clear: both;
    padding-top: 6px;
    padding-right: 20px;
    position: relative;
  }

  .link-block {
    float: right;
    display: inline-block;
    position: relative;
  }

  .cell_border_top_index {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .grid_index {
    width: 80%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid_index.index_text {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding-left: 0;
    padding-right: 0;
  }

  .dropdown {
    float: left;
  }

  .dropdown-toggle {
    padding-top: 0;
  }

  .text-block-18 {
    margin-top: 10px;
    font-family: Noto Sans JP, sans-serif;
  }

  .dropdown-list {
    background-color: #fff;
    line-height: 18px;
  }

  .dropdown-link-2 {
    padding-top: 0;
    padding-bottom: 6px;
    font-family: Noto Sans JP, sans-serif;
    display: block;
  }

  .dropdown-link-3 {
    font-family: Noto Sans JP, sans-serif;
  }

  .detail_album_type-copy {
    float: left;
    clear: none;
    border: 1px solid var(--_koda---bg_category);
    background-color: var(--_koda---bg_category);
    color: var(--_koda---bg_white);
    text-align: center;
    letter-spacing: 1px;
    border-radius: 1px;
    justify-content: flex-start;
    min-width: 100px;
    margin-top: 0;
    padding: 4px 10px;
    font-family: Noto Sans JP, sans-serif;
    font-size: 12px;
    line-height: 18px;
    display: block;
  }

  .list_hr_100 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    /* YYY */
    border-top: 1px dotted grey;
  }

  .detail_column_30 {
    float: left;
    width: 30%;
  }

  .koda_spacer_v-copy {
    height: 50px;
  }

  .koda_spacer_h_float {
    float: left;
    width: 5%;
    height: 10px;
    display: inline-block;
  }

  .link {
    text-align: left;
  }

  .body_gallery {
    background-color: #000;
  }

  .code-embed-7 {
    text-align: left;
    font-family: Klee One, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
  }

  .koda_media_container_ausio {
    width: 100%;
    height: 16px;
  }

  .grid-3 {
    grid-row-gap: 18px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .koda_photo_image {
    box-sizing: border-box;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: 50% 50%;
    background-image: url('../images/encore0504_k_kumamoto_2b_179.jpeg');
    background-position: 0 0;
    background-size: auto;
    width: 100%;
    max-width: none;
    height: 100%;
    overflow: hidden;
  }

  .koda_photo_thumb_frame {
    box-sizing: border-box;
    aspect-ratio: 1;
    -webkit-text-fill-color: inherit;
    object-fit: fill;
    background-clip: border-box;
    border: 1px solid #000;
    border-radius: 6px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    display: flex;
    overflow: hidden;
  }

  .text-block-19 {
    width: 100%;
    display: block;
  }

  .detail_meta_photos {
    flex-flow: row;
    flex: 1;
    justify-content: flex-start;
    align-self: auto;
    align-items: flex-start;
    min-width: auto;
    padding-top: 6px;
    padding-bottom: 6px;
    display: flex;
    position: relative;
  }

  .koda_photo_pick {
    aspect-ratio: 1;
    object-position: 50% 50%;
    background-color: #000;
    justify-content: center;
    align-self: auto;
    align-items: center;
    min-width: 100%;
    display: flex;
    position: static;
    overflow: hidden;
  }

  .modal_content_fit-copy {
    max-width: var(--_koda---max_width);
    background-color: var(--_koda---bg_white);
    border-radius: 10px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: block;
    position: static;
  }

  .section-6 {
    border-bottom: 1px solid #fff;
    font-family: Droid Sans, sans-serif;
  }

/* unused
  .image-11 {
    display: inline-block;
  }

  .image-12 {
    vertical-align: baseline;
  }
*/

  .koda_photo_frame {
    box-sizing: border-box;
    aspect-ratio: 1;
    object-fit: none;
    object-position: 50% 50%;
    background-color: #000;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
  }

  .mask-3 {
    aspect-ratio: 1;
    width: 100%;
    height: auto;
  }

  .text-block-20 {
    border-top: 1px #000;
  }

  .text-block-21 {
    border-top: 1px #000;
  }

/* unused
  .image-13, .image-14 {
    object-fit: contain;
  }
*/

  .db_home_moment_photo_info2 {
    z-index: 20;
    float: none;
    clear: none;
    color: #000;
    text-align: left;
    background-color: #0000;
    margin: auto;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    position: relative;
    inset: 100px 0% 0% 120px;
  }

  .btn_preview_song2 {
    z-index: 50;
    float: right;
    vertical-align: baseline;
    width: 30px;
    max-width: none;
    margin-bottom: 10px;
    margin-right: 4px;
    display: block;
    position: absolute;
  }

  .btn_preview_song {
    border: 1px #0000;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .btn_preview_song-copy {
    border: 1px solid red;
    justify-content: flex-end;
    align-items: flex-end;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .btn_preview_song3 {
    z-index: 100;
    float: right;
    vertical-align: baseline;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    margin-bottom: 20px;
    margin-right: 0;
    display: flex;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .navbar-no-shadow-container {
    z-index: 5;
    background-color: #0000;
    width: 100%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
  }

  .container-regular {
    width: 100%;
    max-width: 1260px;
    min-height: 30px;
    margin-left: auto;
    margin-right: auto;
  }

  .navbar-wrapper-4 {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .nav-menu {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
  }

  .nav-link-4 {
    color: #1a1b1f;
    letter-spacing: .25px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
  }

  .nav-link-4:hover {
    color: #1a1b1fbf;
  }

  .nav-link-4:focus-visible, .nav-link-4[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 4px;
    outline: 2px solid #0050bd;
  }

  .nav-dropdown-4 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .nav-dropdown-toggle-4 {
    letter-spacing: .25px;
    padding: 5px 30px 5px 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .nav-dropdown-toggle-4:hover {
    color: #1a1b1fbf;
  }

  .nav-dropdown-toggle-4:focus-visible, .nav-dropdown-toggle-4[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd;
  }

  .nav-dropdown-icon-4 {
    margin-right: 10px;
  }

  .nav-dropdown-list-4 {
    background-color: #fff;
    border-radius: 12px;
  }

  .nav-dropdown-list-4.w--open {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-link-4 {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
  }

  .nav-dropdown-link-4:focus-visible, .nav-dropdown-link-4[data-wf-focus-visible] {
    outline-offset: 0px;
    color: #0050bd;
    border-radius: 5px;
    outline: 2px solid #0050bd;
  }

  .nav-button-wrapper {
    margin-left: 120px;
  }

  .button-primary-12 {
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #1a1b1f;
    padding: 12px 25px;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s;
  }

  .button-primary-12:hover {
    color: #fff;
    background-color: #32343a;
  }

  .button-primary-12:active {
    background-color: #43464d;
  }

/* unused
  .image-15, .image-16, .image-17, .image-18 {
    width: 60%;
  }
*/

  .rich-text-block-2 {
    display: none;
  }

  .koda_comment_speaker {
    font-family: Noto Serif JP, serif;
    font-weight: 700;
    display: inline;
  }

  .koda_comment_source {
    color: var(--_koda---bg_popup);
    text-align: right;
    font-style: italic;
    display: block;
  }

  .text-block-22 {
    display: block;
  }

  .koda_comment_page {
    vertical-align: baseline;
    display: inline;
  }

  .koda_hide {
    display: none;
  }

  .div-block-33 {
    width: 100%;
  }

  .song_info {
    flex: 1;
    display: flex;
  }

  .left-arrow-3, .right-arrow-3 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .consolidated-logo-3 {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .slide-nav-2 {
    display: none;
  }

  .slider-3 {
    z-index: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: 100vh;
    display: block;
  }

  .slideshow {
    width: 100%;
    display: none;
  }

  .mask-4 {
    object-fit: cover;
    width: 100%;
    height: auto;
    overflow: clip;
  }

  .body-3 {
    overflow: visible;
  }

  .left-arrow-4, .right-arrow-4 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .consolidated-logo-4 {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .slide-nav-3 {
    display: block;
  }

  .slider-4 {
    z-index: 1;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    display: flex;
    overflow: hidden;
  }

  .mask-5 {
    box-sizing: border-box;
    aspect-ratio: 1;
    object-fit: fill;
    overflow: clip;
  }

  .detail_common_main_image_jacket {
    aspect-ratio: 1;
    vertical-align: text-top;
    object-fit: contain;
    border: 0 solid #777;
    border-radius: 10px;
    flex: 0 auto;
    box-shadow: 0 4px 24px #96a3b514;
  }

  .modal-cmt1-popup-copy {
    z-index: 99;
    background-color: var(--_koda---bg_popup);
    opacity: 1;
    border-radius: 0;
    width: 100vw;
    min-width: auto;
    display: none;
    position: fixed;
    inset: 0;
    overflow: auto;
  }

  .modal-movie-popup {
    z-index: 99;
    background-color: var(--_koda---bg_popup);
    opacity: 1;
    border-radius: 0;
    width: 100vw;
    min-width: auto;
    display: block;
    position: fixed;
    inset: 0;
    overflow: auto;
  }

  .code-embed-8 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .hero_detail_top {
    margin-bottom: 0;
    position: static;
  }

  .wrapper_item-_scroll {
    border: 1px solid var(--_koda---bg_label);
    background-color: var(--_koda---bg_detail_item);
    text-align: center;
    border-radius: 10px;
    flex: 0 auto;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    padding-left: 0;
    position: relative;
    overflow: scroll;
  }

  .popup_scroll {
    height: 100%;
    overflow: scroll;
  }

  .list_unordered_left_border {
    border-bottom: 1px dashed var(--_koda---bg_category);
  }

  .list_unordered_left_border_li {
    border-bottom: 1px dashed var(--_koda---bg_category);
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .code-embed-9 {
    font-weight: 600;
  }

  .detail_meta_info2-copy {
    flex-flow: row;
    flex: 1;
    justify-content: flex-start;
    align-self: auto;
    align-items: flex-start;
    min-width: auto;
    padding-top: 6px;
    padding-bottom: 6px;
    display: flex;
    position: relative;
  }

  .detail_label_info_2 {
    float: none;
    background-color: var(--_koda---bg_label_2);
    text-align: center;
    letter-spacing: 1px;
    flex-flow: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: auto;
    align-items: flex-start;
    width: auto;
    margin-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    font-family: Noto Sans JP, sans-serif;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    position: relative;
  }

  .container_general-copy {
    max-width: var(--_koda---max_width);
    aspect-ratio: auto;
    border-radius: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    margin: 0 auto 20px;
    padding: 0;
    display: flex;
    position: static;
  }

  .detail_common_main_image-copy {
    aspect-ratio: 1;
    vertical-align: text-top;
    object-fit: cover;
    border: 0 solid #777;
    border-radius: 10px;
    flex: 0 auto;
    box-shadow: 0 4px 24px #96a3b514;
  }

  .detail_song_main_image {
    aspect-ratio: 1;
    vertical-align: text-top;
    /*object-fit: contain;YYY */
    object-fit: cover;
    border: 0 solid #777;
    border-radius: 10px;
    flex: 0 auto;
    box-shadow: 0 4px 24px #96a3b514;
  }

  .koda_gotouchi_note {
    color: var(--elements-webflow-library--neutral--800);
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Noto Serif JP, serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
  }

  .koda_gotouchi_label {
    color: var(--elements-webflow-library--neutral--800);
    font-family: Noto Sans JP, sans-serif;
    font-weight: 700;
  }


  .div-block-35 {
    max-width: 100%;
  }



  .koda_gotouchi_image_main2 {
    aspect-ratio: auto;
    vertical-align: text-top;
    object-fit: cover;
    border: 0 solid #777;
    border-radius: 10px;
    flex: 0 auto;
    box-shadow: 0 4px 24px #96a3b514;
  }

  .koda_seciton_general {
    line-height: 24px;
  }

  .koda_gotouchi_videoframe {
    max-width: var(--_koda---max_width);
    background-color: #000;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .paragraph-6 {
    color: var(--elements-webflow-library--neutral--800);
  }

  .dropdown-2 {
    border: 1px solid var(--_koda---bg_category);
    width: 100%;
    display: block;
  }

  .div-block-36 {
    width: 100%;
  }

  .dropdown-toggle-2 {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .div-block-37 {
    border-style: none solid solid;
    border-width: 1px;
    border-color: var(--_koda---bg_label);
    padding: 10px 20px;
  }

  .dropdown-link-4 {
    border-top: 1px dashed #000;
    border-bottom: 1px dashed #000;
  }

  .dropdown-list-2 {
    background-color: #ddd;
    font-family: Noto Sans JP, sans-serif;
    font-weight: 700;
    display: none;
  }

  .dropdown-list-2.w--open {
    background-color: #fff;
  }

  .dropdown-link-5, .dropdown-link-6, .dropdown-link-7 {
    border-top: 1px dashed #000;
    border-bottom: 1px dashed #000;
  }

  .koda_gotouchi_mapframe {
    max-width: var(--_koda---max_width);
    width: 100%;
    height: 500px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-block-23 {
    font-family: Noto Sans JP, sans-serif;
    font-weight: 700;
  }

  .link-2 {
    background-color: #efefef;
  }

  .current_iki {
    background-color: #0000;
    width: 100%;
  }

  .div-block-38 {
    width: 100%;
  }

  /* YYY moce to style.css
.area_movie_index {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
}
*/
  .gotouchi_image {
    aspect-ratio: 3 / 2;
    object-fit: cover;
  }

  .area_main_gotouchi {
    color: var(--elements-webflow-library--neutral--100);
    padding-top: 20px;
    padding-bottom: 0;
  }

  /* YYY
.button_view_movie {
  box-sizing: border-box;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--_koda---bg_button);
  letter-spacing: 1px;
  column-count: auto;
  vertical-align: bottom;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  margin: 0 auto;
  padding: 6px 20px;
  font-family: Noto Sans JP, sans-serif;
  font-size: 12px;
  text-decoration: none;
  display: block;
  position: relative;
  inset: auto 0%;
}

.button_view_movie.button_view_all {
  display: block;
}
*/
  .button_view_all-copy {
    box-sizing: border-box;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--_koda---bg_button);
    letter-spacing: 1px;
    column-count: auto;
    vertical-align: bottom;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 130px;
    margin: 0 auto;
    padding: 6px 20px;
    font-family: Noto Sans JP, sans-serif;
    font-size: 12px;
    text-decoration: none;
    display: inline-flex;
    position: relative;
    inset: auto 0%;
  }

  .modal_movie1_popup_temp {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }

  .button_view_video11 {
    box-sizing: border-box;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--_koda---bg_button);
    letter-spacing: 1px;
    column-count: auto;
    vertical-align: bottom;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 130px;
    margin: 0 auto;
    padding: 6px 20px;
    font-family: Noto Sans JP, sans-serif;
    font-size: 12px;
    text-decoration: none;
    display: inline-flex;
    position: relative;
    inset: auto 0%;
  }

  .modal_movie2_popup_temp, .modal-movie-popup {
    display: none;
  }

  .modal-movie22-popup {
    display: block;
  }

  .modal-movie11-popup {
    display: none;
  }

  .modal-movie1-popup, .modal-movie2-popup {
    z-index: 99;
    background-color: var(--_koda---bg_popup);
    opacity: 1;
    border-radius: 0;
    width: 100vw;
    min-width: auto;
    display: none;
    position: fixed;
    inset: 0;
    overflow: auto;
  }

  .link-3 {
    background-color: #ff0;
  }

  .button_view_pdf, .button_view_url {
    box-sizing: border-box;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--_koda---bg_button);
    letter-spacing: 1px;
    column-count: auto;
    vertical-align: bottom;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 130px;
    margin: 0 auto;
    padding: 6px 20px;
    font-family: Noto Sans JP, sans-serif;
    font-size: 12px;
    text-decoration: none;
    display: inline-flex;
    position: relative;
    inset: auto 0%;
  }

  .link-4 {
    background-color: #0000;
  }

  .memo_gotouchi {
    float: left;
    border-bottom: 1px solid var(--_koda---bg_category);
    color: var(--icon_gotouchi\<deleted\|variable-d4c5c3b6-86fc-3e37-f7da-619ea07318d2\>);
    text-align: right;
    width: 50%;
    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 10px;
    padding-right: 20px;
    display: block;
  }

  .memo_photogallery {
    float: left;
    border-bottom: 1px solid var(--_koda---bg_category);
    color: var(--icon_photogallery);
    text-align: left;
    width: 50%;
    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 10px;
    padding-left: 20px;
    display: block;
  }

  .current_na {
    background-color: #cfcfcf;
    width: 100%;
  }

  .area_button_lr {
    box-sizing: border-box;
    object-fit: fill;
    background-color: #0000;
    border: 3px #320ffc;
    flex-flow: wrap;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: Noto Sans JP, sans-serif;
    display: flex;
    position: relative;
    inset: auto 0% 0%;
  }

  .cell_border-copy {
    border-top: 1px solid #000;
    border-bottom: 1px #000;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .current_iki2 {
    background-color: #0000;
    width: 100%;
  }

  .div-block-39 {
    aspect-ratio: auto;
    object-fit: fill;
  }

  .text-block-24 {
    text-align: left;
  }

  .wrapper_item_button {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border: 1px solid var(--_koda---line_title);
    background-color: var(--_koda---bg_detail_item);
    text-align: center;
    border-radius: 10px;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
    padding-left: 0;
    display: block;
    position: relative;
    overflow: clip;
  }

  .area_button_top {
    z-index: auto;
    box-sizing: border-box;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: fill;
    background-color: #0000;
    border: 3px #320ffc;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    align-items: center;
    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: Noto Sans JP, sans-serif;
    display: block;
    position: relative;
    inset: auto 0% 0%;
  }

  /*
.detail_song_live_button {
  clear: none;
  background-color: var(--_koda---bg_button);
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  flex-flow: column;
  width: 100%;
  max-width: 100%;
  margin-top: 6px;
  margin-bottom: 0;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
  display: block;
}
*/
  /*
.detail_song_live_button:hover {
  color: #fff;
  background-color: #32343a;
}

.detail_song_live_button:active {
  background-color: #43464d;
}
*/
  .koda_comment_title {
    color: var(--_koda---text_comment_title);
    text-align: left;
    text-underline-offset: 20%;
    width: auto;
    margin-top: 0;
    padding: 0;
    font-family: Noto Serif JP, serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-decoration: underline;
  }

  .div-block-40 {
    aspect-ratio: 1;
    max-width: 46%;
  }

  .slide {
    background-image: none;
  }

  .koda_tour_slide {
    aspect-ratio: 1;
    background-color: #0000;
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .slide-2 {
    background-image: none;
  }

  .slide-3 {
    background-image: none;
  }

  .slide-4 {
    background-image: none;
  }

  .slide-5 {
    background-image: none;
  }

  .slide-6 {
    background-image: none;
  }

  .slide-7 {
    background-image: none;
  }

  .slide-8 {
    background-image: none;
  }

  .slide-9 {
    background-image: none;
  }

  .slide-1 {
    background-image: none;
  }

  .div-block-41 {
    background-color: red;
  }

  .slider_navigation {
    color: #777;
    mix-blend-mode: normal;
    font-size: 12px;
    bottom: -40px;
  }

  .left-arrow-5 {
    mix-blend-mode: difference;
    flex-flow: row;
    justify-content: flex-start;
    align-items: stretch;
    height: auto;
    margin-top: 0;
    font-size: 30px;
    display: block;
    overflow: hidden;
  }

  .right-arrow-5 {
    mix-blend-mode: difference;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
    overflow: visible;
  }

  .container_main_image {
    aspect-ratio: auto;
    border: 1px solid var(--_koda---line_title);
    border-radius: 10px;
    width: 100%;
    /*overflow: hidden;*/
  }

  .koda_list_button {
    aspect-ratio: auto;
    display: block;
    overflow: visible;
  }

  .koda_txt_from {
    float: left;
    text-align: left;
    border: 1px #000;
    width: auto;
    padding: 2px 10px;
    font-family: Noto Sans JP, sans-serif;
    display: inline-block;
  }

  .detail_label_content_wauto {
    float: left;
    text-align: left;
    white-space: nowrap;
    word-break: normal;
    vertical-align: baseline;
    border: 1px #000;
    width: auto;
    padding: 2px 10px;
    font-family: Noto Sans JP, sans-serif;
    display: inline-block;
  }

  .koda_heading-_span {
    float: left;
    color: #fff;
    letter-spacing: 1px;
    justify-content: flex-start;
    align-items: center;
    max-width: 940px;
    margin: 0 auto 0 0;
    padding: 10px 0;
    font-family: Noto Serif JP, serif;
    font-size: 24px;
    line-height: 30px;
    display: flex;
  }

  .text-block-25 {
    color: #fff;
    -webkit-text-stroke-color: #333;
    background-color: #0000;
  }

  .koda_heading_span {
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
    margin-right: 20px;
  }

  .icon, .icon-2 {
    margin: auto;
    inset: 0%;
  }

  .list_song_preview_button {
    background-color: var(--_koda---bg_button);
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    width: 100%;
    margin-top: 6px;
    margin-bottom: 0;
    padding: 8px 25px;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s;
    position: static;
    inset: 188px auto auto 0%;
  }

  .list_song_preview_button:hover {
    color: #fff;
    background-color: #32343a;
  }

  .list_song_preview_button:active {
    background-color: #43464d;
  }

  .list_book_image {
    aspect-ratio: 1;
    border: 1px solid var(--_koda---border);
    vertical-align: baseline;
    object-fit: contain;
    background-color: #0000;
    border-radius: 10px;
    width: 100%;
    display: inline-block;
    position: static;
  }

  /* YYY
.detail_shop_button {
  background-color: var(--_koda---bg_button);
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  width: 48%;
  max-width: 48%;
  margin-top: 6px;
  margin-bottom: 0;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.detail_shop_button:hover {
  color: #fff;
  background-color: #32343a;
}

.detail_shop_button:active {
  background-color: #43464d;
}
*/
  .detail_movie_button {
    background-color: var(--_koda---bg_button);
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    width: 48%;
    max-width: 48%;
    margin-top: 6px;
    margin-bottom: 0;
    padding: 12px 25px;
    font-size: 12px;
    line-height: 20px;
    transition: all .2s;
  }

  .detail_movie_button:hover {
    color: #fff;
    background-color: #32343a;
  }

  .detail_movie_button:active {
    background-color: #43464d;
  }

  .mask-6 {
    border-radius: 10px;
  }

  .div-block-42 {
    background-color: var(--elements-webflow-library--accent--primary-1);
    width: 500px;
    height: 500px;
  }

  .memo_concert_info {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }

  .modal-movie3-hidden {
    display: block;
  }

  .div-block-44 {
    float: left;
    clear: none;
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 200px;
    height: 200px;
    display: block;
    position: relative;
  }

  .photo_thumb_common {
    box-sizing: border-box;
    float: left;
    aspect-ratio: 1;
    object-fit: none;
    border: 0 solid #fff;
    border-radius: 0;
    width: 16%;
    height: auto;
    margin-right: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .photo_thumb_common.slide-1 {
    float: none;
    aspect-ratio: 1;
    background-image: url('../images/encore0504_k_kumamoto_2b_179.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 10px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .photo_thumb_common.slide-2 {
    float: none;
    background-image: url('../images/encore0828_k_budokan_1c_363.jpeg');
    background-repeat: no-repeat;
    margin-right: 10px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .photo_thumb_common.slide-3 {
    float: none;
    background-image: url('../images/mock/encore0627_k_saitama_1a_139.jpeg');
    margin-right: 10px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .photo_thumb_common.slide-4 {
    float: none;
    background-image: url('../images/encore1018_k_hiroshima_1_351.jpeg');
    margin-right: 10px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .photo_thumb_common.slide-5 {
    float: none;
    background-image: url('../images/encore0729_k_saitama_1b_201.jpeg');
    background-position: 50%;
    background-size: cover;
    margin-right: 10px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .photo_thumb_common.slide-6 {
    float: none;
    background-image: url('../images/20161018_横K_2b_993_out-p-2600.jpeg');
    background-position: 50%;
    background-size: cover;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
  }

  .div-block-45 {
    margin-top: 220px;
  }

  .photo_slider_thumb {
    object-fit: none;
    background-color: #ddd0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 148px;
    margin-top: 0;
    margin-bottom: 10px;
    display: flex;
  }

  .info_slide {
    justify-content: flex-start;
    align-items: flex-end;
    margin-top: 0;
    display: block;
    position: relative;
    top: 940px;
  }

  .photo_slide_mask {
    padding-top: 0;
    position: relative;
    overflow: visible;
  }

  .photo_slider_main {
    aspect-ratio: 1;
    object-fit: fill;
    background-color: #000;
    width: 100%;
    height: auto;
    margin-top: 0;
    position: relative;
  }

  .mask-8 {
    object-fit: none;
    width: 100%;
    height: 148px;
  }

  .container_photo_meta {
    max-width: var(--_koda---max_width);
    aspect-ratio: auto;
    border-style: none;
    border-radius: 0;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    margin: 0 auto 20px;
    padding: 0;
    display: flex;
    position: relative;
    top: auto;
  }

  .div-block-46 {
    height: 160px;
  }

  .detail_label_info {
    color: var(--elements-webflow-library--neutral--800);
    text-align: left;
    letter-spacing: .05em;
    width: auto;
    padding-top: 0;
    padding-bottom: 2px;
    font-weight: 600;
    line-height: 24px;
  }

  .detail_label_content_popup {
    float: left;
    text-align: left;
    border: 1px #000;
    width: 100%;
    padding: 2px 10px;
    font-family: Noto Serif JP, serif;
    display: inline-block;
  }

  .artist_info {
    flex: 1;
    display: flex;
  }

  .container_general_slideshow {
    max-width: var(--_koda---max_width);
    aspect-ratio: auto;
    border-style: none;
    border-radius: 0;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    height: auto;
    margin: 0 auto 20px;
    padding: 0;
    display: flex;
    position: static;
  }

  .code-embed-11, .comment_line {
    display: none;
  }

  .slider_icon_r {
    margin: auto;
  }

  .slider_icon_l {
    margin-top: auto;
    margin-left: auto;
  }

  @media screen and (min-width: 1440px) {
    .container_general {
      max-width: var(--_koda---max_width);
    }

    .nav-dropdown-list.shadow-three.mobile-shadow-hide {
      border-right: 0px solid var(--_koda---bg_category);
      /* YYY */
      border-bottom: 1px solid var(--_koda---bg_category);
      border-left: 0px solid var(--_koda---bg_category);
      /* YYY */
    }

    .content-wrapper {
      max-width: 940px;
      margin-left: auto;
      margin-right: auto;
    }

    /* YYY separate footer
  .footer-light {
    padding-top: 20px;
    padding-bottom: 20px;
  }
*/
    .hero-heading-right-2 {
      background-color: var(--_koda---bg_pale);
    }

    .wrapper_detail_title_l {
      margin-top: 20px;
      margin-bottom: 20px;
    }

    .koda_section_general {
      max-width: var(--_koda---max_width);
      border-style: none;
      border-width: 0;
    }

    .team-member-image {
      width: 270px;
      height: 270px;
      max-height: none;
    }

    .quick-stack-2 {
      max-width: var(--_koda---max_width_1440);
    }

    .cell_center {
      border: 1px #000;
      display: block;
    }

    .div-block-2 {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      grid-template-rows: auto;
      grid-template-columns: 1fr .25fr 1fr;
      grid-auto-columns: 1fr;
      width: 100%;
      display: grid;
    }

    .db_performer_vocal {
      font-family: Open Sans, sans-serif;
      font-weight: 700;
    }

    .div-block-2-copy {
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      grid-template-rows: auto;
      grid-template-columns: 1fr .25fr 1fr;
      grid-auto-columns: 1fr;
      width: 100%;
      display: grid;
    }

    .wrapper_item {
      border-color: var(--_koda---bg_label);
    }

    .quick_stack_3columns {
      max-width: var(--_koda---max_width_1440);
      background-color: #0000;
      margin-top: 0;
      margin-bottom: 0;
    }

    .koda_paragraph {
      text-align: left;
      line-height: 22px;
    }

    .img_item_score {
      aspect-ratio: 1;
    }

    .button-news-more {
      letter-spacing: 1px;
    }

    .container_staff_diary_content.conainer_staff_diary_content_l {
      min-width: 36%;
      max-width: 36%;
    }

    .container_staff_diary_content.container_staff_diary_content_r {
      min-width: 56%;
      max-width: 56%;
    }

    .search {
      font-family: "M PLUS 1p", sans-serif;
    }

    .audio-preview {
      background-color: #c7c7c7;
    }

    .detail_song_phonogram {
      text-indent: 2px;
      font-size: 12px;
    }

    .detail_content_artist_name {
      font-family: Noto Serif JP, serif;
    }

    .detail_album_productnumber {
      text-align: center;
      width: 100%;
      padding-top: 2px;
      padding-bottom: 2px;
    }

    .detail_album_version_name {
      border-style: solid solid solid none;
      padding-top: 4px;
      padding-bottom: 4px;
    }

    .modal_content_fit {
      width: auto;
      margin-top: 20px;
      margin-bottom: 20px;
      padding: 0;
      position: relative;
    }

    .modal {
      width: 100%;
      max-width: 100%;
    }

    .modal-cmt1-popup {
      background-color: #0000004f;
      display: none;
    }

    .btn_pop_close {
      margin-top: 0;
      margin-right: 0;
    }

    .modal-rylics-popup {
      display: none;
      position: fixed;
    }

    .button-2 {
      z-index: 5;
      display: block;
      position: sticky;
    }

    .detail_song_release_album_name {
      aspect-ratio: 1;
      object-fit: contain;
    }

    /* YYY .item_album_name { */
    .item_title_name {
      margin-top: 10px;
      font-weight: 700;
    }

    .modal-cmt2-popup {
      display: none;
    }

    .text_item_popup_content_name {
      padding-left: 20px;
      padding-right: 20px;
    }

    .search-input {
      float: left;
      width: 80%;
      margin-right: 20px;
      position: relative;
    }

    .search-button {
      padding-left: 20px;
      padding-right: 20px;
    }

    .wrapper_popup_common {
      flex-flow: column;
      display: flex;
    }

    .div_title_r_title {
      border-top: 1px solid #333;
      border-bottom: 1px #333;
      width: 100%;
      margin-top: -1px;
      /* YYY 2 */
      margin-bottom: 0;
    }

    .wrapper_detail_title_r {
      margin-top: 20px;
    }

    .cell_center-copy {
      border: 1px #000;
    }

    .detail_meta_info {
      flex-flow: row;
      justify-content: flex-start;
      align-items: flex-start;
      display: flex;
    }

    .div-block-26 {
      flex-flow: column;
      align-items: flex-start;
      display: flex;
    }

    .detail_label_content {
      text-align: left;
      width: 100%;
      padding-top: 2px;
      padding-bottom: 2px;
    }

    /* YYY
  .performer_common_inst {
    font-family: Open Sans, sans-serif;
    font-weight: 700;
  }
*/
    .modal-search-popup {
      background-color: #0000004f;
      display: none;
    }

    .search-2 {
      width: 100%;
    }

    .text-block-17 {
      margin-top: 10px;
    }

    /* YYY separate footer
.footer-wrapper-three {
    color: var(--_koda---bg_white);
  }
*/
    /* YYY separate footer
.footer-link-three, .footer-copyright {
    color: var(--elements-webflow-library--neutral--100);
  }
*/
    .modal_content_fit-_fit {
      width: auto;
      margin-top: 20px;
      margin-bottom: 20px;
      padding: 0;
      position: relative;
    }

    .koda_paragraph_comment {
      text-align: left;
      line-height: 22px;
    }

    .wrapper_item-_bgimg {
      border-color: var(--_koda---border);
    }

    .detail_meta_photos {
      flex-flow: row;
      justify-content: flex-start;
      align-items: flex-start;
      display: flex;
    }

    .modal_content_fit-copy {
      width: auto;
      margin-top: 20px;
      margin-bottom: 20px;
      padding: 0;
      position: relative;
    }

    .modal-cmt1-popup-copy, .modal-movie-popup {
      background-color: #0000004f;
      display: none;
    }

    .code-embed-8 {
      max-width: var(--_koda---max_width);
    }

    .wrapper_item-_scroll {
      border-color: var(--_koda---border);
    }

    .detail_meta_info2-copy {
      flex-flow: row;
      justify-content: flex-start;
      align-items: flex-start;
      display: flex;
    }

    .koda_gotouchi_videoframe {
      max-width: var(--_koda---max_width);
    }

    .modal-movie-popup {
      display: none;
    }

    .modal-movie1-popup, .modal-movie2-popup {
      background-color: #0000004f;
      display: none;
    }

    .wrapper_item_button {
      border-color: var(--_koda---bg_label);
    }

    .koda_comment_title {
      text-align: left;
      line-height: 22px;
    }

    /* YYY
  .container_main_image {
    aspect-ratio: auto;
    width: 100%;
    overflow: hidden;
  } */
    .koda_txt_from, .detail_label_content_wauto {
      text-align: left;
      width: 100%;
      padding-top: 2px;
      padding-bottom: 2px;
    }

    .container_photo_meta {
      max-width: var(--_koda---max_width_1440);
    }

    .detail_label_info {
      text-align: left;
      line-height: 22px;
    }

    .detail_label_content_popup {
      text-align: left;
      width: 100%;
      padding-top: 2px;
      padding-bottom: 2px;
    }

    .container_general_slideshow {
      max-width: var(--_koda---max_width);
    }
  }

  @media screen and (max-width: 991px) {
    .container_general {
      aspect-ratio: auto;
      max-width: 728px;
      height: auto;
    }

    .nav-menu-wrapper {
      background-color: #0000;
    }

    .nav-menu-two {
      background-color: #fff;
      border-radius: 50px;
      flex-wrap: wrap;
      justify-content: space-around;
      align-items: center;
      margin-top: 10px;
      padding: 20px;
      display: flex;
      box-shadow: 0 8px 50px #0000000d;
    }

    .nav-link {
      padding-left: 5px;
      padding-right: 5px;
    }

    .nav-dropdown-list.shadow-three.w--open {
      position: absolute;
    }

    .menu-button {
      padding: 12px;
    }

    .menu-button.w--open {
      color: #fff;
      background-color: #a6b1bf;
    }

    .team-slide-wrapper {
      width: 47%;
      margin-right: 6%;
    }

    /* YYY separate footer
.footer-wrapper-two {
    flex-wrap: wrap;
  }
*/
    /* YYY separate footer
.footer-form {
    width: 100%;
    margin-top: 40px;
  }
*/
    /* YYY separate footer
.footer-form-container {
    max-width: 350px;
  }
*/
    .container-2 {
      max-width: 728px;
    }

    .testimonial-grid-two {
      grid-column-gap: 30px;
    }

    .testimonial-info-three {
      flex-direction: column;
    }

    .container-3 {
      max-width: 728px;
    }

    .nav-menu-wrapper-2 {
      background-color: #0000;
    }

    .nav-menu-two-2 {
      background-color: #fff;
      border-radius: 50px;
      flex-wrap: wrap;
      justify-content: space-around;
      align-items: center;
      margin-top: 10px;
      padding: 20px;
      display: flex;
      box-shadow: 0 8px 50px #0000000d;
    }

    .nav-link-2 {
      padding-left: 5px;
      padding-right: 5px;
    }

    .nav-dropdown-list-2.shadow-three.w--open {
      position: absolute;
    }

    .menu-button-2 {
      padding: 12px;
    }

    .menu-button-2.w--open {
      color: #fff;
      background-color: #a6b1bf;
    }

    /* YYY separate footer
.footer-content {
    grid-column-gap: 60px;
  }
*/
    .hero-wrapper {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      margin-bottom: -40px;
    }

    .hero-split {
      max-width: 100%;
      margin-bottom: 40px;
    }

    .container-4 {
      max-width: 728px;
    }

    .hero-wrapper-2 {
      flex-flow: row;
      justify-content: space-between;
      align-items: flex-start;
      margin-bottom: -40px;
      display: flex;
    }

    .wrapper_detail_title_l {
      max-width: 46%;
      margin-bottom: 40px;
    }

    .pricing-grid {
      grid-column-gap: 30px;
    }

    .button {
      letter-spacing: 2px;
      text-transform: uppercase;
      background-color: #000;
      padding: 12px 25px;
      font-size: 12px;
    }

    .koda_section_general {
      padding-left: 20px;
      padding-right: 20px;
    }

    .container-5 {
      max-width: 728px;
    }

    .team-grid {
      grid-column-gap: 40px;
    }

    .team-member-image {
      width: 190px;
      height: 190px;
    }

    .container-6 {
      max-width: 728px;
    }

    .hero-wrapper-3 {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      margin-bottom: -40px;
    }

    .hero-split-3 {
      max-width: 100%;
      margin-bottom: 40px;
    }

    .koda_paragraph {
      max-width: none;
    }

    .container_staff_diary {
      max-width: 728px;
    }

    .wrapper_staff_diary {
      flex-flow: row;
      justify-content: space-between;
      align-items: center;
      margin-bottom: -40px;
    }

    .container_staff_diary_content {
      width: 100%;
      max-width: 100%;
      margin-bottom: 40px;
    }

    .features-wrapper-two {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
    }

    .features-left {
      max-width: 100%;
      margin-bottom: 40px;
    }

    .features-right {
      max-width: 100%;
    }

    .container-8 {
      max-width: 728px;
    }

    .hero-wrapper-4 {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      margin-bottom: -40px;
    }

    .hero-split-4 {
      max-width: 100%;
      margin-bottom: 40px;
    }

    .clients-title {
      margin-bottom: 32px;
    }

    .container-9 {
      max-width: 728px;
    }

    .hero-wrapper-5 {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      margin-bottom: -40px;
    }

    .hero-split-5 {
      max-width: 100%;
      margin-bottom: 40px;
    }

    .container-10 {
      max-width: 728px;
    }

    .nav-menu-wrapper-3 {
      background-color: #0000;
    }

    .nav-menu-two-3 {
      background-color: #fff;
      border-radius: 50px;
      flex-wrap: wrap;
      justify-content: space-around;
      align-items: center;
      margin-top: 10px;
      padding: 20px;
      display: flex;
      box-shadow: 0 8px 50px #0000000d;
    }

    .nav-link-3 {
      padding-left: 5px;
      padding-right: 5px;
    }

    .nav-dropdown-list-3.shadow-three.w--open {
      position: absolute;
    }

    .menu-button-3 {
      padding: 12px;
    }

    .menu-button-3.w--open {
      color: #fff;
      background-color: #a6b1bf;
    }

    .container {
      max-width: 728px;
    }

    .hero-wrapper-6 {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      margin-bottom: -40px;
    }

    .hero-split-6 {
      max-width: 100%;
      margin-bottom: 40px;
    }

    .modal-cmt1-popup {
      background-color: var(--_koda---bg_popup);
      display: none;
    }

    .btn_pop_close {
      margin-top: 0;
      margin-right: 0;
      position: relative;
      top: -3rem;
      right: 0;
    }

    .modal-rylics-popup {
      background-color: var(--_koda---bg_popup);
      display: none;
      position: fixed;
      inset: 0;
    }

    .conainer_staff_diary_content_r {
      min-width: 0;
      max-width: 56%;
    }

    .modal-score-popup {
      display: none;
    }

    .modal_content {
      padding-top: 3em;
      padding-left: 3rem;
      padding-right: .5rem;
    }

    .modal-cmt2-popup {
      display: none;
    }

/* unused
    .image-3 {
      width: 360px;
    }
*/

    .search-input {
      float: left;
      width: 85%;
      margin-right: 10px;
      position: relative;
    }

    .wrapper_detail_title_r {
      flex: 0 auto;
      margin-bottom: 20px;
      display: block;
    }

    .container-11 {
      max-width: 728px;
    }

    .hero-wrapper-7 {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      margin-bottom: -40px;
    }

    .hero-split-7 {
      max-width: 100%;
      margin-bottom: 40px;
    }

/* unused
    .image-9 {
      width: 360px;
    }
*/

    .slider-2 {
      aspect-ratio: 1;
      width: 100%;
      height: auto;
    }

    .modal-search-popup {
      background-color: var(--_koda---bg_popup);
      display: none;
    }

    .search-input-2 {
      width: 60%;
      display: block;
    }

    /* YYY separate head_menu
  .container_general-_nosp {
    max-width: 728px;
  } */
  
  
    .wrapper_home_news {
      flex-flow: row;
      justify-content: space-between;
      align-items: center;
      margin-bottom: -40px;
    }

    .conainer_home_news_content_r {
      min-width: 0;
      max-width: 56%;
    }

    .container-12 {
      max-width: 728px;
    }

    .testimonial-slide {
      padding-left: 32px;
    }

    .testimonial-quote {
      overflow: visible;
    }

    /* YYY separate footer
  .container-13 {
    max-width: 728px;
  }

.footer-form-two {
    padding: 40px;
  }

.footer-form-title {
    margin-right: 15px;
  }

.footer-form-input {
    width: 400px;
    padding-right: 180px;
  }

.footer-wrapper-three {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

.footer-social-block-three {
    margin-top: 40px;
  }
*/
    .container-14 {
      max-width: 728px;
    }

    .pricing-wrapper {
      grid-template-columns: 1fr;
      justify-items: center;
    }

    .pricing-card {
      width: 350px;
    }

    .nav-menu-wrapper-4 {
      background-color: #0000;
    }

    .nav-menu {
      background-color: #fff;
      flex-wrap: wrap;
      justify-content: space-around;
      align-items: center;
      padding-left: 0;
      display: flex;
    }

    .nav-link-4 {
      padding-left: 5px;
      padding-right: 5px;
    }

    .nav-dropdown-list-4.shadow-three.w--open {
      position: absolute;
    }

    .nav-button-wrapper {
      width: 100%;
      margin-left: 0;
    }

    .menu-button-4 {
      padding: 12px;
    }

    .menu-button-4.w--open {
      color: #fff;
      background-color: #a6b1bf;
    }

    .modal-cmt1-popup-copy, .modal-movie-popup {
      background-color: var(--_koda---bg_popup);
      display: none;
    }

    .hero_detail_top {
      margin-bottom: 0;
    }

    .container_general-copy {
      aspect-ratio: auto;
      max-width: 728px;
      height: auto;
    }


    .koda_gotouchi_note {
      font-size: 14px;
      line-height: 20px;
    }

    .area_main_gotouchi {
      padding-top: 118px;
      padding-bottom: 118px;
    }

    .modal-movie1-popup, .modal-movie2-popup {
      background-color: var(--_koda---bg_popup);
      display: none;
    }

    .info_slide {
      top: 728px;
    }

    .container_photo_meta {
      aspect-ratio: auto;
      max-width: 728px;
      height: auto;
    }

    .detail_label_info {
      max-width: none;
    }

    .container_general_slideshow {
      aspect-ratio: auto;
      max-width: 728px;
      height: auto;
    }
  }

  @media screen and (max-width: 767px) {
    .navbar-logo-left-container {
      max-width: 100%;
    }

    .navbar-brand {
      padding-left: 0;
    }

    .nav-menu-two {
      border-radius: 20px;
      flex-direction: column;
      padding-bottom: 30px;
    }

    .nav-link {
      padding-top: 10px;
      padding-bottom: 10px;
      display: inline-block;
    }

    .nav-dropdown {
      flex-direction: column;
      align-items: center;
      display: flex;
    }

    .nav-dropdown-toggle {
      padding-top: 10px;
      padding-bottom: 10px;
    }

    .nav-dropdown-list.shadow-three {
      box-shadow: 0 8px 50px #0000000d;
    }

    .nav-dropdown-list.shadow-three.w--open {
      position: relative;
    }

    .nav-dropdown-list.shadow-three.mobile-shadow-hide {
      box-shadow: none;
    }

    .nav-divider {
      width: 200px;
      max-width: 100%;
      height: 1px;
      margin-top: 10px;
      margin-bottom: 10px;
    }

    .nav-link-accent {
      margin-right: 5px;
      padding-top: 10px;
      padding-bottom: 10px;
      display: inline-block;
    }

    .mobile-margin-top-10 {
      margin-top: 10px;
    }

    .button-primary {
      margin-left: auto;
      margin-right: auto;
    }

    .section-moment {
      padding: 60px 0;
    }

    .team-slider {
      padding: 60px 15px;
    }

    .text-news-title {
      letter-spacing: 1px;
      text-transform: none;
      column-count: auto;
      word-break: normal;
      font-size: 16px;
      font-style: normal;
    }

    /* YYY separate footer
  .footer-light {
    padding-left: 15px;
    padding-right: 15px;
  }
*/
    /* YYY separate footer
.footer-bottom_org {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
*/
    /* YYY separate footer
.footer-copyright_org {
    font-size: 14px;
    line-height: 20px;
  }
*/
    /* YYY separate footer
.footer-social-block-two {
    margin-top: 20px;
  }
*/
    /* YYY separate footer
.footer-social-link {
    margin-left: 20px;
  }
*/
    .testimonial-column-light {
      padding: 60px 15px;
    }

    .testimonial-grid-two {
      grid-template-columns: 1fr;
    }

    .testimonial-info-three {
      flex-direction: row;
    }

    .navbar-logo-left-container-2 {
      max-width: 100%;
    }

    .navbar-brand-2 {
      padding-left: 0;
    }

    .nav-menu-two-2 {
      border-radius: 20px;
      flex-direction: column;
      padding-bottom: 30px;
    }

    .nav-link-2 {
      padding-top: 10px;
      padding-bottom: 10px;
      display: inline-block;
    }

    .nav-dropdown-2 {
      flex-direction: column;
      align-items: center;
      display: flex;
    }

    .nav-dropdown-toggle-2 {
      padding-top: 10px;
      padding-bottom: 10px;
    }

    .nav-dropdown-list-2.shadow-three {
      box-shadow: 0 8px 50px #0000000d;
    }

    .nav-dropdown-list-2.shadow-three.w--open {
      position: relative;
    }

    .nav-dropdown-list-2.shadow-three.mobile-shadow-hide {
      box-shadow: none;
    }

    .nav-divider-2 {
      width: 200px;
      max-width: 100%;
      height: 1px;
      margin-top: 10px;
      margin-bottom: 10px;
    }

    .nav-link-accent-2 {
      margin-right: 5px;
      padding-top: 10px;
      padding-bottom: 10px;
      display: inline-block;
    }

    .mobile-margin-top-11 {
      margin-top: 10px;
    }

    /* YYY separate footer
.footer-dark {
    padding-left: 15px;
    padding-right: 15px;
  }
*/
    /* YYY separate footer
.footer-wrapper {
    flex-direction: column;
    align-items: center;
  }
*/
    /* YYY separate footer
.footer-content {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }
*/
    /* YYY separate footer
.footer-block {
    align-items: center;
  }
*/
    /* YYY separate footer
.footer-link:hover {
    color: #1a1b1fbf;
  }
*/
    /* YYY separate footer
.footer-social-block {
    margin-top: 20px;
    margin-left: -20px;
  }
*/
    /* YYY separate footer
.footer-social-link-2 {
    margin-left: 20px;
  }
*/
    /* YYY separate footer
.footer-divider {
    margin-top: 60px;
  }
*/
    .hero-heading-right, .hero-heading-right-2 {
      padding: 60px 15px;
    }

    /* YYY
  .detail_song_preview_button {
    width: 100%;
    max-width: 100%;
  }
*/
    .pricing-overview {
      padding: 60px 15px;
    }

    .button {
      letter-spacing: 2px;
      text-transform: uppercase;
      background-color: #000;
      padding-left: 25px;
      padding-right: 25px;
      font-size: 12px;
    }

    .koda_section_general {
      padding: 0 20px 20px;
    }

    .team-grid {
      grid-template-columns: 1fr 1fr;
    }

    .hero-heading-right-3, .hero-stack-2, .section_staff_diary {
      padding: 60px 15px;
    }

    .container_staff_diary {
      max-width: 728px;
    }

    .wrapper_staff_diary {
      flex-flow: column;
      width: 100%;
    }

    .container_staff_diary_content {
      width: 100%;
    }

    .features-list, .hero-heading-right-4, .logos-title-large {
      padding: 60px 15px;
    }

    .clients-wrapper {
      flex-wrap: wrap;
      justify-content: space-around;
      margin-bottom: -20px;
    }

    .clients-image {
      margin-bottom: 30px;
      margin-left: 20px;
      margin-right: 20px;
    }

    .koda_section {
      padding: 60px 15px;
    }

    .navbar-logo-left-container-3 {
      max-width: 100%;
    }

    .navbar-brand-3 {
      padding-left: 0;
    }

    .nav-menu-two-3 {
      border-radius: 20px;
      flex-direction: column;
      padding-bottom: 30px;
    }

    .nav-link-3 {
      padding-top: 10px;
      padding-bottom: 10px;
      display: inline-block;
    }

    .nav-dropdown-3 {
      flex-direction: column;
      align-items: center;
      display: flex;
    }

    .nav-dropdown-toggle-3 {
      padding-top: 10px;
      padding-bottom: 10px;
    }

    .nav-dropdown-list-3.shadow-three {
      box-shadow: 0 8px 50px #0000000d;
    }

    .nav-dropdown-list-3.shadow-three.w--open {
      position: relative;
    }

    .nav-dropdown-list-3.shadow-three.mobile-shadow-hide {
      box-shadow: none;
    }

    .nav-divider-3 {
      width: 200px;
      max-width: 100%;
      height: 1px;
      margin-top: 10px;
      margin-bottom: 10px;
    }

    .nav-link-accent-3 {
      margin-right: 5px;
      padding-top: 10px;
      padding-bottom: 10px;
      display: inline-block;
    }

    .mobile-margin-top-12 {
      margin-top: 10px;
    }

    .hero-heading-right-5 {
      padding: 60px 15px;
    }

    .modal_content_fit {
      max-width: 80%;
      padding: 0;
      display: block;
    }

    .modal-cmt1-popup {
      object-fit: contain;
      display: none;
    }

    .btn_pop_close {
      margin-top: 0;
      margin-right: 0;
      position: relative;
      top: -3rem;
      right: 0;
    }

    .modal-rylics-popup {
      display: none;
    }

    .code-embed-4 {
      padding-bottom: 20px;
      padding-left: 0;
      padding-right: 0;
    }

    .conainer_staff_diary_content_l {
      width: 100%;
      min-width: 100%;
      max-width: 36%;
    }

    .conainer_staff_diary_content_r {
      width: 100%;
      max-width: 100%;
    }

    .modal-cmt2-popup {
      display: none;
    }

/* unused
    .image-3 {
      width: 320px;
    }
*/

    .wrapper_popup_common {
      padding-left: 20px;
      padding-right: 20px;
    }

    .hero-heading-right-6 {
      padding: 60px 15px;
    }

    .left-arrow-2, .right-arrow-2 {
      display: flex;
    }

/* unused
    .image-9 {
      width: 320px;
    }
*/

    .modal-search-popup {
      object-fit: contain;
      display: none;
    }

    .search-input-2 {
      width: 50%;
    }

    .wrapper_home_news {
      flex-flow: column;
      width: 100%;
    }

    .conainer_home_news_content_l {
      width: 100%;
      min-width: 100%;
      max-width: 36%;
    }

    .conainer_home_news_content_r {
      width: 100%;
      max-width: 100%;
    }

    .db_home_moment_photo_info {
      z-index: 20;
      position: static;
    }

    .testimonial-slider-large {
      padding: 60px 15px;
    }

    .testimonial-slide {
      flex-direction: column;
      padding: 23px;
    }

    .testimonial-content {
      max-width: none;
      margin-bottom: 40px;
      margin-right: 0;
    }

    .testimonial-quote-icon {
      width: 50px;
      margin-bottom: 16px;
    }

    .testimonial-image-two {
      width: 100%;
      height: auto;
    }

    /* YYY separate footer
.footer-subscribe {
    padding-left: 15px;
    padding-right: 15px;
  }
*/
    /* YYY separate footer
.footer-form-container-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
*/
    /* YYY separate footer
.footer-form-title {
    margin-right: 0;
  }
*/
    /* YYY separate footer
.footer-form-block-two {
    width: 100%;
    margin-top: 20px;
  }
*/
    /* YYY separate footer
.footer-form-input {
    width: 100%;
  }
*/
    /* YYY separate footer
.footer-block-three {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
*/
    /* YYY separate footer
.footer-link-three {
    margin-bottom: 10px;
  }
*/
    /* YYY separate footer
.footer-social-block-three {
    margin-top: 10px;
  }
*/
    /* YYY separate footer
.footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
*/
    /* YYY separate footer
.footer-copyright {
    font-size: 14px;
    line-height: 20px;
  }
*/
    /* YYY separate footer
.footer-legal-block {
    margin-top: 15px;
    margin-left: -24px;
  }
*/
    /* YYY separate footer
.footer-legal-link {
    font-size: 14px;
    line-height: 20px;
  }
*/
    .modal_content_fit-_fit {
      max-width: 80%;
      padding: 0;
      display: block;
    }

    .pricing-comparison {
      padding: 60px 15px;
    }

    .pricing-wrapper {
      justify-items: stretch;
    }

    .pricing-card {
      width: auto;
    }

    .pricing-title {
      font-size: 34px;
      line-height: 42px;
    }


    .modal_content_fit-copy {
      max-width: 80%;
      padding: 0;
      display: block;
    }

    .db_home_moment_photo_info2 {
      z-index: 20;
      position: static;
    }

    .navbar-brand-4 {
      padding-left: 0;
    }

    .nav-menu {
      flex-direction: column;
      padding-bottom: 30px;
      padding-left: 0;
    }

    .nav-link-4 {
      padding-top: 10px;
      padding-bottom: 10px;
      display: inline-block;
    }

    .nav-dropdown-4 {
      flex-direction: column;
      align-items: center;
      display: flex;
    }

    .nav-dropdown-toggle-4 {
      padding-top: 10px;
      padding-bottom: 10px;
    }

    .nav-dropdown-list-4.shadow-three {
      box-shadow: 0 8px 50px #0000000d;
    }

    .nav-dropdown-list-4.shadow-three.w--open {
      position: relative;
    }

    .nav-dropdown-list-4.shadow-three.mobile-shadow-hide {
      box-shadow: none;
    }

    .mobile-margin-top-13 {
      margin-top: 10px;
    }

    .modal-cmt1-popup-copy, .modal-movie-popup {
      object-fit: contain;
      display: none;
    }

    .hero_detail_top {
      margin-bottom: 0;
    }


    .koda_gotouchi_note {
      font-size: 14px;
      line-height: 20px;
    }

    .area_main_gotouchi {
      padding-top: 100px;
      padding-bottom: 100px;
    }

    .modal-movie1-popup, .modal-movie2-popup {
      object-fit: contain;
      display: none;
    }

    .area_button_lr {
      flex-flow: column;
    }

    /* YYY
  .detail_song_live_button, .list_song_preview_button, .detail_shop_button, .detail_movie_button {
    width: 100%;
    max-width: 100%;
  }
*/
    .info_slide {
      top: 568px;
    }

    /* YYY max-width: 991px
    .koda-node-5columns{
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
    */
  }

  @media screen and (max-width: 479px) {
    .navbar-logo-left-container.shadow-three {
      padding-left: 10px;
      padding-right: 0;
    }

    .container_general {
      flex-flow: column;
      flex: 0 auto;
      justify-content: flex-start;
      align-items: stretch;
      max-width: none;
      padding-left: 20px;
      padding-right: 20px;
      display: flex;
    }

    .nav-menu-wrapper {
      z-index: auto;
      display: block;
    }

    .nav-menu-two {
      flex-direction: column;
    }

    .nav-dropdown-list.shadow-three.mobile-shadow-hide {
      border-radius: 0;
    }

    .nav-dropdown-link {
      text-align: center;
      text-decoration: none;
    }

    .section-moment {
      padding-top: 0;
      padding-left: 0;
      padding-right: 0;
    }

    .hero-wrapper-two {
      max-width: 100%;
    }

    .db_home_moment_photo_text {
      width: auto;
      margin: 100% 1rem 35%;
    }

    .centered-heading {
      margin-bottom: 24px;
    }

    .team-slide-wrapper {
      width: 100%;
      margin-right: 0%;
    }

    /* YYY separate footer
.footer-wrapper-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
*/
    /* YYY separate footer
.footer-block-two {
    margin-top: 40px;
  }
*/
    /* YYY separate footer
.footer-bottom_org {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
*/
    /* YYY separate footer
.footer-social-block-two {
    margin-top: 20px;
  }
*/
    .container-2 {
      max-width: none;
    }

    .centered-heading-2 {
      margin-bottom: 24px;
    }

    .container-3 {
      max-width: none;
    }

    .nav-menu-two-2 {
      flex-direction: column;
    }

    .container-4 {
      max-width: none;
    }

    .hero-wrapper-2 {
      flex-flow: column;
    }

    .wrapper_detail_title_l {
      aspect-ratio: 1;
      width: 100%;
      max-width: 100%;
    }

    .detail_album_main_image {
      aspect-ratio: 1;
      object-fit: cover;
      flex: 0 auto;
      overflow: clip;
    }

    /* YYY
  .detail_song_preview_button {
    flex-flow: row;
    justify-content: flex-end;
    align-items: flex-end;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
  }
*/
    .centered-heading-3 {
      margin-bottom: 24px;
    }

    .pricing-grid {
      grid-template-columns: 1fr;
    }

    .pricing-card-text {
      font-size: 16px;
    }

    .heading, .heading-2 {
      font-size: 14px;
    }

    .heading-4 {
      font-size: 32px;
    }

    .koda_section_general {
      flex-flow: column;
      padding: 0 0 20px;
      display: flex;
    }

    .container-5 {
      max-width: none;
    }

    .section_title {
      margin-bottom: 24px;
    }

    .team-grid {
      grid-template-columns: 1fr;
    }

    .wrapper_item {
      width: 100%;
    }

    .quick_stack_3columns {
      width: 100%;
      max-width: 100%;
    }

    .container-6 {
      max-width: none;
    }

    .margin-bottom-24px-4 {
      margin-bottom: -34px;
    }

    .koda_paragraph {
      text-align: left;
      width: 100%;
      max-width: 100%;
    }

    .koda_heading {
      flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start;
    }

    .container_staff_diary {
      max-width: none;
    }

    .wrapper_staff_diary {
      flex-flow: column;
      width: auto;
      padding-left: 15px;
      padding-right: 15px;
    }

    .container_staff_diary_content {
      width: 100%;
      min-width: 0;
    }

    .db_staff_diary_photo {
      min-width: 0;
    }

    .features-right {
      margin-bottom: -30px;
    }

    .features-block-two {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      margin-bottom: 30px;
    }

    .features-image {
      margin-bottom: 10px;
    }

    .container-8 {
      max-width: none;
    }

    .clients-image {
      margin-left: 10px;
      margin-right: 10px;
    }

    .koda_section {
      width: 100%;
      min-width: 0;
      max-width: none;
    }

    .container-9, .container-10 {
      max-width: none;
    }

    .nav-menu-two-3 {
      flex-direction: column;
    }

    .koda_section_2 {
      width: 100%;
    }

    .container {
      max-width: none;
    }

    .div-block-20 {
      width: 100%;
      max-width: 100%;
    }

    .modal_content_fit {
      max-width: 90%;
      margin-left: auto;
      margin-right: auto;
      padding: 0;
    }

    .modal {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
    }

    .modal-cmt1-popup {
      display: none;
      overflow: auto;
    }

    .btn_pop_close {
      text-align: center;
      border-radius: 0;
      margin-top: 0;
      margin-right: 0;
      padding-bottom: 10px;
      padding-left: 0;
      padding-right: 0;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
      font-size: 30px;
      font-weight: 100;
      text-decoration: none;
      top: -3rem;
      right: 0;
    }

    .modal-rylics-popup {
      display: none;
    }

    .code-embed-4 {
      margin-left: 0;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0;
      overflow: scroll;
    }

    .conainer_staff_diary_content_l {
      flex-flow: column;
      width: 100%;
      min-width: auto;
      max-width: 100%;
      display: block;
    }

    .conainer_staff_diary_content_r {
      flex-flow: column;
      min-width: auto;
      max-width: 100%;
      display: flex;
    }

    .modal-score-popup {
      display: none;
    }

    .modal_content {
      padding-left: .5rem;
    }

    .modal-cmt2-popup {
      display: none;
    }

    .left-arrow {
      width: 50px;
    }

/* unused
    .image-3 {
      width: 160px;
      display: none;
    }
*/

    .arrow {
      width: 15px;
    }

    .search-input {
      width: 100%;
    }

    .wrapper_popup_common {
      padding-left: 20px;
      padding-right: 20px;
    }

    .wrapper_detail_title_r {
      width: 100%;
      max-width: 100%;
    }

    .container-11 {
      max-width: none;
    }

    .div-block-30 {
      padding-left: 20px;
    }

    .left-arrow-2 {
      flex-flow: row;
      justify-content: center;
      align-items: center;
      width: 50px;
      height: 50px;
      display: flex;
    }

    .right-arrow-2 {
      width: 50px;
      height: 50px;
    }

/* unused
    .image-9 {
      width: 160px;
      display: none;
    }
*/

    .slider-2 {
      height: auto;
    }

    .modal-search-popup {
      display: none;
      overflow: auto;
    }

    /* YYY separate head_menu
  .container_general-_nosp {
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }
*/
    .wrapper_item_nosp {
      width: 100%;
    }


    .wrapper_home_news {
      flex-flow: column;
      width: auto;
      padding-left: 15px;
      padding-right: 15px;
    }

    .conainer_home_news_content_l {
      flex-flow: column;
      width: 100%;
      min-width: auto;
      max-width: 100%;
      display: block;
    }

    .conainer_home_news_content_r {
      flex-flow: column;
      min-width: auto;
      max-width: 100%;
      display: flex;
    }

    .db_home_news_photo {
      min-width: 0;
    }

    .db_home_moment_photo_info {
      width: auto;
      margin: 100% 1rem 35%;
    }

    .container-12 {
      max-width: none;
    }

    .testimonial-quote-icon {
      width: 30px;
    }

    .testimonial-quote {
      font-size: 22px;
      line-height: 30px;
    }

    .testimonial-author-image-three {
      margin-right: 16px;
    }

    .div-block-31 {
      text-align: center;
    }

    .koda_heading_title2 {
      clear: none;
      flex-flow: column;
      justify-content: flex-end;
      align-items: flex-start;
      padding-top: 0;
      position: static;
      inset: auto 0% 0%;
    }

    .koda_header_title {
      display: block;
    }

    /* YYY separate footer
  .container-13 {
    max-width: none;
  }

.footer-form-two {
    padding: 20px;
  }
*/
    /* YYY separate footer
.footer-form-block-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
*/
    /* YYY separate footer
.footer-form-input {
    margin-bottom: 10px;
    padding-right: 20px;
  }
*/
    .button-primary-10.footer-form-button {
      position: relative;
      right: 0;
    }

    /* YYY separate footer
.footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
*/
    .modal_content_fit-_fit {
      max-width: 90%;
      margin-left: auto;
      margin-right: auto;
      padding: 0;
    }

    .container-14 {
      max-width: none;
    }

    .koda_paragraph_comment {
      text-align: left;
    }

    .wrapper_item-_bgimg {
      width: 100%;
    }

/* unused
    .image-10 {
      margin-right: 10px;
    }
*/

    .detail_column_30 {
      float: none;
      width: 100%;
    }

    .koda_spacer_h_float {
      display: none;
    }

    .modal_content_fit-copy {
      max-width: 90%;
      margin-left: auto;
      margin-right: auto;
      padding: 0;
    }

    .mask-3 {
      aspect-ratio: 1;
    }

    .db_home_moment_photo_info2 {
      width: auto;
      margin: 100% 1rem 35%;
    }

    .nav-menu {
      flex-direction: column;
    }

    .nav-button-wrapper {
      width: auto;
    }

    .left-arrow-3, .left-arrow-4 {
      width: 50px;
    }

    .detail_common_main_image_jacket {
      aspect-ratio: 1;
      object-fit: contain;
      flex: 0 auto;
      overflow: clip;
    }

    .modal-cmt1-popup-copy, .modal-movie-popup {
      display: none;
      overflow: auto;
    }

    .hero_detail_top {
      margin-bottom: 0;
    }

    .wrapper_item-_scroll {
      width: 100%;
    }

    .container_general-copy {
      flex-flow: column;
      flex: 0 auto;
      justify-content: flex-start;
      align-items: stretch;
      max-width: none;
      padding-left: 20px;
      padding-right: 20px;
      display: flex;
    }

    .detail_common_main_image-copy {
      aspect-ratio: 1;
      object-fit: cover;
      flex: 0 auto;
      overflow: clip;
    }

    .detail_song_main_image {
      aspect-ratio: 1;
      /*object-fit: contain;YYY */
      object-fit: cover;
      flex: 0 auto;
      width: 100%;
      overflow: clip;
    }

    .koda_gotouchi_note {
      font-size: 14px;
      line-height: 20px;
    }

    .koda_gotouchi_image_main2 {
      aspect-ratio: 1;
      object-fit: cover;
      flex: 0 auto;
      overflow: clip;
    }

    .modal-movie1-popup, .modal-movie2-popup {
      display: none;
      overflow: auto;
    }

    .memo_gotouchi {
      text-align: left;
      border-bottom-style: none;
      width: 100%;
      margin-bottom: 0;
      padding-left: 20px;
    }

    .memo_photogallery {
      width: 100%;
      padding-top: 0;
    }

    .area_button_lr {
      flex-flow: column;
      justify-content: space-between;
      align-items: stretch;
      display: flex;
    }

    .wrapper_item_button {
      width: 100%;
    }

    /*
  .detail_song_live_button {
    flex-flow: row;
    justify-content: flex-end;
    align-items: flex-end;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
  }
*/
    .koda_comment_title {
      text-align: left;
    }

    .koda_heading-_span {
      flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start;
    }

    /* .list_song_preview_button, .detail_shop_button, .detail_movie_button { YYY */
    .detail_song_preview_button, .detail_shop_button, .detail_movie_button {
      flex-flow: row;
      justify-content: flex-end;
      align-items: flex-end;
      margin-left: 0;
      margin-right: 0;
      display: inline-block;
    }

    .info_slide {
      top: 320px;
    }

    .mask-8 {
      width: 100%;
    }

    .container_photo_meta {
      flex-flow: column;
      flex: 0 auto;
      justify-content: flex-start;
      align-items: stretch;
      max-width: none;
      padding-left: 20px;
      padding-right: 20px;
      display: flex;
    }

    .detail_label_info {
      text-align: left;
      width: 100%;
      max-width: 100%;
    }

    .container_general_slideshow {
      flex-flow: column;
      flex: 0 auto;
      justify-content: flex-start;
      align-items: stretch;
      max-width: none;
      padding-left: 20px;
      padding-right: 20px;
      display: flex;
    }

/*
    #stack.w-node-_398d900e-69b5-b8fe-e951-611ccf2a0690-183b49b7 {
      grid-template-rows: auto auto auto auto auto;
      grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr) minmax(200px, 1fr);*/

      /* YYY
#w-node-f5fbcde4-0e19-2d2d-5bbc-ab57d4987a40-183b49ce {
.koda-node-5columns {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

      #w-node-c6e0b209-8a6d-d60c-8932-e6cde2921c9a-183b49ce {
        grid-template-rows: auto auto auto auto auto auto auto;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
*/
        /* YYY
#koda-node-3columns {
.koda-node-3columns {
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr) minmax(200px, 1fr);
}

        #w-node-d5db6d56-ae5a-7089-b128-2d8584e4b9d4-183b4a4b {
          grid-template-rows: auto auto auto auto;
          grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr) minmax(200px, 1fr);
*/

          #w-node-_398d900e-69b5-b8fe-e951-611ccf2a0690-183b49b5, #w-node-_398d900e-69b5-b8fe-e951-611ccf2a0690-183b49b6, #stack.w-node-_398d900e-69b5-b8fe-e951-611ccf2a0690-183b49b7, #w-node-_398d900e-69b5-b8fe-e951-611ccf2a0690-183b49b8, #w-node-_45c12b3f-d310-caf4-055e-90481ab58714-183b49bc, #w-node-_398d900e-69b5-b8fe-e951-611ccf2a0690-183b49bc {
            grid-template-rows: auto auto auto;
            grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr);

            /* YYY max-width: 767px
    .koda-node-5columns{
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
    */
            /* YYY max-width: 767px
  #koda-node-3columns, #w-node-d5db6d56-ae5a-7089-b128-2d8584e4b9d4-183b4a4b {
.koda-node-3columns {
    grid-template-rows: auto auto auto;
    grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr);
  }

            #w-node-f5fbcde4-0e19-2d2d-5bbc-ab57d4987a40-183b4a4e {
              grid-template-rows: auto auto auto auto auto;
              grid-template-columns: 1fr 1fr 1fr 1fr;
            }
*/
            #w-node-_398d900e-69b5-b8fe-e951-611ccf2a0690-183b49b5, #w-node-_398d900e-69b5-b8fe-e951-611ccf2a0690-183b49b6, #stack.w-node-_398d900e-69b5-b8fe-e951-611ccf2a0690-183b49b7, #w-node-_398d900e-69b5-b8fe-e951-611ccf2a0690-183b49b8, #w-node-_45c12b3f-d310-caf4-055e-90481ab58714-183b49bc, #w-node-_398d900e-69b5-b8fe-e951-611ccf2a0690-183b49bc {
              grid-template-rows: auto auto auto;
              grid-template-columns: 1fr;
              display: grid;

              /* YYY max-width: 479px
   .koda-node-5columns {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }
   
              #w-node-_72d30069-a7a8-d3e5-a055-397170ebbaf5-183b4a27 {
                grid-template-rows: auto;
                grid-template-columns: 1fr 1fr 1fr;
 */
                /* YYY max-width: 479px
  #koda-node-3columns, #w-node-d5db6d56-ae5a-7089-b128-2d8584e4b9d4-183b4a4b {
.koda-node-3columns {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    display: grid;
  }
   
                #w-node-f5fbcde4-0e19-2d2d-5bbc-ab57d4987a40-183b4a4e {
                  grid-template-rows: auto auto auto auto auto;
                  grid-template-columns: 1fr 1fr;
                }
 */