@charset "utf-8";

/*------------------------------------------------------------------*/


/* パソコンで見たときは"pc"のclassがついた画像が表示される */

.sp {
    display: none !important;
}


/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */

@media only screen and (max-width: 750px) {
    .pc {
        display: none !important;
    }
    .sp {
        display: block !important;
    }
    #wrapper {
        width: 540px;
    }
    #shop_photo {
        width: 100%;
        background: #000;
    }
    #shop_box {
        margin: 10px 0 0;
    }
    #sample_view {
        width: 540px;
    }
    .chk_button,
    .no_chk_button {
        float: right;
        margin: 0 10px 10px;
    }
    #shop_address {
        width: 100%;
    }
    #shop_access,
    #set,
    #shop_tel,
    #shop_open,
    #shop_holiday,
    .shop_dat {
        padding: 5px 0 5px 15px;
        width: 100%;
        overflow: hidden;
    }
    #shop_menu,
    .menu_link_button {
        width: 100%;
        text-align: center;
    }
    .menu_link_button {
        display: inline-block;
        margin: 10px auto;
    }
    .sp #shop_list li#shop_comment {
        background: #fff;
        box-shadow: 1px 2px 3px #000;
        min-height: 100px;
        width: 440px;
        border-radius: 20px;
        padding: 20px;
        margin: 20px auto 0;
    }
    #shop_job {
        margin: 0 auto;
    }
    --------------------------------*/ #menu_box_sp .modal_close {
        position: absolute;
        top: 26px;
        right: 22px;
        display: block;
        width: 20px;
        height: 14px;
        z-index: 2;
    }
    #menu_box_sp {
        background: #FFF000;
        border: 1px solid #536376;
        -webkit-box-shadow: rgba(0, 0, 0, .6) 0px 2px 12px;
        -moz-box-shadow: rgba(0, 0, 0, .6) 0px 2px 12px;
        width: 500px;
        height: 560px;
        position: relative;
        display: none;
        color: #000;
        font-size: 22px;
    }
    #menu_box_sp h3 span {
        border-left: 6px solid #FFF000;
        padding: 0px 4px 0;
    }
    #menu_box_sp h3 {
        background: #000;
        padding: 10px 20px;
        color: #FFF000;
        margin: 12px 0;
        font-size: 20px;
    }
    #menu_box_sp h4 {
        font-size: 16px;
        border-left: 4px solid #000;
        padding: 0px 4px 0;
    }
    #menu_box_sp h5 {
        font-size: 14px;
        padding: 4px 4px;
    }
    #menu_box_sp #menu_list_box_sp {
        font-size: 14px;
        background: #FFF;
        width: 440px;
        height: 440px;
        padding: 10px;
        margin: 0 auto;
    }
    #shop_list #menu_list_box_sp li {
        margin: 0 10px;
        padding: 4px 0px;
        border-bottom: dashed 1px #000;
        display: block;
    }
    #menu_list_box_sp {
        overflow: scroll;
    }
    #menu_list_box_sp .goods_name {
        float: none;
    }
    #menu_list_box_sp .price {
        float: right;
    }
    #corona_bar_shop_box {
        width: 540px;
    }
    #corona_bar_shop_box img {
        padding: 0 0 10px 0px;
        width: 100%;
    }
}


/*------------------------------------------------------------------*/

.contents {
    width: 960px;
    margin: 0 auto;
}

.shop_name h1 img,
.shop_tittle_sample h1 img,
.shop_name h2 img,
.shop_tittle_sample h2 img {
    vertical-align: text-top;
}

#set {
    padding: 35px 0 5px 15px;
    width: 450px;
    overflow: hidden;
}

#shop_tel {
    font-size: 22px;
}

.shop_dat span {
    display: inline-block;
}

.shoplist_plan_wh,
.shoplist_plan_bl {
    padding: 10px;
}

#set .service_time {
    width: 162px;
    height: 162px;
    background: url("../images/shop_bg.png") no-repeat center 50%;
    /*    line-height:46px;*/
    /*    padding: 38px 20px 12px;*/
    overflow: hidden;
    font-size: 80px;
    font-weight: bold;
    display: block;
    color: #fff;
    text-align: center;
    float: left;
}

#set span.nomi_tittle,
#set span.nomi_dat {
    padding: 0 0 0 10px;
    display: inline-block;
}

.nomi_set {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 30px;
    border-left: 8px solid #000;
    margin: 0 0 0 176px;
    line-height: 34px;
}

.sp #shop_list li {
    display: inline-block;
    /*    width: 466px;*/
    margin: 0 auto;
}

.sp.sp #shop_list li .menu_link {
    width: 100%;
    margin: 0 0 10px;
}

.sp #shop_list li .comments {
    width: auto;
    margin: 0 0 20px;
}

@media only screen and (max-width: 750px) {
    .shop_tittle_sample h1,
    .shop_tittle_sample h2 {
        left: 0px;
    }
    #shop_map {
        width: 100%;
        margin: 0 auto;
    }
    #gmap_link {
        margin: 0 0 10px 3px;
    }
}

.shhop-desc {
    padding: 5px 10px;
}

#shop_map {
    margin-top: 30px;
}

#shop_map img {
    width: 100%;
}