@charset "UTF-8";
html {
  font-size: 62.5% !important;
}
html.video {
  border: none;
}

body {
  max-width: none;
  min-width: 0;
}

@media print, screen and (min-width: 768px) {
  .pjax-area {
    padding-top: 81px;
  }
}
@media print, screen and (max-width: 767px) {
  .pjax-area {
    padding-top: 46px;
  }
}
.pjax-area {
  font-size: 1.4rem;
}

.contents-wrapper[data-layout="1"] {
  max-width: initial;
  padding: 0;
}
.contents-wrapper[data-layout="1"] > div > div > div > div {
  padding: 0;
}
.contents-wrapper[data-layout="1"] main {
  padding: 0;
}

.footer-pagetop {
  display: none;
}

/**
 * LP用スタイル
 */
#lp-container {
  /* http://meyerweb.com/eric/tools/css/reset/
     v2.0 | 20110126
     License: none (public domain)
  */
  /* HTML5 display-role reset for older browsers */
  /**
   * メディアクエリ
   * @param {string} $mode - max または min
   * @param {number} $width - 設定値
   */
  /**
   * メディアクエリ PC
   * @param {number} [$width:$breakpoin] - 設定値
   */
  /**
   * メディアクエリ SP
   * @param {number} [$width:$breakpoin] - 設定値
   */
  /**
   * メディアクエリによるIE11ハック
   */
  /**
   * VW計算
   * @param {string} $property  - プロパティ
   * @param {number} $value - 基準となる値
   * @param {number} $basewidth - 基準となるウィンドウ幅
   * @param {number} [$maxwidth:0] - 拡大を停止するウィンドウ幅
   * @param {number} [$minwidth:0] - 縮小を停止するウィンドウ幅
   */
  /**
   * メディアクエリ
   * @param {string} $mode - max または min
   * @param {number} $width - 設定値
   */
  /**
   * メディアクエリ PC
   * @param {number} [$width:$breakpoin] - 設定値
   */
  /**
   * メディアクエリ SP
   * @param {number} [$width:$breakpoin] - 設定値
   */
  /**
   * メディアクエリによるIE11ハック
   */
  /**
   * VW計算
   * @param {string} $property  - プロパティ
   * @param {number} $value - 基準となる値
   * @param {number} $basewidth - 基準となるウィンドウ幅
   * @param {number} [$maxwidth:0] - 拡大を停止するウィンドウ幅
   * @param {number} [$minwidth:0] - 縮小を停止するウィンドウ幅
   */
  overflow: hidden;
  position: relative;
}
#lp-container html, #lp-container body, #lp-container div, #lp-container span, #lp-container applet, #lp-container object, #lp-container iframe,
#lp-container h1, #lp-container h2, #lp-container h3, #lp-container h4, #lp-container h5, #lp-container h6, #lp-container p, #lp-container blockquote, #lp-container pre,
#lp-container a, #lp-container abbr, #lp-container acronym, #lp-container address, #lp-container big, #lp-container cite, #lp-container code,
#lp-container del, #lp-container dfn, #lp-container em, #lp-container img, #lp-container ins, #lp-container kbd, #lp-container q, #lp-container s, #lp-container samp,
#lp-container small, #lp-container strike, #lp-container strong, #lp-container sub, #lp-container sup, #lp-container tt, #lp-container var,
#lp-container b, #lp-container u, #lp-container i, #lp-container center,
#lp-container dl, #lp-container dt, #lp-container dd, #lp-container ol, #lp-container ul, #lp-container li,
#lp-container fieldset, #lp-container form, #lp-container label, #lp-container legend,
#lp-container table, #lp-container caption, #lp-container tbody, #lp-container tfoot, #lp-container thead, #lp-container tr, #lp-container th, #lp-container td,
#lp-container article, #lp-container aside, #lp-container canvas, #lp-container details, #lp-container embed,
#lp-container figure, #lp-container figcaption, #lp-container footer, #lp-container header, #lp-container hgroup,
#lp-container menu, #lp-container nav, #lp-container output, #lp-container ruby, #lp-container section, #lp-container summary,
#lp-container time, #lp-container mark, #lp-container audio, #lp-container video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
#lp-container article, #lp-container aside, #lp-container details, #lp-container figcaption, #lp-container figure,
#lp-container footer, #lp-container header, #lp-container hgroup, #lp-container menu, #lp-container nav, #lp-container section {
  display: block;
}
#lp-container body {
  line-height: 1;
}
#lp-container ol, #lp-container ul {
  list-style: none;
}
#lp-container blockquote, #lp-container q {
  quotes: none;
}
#lp-container blockquote:before, #lp-container blockquote:after,
#lp-container q:before, #lp-container q:after {
  content: "";
  content: none;
}
#lp-container table {
  border-collapse: collapse;
  border-spacing: 0;
}
#lp-container input, #lp-container button, #lp-container textarea, #lp-container select, #lp-container option {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font: inherit;
}
#lp-container input::-ms-clear {
  display: none;
}
#lp-container input::-ms-reveal {
  display: none;
}
#lp-container body {
  min-width: 320px;
  color: #000;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#lp-container a {
  color: inherit;
  text-decoration: none;
}
#lp-container img {
  display: block;
  max-width: 100%;
}
#lp-container picture {
  display: block;
}
@media screen and (max-width: 767px) {
  #lp-container .pc {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .sp {
    display: none !important;
  }
}
#lp-container .sp-popular-a {
  display: none;
}
@media screen and (max-width: 767px) {
  #lp-container .sp-popular-a {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: auto;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #lp-container .sp-popular-a a {
    display: block;
    width: 85%;
    height: 100%;
  }
}
#lp-container picture {
  display: block;
}
#lp-container img {
  vertical-align: top;
  max-width: 100%;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  #lp-container .pc {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .pc {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .sp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .sp {
    display: block;
  }
}
#lp-container a {
  outline: none;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  #lp-container a.over {
    display: block;
    transition: opacity 0.4s ease;
  }
  #lp-container a.over:hover {
    opacity: 0.7;
  }
}
#lp-container a:focus {
  outline: none !important;
}
@media screen and (min-width: 768px) {
  #lp-container a {
    transition: opacity 0.3s ease;
  }
  #lp-container a:hover {
    opacity: 0.8;
  }
}
#lp-container a[href^=http]:empty::before {
  content: "" !important;
}

#lp-container {
  /* http://meyerweb.com/eric/tools/css/reset/
     v2.0 | 20110126
     License: none (public domain)
  */
  /* HTML5 display-role reset for older browsers */
  /**
   * メディアクエリ
   * @param {string} $mode - max または min
   * @param {number} $width - 設定値
   */
  /**
   * メディアクエリ PC
   * @param {number} [$width:$breakpoin] - 設定値
   */
  /**
   * メディアクエリ SP
   * @param {number} [$width:$breakpoin] - 設定値
   */
  /**
   * メディアクエリによるIE11ハック
   */
  /**
   * VW計算
   * @param {string} $property  - プロパティ
   * @param {number} $value - 基準となる値
   * @param {number} $basewidth - 基準となるウィンドウ幅
   * @param {number} [$maxwidth:0] - 拡大を停止するウィンドウ幅
   * @param {number} [$minwidth:0] - 縮小を停止するウィンドウ幅
   */
  /**
   * メディアクエリ
   * @param {string} $mode - max または min
   * @param {number} $width - 設定値
   */
  /**
   * メディアクエリ PC
   * @param {number} [$width:$breakpoin] - 設定値
   */
  /**
   * メディアクエリ SP
   * @param {number} [$width:$breakpoin] - 設定値
   */
  /**
   * メディアクエリによるIE11ハック
   */
  /**
   * VW計算
   * @param {string} $property  - プロパティ
   * @param {number} $value - 基準となる値
   * @param {number} $basewidth - 基準となるウィンドウ幅
   * @param {number} [$maxwidth:0] - 拡大を停止するウィンドウ幅
   * @param {number} [$minwidth:0] - 縮小を停止するウィンドウ幅
   */
  position: relative;
  overflow: hidden;
  font-family: "Noto Sans JP", sans-serif;
}
#lp-container html, #lp-container body, #lp-container div, #lp-container span, #lp-container applet, #lp-container object, #lp-container iframe,
#lp-container h1, #lp-container h2, #lp-container h3, #lp-container h4, #lp-container h5, #lp-container h6, #lp-container p, #lp-container blockquote, #lp-container pre,
#lp-container a, #lp-container abbr, #lp-container acronym, #lp-container address, #lp-container big, #lp-container cite, #lp-container code,
#lp-container del, #lp-container dfn, #lp-container em, #lp-container img, #lp-container ins, #lp-container kbd, #lp-container q, #lp-container s, #lp-container samp,
#lp-container small, #lp-container strike, #lp-container strong, #lp-container sub, #lp-container sup, #lp-container tt, #lp-container var,
#lp-container b, #lp-container u, #lp-container i, #lp-container center,
#lp-container dl, #lp-container dt, #lp-container dd, #lp-container ol, #lp-container ul, #lp-container li,
#lp-container fieldset, #lp-container form, #lp-container label, #lp-container legend,
#lp-container table, #lp-container caption, #lp-container tbody, #lp-container tfoot, #lp-container thead, #lp-container tr, #lp-container th, #lp-container td,
#lp-container article, #lp-container aside, #lp-container canvas, #lp-container details, #lp-container embed,
#lp-container figure, #lp-container figcaption, #lp-container footer, #lp-container header, #lp-container hgroup,
#lp-container menu, #lp-container nav, #lp-container output, #lp-container ruby, #lp-container section, #lp-container summary,
#lp-container time, #lp-container mark, #lp-container audio, #lp-container video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
#lp-container article, #lp-container aside, #lp-container details, #lp-container figcaption, #lp-container figure,
#lp-container footer, #lp-container header, #lp-container hgroup, #lp-container menu, #lp-container nav, #lp-container section {
  display: block;
}
#lp-container body {
  line-height: 1;
}
#lp-container ol, #lp-container ul {
  list-style: none;
}
#lp-container blockquote, #lp-container q {
  quotes: none;
}
#lp-container blockquote:before, #lp-container blockquote:after,
#lp-container q:before, #lp-container q:after {
  content: "";
  content: none;
}
#lp-container table {
  border-collapse: collapse;
  border-spacing: 0;
}
#lp-container input, #lp-container button, #lp-container textarea, #lp-container select, #lp-container option {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font: inherit;
}
#lp-container input::-ms-clear {
  display: none;
}
#lp-container input::-ms-reveal {
  display: none;
}
#lp-container body {
  min-width: 320px;
  color: #000;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#lp-container a {
  color: inherit;
  text-decoration: none;
}
#lp-container img {
  display: block;
  max-width: 100%;
}
#lp-container picture {
  display: block;
}
@media screen and (max-width: 767px) {
  #lp-container .pc {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .sp {
    display: none !important;
  }
}
#lp-container .clearfix::after {
  content: "";
  display: block;
  clear: both;
}
#lp-container picture {
  display: block;
}
#lp-container img {
  vertical-align: top;
  max-width: 100%;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #lp-container .pc {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .pc {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #lp-container .sp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .sp {
    display: block;
  }
}
#lp-container img {
  width: 100%;
  height: auto;
}
#lp-container .outOfWindow {
  max-width: 1480px;
}
#lp-container a {
  text-decoration: none;
}
#lp-container .yellow {
  color: #C8960A;
}
#lp-container .brown {
  color: brown;
}
#lp-container .fv {
  width: 100%;
  height: auto;
  position: relative;
  opacity: 0;
  transition: ease 0.5s;
}
#lp-container .fv.open {
  opacity: 1;
  transition: ease 0.5s;
}
#lp-container .fv .fv-img {
  width: 100%;
}
#lp-container .fv .fv-copy {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(115%);
  opacity: 0;
}
@media screen and (max-width: 767px) {
  #lp-container .fv .fv-copy {
    display: none;
  }
}
#lp-container .fv .fv-copy.open {
  transition: ease 0.5s;
  transform: translate(-50%, -50%) scale(100%);
  width: 41.5vw;
  opacity: 1;
}
#lp-container .fv .site-logo {
  width: 5.3571428571vw;
  position: absolute;
  top: 5%;
  left: 2.5%;
}
@media screen and (min-width: 1400px) {
  #lp-container .fv .site-logo {
    width: 75px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .fv .site-logo {
    display: none;
  }
}
#lp-container .chisannabe__banner--wrapper {
  margin-top: 30px;
  margin-bottom: 30px;
}
#lp-container .main {
  width: 100%;
}
#lp-container .main .read-container {
  width: 100%;
  position: relative;
}
#lp-container .main .read-container .read-img {
  width: 69.2857142857vw;
  padding-top: 17.8571428571vw;
  padding-bottom: 17.8571428571vw;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  transform: translateY(5%);
}
@media screen and (min-width: 1400px) {
  #lp-container .main .read-container .read-img {
    width: 970px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .read-container .read-img {
    padding-top: 250px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .read-container .read-img {
    padding-bottom: 250px;
  }
}
#lp-container .main .read-container .read-img.show {
  opacity: 1;
  transform: translate(0);
  transition: ease 1s;
}
@media screen and (max-width: 767px) {
  #lp-container .main .read-container .read-img {
    padding-top: 28.6666666667vw;
    padding-bottom: 26.6666666667vw;
    width: 89.3333333333vw;
  }
}
#lp-container .main .read-container .outOfWindow .read-out {
  width: 100%;
  height: 105px;
  background-image: url(../img/read-out.png);
  background-repeat: repeat;
  background-position: center;
  background-size: 1480px;
}
@media screen and (max-width: 767px) {
  #lp-container .main .read-container .outOfWindow .read-out {
    background: unset;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main .read-container .outOfWindow .read-out {
    width: 100%;
  }
}
#lp-container .main .read-container .outOfWindow .read-out.top {
  top: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 2.1428571429vw;
}
@media screen and (min-width: 1400px) {
  #lp-container .main .read-container .outOfWindow .read-out.top {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main .read-container .outOfWindow .read-out.top {
    margin-top: 4.9333333333vw;
    height: 14.1333333333vw;
  }
}
#lp-container .main .read-container .outOfWindow .read-out.bottom {
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 2.1428571429vw;
}
@media screen and (min-width: 1400px) {
  #lp-container .main .read-container .outOfWindow .read-out.bottom {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main .read-container .outOfWindow .read-out.bottom {
    height: 14.1333333333vw;
    margin-bottom: 6.2666666667vw;
  }
}
#lp-container .main .menu-nav {
  max-width: 1400px;
  margin: 0 auto;
}
#lp-container .main .menu-nav .menu-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 0.3571428571vw;
  -moz-column-gap: 0.3571428571vw;
  column-gap: 0.3571428571vw;
}
@media screen and (min-width: 1400px) {
  #lp-container .main .menu-nav .menu-list {
    row-gap: 5px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .menu-nav .menu-list {
    -moz-column-gap: 5px;
    column-gap: 5px;
  }
}
#lp-container .main .menu-nav .menu-list .menu-item {
  width: 19.2857142857vw;
  overflow: hidden;
  position: relative;
  opacity: 0;
}
@media screen and (min-width: 1400px) {
  #lp-container .main .menu-nav .menu-list .menu-item {
    width: 270px;
  }
}
#lp-container .main .menu-nav .menu-list .menu-item a {
  pointer-events: auto;
}
#lp-container .main .menu-nav .menu-list .menu-item.show {
  opacity: 1;
  transition: 0.5s;
}
#lp-container .main .menu-nav .menu-list .menu-item:nth-child(1) {
  transition-delay: 0.2s;
}
#lp-container .main .menu-nav .menu-list .menu-item:nth-child(2) {
  transition-delay: 0.4s;
}
#lp-container .main .menu-nav .menu-list .menu-item:nth-child(3) {
  transition-delay: 0.6s;
}
#lp-container .main .menu-nav .menu-list .menu-item:nth-child(4) {
  transition-delay: 0.8s;
}
#lp-container .main .menu-nav .menu-list .menu-item:nth-child(5) {
  transition-delay: 1s;
}
#lp-container .main .menu-nav .menu-list .menu-item:nth-child(6) {
  transition-delay: 1.2s;
}
#lp-container .main .menu-nav .menu-list .menu-item:nth-child(7) {
  transition-delay: 1.4s;
}
#lp-container .main .menu-nav .menu-list .menu-item:nth-child(8) {
  transition-delay: 1.6s;
}
#lp-container .main .menu-nav .menu-list .menu-item:nth-child(9) {
  transition-delay: 1.8s;
}
#lp-container .main .menu-nav .menu-list .menu-item:nth-child(10) {
  transition-delay: 2s;
}
@media screen and (max-width: 767px) {
  #lp-container .main .menu-nav .menu-list .menu-item {
    width: 48.4vw;
  }
}
#lp-container .main .menu-nav .menu-list .menu-item:hover {
  opacity: 0.8;
  transition: 0.5s;
}
#lp-container .main .menu-nav .menu-list .menu-item:hover a img {
  transform: scale(100%);
  transition: ease 0.5s;
}
#lp-container .main .menu-nav .menu-list .menu-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: ease 0.5s;
}
#lp-container .main .menu-nav .menu-list .menu-item a img {
  transform: scale(102%);
  width: 100%;
  height: auto;
  transition: ease 0.5s;
}
@media screen and (max-width: 767px) {
  #lp-container .main .menu-nav .menu-list .menu-item a img {
    transform: scale(100%);
  }
}
#lp-container .main .top-btn {
  position: fixed;
  right: 2.1428571429vw;
  bottom: 2.1428571429vw;
  width: 5.7142857143vw;
  z-index: 10;
  opacity: 0;
  transition: 0.3s ease;
}
@media screen and (min-width: 1400px) {
  #lp-container .main .top-btn {
    right: 30px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .top-btn {
    bottom: 30px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .top-btn {
    width: 80px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main .top-btn {
    width: 12.5vw;
    right: 3.125vw;
    bottom: 12.5vw;
  }
}
#lp-container .main .top-btn.is-show {
  opacity: 1;
}
#lp-container .main .section-wrapper {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
#lp-container .main .section-wrapper .section-inner {
  position: relative;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .collaboration-container {
    position: relative;
  }
}
#lp-container .main .section-wrapper .section-inner .collaboration-container .collaboration-title {
  opacity: 0;
  transform: translateY(5%) translateX(0%);
  width: 78.5714285714vw;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .collaboration-container .collaboration-title {
    width: 1100px;
  }
}
#lp-container .main .section-wrapper .section-inner .collaboration-container .collaboration-title.show {
  opacity: 1;
  transform: translateY(0) translateX(0%);
  transition: ease 1s;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .collaboration-container .collaboration-title {
    width: 120.9333333333vw;
    position: absolute;
    top: 0;
    left: 51%;
    transform: translateX(-50%);
  }
  #lp-container .main .section-wrapper .section-inner .collaboration-container .collaboration-title.show {
    opacity: 1;
    transform: translateY(0) translateX(-50%);
    transition: ease 1s;
  }
}
#lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list {
  display: flex;
  justify-content: center;
  row-gap: 0.2857142857vw;
  -moz-column-gap: 0.2857142857vw;
  column-gap: 0.2857142857vw;
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list {
    row-gap: 4px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list {
    -moz-column-gap: 4px;
    column-gap: 4px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list {
    flex-wrap: wrap;
    padding-top: 34.9333333333vw;
    gap: 0;
  }
}
#lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list .collabo-item {
  width: 50vw;
  height: 39vw;
  opacity: 0;
  transform: translateY(5%);
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list .collabo-item {
    width: 700px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list .collabo-item {
    height: 546px;
  }
}
#lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list .collabo-item:hover .detail-btn .none-hover {
  opacity: 0;
}
#lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list .collabo-item:hover .detail-btn .btn-hover {
  opacity: 1;
}
#lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list .collabo-item:nth-child(1) {
  transition-delay: 0.3s !important;
}
#lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list .collabo-item:nth-child(2) {
  transition-delay: 0.6s !important;
}
#lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list .collabo-item:nth-child(3) {
  transition-delay: 0.9s !important;
}
#lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list .collabo-item.show {
  opacity: 1;
  transform: translate(0);
  transition: ease 1s;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list .collabo-item {
    width: 100%;
    height: 65.8666666667vw;
  }
  #lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list .collabo-item img {
    width: 100%;
    height: auto;
  }
}
#lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list .collabo-item .detail-btn {
  width: 100%;
  margin-bottom: 1.8571428571vw;
  height: 6.6428571429vw;
  position: relative;
  transform: translateY(-100%) translateX(50%);
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list .collabo-item .detail-btn {
    margin-bottom: 26px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list .collabo-item .detail-btn {
    height: 93px;
  }
}
#lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list .collabo-item .detail-btn .btn-hover {
  width: 35.7142857143vw;
  bottom: 50%;
  left: 50%;
  opacity: 0;
  transform: translateX(-50%) translateY(-50%);
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list .collabo-item .detail-btn .btn-hover {
    width: 500px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list .collabo-item .detail-btn .btn-hover {
    width: 100%;
  }
}
#lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list .collabo-item .detail-btn .none-hover {
  width: 35.7142857143vw;
  bottom: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(50%);
  opacity: 1;
  z-index: 1;
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list .collabo-item .detail-btn .none-hover {
    width: 500px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list .collabo-item .detail-btn .none-hover {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list .collabo-item .detail-btn {
    transform: translateX(210%) translateY(-260%);
    width: 36.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list .collabo-item .detail-btn.yuri {
    transform: translateX(65%) translateY(-260%);
  }
}
#lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list .collabo-item .detail-btn.hover {
  opacity: 0;
}
#lp-container .main .section-wrapper .section-inner .collaboration-container .collabo-list .collabo-item .detail-btn.hover:hover {
  opacity: 1;
  transition: ease 0.5s;
}
#lp-container .main .section-wrapper.wood {
  background: url(../img/wood-bg.png);
  background-repeat: repeat;
  max-width: unset;
}
#lp-container .main .section-wrapper .section-inner .recipe-container {
  position: relative;
  width: 71.4285714286vw;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3.2142857143vw;
  padding-bottom: 3.2142857143vw;
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container {
    width: 1000px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container {
    padding-top: 45px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container {
    padding-bottom: 45px;
  }
}
#lp-container .main .section-wrapper .section-inner .recipe-container::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
}
#lp-container .main .section-wrapper .section-inner .recipe-container.teiban:after {
  border-bottom: 1px solid #97685A;
  width: 100vw;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container.teiban:after {
    width: 100%;
  }
}
#lp-container .main .section-wrapper .section-inner .recipe-container.nabe:after {
  border-bottom: 1px solid #97685A;
  width: 71.4285714286vw;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container.nabe:after {
    width: 88vw;
  }
}
#lp-container .main .section-wrapper .section-inner .recipe-container.Exnabe:after {
  border-bottom: 1px solid #C8960A;
  width: 100vw;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container.Exnabe:after {
    width: 100%;
  }
}
#lp-container .main .section-wrapper .section-inner .recipe-container.men:after {
  border-bottom: 1px solid #A0C80A;
  width: 100vw;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container.men:after {
    width: 100%;
  }
}
#lp-container .main .section-wrapper .section-inner .recipe-container.soup:after {
  border-bottom: 1px solid #03AF7A;
  width: 100vw;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container.soup:after {
    width: 100%;
  }
}
#lp-container .main .section-wrapper .section-inner .recipe-container.itame:after {
  border-bottom: 1px solid #70B6C9;
  width: 100vw;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container.itame:after {
    width: 100%;
  }
}
#lp-container .main .section-wrapper .section-inner .recipe-container.dashibata:after {
  border-bottom: 1px solid #CC4E81;
  width: 100vw;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container.dashibata:after {
    width: 100%;
  }
}
#lp-container .main .section-wrapper .section-inner .recipe-container.gohan:after {
  border-bottom: 1px solid #A76CB8;
  width: 100vw;
}
#lp-container .main .section-wrapper .section-inner .recipe-container.stumami:after {
  border-bottom: 1px solid #0072BD;
  width: 100vw;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container.stumami:after {
    width: 100%;
  }
}
#lp-container .main .section-wrapper .section-inner .recipe-container.kaitou:after {
  border-bottom: 1px solid #BF2222;
  width: 100vw;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container.kaitou:after {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container {
    width: 100%;
    padding-top: 0;
    padding-bottom: 8.8vw;
  }
}
#lp-container .main .section-wrapper .section-inner .recipe-container .recipe-title-container {
  align-items: center;
  display: flex;
  opacity: 0;
  transform: translateY(5%);
}
#lp-container .main .section-wrapper .section-inner .recipe-container .recipe-title-container.show {
  opacity: 1;
  transform: translate(0);
  transition: ease 1s;
}
#lp-container .main .section-wrapper .section-inner .recipe-container .recipe-title-container .box {
  background-color: #F08300;
  width: 0.7142857143vw;
  height: 2.8571428571vw;
  margin-right: 0.7142857143vw;
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-title-container .box {
    width: 10px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-title-container .box {
    height: 40px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-title-container .box {
    margin-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-title-container .box {
    width: 2.9333333333vw;
    height: 23.6vw;
    margin-right: 2.6666666667vw;
  }
}
#lp-container .main .section-wrapper .section-inner .recipe-container .recipe-title-container .box.brown {
  background-color: #97685A;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-title-container .box.brown.Ex {
    display: none;
  }
}
#lp-container .main .section-wrapper .section-inner .recipe-container .recipe-title-container .box.yellow {
  background-color: #C8960A;
}
#lp-container .main .section-wrapper .section-inner .recipe-container .recipe-title-container .box.yellow-green {
  background-color: #A0C80A;
}
#lp-container .main .section-wrapper .section-inner .recipe-container .recipe-title-container .box.green {
  background-color: #03AF7A;
}
#lp-container .main .section-wrapper .section-inner .recipe-container .recipe-title-container .box.white-blue {
  background-color: #70B6C9;
}
#lp-container .main .section-wrapper .section-inner .recipe-container .recipe-title-container .box.pink {
  background-color: #CC4E81;
}
#lp-container .main .section-wrapper .section-inner .recipe-container .recipe-title-container .box.murasaki {
  background-color: #A76CB8;
}
#lp-container .main .section-wrapper .section-inner .recipe-container .recipe-title-container .box.blue {
  background-color: #0072BD;
}
#lp-container .main .section-wrapper .section-inner .recipe-container .recipe-title-container .box.red {
  background-color: #BF2222;
}
#lp-container .main .section-wrapper .section-inner .recipe-container .recipe-title-container .recipe-title {
  color: white;
  font-weight: bold;
  font-size: 2vw;
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-title-container .recipe-title {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-title-container .recipe-title {
    font-size: 5.7333333333vw;
  }
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-title-container .recipe-title.Ex {
    margin-left: 5.3333333333vw;
    padding-top: 5.3333333333vw;
    padding-bottom: 5.3333333333vw;
  }
}
#lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list {
  display: flex;
  margin-top: 2.5vw;
  row-gap: 1.4285714286vw;
  -moz-column-gap: 1.4285714286vw;
  column-gap: 1.4285714286vw;
  opacity: 0;
  transform: translateY(5%);
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list {
    margin-top: 35px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list {
    row-gap: 20px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
}
#lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list.show {
  opacity: 1;
  transform: translate(0);
  transition: ease 1s;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 4.6666666667vw;
    margin-top: 0;
    row-gap: 1.3333333333vw;
    -moz-column-gap: 1.3333333333vw;
    column-gap: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list #Ex {
    width: 49%;
  }
}
#lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item {
  position: relative;
  width: 22.8571428571vw;
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item {
    width: 320px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item:nth-child(1) {
    width: 100%;
  }
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item:nth-child(2) {
    width: 49.2%;
  }
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item:nth-child(3) {
    width: 49.2%;
  }
}
#lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item:hover .beforeHover {
  opacity: 0;
  transition: ease 0.5s;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item:hover .beforeHover {
    opacity: 1;
  }
}
#lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item:hover .afterHover {
  opacity: 1;
  transition: 0.5s;
}
#lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item a {
  display: block;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item .recipe-detail {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: 5.3333333333vw;
    margin-bottom: 2.2666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item .recipe-detail .recipe-item-title {
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item .recipe-detail .recipe-btn {
    width: 28.8vw;
    margin-left: unset;
  }
}
#lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item .recipe-item-title {
  color: white;
  font-weight: bold;
  text-align: center;
  margin-top: 2.8571428571vw;
  font-size: 1.4285714286vw;
  height: 3.5714285714vw;
  padding-bottom: 7.1428571429vw;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item .recipe-item-title {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item .recipe-item-title {
    font-size: 20px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item .recipe-item-title {
    height: 50px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item .recipe-item-title {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item .recipe-item-title {
    padding-bottom: 6.6666666667vw;
    margin-top: 6.6666666667vw;
    font-size: 3.2vw;
    height: 8vw;
    vertical-align: middle;
    white-space: nowrap;
  }
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item .recipe-item-title.first {
    padding-bottom: 1.3333333333vw;
  }
}
#lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item .recipe-btn {
  margin-top: 1.0714285714vw;
  width: 17.1428571429vw;
  height: 4.2857142857vw;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item .recipe-btn {
    margin-top: 15px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item .recipe-btn {
    width: 240px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item .recipe-btn {
    height: 60px;
  }
}
#lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item .recipe-btn .beforeHover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item .recipe-btn .afterHover {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item .recipe-btn {
    transform: translateX(0);
    width: 32vw;
    height: 6.9333333333vw;
    position: static;
  }
}
#lp-container .main .section-wrapper .section-inner .recipe-container .recipe-list .recipe-item .recipe-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: white;
  z-index: 1;
  width: 100%;
  height: 87%;
  opacity: 0;
  visibility: hidden;
  border-radius: 50px;
}
#lp-container .main .section-wrapper .section-inner .recipe-container .popular-btn-wrapper {
  position: relative;
  display: block;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .popular-btn-wrapper {
    display: block;
    margin-left: auto;
    margin-right: auto;
    pointer-events: auto;
  }
}
#lp-container .main .section-wrapper .section-inner .recipe-container .popular-btn {
  margin-top: 2.8571428571vw;
  width: 37.1428571429vw;
  height: 4.6428571429vw;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  border-radius: 50px;
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .popular-btn {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .popular-btn {
    width: 520px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .popular-btn {
    height: 65px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .popular-btn {
    margin-top: 8vw;
    width: 88vw;
    height: 11.0666666667vw;
    pointer-events: none;
  }
}
#lp-container .main .section-wrapper .section-inner .recipe-container .popular-btn:hover {
  background-color: #470001;
  transition: ease 0.5s;
  border-bottom: 0px;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .popular-btn:hover {
    background-color: white;
  }
}
#lp-container .main .section-wrapper .section-inner .recipe-container .popular-btn:hover a {
  text-decoration: none;
}
#lp-container .main .section-wrapper .section-inner .recipe-container .popular-btn:hover a p {
  transition: ease 0.5s;
  color: white !important;
}
#lp-container .main .section-wrapper .section-inner .recipe-container .popular-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
#lp-container .main .section-wrapper .section-inner .recipe-container .popular-btn a p {
  color: #F08300;
  font-size: 2vw;
  transform: translateY(-5%);
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .popular-btn a p {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .popular-btn a p {
    font-size: 4vw;
    font-weight: bold;
  }
}
#lp-container .main .section-wrapper .section-inner .recipe-container .popular-btn a p.yellow {
  color: #C8960A;
}
#lp-container .main .section-wrapper .section-inner .recipe-container .popular-btn a p.brown {
  color: #97685A;
}
#lp-container .main .section-wrapper .section-inner .recipe-container .popular-btn a p.yellow-green {
  color: #A0C80A;
}
#lp-container .main .section-wrapper .section-inner .recipe-container .popular-btn a p.green {
  color: #03AF7A;
}
#lp-container .main .section-wrapper .section-inner .recipe-container .popular-btn a p.white-blue {
  color: #70B6C9;
}
#lp-container .main .section-wrapper .section-inner .recipe-container .popular-btn a p.pink {
  color: #CC4E81;
}
#lp-container .main .section-wrapper .section-inner .recipe-container .popular-btn a p.murasaki {
  color: #A76CB8;
}
#lp-container .main .section-wrapper .section-inner .recipe-container .popular-btn a p.blue {
  color: #0072BD;
}
#lp-container .main .section-wrapper .section-inner .recipe-container .popular-btn a p.red {
  color: #BF2222;
}
#lp-container .main .section-wrapper .section-inner .recipe-container .banner-wrapper {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .banner-wrapper {
    width: 53.5714285714vw;
    padding-top: 2.8571428571vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .banner-wrapper {
    width: 750px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .banner-wrapper {
    padding-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .recipe-container .banner-wrapper {
    width: 100%;
    padding-top: 5.3333333333vw;
    padding-left: 6vw;
    padding-right: 6vw;
  }
}
#lp-container .main .section-wrapper .section-inner .bottle-container {
  position: relative;
}
@media screen and (min-width: 768px) {
  #lp-container .main .section-wrapper .section-inner .bottle-container {
    padding-top: 7.3571428571vw;
    padding-bottom: 5.1428571429vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .bottle-container {
    padding-top: 103px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .bottle-container {
    padding-bottom: 72px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .bottle-container {
    padding-bottom: 10.6666666667vw;
  }
}
#lp-container .main .section-wrapper .section-inner .bottle-container .bottle-img {
  width: 47.1428571429vw;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  transform: translateY(5%);
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .bottle-container .bottle-img {
    width: 660px;
  }
}
#lp-container .main .section-wrapper .section-inner .bottle-container .bottle-img.show {
  opacity: 1;
  transform: translate(0);
  transition: ease 1s;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .bottle-container .bottle-img {
    width: 88vw;
    padding-top: 10.2666666667vw;
    width: 88vw;
  }
}
#lp-container .main .section-wrapper .section-inner .bottle-container .bottle-img img {
  width: 100%;
  height: auto;
}
#lp-container .main .section-wrapper .section-inner .bottle-container .bottle-title {
  font-size: 2vw;
  color: #470001;
  text-align: center;
  margin-top: 4.6428571429vw;
  font-weight: bold;
  opacity: 0;
  transform: translateY(5%);
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .bottle-container .bottle-title {
    font-size: 28px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .bottle-container .bottle-title {
    margin-top: 65px;
  }
}
#lp-container .main .section-wrapper .section-inner .bottle-container .bottle-title.show {
  opacity: 1;
  transform: translate(0);
  transition: ease 1s;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .bottle-container .bottle-title {
    font-size: 4.5333333333vw;
  }
}
#lp-container .main .section-wrapper .section-inner .bottle-container .bottle-text {
  margin-top: 1.7857142857vw;
  width: 47.3571428571vw;
  font-size: 1.4285714286vw;
  color: #470001;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  transform: translateY(5%);
  font-weight: bold;
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .bottle-container .bottle-text {
    margin-top: 25px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .bottle-container .bottle-text {
    width: 663px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .bottle-container .bottle-text {
    font-size: 20px;
  }
}
#lp-container .main .section-wrapper .section-inner .bottle-container .bottle-text.show {
  opacity: 1;
  transform: translate(0);
  transition: ease 1s;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .bottle-container .bottle-text {
    width: 88.4vw;
    font-size: 3.2vw;
  }
}
#lp-container .main .section-wrapper .section-inner .bottle-container .brand-btn {
  margin-top: 3.0714285714vw;
  width: 28.5714285714vw;
  height: 5.7142857143vw;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  bottom: 24%;
  left: 50%;
  transform: translate(-50%);
  z-index: 1;
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .bottle-container .brand-btn {
    margin-top: 43px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .bottle-container .brand-btn {
    width: 400px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .bottle-container .brand-btn {
    height: 80px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .bottle-container .brand-btn {
    bottom: 23%;
    width: 53.3333333333vw;
    height: 10.6666666667vw;
  }
}
#lp-container .main .section-wrapper .section-inner .bottle-container .brand-btn.hover {
  opacity: 0;
  transition: ease 0.5s;
}
#lp-container .main .section-wrapper .section-inner .bottle-container .brand-btn.hover:hover {
  opacity: 1;
  transition: ease 0.5s;
}
#lp-container .main .section-wrapper .section-inner .bottle-container .brand-btn:hover {
  opacity: 0;
  transition: ease 0.5s;
}
#lp-container .main .section-wrapper .section-inner .bottle-container .brand-btn a {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: auto;
}
#lp-container .main .section-wrapper .section-inner .bottle-container .buy-title {
  padding-top: 15.7142857143vw;
  font-size: 1.7142857143vw;
  color: #470001;
  text-align: center;
  opacity: 0;
  transform: translateY(5%);
  font-weight: bold;
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .bottle-container .buy-title {
    padding-top: 220px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .bottle-container .buy-title {
    font-size: 24px;
  }
}
#lp-container .main .section-wrapper .section-inner .bottle-container .buy-title.show {
  opacity: 1;
  transform: translate(0);
  transition: ease 1s;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .bottle-container .buy-title {
    font-size: 3.4666666667vw;
    padding-top: 32vw;
  }
}
#lp-container .main .section-wrapper .section-inner .bottle-container .buy-container {
  display: flex;
  justify-content: center;
  margin-top: 1.9285714286vw;
  -moz-column-gap: 1.4285714286vw;
  column-gap: 1.4285714286vw;
  opacity: 0;
  transform: translateY(5%);
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .bottle-container .buy-container {
    margin-top: 27px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .bottle-container .buy-container {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
}
#lp-container .main .section-wrapper .section-inner .bottle-container .buy-container.show {
  opacity: 1;
  transform: translate(0);
  transition: ease 1s;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .bottle-container .buy-container {
    margin-top: 4vw;
  }
}
#lp-container .main .section-wrapper .section-inner .bottle-container .buy-container .buy-item {
  width: 22.9285714286vw;
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .bottle-container .buy-container .buy-item {
    width: 321px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .bottle-container .buy-container .buy-item {
    width: 42.8vw;
  }
}
#lp-container .main .section-wrapper .section-inner .bottle-container .buy-container .buy-item img {
  width: 100%;
}
#lp-container .main .section-wrapper.white-wood {
  background-image: url(../img/white-wood-bg.png);
  background-repeat: repeat;
  max-width: unset;
  padding-top: 4.4285714286vw;
  padding-bottom: 5.7857142857vw;
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper.white-wood {
    padding-top: 62px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper.white-wood {
    padding-bottom: 81px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper.white-wood {
    padding-top: 8.2666666667vw;
    padding-bottom: 8.1333333333vw;
  }
}
#lp-container .main .section-wrapper .section-inner .white-wood-container .recommend-PR {
  width: 47.2857142857vw;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  transform: translateY(5%);
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .white-wood-container .recommend-PR {
    width: 662px;
  }
}
#lp-container .main .section-wrapper .section-inner .white-wood-container .recommend-PR.show {
  opacity: 1;
  transform: translate(0);
  transition: ease 1s;
}
#lp-container .main .section-wrapper .section-inner .white-wood-container .recommend-PR.show:hover {
  opacity: 0.5;
  transition: ease 0.7s;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .white-wood-container .recommend-PR {
    width: 100%;
  }
}
#lp-container .main .section-wrapper .section-inner .white-wood-container .recommend-PR a img {
  width: 100%;
  height: auto;
}
#lp-container .main .section-wrapper .section-inner .bottom-container {
  padding-top: 5vw;
  padding-bottom: 7.1428571429vw;
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .bottom-container {
    padding-top: 70px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .bottom-container {
    padding-bottom: 100px;
  }
}
#lp-container .main .section-wrapper .section-inner .bottom-container .recommend-title {
  font-weight: bold;
  text-align: center;
  font-size: 1.7142857143vw;
  color: #470001;
  opacity: 0;
  transform: translateY(5%);
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .bottom-container .recommend-title {
    font-size: 24px;
  }
}
#lp-container .main .section-wrapper .section-inner .bottom-container .recommend-title.show {
  opacity: 1;
  transform: translate(0);
  transition: ease 1s;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .bottom-container .recommend-title {
    font-size: 3.2vw;
  }
}
#lp-container .main .section-wrapper .section-inner .bottom-container .recommend-list {
  display: flex;
  justify-content: space-between;
  margin-top: 4.6428571429vw;
  -moz-column-gap: 0.7142857143vw;
  column-gap: 0.7142857143vw;
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .bottom-container .recommend-list {
    margin-top: 65px;
  }
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .bottom-container .recommend-list {
    -moz-column-gap: 10px;
    column-gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .bottom-container .recommend-list {
    flex-direction: column;
    margin-top: 0;
  }
}
#lp-container .main .section-wrapper .section-inner .bottom-container .recommend-list .recommend-item {
  width: 23.9285714286vw;
  opacity: 0;
  transform: translateY(5%);
}
@media screen and (min-width: 1400px) {
  #lp-container .main .section-wrapper .section-inner .bottom-container .recommend-list .recommend-item {
    width: 335px;
  }
}
#lp-container .main .section-wrapper .section-inner .bottom-container .recommend-list .recommend-item.show {
  opacity: 1;
  transform: translate(0);
  transition: ease 1s;
}
#lp-container .main .section-wrapper .section-inner .bottom-container .recommend-list .recommend-item:nth-child(1) {
  transition-delay: 0.2s;
}
#lp-container .main .section-wrapper .section-inner .bottom-container .recommend-list .recommend-item:nth-child(1):hover {
  opacity: 0.5;
  transition: ease 0.7s;
}
#lp-container .main .section-wrapper .section-inner .bottom-container .recommend-list .recommend-item:nth-child(2) {
  transition-delay: 0.4s;
}
#lp-container .main .section-wrapper .section-inner .bottom-container .recommend-list .recommend-item:nth-child(2):hover {
  opacity: 0.5;
  transition: ease 0.7s;
}
#lp-container .main .section-wrapper .section-inner .bottom-container .recommend-list .recommend-item:nth-child(3) {
  transition-delay: 0.6s;
}
#lp-container .main .section-wrapper .section-inner .bottom-container .recommend-list .recommend-item:nth-child(3):hover {
  opacity: 0.5;
  transition: ease 0.7s;
}
#lp-container .main .section-wrapper .section-inner .bottom-container .recommend-list .recommend-item:nth-child(4) {
  transition-delay: 0.8s;
}
#lp-container .main .section-wrapper .section-inner .bottom-container .recommend-list .recommend-item:nth-child(4):hover {
  opacity: 0.5;
  transition: ease 0.7s;
}
@media screen and (max-width: 767px) {
  #lp-container .main .section-wrapper .section-inner .bottom-container .recommend-list .recommend-item {
    width: 88vw;
    margin-top: 4vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#lp-container .main .section-wrapper .section-inner .bottom-container .recommend-list .recommend-item a img {
  width: 100%;
  height: auto;
}
#lp-container .adjust {
  position: absolute;
}
@media screen and (min-width: 768px) {
  #lp-container .adjust {
    margin-top: -5.7142857143vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .adjust {
    margin-top: -80px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .adjust {
    margin-top: -10vw;
  }
}
#lp-container .adjust2 {
  position: absolute;
}
@media screen and (min-width: 768px) {
  #lp-container .adjust2 {
    margin-top: -8.5714285714vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1400px) {
  #lp-container .adjust2 {
    margin-top: -120px;
  }
}
@media screen and (max-width: 767px) {
  #lp-container .adjust2 {
    margin-top: -10vw;
  }
}