@charset "Shift_JIS";

/*==============================================
共通 ここから
================================================*/

/* デフォルトの余白リセット */
footer .footer-inner, header .header, header .information, main, main#wrapper, nav .category_nav {
    margin: 0;
    padding: 0;
    max-width: none;
}
article#contents {
    padding-bottom: 0;
}
footer {
    position: relative;
    z-index: 1000;
}
footer .footer-inner {
    padding: 30px 0 !important;
}

/* br用クラス */
.smp-none {
    display: block;
}
.pc-none {
    display: none;
}

/* 変数上書き */
:root {
    /* 共通フォントサイズ(ディスプレイが900px以上の場合に14pxとなる) ※#app-campaign-innerの中の要素のみ */
    --font-size-text: 2.1cqw;

    /* 横の余白 上書き */
    --margin-space-beside: 2.5em;

    /* 縦の余白 上書き */
    --margin-space-vertical: 2em;
}

#app-campaign .pc_none {
    display: none;
}
/*==============================================
共通 ここまで
================================================*/

/*==============================================
#app-campaign 共通 STR
================================================*/

#app-campaign {
    
}
/*==============================================
#app-campaign 共通 END
================================================*/

#app-campaign form, #app-campaign .clear,
#app-campaign .login_btn {
    max-width: 30em;
    margin: 0 auto 1em;
}
#app-campaign input[type="submit"], #app-campaign .clear p {
    font-size: 1.5em;
}

#app-campaign p.note {
    font-size: 1.3em;
}

#app-campaign .app-campaign-wrapper .cstm-box-title-top .box-text,
#app-campaign .entry-btn {
    font-size: 1.5em;
}

#app-campaign h2 {
    font-size: 2em;
}

#app-campaign .detail_accordion dl {
    margin-top: 1em;
}

#app-campaign .app-campaign-wrapper {
    padding: 1.5em 2em 2em;
}

#app-campaign .app-campaign-wrapper .cstm-box-title-top {
    margin: 2.5em auto;
}

#app-campaign .app-campaign-wrapper .cstm-box-title-top .box-title {
    font-size: 1.3em;
}

#app-campaign .app-campaign-wrapper .cstm-box-title-top .box-text-title {
    font-size: 2.3em;
}

#app-campaign .app-campaign-wrapper .cstm-box-title-top .box-text-point .box-text-left {
    width: 12%;
}
#app-campaign .app-campaign-wrapper .cstm-box-title-top .box-text-point .box-text-right {
    width: 70%;
}

#app-campaign .top .top-title.coupon {
    width: 82%;
    top: 1.2em;
}

#app-campaign .app-campaign-wrapper.mission .box-img.fav{
    width: 75%;
}

#app-campaign .app-campaign-wrapper .box-btn {
    font-size: 1.3em;
    max-width: 25em;
}

#app-campaign .app-campaign-event .event_inner .event_comment {
    padding: .8em .5em;
    font-size: 1.1em;
}
#app-campaign .app-campaign-wrapper .box-btn:hover {
    transform: translateY(5px);
    box-shadow: 0 0 0 #333;
}
#app-campaign .app-campaign-wrapper .box-btn a:hover,
#app-campaign .login_btn a:hover{
    color: #fff!important;
}

#app-campaign input[type="submit"]:hover,
#app-campaign .entry-btn:hover {
    transform: translateY(5px);
    box-shadow: 0 0 0 #333;
}

#app-campaign .app-campaign_entry .dl-area-qr,
#app-campaign .app-campaign_step .dl-area-qr{
    width: 60%;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}
#app-campaign .app-campaign_entry .dl-area-qr ul,
#app-campaign .app-campaign_step .dl-area-qr ul{
    display: flex;
    gap: 2em;
    justify-content: center;
}

#app-campaign .app-campaign_entry .app_dl p {
    font-size: 1.8em;
    margin-bottom: 0.8em;
    margin-top: -.5em;
    z-index: 3;
    position: relative;
    font-weight: 600;
}

#app-campaign .app-campaign-wrapper .box-img.min {
    width: 20em;
}

#app-campaign .grayout {
    font-size: 1.5em;
}