@charset "utf-8";
:root {
  --lp-col-white: #ffffff;
  --lp-col-black: #000000;
  --lp-col-gray: #3f3b3a;
  --lp-col-brown: #c5a061;
  --lp-col-blue: #18327a;
  --lp-col-beige: #eee5cf;
  --lp-font-jp: "Noto Sans JP", sans-serif;
  --lp-font-en: "Montserrat";
  --lp-fw-bold: 700;
  --lp-fs-xs: 1.2rem;
  --lp-fs-small: 1.5rem;
  --lp-fs-regular: 1.6rem;
  --lp-fs-large: 1.8rem;
  --lp-max-inner: 92.53vw;
  --lp-space-28: 1.75rem;
  --lp-space-20: 1.25rem;
  --lp-shadow-basic: 0px 2px 30px 7px rgba(77, 77, 77, 0.1);
  --lp-shadow-blk: 0 2px 30px -3px rgba(119, 117, 117, 0.15);
  --lp-shadow-wht: 0 0 30px 5px rgba(140, 140, 140, 0.15);
  --lp-bg-gradation: linear-gradient(
    180deg,
    rgba(197, 160, 97, 1) 42%,
    rgba(209, 187, 136, 1) 100%
  );
  --lp-anime: all 0.5s ease-in-out;
}
#anniversary {
  font-family: var(--lp-font-en), var(--lp-font-jp);
  line-height: 1.8;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  color: var(--lp-col-black);
}
#anniversary img {
  width: 100%;
  max-width: 100%;
  vertical-align: bottom;
}
#anniversary p {
  text-align: justify;
  color: var(--lp-col-black);
  line-height: 1.78;
  font-size: var(--lp-fs-small);
}
#anniversary .fadeIn {
  transition: all 0.5s ease-in-out;
  opacity: 0;
}
#anniversary .active {
  opacity: 1;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#special_contents {
  overflow: hidden;
  border-bottom: 2px solid #4c3820;
}
#anniversary .pc {
  display: none;
}
#anniversary .follow_button {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 1000;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  display: none;
}
#anniversary .follow_button a {
  padding: 1rem;
  font-size: var(--lp-fs-small);
  color: var(--lp-col-white);
  background: var(--lp-bg-gradation);
  display: flex;
  align-items: center;
  gap: 0.35rem;
  width: 100vw;
  justify-content: center;
}
#anniversary .follow_button a::after {
  content: "";
  background: url("../images/arrow_right.png") center center /
    contain no-repeat;
  width: 1.6rem;
  height: 1.6rem;
  transform: rotate(45deg);
  margin-bottom: 0.2rem;
}
#anniversary .navigation.special {
  display: none;
}
#anniversary .navigation.special.fixed {
  display: block;
}
#anniversary .navigation.special .nav_btn {
  width: 5.5rem;
  height: 5.5rem;
  background: var(--lp-bg-gradation);
  border-radius: 50%;
  position: fixed;
  bottom: 6rem;
  left: 1rem;
  z-index: 99999;
}
#anniversary .navigation.special .nav_btn .nav_txt {
  color: var(--lp-col-white);
  position: absolute;
  left: 50%;
  top: 18%;
  transform: translateX(-50%);
  font-weight: 600;
}
#anniversary .navigation.special .nav_btn_open .nav_txt {
  display: none;
}
#anniversary .navigation.special .nav_btn .nav_bar {
  display: inline-block;
  width: 3rem;
  height: 1.5px;
  background-color: var(--lp-col-white);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.5s ease 0s;
  border-radius: 5px;
}
#anniversary .navigation.special .nav_btn .nav_bar.bar1 {
  top: 50%;
}
#anniversary .navigation.special .nav_btn .nav_bar.bar2 {
  top: 60%;
}
#anniversary .navigation.special .nav_btn .nav_bar.bar3 {
  top: 70%;
}
#anniversary .navigation.special .nav_btn_open .nav_bar.bar1 {
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
#anniversary .navigation.special .nav_btn_open .nav_bar.bar2 {
  display: none;
}
#anniversary .navigation.special .nav_btn_open .nav_bar.bar3 {
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
#anniversary .navigation.special .nav_inner {
  display: none;
  position: fixed;
  width: 92%;
  background: linear-gradient(
    45deg,
    rgba(197, 160, 97, 1) 42%,
    rgba(209, 187, 136, 1) 100%
  );
  z-index: 99;
  padding: 18rem 0;
  border-radius: 10px 10px 10px 3px;
  bottom: 8.2rem;
  left: 1rem;
  z-index: 9999;
}
#anniversary .navigation.special .nav_inner .nav_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 88%;
}
#anniversary .navigation.special .nav_inner .nav_box li {
  font-size: var(--lp-fs-regular);
  font-weight: var(--lp-fw-bold);
  line-height: 1.3;
}
#anniversary .navigation.special .nav_inner .nav_box li span {
  font-size: 1.2rem;
  font-weight: normal;
}
#anniversary .contents_main {
  position: relative;
  z-index: 2;
}
#anniversary .navigation.special .nav_inner .nav_box li a {
  color: var(--lp-col-white);
  padding: 1rem 0;
  display: block;
}

/* Contents */
#anniversary #bluemountain {
  background: url("../images/bg_wave_blue_btm.jpg") bottom center /
      100% no-repeat,
    var(--lp-col-blue);
  color: var(--lp-col-white);
}
#anniversary .bg_blue {
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  position: relative;
}
#anniversary .bg_blue.top {
  height: 5vw;
  background-color: var(--lp-col-white);
}
#anniversary .bg_blue.bottom {
  height: 8vw;
  margin-top: -4vw;
  z-index: -1;
  background-color: var(--lp-col-beige);
}
#anniversary .bg_blue.top svg path {
  fill: var(--lp-col-blue);
  animation: wave_blue1 linear 12s infinite;
}
@keyframes wave_blue1 {
  from {
    transform: translate(0);
  }
  to {
    transform: translate(-66.66%);
  }
}
#anniversary .bg_blue.bottom svg path {
  fill: #0b1a39;
  animation: wave_blue2 linear 12s infinite;
}
@keyframes wave_blue2 {
  from {
    transform: translate(0);
  }
  to {
    transform: translate(-66.66%);
  }
}
#anniversary #geisha {
  background: url("../images/bg_wave_geisha_btm.jpg") bottom center /
      100% no-repeat,
    var(--lp-col-beige);
  color: var(--lp-col-gray);
}
#anniversary .bg_geisha {
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  background-color: var(--lp-col-beige);
  position: relative;
}
#anniversary .bg_geisha.top {
  height: 4vw;
}
#anniversary .bg_geisha.bottom {
  height: 8vw;
  margin-top: -4vw;
  z-index: -1;
  background-color: var(--lp-col-white);
}
#anniversary .bg_geisha.top svg path {
  fill: var(--lp-col-beige);
  animation: wave_geisha1 linear 12s infinite;
}
@keyframes wave_geisha1 {
  from {
    transform: translate(0);
  }
  to {
    transform: translate(-66.66%);
  }
}
#anniversary .bg_geisha.bottom svg path {
  fill: #c0b193;
  animation: wave_geisha2 linear 12s infinite;
}
@keyframes wave_geisha2 {
  from {
    transform: translate(0);
  }
  to {
    transform: translate(-66.66%);
  }
}
#anniversary #bluemountain p {
  color: var(--lp-col-white);
}
#anniversary #geisha p {
  color: var(--lp-col-gray);
}
#anniversary .content_wrapper {
  padding: 8rem var(--lp-space-28) 14rem;
}
#anniversary .anniversary_intro {
  padding: 8rem var(--lp-space-28) 10rem;
}
#anniversary .anniversary_intro h2 {
  text-align: center;
  font-size: var(--lp-fs-large);
  font-weight: var(--lp-fw-bold);
  line-height: 1.5;
  padding-bottom: var(--lp-space-28);
}
#anniversary .anniversary_intro p {
  text-align: center;
  font-size: var(--lp-fs-small);
  line-height: 2;
}
#anniversary .anniversary_intro > p + p {
  padding: var(--lp-space-20) 0 0;
}
#anniversary .anniversary_intro > p:last-of-type {
  padding: var(--lp-space-20) 0 8rem;
}
#anniversary .anniversary_contents img {
  box-shadow: var(--lp-shadow-basic);
}
#anniversary .anniversary_contents #bluemountain img {
  box-shadow: var(--lp-shadow-blk);
}
#anniversary .anniversary_contents #geisha img {
  box-shadow: var(--lp-shadow-wht);
}
#anniversary .item_box p {
  text-align: center;
}
#anniversary .item_wrap {
  margin-top: 2rem;
}
#anniversary .item_box .item_name {
  font-size: var(--lp-fs-large);
  font-weight: var(--lp-fw-bold);
  padding-top: 2rem;
  line-height: 1.4;
}
#anniversary .item_box .item_price {
  font-size: var(--lp-fs-small);
  font-weight: var(--lp-fw-bold);
}
#anniversary .item_box .item_price > span {
  font-size: 1rem;
  padding-left: 0.5rem;
  font-weight: normal;
}
#anniversary .item_box .item_text {
  text-align: left;
  line-height: 1.78;
  padding-top: var(--lp-space-20);
}
#anniversary .item_box .item_link {
  text-align: center;
  margin-top: 2rem;
}
#anniversary .item_box .item_link a {
  text-align: center;
  padding: 1.3rem 5.6rem;
  font-weight: var(--lp-fw-bold);
  font-size: var(--lp-fs-regular);
  color: var(--lp-col-white);
  background: var(--lp-bg-gradation);
  border-radius: 80px;
  letter-spacing: 0.04em;
  position: relative;
  box-shadow: var(--lp-shadow-blk);
}
#anniversary .item_box .item_link a::after {
  content: "";
  display: inline-block;
  border-bottom: 1px solid var(--lp-col-white);
  border-right: 1px solid var(--lp-col-white);
  width: 0.85rem;
  height: 0.85rem;
  transform: rotate(-45deg);
  position: absolute;
  inset: 38% 10%;
  margin: 0 0 0 auto;
}
#anniversary h3 {
  font-size: 3.4rem;
  line-height: 1.06;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-align: center;
}
#anniversary h3 + p {
  font-size: 1.2rem;
  padding-top: 1rem;
  text-align: center;
}
#anniversary .lead {
  font-size: var(--lp-fs-regular);
  font-weight: 800;
  line-height: 1.5;
  text-align: center;
}
#anniversary .attractive {
  margin-bottom: 4rem;
}
#anniversary .attractive .lead.label {
  background-color: var(--lp-col-brown);
  padding: 1rem;
  margin: 6rem 0 0;
}
#anniversary #geisha .attractive .lead.label {
  color: var(--lp-col-white);
}
#anniversary .attractive p {
  padding-top: var(--lp-space-28);
}
#anniversary small {
  font-size: 1.2rem;
}
#anniversary sup {
  vertical-align: super;
  font-size: 60%;
}
#anniversary .about .main_img {
  margin: 4rem 0;
}
#anniversary .about .sub_title {
  font-size: var(--lp-fs-regular);
  text-align: center;
  padding-bottom: 0.5rem;
}
#anniversary #bluemountain .about .sub_title {
  border-bottom: 0.25px solid rgb(255 255 255 / 0.2);
  margin-bottom: var(--lp-space-20);
}
#anniversary #geisha .about .sub_title {
  border-bottom: 0.25px solid rgb(68 59 58 / 0.2);
  margin-bottom: var(--lp-space-20);
}
#anniversary .frame {
  padding: var(--lp-space-28);
  border-radius: 5px;
  margin-bottom: 2rem;
}
#anniversary #bluemountain .frame {
  background-color: rgb(255 255 255 / 0.1);
  box-shadow: var(--lp-shadow-blk);
}
#anniversary #geisha .frame {
  background-color: rgb(255 255 255 / 0.1);
  box-shadow: var(--lp-shadow-wht);
}
#anniversary .taste table {
  text-align: center;
  width: 100%;
}
#anniversary .taste table tr {
  line-height: 1.6;
}
#anniversary .taste table th,
td {
  display: inline-block;
  font-size: var(--lp-fs-small);
}
#anniversary .taste td {
  letter-spacing: 0.24em;
  padding-left: 2rem;
}
#anniversary .flavor p {
  text-align: center;
}
#anniversary .origin {
  margin: 5rem 0 2rem;
  text-align: center;
  font-size: var(--lp-fs-regular);
  line-height: 1.6;
  font-weight: var(--lp-fw-bold);
}
#anniversary .point + .point {
  margin-top: 5rem;
}
#anniversary .point .point_img {
  margin: 2.5rem 0;
}
#anniversary .point .point_img img {
  box-shadow: none !important;
}
#anniversary .point .pnt_title {
  font-weight: 800;
  display: inline-block;
  margin-bottom: 1rem;
}
#anniversary .point .pnt_text + .pnt_text {
  padding-top: var(--lp-space-20);
}
#anniversary #bluemountain .point .pnt_title.line::before {
  content: "";
  border-left: 3px solid var(--lp-col-white);
  padding-left: var(--lp-space-20);
}
#anniversary #geisha .point .pnt_title.line::before {
  content: "";
  border-left: 3px solid var(--lp-col-gray);
  padding-left: var(--lp-space-20);
}
#anniversary h4 {
  text-align: center;
  font-size: 3.2rem;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 2rem;
}
#anniversary .mariage,
#anniversary .recipe {
  padding-top: 10rem;
}
#anniversary .mariage .slide_img {
  margin-bottom: 2rem;
}
#anniversary .mariage .slide_text > .lead + p {
  padding-top: var(--lp-space-20);
}
#anniversary .slide-dots button {
  background: var(--lp-col-white);
}
#anniversary .slide-dots {
  margin: 0 auto;
  padding: 0;
  text-align: center;
  line-height: 1;
  height: 100vw;
  position: absolute;
  top: 87vw;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
#anniversary .slide-dots li {
  display: inline-block;
  margin: 0 0.25rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50px;
}
#anniversary #bluemountain .slide-dots li {
  border: 0.25px solid var(--lp-col-white);
}
#anniversary #geisha .slide-dots li {
  border: 0.25px solid var(--lp-col-black);
}
#anniversary .slide-dots li button {
  position: relative;
  text-indent: -9999px;
}
#anniversary #bluemountain .slide-dots .slick-active {
  background-color: var(--lp-col-blue);
}
#anniversary #geisha .slide-dots .slick-active {
  background-color: var(--lp-col-beige);
}
#anniversary .slick-next,
#anniversary .slick-prev {
  z-index: 999;
}
#anniversary .slick-prev {
  top: 45vw;
  left: 0.5rem;
}
#anniversary .slick-next {
  top: 45vw;
  right: 0.5rem;
}
#anniversary .slick-prev,
#anniversary .slick-next,
#anniversary .slick-prev:hover,
#anniversary .slick-prev:focus,
#anniversary .slick-next:hover,
#anniversary .slick-next:focus {
  background: transparent;
}
#anniversary .slick-prev:before,
#anniversary .slick-prev::after {
  content: "";
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  transform: rotate(135deg);
  background: transparent;
}
#anniversary .slick-next::before,
#anniversary .slick-next:after {
  content: "";
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  transform: rotate(-45deg);
  background: transparent;
}
#anniversary #bluemountain .slick-prev::after {
  border-bottom: 0.25px solid var(--lp-col-white);
  border-right: 0.25px solid var(--lp-col-white);
}
#anniversary #bluemountain .slick-next::after {
  border-bottom: 0.25px solid var(--lp-col-white);
  border-right: 0.25px solid var(--lp-col-white);
}
#anniversary #geisha .slick-prev::after {
  border-bottom: 0.25px solid var(--lp-col-black);
  border-right: 0.25px solid var(--lp-col-black);
}
#anniversary #geisha .slick-next::after {
  border-bottom: 0.25px solid var(--lp-col-black);
  border-right: 0.25px solid var(--lp-col-black);
}
#anniversary .slick-dotted.slick-slider {
  margin-bottom: 0;
}
#anniversary .slick-dotted.slick-slider img {
  box-shadow: none !important;
}
#anniversary .recipe .recipe_intro {
  text-align: center;
  padding: 0 0 3rem;
}
#anniversary .recipe .recipe_wrap {
  display: flex;
  align-items: center;
  gap: 2rem;
}
#anniversary .recipe .recipe_wrap + .recipe_wrap {
  margin-top: 2rem;
}
#anniversary .recipe .recipe_img {
  flex: 1;
}
#anniversary .recipe .recipe_detail {
  flex: 1;
}
#anniversary .recipe_detail .product_name {
  font-weight: var(--lp-fw-bold);
  line-height: 1;
}
#anniversary .recipe_detail .drink_temp {
  font-size: var(--lp-fs-xs);
  padding: 0.6rem 1.5rem 0.5rem;
  display: inline-block;
  margin-bottom: 1rem;
  line-height: 1;
}
#anniversary #bluemountain .recipe_detail .drink_temp {
  color: var(--lp-col-blue);
  background-color: var(--lp-col-white);
}
#anniversary #geisha .recipe_detail .drink_temp {
  color: var(--lp-col-beige);
  background-color: var(--lp-col-gray);
}
#anniversary .recipe_detail p:last-of-type {
  font-size: 1.2rem;
  line-height: 1.56;
  padding: 1rem 0;
}
#anniversary .recipe_detail .recipe_btn a {
  display: block;
  padding: 0.4rem;
  text-align: center;
  border-radius: 40px;
  font-size: 1.2rem;
  position: relative;
}
#anniversary .recipe_detail .recipe_btn a::after {
  content: "";
  display: inline-block;
  width: 0.65rem;
  height: 0.65rem;
  transform: rotate(-45deg);
  position: absolute;
  inset: 38% 10%;
  margin: 0 0 0 auto;
}
#anniversary #bluemountain .recipe_detail .recipe_btn a {
  color: var(--lp-col-white);
  border: 1px solid var(--lp-col-white);
}
#anniversary #geisha .recipe_detail .recipe_btn a {
  color: var(--lp-col-gray);
  border: 1px solid var(--lp-col-gray);
}
#anniversary #bluemountain .recipe_detail .recipe_btn a::after {
  border-bottom: 1px solid var(--lp-col-white);
  border-right: 1px solid var(--lp-col-white);
}
#anniversary #geisha .recipe_detail .recipe_btn a::after {
  border-bottom: 1px solid var(--lp-col-gray);
  border-right: 1px solid var(--lp-col-gray);
}
#anniversary .anniversary_set {
  padding: 10rem var(--lp-space-28);
}
#anniversary .movie_item.sp {
  padding-top: 10rem;
}
#anniversary .movie_intro {
  text-align: center;
  padding: 0 0 3rem;
}
#anniversary .movie_item a {
  position: relative;
  display: flex;
}
#anniversary .movie_item a::after {
  content: "";
  background: url("../images/play_button.png") bottom center / 100%
    no-repeat;
  position: absolute;
  inset: 0;
  margin: auto;
  width: 10vw;
  height: 10vw;
}
.modal-video-close-btn {
  top: -4rem;
  width: 3rem;
  height: 4rem;
}
iframe {
  height: 56vw;
  width: 100%;
}

#anniversary #lineup {
  padding: 8rem var(--lp-space-28) 14rem;
}
#anniversary #lineup .item_box + .item_box {
  margin-top: 8rem;
}
#anniversary #lineup .lineup_wrap + .lineup_wrap {
  margin-top: 8rem;
}
#anniversary #lineup .item_box .item_link {
  margin-top: 3rem;
}

@media (min-width: 768px) {
  :root {
    --lp-fs-xs: 1.4rem;
    --lp-fs-small: 1.6rem;
    --lp-fs-regular: 1.8rem;
    --lp-fs-large: 2rem;
    --lp-max-width: 1300px;
    --lp-max-inner: 1100px;
    --lp-space-28: 2rem;
    --lp-space-20: 1.5rem;
  }
  #anniversary #bluemountain {
    background: url("../images/bg_wave_blue_btm.jpg") bottom center /
        100% no-repeat,
      var(--lp-col-blue);
    color: var(--lp-col-white);
  }
  #anniversary .bg_blue {
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    background-color: var(--lp-col-white);
    position: relative;
  }
  #anniversary .bg_blue.top {
    height: 2.5rem;
    grid-column: 1;
    grid-row: 1;
  }
  #anniversary .bg_blue.bottom {
    height: 6.5rem;
    margin-top: -2.5rem;
    z-index: -1;
    grid-column: 1;
    grid-row: 3;
    background-color: var(--lp-col-white);
  }
  #anniversary .bg_blue.top svg path {
    fill: var(--lp-col-blue);
    animation: wave_blue1 linear 16s infinite;
  }
  @keyframes wave_blue1 {
    from {
      transform: translate(0);
    }
    to {
      transform: translate(-66.66%);
    }
  }
  #anniversary .bg_blue.bottom svg path {
    fill: #0b1a39;
    animation: wave_blue2 linear 16s infinite;
  }
  @keyframes wave_blue2 {
    from {
      transform: translate(0);
    }
    to {
      transform: translate(-66.66%);
    }
  }
  #anniversary #geisha {
    background: url("../images/bg_wave_geisha_btm.jpg") bottom center /
        100% no-repeat,
      var(--lp-col-beige);
    color: var(--lp-col-gray);
  }
  #anniversary .bg_geisha {
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    background-color: var(--lp-col-white);
    position: relative;
  }
  #anniversary .bg_geisha.top {
    height: 2.5rem;
    grid-column: 2;
    grid-row: 1;
  }
  #anniversary .bg_geisha.bottom {
    height: 6.5rem;
    margin-top: -2.5rem;
    z-index: -1;
    grid-column: 2;
    grid-row: 3;
  }
  #anniversary .bg_geisha.top svg path {
    fill: var(--lp-col-beige);
    animation: wave_geisha1 linear 16s infinite;
  }
  @keyframes wave_geisha1 {
    from {
      transform: translateX(-66.66%);
    }
    to {
      transform: translateX(0);
    }
  }
  #anniversary .bg_geisha.bottom svg path {
    fill: #c0b193;
    animation: wave_geisha2 linear 16s infinite;
  }
  @keyframes wave_geisha2 {
    from {
      transform: translate(0);
    }
    to {
      transform: translate(-66.66%);
    }
  }
  #anniversary .follow_button {
    position: fixed;
    right: 0;
    top: 8rem;
    z-index: 1000;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    display: none;
  }
  #anniversary .follow_button a {
    writing-mode: vertical-rl;
    padding: 4rem 1.5rem 4rem 1.3rem;
    font-size: var(--lp-fs-regular);
    color: var(--lp-col-white);
    background: var(--lp-bg-gradation);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 5.5rem;
  }
  #anniversary .follow_button a::after {
    content: "";
    background: url("../images/arrow_right.png") center center /
      contain no-repeat;
    width: 1.8rem;
    height: 1.8rem;
    margin: 0;
    transform: none;
  }
  #anniversary .navigation.special {
    opacity: 1;
  }
  #anniversary .navigation.special .nav_btn {
    display: none;
  }
  #anniversary .navigation.special .nav_inner {
    display: block !important;
    left: 0;
    margin: 0 auto;
    width: 100%;
    border-radius: 0;
    bottom: 0;
    padding: 0rem;
  }
  #anniversary .navigation.special .nav_inner .nav_box {
    position: static;
    width: min(100%, var(--lp-max-width));
    display: flex;
    justify-content: center;
    transform: none;
    align-items: stretch;
    margin: 0 auto;
    z-index: 9999;
  }
  #anniversary .navigation.special .nav_inner .nav_box li {
    text-align: center;
    padding: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    margin: 0.5rem 0;
  }
  #anniversary .navigation.special .nav_inner .nav_box li::after {
    display: none;
  }
  #anniversary .navigation.special .nav_inner .nav_box li:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
  }
  #anniversary .navigation.special .nav_inner .nav_box li a {
    padding: 0.8rem min(4rem, 4.5vw);
    display: block;
  }
  @media (any-hover: hover) {
    #anniversary a:hover {
      opacity: 0.8;
    }
    #anniversary .navigation.special .nav_inner .nav_box li:hover {
      transition: all 0.5s ease 0s;
      transform: translateY(2px);
    }
  }
  #anniversary .grid_outer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    overflow: hidden;
  }
  #anniversary #bluemountain {
    grid-column: 1;
    grid-row: 2;
  }
  #anniversary #geisha {
    grid-column: 2;
    grid-row: 2;
  }
  #anniversary {
    width: 100%;
    max-width: var(--lp-max-width);
    margin: 0 auto;
  }
  #anniversary a {
    cursor: pointer;
  }
  #anniversary p {
    line-height: 1.78;
    font-size: var(--lp-fs-small);
  }
  #anniversary .sp {
    display: none;
  }
  #anniversary .pc {
    display: inline-block;
  }
  #anniversary .anniversary_mv img {
    width: min(100%, var(--lp-max-width));
    object-fit: cover;
    object-position: 50% 50%;
  }
  #anniversary .content_inner {
    width: min(90vw, var(--lp-max-inner));
    margin: 0 auto;
  }
  #anniversary #bluemountain .content_inner {
    width: calc(min(90vw, var(--lp-max-inner)) / 2);
    display: flex;
    flex-direction: column;
  }
  #anniversary #geisha .content_inner {
    width: calc(min(90vw, var(--lp-max-inner)) / 2);
  }
  #anniversary .content_wrapper {
    padding: 12rem 0 20rem;
    margin-top: 0;
  }
  #anniversary .anniversary_intro {
    padding: 12rem 0 15rem;
  }
  #anniversary .anniversary_intro h2 {
    font-size: 2.5rem;
    padding-bottom: 3rem;
  }
  #anniversary .anniversary_intro p {
    font-size: var(--lp-fs-regular);
  }
  #anniversary .anniversary_intro > p + p {
    padding: 2rem 0 0;
  }
  #anniversary .anniversary_intro > p:last-of-type {
    padding: 2rem 0 12rem;
  }
  #anniversary .anniversary_contents img {
    box-shadow: var(--lp-shadow-basic);
  }
  #anniversary .anniversary_contents #bluemountain img {
    box-shadow: var(--lp-shadow-blk);
  }
  #anniversary .anniversary_contents #geisha img {
    box-shadow: var(--lp-shadow-wht);
  }
  #anniversary .item_box {
    display: grid;
    align-items: center;
    gap: 5rem;
    grid-template-columns: 1.1fr 1fr;
  }
  #anniversary .item_box .item_img {
    grid-row: 1 / 4;
    overflow: hidden;
  }
  #anniversary .item_box .item_img a img {
    transition: var(--lp-anime);
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
  #anniversary .item_box .item_wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-top: 0;
  }
  #anniversary .item_box .item_wrap .space {
    margin-top: 2rem;
  }
  #anniversary .item_box p {
    text-align: center;
  }
  #anniversary .item_box .item_name {
    padding-top: 0;
  }
  #anniversary .item_box .item_price {
    font-size: var(--lp-fs-regular);
  }
  #anniversary .item_box .item_price > span {
    font-size: 1.2rem;
  }
  #anniversary .item_box .item_text {
    padding-top: 2rem;
    font-size: var(--lp-fs-small);
    flex-grow: 1;
  }
  #anniversary .item_box .item_link {
    margin-top: 4rem;
  }
  #anniversary .item_box .item_link a {
    text-align: center;
    padding: 1.3rem 5.6rem;
    font-weight: var(--lp-fw-bold);
    font-size: var(--lp-fs-regular);
    color: var(--lp-col-white);
    background: var(--lp-bg-gradation);
    border-radius: 80px;
    letter-spacing: 0.04em;
    position: relative;
    box-shadow: var(--lp-shadow-blk);
  }
  #anniversary .item_box .item_link a::after {
    content: "";
    display: inline-block;
    border-bottom: 1px solid var(--lp-col-white);
    border-right: 1px solid var(--lp-col-white);
    width: 0.85rem;
    height: 0.85rem;
    transform: rotate(-45deg);
    position: absolute;
    inset: 38% 10%;
    margin: 0 0 0 auto;
  }
  #anniversary h3 {
    font-size: 4.6rem;
  }
  #anniversary h3 + p {
    font-size: var(--lp-fs-regular);
  }
  #anniversary .about .main_img {
    margin: 5rem 0;
    overflow: hidden;
  }
  #anniversary .about .main_img a img {
    transition: var(--lp-anime);
  }
  #anniversary .attractive {
    margin-bottom: 4rem;
    margin-top: auto;
    height: min(280px, 20vw);
  }
  #anniversary .attractive.second {
    height: min(420px, 31vw);
  }
  #anniversary .lead {
    font-size: var(--lp-fs-large);
  }
  #anniversary .attractive .lead.label {
    background-color: var(--lp-col-brown);
    padding: 1rem;
    margin: 6rem 0 1rem;
  }
  #anniversary .attractive .text_wrap {
    height: min(330px, 23vw);
  }
  #anniversary .about .sub_title {
    font-size: var(--lp-fs-small);
    padding-bottom: 1rem;
    margin-bottom: 1.2rem;
  }
  #anniversary #bluemountain .about .sub_title {
    margin-bottom: 1.2rem;
  }
  #anniversary #geisha .about .sub_title {
    margin-bottom: 1.2rem;
  }
  #anniversary .item_detail {
    display: flex;
    gap: 2rem;
    margin-bottom: auto;
  }
  #anniversary .frame {
    flex: 1;
    margin-bottom: 0;
    padding: 1.6rem var(--lp-space-28);
  }
  #anniversary .taste table th,
  td {
    font-size: var(--lp-fs-xs);
  }
  #anniversary .taste td {
    letter-spacing: 0.24em;
    padding-left: 2rem;
  }
  #anniversary .flavor p {
    font-size: var(--lp-fs-xs);
  }
  #anniversary .origin_wrap {
    padding: 0 3rem;
  }
  #anniversary .origin {
    display: flex;
    align-items: end;
    justify-content: center;
    height: min(90px, 10vw);
  }
  #anniversary .pnt_wrap {
    height: min(1390px, 107vw);
  }
  #anniversary .point .point_img {
    margin-bottom: 0;
    height: min(335px, 28vw);
  }
  #anniversary .point .pnt_title {
    margin-bottom: 1rem;
  }
  #anniversary .point .pnt_title.line + .pnt_text {
    height: min(11vw, 150px);
  }
  #anniversary h4 {
    font-size: 4rem;
    margin-bottom: 3rem;
  }
  #anniversary .mariage,
  #anniversary .recipe {
    padding: 15rem 0 0;
  }
  #anniversary .mariage .slide_item {
    padding: 0 3rem;
  }
  #anniversary .slide-dots {
    height: auto;
    top: min(39vw, 470px);
    bottom: 0;
  }
  #anniversary .slick-slider {
    height: min(670px, 53vw);
  }
  #anniversary .slick-dotted.slick-slider img {
    box-shadow: none !important;
  }
  #anniversary .slick-prev:before,
  #anniversary .slick-prev::after {
    width: 1.2rem;
    height: 1.2rem;
  }
  #anniversary .slick-next::before,
  #anniversary .slick-next:after {
    width: 1.2rem;
    height: 1.2rem;
  }
  #anniversary .slick-prev {
    top: min(20.5vw, 245px);
    left: 0;
  }
  #anniversary .slick-next {
    top: min(20.5vw, 245px);
    right: 0;
  }
  #anniversary .recipe .recipe_intro {
    padding: 0 0 5rem;
  }
  #anniversary .recipe .recipe_wrap {
    display: flex;
    align-items: center;
    gap: 3rem;
    flex: 1;
  }
  #anniversary .recipe .recipe_img {
    flex: 1;
    overflow: hidden;
  }
  #anniversary .recipe .recipe_img a img {
    transition: var(--lp-anime);
  }
  #anniversary .recipe .recipe_detail {
    flex: 1.3;
  }
  #anniversary .recipe_detail .product_name {
    font-size: var(--lp-fs-regular);
  }
  #anniversary .recipe_detail p:last-of-type {
    font-size: var(--lp-fs-xs);
    line-height: 1.6;
    padding: 1.5rem 0 2rem;
  }
  #anniversary .recipe_detail .recipe_btn a {
    padding: 0.5rem;
    font-size: var(--lp-fs-xs);
    width: 62%;
    transition: var(--lp-anime);
  }
  #anniversary .recipe_detail .recipe_btn a::after {
    content: "";
    display: inline-block;
    width: 0.65rem;
    height: 0.65rem;
    transform: rotate(-45deg);
    position: absolute;
    inset: 38% 10%;
    margin: 0 0 0 auto;
  }
  #anniversary .recipe_detail .recipe_btn a:hover::after {
    transition: var(--lp-anime);
  }
  #anniversary #bluemountain .recipe_detail .recipe_btn a {
    color: var(--lp-col-white);
    border: 1px solid var(--lp-col-white);
  }
  #anniversary #geisha .recipe_detail .recipe_btn a {
    color: var(--lp-col-gray);
    border: 1px solid var(--lp-col-gray);
  }
  #anniversary #bluemountain .recipe_detail .recipe_btn a::after {
    border-bottom: 1px solid var(--lp-col-white);
    border-right: 1px solid var(--lp-col-white);
  }
  #anniversary #geisha .recipe_detail .recipe_btn a::after {
    border-bottom: 1px solid var(--lp-col-gray);
    border-right: 1px solid var(--lp-col-gray);
  }
  @media (any-hover: hover) {
    #anniversary #bluemountain .recipe_detail .recipe_btn a:hover {
      background: var(--lp-col-white);
      border: 1px solid var(--lp-col-white);
      color: var(--lp-col-blue);
    }
    #anniversary #geisha .recipe_detail .recipe_btn a:hover {
      background: var(--lp-col-gray);
      border: 1px solid var(--lp-col-gray);
      color: var(--lp-col-beige);
    }
    #anniversary .recipe_detail .recipe_btn a:hover::after {
      content: "";
      width: 0.65rem;
      height: 0.65rem;
      position: absolute;
      inset: 38% 10%;
    }
    #anniversary #bluemountain .recipe_detail .recipe_btn a:hover::after {
      border-right: 1px solid var(--lp-col-blue);
      border-bottom: 1px solid var(--lp-col-blue);
    }
    #anniversary #geisha .recipe_detail .recipe_btn a:hover::after {
      border-right: 1px solid var(--lp-col-beige);
      border-bottom: 1px solid var(--lp-col-beige);
    }
  }
  .modal-video-close-btn {
    top: 0;
  }
  #anniversary #movie .content_inner {
    width: min(90vw, 100%);
  }
  #anniversary #movie .movie_intro {
    padding: 0 0 5rem;
    text-align: center;
  }
  #anniversary #movie .movie_wrap {
    display: flex;
    gap: 6rem;
  }
  #anniversary #movie .movie_item a {
    position: relative;
    display: flex;
  }
  #anniversary #movie .movie_item a::after {
    content: "";
    background: url("../images/play_button.png") bottom center / 100%
      no-repeat;
    position: absolute;
    inset: 0;
    margin: auto;
    width: 6rem;
    height: 6rem;
    transition: all 0.4s ease-in-out;
  }
  @media (any-hover: hover) {
    #anniversary #movie .movie_item:hover a::after {
      background: url("../images/play_button_active.png") bottom
        center / 100% no-repeat;
    }
  }
  #anniversary #lineup {
    padding: 0 0 20rem;
  }
  #anniversary #lineup .content_inner {
    width: min(100%, 90vw);
  }
  #anniversary #lineup .item_box + .item_box {
    margin-top: 0;
  }
  #anniversary #lineup .lineup_wrap {
    display: flex;
    gap: 6rem;
    padding: 2rem 0 0;
    justify-content: center;
  }
  #anniversary #lineup .lineup_wrap .item_box {
    flex: 1;
    display: flex;
    gap: 3rem;
    flex-direction: column;
    overflow: hidden;
    flex-basis: calc((100% - 12rem) / 3);
    flex-grow: 0;
    flex-shrink: 0;
  }
  #anniversary #lineup .item_box .item_img {
    flex-grow: 0;
    overflow: initial;
  }
  #anniversary #lineup .item_box .item_img a img {
    box-shadow: none;
  }
  #anniversary #lineup .item_box .item_link {
    margin-bottom: 3rem;
  }

  @media (any-hover: hover) {
    #anniversary .main_img a:hover,
    #anniversary .item_img a:hover,
    #anniversary .recipe_img a:hover {
      opacity: 0.8;
    }
    #anniversary .main_img a:hover img,
    #anniversary .item_img a:hover img,
    #anniversary .recipe_img a:hover img {
      transform: scale(1.01);
    }
  }
}