@charset "utf-8";

#primary { padding: 0; }
#main {min-height:0;}
#main .breadcrumb {display:none;}
#cpn2307-cfd * {
    margin:0;
    padding:0;
    font-family: "Helvetica Neue LT W01_35 Thin", "Helvetica Neue LT W05 35 Thin", "RodinCattleyaPro-L{pm}", sans-serif !important;
    line-height:1;
}
#cpn2307-cfd {
    width:100%;
    background:#000;
}
#cpn2307-cfd section {
    max-width:750px;
    margin:0 auto;
    background:#FFF;
    color:#000;
}
#cpn2307-cfd picture,
#cpn2307-cfd img {
    display:block;
}
#cpn2307-cfd li {
    list-style:none;
}
#cpn2307-cfd a {
    text-decoration:none;
    transition: background 0.3s;
}
#cpn2307-cfd a.button {
    display:block;
    box-sizing:border-box;
}
#cpn2307-cfd .bg-w {
    width:100%;
    background:#FFF;
    color:#000;
}
#cpn2307-cfd .yugo,
#cpn2307-cfd .yugo * {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
    font-feature-settings: "palt";
}
#cpn2307-cfd .txt-en {
    font-size:118%;
    line-height:1;
    vertical-align: -3%;
}
#cpn2307-cfd .section-title {
    font-size:57px;
    text-align:center;
    letter-spacing:-0.04em;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-title {
        font-size:7.6vw;
    }
}

/* Section head -----------------------------------------------------------*/
#cpn2307-cfd .section-head {
    text-align:center;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-head {
    }
}
#cpn2307-cfd .section-head .head-top-wrap {
    padding-top:33px;
    padding-bottom:32px;
    background:#000;
    color:#FFF;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-head .head-top-wrap {
        padding-top:4.4vw;
        padding-bottom:4.266vw;
    }
}
#cpn2307-cfd .section-head h1 {
    margin-bottom:1px;
    font-size:52px;
    line-height:1;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-head h1 {
        margin-bottom:0.133vw;
        font-size:6.933vw;
    }
}
#cpn2307-cfd .section-head h1 span {
    display:block;
    margin-bottom:8px;
    font-size:33px;
    letter-spacing:0.05em;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-head h1 span {
        margin-bottom:1.066vw;
        font-size:4.4vw;
    }
}
#cpn2307-cfd .section-head .head-top-wrap p {
    font-size:33px;
    letter-spacing:0.05em;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-head .head-top-wrap p {
        font-size:4.4vw;
    }
}
#cpn2307-cfd .section-head .head-bottom-wrap {
    padding-top:74px;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-head .head-bottom-wrap {
        padding-top:9.866vw;
    }
}
#cpn2307-cfd .section-head .head-bottom-wrap .yugo {
    margin:0 43px;
    font-size:30px;
    line-height:1.53;
    text-align:left;
    letter-spacing:0.03em;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-head .head-bottom-wrap .yugo {
        margin:0 5.733vw;
        font-size:4vw;
    }
}
#cpn2307-cfd .section-head .head-bottom-wrap img {
    width:332px;
    margin:77px auto 0;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-head .head-bottom-wrap img {
        width:44.266vw;
        margin-top:10.266vw;
    }
}
#cpn2307-cfd .section-head .case-size {
    font-size:24px;
    letter-spacing:0.05em;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-head .case-size {
        font-size:3.2vw;
    }
}
#cpn2307-cfd .section-head .case-size .txt-times {
    font-size:140%;
}

/* Section target item -----------------------------------------------------------*/
#cpn2307-cfd .section-target-item {
    padding-top:157px;
    text-align:center;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-target-item {
        padding-top:20.933vw;
    }
}
#cpn2307-cfd .section-target-item .section-title {
    margin-bottom:58px;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-target-item .section-title {
        margin-bottom:7.733vw;
    }
}
#cpn2307-cfd .section-target-item .target-item {
    width:100%;
}
#cpn2307-cfd .section-target-item .target-item-name {
    margin-bottom:80px;
    font-size:29px;
    line-height:1.25;
    letter-spacing:-0.05em;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-target-item .target-item-name {
        margin-bottom:10.666vw;
        font-size:3.866vw;
    }
}
#cpn2307-cfd .section-target-item .button {
    position:relative;
    width:507px;
    margin:71px auto 0;
    padding:28.5px 0;
    font-size:26px;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-target-item .button {
        width:67.6vw;
        margin:9.466vw auto 0;
        padding:3.8vw 0;
        font-size:3.466vw;
    }
    #cpn2307-cfd .section-target-item .button:hover {
        background:#FFF;
        color:#000;
    }
}
#cpn2307-cfd .section-target-item .button:after {
    display: inline-block;
    position: absolute;
    top: 50%;
    right:29px;
    margin-top:-15px;
    font-family: 'icomoon' !important;
    font-size:32px;
    content: "\e906";
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-target-item .button:after {
        right:3.866vw;
        margin-top:-2vw;
        font-size:4.266vw;
    }
}

/* Section campaign -----------------------------------------------------------*/
#cpn2307-cfd .section-campaign {
    padding-top:155px;
    padding-bottom:165px;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-campaign {
        padding-top:20.666vw;
        padding-bottom:22vw;
    }
}
#cpn2307-cfd .section-campaign .campaign-case-wrap {
    width:670px;
    margin:0 auto;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-campaign .campaign-case-wrap {
        width:89.333vw;
    }
}
#cpn2307-cfd .section-campaign .section-title {
    margin-bottom:44px;
    letter-spacing:-0.015em;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-campaign .section-title {
        margin-bottom:5.866vw;
    }
}
#cpn2307-cfd .section-campaign .tit-case {
    margin-bottom:29px;
    padding:18px 0;
    background:#e3e3e3;
    font-size:44px;
    text-align:center;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-campaign .tit-case {
        margin-bottom:3.866vw;
        padding:2.4vw 0;
        font-size:5.866vw;
    }
}
#cpn2307-cfd .section-campaign .case-txt {
    font-size:30px;
    line-height:1.53;
    letter-spacing:0.035em;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-campaign .case-txt {
        font-size:4vw;
    }
}
#cpn2307-cfd .section-campaign .campaign-case-wrap.case2 .case-txt {
    padding-left:30px;
    text-indent:-30px;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-campaign .campaign-case-wrap.case2 .case-txt {
        padding-left:4vw;
        text-indent:-4vw;
    }
    #cpn2307-cfd .section-campaign .campaign-case-wrap.case2 .case-txt span {
        letter-spacing: 0;
    }
}
#cpn2307-cfd .section-campaign .case-arrow {
    position:relative;
    padding-bottom:92px;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-campaign .case-arrow {
        padding-bottom:12.266vw;
    }
}
#cpn2307-cfd .section-campaign .case-arrow:after {
    display:block;
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-36px;
    border: 36px solid transparent;
    border-top: 36px solid #e3e3e3;
    content:"";
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-campaign .case-arrow:after {
        margin-left:-4.8vw;
        border: 4.8vw solid transparent;
        border-top: 4.8vw solid #e3e3e3;
    }
}
#cpn2307-cfd .section-campaign .campaign-coupon-wrap {
    padding-top:57px;
    padding-bottom:84px;
    font-size:30px;
    text-align:center;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-campaign .campaign-coupon-wrap {
        padding-top:7.6vw;
        padding-bottom:11.2vw;
        font-size:4vw;
    }
}
#cpn2307-cfd .section-campaign .campaign-coupon-wrap h4 {
    width:266px;
    margin:0 auto;
    border-top:2px solid #000;
    font-size:30px;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-campaign .campaign-coupon-wrap h4 {
        width:35.466vw;
        border-top:1px solid #000;
        font-size:4vw;
    }
}
#cpn2307-cfd .section-campaign .campaign-coupon-wrap h4 span {
    display:block;
    width:218px;
    margin:-15px auto 0;
    background:#FFF;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-campaign .campaign-coupon-wrap h4 span {
        width:29.066vw;
        margin:-2vw auto 0;
    }
}
#cpn2307-cfd .section-campaign .campaign-coupon-wrap .coupon-code {
    width:670px;
    margin:36px auto 33px;
    padding:47px 0;
    background:#000;
    color:#FFF;
    font-size:46px;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-campaign .campaign-coupon-wrap .coupon-code {
        width:89.333vw;
        margin:4.8vw auto 4.4vw;
        padding:6.266vw 0;
        font-size:6.133vw;
    }
}
#cpn2307-cfd .section-campaign .campaign-coupon-wrap .coupon-data span {
    vertical-align:-2px;
    font-size:105%;
    line-height:0.9;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-campaign .campaign-coupon-wrap .coupon-data span {
        vertical-align:0;
    }
}
#cpn2307-cfd .section-campaign .campaign-btn-wrap {
    width:670px;
    margin:0 auto;
    padding-top:42px;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-campaign .campaign-btn-wrap {
        width:89.333vw;
        padding-top:5.6vw;
    }
}
#cpn2307-cfd .section-campaign .campaign-btn-wrap .button {
    position:relative;
    padding:23px 0;
    font-size:28px;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-campaign .campaign-btn-wrap .button {
        padding:3.066vw 0;
        font-size:3.733vw;
    }
}
#cpn2307-cfd .section-campaign .campaign-btn-wrap .button.btn-editprofile {
    margin-top:27px;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-campaign .campaign-btn-wrap .button.btn-editprofile {
        margin-top:3.6vw;
    }
}
#cpn2307-cfd .section-campaign .campaign-btn-wrap .button:after {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 37px;
    margin-top: -11px;
    font-family: 'icomoon' !important;
    font-size:24px;
    content: "\e906";
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-campaign .campaign-btn-wrap .button:after {
        right: 4.933vw;
        margin-top: -1.466vw;
        font-size:3.2vw;
    }
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-campaign .campaign-btn-wrap .button:hover {
        background:#FFF;
        color:#000;
    }
}
#cpn2307-cfd .section-campaign .campaign-btn-wrap .button span {
    font-size:106%;
    line-height:1;
}
#cpn2307-cfd .section-campaign .campaign-btn-wrap p,
#cpn2307-cfd .section-campaign .campaign-btn-wrap li {
    font-size:26px;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-campaign .campaign-btn-wrap p,
    #cpn2307-cfd .section-campaign .campaign-btn-wrap li {
        font-size:3.466vw;
    }
}
#cpn2307-cfd .section-campaign .campaign-btn-wrap p {
    margin-top:47px;
    margin-bottom:14px;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-campaign .campaign-btn-wrap p {
        margin-top:6.266vw;
        margin-bottom:1.866vw;
    }
}
#cpn2307-cfd .section-campaign .campaign-btn-wrap li {
    line-height:1.9;
}
#cpn2307-cfd .section-campaign .campaign-btn-wrap li:nth-child(2) {
    margin:1px 0;
}
#cpn2307-cfd .section-campaign .campaign-btn-wrap li:last-child {
    padding-left:44px;
    text-indent: -44px;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-campaign .campaign-btn-wrap li:last-child {
        padding-left:5.866vw;
        text-indent:-5.866vw;
    }
}
#cpn2307-cfd .section-campaign .campaign-notes-wrap {
    width:700px;
    margin:0 auto;
    padding:50px 15px;
    border-bottom:1px solid #d2d2d2;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-campaign .campaign-notes-wrap {
        width:93.333vw;
        padding:6.666vw 2vw;
    }
}
#cpn2307-cfd .section-campaign .campaign-notes-wrap * {
    font-size:26px;
    line-height:1.538;
    letter-spacing:0.01em;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-campaign .campaign-notes-wrap * {
        font-size:3.466vw;
    }
}
#cpn2307-cfd .section-campaign .campaign-notes-wrap p {
    margin-bottom:10px;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-campaign .campaign-notes-wrap p {
        margin-bottom:1.333vw;
    }
}
#cpn2307-cfd .section-campaign .campaign-notes-wrap li {
    padding-left:20px;
    text-indent:-20px;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-campaign .campaign-notes-wrap li {
        padding-left:2.666vw;
        text-indent:-2.666vw;
    }
}
#cpn2307-cfd .section-campaign .campaign-notes-wrap li:not(:last-child) {
    margin-bottom:10px;
}
@media screen and (max-width:750px) {
    #cpn2307-cfd .section-campaign .campaign-notes-wrap li:not(:last-child) {
        margin-bottom:1.333vw;
    }
}