@charset "utf-8";

/* CSS Document */
/*===============================================
  ●PC/SP 共通
  ===============================================*/

#contents img {
    width: 100%;
    height: auto;
}

#onebuyone-receipt_cp img {
    display: block;
    width: 100%;
    height: auto;
}


/* 実施中のキャンペーン見出し */
.h2_tit {
    background-color: #0171a6;
    /*_PC_見出し背景色変更箇所*/
    color: #fff;
    /*_PC見出しフォント色変更箇所*/
    line-height: 1.7;
    font-size: 1.25rem;
    font-weight: 700;
    padding: 2px 10px 4px 20px;
    margin-top: 40px;
    margin-bottom: 15px !important;
    border-radius: 50px;
}

/*===============================================
  ●PC
  ===============================================*/

@media screen and (min-width: 737px) {
    #onebuyone-receipt_cp {
        background-image: linear-gradient(-90deg, #bce5bd 0%, #82c384 50%, #aad2e7 50%, #aad2e7 100%);
    }

    .onebuyone-receipt_cp_inner {
        max-width: 750px;
        margin: 0 auto;
        background-color: #fff;
    }

    .item_list {
        margin-top: 1.5rem;
    }

    .item_list li {
        margin-bottom: 2rem;
    }

    .item_list li:last-child {
        margin-bottom: 1rem;
    }

    .list_wrap {
        padding: 1rem;
    }

    /* 実施中のキャンペーン */
    #onebuyone-receipt_cp .free_html_element_co_2075494586 p {
        font-size: .9rem;
    }
}

/*===============================================
  ●sp.css  画面の横幅が736pxまで
  ===============================================*/
@media screen and (max-width:736px) {
    #onebuyone-receipt_cp {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .item_list {
        margin-top: .8rem;
    }

    .item_list li {
        margin-bottom: 1rem;
    }

    .item_list li:last-child {
        margin-bottom: .5rem;
    }

    .list_wrap {
        padding: 1rem 0 0;
    }

    /* ▼▼ 実施中のキャンペーン ▼▼*/
    .h2_tit {
        background-color: #0171a6;
        /*_SP_見出し背景色変更箇所*/
        color: #fff;
        /*_SP_見出しフォント色変更箇所*/
        line-height: 1.2;
        font-weight: 700;
        font-size: 1rem;
        padding: 5px 10px 7px 15px;
        margin-top: 25px;
        margin-bottom: 10px !important;
        border-radius: 20px;
    }

    .h2_tit span {
        font-size: 0.9375rem;
    }

    /* ▲▲ 実施中のキャンペーンここまで ▲▲*/
}