@charset "UTF-8";
html {
    /* font-size: 62.5%; */
    scroll-behavior: smooth;
}
#share {
    bottom: 10% !important;
    left: 3% !important;
}
.share-txt {
    background: #fdfbe3;
    margin: 0 !important;
    padding-bottom: 2rem;
}
	
.lp-page {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  color: #555555;
  font-family: "Lato", "Noto Sans JP", sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.05em;
  /* z-index: 0; */
  padding-top: 6rem;
  background: #FCF9F3;
  font-weight: 400;
  /* font-size: 1.4rem; */
}
.lp-page img,
.lp-page svg {
  display: block;
  opacity: 1;
  width: 100%;
  height: auto;
}
.lp-page picture {
  display: block;
}
.lp-page a {
  display: block;
  color: inherit;
}
.lp-page *:focus {
  outline: none;
}
.lp-page input {
  display: none;
}
.lp-page li,
.lp-page ol {
  list-style-type: none;
}

.lp-page a:hover {
    opacity: .8;
}
  main {
    max-width: 100vw;
  }
  #Wrap {
    width: auto;
  }
  .wrapTop,
.wrapBottom {
    width: 100%;
  }

  .lp-page a {
    cursor: pointer;
  }
  .lp-page .pcOnly {
    display: block;
  }
  .lp-page .spOnly {
    display: none;
  }

body.no_scroll #FooterWrap {
    display: none;
}
#FooterWrap {
    position: relative;
    z-index: 50;
}
.lp-page .note {
    font-size: 1rem;
}

/*----------アニメーション----------*/
.fadein {
    opacity: 0;
    transform: translateY(0);
    transition: opacity 2s 0s, transform 2s 0s;
  }
  
  .fadein.fade-active {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: opacity 2s 0s, transform 2s 0s;
  }
  
  
  .fadeup {
    opacity: 0;
    transform: translateY(2rem);
    transition: opacity 1.3s 0s, transform 1.3s 0s;
  }
  
  .fadeup.fade-active {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: opacity 1.3s 0s, transform 1.3s 0s;
  }
  
  .fadein-load {
    opacity: 0;
    transition: opacity 1s;
  }
  
  .fadein-load.fade-active {
    opacity: 1;
    transition: opacity 1s;
  }
  
  .fadeup-load {
    opacity: 0;
    transform: translateY(5rem) translateZ(0);
    transition: opacity 1.3s 0s, transform 1.3s 0s;
  }
  
  .fadeup-load.fade-active {
    opacity: 1;
    transform: translateY(0) translateZ(0);
    transition: opacity 1.3s 0s, transform 1.3s 0s;
  }


/* 点滅ボタン */ 
.lp-page .flash-btn::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 1.6rem;
    height: 1.6rem;
    background: #fff;
    opacity: .9;
    content: "";
    animation: dots-anime 2.5s ease-in-out infinite;
}

.lp-page .flash-btn {
    width: 4rem;
    height: 4rem;
    /* background: #fff; */
}

.lp-page .line-up .btn-list li {
    position: absolute;
}



.lp-page .cv-btn {
    /* letter-spacing: 0.05em; */
    position: relative;
    color: #B98A82;
    font-weight: 500;
    border-bottom: 1px solid;
    width: 7.5rem;
    margin: 0 0 0 auto;
    font-size: 1.2rem;
    line-height: 1.5;
    /* transition: .3s; */
}

.lp-page .cv-btn:hover {
    /* background: #fff; */
    /* color: #6CC4BE; */
}

.lp-page .main-area, .lp-page section {
    width: 100rem;
    margin: 0 auto;
}

.lp-page .main-area .intro-txt {
    text-align: center;
    margin: 6rem auto 8rem;
}

.lp-page .main-area .intro-txt p {
    line-height: 2;
    font-size: 1.6rem;
    margin-top: 2rem;
    letter-spacing: 0.1em;
}

.lp-page .main-area .intro-txt p span {
    font-size: 2rem;
    font-weight: 500;
}

.lp-page section {
    padding-bottom: 10rem;
}

.lp-page .line-up {
    background: rgb(255 255 255 / 80%);
    border: .2rem solid #fff;
    filter: drop-shadow(8px 8px 3px rgba(0, 0, 0, 0.1));
    padding: 5rem 13rem 6rem;
}

.lp-page .sec-ttl {
    font-size: 2.4rem;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.15em;
    margin-bottom: 3.5rem;
}

.lp-page .sec-ttl span {
    font-size: 1.4rem;
    font-weight: 600;
    color: #B98A82;
    display: block;
}

.lp-page .line-up .item-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.8rem;
    margin-top: 4rem;
}

.lp-page .line-up .item-img {
    height: 18rem;
    width: auto;
    margin: 0 auto .5rem;
}

.lp-page .line-up .item-list li {
    width: 17rem;
    text-align: center;
}

.lp-page .line-up .item-name {
    font-size: 1.1rem;
    letter-spacing: 0.05em;
    line-height: 1.4;
}

.lp-page .line-up .item-name span {
    display: block;
    font-weight: 600;
    padding-bottom: .4rem;
}

.lp-page .line-up .item-list li:nth-child(4) .item-img {
    height: 21rem;
    margin-right: 1.4rem;
}

.lp-page .line-up .item-list li:nth-child(5) .item-img {
    height: 21rem;
    margin-right: 1rem;
}

.lp-page .line-up .item-list li:nth-child(7) .item-img {
    height: 21rem;
    margin-right: 5.5rem;
}

.lp-page .line-up .item-list li:nth-child(8) .item-img {
    height: 13rem;
    margin-right: 0;
}

.lp-page .line-up .item-list li:nth-child(1) .item-img {
    margin-right: 2rem;
    /* height: 14rem; */
}

.lp-page .line-up .item-list li:nth-child(2) .item-img {
    margin-right: 1.2rem;
}

.lp-page .line-up .item-list li:nth-child(3) .item-img {
    margin-right: 1rem;
}

.lp-page .line-up .item-list li:nth-child(6) .item-img {
    margin-right: 2rem;
}

.lp-page .line-up .item-list li:nth-child(1) {
    /* margin-top: 0rem; */
}

.lp-page .line-up .item-list li:nth-child(2) {
    margin-top: 3rem;
}

.lp-page .line-up .item-list li:nth-child(5) {
    margin-top: -2rem;
}

.lp-page .line-up .item-list li:nth-child(7) {
    margin-top: -2rem;
}

.lp-page .line-up .item-list li:nth-child(8) {
    margin-top: 3rem;
}

.lp-page .line-up .item-list li:nth-child(4) {
    margin-top: 1rem;
}

.lp-page .line-up .inner {
    position: relative;
}

.lp-page .line-up .btn-list li:nth-child(1) {
    top: 10rem;
    left: 6.5rem;
}

.lp-page .texture-wrap {
    display: flex;
    padding: 8rem 0;
    align-items: center;
    justify-content: center;
    gap: 4rem;
}

.lp-page .texture-wrap h2, .lp-page .texture-wrap p {
    font-family: "big-caslon-fb", serif;
    font-weight: 700;
    color: #D8ECF3;
    font-size: 6.5rem;
    letter-spacing: 0.05em;
}

.lp-page .texture-wrap .img-area {
    width: 40rem;
    position: relative;
}

.lp-page .texture-wrap .img-area img {
    filter: drop-shadow(6px 6px 2px rgba(0, 0, 0, 0.08));
}

.lp-page .texture-wrap .img-area::before {
    content: '';
    width: 40rem;
    height: 40rem;
    background: #D8ECF3;
    background-size: 100%;
    position: absolute;
    bottom: -1.2rem;
    right: -1.2rem;
}
.lp-page .line-up .btn-list li:nth-child(2) {
    top: 11rem;
    left: 25.2rem;
}

.lp-page .line-up .btn-list li:nth-child(3) {
    top: 8rem;
    right: 25.5rem;
}

.lp-page .line-up .btn-list li:nth-child(4) {
    top: 11rem;
    right: 6.8rem;
}

.lp-page .line-up .btn-list li:nth-child(5) {
    bottom: 16rem;
    left: 6.7rem;
}

.lp-page .line-up .btn-list li:nth-child(6) {
    bottom: 11.5rem;
    left: 24.8rem;
}

.lp-page .line-up .btn-list li:nth-child(8) {
    bottom: 16.5rem;
    right: 25.5rem;
}

.lp-page .line-up .btn-list li:nth-child(7) {
    bottom: 13rem;
    right: 7rem;
}


/* slick */
#item-slider {
    width: 100rem;
    margin: 0 auto;
}
#item-slider .item-cont {
    width: 30rem;
    transform: scale(.88);
    transition: transform .3s;
    position: relative;
    background: rgb(255 255 255 / 80%);
    border: .2rem solid #fff;
    filter: drop-shadow(6px 6px 3px rgba(0, 0, 0, 0.1));
    padding: 2.5rem 2rem 2rem;
    margin-bottom: 2rem;
    height: 58rem;
}
#item-slider .img-slider {
    width: 23rem;
    margin: 1.5rem auto 3rem;
    background: #fff;
    padding: 1rem;
}

#item-slider .item-cont.slick-center {
    transform: scale(1);
}

#item-slider .item-name {
    font-size: 1.4rem;
    text-align: center;
    font-weight: 400;
}

#item-slider .item-name span {
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    padding-bottom: .2rem;
}

#item-slider .item-detail dt {
    font-size: 1.3rem;
    font-weight: 500;
    /* letter-spacing: 0.05em; */
}

#item-slider .item-detail dd {
    font-size: 1.2rem;
    line-height: 1.8;
    margin: .8rem 0 1rem;
    /* letter-spacing: 0.05em; */
}

#item-slider .item-num {
    font-family: "big-caslon-fb", serif;
    font-weight: 800;
    color: #D8ECF3;
    font-size: 2.5rem;
    position: absolute;
    top: 1rem;
    left: 1rem;
}
.img-slider .slick-dots {
    bottom: -1.5rem;
    left: 50%;
    transform: translate(-50%, 0);
}

.img-slider .slick-dots li {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 .4rem;
}

.img-slider .slick-dots li button:before {
    width: 1.5rem;
    height: 1.5rem;
}

.img-slider .slick-dots li button {
    padding: 0;
    width: 1.5rem;
    height: 1.5rem;
}
.lp-page .cv-btn::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    right: 2px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #B98A82;
    border-right: 1px solid #B98A82;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#section02 .item-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 3rem 2rem;
}

#section02 .item-list li {
    width: 23.5rem;
}

#section02 .item-list .img-area {
    position: relative;
}

#section02 .item-list .item-num {
    font-family: "big-caslon-fb", serif;
    font-weight: 800;
    color: #fff;
    font-size: 2rem;
    position: absolute;
    top: .5rem;
    right: 2rem;
    z-index: 10;
}

#section02 .item-list .face-img {
    position: relative;
    width: 22.5rem;
}

#section02 .item-list .face-img::before {
    content: '';
    background: #D8ECF3;
    background-size: 100%;
    position: absolute;
    bottom: -1rem;
    right: -1rem;
    width: 22.5rem;
    height: 19.3rem;
}

#section02 .item-list .face-img img {
    position: relative;
}

#section02 .item-list .flash-btn {
    position: absolute;
    right: 1.6rem;
    bottom: 5rem;
    cursor: pointer;
}

#section02 .item-list .item-name {
    font-size: 1.2rem;
    text-align: center;
    margin-top: 2rem;
}

#section02 .item-list .item-name span {
    display: block;
    font-weight: 600;
}

#item-slider .slick-arrow {
    position: absolute;
    z-index: 2;
    top: 50%;
    translate: 0 -50%;
    width: calc(12 * (60rem / 390));
    height: calc(12 * (60rem / 390));
    transform: unset;
}

#item-slider .slick-arrow::before, #item-slider .slick-arrow::after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: calc(100 * (60rem / 390));
    opacity: 1;
    background: #888;
    content: "";
}

#item-slider .slick-next {
    right: 0;
    margin-right: -4rem;
    rotate: 135deg;
}

#item-slider .slick-arrow::before {
    width: 100%;
    height: .2rem;
}

#item-slider .slick-arrow::after {
    height: 100%;
    width: .2rem;
}

#item-slider .slick-prev {
    left: 0;
    margin-left: -4rem;
    rotate: -45deg;
}
#section02 .modal_inner .item-img {
    width: 30rem;
    margin: 0 auto;
}

#section02 .modal_inner .item-name {
    font-size: 1.4rem;
    margin-top: 1rem;
}

#section02 .modal_inner .item-name span {
    font-size: 1.3rem;
    padding-bottom: .4rem;
}

#section02 .modal_inner .item-price {
    font-size: 1.8rem;
    margin: 1rem auto 2rem;
}

#section02 .modal_inner .tax {
    font-size: 1.1rem;
}

.lp-page .cv-btn.bg-white {
    border: solid .1rem;
    border-radius: 10rem;
    margin: 0 auto;
    font-size: 1.2rem;
    background: #fff;
    width: 16rem;
    padding: .8rem;
}

.lp-page .cv-btn.bg-white::after {
    width: 5px;
    height: 5px;
    right: 1.5rem;
}

#section03 .item-wrap {
    background: rgb(253 249 239 / 80%);
    border: .2rem solid #F5EFDF;
    filter: drop-shadow(6px 6px 3px rgba(0, 0, 0, 0.1));
    padding: 4rem 8rem 5rem;
    margin-top: 3.6rem;
}

#section03 .item-wrap h3 {
    text-align: center;
    font-weight: 500;
    letter-spacing: .1em;
    font-size: 1.6rem;
    margin-bottom: 3rem;
}

#section03 .item-wrap h3 span {
    font-size: 2.2rem;
}

#section03 .item-wrap .item-list {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
}

#section03 .item-wrap .item-list li {
    background: rgb(255 255 255 / 70%);
    padding: 2rem;
    width: 27rem;
}

#section03 .item-wrap .item-img {
    width: 20rem;
    margin: 0 auto 1rem;
}

#section03 .item-wrap .item-name {
    font-size: 1.3rem;
    margin-bottom: 1.2rem;
}

#section03 .item-wrap .item-name span {
    display: block;
    font-weight: 600;
    padding-bottom: .3rem;
}

.lp-page .fl-area {
    display: flex;
    align-items: center;
}

#section03 .item-wrap .item-price {
    font-size: 1.6rem;
}

#section03 .item-wrap .tax {
    font-size: 1.1rem;
}

.lp-page .flash-btn span {
    background: rgb(255 255 255 / 40%);
    width: 2rem;
    height: 2rem;
    display: block;
    border-radius: 10rem;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

#event-info {
    background: #FDFBE3;
    padding: 8rem 0;
    color: #333;
}

.lp-page .slider-wrap .slick-num-item {
    text-align: center;
    font-size: 1.3rem;
}

#event-info .inner {
    width: 60rem;
    margin: 0 auto;
    text-align: center;
}

#event-info h2 {
    font-size: 3rem;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 1.6;
    margin-bottom: 3rem;
}

#event-info h2 span {
    font-size: 1.8rem;
    display: block;
}

#event-info p {
    letter-spacing: .1em;
    font-size: 1.8rem;
    font-weight: 500;
    margin: 2rem auto 3rem;
}

#event-info .event-btn {
    font-size: 1.6rem;
    background: #FFE94D;
    width: 35rem;
    font-weight: 600;
    border-radius: 10rem;
    padding: 1.6rem 0;
    margin: 0 auto;
    position: relative;
}

#event-info .event-btn::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    vertical-align: middle;
    right: 3rem;
    width: .7rem;
    height: .7rem;
    border-top: 1.5px solid #333;
    border-right: 1.5px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#section02 .item-list li:nth-child(2) .flash-btn {
    bottom: 3rem;
}

#section02 .item-list li:nth-child(3) .flash-btn {
    bottom: 4rem;
    right: 2rem;
}

#section02 .item-list li:nth-child(4) .flash-btn {
    bottom: 4rem;
    right: 1.4rem;
}

#section02 .item-list li:nth-child(6) .flash-btn {
    bottom: 2rem;
    right: 1.8rem;
}

#section02 .item-list li:nth-child(7) .flash-btn {
    bottom: 3rem;
    right: 3rem;
}

#section02 .item-list li:nth-child(8) .flash-btn {
    bottom: 6.5rem;
}
/*--------------------------------
PC  Only
--------------------------------*/
@media screen and (max-width: 1400px) {
html {
    font-size: calc(10 * (100vw / 1400));
}
}

@media (min-width: 769px) {
	
}
/*--------------------------------
SP  Only
--------------------------------*/
@media (max-width: 768px) {
html {
    font-size: calc(10*(100vw / 390));
}
.lp-page .spOnly {
  display: block;
}
.lp-page .pcOnly {
  display: none;
}
	
.lp-page .main-area, .lp-page section {
    width: 100%;
}

.lp-page {
    padding-top: 2rem;
}

.lp-page .main-area .intro-txt p {
    font-size: 1.4rem;
}

.lp-page .main-area .intro-txt {
    margin: 4rem auto 5rem;
}

.lp-page section {
    padding-bottom: 6rem;
}

.lp-page .main-area .intro-txt p span {
    font-size: 1.8rem;
}

.lp-page .line-up {
    width: 36rem;
    padding: 3rem 0 0;
    margin: 0 auto;
}

.lp-page .sec-ttl {
    font-size: 2rem;
    margin-bottom: 3rem;
}

.lp-page .sec-ttl span {
    font-size: 1.2rem;
}

.lp-page .texture-wrap {
    display: block;
    padding: 4rem 0;
}

.lp-page .line-up .item-list {
    display: block;
    margin: 0;
}

.lp-page .line-up .item-list li {
    position: absolute;
    width: auto;
}
	
.lp-page .line-up .inner {
    height: 72rem;
}

.lp-page .line-up .item-list li:nth-child(2) {
    right: 5rem;
    margin-top: 0;
}

.lp-page .line-up .item-list li:nth-child(1) {
    left: 5rem;
    right: auto;
    top: 0;
}

.lp-page .line-up .item-img {
    height: 14rem;
    margin-bottom: .2rem;
}

.lp-page .line-up .item-list li:nth-child(3) {
    left: 0rem;
    top: 24rem;
}

.lp-page .line-up .item-list li:nth-child(4) {
    left: 11rem;
    top: 24.5rem;
}

.lp-page .line-up .item-list li:nth-child(5) {
    right: 1.5rem;
    top: 22.5rem;
}

.lp-page .line-up .item-list li:nth-child(6) {
    bottom: 3rem;
    left: 1rem;
}

.lp-page .line-up .item-list li:nth-child(7) {
    bottom: 5rem;
    left: 14.5rem;
}

.lp-page .line-up .item-list li:nth-child(8) {
    right: 1.5rem;
    bottom: 12rem;
}

.lp-page .line-up .item-list li:nth-child(4) .item-img {
    height: 16rem;
    margin-right: .2rem;
}

.lp-page .line-up .item-list li:nth-child(5) .item-img {
    height: 16rem;
    margin-right: .5rem;
}

.lp-page .line-up .item-list li:nth-child(7) .item-img {
    height: 16rem;
    margin-right: 16.5rem;
}

.lp-page .line-up .item-list li:nth-child(8) .item-img {
    height: 10rem;
    margin-left: 3rem;
}

.lp-page .line-up .item-list li:nth-child(3) .item-img {
    margin-right: 0;
    margin-left: 3rem;
}

.lp-page .line-up .item-list li:nth-child(1) .item-img {
    margin-right: .5rem;
}

.lp-page .line-up .item-list li:nth-child(2) .item-img {
    margin-right: 0;
}

.lp-page .line-up .item-list li:nth-child(6) .item-img {
    margin-right: .5rem;
}

.lp-page .line-up .item-list li:nth-child(7) .item-name {
    text-align: left;
    margin-top: -6.5rem;
    padding-left: 4rem;
}

.lp-page .line-up .item-name {
    letter-spacing: 0.02em;
}

.lp-page .line-up .btn-list li:nth-child(1) {
    top: 7.5rem;
    left: 9rem;
}

.lp-page .line-up .btn-list li:nth-child(2) {
    top: 6rem;
    left: auto;
    right: 8.8rem;
}

.lp-page .line-up .btn-list li:nth-child(3) {
    top: 30rem;
    right: auto;
    left: 3.8rem;
}

.lp-page .line-up .btn-list li:nth-child(4) {
    top: 32.5rem;
    right: 17.6rem;
}

.lp-page .line-up .btn-list li:nth-child(5) {
    bottom: 42rem;
    left: auto;
    right: 5.6rem;
}

.lp-page .line-up .btn-list li:nth-child(6) {
    bottom: 13rem;
    left: 4.3rem;
}

.lp-page .line-up .btn-list li:nth-child(8) {
    bottom: 12rem;
    right: 18rem;
}

.lp-page .line-up .btn-list li:nth-child(7) {
    bottom: 18.5rem;
    right: 6.3rem;
}

.lp-page .texture-wrap h2, .lp-page .texture-wrap p {
    font-size: 3.7rem;
}

.lp-page .texture-wrap .img-area {
    width: 31rem;
    margin: 0 auto .5rem;
}

.lp-page .texture-wrap .img-area::before {
    width: 31rem;
    height: 31rem;
    bottom: -1rem;
    right: -1rem;
}

.lp-page .texture-wrap p {
    text-align: right;
}	
#item-slider {
    width: 100%;
}

#item-slider .item-cont {
    width: 28rem;
    transform: scale(1);
    margin: 0 .6rem 2rem;
    height: auto;
    padding: 1.8rem 2rem;
}

#item-slider .slick-next {
    right: 14rem;
    margin-right: 0;
}

#item-slider .slick-arrow::before {
    height: .15rem;
}

#item-slider .slick-arrow {
    top: auto;
    width: 1.2rem;
    height: 1.2rem;
    bottom: -2.2rem;
}

#item-slider .slick-arrow::after {
    width: .15rem;
}

#item-slider .slick-prev {
    margin-left: 0;
    left: 14rem;
}

#item-slider .slick-track {
    display: flex;
}
	
#item-slider .img-slider {
    margin-bottom: 2.5rem;
    margin-top: 1.2rem;
}

#item-slider .item-num {
    top: .5rem;
    left: .5rem;
}

#item-slider .item-detail dd {
    margin-top: .6rem;
}

#section02 .item-list {
    gap: 2.5rem 1.2rem;
}

#section02 .item-list li {
    width: 17.4rem;
}

#section02 .item-list .face-img {
    width: 16.6rem;
}

#section02 .item-list .face-img::before {
    width: 16.6rem;
    height: 14.3rem;
    bottom: -.8rem;
    right: -.8rem;
}

#section02 .item-list .item-num {
    font-size: 1.6rem;
    right: 1.5rem;
    top: .2rem;
}

#section02 .item-list .item-name {
    font-size: 1.1rem;
    margin-top: 1.8rem;
    letter-spacing: 0.03em;
}

#section03 .item-wrap {
    padding: 2.6rem 2rem;
    width: 32rem;
    margin: 2rem auto 0;
}

#section03 .item-wrap .item-list {
    display: block;
}

#section03 .item-wrap h3 {
    font-size: 1.3rem;
    margin-bottom: 2rem;
}

#section03 .item-wrap h3 span {
    font-size: 1.8rem;
}

#section03 .item-wrap .item-list li {
    width: 29.5rem;
    padding: 1.2rem 1.5rem 1.2rem 1rem;
    display: flex;
    justify-content: center;
    gap: 1rem;
    align-items: center;
    margin-top: .8rem;
}

#event-info {
    padding: 5rem 0 6rem;
}

#event-info .inner {
    width: 35rem;
}

#event-info h2 {
    font-size: 2.2rem;
    margin-bottom: 1.5rem;
}

#event-info h2 span {
    font-size: 1.3rem;
}

#event-info p {
    font-size: 1.5rem;
    margin: 1.5rem auto 2.5rem;
}

#event-info .event-btn {
    width: 29rem;
    font-size: 1.4rem;
    padding: 1.4rem 0;
}

#event-info .event-btn::after {
    right: 2rem;
}


#section02 .modal_inner .item-img {
    width: 23rem;
}

#section02 .modal_inner .item-name {
    font-size: 1.3rem;
    margin-top: 1rem;
}

#section02 .modal_inner .item-name span {
    font-size: 1.2rem;
}

#section02 .modal_inner .item-price {
    font-size: 1.6rem;
}

#section02 .modal_inner .tax {
    font-size: 1rem;
}

button.btn_modalClose {
    right: 1.5rem;
    top: 1.5rem;
}

#section02 .item-list .flash-btn {
    right: 0.8rem;
    bottom: 3rem;
}

#section02 .item-list li:nth-child(2) .flash-btn {
    right: .6rem;
}

#section02 .item-list li:nth-child(3) .flash-btn {
    bottom: 2rem;
    right: 1.1rem;
}

#section02 .item-list li:nth-child(4) .flash-btn {
    bottom: 3rem;
    right: .6rem;
}

#section02 .item-list li:nth-child(6) .flash-btn {
    bottom: 1rem;
    right: .8rem;
}

#section02 .item-list li:nth-child(7) .flash-btn {
    bottom: 1.5rem;
    right: 1.6rem;
}

#section02 .item-list li:nth-child(8) .flash-btn {
    bottom: 4.5rem;
}

#section03 .item-wrap .item-img {
    width: 12rem;
    margin: 0;
}

#section03 .item-wrap .txt-area {
    width: 16.5rem;
}

#section03 .item-wrap .item-name {
    font-size: 1.2rem;
}

#section03 .item-wrap .item-price {
    font-size: 1.4rem;
}

#section03 .item-wrap .tax {
    font-size: 1rem;
}

.lp-page .cv-btn {
    font-size: 1.1rem;
    width: 6.7rem;
    letter-spacing: 0.02em;
}
}


/*----------点滅アニメーション----------*/
@keyframes dots-anime {
  0%{
    transform: translate(-50%, -50%) scale(80%);
    opacity: .9;
  }

  80% {
    opacity: .9;
  }

  100% {
    transform: translate(-50%, -50%) scale(100%);
    opacity: 0;
  }
}


/* モーダル */
body.no_scroll {
  height: 100vh;
  overflow: hidden;
}

#HeaderWrap.hide {
  opacity: 0;
  pointer-events: none;
}

.modal_outside.hide {
  opacity: 0;
  pointer-events: none;
  overflow-y: auto;
}

.modal_outside {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .5s;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.modal_outside::-webkit-scrollbar {
  display:none;
}

.modal_outside::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(252 249 243 / 94%);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  content: "";
}

.modal_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal_wrap {
  width: 50rem;
  margin: 0 auto;
  max-height: 100%;
  /* padding: calc(40 * (60rem / 390)) 0; */
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  filter: drop-shadow(6px 6px 3px rgba(0, 0, 0, 0.1));
  background: rgb(255 255 255 / 80%);
  border: .2rem solid #fff;
}

.modal_wrap::-webkit-scrollbar {
  display:none;
}

.modal_inner {
  position: relative;
  text-align: center;
  /* background: rgb(255 255 255 / 80%); */
  /* border: .2rem solid #fff; */
  /* filter: drop-shadow(6px 6px 3px rgba(0, 0, 0, 0.1)); */
  padding: 4rem 0 5rem;
}

.btn_modalClose {
  position: absolute;
  right: 2rem;
  top: 2rem;
  width: 2.4rem;
  height: 2.4rem;
  /* rotate: 45deg; */
  border: none;
  background: none;
  cursor: pointer;
}

.btn_modalClose::before,
.btn_modalClose::after {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 0.15rem;
  height: 2.4rem;
  /* border-radius: calc(100 * (60rem / 390)); */
  background: #555555;
  content: "";
}

.btn_modalClose::before {
  rotate: 45deg;
}

.btn_modalClose::after {
    rotate: 135deg;
}
	
@media (max-width: 768px) {	
.modal_wrap {
    width: 33rem;
}
}