@charset "UTF-8";

/* ----------------------------------------------- CSS Information
 Style Info:     MADOショップ
 Notes:          
--------------------------------------------------------------- */
.main-wrap{
width:100%;

}

.main-title_bg{
width:100%;
line-height: 100%;
text-align: center;
    background: url("../img/common/head02_bg.png") 0 0 no-repeat;
height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 14.84375%;
    background-size: contain;
margin-bottom: 8%;
}
.main-title{
width:42.4479%;
margin: -9% auto;
}
.main-title img{
width:100%;
}

.main{
width:59.79%;
margin: 0 auto;
}

.sec01{
width:100%;
margin-bottom: 5%;
}

.ykk{
border-top:1px solid #197fb7;
border-bottom: 1px solid #197fb7;
padding: 1% 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 4%;
}

.ykk-l{
width: 32.4%;
}
.ykk-l img{
max-width: 100%;
}

.ykk-r{
width: 66.2%;
color: #197fb7;
font-size: 1.2vw;
line-height: 150%;
padding-top: 2%;
}

.ykk2{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.ykk2-l{
width: 83%;
font-size: 1vw;
line-height: 170%;
}

.ykk2-l-s{
font-size: 0.9vw;
}

.ykk2-r{
width: 13.5%;
margin-right: 2%;
}
.ykk2-r img{
max-width: 100%;
}

.sec02{
width:100%;
margin-bottom: 5%;
}

.sec02-obi{
background-color: #f0831e;
padding: 1.5% 0;
line-height: 0;
}

.obi-txt{
width:46.875%;
margin: 0 auto;
}
.obi-txt img{
width:100%;

}

.sec02-nayami img{
width:100%;
}


.sec03{
width:100%;
margin-bottom: 5%;
}

.sec03-title{
margin-bottom: 5%;
}
.sec03-title img{
width:100%;
}

.sec03-shop{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 5%;
}

.shop-l{
width: 40.94%;
}
.shop-l img{
width: 100%;
}

.shop-r{
width: 49.04%;
font-size: 1vw;
line-height: 170%;
}

.shop2-l{
width: 23.95%;
}
.shop2-l img{
width: 100%;
}

.shop2-r{
width: 74.3%;
font-size: 1vw;
line-height: 170%;
}

/* ================= smartphone ================= */
@media only screen and (max-width:699px) {

.main-title_bg{
width:100%;
line-height: 100%;
text-align: center;
    background: url("../img/common/head02_bg_sm.png") 0 0 no-repeat;
height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 33.5294%;
    background-size: contain;
margin-bottom: 5%;
}
.main-title{
width:90%;
margin: -20% auto;
}

.main {
    width: 90%;
    margin: 0 auto;
}

.ykk-l {
    width: 70%;
    margin: 0 auto;
}

.ykk-r {
    width: 100%;
    color: #197fb7;
    font-size: 16px;
    line-height: 150%;
    padding-top: 2%;
}

.ykk2-l {
    width: 100%;
    font-size: 14px;
    line-height: 170%;
}

.ykk2-r {
    width: 50%;
    margin: 0 auto;
}

.ykk2-l-s {
    font-size: 13px;
    margin-bottom: 3%;
}

.obi-txt {
    width: 90%;
    margin: 0 auto;
}

.shop-l {
    width: 100%;
}

.shop-r {
    width: 100%;
    font-size: 14px;
    line-height: 170%;
}

.shop2-l {
    width: 60%;
    margin: 0 auto;
}

.shop2-r {
    width: 100%;
    font-size: 14px;
    line-height: 170%;
}










}