@charset "UTF-8";
 
 
html {
    font-size: 62.5%;
}
 
#em221108Reebok {
    transform: none;
    filter: none;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    font-style: normal;
    font-weight: 400;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    letter-spacing: 0.05em;
    color: #000;
    background-color: #fff;
}
 
body {
    width: 100%;
}
 
#em221108Reebok img,
#em221108Reebok video,
#em221108Reebok svg {
    width: 100%;
    height: auto;
}
 
#em221108Reebok * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
 
#em221108Reebok a,
#em221108Reebok picture {
    display: block;
}
 
.main-area::after {
    margin: 0 auto 0;
}
/* ============================= ▼ PC ▼ == */
#em221108Reebok {
    width: 120rem;
    margin: 8rem auto 0;
}

#em221108Reebok .prcbox {
    margin: 2.5rem 0 0 6.5rem;
    text-align: left;
}

#em221108Reebok .prcbox li {
    display: inline-block;
    margin-right: 1.4rem;
}

#em221108Reebok .prcbox li a {
    display: inline-block;
    width: 100%;
    height: auto;
    font-family: pragmatica, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 1.85;
    letter-spacing: 0.05em;
}

#em221108Reebok .mv {
    width: 90rem;
    margin: 0 auto;
}

#em221108Reebok .mv .txt {
    font-size: 1.4rem;
    line-height: 2;
    letter-spacing: 0;
    font-weight: 400;
    margin-top: 7.3rem;
    letter-spacing: 0.025em;
}
 
#em221108Reebok .check_btn {
    margin: 12rem auto 0;
}
 
#em221108Reebok .check_btn a {
    font-family: pragmatica, sans-serif;
    letter-spacing: 0.05em;
    margin: 0 auto;
    border: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 22rem;
    height: 3.5rem;
    font-size: 1.5rem;
}

#em221108Reebok .mv .txt_ttl {
    margin: 5.3rem  auto 0;
    width: 30.4rem;
    height: auto;
}

#em221108Reebok .mv .txt {
    font-size: 1.4rem;
    line-height: 2;
    letter-spacing: 0;
    font-weight: 400;
    margin-top: 5.3rem;
}

#em221108Reebok .mv .itembox {
    width: 38rem;
    margin: 7.3rem  auto 0;
}

#em221108Reebok .mv .itembox .ttl {
    margin-top: 3rem;
    font-size:2.4rem;
    letter-spacing: 0.35em;
    font-family: brother-1816, sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.035em;
}

#em221108Reebok .mv .prc {
    font-size: 1.6rem;
    text-decoration: underline;
    margin-top: 3.3rem;
    font-family: pragmatica, sans-serif;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0.025em
}

#em221108Reebok .sec01  {
    width: 107rem;
    margin: 10rem  0 0 2.5rem;  
    position: relative;  
}

#em221108Reebok .sec01 .imgbox{
    display: flex;
    justify-content: space-between;
    width: 98rem;
    position: relative;
    margin-left: 6.5rem;
}

#em221108Reebok .sec01 .imgbox::before {
    content: "";
    position: absolute;
    top: 26rem;
    left: 40.5rem;
    width: 40rem;
    height: 82.5rem;
    background-color: #000e2b;
    opacity: 0.15;
}

#em221108Reebok .sec01 .imgbox .slider {
    width: 58rem;
    margin-top: 17.5rem;
    z-index: 10;
}

#em221108Reebok .sec01 .imgbox .prcbox {
    position: absolute;
    top: 20rem;
    left: 20rem;
}

#em221108Reebok .sec01 .imgbox .img01 .prcbox li:nth-child(4) {
    margin-right: 0.8rem;
}

#em221108Reebok .sec01 .imgbox .img01 .prcbox li:nth-child(7) {
    margin-right: 1rem;
}

#em221108Reebok .sec01 .imgbox .img02 {
    width: 36rem;    
    z-index: 10;
}

#em221108Reebok .sec01 .img03 {
    width: 32rem;
    position: absolute;
    top: 76.3rem;
    left: 81.4rem;
    z-index: 10;
}

#em221108Reebok .check_btn {
    margin: 11.2rem  auto 0;
}

#em221108Reebok .check_btn a {
    font-family: pragmatica, sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
    margin: 0 auto;
    border: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 22rem;
    height: 3.5rem;
    font-size: 1.5rem;
}

#footer_emmi {
    margin-top: 12rem;
}


 
.sp_only {
    display: none;
}
 
/* ============================= ▼ タブレット ▼ == */
@media screen and (min-width: 768px) and (max-width: 1400px) {
    html {
        font-size: calc(10 * (100vw/1400));
    }
}
 
 
 
 
/* ============================= ▼ Sp ▼ == */
@media screen and (max-width: 768px) {
 
    #em221108Reebok .sp_only {
        display: block;
    }
 
    #em221108Reebok .pc_only {
        display: none;
    }

    #em221108Reebok {
        width: 100%;
        margin: calc(78  * (100vw / 750)) auto 0;
    }
    
    #em221108Reebok .prcbox {
        margin: calc(34 * (100vw / 750)) 0 0 calc(14 * (100vw / 750));
        text-align: center;
        letter-spacing: 0.05em;
    }
    
    #em221108Reebok .prcbox li {
        display: inline-block;
        margin-right: calc(13    * (100vw / 750));
    }
    
    #em221108Reebok .prcbox li a {
        display: inline-block;
        width: 100%;
        height: auto;
        font-family: pragmatica, sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: calc(22 * (100vw / 750));
        line-height: 1.8;
        letter-spacing: 0.05em;
    }
    
    #em221108Reebok .mv {
        width: 100%;
        margin: 0 auto;
    }
    
    #em221108Reebok .mv .txt {
        font-size: calc(24 * (100vw / 750));
        line-height: 2;
        letter-spacing: 0;
        font-weight: 400;
        letter-spacing: 0.025em;
        margin-top: calc(70 * (100vw / 750));
    } 
    
    #em221108Reebok .mv .txt_ttl {
        margin: calc(87  * (100vw / 750))  auto 0;
        width: calc(442 * (100vw / 750));
        height: auto;
    }
    
    #em221108Reebok .mv .txt {
        font-size: calc(24 * (100vw / 750));
        line-height: 2;
        font-weight: 400;
        margin-top: calc(65  * (100vw / 750));
    }
    
    #em221108Reebok .mv .itembox {
        width: calc(450 * (100vw / 750));
        margin: calc(159 * (100vw / 750)) auto 0;
    }
    
    #em221108Reebok .mv .itembox .ttl {
        margin-top: calc(38 * (100vw / 750));
        font-size: calc(42 * (100vw / 750));
        font-family: brother-1816, sans-serif;
        font-weight: 500;
        font-style: normal;
        letter-spacing: 0.05em;
        white-space: nowrap;
    }
    
    #em221108Reebok .mv .prc {
        font-size:calc(26 * (100vw / 750));
        text-decoration: underline;
        margin-top: calc(46  * (100vw / 750));
        font-family: pragmatica, sans-serif;
        font-weight: 300;
        font-style: normal;
        letter-spacing: 0.025em
    }
    
    #em221108Reebok .sec01  {
        width: 100%;
        margin: calc(170  * (100vw / 750)) 0 0 0;  
        position: relative;  
    }
    
    #em221108Reebok .sec01 .imgbox{
        flex-direction: column;
        width: 100%;
        position: relative;
        margin-left: 0;
    }
    
    #em221108Reebok .sec01 .imgbox::before {
        content: "";
        position: absolute;
        top: calc(910 * (100vw / 750));
        left: auto;
        right: calc(0* (100vw / 750));
        width: calc(580 * (100vw / 750));
        height: calc(1140 * (100vw / 750));
        background-color: #000e2b;
        opacity: 0.15;
    }

    #em221108Reebok .sec01 .imgbox .slider {
        order: 2;
        width: calc(650 * (100vw / 750));
        margin-top: calc(80  * (100vw / 750));
        z-index: 10;
    }
        
    #em221108Reebok .sec01 .imgbox .prcbox {
        position: absolute;
        top: calc(200 * (100vw / 750));
        left: calc(20 * (100vw / 750));
    }
    
    #em221108Reebok .sec01 .imgbox .img01 .prcbox li:nth-child(4) {
        margin-right: 0.8rem;
    }
    
    #em221108Reebok .sec01 .imgbox .img01 .prcbox li:nth-child(7) {
        margin-right: 1rem;
    }
    
    #em221108Reebok .sec01 .imgbox .img01 {

    }
    
    #em221108Reebok .sec01 .prcbox li:nth-child(3) {
        margin-right: calc(10 * (100vw / 750));
    }

    #em221108Reebok .sec01 .prcbox li:nth-child(4) {
        margin-right: calc(13 * (100vw / 750));
    }
    
    #em221108Reebok .sec01 .prcbox li:nth-child(5) {
        margin-right: calc(12  * (100vw / 750));
    }
    
    #em221108Reebok .sec01 .prcbox li:nth-child(6) {
        margin-right: calc(10  * (100vw / 750));
    }
    #em221108Reebok .sec01 .prcbox li:nth-child(6) {
        margin-right: calc(8  * (100vw / 750));
    }
    #em221108Reebok .sec01 .imgbox .img02 {
        order: 1;
        width: calc(460 * (100vw / 750));
        margin-right: 0;
        margin-left: auto;
        z-index: 10;
    }
    
    #em221108Reebok .sec01 .img03 {
        width: calc(400 * (100vw / 750));
        position: relative;
        top: 0;
        left: 0;
        margin: calc(80 * (100vw / 750)) 0 0 calc(310 * (100vw / 750));
        z-index: 20;
    }
 
    #em221108Reebok .check_btn {
        margin: calc(142  * (100vw / 750)) auto calc(10 * (100vw / 750));
    }
 
 
    #em221108Reebok .check_btn a {
        font-size: calc(24 * (100vw / 750));
        width: calc(352 * (100vw / 750));
        height: calc(56 * (100vw / 750));
    }

    #footer_emmi {
        margin-top: calc(0 * (100vw / 750));
    }
    
 
}