@charset "UTF-8";
/* mixin css */
/* ------------------------------------------------------------------------
	 MEDIAQUERY
------------------------------------------------------------------------ */
/*	COMMON
-------------------------------------------------- */
.pcOnly {
  display: none !important;
}

html, body {
  min-width: 0;
}

#gift-card .contents {
  overflow: hidden;
  color: #333;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  font-size: 3.7333333333vw;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#gift-card .contents p, #gift-card .contents h1, #gift-card .contents h2, #gift-card .contents h3, #gift-card .contents h4, #gift-card .contents h5, #gift-card .contents h6, #gift-card .contents a, #gift-card .contents li, #gift-card .contents caption, #gift-card .contents td, #gift-card .contents th, #gift-card .contents dt, #gift-card .contents dd, #gift-card .contents input, #gift-card .contents textarea, #gift-card .contents select, #gift-card .contents address {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: inherit;
}
#gift-card .contents a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.2s;
}
#gift-card .contents img {
  width: 100%;
  max-width: none;
  height: auto;
  vertical-align: bottom;
  -webkit-backface-visibility: hidden;
}
#gift-card .contents img[src$=svg] {
  max-width: 100%;
}
#gift-card .contents.gift-card-wrap {
  margin-top: 18.8%;
}
#gift-card .contents h1 {
  padding: 8% 0;
  width: 100%;
  color: #fff;
  background-color: #09c;
  font-size: 18px;
  font-size: 4.8vw;
  font-weight: 400;
  line-height: 1.1;
  text-align: center;
}
#gift-card .contents h2 {
  padding-bottom: 2%;
  border-bottom: 0.12em solid #000;
  display: inline-block;
  color: #000;
  line-height: 1.1;
  text-align: center;
  font-size: 18px;
  font-size: 4.8vw;
}
#gift-card .contents .bg-shadow {
  box-shadow: 30px 15px 30px rgba(0, 0, 0, 0.1);
}
#gift-card .contents .discript {
  margin: 8% 0 9.3333333333%;
  line-height: 150%;
  text-align: center;
  font-size: 16px;
  font-size: 4.2666666667vw;
}
#gift-card .contents .discript p + p {
  margin-top: 6.6666666667%;
}
#gift-card .contents .discript b {
  color: #ff0100;
  font-weight: bold;
}
#gift-card .contents .gift-card-certificate, #gift-card .contents .gift-card-eligible_items {
  margin: 0 5.3333333333%;
  position: relative;
  text-align: center;
}
#gift-card .contents .gift-card-certificate::after, #gift-card .contents .gift-card-eligible_items::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  background: #ecf1f5;
  content: "";
}
#gift-card .contents .gift-card-certificate {
  padding: 10.6666666667% 0 0;
}
#gift-card .contents .gift-card-certificate::after {
  height: 92%;
}
#gift-card .contents .certificate-img {
  margin: 8.9552238806% 5.9701492537% 0 5.9701492537%;
}
#gift-card .contents .gift-card-eligible_items {
  margin: 10.6666666667% 5.3333333333% 12.6666666667%;
  padding: 10.6666666667% 5.3333333333% 0;
}
#gift-card .contents .gift-card-eligible_items p {
  font-size: 12px;
  font-size: 3.2vw;
  line-height: 1.2;
  text-align: left;
}
#gift-card .contents .gift-card-eligible_items::after {
  height: 97%;
}
#gift-card .contents .gift-card-eligible_items .pkg-img-list {
  margin: 11.0169491525% 0 5.9322033898%;
  display: flex;
  justify-content: space-between;
}
#gift-card .contents .gift-card-eligible_items .pkg-img-list li {
  width: 30.6779661017%;
}
#gift-card .contents .gift-card-eligible_items .pkg-text-list {
  margin-bottom: 8.4745762712%;
  text-align: left;
}
#gift-card .contents .gift-card-eligible_items .pkg-text-list li {
  font-size: 12px;
  font-size: 3.2vw;
  line-height: 1.2;
}
#gift-card .contents .gift-card-eligible_items .pkg-text-list li + li {
  margin-top: 2.5423728814%;
}
#gift-card .contents .gift-card-attention {
  margin: 11.0169491525% auto 0;
  border: 1px solid #ff0100;
  width: 100%;
  background: #fff;
}
#gift-card .contents .gift-card-attention dt {
  padding: 2.5510204082% 0;
  color: #fff;
  background: #ff0100;
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 16px;
  font-size: 4.2666666667vw;
}
#gift-card .contents .gift-card-attention dd {
  padding: 6.8027210884% 0 5.1020408163%;
  text-align: center;
}
#gift-card .contents .gift-card-attention .pkg-img {
  margin: auto;
}
#gift-card .contents .gift-card-attention .pkg-img img {
  width: 24%;
}
#gift-card .contents .gift-card-attention .red-text {
  margin: 5.9523809524% 0 1.7006802721%;
  color: #ff0100;
  line-height: 1.1;
  text-align: center;
  letter-spacing: -1.5px;
  font-size: 16px;
  font-size: 4.2666666667vw;
}
#gift-card .contents .gift-card-attention .red-text b {
  font-size: 18px;
  font-size: 4.8vw;
}
#gift-card .contents .gift-card-attention .pkg-text {
  font-size: 12px;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}
@media screen and (orientation: landscape) {
  #gift-card .contents.gift-card-wrap h1 {
    padding: 20% 0 11%;
  }
}
#gift-card #footer02 {
  font-size: 16px;
}
#gift-card footer .foot_inner ul.main_list li {
  font-size: 16px;
}
#gift-card footer .foot_inner ul.sub_list li {
  font-size: 12px;
}

/* pc-small
-------------------------------------------------- */
/* tablet
-------------------------------------------------- */
/* sp-side
-------------------------------------------------- */
@media only screen and (max-width: 640px) {
  html {
    font-size: 62.5%;
  }
}
/* iPhone5-side
-------------------------------------------------- */
@media only screen and (max-width: 568px) {
  html {
    font-size: 55.46875%;
  }
}
/* android-w
-------------------------------------------------- */
@media only screen and (max-width: 540px) {
  html {
    font-size: 52.734375%;
  }
}
/* android-m
-------------------------------------------------- */
@media only screen and (max-width: 480px) {
  html {
    font-size: 46.875%;
  }
}
/* iphone6plus
-------------------------------------------------- */
@media only screen and (max-width: 414px) {
  html {
    font-size: 40.4296875%;
  }
}
/* iphone6
-------------------------------------------------- */
@media only screen and (max-width: 375px) {
  html {
    font-size: 36.62109375%;
  }
  .priceTable .yen span {
    letter-spacing: -0.025em;
  }
}
/* android
-------------------------------------------------- */
@media only screen and (max-width: 360px) {
  html {
    font-size: 35.15625%;
  }
}
/* iphone5, android-s
-------------------------------------------------- */
@media only screen and (max-width: 320px) {
  html {
    font-size: 31.25%;
  }
}