@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://use.fontawesome.com/releases/v6.4.2/css/all.css");
html {
  scroll-behavior: smooth;
}

@keyframes shine {
  0%, 100% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.07);
  }
}
@keyframes twinkle {
  0%, 100% {
    transform: scale(0.5);
    opacity: 0.3;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes floatHoshi01 {
  0%, 100% {
    transform: translateY(0) rotate(-12deg);
  }
  50% {
    transform: translateY(-20px) rotate(-12deg);
  }
}
@keyframes floatHoshi03 {
  0%, 100% {
    transform: translateY(0) rotate(12deg);
  }
  50% {
    transform: translateY(20px) rotate(12deg);
  }
}
@keyframes floatHoshi06 {
  0%, 100% {
    transform: translateY(0) rotate(-15deg);
  }
  50% {
    transform: translateY(20px) rotate(-15deg);
  }
}
@keyframes floatHoshi08 {
  0%, 100% {
    transform: translateY(0) rotate(8deg);
  }
  50% {
    transform: translateY(-20px) rotate(8deg);
  }
}
@keyframes borderFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slideFromLeft {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes slideFromRight {
  0% {
    clip-path: inset(0 0 0 100%);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", "ヒラギノ角ゴ ProN", Meiryo, sans-serif;
  background-color: #f3f2ee;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

a {
  text-decoration: none;
  color: #fff;
}

.global_head {
  margin: 0;
}

.wrap {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}

.content {
  background: linear-gradient(-45deg, #80d3f7, #dddee0, #ffc1d5, #dddee0, #80d3f7);
  background-attachment: fixed;
  display: grid;
  grid-template-columns: 1fr minmax(700px, 1fr) 1fr;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 990px) {
  .content {
    grid-template-columns: auto;
    overflow: hidden;
  }
}
.content::after {
  content: "";
  height: 100%;
  width: 100%;
  background: url(../img/bg-texture.jpg) repeat top left/250px 250px;
  mix-blend-mode: overlay;
  opacity: 0.4;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.sub {
  position: sticky;
  top: 20px;
  align-self: start;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100vh;
}
@media only screen and (max-width: 990px) {
  .sub {
    display: none;
  }
}
.sub .nav {
  list-style: none;
  margin: 0 0 40px;
  padding: 0;
  font-family: "Montserrat";
  font-weight: 600;
  font-size: 1.7vw;
  display: grid;
  gap: 10px 0;
}
.sub .nav li {
  transition: 0.3s;
}
.sub .nav li::before {
  content: "";
  display: inline-block;
  background: url(../img/kirakira-dot.png) no-repeat top left/contain;
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
.sub .nav li:hover {
  opacity: 0.6;
}
.sub .nav a {
  color: #000;
  font-weight: 600;
}
.sub .sub-sns-ttl {
  margin-bottom: 15px;
  font-family: "Montserrat";
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: 0.1rem;
  text-align: center;
}
.sub .sub-sns-icon {
  border: 1px solid #000;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: 0 auto 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.sub .sub-sns-icon::before {
  content: "\e61b";
  font-family: "Font Awesome 6 Brands";
  font-weight: 900;
  display: block;
  font-size: 1.5rem;
  color: #000;
}
@media only screen and (max-width: 990px) {
  .sub .sub-sns-icon::before {
    font-size: 2.2rem;
  }
}
.sub .sub-sns-icon:hover {
  opacity: 0.6;
}
.sub .sub-ttl img {
  transform: rotate(-90deg);
  width: 100%;
}

.main {
  background-color: #fff;
  background-image: linear-gradient(rgba(0, 0, 0, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
  background-size: 40px 40px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
  width: 100%;
  margin: 0 auto;
}

.hero {
  background-color: #fff;
  padding: 30px;
  height: calc(100vh - 38px);
  box-sizing: border-box;
}
@media only screen and (max-width: 990px) {
  .hero {
    padding: 20px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 990px) {
  .hero__content {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
}
.hero__img--top, .hero__img--bottom {
  width: 100%;
  height: calc((100vh - 178px) / 2);
  border: 3px solid #000;
  border-radius: 30px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 990px) {
  .hero__img--top, .hero__img--bottom {
    height: calc((100vh - 138px) / 2);
  }
}
.hero__img--top {
  background: url(../img/bg_01.png) no-repeat center/cover;
  opacity: 0;
  clip-path: inset(0 100% 0 0);
  animation: borderFadeIn 0.3s ease forwards, slideFromLeft 0.8s ease 0.3s forwards;
}
.hero__img--bottom {
  background: url(../img/bg_02.png) no-repeat center/cover;
  opacity: 0;
  clip-path: inset(0 0 0 100%);
  animation: borderFadeIn 0.3s ease 1.4s forwards, slideFromRight 0.8s ease 1.5s forwards;
}
.hero__ttl {
  background-color: #fff;
  text-align: center;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 990px) {
  .hero__ttl {
    height: 60px;
  }
}
.hero__ttl img {
  max-width: 780px;
  width: 100%;
}
@media only screen and (max-width: 990px) {
  .hero__ttl img {
    width: 90%;
  }
}

.intro {
  background-color: #C7E2F7;
  text-align: center;
  padding: 210px 0 200px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 990px) {
  .intro {
    padding: 70px 0;
  }
}
.intro::after {
  content: "";
  background: radial-gradient(#fff, transparent);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.intro__lead {
  max-width: 400px;
  margin: 0 auto 35px;
}
@media only screen and (max-width: 990px) {
  .intro__lead {
    max-width: 300px;
    margin: 0 auto 25px;
  }
}
.intro__text {
  display: grid;
  gap: 20px 0;
}
.intro__text p {
  margin: 0;
  font-weight: 600;
  letter-spacing: 0.12rem;
  line-height: 2.5;
  font-size: 1.15rem;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.intro__text p:nth-child(1) {
  transition-delay: 0s;
}
.intro__text p:nth-child(2) {
  transition-delay: 0.3s;
}
.intro__text p.is-visible {
  opacity: 1;
  transform: translateY(0);
}
@media only screen and (max-width: 990px) {
  .intro__text p {
    font-size: 0.85rem;
    line-height: 2.2;
  }
}

.sale {
  padding: 130px 0;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 990px) {
  .sale {
    padding: 70px 25px;
  }
}
.sale__content {
  display: grid;
  gap: 30px 0;
}
@media only screen and (max-width: 990px) {
  .sale__content {
    gap: 25px 0;
  }
}
.sale dl {
  width: 100%;
  margin: 0 auto;
  background-color: #f8f7f7;
  border: 1px solid #000;
  border-radius: 15px;
  max-width: 450px;
  text-align: center;
}
.sale dl:last-child dd {
  padding: 30px 25px 35px;
}
.sale dl dt {
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid #000;
}
@media only screen and (max-width: 990px) {
  .sale dl dt {
    padding: 7px 0;
  }
}
.sale dl dd {
  margin: 0;
  padding: 25px;
}
.sale dl .date {
  margin: 0;
  position: relative;
}
.sale dl .date-num-s {
  font-family: "Montserrat";
  margin-right: 3px;
}
.sale dl .date-num {
  font-family: "Montserrat";
  font-weight: 600;
  font-size: 2.4rem;
  margin: 0 3px;
}
@media only screen and (max-width: 990px) {
  .sale dl .date-num {
    font-size: 2.2rem;
  }
}
.sale dl .sale-note {
  display: block;
  font-size: 0.85rem;
  margin-top: 7px;
}
@media only screen and (max-width: 990px) {
  .sale dl .sale-note {
    font-size: 0.8rem;
    margin-top: 3px;
  }
}
.sale .deco-sale-hoshi-01 {
  top: 35px;
  left: 35px;
  z-index: -1;
}
@media only screen and (max-width: 990px) {
  .sale .deco-sale-hoshi-01 {
    left: 5px;
  }
}
.sale .deco-sale-hoshi-01 img {
  width: 150px;
}
.sale .deco-sale-hoshi-01 img {
  transform: rotate(10deg);
}
.sale .deco-sale-hoshi-02 {
  top: 186px;
  left: 20px;
  z-index: -1;
}
@media only screen and (max-width: 990px) {
  .sale .deco-sale-hoshi-02 {
    left: -10px;
  }
}
.sale .deco-sale-hoshi-02 img {
  width: 100px;
}
.sale .deco-sale-hoshi-02 img {
  transform: rotate(-25deg);
}
.sale .deco-sale-hoshi-03 {
  bottom: 43px;
  right: 2px;
  z-index: -1;
}
@media only screen and (max-width: 990px) {
  .sale .deco-sale-hoshi-03 {
    bottom: 23px;
    right: -22px;
  }
}
.sale .deco-sale-hoshi-03 img {
  width: 97px;
}
.sale .deco-sale-hoshi-03 img {
  transform: rotate(12deg);
}
.sale .deco-sale-hoshi-04 {
  bottom: 8px;
  right: 31px;
  z-index: -1;
}
@media only screen and (max-width: 990px) {
  .sale .deco-sale-hoshi-04 {
    bottom: -18px;
    right: 11px;
  }
}
.sale .deco-sale-hoshi-04 img {
  width: 136px;
}
.sale .deco-sale-hoshi-04 img {
  transform: rotate(12deg);
}
.sale .deco-sale-hoshi-05 {
  top: 174px;
  right: 36px;
  z-index: -1;
}
@media only screen and (max-width: 990px) {
  .sale .deco-sale-hoshi-05 {
    top: 144px;
    right: 46px;
  }
}
.sale .deco-sale-hoshi-05 img {
  width: 136px;
}
@media only screen and (max-width: 990px) {
  .sale .deco-sale-hoshi-05 img {
    width: 110px;
  }
}
.sale .deco-sale-hoshi-05 img {
  transform: rotate(-12deg) scaleX(-1);
}

.deco {
  position: absolute;
}

.prod {
  background-color: #e9e0f6;
  border-radius: 350px;
  padding: 180px 0 260px;
  position: relative;
}
@media only screen and (max-width: 990px) {
  .prod {
    border-radius: 50%/180px;
    padding: 130px 0 160px;
  }
}
.prod h2 {
  font-family: "Montserrat";
  text-align: center;
  font-size: 3rem;
  margin: 0 0 60px;
}
@media only screen and (max-width: 990px) {
  .prod h2 {
    font-size: 2.4rem;
    margin: 0 0 50px;
  }
}
@media only screen and (max-width: 990px) {
  .prod__content {
    padding: 0 30px;
  }
}
.prod__item {
  max-width: 500px;
  margin: 0 auto 60px;
}
@media only screen and (max-width: 990px) {
  .prod__item {
    margin: 0 auto 40px;
  }
}
.prod__item:last-child {
  margin: 0 auto;
}
.prod__item:nth-child(2) .prod__img {
  animation-delay: 1.5s;
}
.prod__img {
  background: url(../img/prod-item-bg.png) no-repeat center/cover;
  border-radius: 50%;
  margin-bottom: 35px;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  animation: shine 3s infinite;
}
@media only screen and (max-width: 990px) {
  .prod__img {
    margin-bottom: 25px;
  }
}
.prod__img img {
  max-width: 75%;
  max-height: 75%;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.07));
}
@media only screen and (max-width: 990px) {
  .prod__img img {
    max-width: 80%;
    max-height: 80%;
  }
}
.prod__img.splide .splide__track {
  border-radius: 20px;
  height: 100%;
}
.prod__img.splide .splide__list {
  height: 100%;
}
.prod__img.splide .splide__slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.prod__img.splide .splide__slide img {
  max-width: 79%;
  max-height: 79%;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width: 990px) {
  .prod__img.splide .splide__slide img {
    max-width: 80%;
    max-height: 80%;
  }
}
.prod__img.splide .splide__arrows .splide__arrow {
  background: #fff;
  border: 1px solid #000;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  opacity: 0.9;
  transition: opacity 0.3s ease;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
@media only screen and (max-width: 990px) {
  .prod__img.splide .splide__arrows .splide__arrow {
    width: 30px;
    height: 30px;
  }
}
.prod__img.splide .splide__arrows .splide__arrow:hover {
  opacity: 1;
}
.prod__img.splide .splide__arrows .splide__arrow::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  position: absolute;
  top: 50%;
  left: 50%;
}
@media only screen and (max-width: 990px) {
  .prod__img.splide .splide__arrows .splide__arrow::before {
    width: 8px;
    height: 8px;
  }
}
.prod__img.splide .splide__arrows .splide__arrow--prev {
  left: 10px;
}
.prod__img.splide .splide__arrows .splide__arrow--prev::before {
  transform: translate(-40%, -50%) rotate(-135deg);
}
.prod__img.splide .splide__arrows .splide__arrow--next {
  right: 10px;
}
.prod__img.splide .splide__arrows .splide__arrow--next::before {
  transform: translate(-60%, -50%) rotate(45deg);
}
.prod__img.splide .splide__arrows .splide__arrow svg {
  display: none;
}
.prod__text {
  background-color: #f8f7f7;
  border: 1px solid #000;
  border-radius: 15px;
  max-width: 400px;
  margin: 0 auto;
  padding: 30px;
}
@media only screen and (max-width: 990px) {
  .prod__text {
    padding: 20px;
  }
}
.prod__name {
  font-weight: 600;
  font-size: 1.5rem;
  text-align: center;
}
@media only screen and (max-width: 990px) {
  .prod__name {
    font-size: 1.25rem;
  }
}
.prod__price {
  font-family: "Montserrat";
  font-weight: 600;
  font-size: 1.7rem;
  text-align: center;
  margin-bottom: 15px;
}
@media only screen and (max-width: 990px) {
  .prod__price {
    font-size: 1.4rem;
    margin-bottom: 13px;
  }
}
.prod__price span {
  font-weight: 500;
  font-size: 0.9rem;
  margin: 0 5px;
  position: relative;
  top: -1px;
}
@media only screen and (max-width: 990px) {
  .prod__price span {
    font-size: 0.85rem;
  }
}
.prod__info {
  font-size: 0.93rem;
  line-height: 1.5;
  margin-bottom: 10px;
  word-break: break-all;
}
@media only screen and (max-width: 990px) {
  .prod__info {
    font-size: 0.88rem;
  }
}
.prod__note {
  list-style: none;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding-left: 0;
  font-size: 0.8rem;
  font-weight: 400;
  color: #666;
}
@media only screen and (max-width: 990px) {
  .prod__note {
    font-size: 0.75rem;
  }
}
.prod__note li {
  position: relative;
  padding-left: 1.5em;
}
.prod__note li::before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}
.prod .deco-hoshi-01 {
  top: 235px;
  left: -20px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
@media only screen and (max-width: 990px) {
  .prod .deco-hoshi-01 {
    top: 185px;
    left: 0;
  }
}
.prod .deco-hoshi-01 img {
  width: 160px;
  animation: floatHoshi01 3s ease-in-out infinite;
}
@media only screen and (max-width: 990px) {
  .prod .deco-hoshi-01 img {
    width: 120px;
  }
}
.prod .deco-hoshi-01.is-visible {
  opacity: 1;
}
.prod .deco-hoshi-02 {
  top: 338px;
  right: 90px;
}
@media only screen and (max-width: 990px) {
  .prod .deco-hoshi-02 {
    top: 245px;
    right: 35px;
  }
}
.prod .deco-hoshi-02 img {
  width: 40px;
  animation: twinkle 2s infinite;
}
@media only screen and (max-width: 990px) {
  .prod .deco-hoshi-02 img {
    width: 28px;
  }
}
.prod .deco-hoshi-03 {
  top: 646px;
  right: -17px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
@media only screen and (max-width: 990px) {
  .prod .deco-hoshi-03 {
    top: 550px;
    right: 0;
  }
}
.prod .deco-hoshi-03 img {
  width: 120px;
  animation: floatHoshi03 3s ease-in-out infinite;
}
@media only screen and (max-width: 990px) {
  .prod .deco-hoshi-03 img {
    width: 80px;
  }
}
.prod .deco-hoshi-03.is-visible {
  opacity: 1;
}
.prod .deco-hoshi-04 {
  top: 725px;
  right: 77px;
}
@media only screen and (max-width: 990px) {
  .prod .deco-hoshi-04 {
    top: 629px;
    right: 4px;
  }
}
.prod .deco-hoshi-04 img {
  width: 40px;
  animation: twinkle 2s infinite 0.5s;
}
@media only screen and (max-width: 990px) {
  .prod .deco-hoshi-04 img {
    width: 28px;
  }
}
.prod .deco-hoshi-05 {
  top: 1170px;
  left: 94px;
}
@media only screen and (max-width: 990px) {
  .prod .deco-hoshi-05 {
    top: 882px;
    left: 25px;
  }
}
.prod .deco-hoshi-05 img {
  width: 40px;
  animation: twinkle 2s infinite 1s;
}
@media only screen and (max-width: 990px) {
  .prod .deco-hoshi-05 img {
    width: 28px;
  }
}
.prod .deco-hoshi-06 {
  bottom: 163px;
  left: 53px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
@media only screen and (max-width: 990px) {
  .prod .deco-hoshi-06 {
    bottom: 90px;
    left: 0;
  }
}
.prod .deco-hoshi-06 img {
  width: 120px;
  animation: floatHoshi06 3s ease-in-out infinite;
}
@media only screen and (max-width: 990px) {
  .prod .deco-hoshi-06 img {
    width: 80px;
  }
}
.prod .deco-hoshi-06.is-visible {
  opacity: 1;
}
.prod .deco-hoshi-07 {
  bottom: 138px;
  left: 57px;
}
@media only screen and (max-width: 990px) {
  .prod .deco-hoshi-07 {
    bottom: 60px;
    left: 8px;
  }
}
.prod .deco-hoshi-07 img {
  width: 40px;
  animation: twinkle 2s infinite 1.5s;
}
@media only screen and (max-width: 990px) {
  .prod .deco-hoshi-07 img {
    width: 28px;
  }
}
.prod .deco-hoshi-08 {
  bottom: 70px;
  right: 30px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
@media only screen and (max-width: 990px) {
  .prod .deco-hoshi-08 {
    bottom: 35px;
    right: 0;
  }
}
.prod .deco-hoshi-08 img {
  width: 140px;
  animation: floatHoshi08 3s ease-in-out infinite;
}
@media only screen and (max-width: 990px) {
  .prod .deco-hoshi-08 img {
    width: 100px;
  }
}
.prod .deco-hoshi-08.is-visible {
  opacity: 1;
}
.prod .deco-hoshi-09 {
  top: 1008px;
  left: 30px;
}
@media only screen and (max-width: 990px) {
  .prod .deco-hoshi-09 {
    display: none;
  }
}
.prod .deco-hoshi-09 img {
  width: 30px;
  animation: twinkle 2s infinite 1.5s;
}
.prod .deco-hoshi-10 {
  bottom: 633px;
  right: 50px;
}
@media only screen and (max-width: 990px) {
  .prod .deco-hoshi-10 {
    display: none;
  }
}
.prod .deco-hoshi-10 img {
  width: 30px;
  animation: twinkle 2s infinite 1.5s;
}

.sns {
  background-color: #000;
  color: #fff;
  margin-top: 140px;
  padding: 130px 0 80px;
  position: relative;
  text-align: center;
}
.sns h2 {
  font-family: "Montserrat";
  text-align: center;
  font-weight: 500;
  margin: 0 0 20px;
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
}
.sns__item {
  text-align: center;
  transition: 0.3s;
  display: inline-block;
}
.sns__item:hover {
  opacity: 0.8;
}
.sns__item:hover .sns__icon {
  transform: scale(1.1);
}
.sns__item:hover .sns__icon::before {
  transform: scale(1);
}
.sns__icon {
  border: 1px solid #fff;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  margin: 0 auto 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.sns__icon::before {
  content: "\e61b";
  font-family: "Font Awesome 6 Brands";
  font-weight: 900;
  display: block;
  font-size: 1.5rem;
  color: #fff;
}
.sns__name {
  font-size: 0.8rem;
}
.sns .sticker-deco__item {
  position: absolute;
}
.sns .sticker-deco .deco-sticker-01 {
  top: 0px;
  left: calc(50% - 38px);
  transform: translateX(-50%);
  z-index: 3;
  width: 500px;
}
.sns .sticker-deco .deco-sticker-01 img {
  transform: rotate(-5deg);
}
.sns .sticker-deco .deco-sticker-02 {
  top: -25px;
  left: calc(50% - 178px);
  transform: translateX(-50%);
  z-index: 1;
  width: 500px;
}
.sns .sticker-deco .deco-sticker-02 img {
  transform: rotate(6deg);
}
.sns .sticker-deco .deco-sticker-03 {
  top: -37px;
  left: calc(50% + 78px);
  transform: translateX(-50%);
  z-index: 2;
  width: 450px;
}
.sns .sticker-deco .deco-sticker-03 img {
  transform: rotate(4deg);
}
.sns .sticker-deco .deco-sticker-04 {
  top: -5px;
  left: calc(50% + 200px);
  transform: translateX(-50%);
  z-index: 1;
  width: 450px;
}
.sns .sticker-deco .deco-sticker-04 img {
  transform: rotate(-10deg);
}

@media only screen and (min-width: 991px) {
  .sponly {
    display: none;
  }
}/*# sourceMappingURL=style.css.map */