h2 {
    font-size: 22px;
    color: rgb(5, 84, 117);
    font-weight: bold;
    margin-top: 0px;
}

.jump-tag{
    height: 80px;
}

h3{
    font-size: 18px;
    color: rgb(96, 41, 147);
    font-weight: bold;
    margin-top: 15px;
}

h4{
    font-size: 20px;
    color: rgb(27, 163, 79);
    font-weight: bold;
    margin-top: 15px;
}

h5{
    font-size: 20px;
    color: rgb(17, 136, 187);
    font-weight: bold;
    margin-top: 15px;
}


.section-beginning{
    margin: 0px 0 0px 0;
    max-width: 1280px;
}


.ec-btn{
    height: 40px;
}

.body-area .fa-lightbulb {
    margin-left: -15px;
}

.body-area {
    max-width: 2200px;
}

.row{
    margin-left: 3px;
}

.check-box{
    color:orangered;
    font-weight: bold;
}


.ec-example{
    /* max-width: 1600px; */
    padding: 0 0 0 15px;
}

.ec-content {
    border: 0.5px solid rgb(11, 158, 23);
    border-radius: 5px;
    padding: 15px 15px 0px 15px;
    margin-bottom: 15px;
}

.ec-logo{
    width: 350px;
    margin: 15px 0px 15px 0px;
}

#about-ec {
    max-width: 650px;
    /* margin: 15px 30px 30px 30px; */
}

#small-ec-head{
    max-width: 1300px;
    margin: 0 0 45px 0;
}

#small-ec-head p {
    padding: 15px 0 0 0;

}

#it-hojo-banner{
    max-width: 300px;
    margin: 0px 0px 0px 0px;

}

/* 逕ｻ髱｢繧ｵ繝ｳ繝励Ν */

.example-dump{
    max-width: 1500px;
    margin: 0px 0px 0px 0px;
}

#billing-address{
    max-width: 100%;
    height: auto;
    margin: 0px 0px 0px 0px;
}

#payment-method{
    max-width: 100%;
    height: auto;
    margin: 30px 0px 0px 0px;
}

#address-input-settings{
    max-width: 100%;
    height: auto;
    margin: 30px 0px 0px 0px;
}

#delivery-time-setting{
    max-width: 100%;
    height: auto;
    margin: 30px 0px 0px 0px;
}



/* 繝�せ繧ｯ繝医ャ繝励€€迚ｹ螟ｧ縲€�葱莉倩ｿ� */
@media screen and (min-width:2100px){

    
    
}

/* 繝�せ繧ｯ繝医ャ繝励€€螟ｧ縲€繝輔ΝHD莉倩ｿ� */
@media screen and (min-width:1800px) and (max-width:2100px) {


}

/*  繝医ャ繝励Γ繝九Η繝ｼ2谿ｵ陦ｨ遉ｺ */
@media screen and (min-width:768px) and (max-width:991px) { 

    .jump-tag{
        height: 120px;
    }

    .reserve-example .col-12 {
        padding: 0px;
    }

}

/* 繧ｿ繝悶Ξ繝�ヨ邵ｦ */
@media screen and (max-width:768px){

    .jump-tag{
        height: 80px;
    }

    #about-ec {
        margin: 15px 0px 30px 0px;
    }

    h2 {
        font-size: 18px;
        margin-left: 0;
    }
    
    h4,h5 {
        font-size: 18px;
        margin-left: 0;
    }

    .ec-example{
        padding: 0px;
    }

    .ec-example .row{
        margin-left: -15px;
    }

    #ec-pos1{
        margin-left: 0;
    }

    #d2c-example{
        margin: 0 0 30px 0px;
    }

    #d2c-definition{
        margin: 0 0px 15px 0;
    }

    #d2c-site2{
        max-width: 500px;
        margin: 30px 0px 30px 0px;
    }

    .reserve-example .col-12 {
        margin: 0 0 0 15px;
    }

}

/* 繧ｹ繝槭ヵ繧ｩ螟ｧ(邵ｦ) */
@media screen and (max-width:440px){
    
    .body-area h2{
        font-size: 18px;
        background-color: darkblue;
        color: aliceblue;
        padding: 10px 10px 10px 15px;
        margin:0 0 10px -17px;
        width: 108%;
    }

    #small-ec-head{
        margin-left: -15px;
    }

}