@charset "UTF-8";
/* CSS Document */
/*共通*/
body {
  padding: 0;
  margin: 0;
  font-family: YakuHanJP, Roboto, Noto Sans JP, sans-serif;
  color: #000;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
  color: black;
}

* {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  transition: 0.3s;
}

a:hover {
  opacity: 0.7;
}

img {
  max-width: 100%;
}

.inner {
  max-width: inherit;
  margin-left: auto;
  margin-right: auto;
}

/* maxwidth1100px→inheritに変更 */
.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.tl {
  text-align: left;
}

.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

.line-r {
  font-family: vdl-linegr, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.mt50 {
  margin-top: 50px;
}

.mb50 {
  margin-bottom: 50px;
}

.reg-10 {
  transform: rotate(-10deg);
}

.bg-black {
  background: #000;
}

.bg-white {
  background: #fff;
}

.bg-pink {
  background: #c60079;
}

.bg-red {
  background: #E63231;
}

.bg-navy {
  background: #1B206E;
}

.f-green {
  color: #009844;
}

.f-white {
  color: #fff;
}

.f-blue {
  color: #3AA6C6;
}

.ladies {
  color: #E3007F;
}

.mens {
  color: #005BAB;
}

.m-t1em {
  margin-top: 1em;
}

@media screen and (min-width: 768px) {
  .only-sp {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
  }
  .inner {
    width: 90%;
  }
  .only-pc {
    display: none !important;
  }
}
/*==================================================
ここから全体
===================================*/
/* breakpoint定義 */
/* 色定義 */
.maxwid1100 {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 1100px) {
  .maxwid1100 {
    width: 90%;
  }
}

.coupon_wrap {
  font-family: "Noto Sans JP", sans-serif;
  width: 100%;
  overflow-x: hidden;
}

.coupon__con {
  margin: 0 auto;
  max-width: 1100px;
}
.coupon__mainttl {
  text-align: center;
  padding: 1.5em 0;
  background-color: #C70079;
}
.coupon__mainttl h3 {
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  color: #fff;
}
.coupon__mainttl h3 span.big {
  display: block;
  margin: 8px 0;
  font-size: 1.2em;
  letter-spacing: 0;
}
.coupon__mainttl-img {
  width: 30px;
  margin: 0 auto;
}
.coupon__content {
  border: 3px #C70079 solid;
  padding: 1em 0.5em 1.5em;
}
.coupon__txt {
  margin-bottom: 1em;
}
.coupon__img {
  width: 95%;
  margin: 0 auto;
  max-width: 600px;
  margin-bottom: 1em;
}
.coupon__img img {
  width: 100%;
}
.coupon__img--wide {
  width: 95%;
}
.coupon__subttl p {
  font-size: 1.2em;
  font-weight: 600;
  color: #C70079;
  border-bottom: 2px solid #C70079;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.coupon__howtouse {
  background: #FBE0EE;
  border-radius: 50px;
  padding: 0 0.5em 10px;
}
.coupon__howtouse .coupon__about {
  width: 95%;
  margin: 0 auto;
}
.coupon__aboutttl {
  margin-top: 2em;
}
.coupon__aboutttl p {
  font-size: 1.3em;
  font-weight: 600;
  color: #C70079;
  text-align: center;
  padding-top: 24px;
  letter-spacing: 1.5px;
  border-radius: 4px;
  margin-bottom: 8px;
}
.coupon__about {
  margin-bottom: 8px;
}
.coupon__notice {
  font-size: 0.9em;
}