@charset "UTF-8";
@font-face {
  font-family: "icon";
  src: url("/ec/css/fonts/icon.eot");
  src: url("/ec/css/fonts/icon.eot?#iefix") format("eot"), url("/ec/css/fonts/icon.woff") format("woff"), url("/ec/css/fonts/icon.ttf") format("truetype"), url("/ec/css/fonts/icon.svg#icon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icofont-"]:before, [class*=" icofont-"]:before {
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icofont-01:before {
  content: ""; }

.icofont-02:before {
  content: ""; }

.icofont-03:before {
  content: ""; }

.icofont-04:before {
  content: ""; }

.icofont-05:before {
  content: ""; }

.icofont-06:before {
  content: ""; }

.icofont-07:before {
  content: ""; }

.icofont-08:before {
  content: ""; }

.icofont-09:before {
  content: ""; }

.icofont-10:before {
  content: ""; }

.icofont-11:before {
  content: ""; }

.icofont-12:before {
  content: ""; }

.icofont-13:before {
  content: ""; }

.icofont-14:before {
  content: ""; }

.icofont-15:before {
  content: ""; }

.icofont-16:before {
  content: ""; }

.icofont-17:before {
  content: ""; }

.icofont-18:before {
  content: ""; }

.icofont-19:before {
  content: ""; }

.icofont-20:before {
  content: ""; }

.icofont-21:before {
  content: ""; }

.icofont-22:before {
  content: ""; }

.icofont-23:before {
  content: ""; }

.icofont-24:before {
  content: ""; }

.icofont-25:before {
  content: ""; }

*[class*="ico-ctg0"]:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%; }

.ico-ctg01::before {
  background: #e04388; }

.ico-ctg02::before {
  background: #e87c83; }

.ico-ctg03::before {
  background: #65b9b3; }

.ico-ctg04::before {
  background: #dbb029; }

.ico-ctg05::before {
  background: #489ad3; }

.ico-ctg06::before {
  background: #002e79; }

.ico-ctg07::before {
  background: #cb93c3; }

.txt_pink {
  color: #df4187;
  font-weight: bold; }

@media screen and (min-width: 769px) {
  .pre-txt {
    font-size: 15px; } }
@media (max-width: 768px) {
  .pre-txt {
    font-size: 3.125vw; } }

@media screen and (min-width: 769px) {
  .txt_sub {
    font-size: 12px; } }
@media (max-width: 768px) {
  .txt_sub {
    font-size: 2.86vw; } }

.pre__lead_wrp {
  margin-left: auto;
  margin-right: auto;
  display: block; }
  @media screen and (min-width: 769px) {
    .pre__lead_wrp {
      width: 600px; } }
  @media (max-width: 768px) {
    .pre__lead_wrp {
      width: 91.5vw; } }

@media (max-width: 768px) {
  .pre-sp_wrp {
    width: 91.5vw;
    margin: 0 auto; } }

@media screen and (min-width: 769px) {
  .pre-sec {
    margin-bottom: 60px; } }
@media (max-width: 768px) {
  .pre-sec {
    margin-bottom: 15.625vw; } }

@media screen and (min-width: 769px) {
  .pre-item_bt {
    margin-bottom: 30px; } }
@media (max-width: 768px) {
  .pre-item_bt {
    margin-bottom: 3.9vw; } }

.pre-comment_wrp li {
  padding-left: 1em;
  text-indent: -1em; }

.pre-lead {
  background-image: url("/ec/images/shop1/ft_pre_gift/lead_background_lf.png"), url("/ec/images/shop1/ft_pre_gift/lead_background_rt.png");
  line-height: 1.667;
  text-align: center;
  background-repeat: no-repeat; }
  @media screen and (min-width: 769px) {
    .pre-lead {
      font-size: 15px;
      background-position: top 65% left 10%,top 82% right 10%;
      background-size: 6% auto;
      margin: 30px 0; } }
  @media (max-width: 768px) {
    .pre-lead {
      font-size: 3.125vw;
      background-position: top 65% left 6%,top 82% right 8%;
      background-size: 8% auto;
      margin: 7.812vw 0; } }

.pre-card_ttl {
  color: #fff;
  text-align: center;
  font-weight: bold;
  background-image: linear-gradient(-45deg, transparent 25%, #e04388 25%, #e04388 50%, transparent 50%, transparent 75%, #e04388 75%, #e04388);
  background-color: #e35694; }
  @media screen and (min-width: 769px) {
    .pre-card_ttl {
      padding: 16px 0;
      background-size: 20px 20px;
      font-size: 19px; } }
  @media (max-width: 768px) {
    .pre-card_ttl {
      padding: 1.9vw 0;
      background-size: 4.6vw 4.6vw;
      font-size: 3.64vw; } }
  .pre-card_ttl.orange {
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
    background-image: linear-gradient(-45deg, transparent 25%, #f09432 25%, #f09432 50%, transparent 50%, transparent 75%, #f09432 75%, #f09432);
    background-color: #f29f47;
    border-radius: 6px 6px 0 0; }
    @media screen and (min-width: 769px) {
      .pre-card_ttl.orange {
        font-size: 26px; } }
    @media (max-width: 768px) {
      .pre-card_ttl.orange {
        font-size: 4.68vw; } }

.tmp_accordion__ttl {
  padding: 0; }

.tmp_accordion__btn::before {
  color: #fff; }

.pre-item__wrp {
  margin: 0 auto; }
  .pre-item__wrp .pre-img_wrp {
    position: relative; }
    @media screen and (min-width: 769px) {
      .pre-item__wrp .pre-img_wrp {
        margin-top: 40px; } }
    @media (max-width: 768px) {
      .pre-item__wrp .pre-img_wrp {
        margin-top: 3.9vw; } }
    .pre-item__wrp .pre-img_wrp .pre-img_txt {
      font-family: 'Noto Serif JP', serif;
      font-weight: 400;
      position: absolute;
      color: #df4187;
      line-height: 1.5;
      text-align: inherit;
      z-index: 100; }
      @media screen and (min-width: 769px) {
        .pre-item__wrp .pre-img_wrp .pre-img_txt {
          font-size: 19px;
          top: 5%;
          left: 0%; } }
      @media (max-width: 768px) {
        .pre-item__wrp .pre-img_wrp .pre-img_txt {
          font-size: 3.125vw;
          top: 5%;
          left: 0%; } }
      .pre-item__wrp .pre-img_wrp .pre-img_txt span {
        background-color: #fff;
        display: inline-block; }
        @media screen and (min-width: 769px) {
          .pre-item__wrp .pre-img_wrp .pre-img_txt span {
            margin-bottom: 3px;
            padding-left: 10px;
            padding-right: 10px;
            border-bottom: 2px dotted #df4187; } }
        @media (max-width: 768px) {
          .pre-item__wrp .pre-img_wrp .pre-img_txt span {
            margin-bottom: 0.39vw;
            padding-left: 1vw;
            padding-right: 1vw;
            border-bottom: 0.26vw dotted #df4187; } }
    @media screen and (min-width: 769px) {
      .pre-item__wrp .pre-img_wrp img {
        width: 280px;
        margin-left: 241px; } }
    @media (max-width: 768px) {
      .pre-item__wrp .pre-img_wrp img {
        width: 44.79vw;
        margin-left: 38.38vw; } }
  .pre-item__wrp .pre-txt.accordion {
    width: 100%; }
    @media screen and (min-width: 769px) {
      .pre-item__wrp .pre-txt.accordion {
        margin: 20px auto 20px; } }
    @media (max-width: 768px) {
      .pre-item__wrp .pre-txt.accordion {
        margin: 3.9vw auto 3.9vw; } }
  @media screen and (min-width: 769px) {
    .pre-item__wrp.tmp_accordion__cnt {
      padding: 0 30px 30px 30px; } }
  @media (max-width: 768px) {
    .pre-item__wrp.tmp_accordion__cnt {
      padding: 0 3.9vw 3.9vw 3.9vw; } }

.pre-item__wrp .pre-img_wrp.sublead {
  position: relative; }
  .pre-item__wrp .pre-img_wrp.sublead .pre-img_txt {
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
    position: absolute;
    color: #df4187;
    line-height: 1.5; }
    @media screen and (min-width: 769px) {
      .pre-item__wrp .pre-img_wrp.sublead .pre-img_txt {
        font-size: 29px;
        top: 15%;
        left: 6%; } }
    @media (max-width: 768px) {
      .pre-item__wrp .pre-img_wrp.sublead .pre-img_txt {
        font-size: 4.42vw;
        top: 15%;
        left: 6%; } }
  @media screen and (min-width: 769px) {
    .pre-item__wrp .pre-img_wrp.sublead img {
      width: 363px;
      margin-left: 199px; } }
  @media (max-width: 768px) {
    .pre-item__wrp .pre-img_wrp.sublead img {
      width: 58.98vw;
      margin-left: 27.9vw; } }
@media screen and (min-width: 769px) {
  .pre-item__wrp .pre-txt {
    margin-top: 20px; } }
@media (max-width: 768px) {
  .pre-item__wrp .pre-txt {
    margin-top: 3.9vw; } }

.btn-txt {
  font-weight: bold;
  text-align: center;
  line-height: 1.5; }
  @media screen and (min-width: 769px) {
    .btn-txt {
      font-size: 19px;
      margin-top: 40px;
      margin-bottom: 18px; } }
  @media (max-width: 768px) {
    .btn-txt {
      font-size: 3.64vw;
      margin-top: 7.81vw;
      margin-bottom: 2.6vw; } }
  .btn-txt.social {
    font-family: 'M PLUS Rounded 1c', sans-serif; }

.pre-btn {
  text-align: center;
  color: #fff; }
  @media (max-width: 768px) {
    .pre-btn .cmn__btn {
      padding: .8em 2.18em .7em; } }
  .pre-btn .cmn__btn.is__shop1_border {
    padding-top: 1em;
    padding-bottom: 1em;
    font-weight: bold;
    border: 1px solid #e04388; }
    @media screen and (min-width: 769px) {
      .pre-btn .cmn__btn.is__shop1_border {
        width: 516px;
        font-size: 16px; } }
    @media (max-width: 768px) {
      .pre-btn .cmn__btn.is__shop1_border {
        width: 81.25vw;
        font-size: 3.38vw; } }
    .pre-btn .cmn__btn.is__shop1_border.orange {
      color: #f09432;
      border: 1px solid #f09432;
      background-image: url("data:image/svg+xml;charset=utf8,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f1999%2fxlink%22%20x%3d%220px%22%20y%3d%220px%22%20width%3d%228%2e07px%22%20height%3d%2215%2e14px%22%20viewBox%3d%220%200%208%2e07%2015%2e14%22%20style%3d%22enable%2dbackground%3anew%200%200%208%2e07%2015%2e14%3b%22%20xml%3aspace%3d%22preserve%22%3e%3cstyle%20type%3d%22text%2fcss%22%3e%2est0%7bfill%3anone%3bstroke%3a%23f09432%3bstroke%2dlinecap%3around%3bstroke%2dlinejoin%3around%3bstroke%2dmiterlimit%3a10%3b%7d%3c%2fstyle%3e%3cdefs%3e%3c%2fdefs%3e%3cg%20stroke%3d%22%23f09432%22%3e%3cpolyline%20class%3d%22st0%22%20points%3d%220%2e5%2c0%2e5%207%2e57%2c7%2e57%200%2e5%2c14%2e64%20%22%2f%3e%3c%2fg%3e%3c%2fsvg%3e"); }
  .pre-btn .tmp__btn {
    background-color: #e04388;
    padding-top: 1em;
    padding-bottom: 1em; }
    @media screen and (min-width: 769px) {
      .pre-btn .tmp__btn {
        font-size: 16px;
        width: 516px; } }
    @media (max-width: 768px) {
      .pre-btn .tmp__btn {
        width: 81.25vw;
        font-size: 3.38vw; } }
    .pre-btn .tmp__btn.orange {
      background-color: #f09432; }

@media screen and (min-width: 769px) {
  .tmp_nav__wrp {
    margin-bottom: 60px; } }
@media (max-width: 768px) {
  .tmp_nav__wrp {
    margin-bottom: 15.625vw; } }
.tmp_nav__wrp .tmp_nav__btn .tmp__txt {
  font-weight: bold; }
  @media screen and (min-width: 769px) {
    .tmp_nav__wrp .tmp_nav__btn .tmp__txt.is__catch {
      font-size: 14px; } }
  @media (max-width: 768px) {
    .tmp_nav__wrp .tmp_nav__btn .tmp__txt.is__catch {
      font-size: 2.86vw; } }
  @media screen and (min-width: 769px) {
    .tmp_nav__wrp .tmp_nav__btn .tmp__txt.is__main {
      font-size: 16px;
      margin-top: 7px; } }
  @media (max-width: 768px) {
    .tmp_nav__wrp .tmp_nav__btn .tmp__txt.is__main {
      font-size: 3.38vw;
      margin-top: 1.5vw; } }

.is__pc_col4 .tmp_nav__lnk {
  padding-bottom: 2.5em; }

.tmp_nav__lnk {
  padding: 2em 1em; }

.manner_wrp .pre-subttl h2 {
  background-image: url("/ec/images/shop1/ft_pre_gift/ttl_manner.png");
  background-position: center;
  background-repeat: no-repeat;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  background-size: contain; }
  @media screen and (min-width: 769px) {
    .manner_wrp .pre-subttl h2 {
      width: 780px;
      height: auto;
      font-size: 30px;
      padding: 37px 0;
      margin-bottom: 30px; } }
  @media (max-width: 768px) {
    .manner_wrp .pre-subttl h2 {
      width: 100vw;
      height: auto;
      font-size: 4.68vw;
      padding: 3.9vw 0;
      margin-bottom: 5.2vw; } }
.jyunnbi_wrp .pre-subttl h2 {
  background-image: url("/ec/images/shop1/ft_pre_gift/ttl_jyunnbi.png");
  background-position: center;
  background-repeat: no-repeat;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  background-size: contain; }
  @media screen and (min-width: 769px) {
    .jyunnbi_wrp .pre-subttl h2 {
      width: 780px;
      height: auto;
      font-size: 30px;
      padding: 37px 0;
      margin-bottom: 30px; } }
  @media (max-width: 768px) {
    .jyunnbi_wrp .pre-subttl h2 {
      width: 100vw;
      height: auto;
      font-size: 4.68vw;
      padding: 3.9vw 0;
      margin-bottom: 5.2vw; } }
@media screen and (min-width: 769px) {
  .pre-subttl .sub-ttl_wrp {
    width: 80%;
    margin: 0 auto 30px; } }
@media (max-width: 768px) {
  .pre-subttl .sub-ttl_wrp {
    width: 91.5vw;
    margin: 0 auto 3.9vw; } }
.pre-subttl .sub-ttl_wrp .sub-ttl_box {
  color: #df4187;
  text-align: center; }
  @media screen and (min-width: 769px) {
    .pre-subttl .sub-ttl_wrp .sub-ttl_box {
      margin-bottom: 30px;
      border-bottom: 2px dotted #df4187; } }
  @media (max-width: 768px) {
    .pre-subttl .sub-ttl_wrp .sub-ttl_box {
      margin-bottom: 3.9vw;
      border-bottom: 0.26vw dotted #df4187; } }
  .pre-subttl .sub-ttl_wrp .sub-ttl_box h3 {
    color: #df4187;
    font-weight: bold;
    text-align: center;
    position: relative;
    display: inline-block;
    line-height: 1.5; }
    @media screen and (min-width: 769px) {
      .pre-subttl .sub-ttl_wrp .sub-ttl_box h3 {
        font-size: 14px; } }
    @media (max-width: 768px) {
      .pre-subttl .sub-ttl_wrp .sub-ttl_box h3 {
        font-size: 3.125vw; } }
    @media screen and (min-width: 769px) {
      .pre-subttl .sub-ttl_wrp .sub-ttl_box h3.manner, .pre-subttl .sub-ttl_wrp .sub-ttl_box h3 span {
        font-size: 21px;
        padding-left: 33px; } }
    @media (max-width: 768px) {
      .pre-subttl .sub-ttl_wrp .sub-ttl_box h3.manner, .pre-subttl .sub-ttl_wrp .sub-ttl_box h3 span {
        font-size: 3.9vw;
        padding-left: 4.2vw; } }
    .manner_wrp .pre-subttl .sub-ttl_wrp .sub-ttl_box h3::before {
      position: absolute;
      content: "";
      background-image: url("/ec/images/shop1/ft_pre_gift/manner_icon.png");
      display: inline-block;
      background-size: contain;
      background-repeat: no-repeat;
      vertical-align: bottom; }
      @media screen and (min-width: 769px) {
        .manner_wrp .pre-subttl .sub-ttl_wrp .sub-ttl_box h3::before {
          width: 24px;
          height: 22px;
          top: 3px;
          left: 0; } }
      @media (max-width: 768px) {
        .manner_wrp .pre-subttl .sub-ttl_wrp .sub-ttl_box h3::before {
          width: 5.2vw;
          height: 4.68vw;
          top: 0.5vw;
          left: -2.96vw; } }
    .jyunnbi_wrp .pre-subttl .sub-ttl_wrp .sub-ttl_box h3 span::before {
      position: absolute;
      content: "";
      background-image: url("/ec/images/shop1/ft_pre_gift/address_icon.png");
      display: inline-block;
      background-size: contain;
      background-repeat: no-repeat;
      vertical-align: bottom; }
      @media screen and (min-width: 769px) {
        .jyunnbi_wrp .pre-subttl .sub-ttl_wrp .sub-ttl_box h3 span::before {
          width: 24px;
          height: 30px;
          top: 20px;
          left: 0; } }
      @media (max-width: 768px) {
        .jyunnbi_wrp .pre-subttl .sub-ttl_wrp .sub-ttl_box h3 span::before {
          width: 3.77vw;
          height: 4.68vw;
          top: 5.3vw;
          left: 3vw; } }
    .jyunnbi_wrp .pre-subttl .sub-ttl_wrp .sub-ttl_box h3 span.like::before {
      position: absolute;
      content: "";
      background-image: url("/ec/images/shop1/ft_pre_gift/like_icon.png");
      display: inline-block;
      background-size: contain;
      background-repeat: no-repeat;
      vertical-align: bottom; }
      @media screen and (min-width: 769px) {
        .jyunnbi_wrp .pre-subttl .sub-ttl_wrp .sub-ttl_box h3 span.like::before {
          width: 27px;
          height: 23px;
          top: 25px;
          left: 0px; } }
      @media (max-width: 768px) {
        .jyunnbi_wrp .pre-subttl .sub-ttl_wrp .sub-ttl_box h3 span.like::before {
          width: 5vw;
          height: 5vw;
          top: 5.3vw;
          left: 5vw; } }

.point_wrp {
  background-color: #fff;
  position: relative; }
  @media screen and (min-width: 769px) {
    .point_wrp {
      padding: 30px;
      border-radius: 10px; } }
  @media (max-width: 768px) {
    .point_wrp {
      padding: 3.9vw 3.9vw;
      border-radius: 1.3vw; } }
  .point_wrp::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-image: url("/ec/images/shop1/ft_pre_gift/point_lf.png");
    background-size: contain;
    background-repeat: no-repeat; }
    @media screen and (min-width: 769px) {
      .point_wrp::before {
        width: 57px;
        height: 50px; } }
    @media (max-width: 768px) {
      .point_wrp::before {
        width: 7.81vw;
        height: 5.85vw; } }
  .point_wrp::after {
    position: absolute;
    content: "";
    background-image: url("/ec/images/shop1/ft_pre_gift/point_rt.png");
    background-size: contain;
    background-repeat: no-repeat; }
    @media screen and (min-width: 769px) {
      .point_wrp::after {
        bottom: 0;
        right: 0;
        width: 57px;
        height: 50px; } }
    @media (max-width: 768px) {
      .point_wrp::after {
        width: 7.81vw;
        height: 5.85vw;
        bottom: 0;
        right: -1.5vw; } }
  .point_wrp .point-ttl {
    font-weight: bold;
    color: #5b5557;
    line-height: 1.4; }
    @media screen and (min-width: 769px) {
      .point_wrp .point-ttl {
        font-size: 16px; } }
    @media (max-width: 768px) {
      .point_wrp .point-ttl {
        font-size: 3.64vw; } }
    .point_wrp .point-ttl.is__maker, .point_wrp .point-ttl span {
      background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0, #f9d9e7));
      background: linear-gradient(transparent 60%, #f9d9e7 0); }
  .point_wrp .point {
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    color: #df4187;
    text-transform: uppercase;
    line-height: 1.4; }
    @media screen and (min-width: 769px) {
      .point_wrp .point {
        margin-right: 13px;
        border-bottom: 2px dotted #df4187;
        font-size: 16px; } }
    @media (max-width: 768px) {
      .point_wrp .point {
        border-bottom: 0.26vw dotted #df4187;
        font-size: 3.64vw;
        margin-right: 2.6vw; } }
  .point_wrp .point-ttl_wrp {
    display: flex;
    align-items: flex-start; }
  @media screen and (min-width: 769px) {
    .point_wrp .pre-txt {
      margin-top: 12px; } }
  @media (max-width: 768px) {
    .point_wrp .pre-txt {
      margin-top: 2.6vw; } }

.pre-card_wrp {
  border-radius: 6px;
  background-image: linear-gradient(-45deg, transparent 25%, #fff5ec 25%, #fff5ec 50%, transparent 50%, transparent 75%, #fff5ec 75%, #fff5ec);
  background-color: #fff7f0;
  border: 1px solid #f09432; }
  @media screen and (min-width: 769px) {
    .pre-card_wrp {
      background-size: 20px 20px;
      width: 80%;
      margin: 0 auto 60px; } }
  @media (max-width: 768px) {
    .pre-card_wrp {
      background-size: 4.6vw 4.6vw;
      width: 91.5vw;
      margin: 0 auto 15.625vw; } }
  @media screen and (min-width: 769px) {
    .pre-card_wrp.new-service {
      margin: 0 auto 40px; } }
  @media (max-width: 768px) {
    .pre-card_wrp.new-service {
      margin: 0 auto 10.41vw; } }

.pre-img_txt {
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  color: #f09432;
  line-height: 1.3;
  text-align: center; }
  @media screen and (min-width: 769px) {
    .pre-img_txt {
      font-size: 28px; } }
  @media (max-width: 768px) {
    .pre-img_txt {
      font-size: 4.68vw; } }
  .pre-img_txt span {
    background-color: #fff;
    display: inline-block; }
    @media screen and (min-width: 769px) {
      .pre-img_txt span {
        margin-bottom: 3px;
        padding-left: 10px;
        padding-right: 10px;
        border-bottom: 2px dotted #f8a710; } }
    @media (max-width: 768px) {
      .pre-img_txt span {
        margin-bottom: 0.39vw;
        padding-left: 1vw;
        padding-right: 1vw;
        border-bottom: 0.26vw dotted #f8a710; } }
  @media screen and (min-width: 769px) {
    .pre-img_txt .txt_big {
      font-size: 36px; } }
  @media (max-width: 768px) {
    .pre-img_txt .txt_big {
      font-size: 5.98vw; } }

@media screen and (min-width: 769px) {
  .amazon .card-item_wrp {
    padding: 30px 30px 40px 30px; } }
@media (max-width: 768px) {
  .amazon .card-item_wrp {
    padding: 3.9vw 3.9vw 7.81vw 3.9vw; } }
.amazon .card-item_wrp .sub_txt {
  color: #5b5557;
  font-weight: bold;
  text-align: center; }
  @media screen and (min-width: 769px) {
    .amazon .card-item_wrp .sub_txt {
      font-size: 18px; } }
  @media (max-width: 768px) {
    .amazon .card-item_wrp .sub_txt {
      font-size: 3.125vw; } }
.amazon .card-item_wrp .main_txt {
  color: #f09432;
  font-weight: bold;
  text-align: center;
  line-height: 1.5; }
  @media screen and (min-width: 769px) {
    .amazon .card-item_wrp .main_txt {
      font-size: 22px; } }
  @media (max-width: 768px) {
    .amazon .card-item_wrp .main_txt {
      font-size: 4.68vw; } }
.amazon .card-item_wrp img {
  display: block; }
  @media screen and (min-width: 769px) {
    .amazon .card-item_wrp img {
      width: 516px;
      height: auto;
      margin: 0 auto 30px; } }
  @media (max-width: 768px) {
    .amazon .card-item_wrp img {
      width: 83.984vw;
      height: auto;
      margin: 0 auto 3.9vw; } }

.reason_wrp h2 {
  background-image: url("/ec/images/shop1/ft_pre_gift/ttl_reason.png");
  background-position: center;
  background-repeat: no-repeat;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  background-size: contain; }
  @media screen and (min-width: 769px) {
    .reason_wrp h2 {
      width: 780px;
      height: auto;
      font-size: 30px;
      padding: 37px 0;
      margin-bottom: 60px; } }
  @media (max-width: 768px) {
    .reason_wrp h2 {
      width: 100vw;
      height: auto;
      font-size: 4.68vw;
      padding: 3.9vw 0;
      margin-bottom: 5.2vw; } }
@media screen and (min-width: 769px) {
  .reason_wrp ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; } }
@media (max-width: 768px) {
  .reason_wrp ul {
    width: 91.5vw;
    margin: 0 auto; } }
.reason_wrp ul li {
  display: inline-block;
  position: relative; }
  @media screen and (min-width: 769px) {
    .reason_wrp ul li {
      width: 310px;
      margin-bottom: 34px; } }
  @media (max-width: 768px) {
    .reason_wrp ul li {
      display: flex;
      margin-bottom: 8.9vw; } }
  @media screen and (min-width: 769px) {
    .reason_wrp ul li:nth-child(even) {
      top: 30px; } }
  @media (max-width: 768px) {
    .reason_wrp ul li:nth-child(even) {
      flex-flow: row-reverse;
      align-items: center; } }
  @media screen and (min-width: 769px) {
    .reason_wrp ul li:nth-child(odd) {
      top: -30px; } }
  @media (max-width: 768px) {
    .reason_wrp ul li:nth-child(odd) {
      align-items: flex-end; } }
  .reason_wrp ul li .pre-img_wrp {
    position: relative; }
    @media screen and (min-width: 769px) {
      .reason_wrp ul li .pre-img_wrp {
        margin-bottom: 12px; } }
    .reason_wrp ul li .pre-img_wrp .pre-img_txt {
      font-family: 'Noto Serif JP', serif;
      font-weight: 400;
      position: absolute;
      color: #df4187;
      line-height: 1.3;
      text-align: inherit; }
      @media screen and (min-width: 769px) {
        .reason_wrp ul li .pre-img_wrp .pre-img_txt.souryo {
          font-size: 27px;
          top: 6px;
          left: 0; } }
      @media (max-width: 768px) {
        .reason_wrp ul li .pre-img_wrp .pre-img_txt.souryo {
          font-size: 4.42vw;
          top: 4vw;
          right: -22vw; } }
      @media screen and (min-width: 769px) {
        .reason_wrp ul li .pre-img_wrp .pre-img_txt.service {
          font-size: 27px;
          top: -9px;
          right: -34px; } }
      @media (max-width: 768px) {
        .reason_wrp ul li .pre-img_wrp .pre-img_txt.service {
          font-size: 4.42vw;
          top: -8vw;
          left: -44vw; } }
      @media screen and (min-width: 769px) {
        .reason_wrp ul li .pre-img_wrp .pre-img_txt.naire {
          font-size: 27px;
          top: 0;
          left: 0; } }
      @media (max-width: 768px) {
        .reason_wrp ul li .pre-img_wrp .pre-img_txt.naire {
          font-size: 4.42vw;
          top: -9vw;
          right: -35vw; } }
      @media screen and (min-width: 769px) {
        .reason_wrp ul li .pre-img_wrp .pre-img_txt.brand {
          font-size: 27px;
          top: -18px;
          right: -15px; } }
      @media (max-width: 768px) {
        .reason_wrp ul li .pre-img_wrp .pre-img_txt.brand {
          font-size: 4.42vw;
          top: -5vw;
          left: -44vw; } }
      .reason_wrp ul li .pre-img_wrp .pre-img_txt span {
        background-color: #fff;
        display: inline-block; }
        @media screen and (min-width: 769px) {
          .reason_wrp ul li .pre-img_wrp .pre-img_txt span {
            margin-bottom: 3px;
            padding-left: 10px;
            padding-right: 10px;
            border-bottom: 2px dotted #df4187; } }
        @media (max-width: 768px) {
          .reason_wrp ul li .pre-img_wrp .pre-img_txt span {
            border-bottom: 0.26vw dotted #df4187;
            margin-bottom: 0.39vw;
            padding-left: 1vw;
            padding-right: 1vw; } }
    @media screen and (min-width: 769px) {
      .reason_wrp ul li .pre-img_wrp.souryo img {
        width: 285px;
        margin-left: 50px; } }
    @media (max-width: 768px) {
      .reason_wrp ul li .pre-img_wrp.souryo img {
        width: 46.35vw;
        margin-right: 1vw; } }
    @media screen and (min-width: 769px) {
      .reason_wrp ul li .pre-img_wrp.service img {
        width: 285px; } }
    @media (max-width: 768px) {
      .reason_wrp ul li .pre-img_wrp.service img {
        width: 46.35vw;
        margin-left: 1vw; } }
    @media screen and (min-width: 769px) {
      .reason_wrp ul li .pre-img_wrp.naire img {
        width: 285px;
        margin-left: 76px; } }
    @media (max-width: 768px) {
      .reason_wrp ul li .pre-img_wrp.naire img {
        width: 46.35vw;
        margin-right: 1vw; } }
    @media screen and (min-width: 769px) {
      .reason_wrp ul li .pre-img_wrp.brand img {
        width: 285px;
        margin-right: 25px;
        margin-top: 53px; } }
    @media (max-width: 768px) {
      .reason_wrp ul li .pre-img_wrp.brand img {
        width: 46.35vw;
        margin-left: 1vw; } }
  @media (max-width: 768px) {
    .reason_wrp ul li .txt_wrp:nth-child(2) {
      margin-top: 12.9vw; } }
@media screen and (min-width: 769px) {
  .reason_wrp .pre-txt.is__center {
    margin-top: 40px; } }
@media (max-width: 768px) {
  .reason_wrp .pre-txt.is__center {
    margin-top: 7.8vw; } }

.new-service .card-item_wrp {
  position: relative; }
  @media screen and (min-width: 769px) {
    .new-service .card-item_wrp {
      padding: 30px 30px 40px 30px; } }
  @media (max-width: 768px) {
    .new-service .card-item_wrp {
      padding: 3.9vw 3.9vw 7.81vw 3.9vw; } }
  .new-service .card-item_wrp .pre-img_txt {
    text-align: inherit;
    position: absolute;
    z-index: 100; }
    @media screen and (min-width: 769px) {
      .new-service .card-item_wrp .pre-img_txt {
        top: 159px;
        right: 32px; } }
    @media (max-width: 768px) {
      .new-service .card-item_wrp .pre-img_txt {
        top: 27vw;
        right: 3vw; } }
  .new-service .card-item_wrp img {
    height: auto; }
    @media screen and (min-width: 769px) {
      .new-service .card-item_wrp img {
        width: 335px; } }
    @media (max-width: 768px) {
      .new-service .card-item_wrp img {
        width: 54.99vw; } }

.recommend_wrp .rcmd_wrp {
  box-sizing: border-box;
  display: block;
  margin: 0 auto; }
  @media screen and (min-width: 769px) {
    .recommend_wrp .rcmd_wrp {
      padding-top: 15px;
      width: 600px; } }
  @media (max-width: 768px) {
    .recommend_wrp .rcmd_wrp {
      padding-top: 1.95vw;
      width: 91.5vw; } }
.recommend_wrp h2 {
  background-image: url("/ec/images/shop1/ft_pre_gift/ttl_recommend.png");
  background-position: center;
  background-repeat: no-repeat;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  background-size: contain; }
  @media screen and (min-width: 769px) {
    .recommend_wrp h2 {
      width: 780px;
      height: auto;
      font-size: 30px;
      padding: 37px 0; } }
  @media (max-width: 768px) {
    .recommend_wrp h2 {
      width: 100vw;
      height: auto;
      font-size: 4.68vw;
      padding: 3.9vw 0;
      margin-bottom: 5.2vw; } }
@media screen and (min-width: 769px) {
  .recommend_wrp .rcmd-ttl_wrp {
    padding-bottom: 30px; } }
@media screen and (min-width: 769px) {
  .recommend_wrp .rcmd-ttl_wrp {
    padding-bottom: 3.9vw; } }

.step-circle {
  background-color: #e87c83;
  position: absolute; }
  @media screen and (min-width: 769px) {
    .step-circle {
      width: 15px;
      height: 15px;
      border-radius: 50%;
      left: 84px; } }
  @media (max-width: 768px) {
    .step-circle {
      width: 1.95vw;
      height: 1.95vw;
      border-radius: 50%;
      left: 3.4vw; } }
  .step-circle.sango {
    background-color: #e04388; }
  .step-circle::after {
    height: 2px;
    background-color: #b2abad;
    position: absolute;
    content: ""; }
    @media screen and (min-width: 769px) {
      .step-circle::after {
        height: 2px;
        width: 25px;
        top: 7px;
        left: 15px; } }
    @media (max-width: 768px) {
      .step-circle::after {
        height: 0.26vw;
        width: 3.2vw;
        top: 0.91vw;
        left: 1.95vw; } }

.step_wrp {
  background-repeat: no-repeat repeat;
  position: relative; }
  @media screen and (min-width: 769px) {
    .step_wrp {
      margin-top: 15px;
      border-left: 3px solid #b2abad;
      padding-left: 44px;
      padding-top: 18px; } }
  @media (max-width: 768px) {
    .step_wrp {
      margin-top: 1.95vw;
      border-left: 0.39vw solid #b2abad;
      padding-left: 5.72vw;
      padding-top: 2vw; } }
  @media screen and (min-width: 769px) {
    .step_wrp.step-sango {
      height: 190px; } }
  @media (max-width: 768px) {
    .step_wrp.step-sango {
      height: 35.79vw; } }
  .step_wrp.step-first::before {
    content: "妊娠：5か月〜7か月ごろ";
    background-color: #e87c83;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    position: absolute; }
    @media screen and (min-width: 769px) {
      .step_wrp.step-first::before {
        font-size: 18px;
        padding: 3px 10px;
        top: -20px;
        left: 28px; } }
    @media (max-width: 768px) {
      .step_wrp.step-first::before {
        font-size: 3.64vw;
        padding: 0.39vw 1.3vw;
        top: -3.6vw;
        left: 3.64vw; } }
  .step_wrp.step-second::before {
    content: "妊娠：8か月ごろ";
    background-color: #e87c83;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    position: absolute; }
    @media screen and (min-width: 769px) {
      .step_wrp.step-second::before {
        font-size: 18px;
        padding: 3px 10px;
        top: -20px;
        left: 28px; } }
    @media (max-width: 768px) {
      .step_wrp.step-second::before {
        font-size: 3.64vw;
        padding: 0.39vw 1.3vw;
        top: -3.6vw;
        left: 3.64vw; } }
  .step_wrp.step-third::before {
    content: "妊娠：9か月ごろ";
    background-color: #e87c83;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    position: absolute; }
    @media screen and (min-width: 769px) {
      .step_wrp.step-third::before {
        font-size: 18px;
        padding: 3px 10px;
        top: -20px;
        left: 28px; } }
    @media (max-width: 768px) {
      .step_wrp.step-third::before {
        font-size: 3.64vw;
        padding: 0.39vw 1.3vw;
        top: -3.6vw;
        left: 3.64vw; } }
  .step_wrp.step-sango::before {
    content: "産後";
    background-color: #e04388;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    position: absolute; }
    @media screen and (min-width: 769px) {
      .step_wrp.step-sango::before {
        font-size: 18px;
        padding: 3px 10px;
        top: -20px;
        left: 28px; } }
    @media (max-width: 768px) {
      .step_wrp.step-sango::before {
        font-size: 3.64vw;
        padding: 0.39vw 1.3vw;
        top: -3.6vw;
        left: 3.64vw; } }
  .step_wrp.is__last {
    border-left: none; }
    @media screen and (min-width: 769px) {
      .step_wrp.is__last {
        padding-left: 47px; } }
    @media (max-width: 768px) {
      .step_wrp.is__last {
        padding-left: 6.11vw; } }
  .step_wrp .step_wrp__last::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transform: none;
    color: #b2abad;
    background-color: #b2abad; }
    @media screen and (min-width: 769px) {
      .step_wrp .step_wrp__last::before {
        width: 2px;
        height: 65px; } }
    @media (max-width: 768px) {
      .step_wrp .step_wrp__last::before {
        width: 0.29vw;
        height: 16vw; } }
  @media screen and (min-width: 769px) {
    .step_wrp .step_inr {
      padding-bottom: 45px; } }
  @media (max-width: 768px) {
    .step_wrp .step_inr {
      padding-bottom: 5.85vw; } }
  @media screen and (min-width: 769px) {
    .step_wrp .pre-txt {
      margin: 20px 0; } }
  @media (max-width: 768px) {
    .step_wrp .pre-txt {
      margin: 2.6vw 0; } }
  @media screen and (min-width: 769px) {
    .step_wrp .rcmd-subttl_wrp {
      margin-top: 30px;
      border-bottom: 2px dotted #e87c83; } }
  @media (max-width: 768px) {
    .step_wrp .rcmd-subttl_wrp {
      margin-top: 3.9vw;
      border-bottom: 0.26vw dotted #e87c83; } }
  .step_wrp .rcmd-subttl_wrp h3 {
    font-weight: bold;
    color: #e87c83; }
    @media screen and (min-width: 769px) {
      .step_wrp .rcmd-subttl_wrp h3 {
        font-size: 18px; } }
    @media (max-width: 768px) {
      .step_wrp .rcmd-subttl_wrp h3 {
        font-size: 3.64vw; } }

.send-img_wrp {
  display: flex;
  flex-wrap: wrap; }
  @media screen and (min-width: 769px) {
    .send-img_wrp li {
      width: calc(33.33% - 9px);
      margin-right: 9px; } }
  @media (max-width: 768px) {
    .send-img_wrp li {
      width: calc(50% - 1.17vw);
      margin-right: 1.17vw;
      margin-bottom: 1.17vw; } }
  @media screen and (min-width: 769px) {
    .send-img_wrp li:nth-of-type(3) {
      margin-right: 0; } }
  @media screen and (min-width: 769px) {
    .send-img_wrp li:nth-of-type(6) {
      margin-right: 0; } }
  @media screen and (min-width: 769px) {
    .send-img_wrp li:nth-child(n+4) {
      margin-top: 12px; } }

.step-sango::after {
  position: absolute;
  content: ""; }
  @media screen and (min-width: 769px) {
    .step-sango::after {
      bottom: 70px;
      left: -45.5px;
      width: 94px;
      height: 2px;
      background-image: linear-gradient(to right, #b2abad, #b2abad 15px, transparent 15px, transparent 25px);
      /* 幅2の線を作る */
      background-size: 25px 3px;
      background-position: left bottom;
      background-repeat: repeat-x;
      transform: rotate(90deg); } }
  @media (max-width: 768px) {
    .step-sango::after {
      bottom: 11.333vw;
      left: -6.5vw;
      width: 13.36vw;
      height: 0.26vw;
      background-image: linear-gradient(to right, #b2abad, #b2abad 1.95vw, transparent 1.95vw, transparent 1.95vw);
      /* 幅2の線を作る */
      background-size: 3.25vw 0.26vw;
      background-position: left bottom;
      background-repeat: repeat-x;
      transform: rotate(90deg); } }
@media screen and (min-width: 769px) {
  .step-sango .rcmd-subttl_wrp {
    border-bottom: 2px dotted #e04388; } }
@media (max-width: 768px) {
  .step-sango .rcmd-subttl_wrp {
    border-bottom: 0.26vw dotted #e04388; } }
.step-sango .rcmd-subttl_wrp h3 {
  font-weight: bold;
  color: #e04388; }
  @media screen and (min-width: 769px) {
    .step-sango .rcmd-subttl_wrp h3 {
      font-size: 18px; } }
  @media (max-width: 768px) {
    .step-sango .rcmd-subttl_wrp h3 {
      font-size: 3.64vw; } }

.sang-btn_wrp {
  text-align: center; }
  @media screen and (min-width: 769px) {
    .sang-btn_wrp {
      margin-top: 45px; } }
  @media (max-width: 768px) {
    .sang-btn_wrp {
      margin-top: 5.85vw; } }

.pre__anchor {
  position: relative; }

@media screen and (min-width: 769px) {
  .pre-mgn_b {
    margin-bottom: 30px; } }
@media (max-width: 768px) {
  .pre-mgn_b {
    margin-bottom: 7.8vw; } }

/*# sourceMappingURL=style.css.map */