@charset "utf-8";
@import url("reset.css");

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


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

#pc {
    display: block !important;
}

#sp {
    display: none !important;
}


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

@media only screen and (max-width: 750px) {
    #pc {
        display: none !important;
    }
    #sp {
        display: block !important;
    }
    #wrapper {
        width: 540px;
        font-size: 16px;
    }
}


/*--Base------------------------------------------------------------*/

html,
body {
    width: 100%;
    height: 100%;
}

html {
    overflow-y: scroll;
}


/*--Text------------------------------------------------------------*/

body {
    font-size: 100%;
    font-weight: normal;
    line-height: 1.5;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background: #FFF000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}


/*--Link------------------------------------------------------------*/

a,
a:link {
    color: #333333;
}

a:visited {
    color: #333333;
}

a:hover,
a:active {
    color: #777777;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
}

a:focus {
    outline: none;
}


/*--HTML5-----------------------------------------------------------*/

article,
aside,
details,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

@media only screen and (max-width: 750px) {
    #wrapper {
        /*    min-width: 540px;*/
    }
    #wrapper h1 {
        max-width: 100%;
        margin: 0 auto;
    }
}


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

@media only screen and (max-width: 750px) {
    #shop_tittle {
        font-size: 24px;
    }
    #shop_tittle_box {
        width: 480px;
    }
    #shop_tittle_img {
        width: 480px;
    }
}


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

#shop_box {
    display: block;
    /*    padding: 30px 0 0;*/
    width: 480px;
    min-height: 100%;
    float: left;
    overflow: hidden;
    background-size: cover;
}

.shoplist_name_icon_wh,
.shoplist_name_icon_bl {
    float: left;
}

#sample_view {
    margin: 0 auto;
    display: block;
    /*    position: fixed;*/
    /*    width: 1200px;*/
    font-size: 42px;
    font-weight: bold;
    color: #fff;
    background: #000;
    text-align: center;
    padding: 20px 0;
}

#shop_name {
    float: none;
    clear: both;
    padding-left: 20px !important;
}

#shop_name p {
    width: 389px;
    padding: 20px 0 0 50px;
    float: left;
    font-size: 42px;
    font-weight: bold;
}

#shop_address,
#shop_access,
.set,
#shop_tel,
#shop_open,
#shop_holiday {
    padding: 5px 0 5px 15px;
    width: 450px;
    overflow: hidden;
}

#shop_tel {
    font-size: 22px;
}

.shoplist_30_wh,
.shoplist_30_bl,
.shoplist_60_wh,
.shoplist_60_bl,
.shoplist_90_wh,
.shoplist_90_bl,
.shoplist_wh,
.shoplist_bl {
    min-height: 100px;
    padding: 10px 0px;
    float: left;
}

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

.set .service_time {
    width: 162px;
    height: 162px;
    background: url("../img/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;
    padding: 0px;
}

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

.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 165px;
    line-height: 34px;
}

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

span.nomi_3000 {
    margin: 0 0 0 15px;
    padding: 0px;
}

.nomi_cont {
    /*    display: inline-block;*/
    border-left: 8px solid #000;
    margin: 0 0 0 176px;
    padding: 0px;
}

.nomi_cont_P {
    /*    display: inline-block;*/
    border-left: 8px solid #FFF;
    margin: 0 0 0 176px;
    padding: 0px;
}

.remarks {
    margin: 0 0 0 176px;
}

.nomi_tittle {
    font-weight: bold;
    font-size: 20px;
}

#shop_photo img {
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

#map,
#map_canvas {
    margin: 20px 0;
    /*    width: 480px;*/
    /*    height:320px;*/
}


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

#sp #header {
    width: 480px;
    margin: 0 auto;
}

#sp #header_copy {
    width: 400px;
}

#shop_list {
    padding: 0;
}

#sp #shop_tittle {
    font-size: 18px;
}

#sp #shop_tittle_box {
    width: 540px;
}

#sp #contents {
    width: 480px;
    margin: 0 auto;
}

#sp #shop_list li {
    display: inline-block;
    width: 480px;
    margin: 0 auto;
}

#sp #footer {
    width: 480px;
    margin: 0 auto;
    text-align: center;
}

#sp #header_fukidasi {
    margin: -30px 0 0 40px;
}

#footer {
    width: 960px;
    margin: 0 auto;
    text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#footer ul {
    margin: 10px auto;
}

#footer li {
    text-align: center;
}

#footer li.left a {
    padding: 0px 20px;
    border-right: 1px solid #000;
}

#footer li a {
    text-decoration: none;
}

#sp #footer,
.sp #footer {
    width: 480px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    -webkit-text-size-adjust: none;
}


/*--common----------------------------------------------------------*/

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    float: none;
    clear: both;
}

.nowrap {
    display: inline-block;
}


/*地方のウインドウ*/

#touhoku,
#kantou,
#chubu,
#kinki,
#chugoku,
#shikoku,
#kyushu {
    display: none;
    /*    width: 140px;*/
}


/* for modern brouser */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}


/* IE7,MacIE5 */

.clearfix {
    display: inline-block;
}


/* WinIE6 below, Exclude MacIE5 \*/

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}


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


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

.footer_pr {
    text-align: center;
}