@charset "UTF-8";

/*************************************SP****************************************/
@media screen and ( max-width:560px ){

    /* #contentsAll {background-position-y: -112px;background-image: url(../img/sp.jpg);background-size: 100%;max-width: 120rem;margin: 0 auto;}
    #contentsAll{opacity: .6;} */

        /* ===================================contentsAll==================================== */
    
        .pcOnly{
            display: none;
        }

        #contentsAll{
            overflow-x: hidden;
        }
    

        #contentsAll .yuGothic{
            font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic', 'メイリオ', sans-serif;
        }
    
    
        /* ===================================main_content==================================== */
    
        #contentsAll .main_content{
            text-align: center;
        }
        
        #contentsAll .mainArea img {
            width: calc(750 *(100vw /750));
        }

        /* ===================================shoes=================================== */

        #contentsAll .shoes_Area img{
            width: calc(500 *(100vw /750));
            display: block;
            margin: calc(152 *(100vw /750)) auto 0;
        }

        /* ===================================contents2==================================== */

        #contentsAll .contents2{
            text-align: center;
            position: relative;
        }

        #contentsAll .contents2::after {
            content: "";
            display: block;
            width: 120vw;
            height: calc(1205 *(100vw /750));
            background: #f1f4f4;
            top: calc(25 *(100vw /750));
            left: 0;
            position: absolute;
            z-index: -1;
        }

        #contentsAll .contents2 .cont2_Area{
            position: relative;
            z-index: 2;
        }

        #contentsAll .contents2 .subtitle{
            font-size: calc(46 *(100vw /750));
            letter-spacing: 0.05em;
            color: #a0acaf;
            z-index: 999;
            font-family: 'Pragmatica','Helvetica',sans-serif;
        }

        #contentsAll .contents2 .cont2_title{
            font-size: calc(60 *(100vw /750));
            letter-spacing: 0.038em;
            line-height: 1.27em;
            color: #1e8596;
            margin-top: calc(42 *(100vw /750));
            font-family: 'Pragmatica','Helvetica',sans-serif;
        }

        #contentsAll .contents2 .cont2_textArea{
            font-size: calc(28 *(100vw /750));
            line-height: 1.9;
            letter-spacing: 0.025em;
            color: #4d4d4d;
            margin-top: calc(30 *(100vw /750));
        }

        #contentsAll .contents2 .cont2_taxArea{
            font-size: calc(35 *(100vw /750));
            letter-spacing: 0.04em;
            color: #228fa8;
            margin-top: calc(52 *(100vw /750));
            font-family: 'Pragmatica','Helvetica',sans-serif;
            
        }

        /* ===================================contents3==================================== */

        #contentsAll .c1_imgArea img {
            width: calc(661 *(100vw /750));
            display: block;
            margin: calc(125 *(100vw /750)) auto 0;
            position: relative;
            z-index: 3;
        }

        #contentsAll .c2_imgArea img {
            width: calc(487 *(100vw /750));
            margin-top: calc(91 *(100vw /750))
        }

        #contentsAll .contents3 .yuGothic.c1_taxArea {
            margin-top: calc(37 *(100vw /750));
            font-size: calc(20.6 *(100vw /750));
            letter-spacing: 0.02em;
            line-height: 2.5;
            text-align: center;
            font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
            font-weight: 500;
            color: #4d4d4d;

        }

        #contentsAll .contents3 .yuGothic.c1_taxArea_flex {
            display: flex;
            justify-content: center;
        }
    
        #contentsAll .contents3 .yuGothic.yuGothic.c1_taxArea_flex span{
            margin-left: calc(5 *(100vw /750));
            margin-right: calc(5 *(100vw /750));
        }

        #contentsAll .contents3 .yuGothic.c1_taxArea_flex p {
            margin-left: calc(10 *(100vw /750));
        }

        #contentsAll .c2_imgArea {
            text-align: right;
        }

        #contentsAll .contents3 .yuGothic.c2_taxArea {
            margin-top: calc(37 *(100vw /750));
            font-size: calc(20.6 *(100vw /750));
            letter-spacing: 0.02em;
            line-height: 2.4;
            text-align: center;
            font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
            font-weight: 500;
            color: #4d4d4d;
        }


        /* ===================================Checkall_btn==================================== */

        #contentsAll .Checkall_btn {
            width: calc(355*(100vw/750));
            margin-top: calc(90*(100vw/750));
            margin-right: auto;
            margin-bottom: calc(22*(100vw/750));
            margin-left: auto;
            text-align: center;
            background-color: #ffffff;
            border: 1px solid #333333;
        }

        #contentsAll a.btn_text {
            display: inline-block;
            width: 100%;
            font-size: calc(24*(100vw/750));
            line-height: 2.3;
            letter-spacing: .02rem;
            font-family: futura-pt, sans-serif;
            font-weight: 400;
            font-style: normal;
        }

    }

/**********************************タブレット*************************************/
@media only screen and (min-width: 561px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    html{
        font-size: calc(10 *(100vw /1200));
        
    }

    /* #contentsAll .contents2::after {
        content: ""!important;
        display: block!important;
        width: 100vw!important;
        height: 56.8rem!important;
        background: #f1f4f4!important;
        top: 146.7rem!important;
        left: 0!important;
        position: absolute!important;
        z-index: 1!important;
    } */



}

/*************************************PC****************************************/
@media screen and ( min-width:561px ) {

    /* #contentsAll {background-position-y: -100px;background-image: url(../img/pc.jpg);background-size: 100%;max-width: 120rem;margin: 0 auto;}
    #contentsAll{opacity: .6;} */



    /* ===================================contentsAll==================================== */

    #contentsAll{
        max-width: 100%;
    }

    .spOnly{
        display: none;
    }

    #contentsAll .yuGothic{
        font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic', 'メイリオ', sans-serif;
    }



    /* ===================================main_content==================================== */

    #contentsAll .main_content{
        margin-top: 8.5rem;
        text-align: center;
    }
    
    #contentsAll .mainArea img {
        width: 97.7rem;
    }

     /* ===================================content1==================================== */

    #contentsAll section.contents1 {
        text-align: center;
        margin-top: 14.5rem;
    }
    
    #contentsAll .shoes_Area img {
        width: 36.3rem;
    }


    /* ===================================contents2==================================== */

    #contentsAll .contents2{
        text-align: center;
        position: relative;
    }


    #contentsAll .contents2::after {
        content: "";
        display: block;
        width: 120vw;
        height: 56.8rem;
        background: #f1f4f4;
        top: 1.5rem;
        left: 0;
        position: absolute;
        z-index: 1;
    }

    #contentsAll .contents2 .cont2_Area{
        position: relative;
        z-index: 2;
    }

    #contentsAll .contents2 .subtitle{
        font-size: 2.6rem;
        letter-spacing: 0.04em;
        color: #a0acaf;
        margin-top: -2rem;
        font-family: pragmatica, sans-serif;
        font-weight: 400;
        font-style: normal;
    }

    #contentsAll .contents2 .cont2_title{
        font-size: 3.5rem;
        line-height: 1.285;
        letter-spacing: 0.04em;
        color: #1e8596;
        margin-top: 2.3rem;
        font-family: pragmatica, sans-serif;
        font-weight: 400;
        font-style: normal;
    }

    #contentsAll .contents2 .cont2_textArea{
        font-size: 1.5rem;
        line-height: 2;
        letter-spacing: 0.025em;
        color: #4d4d4d;
        margin-top: 1.5rem;
    }

    #contentsAll .contents2 .cont2_taxArea{
        font-size: 1.8rem;
        letter-spacing: 0.04em;
        color: #228fa8;
        margin-top: 2.6rem;
        font-family: pragmatica, sans-serif;
        font-weight: 400;
        font-style: normal;
    }



    /* ===================================contents3==================================== */

    .contents3{
        display: flex;
        justify-content: center;
        margin-top: 10.5rem;
        position: relative;
        z-index: 3;
    }

    #contentsAll .contents3 .c2_Area {
        margin: 30rem 0 0 6rem;
    }

    #contentsAll .c1_imgArea img {
        width: 50rem;
    }

    #contentsAll .c2_imgArea img {
        width: 38rem;
    }

    #contentsAll .contents3 .c1_taxArea {
        margin-top: 2.4rem;
        font-size: 1.1rem;
        letter-spacing: 0.025em;
        line-height: 1.8;
        color: #4d4d4d;
    }

    #contentsAll .contents3 .c1_taxArea_flex {
        display: flex;
    }

    #contentsAll .contents3 .yuGothic.c1_taxArea_flex p {
        margin-left: 0.5rem;
    }

    #contentsAll .contents3 .yuGothic.c1_taxArea_flex span{
        margin-left: .3rem;
        margin-right: .3rem;
    }

    #contentsAll .contents3 .c2_taxArea {
        margin-top: 2.4rem;
        font-size: 1.1rem;
        letter-spacing: .063em;
        line-height: 1.8;
        color: #4d4d4d;
    }
    /* #contentsAll span.kingaku {
        margin-left: 1.3rem;
    }
    #contentsAll .contents3 .yuGothic.c1_taxArea_flex span.kingaku {
        margin-left: 1.3rem;
    } */

    /* ===================================Checkall_btn==================================== */

    #contentsAll .Checkall_btn {
        width: 22rem;
        margin-top: 10rem;
        margin-right: auto;
        /* margin-bottom: 8.3rem; */
        margin-left: auto;
        text-align: center;
        background-color: #ffffff;
        border: 1px solid #333333;
    }

    #contentsAll a.btn_text {
        display: inline-block;
        width: 100%;
        font-size: 1.5rem;
        line-height: 2.3;
        letter-spacing: .02rem;
        font-family: futura-pt, sans-serif;
        font-weight: 400;
        font-style: normal;
    }

}