@media only screen and (min-device-width: 768px) {
    .sp_only {
        display: none;
    }
}


.coupon_lp img {
    max-width: 100%;
}

.coupon_lp {
    width: 1000px;
    text-align: center;
    margin: 50px auto 100px;
}

.coupon_lp h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.8;
}

.coupon_lp h2 span {
    font-size: 22px;
    color: #ff218c;
    font-weight: bold;
}

.coupon_lp .lead {
    font-size: 16px;
    margin: 30px auto 0;
    line-height: 1.8;
}

.coupon_lp table {
    margin: 40px auto 5px;
    font-size: 13px;
    line-height: 1.8;
    width: 83%;
}

.coupon_lp table .date {
    border: 1px solid;
}

.coupon_lp table th {
    border-right: 1px solid;
    padding: 15px;
    vertical-align: middle;
    width: 170px;
}

.coupon_lp table .line01 {
    font-size: 17px;
    padding: 10px;
    vertical-align: middle;
    background-color: #dae8e8;
    position: relative;
    z-index: 1;
    font-weight: 700;
}

.coupon_lp table .line01 .point1 {
    width: 120px;
    position: absolute;
    top: -30px;
    right: -30px;
}

.coupon_lp table .line01 .point2 {
    width: 110px;
    position: absolute;
    top: -40px;
    right: 20px;
}

.coupon_lp table .line02 {
    border: 1px solid;
}

.coupon_lp table .line02 td {
    padding: 20px;
    border: 1px solid;
    vertical-align: middle;
}

.coupon_lp table a {
    text-decoration: underline;
}

.coupon_lp .items h3 {
    font-size: 15px;
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 10px;
}

.coupon_lp .items p {
    font-size: 14px;
    line-height: 1.5;
}

.coupon_lp table .line02.img img {
    height: 400px;
}

.coupon_lp table .line02.img img.img2 {
    height: 320px;
    margin: 40px 20px;
}

.link {
    display: flex;
    flex-wrap: wrap;
}

.link .img1 {
    margin-top: 10px;
    /* margin-left: -60px; */
    width: 20%;
}

.link .img2 {
    margin-top: 10px;
    margin-left: -70px;
    width: 20%;
}

.link .img3 {
    margin-top: 10px;
    margin-left: -50px;
    width: 20%;
}

.link .img4 {
    margin-top: 55px;
    margin-left: 0px;
    width: 13%;
}

.link .img5 {
    margin-top: 17px;
    margin-left: 5px;
    width: 19%;
}

.link .img6 {
    margin-top: 12px;
    margin-left: -40px;
    width: 20%;
}

.link .img7 {
    margin-top: 10px;
    margin-left: 140px;
    width: 20%;
}

.link .img8 {
    margin-top: 10px;
    margin-left: -70px;
    width: 20%;
}

.link .img9 {
    margin-top: 19px;
    margin-left: -50px;
    width: 16%
}

.link .img10 {
    margin-top: 48px;
    margin-left: 10px;
    width: 25%;
}

.img {
    width: 80%;
}

.border1 {
    border: 1px solid;
}

/*
.point1 {
    width: 110px;
    position: absolute;
    top: -30px;
    right: -30px;
}
*/

.point2_1 {
    width: 130px;
    position: absolute;
    top: -10px;
    right: -30px;
    z-index: 2;
}

.point2_2 {
    width: 130px;
    position: absolute;
    top: -10px;
    right: -30px;
    z-index: 2;
}

/*終了テキスト*/
.coupon_lp .black {
    background: rgba(0, 0, 0, 0.5) !important;
    position: relative;
}

.coupon_lp .end {
    font-size: 21px;
    color: #fff;
    position: relative;
    top: 110px;
    left: 35px;
    font-weight: 600 !important;
    text-shadow: #2f2e2e 0 0 5px;
    z-index: 10;
}

.coupon_lp .black2 {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 600 !important;
    text-shadow: #2f2e2e 0 0 5px;
    z-index: 10;
    background: rgba(0, 0, 0, 0.5) !important;
    width: 100%;
    height: 100%;
}

.coupon_lp .black2 span {
    font-size: 21px;
    color: #fff;
    font-weight: 600 !important;
    text-shadow: #2f2e2e 0 0 5px;
    z-index: 10;
    margin-top: 64%;
    display: block;
    position: absolute;
    left: -19%;
}


/* for pc */
@media only screen and (max-width: 1200px) and (min-width: 561px) {}


/*sp*/
@media only screen and (max-width: 560px) {

    .pc_only {
        display: none;
    }

    .main-area {
        padding-top: calc(100* (100vw / 750)) !important;
    }

    .coupon_lp {
        width: 100%;
        text-align: center;
        font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
    }

    .coupon_lp h2 {
        font-size: calc(36 * (100vw / 750));
        font-weight: bold;
        line-height: 1.5;
        margin: 30px auto calc(40 * (100vw / 750));
    }

    .coupon_lp span {
        color: #ff218c;
        font-weight: bold;
        font-size: calc(32 * (100vw / 750));
        line-height: 1.8;
    }

    .coupon_lp .lead {
        font-size: calc(25 * (100vw / 750));
        margin: 0 auto;
        line-height: 1.7;
        width: 90%;
    }

    .coupon_lp table {
        margin: calc(80 * (100vw / 750)) auto;
        font-size: calc(24 * (100vw / 750));
        line-height: 1.7;
        width: 95%;
    }

    .coupon_lp table .date {
        border: 1px solid;
    }

    .coupon_lp table th {
        border-right: 1px solid;
        padding: calc(20 * (100vw / 750));
        vertical-align: middle;
        width: calc(170* (100vw / 750));
    }

    .coupon_lp table .line01 {
        font-size: calc(25 * (100vw / 750));
        padding: calc(10 * (100vw / 750));
        vertical-align: middle;
        background-color: #dae8e8;
        position: relative;
    }

    .coupon_lp table .line01 .point1,
    .coupon_lp table .line01 .point2 {
        width: calc(130 * (100vw / 750));
        position: absolute;
        top: calc(-77* (100vw / 750));
        right: calc(-20* (100vw / 750));
    }

    .coupon_lp table .line02 {
        border-bottom: 1px solid;
        border-right: 1px solid;
    }

    .coupon_lp table .line02 td {
        padding: calc(20 * (100vw / 750));
        vertical-align: middle;
        text-align: left;
        font-size: calc(22 * (100vw / 750));
    }

    .coupon_lp table a {
        text-decoration: underline;
    }

    .coupon_lp table .line02 img {
        width: 80%;
        display: block;
        margin: 0 auto;
    }

    .coupon_lp table .line02 img.img2 {
        width: 65%;
    }

    .link {
        display: flex;
        flex-wrap: wrap;
    }

    .link .img1 {
        margin-top: calc(10 * (100vw / 750));
        margin-left: calc(-75* (100vw / 750));
        width: 40%;
    }

    .link .img2 {
        margin-top: calc(15* (100vw / 750));
        margin-left: calc(-125* (100vw / 750));
        width: 37%;
    }

    .link .img3 {
        margin-top: calc(15* (100vw / 750));
        margin-left: calc(-90* (100vw / 750));
        width: 37%;
    }

    .link .img4 {
        margin-top: calc(76* (100vw / 750));
        margin-left: calc(-22* (100vw / 750));
        width: 25%;
    }

    .link .img5 {
        margin-top: calc(0* (100vw / 750));
        margin-left: calc(5* (100vw / 750));
        width: 33%;
    }

    .link .img6 {
        margin-top: calc(-13* (100vw / 750));
        margin-left: calc(-90* (100vw / 750));
        width: 37%;
    }

    .link .img7 {
        margin-top: calc(-25* (100vw / 750));
        margin-left: calc(-130* (100vw / 750));
        width: 40%;
    }

    .link .img8 {
        margin-top: calc(-15* (100vw / 750));
        margin-left: calc(-140* (100vw / 750));
        width: 37%;
    }

    .link .img9 {
        margin-top: calc(-35* (100vw / 750));
        margin-left: calc(70* (100vw / 750));
        width: 30%;
    }

    .link .img10 {
        margin-top: calc(10* (100vw / 750));
        margin-left: calc(35* (100vw / 750));
        width: 40%;
    }

    .img {
        width: 80%;
    }

    .border1 {
        border: 1px solid;
    }

    .table_1 {
        margin: calc(30* (100vw / 750)) auto !important;
    }

    .point1 {
        /*
        width: calc(130* (100vw / 750));
        position: absolute;
        top: calc(20* (100vw / 750));
        left: calc(300* (100vw / 750));
*/
        z-index: 2;
    }

    .point2_1 {
        width: calc(130* (100vw / 750));
        position: absolute;
        top: calc(-79* (100vw / 750));
        left: calc(350* (100vw / 750));
        z-index: 2;
    }

    .point2_2 {
        width: calc(130* (100vw / 750));
        position: absolute;
        top: calc(-79* (100vw / 750));
        left: calc(350* (100vw / 750));
        z-index: 2;
    }

    /*終了テキスト*/
    .coupon_lp .black {
        background: rgba(0, 0, 0, 0.5) !important;
        position: relative;
    }

    .coupon_lp .end {
        font-size: calc(34 * (100vw / 750));
        color: #fff;
        top: calc(140* (100vw / 750));
        left: calc(15* (100vw / 750));
        font-weight: bold !important;
        line-height: 1 !important;
        text-shadow: #121212 0 0 5px;
    }

    .coupon_lp .black2 {
        position: absolute;
        top: 0;
        left: 0;
        font-weight: 600 !important;
        text-shadow: #2f2e2e 0 0 5px;
        z-index: 10;
        background: rgba(0, 0, 0, 0.5) !important;
        width: 100%;
        height: 100%;
    }

    .coupon_lp .black2 span {
        color: #fff;
        font-weight: bold !important;
        text-shadow: #2f2e2e 0 0 5px;
        z-index: 10;
        margin-top: 59%;
        display: block;
        text-align: center;
    }
}