@charset "UTF-8";
@media screen and (min-width: 768px) {
  .pc-none {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .pc-none {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .sp-none {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .sp-none {
    display: none;
  }
}

.shop-event {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .shop-event {
    width: 900px;
    /*height: 2000px;
    background: url(/contents/shoplist/assets/images/_dummy/pc2.jpg) no-repeat 50% 0;*/
  }
}
@media screen and (max-width: 767px) {
  .shop-event {
    width: 89.33334vw;
    /*background: url(/contents/shoplist/assets/images/_dummy/sp2.jpg) no-repeat 50% 0;
    background-size: 100% auto;*/
  }
}

.event__inner {
  /*opacity: .5;*/
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .event__inner {
    margin-bottom: 24px;
    padding: 43px 0 32px;
  }
}
@media screen and (max-width: 767px) {
  .event__inner {
    margin-bottom: 5.33334vw;
    padding: 10.4vw 0 10.66667vw;
  }
}

.event--title {
  text-align: center;
  letter-spacing: .04em;
}
@media screen and (min-width: 768px) {
  .event--title {
    margin-bottom: 28px;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  .event--title {
    margin-bottom: 4vw;
    font-size: 4.26667vw;
  }
}
.event--title .popup-event {
  display: block;
  font-family: "Poppins", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .event--title .popup-event {
    padding-top: 27px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .event--title .popup-event {
    padding-top: 5.2vw;
    font-size: 4.266667vw;
  }
}
.event--title .is-en {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  letter-spacing: .155em;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .event--title .is-en {
    padding-top: 30px;
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  .event--title .is-en {
    padding-top: 5vw;
    font-size: 6.93333vw;
    line-height: 1.2;
  }
}

.event--date {
  text-align: center;
  letter-spacing: .04em;
}
@media screen and (min-width: 768px) {
  .event--date {
    margin-bottom: 23px;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  .event--date {
    margin-bottom: 7vw;
    font-size: 4.26667vw;
  }
}

.event--lead-text {
  letter-spacing: .04em;
}
@media screen and (min-width: 768px) {
  .event--lead-text {
    margin-bottom: 54px;
    font-size: .8125rem;
    text-align: center;
    line-height: 1.69231;
  }
}
@media screen and (max-width: 767px) {
  .event--lead-text {
    width: 72vw;
    margin: 0 auto 7vw;
    font-size: 3.2vw;
    line-height: 1.66667;
    text-align: left;
  }
}

.event--lead-text + hr {
  border: 0;
  background-color: #f8f5f5;
  height: 2px;
}
@media screen and (min-width: 768px) {
  .event--lead-text + hr {
    width: 750px;
    margin-bottom: 31px;
  }
}
@media screen and (max-width: 767px) {
  .event--lead-text + hr {
    width: 80vw;
    margin-bottom: 11.8vw;
  }
}

.evet-catch {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .evet-catch {
    margin-bottom: 40px;
    padding-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .evet-catch {
    margin-bottom: 9vw;
  }
}

.evet-catch--title {
  letter-spacing: .04em;
}
@media screen and (min-width: 768px) {
  .evet-catch--title {
    margin-bottom: 32px;
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 767px) {
  .evet-catch--title {
    margin-bottom: 6vw;
    font-size: 4.8vw;
  }
}

.evet-catch--text {
  letter-spacing: .04em;
}
@media screen and (min-width: 768px) {
  .evet-catch--text {
    margin-bottom: 32px;
    font-size: .8125rem;
  }
}
@media screen and (max-width: 767px) {
  .evet-catch--text {
    width: 72vw;
    margin: 0 auto 4vw;
    font-size: 3.2vw;
    line-height: 1.66667;
  }
}

@media screen and (max-width: 767px) {
  .evet-catch--image {
    width: 69.33334vw;
    margin: 0 auto;
  }
}

.evet-catch + hr {
  border: 0;
  background-color: #f8f5f5;
  height: 2px;
}
@media screen and (min-width: 768px) {
  .evet-catch + hr {
    width: 750px;
    margin-bottom: 43px;
  }
}
@media screen and (max-width: 767px) {
  .evet-catch + hr {
    width: 80vw;
    margin-bottom: 13vw;
  }
}

.event-kit--title {
  text-align: center;
  letter-spacing: .04em;
  font-family: "Poppins", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .event-kit--title {
    margin-bottom: 42px;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  .event-kit--title {
    margin-bottom: 7vw;
    font-size: 4.26667vw;
  }
}

.event__kit {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .event__kit {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 750px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  .event__kit {
    width: 74.66667vw;
    margin-bottom: 17.4vw;
  }
}

.event--kit-image {
  border: 1px solid #c8c8c8;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .event--kit-image {
    width: 360px;
    height: 360px;
  }
}
@media screen and (max-width: 767px) {
  .event--kit-image {
    margin-bottom: 4.2vw;
  }
}
.event--kit-image img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 768px) {
  .event--kit__info {
    width: 340px;
    margin-top: 6px;
  }
}

@media screen and (min-width: 768px) {
  .event__kit + .event__kit .event--kit__info {
    margin-top: 10px;
  }
}

.event--kit-name {
  font-weight: bold;
  letter-spacing: .04em;
}
@media screen and (min-width: 768px) {
  .event--kit-name {
    margin-bottom: 16px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .event--kit-name {
    margin-bottom: 6.2vw;
    font-size: 4.26667vw;
    text-align: center;
  }
}

.event--kit-set-title {
  position: relative;
  color: #878782;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .event--kit-set-title {
    margin-bottom: 11px;
    font-size: .8125rem;
  }
}
@media screen and (max-width: 767px) {
  .event--kit-set-title {
    margin-bottom: 2.6vw;
    font-size: 3.2vw;
  }
}
.event--kit-set-title:before, .event--kit-set-title:after {
  display: block;
  position: absolute;
  top: 47%;
  height: 1px;
  background-color: #c8c8c8;
  content: "";
}
@media screen and (min-width: 768px) {
  .event--kit-set-title:before, .event--kit-set-title:after {
    width: 130px;
  }
}
@media screen and (max-width: 767px) {
  .event--kit-set-title:before, .event--kit-set-title:after {
    width: 26.66667vw;
  }
}
.event--kit-set-title:before {
  left: 0;
}
.event--kit-set-title:after {
  right: 0;
}

.event--kit__set {
  border-bottom: 1px solid #c8c8c8;
}
@media screen and (min-width: 768px) {
  .event--kit__set {
    margin-bottom: 22px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .event--kit__set {
    margin-bottom: 4vw;
    padding-bottom: 2vw;
  }
}

.event--kit__set li {
  padding-left: 1em;
  text-indent: -1em;
  letter-spacing: .04em;
}
@media screen and (min-width: 768px) {
  .event--kit__set li {
    font-size: .8125rem;
    line-height: 1.69231;
    white-space: nowrap;
  }
}
@media screen and (max-width: 767px) {
  .event--kit__set li {
    font-size: 3.2vw;
    line-height: 1.66667;
  }
}
.event--kit__set li:before {
  content: "・";
}

@media screen and (min-width: 768px) {
  .event--kit__set > p {
    padding: 11px 0 14px;
    font-size: .6875rem;
    line-height: 1.45455;
  }
}
@media screen and (max-width: 767px) {
  .event--kit__set > p {
    padding: 2vw 0 3vw;
    font-size: 2.66667vw;
    line-height: 1.5;
  }
}

.event--kit-price {
  letter-spacing: .04em;
}
@media screen and (min-width: 768px) {
  .event--kit-price {
    margin-bottom: 25px;
    font-size: .875rem;
  }
}
@media screen and (max-width: 767px) {
  .event--kit-price {
    margin-bottom: 5vw;
    font-size: 3.73334vw;
    text-align: center;
  }
}

.event--kit__notes li {
  padding-left: 1em;
  text-indent: -1em;
  letter-spacing: .04em;
}
@media screen and (min-width: 768px) {
  .event--kit__notes li {
    margin-bottom: 6px;
    font-size: .6875rem;
  }
}
@media screen and (max-width: 767px) {
  .event--kit__notes li {
    margin-bottom: 1.6vw;
    font-size: 2.66667vw;
  }
}
.event--kit__notes li:before {
  content: "※";
}

.event-present {
  margin: 0 auto;
  border: 1px solid #c8c8c8;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .event-present {
    width: 750px;
    padding-top: 29px;
  }
}
@media screen and (max-width: 767px) {
  .event-present {
    width: 80vw;
    padding: 3.8vw 0;
  }
}

.event--present-tilte {
  position: relative;
  z-index: 2;
  text-align: center;
  letter-spacing: .04em;
}
@media screen and (min-width: 768px) {
  .event--present-tilte {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  .event--present-tilte {
    font-size: 4.8vw;
    line-height: 1.3;
  }
}
.event--present-tilte:before {
  background: url(/contents/shared/images/icon_gift.svg) no-repeat 50% 50%;
  background-size: 100% 100%;
  content: "";
}
@media screen and (min-width: 768px) {
  .event--present-tilte:before {
    display: inline-block;
    width: 42px;
    height: 42px;
    margin-right: 8px;
    vertical-align: -12px;
  }
}
@media screen and (max-width: 767px) {
  .event--present-tilte:before {
    display: block;
    width: 12vw;
    height: 12vw;
    margin: 0 auto 1vw;
  }
}

@media screen and (min-width: 768px) {
  .event-present__innder {
    width: 660px;
    margin: -13px auto 0;
  }
}

@media screen and (max-width: 767px) {
  .event-present--item {
    width: 64vw;
    height: 64vw;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .event-present__info {
    padding-top: 34px;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  .event-present__info {
    position: relative;
    z-index: 2;
    width: 64vw;
    margin: 6vw auto 0;
  }
}

.event-present--desc {
  letter-spacing: .05em;
}
@media screen and (min-width: 768px) {
  .event-present--desc {
    margin-bottom: 35px;
    font-size: .875rem;
    line-height: 1.57143;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .event-present--desc {
    margin-bottom: 8vw;
    font-size: 3.73334vw;
    line-height: 1.57143;
    text-align: left;
  }
}

.event-present__notes li {
  padding-left: 1em;
  text-indent: -1em;
  letter-spacing: .04em;
}
@media screen and (min-width: 768px) {
  .event-present__notes li {
    margin-bottom: 6px;
    font-size: .6875rem;
  }
}
@media screen and (max-width: 767px) {
  .event-present__notes li {
    margin-bottom: 1.8vw;
    font-size: 2.66667vw;
    line-height: 1.3;
  }
}
.event-present__notes li:before {
  content: "※";
}

.event-infection-prevention {
  margin: 0 auto;
  background-color: #fff;
  /*opacity: .5;*/
}
@media screen and (min-width: 768px) {
  .event-infection-prevention {
    width: 900px;
    margin-bottom: 56px;
    padding: 48px 0 40px;
  }
}
@media screen and (max-width: 767px) {
  .event-infection-prevention {
    width: 90.66667vw;
    padding: 8.2vw 0 9.86667vw;
    margin-bottom: 11vw;
  }
}

.infection-prevention--title {
  text-align: center;
  letter-spacing: .04em;
}
@media screen and (min-width: 768px) {
  .infection-prevention--title {
    margin-bottom: 33px;
    font-size: .875rem;
  }
}
@media screen and (max-width: 767px) {
  .infection-prevention--title {
    margin-bottom: 9.2vw;
    font-size: 3.73334vw;
  }
}

.infection-prevention--lead-text {
  margin: 0 auto;
  letter-spacing: .04em;
}
@media screen and (min-width: 768px) {
  .infection-prevention--lead-text {
    width: 640px;
    margin-bottom: 32px;
    font-size: .8125rem;
  }
}
@media screen and (max-width: 767px) {
  .infection-prevention--lead-text {
    margin-bottom: 6vw;
    width: 78.66667vw;
    font-size: 3.2vw;
    line-height: 1.66667;
  }
}

.event-infection-prevention ul {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .event-infection-prevention ul {
    width: 640px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .event-infection-prevention ul {
    width: 78.66667vw;
    margin-bottom: 6vw;
  }
}

.event-infection-prevention li {
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (min-width: 768px) {
  .event-infection-prevention li {
    margin-top: 8px;
    font-size: .8125rem;
  }
}
@media screen and (max-width: 767px) {
  .event-infection-prevention li {
    margin-top: .9vw;
    font-size: 3.2vw;
    line-height: 1.4;
  }
}
.event-infection-prevention li:first-child {
  margin-top: 0;
}
.event-infection-prevention li:before {
  content: "・";
}

.infection-prevention--text {
  margin: 0 auto;
  letter-spacing: .04em;
}
@media screen and (min-width: 768px) {
  .infection-prevention--text {
    width: 640px;
    font-size: .8125rem;
    line-height: 1.69231;
  }
}
@media screen and (max-width: 767px) {
  .infection-prevention--text {
    width: 78.66667vw;
    font-size: 3.2vw;
    line-height: 1.66667;
  }
}

.shop-event + hr {
  border: 0;
  height: 1px;
  background-color: #c8c8c8;
}
@media screen and (min-width: 768px) {
  .shop-event + hr {
    width: 900px;
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 767px) {
  .shop-event + hr {
    width: 85.86667vw;
    margin: 8vw auto;
  }
}