@charset 'UTF-8';

/* ------------------------------------------------
fs打ち消し
------------------------------------------------ */
@media screen and (max-width: 599px) {
  .fs-l-main {
    width: unset !important;
    padding: 0 5% !important;
  }
}

/* --------------------------------------------- */

html {
  scroll-behavior: smooth;
}

h1 h2 p {
  font-family: 'Montserrat', 'Noto Sans JP',
    sans-serif;
}

img {
  width: 100%;
}

@media screen and (max-width: 599px) {
  .none {
    display: none;
  }
}

.sticker-gift {
  width: 768px;
  height: auto;
  margin: 120px auto;
}

@media screen and (max-width: 599px) {
  .sticker-gift {
    width: 90%;
  }
}

.sticker-gift_h1 {
  color: #3a3a3a;
  font-size: 25px;
  line-height: 1.5em;
  letter-spacing: 1px;
}

.sticker-gift_h2 {
  color: #3a3a3a;
  font-size: 20px;
  line-height: 1.5em;
  letter-spacing: 1px;
}

.sticker-gift_p {
  color: #3a3a3a;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 1px;
}

.sticker-gift_space5vh {
  padding: 5vh 0 0 0;
}

.sticker-gift_indent {
  padding-left: 1.8em;
  text-indent: -1.8em;
}

.sticker-gift_grid {
  display: grid;
  justify-content: space-between;

  grid-template-columns: 49% 49%;
  gap: 2.7%;
}

@media screen and (max-width: 599px) {
  .sticker-gift_grid img {
    width: 98.5%;
  }
}

.sticker-gift_grid-use {
  display: grid;
  justify-content: space-between;

  grid-template-columns: 49% 49%;
  gap: 2.7%;
}

@media screen and (max-width: 599px) {
  .sticker-gift_grid-use {
    display: block;
  }
}

@media screen and (max-width: 599px) {
  .sticker-gift_grid-use img {
    padding: 0 0 3vh 0;
  }
}

.sticker-gift_grid-logo {
  display: grid;
  justify-content: space-around;

  grid-template-columns: 45% 45%;
  gap: 40px 0;
}

@media screen and (max-width: 599px) {
  .sticker-gift_grid-logo {
    gap: 15px 0;
  }
}

.sticker-gift_font-deco {
  color: #00f !important;
  text-decoration: underline;
}

.sticker-gift_logo {
  transition: .3s;
}

.sticker-gift_logo:hover {
  opacity: .5;
  transition: .3s;
}

.sticker-gift_logo img {
  border: solid 1px #3a3a3a;
}

.sticker-gift_attention {
  margin-top: 15%;
  padding: 5% 5%;
  background-color: #efefef;
}

.sticker-gift_font-center {
  text-align: center;
}

.store_backbutton {
  width: 70%;
  margin: 10% auto 0;
  border: 2px solid black;
  background: #000;
  color: #fff;
  font-size: 17px;
  font-family: Hiragino Kaku Gothic Pro, Meiryo, sans-serif;
  text-align: center;
  transition: .3s;
}

.store_backbutton:hover {
  background: #fff;
  color: #000;
  transition: .3s;
}

.store_backbutton_a {
  display: block;
  padding: 3% 5%;
}

@media screen and (max-width: 599px) {
  .store_backbutton_a {
    font-size: 13px;
  }
}