/*  セレクトボックス  */
select{
    width: 24% !important;
    /* margin-top:100px; */
}

#shoptitle{
    background: url(../images/back7.jpg);
    /* height:8vw; */
    background-size: cover;
    padding-left:6vw;
}

#shoptitle h1 {
    color: #736357;
    padding-top:3vw;
    padding-bottom:3vw;
    font-size:4vw;
    margin: 0 !important;
}

#logo-img{
    width: 7vw;
    float: left;
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
    margin-right: 2vw;
}


#shoplist{
    background: url(../images/back8.gif) repeat center;
    padding-top:50px;
}

.select-col{
    display:block;
}

.p-3.border.rounded-3{
    background-color: white;
    height:27vw;
    position:relative;
}

.line-qr{
    position:absolute;
    right:0;
    bottom:0;
}

.qr {
    width: 8vw;
}

.qr-desc {
    font-size: 1.0vw;
}

/*  ピンの画像  */
.pin{
    width:40px;
}

.pin-div{
    /* width:40%; */
    float: right;
    text-align: right;
}

/*  店名  */
.shop-name{
    float:left;
    /* width:60%; */
    font-size:1.5vw;
}

.area{
    color: #FF7BAB;
}

table{
    width:100%;
}

th{
    vertical-align: top;
    padding-right: 10px;
}

hr{
    width:100%;
}



/*
    サイズ
*/
@media screen and (max-width: 1500px) {
    .p-3.border.rounded-3 {
        background-color: white;
        min-height: 30vw;
        height:auto;
    }
}

/*
    タブレットサイズ
*/
@media screen and (max-width: 992px) {
    /*  店名  */
    .shop-name {
        float: left;
        /* width:60%; */
        font-size: 2.8vw;
    }

    .p-3.border.rounded-3{
        background-color: white;
        height:40vw;
    }
}

/*
    スマホサイズ
*/
@media screen and (max-width: 767px) {
    /*  セレクトボックス  */
    select{
        width: 90% !important;
        margin:0 auto;
    }

    /*  店名  */
    .shop-name{
        float:left;
        /* width:60%; */
        font-size:8vw;
    }

    #shoptitle{
        background: url(../images/back7.jpg);
        /* height:8vw; */
        background-size: cover;
        padding-left:8vw;
    }

    #shoptitle h1 {
        padding-top:5vw;
        padding-bottom:5vw;
        font-size:6vw;
        margin: 0 !important;
    }

    #logo-img{
        width: 9vw;
        float: left;
        padding-top: 3.5vw;
        padding-bottom: 3.5vw;
    }

    .p-3.border.rounded-3{
        background-color: white;
        height:auto;
    }
}