@charset "UTF-8";
/* LINE・メルマガ限定先着スペシャルサマークーポン */

.wrap_contents {
  display: block;
  width: auto;
  padding-bottom: 60px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#sennchaku-summercoupon{
  font-family: "Noto Sans JP", sans-serif;
  width: 1024px;
  margin: 0 auto;

  .sec_coupon_lead{
    margin: 30px 0 0;
    font-size: 27px;
    color: #0b395d;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.05em;
    line-height: 1.5;
    .sec_coupon_lead_strong01{
      color: #ff73ae;
      position: relative;
      padding-bottom: 4px;
      &:after{
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 4px;
        background-color: #ff73ae;
      }
    }
    .sec_coupon_lead_strong02{
      display: inline-block;
      text-align: center;
      position: relative;
      margin: 0.55em 0 0;
      &:before{
        content: "";
        position: absolute;
        top: 50%;
        right: calc(100% + 0.65em);
        display: inline-block;
        width: 3px;
        height: 80%;
        background-color: #0c385e;
        border-radius: 10px;
        transform: translate(0,-45%) rotate(-20deg);
      }
      &:after{
        content: "";
        position: absolute;
        top: 50%;
        left: calc(100% + 0.5em);
        display: inline-block;
        width: 3px;
        height: 80%;
        background-color: #0c385e;
        border-radius: 10px;
        transform: translate(0,-45%) rotate(20deg);
      }
    }
    .sec_coupon_lead_strong01_italic{
      font-style: italic;
      font-size: 33px;
      transform: translate(0,0.1em);
      display: inline-block;
    }
  }

  .sec_coupon_ticket{
    margin: 28px 0 0;
    display: grid;
    grid-column-gap : 20px;
    grid-row-gap : 20px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows   : 1fr 1fr;
    .sec_coupon_ticket_item{
      img{
        width: 502px;
        height: auto;
      }
    }
  }

  .sec_coupon_get{
    margin: 45px 0 0;
    .sec_coupon_get_ttl{
      display: block;
      text-align: center;
      margin: 0;
      padding: 0;
      font-size: 23px;
      font-weight: bold;
      color: #0b395d;
      letter-spacing: 0.04em;
      line-height: 1.5;
      
      .sec_coupon_get_ttl_in{
        position: relative;
        display: inline-block;
        padding-bottom: 7px;
        &:after{
          content: "";
          position: absolute;
          height: 4px;
          left: 0;
          right: 0;
          bottom: 0;
          background-color: #0c385e;
          border-radius: 10px;
        }
      }
    }
    .sec_coupon_get_grid{
      margin: 32px 0 0;
      text-align: center;
      .sec_coupon_get_grid_decowrap{
        display: inline-block;
        position: relative;
        &:before{
          content: "";
          position: absolute;
          right: calc(100% + 38px);
          top: 0;
          bottom: 0;
          width: 28px;
          background-image: url(/special/sennchaku-summercoupon/img/deco01.png);
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 100% auto;
        }
        &:after{
          content: "";
          position: absolute;
          left: calc(100% + 38px);
          top: 0;
          bottom: 0;
          width: 28px;
          background-image: url(/special/sennchaku-summercoupon/img/deco01.png);
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 100% auto;
          transform: scale(-1,1);
        }
      }
      .sec_coupon_get_grid_in{
        display: flex;
        align-items: flex-start;
        justify-content: center;
      }
      .sec_coupon_get_grid_txt{
        text-align: left;
        line-height: 1.6;
        letter-spacing: 0.06em;
        font-size: 23px;
        font-weight: bold;
        color: #0b395d;
        margin: 0 0 0 16px;
        .sec_coupon_get_grid_txt_strong{
          color: #ff73ae;
        }
      }
      .sec_coupon_get_grid_img{
        transform: translate(0,5%);
        img{
          width: 83px;
          height: auto;
        }
      }
    }
    .sec_coupon_get_btn{
      margin: 46px 0 0;
      .sec_coupon_get_btn_btn{
        position: relative;
        display: inline-block;
        background-color: #0c385e;
        color: #ffffff;
        font-weight: bold;
        font-size: 23px;
        line-height: 1.5;
        letter-spacing: 0.06em;
        text-decoration: none;
        margin: 0 auto;
        width: 545px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        &:after{
          content: "";
          position: absolute;
          top: 50%;
          right: 23px;
          transform: translate(0,-50%);
          width:0;
          height:0;
          border-style:solid;
          border-width: 5px 0 5px 10px;
          border-color: transparent transparent transparent #fff;
        }
      }
    }
    .sec_coupon_get_annotation{
      margin: 16px 0 0;
      font-size: 18px;
      font-weight: bold;
      color: #0c385e;
      line-height: 1.8;
      letter-spacing: 0.04em;
      text-align: center;
    }
  }
}