@charset "UTF-8";
 
 
html {
    font-size: 62.5%;
}
 
#em221116SHOES {
    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%;
}
 
#em221116SHOES img,
#em221116SHOES video,
#em221116SHOES svg {
    width: 100%;
    height: auto;
}
 
#em221116SHOES * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
 
#em221116SHOES a,
#em221116SHOES picture {
    display: block;
}
 
.main-area::after {
    margin: 0 auto 0;
}
/* ============================= ▼ PC ▼ == */
#em221116SHOES {
    width: 120rem;
    margin: 8rem auto 0;
} 

#em221116SHOES .txt {
    font-weight: 400;
    font-size:1.4rem ;
    line-height: 2;
    letter-spacing: 0;
}

#em221116SHOES .txt_b {
    font-weight: bold;
    font-size: 1.3rem;
    margin-top: 1.3rem;
}

#em221116SHOES .txt_b .mark {
    font-family: a-otf-gothic-mb101-pr6n, sans-serif;    
    font-weight: 300;    
    font-style: normal;
    
}

#em221116SHOES .meno {
    font-size: 5.4rem;
    letter-spacing: 0.05em;
    line-height: 1.1;
    font-family: meno-banner, serif;
    font-weight: 400;
}

#em221116SHOES .meno_02 {
    font-family: meno-banner, serif;
    font-weight: 600;
}


#em221116SHOES .prcbox {
    margin: 2.5rem  0 0 0;
    text-align: left;
}
 
#em221116SHOES .prcbox li {
    display: inline-block;
}
 
#em221116SHOES .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;
}

#em221116SHOES .txt_area {
    text-align: left;
}

#em221116SHOES .txt_area .txt_b {
    font-weight: bold;
    letter-spacing: 0;
}

#em221116SHOES .shoes_img {
    width: 56rem;
    margin: 2rem auto 0;
}

#em221116SHOES .shoes_img .flex {
    display: flex;
    justify-content: space-between;
}

#em221116SHOES .shoes_img .it01,
#em221116SHOES .shoes_img .it02 {
    width:28rem ;
}

#em221116SHOES .meno_02 {
    font-size: 2.4rem;
    letter-spacing: 0.05em;
}

#em221116SHOES .shoes_img .prc {
    font-size: 1.6rem;
    text-decoration: underline;
    margin-top: 2.6rem;
    font-family: pragmatica, sans-serif;
    font-weight: 300;
    font-style: normal;
}

#em221116SHOES .mv {
    width: 54.1rem;
    margin: 0 auto;
}
 
#em221116SHOES .mv .txt {
    text-align: center;
    margin-top: 4rem;
}

/* sec01 */
#em221116SHOES .sec01 {
    margin: 13.2rem auto 0;
}

#em221116SHOES .sec01 .imgbox {
    display: flex;
}

#em221116SHOES .sec01 .imgbox .img01 {
    order: 2;
    width:52rem ;    
    margin-top: 14rem;  
    margin-left: 1rem;  
    position: relative;
}

#em221116SHOES .sec01 .imgbox .img01 .meno {
    position: absolute;
    top: -14.5rem;
    right: 0.8rem;
    text-align: right;
}

#em221116SHOES .sec01 .txt_area {
    position: relative;
    margin-top: 5.3rem;
}

#em221116SHOES .sec01 .imgbox .img02 {
    order: 1;
    width:50rem ;
    margin-left:9rem;
}

#em221116SHOES .sec01 .img03 {
    width: 42rem;
    margin: -39.1rem  0 0 60rem;
    position: relative;
}

#em221116SHOES .sec01 .img03 .prcbox {
    position: absolute;
    top: 25.6rem;
    right: -18.3rem;
    transform: rotate(90deg);
    text-align: right;
}

#em221116SHOES .sec01 .img03 .prcbox li:nth-child(3) {
    margin-right: 0.7rem;
}

#em221116SHOES .sec01 .shoes_img {
    margin: 8rem auto 0;
}

#em221116SHOES .sec01 .shoes_img .meno_02 {
    margin-top: 3rem;
}



/* .sec02 */
#em221116SHOES .sec02 {
    margin: 17.1rem  auto 0;
    position: relative;
}

#em221116SHOES .sec02 .imgbox{
    width: 94rem;
    display: flex;
    justify-content:space-between;
    margin-left: 14.7rem;
    
}

#em221116SHOES .sec02 .imgbox .img01 {
    width: 54rem;
    position: relative;
}

#em221116SHOES .sec02 .imgbox .img01 .meno {
    position: absolute;
    left: -40.9rem;
    top: 35.9rem;
    display: block;
    white-space: nowrap;
    transform: rotate(90deg);
    letter-spacing: 0.044em;
}

#em221116SHOES .sec02 .imgbox .flex {
    margin-top: 23.6rem;
    margin-left: 1rem;
    flex-direction: column;
}

#em221116SHOES .sec02 .imgbox .flex .img02 {
    width: 39rem;
}

#em221116SHOES .sec02 .imgbox .flex .img03 {
    width: 39rem;
    margin-top: 1rem;
}

#em221116SHOES .sec02 .prcbox {
    position: absolute;
    top: 79.9rem;
    left: 14.8rem;
}

#em221116SHOES .sec02 .txt_area  {
    margin: -0.6rem 0 0 14.7rem;
}

#em221116SHOES .sec02 .shoes_img {
    margin: 4.4rem  auto 0;
}

#em221116SHOES .sec02 .shoes_img .meno_02 {
    margin-top: 0.2rem;
}

/* .sec03 */
#em221116SHOES .sec03 {
    margin: 17.1rem  auto 0;
    position: relative;
}

#em221116SHOES .sec03 .imgbox{
     display: flex;
}

#em221116SHOES .sec03 .imgbox .item01 {
    margin: 8.9rem 0 0 5.5rem;
}

#em221116SHOES .sec03 .imgbox .item01 .img01 {
    width: 51rem;
    margin-left: 7.4rem;
    position: relative;
}

#em221116SHOES .sec03 .imgbox .item01 .img01 .meno {
    position: absolute;
    top: -8.9rem;
    left: -7rem;
    text-align: left;
    letter-spacing: 0.04em;
}

#em221116SHOES .sec03 .imgbox .item01 .img02 {
    width:51rem;
    margin-top: 1rem;
    position: relative;
}

#em221116SHOES .sec03 .imgbox .item01 .img02 .prcbox {
    position: absolute;
    right: -68.5rem;
    top: -3.8rem;
    margin-top: 0;
    transform: rotate(90deg);
    transform-origin: left;
}

#em221116SHOES .sec03 .imgbox .item02 {
    margin-left: 1rem;
}

#em221116SHOES .sec03 .imgbox .item02 .img03 {
    width: 52rem;
}

#em221116SHOES .sec03 .imgbox .item02 .img04 {
    width: 39rem;
    margin: 1rem 0 0 -7.4rem;
}

#em221116SHOES .sec03 .imgbox .item02 .img05 {
    width: 51rem;
    margin: 1rem 0 0 -7.5rem;
}

#em221116SHOES .sec03 .txt_area {
    position: absolute;
    top: 122.3rem;
    left: 5.6rem;
}

#em221116SHOES .sec03 .shoes_img {
    margin: 7.4rem  auto 0;
}

#em221116SHOES .sec03 .shoes_img .meno {
    letter-spacing: 0.04em;
}

#em221116SHOES .sec03 .meno_txt {
    letter-spacing: 0.06em;
}

#em221116SHOES .sec03 .shoes_img .meno_02 {
    margin-top: 0.1rem;
}

#em221116SHOES .sec03 .prcbox li:nth-child(2) {
    margin-left: 0.2rem;
}


/* .sec04 */
#em221116SHOES .sec04 {
    margin: 17.2rem  auto 0;
    position: relative;
}

#em221116SHOES .sec04 .imgbox{
    margin-left: 15rem;
    display: flex;
}

#em221116SHOES .sec04 .imgbox .img01{
    width:50rem;
    margin-left: 1rem;
    order: 2;
    position: relative;
}

#em221116SHOES .sec04 .imgbox .img01 .meno {
    position: absolute;
    top: 20.7rem;
    right: -27rem;
    transform: rotate(90deg);
}

#em221116SHOES .sec04 .imgbox .img02{
    width:38rem;
    order: 1;
    margin-top: 39.3rem;
}

#em221116SHOES  .sec04  .txt_area {
    position: absolute;
    top: 67.1rem;
    left: 59rem;
}

#em221116SHOES .sec04 .shoes_img {
    margin-top: 8rem ;
}

#em221116SHOES .sec04 .shoes_img .meno_02 {
    margin-top: 3.2rem;
}

#em221116SHOES  .sec04 .txt_area .txt_b {
    display: inline-block;
}

#em221116SHOES  .sec04 .txt_area .txt_b02 {
    display: inline-block;
    margin-left: 1.2rem;
}














#em221116SHOES .check_btn {
    margin: 12rem    auto 0;
}
 
#em221116SHOES .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) {
 
    #em221116SHOES .sp_only {
        display: block;
    }
 
    #em221116SHOES .pc_only {
        display: none;
    }
 
    #em221116SHOES .check_btn {
        margin: calc(148 * (100vw / 750)) auto calc(10 * (100vw / 750));
    }
 
 
    #em221116SHOES .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));
    }

    #em221116SHOES {
        width: 100%;
        margin: calc(77  * (100vw / 750)) auto 0;
    } 

    #em221116SHOES .txt {
        font-weight: 400;
        font-size:calc(24* (100vw / 750));
        line-height: 2;
        letter-spacing: 0.025em;
        text-align: center;
    }
    
    #em221116SHOES .txt_b {
        font-weight: bold;
        font-size: calc(22* (100vw / 750));
        margin-top: calc(24* (100vw / 750));
        text-align: center;

    }
    
    #em221116SHOES .txt_b .mark {
        font-size: calc(24  * (100vw / 750));;
        font-family: a-otf-gothic-mb101-pr6n, sans-serif;    
        font-weight: 300;    
        font-style: normal;
        
    }
    
    #em221116SHOES .meno {
        font-size: calc(75* (100vw / 750));
        letter-spacing: 0.075em;
        line-height: 1.1;
        font-family: meno-banner, serif;
        font-weight: 400;
    }
    
    #em221116SHOES .meno_02 {
        font-family: meno-banner, serif;
        font-weight: 600;
    }
    
    
    #em221116SHOES .prcbox {
        margin: calc(20* (100vw / 750)) 0 0 0;
        text-align: left;
        text-align: center;
    }
     
    #em221116SHOES .prcbox li {
        display: inline-block;
    }
     
    #em221116SHOES .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;
    }
    
    #em221116SHOES .txt_area {
        text-align: left;
    }
    
    #em221116SHOES .txt_area .txt_b {
        font-weight: bold;
    }
    
    #em221116SHOES .shoes_img {
        width: calc(640* (100vw / 750));
        margin:calc(20* (100vw / 750)) auto 0;
    }
    
    #em221116SHOES .shoes_img .flex {
        display: flex;
        justify-content: space-between;
    }
    
    #em221116SHOES .shoes_img .it01,
    #em221116SHOES .shoes_img .it02 {
        width:calc(320* (100vw / 750));
    }
    
    #em221116SHOES .meno_02 {
        font-size: calc(42* (100vw / 750));
        letter-spacing: 0.05em;
    }
    
    #em221116SHOES .shoes_img .prc {
        font-size: calc(26* (100vw / 750));
        text-decoration: underline;
        margin-top: calc(34* (100vw / 750));
    }
    
    #em221116SHOES .mv {
        width: 100%;
        margin: 0 auto;
    }
     
    #em221116SHOES .mv .txt {
        text-align: center;
        margin-top: calc(70* (100vw / 750));
    }
    
    /* sec01 */
    #em221116SHOES .sec01 {
        margin: calc(276* (100vw / 750)) auto 0;
    }
    
    #em221116SHOES .sec01 .imgbox {
        display: flex;
        flex-direction: column;
    }
    
    #em221116SHOES .sec01 .imgbox .img01 {
        order: 1;
        width:calc(650* (100vw / 750));
        margin-top: 0;  
        margin-left: auto;  
        margin-right: 0;
        position: relative;
    }
    
    #em221116SHOES .sec01 .imgbox .img01 .meno {
        position: absolute;
        top: calc(-119* (100vw / 750));
        left: calc(-83* (100vw / 750));
        text-align: left;
    }
    
    #em221116SHOES .sec01 .txt_area {
        position: relative;
        margin-top: calc(66* (100vw / 750));
    }
    
    #em221116SHOES .sec01 .imgbox .img02 {
        order: 2;
        width: calc(600* (100vw / 750));
        margin-left: 0;
        margin-top: calc(20* (100vw / 750));
        margin-right: auto;
    }
    
    #em221116SHOES .sec01 .img03 {
        width: calc(710* (100vw / 750));
        margin: calc(20* (100vw / 750)) auto 0;
        position: relative;
    }
    
    #em221116SHOES .sec01 .img03 .prcbox {
        position: absolute;
        top: calc(-302* (100vw / 750));
        right: calc(-165* (100vw / 750));
        transform: rotate(90deg);
        text-align: right;
    }

    #em221116SHOES .sec01 .img03 .prcbox li:nth-child(3) {
        margin-right: calc(7* (100vw / 750));
    }
    
    #em221116SHOES .sec01 .shoes_img {
        margin: calc(80* (100vw / 750)) auto 0;
    }
    
    #em221116SHOES .sec01 .shoes_img .meno_02 {
        margin-top: calc(42* (100vw / 750));
    }
    
    /* .sec02 */
    #em221116SHOES .sec02 {
        margin: calc(200* (100vw / 750)) auto 0;
        position: relative;
    }
    
    #em221116SHOES .sec02 .imgbox{
        width: 100%;
        display: flex;
        justify-content:space-between;
        flex-direction: column;
        margin-left: auto;
        margin-right: 0;
        
    }
    
    #em221116SHOES .sec02 .imgbox .img01 {
        width: calc(650* (100vw / 750));
        position: relative;
        margin-right: 0;
        margin-left: auto;
    }
    
    #em221116SHOES .sec02 .imgbox .img01 .meno {
        position: absolute;
        left: calc(-552* (100vw / 750));
        top: calc(471* (100vw / 750));
        display: block;
        white-space: nowrap;
        transform: rotate(90deg);
        letter-spacing: 0.024em;
    }
    
    #em221116SHOES .sec02 .imgbox .flex {
        width: 100%;
        justify-content: space-between;
        margin-top: calc(20* (100vw / 750));
        margin-left: 0;
        display: flex;
        flex-direction: initial;
    }
    
    #em221116SHOES .sec02 .imgbox .flex .img02 {
        width: calc(420* (100vw / 750));
    }
    
    #em221116SHOES .sec02 .imgbox .flex .img03 {
        width:calc(310* (100vw / 750));
        margin-top: 0;
    }
    
    #em221116SHOES .sec02 .prcbox {
        position: static;
        margin-top: calc(33* (100vw / 750));
        text-align: center;
    }
    
    #em221116SHOES .sec02 .txt_area  {
        margin: calc(60* (100vw / 750)) auto 0;
    }
    
    #em221116SHOES .sec02 .shoes_img {
        margin: calc(80* (100vw / 750))  auto 0;
    }
    
    #em221116SHOES .sec02 .shoes_img .meno_02 {
        margin-top: calc(1* (100vw / 750));
    }
    
    /* .sec03 */
    #em221116SHOES .sec03 {
        margin: calc(41* (100vw / 750))  auto 0;
        position: relative;
    }
    
    #em221116SHOES .sec03 .imgbox{
         display: flex;
         flex-direction: column;
    }
    
    #em221116SHOES .sec03 .imgbox .item01 {
        margin: calc(200* (100vw / 750)) auto 0;
    }
    
    #em221116SHOES .sec03 .imgbox .item01 .img01 {
        width: 100%;
        margin-left: 0;
        position: relative;
    }
    
    #em221116SHOES .sec03 .imgbox .item01 .img01 .meno {
        position: absolute;
        top: calc(-41* (100vw / 750));
        left: calc(20* (100vw / 750));
        text-align: left;
        letter-spacing: 0.055em;
    }
    
    #em221116SHOES .sec03 .imgbox .item01 .img02 {
        width: calc(610* (100vw / 750));
        margin-top: calc(20* (100vw / 750));
        position: relative;
        margin-left: auto;
        margin-right: 0;
    }
    
    #em221116SHOES .sec03 .imgbox .item01 .img02 .prcbox {
        position: absolute;
        right: calc(0* (100vw / 750));
        left: calc(-72* (100vw / 750));
        top: calc(76* (100vw / 750));
        margin-top: 0;
        transform: rotate(90deg);
        transform-origin: left;
        text-align: right;
    }
    
    #em221116SHOES .sec03 .imgbox .item02 {
        margin-left: 0;
    }
    
    #em221116SHOES .sec03 .imgbox .item02 .img03 {
        width: calc(430* (100vw / 750));
        margin: calc(20* (100vw / 750)) 0 0 0;
    }

    #em221116SHOES .sec03 .imgbox .item02 .flex {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    
    #em221116SHOES .sec03 .imgbox .item02 .img04 {
        width: calc(300* (100vw / 750));
        margin: calc(20* (100vw / 750)) 0 0 0;
    }
    
    #em221116SHOES .sec03 .imgbox .item02 .img05 {
        width: calc(690* (100vw / 750));
        margin: calc(20* (100vw / 750)) auto 0;
    }

    #em221116SHOES .sec03 .prcbox {
        margin-top: calc(31* (100vw / 750));
    }
    
    #em221116SHOES .sec03 .txt_area {
        position: static;
        margin-top:calc(60* (100vw / 750));
    }
    
    #em221116SHOES .sec03 .shoes_img {
        margin:calc(78* (100vw / 750))  auto 0;
    }
    
    #em221116SHOES .sec03 .shoes_img .meno {
        letter-spacing: 0.04em;
    }
    
    #em221116SHOES .sec03 .meno_txt {
        letter-spacing: 0.08em;
    }
    
    #em221116SHOES .sec03 .shoes_img .meno_02 {
        margin-top: 0;
    }
    
    #em221116SHOES .sec03 .prcbox li:nth-child(1) {
        margin-left: calc(0* (100vw / 750));
    }

    #em221116SHOES .sec03 .prcbox li:nth-child(2) {
        margin-left: calc(-13* (100vw / 750));
        margin-right: calc(10* (100vw / 750));
    }

    #em221116SHOES .sec03 .prcbox li:nth-child(6) {
        margin-right: calc(-10* (100vw / 750));
    }

    #em221116SHOES .sec03 .prcbox02 li:nth-child(1) {
        margin-left: calc(16* (100vw / 750));
    }

    #em221116SHOES .sec03 .prcbox02 li:nth-child(2) {
        margin-left: calc(-2* (100vw / 750));
        margin-right: calc(0* (100vw / 750));
    }
    
    
    /* .sec04 */
    #em221116SHOES .sec04 {
        margin: calc(202* (100vw / 750)) auto 0;
        position: relative;
    }
    
    #em221116SHOES .sec04 .imgbox{
        margin-left: 0;
        flex-direction: column;
    }
    
    #em221116SHOES .sec04 .imgbox .img01{
        width:calc(640* (100vw / 750));
        margin-left: 0;
        margin-right: auto;
        order: 1;
        position: relative;
    }
    
    #em221116SHOES .sec04 .imgbox .img01 .meno {
        position: absolute;
        top: calc(336* (100vw / 750));
        right: calc(-387* (100vw / 750));
        transform: rotate(90deg);
    }
    
    #em221116SHOES .sec04 .imgbox .img02{
        width: calc(430* (100vw / 750));
        order: 2;
        margin-top: calc(20* (100vw / 750));
        margin-right: 0;
        margin-left: auto;
    }
    
    #em221116SHOES  .sec04  .txt_area {
        position: static;
        margin-top: calc(67* (100vw / 750));
        text-align: center;
    }
    
    #em221116SHOES .sec04 .shoes_img {
        margin-top: calc(80* (100vw / 750));
    }
    
    #em221116SHOES .sec04 .shoes_img .meno_02 {
        margin-top: calc(42* (100vw / 750));
    }
    
    #em221116SHOES  .sec04 .txt_area .txt_b {
        display: inline-block;
    }
    
    #em221116SHOES  .sec04 .txt_area .txt_b02 {
        display: inline-block;
        margin-left: calc(34* (100vw / 750));
    }
    
 
 
}