html {
  font-size: 4.11vw
}
img {
  display: block
}
.main {
  overflow: visible;
  padding: 0;
}
.container {
  max-width: none;
  width: auto;
  margin-bottom: 90px;
  background: url("https://marlmarl-cdn.azureedge.net/pub/assets/img/feature/birth-flower/apr/bk.jpg") repeat center top;
  background-image: url("https://marlmarl-cdn.azureedge.net/pub/assets/img/feature/birth-flower/apr/bk.webp");
  background-attachment: fixed;
}
.pc {
  display: none;
}
img {
  padding: 0;
}
.h01 {
  color: #313131;
  text-align: center;
  font-style: normal;
}
.h01 dt {
  font-family: minion-pro, serif;
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0.08125rem;
}
.h01 dd {
  font-family: "Noto Serif JP";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 200%;
  letter-spacing: 0.075rem;
  margin-top: 0.5rem;
}
.btn {
  margin: 0 auto;
  width: 19.375rem;
  display: block;
  background: #313131;
  color: #fff;
  text-align: center;
  font-family: minion-pro, serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0.04375rem;
  padding: 1.31rem 0;
  position: relative;
}
.btn img {
  width: 1.125rem;
  position: absolute;
  right: 1.25rem;
  top: 50%;
  transform: translate(0, -50%);
}
.kv {
  width: 100%;
}
.ttl {
  width: 100%;
  height: calc( 100svh - 45px );
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  margin-top: calc( -100svh + 45px );
}
.ttl img {
  width: 18.4375rem;
  margin: 0 auto;
}
.month {
  color: #FFF;
  text-align: center;
  font-family: minion-pro, serif;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0.0625rem;
  margin-top: 3rem;
}
.greed {
  position: relative;
}
.greed dt {
  color: #FFF;
  text-align: center;
  font-family: "Noto Serif JP";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.3rem;
}
.greed dd {
  color: #FFF;
  text-align: center;
  font-family: "Noto Serif JP";
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 600;
  line-height: 225%;
  letter-spacing: 0.09375rem;
  margin-top: 4rem;
  padding-bottom: 11.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.video {
  height: calc( 100svh - 45px );
  background: #ccc;
  position: sticky;
  top: 45px;
}
.video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bf {
  padding: 6.25rem 0 5rem;
  background: #fff;
}
.bf .bf_ttl {
  padding: 0;
}
.bf .bf_ttl dt {
  color: #313131;
  text-align: center;
  font-family: "Noto Serif JP";
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0.05rem;
}
.bf .bf_ttl dd {
  color: #313131;
  text-align: center;
  font-family: minion-pro, serif;
  font-size: 2.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0.11875rem;
  margin-top: 1rem;
}
.bf .bf_ttl img {
  padding: 0;
}
.bf .bf_gallery {
  width: 21.875rem;
  margin: 2rem auto 0;
}
.bf .bf_gallery .img01 {
  position: relative;
}
.bf .bf_gallery .img01 img {
  padding: 0;
}
.bf .bf_gallery .img01 .mark {
  width: 4.5625rem;
  position: absolute;
  right: 0;
  top: 0;
}
.bf .bf_gallery .img02 {
  margin-top: 0.37rem;
}
.bf .bf_gallery .img02 img {
  padding: 0;
}
.bf .letter {
  padding: 0;
}
.bf .letter dl {
  color: #313131;
  text-align: center;
  font-family: "Noto Serif JP";
  font-style: normal;
  margin: 5rem 0 2.5rem;
}
.bf .letter dt {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0.1875rem;
  margin-bottom: 1.37rem;
}
.bf .letter dd {
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 190%; /* 1.54375rem */
  letter-spacing: 0.04063rem;
}
.bf .letter img {
  width: 21.875rem;
  margin: 0 auto;
}
.bf .bf_item {
  margin-top: 2rem;
  margin-bottom: 3rem;
}
.bf .bf_item img {
  width: 13.75rem;
  margin: 0 auto;
}
.bf .bf_item dl {
  color: #313131;
  text-align: center;
  font-family: minion-pro, serif;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  margin-top: 0.38rem;
}
.bf .bf_item dt {
  font-size: 1.25rem;
  letter-spacing: 0.0625rem;
  margin-bottom: 0.75rem;
}
.bf .bf_item dd {
  font-size: 1.125rem;
  letter-spacing: 0.05625rem;
}
.bf .btn {
  margin-top: 3rem;
}
.bf .gift {
  margin-top: 6.13rem;
}
.bf .gift ul {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.87rem;
}
.bf .gift li {
  width: 10.5rem;
}
.bf .gift li a {
  padding: 0;
}
.bf .gift li img {
  margin-bottom: 0.5rem;
}
.bf .gift li p {
  color: #313131;
  font-family: "Noto Serif JP";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.0375rem;
  margin-top: 0.5rem;
}
.bf .gift li dl {
  color: #313131;
  font-family: minion-pro, serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.04375rem;
}
.bf .gift li dt {
  padding: 0;
}
.bf .gift li dd {
  padding: 0;
}
.bf .option {
  margin-top: 5rem;
}
.bf .option ul {
  margin-top: 2rem;
  padding: 0 1.25rem 1.94rem;
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (hover: none) and (pointer: coarse) {
  .bf .option ul::-webkit-scrollbar {
      display: none;
  }
}
.bf .option li {
  width: 18.125rem;
  flex: 0 0 auto;
}
.bf .option li img {
  padding: 0;
}
.bf .option li p {
  color: #313131;
  font-family: "Noto Serif JP";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.0375rem;
  margin-top: 0.5rem;
}
.bf .option li dl {
  margin-top: 1.5rem;
}
.bf .option li dt {
  color: #313131;
  font-family: "Noto Serif JP";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0.0875rem;
}
.bf .option li dd {
  color: #313131;
  font-family: minion-pro, serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.04375rem;
  margin-top: 0.5rem;
}
.lineup {
  padding-bottom: 5rem;
  background: #fff;
}
.lineup ul {
  margin: 2rem auto 0;
  width: 21.875rem;
  border-top: 1px solid #313131;
}
.lineup li {
  border-bottom: 1px solid #313131;
}
.lineup .lineup_top {
  display: flex;
  padding: 0.81rem 0.75rem 1rem;
  gap: 1.19rem;
  align-items: center;
  position: relative;
}
.lineup .lineup_top p {
  color: #313131;
  text-align: center;
  font-family: "Minion Variable Concept";
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
}
.lineup .lineup_top dl {
  padding: 0;
}
.lineup .lineup_top dt {
  color: #313131;
  font-family: "Minion Variable Concept";
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0.05625rem;
}
.lineup .lineup_top dd {
  color: #313131;
  font-family: YuMincho;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0.04063rem;
  margin-top: 0.63rem;
}
.lineup .lineup_top img {
  width: 1.25rem;
  height: 0.75rem;
  background: #ccc;
  position: absolute;
  right: 0.63rem;
  top: 50%;
  transform: translate(0, -50%);
}
.lineup .lineup_details {
  display: none;
  padding-bottom: 3.87rem;
}
.lineup .lineup_details .lineup_img {
  height: 16.25rem;
  background: #ccc;
}
.lineup .lineup_details .lineup_item {
  width: 13.75rem;
  height: 13.75rem;
  margin: 0 auto;
  background: #aaa;
}
.lineup .lineup_details dl {
  color: #313131;
  text-align: center;
  font-family: "Minion Variable Concept";
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  margin-top: 0.38rem;
  margin-bottom: 2rem;
}
.lineup .lineup_details dt {
  font-size: 1.25rem;
  letter-spacing: 0.0625rem;
}
.lineup .lineup_details dd {
  font-size: 1.125rem;
  letter-spacing: 0.05625rem;
  margin-top: 0.75rem;
}
.comingsoon {
  padding: 4rem 0 5rem;
}
.comingsoon .img {
  position: relative;
  width: 15rem;
  margin: 4rem auto 0;
  display: none;
}
.comingsoon .img img {
  padding: 0;
}
.comingsoon .img .mark {
  position: absolute;
  right: -2.87rem;
  top: -2.81rem;
  width: 5.5625rem;
}
.comingsoon p {
  color: #313131;
  text-align: center;
  font-family: minion-pro, serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0.075rem;
  margin-top: 4rem;
}
.comingsoon span {
  display: block;
  font-size: 1.3125rem;
  letter-spacing: 0.06563rem;
  margin-top: 0.5rem;
}
@media screen and (min-width: 767px) {
  html {
    font-size: min(1.35vw, 16px)
  }
  a:hover {
    opacity: 0.6
  }
  .sp {
    display: none
  }
  .pc {
    display: block
  }
  .h01 {
    padding: 0;
  }
  .h01 dt {
    font-size: 2rem;
    letter-spacing: 0.1rem;
  }
  .h01 dd {
    font-size: 0.92306rem;
    letter-spacing: 0.09231rem;
    margin-top: 0.61rem;
  }
  .btn {
    width: 23.84613rem;
    font-size: 1.07694rem;
    letter-spacing: 0.05388rem;
    padding: 1.62rem;
  }
  .btn img {
    width: 1.38463rem;
    right: 1.54rem;
  }
  .btn:hover {
    color: #fff;
  }
  .center_contents {
    width: 31.5rem;
    margin: 0 auto;
  }
  .kv {
    padding: 0;
  }
  .kv_wrap {
    margin-top: calc( -100svh + 50px );
  }
  .ttl {
    width: calc( ( 100% - 31.5rem ) / 2 );
    position: sticky;
    top: 45px;
  }
  .ttl img {
    width: 13.15rem;
  }
  .month {
    color: #313131;
    font-size: 1.29231rem;
    letter-spacing: 0.06463rem;
    margin-top: 4rem;
  }
  .greed {
    width: calc( ( 100% - 31.5rem ) / 2 );
    margin: 0 0 0 auto;
    height: calc(100svh - 50px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: sticky;
    top: 50px;
    z-index: 1;
    margin-top: calc(-100svh + 50px);
  }
  .greed dt {
    color: #313131;
    font-size: 1.24094rem;
    letter-spacing: 0.24819rem;
  }
  .greed dd {
    color: #313131;
    font-size: 0.84613rem;
    letter-spacing: 0.08463rem;
    margin-top: 3.14rem;
    padding-bottom: 0;
  }
  .video {
    height: calc( 100svh - 50px );
    top: 50px;
  }
  .video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .bf {
    padding: 7.69rem 0 6.15rem;
  }
  .bf .bf_ttl {
    padding: 0;
  }
  .bf .bf_ttl dt {
    font-size: 1.23075rem;
    letter-spacing: 0.06156rem;
  }
  .bf .bf_ttl dd {
    font-size: 2.92306rem;
    letter-spacing: 0.14613rem;
    margin-top: 1.22rem;
  }
  .bf .bf_ttl img {
    padding: 0;
  }
  .bf .bf_gallery {
    width: 26.94681rem;
    margin-top: 2.45rem;
  }
  .bf .bf_gallery .img01 {
    padding: 0;
  }
  .bf .bf_gallery .img01 img {
    padding: 0;
  }
  .bf .bf_gallery .img01 .mark {
    width: 5.61538rem;
  }
  .bf .bf_gallery .img02 {
    margin-top: 0.46rem;
  }
  .bf .bf_gallery .img02 img {
    padding: 0;
  }
  .bf .bf_item {
    margin-top: 2.46rem;
    margin-bottom: 3.71rem;
  }
  .bf .bf_item img {
    width: 16.92306rem;
  }
  .bf .bf_item dl {
    margin-top: 0.46rem;
  }
  .bf .bf_item dt {
    font-size: 1.53844rem;
    letter-spacing: 0.07694rem;
    margin-bottom: 0.9rem;
  }
  .bf .bf_item dd {
    font-size: 1.38463rem;
    letter-spacing: 0.06925rem;
  }
  .bf .letter {
    padding: 0;
  }
  .bf .letter dl {
    margin: 6.16rem 0 3.18rem;
  }
  .bf .letter dt {
    font-size: 1.53981rem;
    letter-spacing: 0.231rem;
    margin-bottom: 1.67rem;
  }
  .bf .letter dd {
    font-size: 1.00088rem;
    letter-spacing: 0.05006rem;
  }
  .bf .letter img {
    width: 26.92306rem;
  }
  .bf .btn {
    margin-top: 3.69rem;
  }
  .bf .gift {
    margin-top: 7.54rem;
  }
  .bf .gift ul {
    margin-top: 2.43rem;
    gap: 1.08rem;
  }
  .bf .gift li {
    width: 12.92306rem;
  }
  .bf .gift li a {
    padding: 0;
  }
  .bf .gift li img {
    margin-bottom: 0.62rem;
  }
  .bf .gift li p {
    font-size: 0.92306rem;
    letter-spacing: 0.04613rem;
    margin-top: 0.6rem;
  }
  .bf .gift li dl {
    font-size: 1.07694rem;
    letter-spacing: 0.05388rem;
  }
  .bf .gift li dt {
    padding: 0;
  }
  .bf .gift li dd {
    padding: 0;
  }
  .bf .option {
    margin-top: 6.16rem;
  }
  .bf .option ul {
    margin-top: 2.43rem;
    padding: 0 1.54rem 2.4rem;
  }
  .bf .option li {
    width: 22.30769rem;
  }
  .bf .option li img {
    padding: 0;
  }
  .bf .option li p {
    font-size: 0.92306rem;
    letter-spacing: 0.04613rem;
    margin-top: 0.61rem;
  }
  .bf .option li dl {
    margin-top: 1.85rem;
  }
  .bf .option li dt {
    font-size: 1.07694rem;
    letter-spacing: 0.10769rem;
  }
  .bf .option li dd {
    font-size: 1.07694rem;
    letter-spacing: 0.05388rem;
    margin-top: 0.62rem;
  }
  .lineup {
    padding-bottom: 6.15rem;
  }
  .lineup ul {
    width: 26.92306rem;
  }
  .lineup li {
    padding: 0;
  }
  .lineup .lineup_top {
    cursor: pointer;
  }
  .lineup .lineup_top:hover {
      opacity: 0.6;
  }
  .lineup .lineup_top p {
    padding: 0;
  }
  .lineup .lineup_top dl {
    padding: 0;
  }
  .lineup .lineup_top dt {
    padding: 0;
  }
  .lineup .lineup_top dd {
    padding: 0;
  }
  .lineup .lineup_top img {
    padding: 0;
  }
  .lineup .lineup_details {
    padding: 0;
  }
  .lineup .lineup_details .lineup_img {
    padding: 0;
  }
  .lineup .lineup_details .lineup_item {
    padding: 0;
  }
  .lineup .lineup_details dl {
    padding: 0;
  }
  .lineup .lineup_details dt {
    padding: 0;
  }
  .lineup .lineup_details dd {
    padding: 0;
  }
  .comingsoon {
    padding: 4.92rem 0 6.11rem;
    min-height: calc( 100vh - 50px );
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .comingsoon .img {
    width: 18.41944rem;
    margin: 4.89rem auto 0;
  }
  .comingsoon .img img {
    padding: 0;
  }
  .comingsoon .img .mark {
    right: -3.56rem;
    top: -3.46rem;
    width: 6.84613rem;
  }
  .comingsoon p {
    font-size: 1.84613rem;
    letter-spacing: 0.09231rem;
    margin-top: 4.91rem;
  }
  .comingsoon span {
    font-size: 1.61538rem;
    letter-spacing: 0.08075rem;
    margin-top: 0.62rem;
  }
}
@media screen and (min-width: 1512px) {
  .center_contents {
    width: calc( ( 100%  ) / 3 );
  }
  .ttl {
    width: calc( ( 100%  ) / 3 );
    top: 50px;
  }
  .greed {
    width: calc( ( 100%  ) / 3 );
  }
}
/*# sourceMappingURL=style.css.map */