/* コンテンツ幅 フル */
.contentsInr{width:auto;padding:0px;}

/* コンテンツ幅 950px */
.contents{margin-bottom: 0;padding-bottom: 20px;}
.contentsInr .contentsUnit{padding:0 10px;}
@media all and (min-width:740px){
.contentsInr .contentsUnit{width:950px;padding:0px;margin:0 auto;}
}

/* mv */
.heroimgWrap.heroimgWrap-titleImg .mainHeading .mainTtl img {
	width: 95%;
}
.heroimgWrap .mainTtl,
.heroimgWrap .mainLead {
    opacity: 0;
}

/* heading */
.ttlImgLv1,
.ttlImgLv2 {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
}
.ttlImgLv1 .heading,
.ttlImgLv2 .heading {
    text-align: center;
}
.ttlImgLv1 .heading img,
.ttlImgLv2 .heading img {
    width: 100%;
}

/* bg */
.bg_gradation {
    padding:60px 0;
    background:linear-gradient(180deg, #C2EFFF 0%, #FFEAF1 100%);
}
.bg_gradation .noteList_star > li {
    font-size: 1.2rem;
}
.bg_gradation .acodBlock > .heading > span.inr {
    font-weight: normal;
}
.bg_gradation .btnRD .btn .btnInr {
    font-weight: bold;
}
.bg_blue {
    padding:80px 0 95px;
    position: relative;
    z-index: 1;
    background-color: #58C8EF;
    background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/usj-spring-2026/img_sites/bg_lattice_sp.png);
    background-size: cover;
    background-repeat: no-repeat;
    mask-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/usj-spring-2026/img_sites/bg_blue.svg), url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/usj-spring-2026/img_sites/bg_wavyLine_sp.svg);
    mask-repeat: no-repeat;
    mask-size: 100%;
    mask-position: 100% calc(100% - 3.85vw), 100% 100%;
    mask-composite: add;
}
.bg_blue .contentsUnit {
    filter: drop-shadow(0px 0px 25px #003F55B2);
}
.bg_yellow {
    padding:95px 0 80px;
    position: relative;
    margin-top: -3.85vw;
    background-color: #F9D600;
    background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/usj-spring-2026/img_sites/bg_stripe_sp.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.bg_yellow .contentsUnit {
    filter: drop-shadow(0px 0px 25px #552D00B2);
}

.campaign_wrap {
    width: 100%;
    padding: 10px 17.5px 17px;
    position: relative;
    border-radius: 0 0 15px 15px;
    background-color: #fff;
}
.campaign_wrap .text {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.25;
}
.bg_blue .campaign_wrap .text {
    color: #004593;
}
.bg_yellow .campaign_wrap .text {
    color: #944A00;
}
.bg_yellow .campaign_wrap .clm_1_3col .col .text {
    font-size: 1.6rem;
}
.bg_yellow .campaign_wrap .clm_1_3col .col .text:has(.ctm_iconTxt_br_RD) {
    text-align: center;
}
.bg_yellow .campaign_wrap .clm_1_3col .col .ctm_iconTxt_br_RD {
    padding: 4px 80px;
    border-radius: 60px;
}
.bg_yellow .campaign_wrap .clm_1_3col .col .img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90px;
    margin: 8px 0;
}
.bg_yellow .campaign_wrap .clm_1_3col .col .img img {
    width: 90px;
}
.bg_yellow .campaign_wrap .accordion .text {
    color: #333;
    font-size: 1.6rem;
    font-weight: normal;
}
.bg_yellow .campaign_wrap .app_wrap {
    margin-top: 16px;
    padding: 40px 30px 30px;
    position: relative;
    border: 3px solid #944A00;
    border-radius: 16px;
}
.bg_yellow .campaign_wrap .app_wrap .app_ttl {
    width: 87%;
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    color: #ffffff;
    background-color: #944A00;
    border-radius: 60px;
    padding: 8px 15px 6px;
    font-size: 1.6rem;
}
.bg_yellow .campaign_wrap .app_wrap .appIcon_wrap {
    display: flex;
    margin-top: 15px;
    padding-right: 4%;
}

@media all and (max-width:739px) {
    .bg_yellow .campaign_wrap .clm_1_3col.colWrap .col:nth-of-type(n+2) {
        margin-top: 36px;
    }
    .bg_yellow .campaign_wrap .accordion .acodBlock.type_normal > .heading {
        background-color: #fff;
    }
    .bg_yellow .clm_1_2col.colWrap .col:nth-of-type(n+2) {
        margin-top: 40px;
    }
    .applyArea_closeLayer {
        width: 109%;
    }
    .applyArea_closeLayer .layerTxt {
        margin-top: -0.7em;
    }
}

@media all and (min-width:740px) {
    .bg_gradation {
        padding:100px 0;
    }
    .bg_blue {
        padding:210px 0;
        background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/usj-spring-2026/img_sites/bg_lattice_pc.png);
        mask-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/usj-spring-2026/img_sites/bg_blue.svg), url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/usj-spring-2026/img_sites/bg_wavyLine_pc.svg);
        mask-position: 100% calc(100% - 1.63vw), 100% 100%;
    }       
    .bg_yellow {
        padding:242px 0 190px;
        margin-top: -3.25vw;
        background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/usj-spring-2026/img_sites/bg_stripe_pc.png);
    }
    .campaign_wrap::after {
        display: block;
        width: 902px;
        height: 30px;
        position: relative;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/dom/special/usj-spring-2026/img_sites/bg_campaign_pc.png);
        background-size: 902px auto;
    }
    .bg_blue .campaign_wrap {
        padding: 0 100px 20px;
    }
    .bg_yellow .campaign_wrap {
        padding: 0 60px 20px;
    }
    .campaign_wrap .text {
        font-size: 1.8rem;
    }
    .bg_yellow .campaign_wrap .clm_1_3col .col {
        width: 31.1%;
    }
    .bg_yellow .campaign_wrap .clm_1_3col .col .ctm_iconTxt_br_RD {
        padding: 4px 28px;
    }
    .bg_yellow .campaign_wrap .accordion .acodBlock {
        max-width: 750px;
        margin: 40px auto 0;
    }
    .bg_yellow .campaign_wrap .accordion .text {
        font-size: 1.4rem;
    }
    .bg_yellow .campaign_wrap .app_wrap {
        margin-top: 2.5px;
        padding: 50px 40px 40px;
        border: 4px solid #944A00;
    }
    .bg_yellow .campaign_wrap .app_wrap .app_ttl {
        top: -21.5px;
        padding: 10px 30px 8px;
        font-size: 2rem;
    }
    .bg_yellow .campaign_wrap .app_wrap .appIcon_wrap {
        margin-top: 15px;
        padding-right: 4%;
    }
    .applyArea {
        margin-top: 0;
    }
    .applyArea_closeLayer {
        width: 298px;
        height: 100px;
        top: -10px;
    }
    .applyArea_closeLayer .layerTxt {
        margin-top: -1.45em;
    }
}