@charset "utf-8";
/* CSS Document */

/* コンテンツ幅 フル */
.contentsInr{width:auto;padding:0px;}
/* コンテンツ幅 950px */
.contentsInr .contentsUnit{padding:0 20px;}
@media all and (min-width:740px){
.contentsInr .contentsUnit{width:950px;padding:0px;margin:0 auto;}
}
.mv {
    position: relative;
    font-family: "Noto Sans JP","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4",sans-serif;
    font-weight: bold;
    padding: 26.93vw 5.3vw 6.66vw;
}
.mv.mv--dom_timesale::after {
    content: none;
    background: none;
}
.mv__main {
    position: relative;
    text-align: center;
    border: 2px solid #962646;
    border-top: none;
}
.mv__main::before {
    content: '';
    width: 7.46vw;
    height: 2px;
    display: inline-block;
    background-color: #962646;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.mv__main::after {
    content: '';
    width: 7.46vw;
    height: 2px;
    display: inline-block;
    background-color: #962646;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}
.mv__mainInr {
    position: relative;
    padding: 13.33vw 0 2.93vw;
    background: #fff;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 50%, rgba(255, 239, 239, 1) 100%);
}
.mv__mainInr::before {
    content: "";
    position: absolute;
    top: 3.73vw;
    left: 50%;
    width: 81.6vw;
    height: 14.93vw;
    background: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/new-life/img_sites/bg_sakura_02_sp.png) no-repeat top center / cover;
    transform: translateX(-50%);
}
.mv__logo {
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    z-index: 1;
}

/*クロスユース*/
.mv.mv--crossuse {
    background: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/new-life/img_sites/bg_crossuse_sp.jpg) no-repeat top center/cover;
    height: 69.066vw;
}
/*国内DP*/
.mv.mv--time_sale {
    background: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/new-life/img_sites/bg_time_sale_sp.jpg) no-repeat top center/cover;
    height: 85.866vw;
}
/*海外TS*/
.mv.mv--inter_sale {
    background: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/new-life/img_sites/bg_inter_sale_sp.jpg) no-repeat top center/cover;
    height: 84.533vw;
}
/*海外DP*/
.mv.mv--inttourtimesale {
    background: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/new-life/img_sites/bg_inttourtimesale_sp.jpg) no-repeat top center/cover;
    height: 85.066vw;
}
/*海外ホテル*/
.mv.mv--inteh {
    background: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/new-life/img_sites/bg_inteh_sp.jpg) no-repeat top center/cover;
    height: 87.733vw;
}
/*JMBオープン懸賞*/
.mv.mv--jmbapp {
    background: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/new-life/img_sites/bg_jmbapp_sp.jpg) no-repeat top center/cover;
    height: 79.466vw;
}
.mv__inr {
}
.mv__labelWrap {
    position: relative;
    z-index: 2;
}
.mv__label {
    line-height: 1.2;
    display: inline-block;
}
.mv__labelInr {
    display: inline-block;
    padding: .5vw 2.66vw;
    font-size: 4.26vw;
    color: #fff;
    background: #986D12;
}
.mv__txt {
    line-height: 1.2;
    position: relative;
    z-index: 1;
}
.mv__mainInr:has(.mv__labelWrap) .mv__txt {
    margin-top: 2.2vw;
}
.mv__txtInr {
    display: inline-block;
    line-height: 1.1;
    color: #962646;
}
.mv__txtInr--rd {
    color: #C44156;
    font-weight: bold;
}
.mv__txtInr--num {
    font-family: "Poppins", Arial, Helvetica, sans-serif;
}
.mv__txtInr--marker {
    padding: 0 2px 0 2px;
    background: linear-gradient(transparent 70%, #FFDDE6 0%);
}
.mv__balloon {
    position: absolute;
    top: 2.93vw;
    left: -4.26vw;
    width: 19.73vw;
    height: 16.53vw;
}
.mv__dateWrap {
    line-height: 1.3;
    text-align: center;
    padding: 1.2vw 4vw 1vw;
    font-size: 3.2vw;
    color: #fff;
    /*letter-spacing: -0.01em;*/
    background: #962646;
}
.mv__date {
    position: relative;
    z-index: 1;
    line-height: 1.2;
}
.mv__date--note {
    font-size: 2.66vw;
    color: #fff;
}

/*dom_timesale--*/
.mv.mv--dom_timesale .mv__cont {
    display: flex;
    flex-direction: column;
    /*align-items: flex-start;*/
}
.mv.mv--dom_timesale .mvCont_mdl {
    order: 2;
    text-align: left;
    font-family: "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "MS UI Gothic", "Tahoma", "Lucida Grande", "ヒラギノ丸ゴ Pro W4", sans-serif;
    font-weight: normal;
}
.mv.mv--dom_timesale .bdr-note {
    display: none;
}
/*--dom_timesale*/

.fs_num {
    font-family: "Poppins", Arial, Helvetica, sans-serif;
}
@media all and (max-width:739px) {
     .mv.mv--crossuse .mv__mainInr::before {
        top: 3.92vw;
        width: 79.73vw;
        background: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/new-life/img_sites/bg_sakura_01_sp.png) no-repeat top center / cover;
    }
     .mv.mv--jmbapp .mv__mainInr::before {
        top: 5.256vw;
        left: initial;
        right: 4.7vw;
        width: 64.53vw;
        height: 13.86vw;
        background: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/new-life/img_sites/bg_sakura_03_sp.png) no-repeat top center / cover;
        transform: none;
    }
    .fs14_sp {
        font-size: 3.7vw;
    }
    .fs16_sp {
        font-size: 4.2vw;
    }
    .fs18_sp {
        font-size: 4.8vw;
    }
    .fs19_sp {
        font-size: 5vw;
    }
    .fs20_sp {
        font-size: 5.3vw;
    }
    .fs22_sp {
        font-size: 5.86vw;
    }
    .fs24_sp {
        font-size: 6.4vw;
    }
    .fs26_sp {
        line-height: 1;
        font-size: 6.9vw;
    }
    .fs27_sp {
        line-height: 1;
        font-size: 7.19vw;
    }
    .fs28_sp {
        line-height: 1;
        font-size: 7.4vw;
    }
    .fs29_sp {
        line-height: 1;
        font-size: 7.73vw;
    }
    .fs30_sp {
        line-height: 1;
        font-size: 8vw;
    }
    .fs32_sp {
        line-height: 1;
        font-size: 8.53vw;
    }
    .fs34_sp {
        line-height: 1;
        font-size: 9vw;
    }
    .fs36_sp {
        line-height: 1;
        font-size: 9.6vw;
    }
    .fs42_sp {
        line-height: 1;
        font-size: 11.2vw;
    }
    .fs45_sp {
        line-height: 1;
        font-size: 12vw;
    }
    .fs55_sp {
        line-height: 1;
        font-size: 14.66vw;
    }
    
    .mv.mv--dom_timesale .mv__mainWrap {
        position: relative;
        order: 1;
        padding: 26.1vw 5.3vw 6.6vw;
        background: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/new-life/img_sites/bg_dom_timesale_sp.jpg) no-repeat top center/cover;
        height: 98.13vw;
    }
    .mv.mv--dom_timesale .mv__mainWrap::after {
    position: absolute;
    content: "";
    display: inline-block;
    bottom: .5vw;
    left: 50%;
    width: 100vw;
    height: 16.8vw;
    background: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/new-life/img_sites/parts_mv_main_sp.png) no-repeat;
    background-size: contain;
    transform: translateX(-50%);
}
    .mv.mv--dom_timesale .mv__main {
    }
}

@media all and (min-width:740px) {
    .mv {
        padding: 0;
    }
    .mv.mv--dom_timesale::after {
        width: 1166px;
        height: 109px;
        bottom: 50px;
        background: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/new-life/img_sites/parts_mv_main_timesale.png) no-repeat;
        background-size: contain;
    }
    /*クロスユース*/
    .mv.mv--crossuse {
        background: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/new-life/img_sites/bg_crossuse.jpg) no-repeat top center/cover;
        height: 423px;
    }
    /*国内DP*/
    .mv.mv--time_sale {
        background: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/new-life/img_sites/bg_time_sale.jpg) no-repeat top center/cover;
        min-height: 475px;
        height: auto;
    }
    /*海外TS*/
    .mv.mv--inter_sale {
        background: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/new-life/img_sites/bg_inter_sale.jpg) no-repeat top center/cover;
        min-height: 422px;
        height: auto;
    }
    /*海外DP*/
    .mv.mv--inttourtimesale {
        background: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/new-life/img_sites/bg_inttourtimesale.jpg) no-repeat top center/cover;
        min-height: 430px;
        height: auto;
    }
    /*海外ホテル*/
    .mv.mv--inteh {
        background: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/new-life/img_sites/bg_inteh.jpg) no-repeat top center/cover;
        min-height: 486px;
        height: auto;
    }
    /*JMBオープン懸賞*/
    .mv.mv--jmbapp {
        background: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/new-life/img_sites/bg_jmbapp.jpg) no-repeat top center/cover;
        min-height: 438px;
        height: auto;
    }
    .mv__inr {
        width: 950px;
        margin: 0 auto;
        padding: 136px 30px 40px;
    }
    .mv__logo {
        width: 1280px;
    }
    .mv__main {
        }
    .mv__main::before, .mv__main::after {
        width: 188px;
    }
    .mv__mainInr {
        padding: 0 0 20px;
    }
    .mv.mv--crossuse .mv__mainInr {
        padding: 90px 20px 20px;
    }
    .mv__mainInr::before {
        top: 0;
        width: 890px;
        height: 211px;
        background: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/new-life/img_sites/bg_sakura_02.png) no-repeat top center / cover;
    }
    .mv.mv--crossuse .mv__mainInr::before {
        width: 890px;
        height: 204px;
        background: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/new-life/img_sites/bg_sakura_01.png) no-repeat top center / cover;
    }
    .mv.mv--inteh .mv__mainInr::before {
        width: 890px;
        height: 226px;
        background: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/new-life/img_sites/bg_sakura_03.png) no-repeat top center / cover;
    }
    .mv.mv--jmbapp .mv__mainInr::before {
        width: 259px;
        height: 211px;
        left: initial;
        right: 0;
        background: url(/content/dam/sites/wwwjalcojp/jp/ja/campaign/new-life/img_sites/bg_sakura_04.png) no-repeat top center / cover;
        transform: none;
    }
    .mv__labelWrap {
        width: 280px;
        min-height: 90px;
    }
    .mv__label {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .mv__label + .mv__label {
        margin-top: 15px;
    }
    .mv__labelInr {
        line-height: 1;
        padding: 7px 9px;
        font-size: 2.2rem;
        width: max-content;
        max-width: 280px;
    }
    .mv__txt {
        display: inline-block;
    }
    .mv__mainInr:has(.mv__labelWrap) .mv__txt {
        margin-top: 0;
    }
    .mv.mv--jmbapp .mv__mainInr:has(.mv__labelWrap) .mv__txt {
        padding: 0 156px;
    }
    .mv__txt.mv__txt--fxpc {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        gap: 0 25px;
    }
    .mv__txt.mv__txt--fxpc > p:nth-of-type(2) {
        white-space: nowrap;
    }
    .mv__txt.mv__txt--gdpc {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto 25px auto;
        grid-template-columns: auto auto;
        -ms-grid-rows: 1fr 0 auto 0 auto;
        grid-template-rows: 1fr auto auto;
        height: auto;
        gap: 0 25px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        text-align: center;
        margin: auto;
    }
    .mv__txt.mv__txt--gdpc p.mv__txtInr:nth-of-type(1) {
      -ms-grid-column: 1;
      grid-column: 1;
      -ms-grid-row: 3;
      grid-row: 3;
      -ms-grid-row-align: end;
          align-self: end;
    }

    .mv__txt.mv__txt--gdpc p.mv__txtInr:nth-of-type(2) {
      -ms-grid-column: 2;
      grid-column: 2;
      -ms-grid-row: 2;
      grid-row: 2;
      -ms-grid-row-align: end;
          align-self: end;
      margin: auto;
    }

    .mv__txt.mv__txt--gdpc p.mv__txtInr:nth-of-type(3) {
      -ms-grid-column: 2;
      grid-column: 2;
      -ms-grid-row: 3;
      grid-row: 3;
      -ms-grid-row-align: end;
          align-self: end;
    }
    .mv__txt.mv__txt--gdpc .mv__txtInr--noBreak {
        white-space: nowrap;
    }
    .mv__txtInr {
        line-height: 1.2;
    }
    .mv__txtInr--marker {
        background: linear-gradient(transparent 74%, #FFDDE6 0%);
    }
    .mv__balloon {
        top: 81px;
        left: 17px;
        width: 140px;
        height: auto;
    }
    .txt--vertical {
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    }
    .txR_pc {
        text-align: right;
        display: block;
    }
    .fs20_pc {
        font-size: 2rem;
    }
    .fs25_pc {
        font-size: 2.5rem;
    }
    .fs27_pc {
        font-size: 2.7rem;
    }
    .fs28_pc {
        font-size: 2.8rem;
    }
    .fs33_pc {
        font-size: 3.3rem;
    }
    .fs34_pc {
        font-size: 3.4rem;
    }
    .fs36_pc {
        font-size: 3.6rem;
    }
    .fs37_pc {
        font-size: 3.7rem;
    }
    .fs38_pc {
        font-size: 3.8rem;
    }
    .fs40_pc {
        font-size: 4rem;
    }
    .fs42_pc {
        line-height: 1.1;
        font-size: 4.2rem;
    }
    .fs45_pc {
        line-height: 1.1;
        font-size: 4.5rem;
    }
    .fs48_pc {
        line-height: 1.1;
        font-size: 4.8rem;
    }
    .fs52_pc {
        line-height: 1.1;
        font-size: 5.2rem;
    }
    .fs56_pc {
        line-height: 1.1;
        font-size: 5.6rem;
    }
    .fs58_pc {
        line-height: 1.1;
        font-size: 5.8rem;
    }
    .fs64_pc {
        line-height: 1.1;
        font-size: 6.4rem;
    }
    .fs68_pc {
        line-height: 1.1;
        font-size: 6.8rem;
    }
    .fs72_pc {
        line-height: 1.1;
        font-size: 7.2rem;
    }
    .fs82_pc {
        line-height: 1.1;
        font-size: 8.2rem;
    }
    .mv__dateWrap {
        padding: 9px 50px;
        font-size: 2rem;
    }
    .mv.mv--dom_timesale .mv__dateWrap {
        padding: 9px 5px;
    }
    .mv__date--note {
        font-size: 1.6rem;
    }

    /*dom_timesale--*/
    .mv.mv--dom_timesale .mv__inr {
        padding: 0 40px;
    }
    .mv.mv--dom_timesale .mv__cont {
        flex-direction: row;
        justify-content: space-between;
        padding-top: 30px;
    }
    .mv.mv--dom_timesale .mvCont_mdl {
        width: 320px;
        order: 1;
        position: relative;
        z-index: 3;
    }
    .mv.mv--dom_timesale .mv__mainWrap {
        position: relative;
        width: 500px;
        min-height: 500px;
        order: 2;
        padding: 143.18px 0 0;
    }
    .mv.mv--dom_timesale .mv__logo {
        width: 782px;
        left: -25px;
        transform: none;
     }
}