/* Reset CSS */
* {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;
  font-family: "ヒラギノ角ゴ Pro W4","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana, Arial, Helvetica, sans-serif;}

.body{background:#fff;}
.row-fluid{margin-left: 1px;width:99%;}
.checkbox{margin-top: 0px !important;}
.logo-size{width:180px;overflow:hidden;}
.sns-block-outer {display: flex;flex-flow: row wrap;justify-content: space-around;width:100%;}
.sns-block-outer button {border-radius: 3px;height: 43px;width:124px;font-size:15px;line-height: 42px;font-size: 14px;padding: 0 8px;}
.sns-block-outer button b {color: #fff;}
.sns-block-outer .btn-fb{background:#4c699e}
.sns-block-outer .btn-google {background:#da573b}
.sns-block-outer .btn-tw {background:#1daee3}
.sns-block-outer .btn-mx {background:#fff; border-color: #ccc}
.sns-block-outer .btn-ln {background:#00be00; border-color: #fff; padding: 0px;}
.sns-block-outer .ic-fb i {display:inline-block;vertical-align:middle;background-position: 0 0;width: 28px;height: 22px;left: 1px;background-image: url('../../images/front/sign-new.png?008');background-repeat: no-repeat;}
.sns-block-outer .ic-google i {display:inline-block;vertical-align:middle;background-position: -65px -59px;width: 24px;height: 25px;left: 1px;background-image:url('../../images/front/sign-new.png?008');background-repeat: no-repeat;}
.sns-block-outer .ic-tw i {display:inline-block;vertical-align:middle;background-position: -35px 0;width: 24px;height: 21px;top: -1px;background-image: url('../../images/front/sign-new.png?008');background-repeat : no-repeat;}
.sns-block-outer .ic-mx i {display:inline-block;vertical-align:middle;background-position: 0px 0px;width: 110px;height:38px;background-image: url('../../images/front/mixi-logo3.png');background-repeat : no-repeat;}
.sns-block-outer .ic-ln i {display:inline-block;vertical-align:middle;background-position: 0px 0px;width: 120px;height:38px;background-image: url('../../images/front/line_login.png');background-repeat : no-repeat;}
.btn-rn {background-image:linear-gradient(to bottom,#fffff0,#fffacd);border-color:#ffa500;border-width:1px;font-weight: bold}
.btn-rn:hover,.btn-rn:focus,.btn-rn:active,.btn-rn.active{background-color:#fffacd}
.btn-br {background:#ffdfd0;border-color:#ccc;border-width:1px;font-weight: bold}
.btn-br:hover,.btn-br:focus,.btn-br:active,.btn-br.active{background-color:#f4cdba}
.ic-rn i {display:inline-block;vertical-align:middle;background-position: -216px -88px;width: 30px;height: 30px;top: 0px;background-image: url('../../images/front/sign-new.png?008');background-repeat : no-repeat;}
.ic-br i {display:inline-block;vertical-align:middle;background-position: -216px -58px;width: 30px;height: 30px;top: 0px;background-image: url('../../images/front/sign-new.png?008');background-repeat : no-repeat;}
.line-frame{min-height:20px;padding:0px;margin-bottom:10px;margin-right: 0px; background-color:#f5f5f5;border:1px solid #e3e3e3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}
.line-frame-nonfill{min-height:20px;padding:0px;margin-bottom:10px;margin-right: 0px;border:1px solid #e3e3e3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}
.page-container{max-width: 810px; margin: auto;background:#fff;}
.horizone{display: inline-block;}
ul.horizone{margin: 0px;}
.horizone li {float:left;margin:5px;text-align: left;vertical-align: baseline;list-style-type: none;}
.thumb-img{border: 1px #ccc solid;}

.yoyaku-status-0{
display: inline-block;
background: #3EBA76; /* Old browsers */
background-image: -ms-linear-gradient(top left, #308F5A 0%, #3EBA76 100%);
background-image: -moz-linear-gradient(top left, #308F5A 0%, #3EBA76 100%);
background-image: -o-linear-gradient(top left, #308F5A 0%, #3EBA76 100%);
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #308F5A), color-stop(1, #3EBA76));
background-image: -webkit-linear-gradient(top left, #308F5A 0%, #3EBA76 100%);
background-image: linear-gradient(to bottom right, #308F5A 0%, #3EBA76 100%);}
.yoyaku-status-2{
display: inline-block;
background: #FFDBE1; /* Old browsers */
background-image: -ms-linear-gradient(top left, #FFB5C1 0%, #FFDBE1 100%);
background-image: -moz-linear-gradient(top left, #FFB5C1 0%, #FFDBE1 100%);
background-image: -o-linear-gradient(top left, #FFB5C1 0%, #FFDBE1 100%);
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFB5C1), color-stop(1, #FFDBE1));
background-image: -webkit-linear-gradient(top left, #FFB5C1 0%, #FFDBE1 100%);
background-image: linear-gradient(to bottom right, #FFB5C1 0%, #FFDBE1 100%);
}
.yoyaku-status-3{
display: inline-block;
background: #B5B5B5; /* Old browsers */
background-image: -ms-linear-gradient(top left, #1F1F1F 0%, #B5B5B5 100%);
background-image: -moz-linear-gradient(top left, #1F1F1F 0%, #B5B5B5 100%);
background-image: -o-linear-gradient(top left, #1F1F1F 0%, #B5B5B5 100%);
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #1F1F1F), color-stop(1, #B5B5B5));
background-image: -webkit-linear-gradient(top left, #1F1F1F 0%, #B5B5B5 100%);
background-image: linear-gradient(to bottom right, #1F1F1F 0%, #B5B5B5 100%);}
.yoyaku-status-4{display: inline-block;background:#000000;}
.kari-yoyaku-status{
display: inline-block;
background: #35D6ED; /* Old browsers */
background-image: -ms-linear-gradient(top left, #2BADBF 0%, #35D6ED 100%);
background-image: -moz-linear-gradient(top left, #2BADBF 0%, #35D6ED 100%);
background-image: -o-linear-gradient(top left, #2BADBF 0%, #35D6ED 100%);
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #2BADBF), color-stop(1, #35D6ED));
background-image: -webkit-linear-gradient(top left, #2BADBF 0%, #35D6ED 100%);
background-image: linear-gradient(to bottom right, #2BADBF 0%, #35D6ED 100%);}

.shadow-black{color:#fff;text-shadow: rgba(0, 0, 0, 1.0) 0px 0px 2px;}
.shadow-white{color:#333;text-shadow: rgba(255, 255, 255, 1.0) 0px 0px 2px;}

.alert{color:#8b4513;}
.rad{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}
.holizon{display: -moz-inline-box;display: inline-block;display: /inline; /zoom: 1;}
.nowrap{white-space: nowrap !important; }

.nonsel{user-select:none;-moz-user-select:none;-webkit-user-select:none;-khtml-user-select:none;}

.fix120px{width: 120px;}
.fix116px{width: 116px;}
.fix80px{width: 80px;}
.fix58px{width: 58px;}
.fix50px{width: 50px;}
.fix35px{width: 35px;}
.fix45px{width: 45px;}
.fix100per{width: 100%}
.fiy116px{height: 116px;}
.fix100px{width: 100px;}
.fiy58px{height: 58px;}

.mb0{margin-bottom: 0px}
.mb0i{margin-bottom: 0px !important;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mr2{margin-right: 2px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.m2{margin: 2px;}
.m5{margin: 5px;}
.m10{margin: 10px;}
.m20{margin: 20px;}

.p0i{padding: 0px !important;}
.p2-t{padding-top: 2px;}
.p2-b{padding-bottom: 2px;}
.p0i-r{padding-right: 0px !important;}
.p0i-l{padding-left: 0px !important;}
.p4i-r{padding-right: 4px !important;}
.p4i-l{padding-left: 4px !important;}
.p5{padding: 5px;}
.p10{padding: 10px;}
.p20{padding: 20px;}

.va-t{vertical-align: top !important;}
.va-m{vertical-align: middle !important;}
.va-b{vertical-align: bottom !important;}

.fs8{font-size: 8px;line-height: 1.0;}
.fs10{font-size: 10px;line-height: 1.0;}
.fs12{font-size: 12px;line-height: 1.5;}
.fs14{font-size: 14px;line-height: 1.5;}
.fs16{font-size: 16px;line-height: 1.5;}
.fs18{font-size: 18px;line-height: 1.5;}
.fs20{font-size: 20px;line-height: 1.5;}

.time-table{border-collapse: separate;border-spacing: 2px;-webkit-border-horizontal-spacing: 2px;-webkit-border-vertical-spacing: 2px;}
.time-table-label{background-color: #e0e0e0; border-color: #b0b0b0; border-width: 1px;border-style: solid;}
.time-table-day-label-normal{background-color: #e0e0e0;}
.time-table-day-label-sunday{background-color: #eeddd9;}
.time-table-day-label-sunday span{color: #bb5555;}
.time-table-day-label-saturday{background-color: #d9e3e0;}
.time-table-day-label-saturday span{color: #4466bb;}
.time-table-cel{border-color: #b0b0b0; border-width: 1px;border-style: solid; height: 32px; width: 35px;}
.time-table-cel a{text-decoration: none; display: block; zoom: 1;}
.shop-rest-color{color:#bb5555;}
.reserve-tel{ background-color: #f0f8ff; background-image: url('../../images/front/rv-tel.svg');background-repeat: no-repeat;background-size:100% 100%;}
.reserve-warning,.reserve-warning-readonly{ background-color: #FACF7A; background-image: url('../../images/front/rv-triangle.svg');background-repeat: no-repeat;background-size:100% 100%;}
.reserve-warning:hover{ background-color: #ffd700;}
.reserve-impossible{ background-color: #c0c0c0; background-image: url('../../images/front/rv-cross.svg');background-repeat: no-repeat;background-size:100% 100%;}
.reserve-comming,.reserve-comming-readonly{ background-color: #fafad2; background-image: url('../../images/front/rv-circle.svg');background-repeat: no-repeat;background-size:100% 100%;}
.reserve-comming:hover{ background-color: #ffd700;}

.prettyprint{padding: 8px;background-color: #f7f7f9; border: 1px solid #e1e1e8;}

.tc{text-align: center !important;}
.tl{text-align: left !important;}
.tr{text-align: right !important;}
.mx-auto {margin-left: auto!important; margin-right: auto!important;}

.bold{font-weight: bold;}
.max-w50{max-width: 50px}
.max-w80{max-width: 80px}
.max-w100{max-width: 100px}
.max-w200{max-width: 200px}
.max-w300{max-width: 300px}
.max-w500{max-width: 500px}
.min-w60{min-width: 60px;}
.min-w70{min-width: 70px}
.min-w80{min-width: 80px}
.min-w100{min-width: 100px;}
.min-w300{min-width: 300px;}
.min-w600{min-width: 600px;}

.min-h54{min-height:54px;height:auto !important;height:54px;}
.wr{white-space:normal; overflow-wrap:break-word !important;display: block;}
.of-hidden{overflow: hidden;}
.error-field{background-color: #ffcccc !important; }
.error-summary{min-height:20px;padding:5px;margin:5px;border:1px solid #b94a48;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}
.error-summary ul{color: #b94a48;margin-bottom:0px;}

.fb-timeLineContainer{background: #fff;padding: 5px;}
.fb-shareLink{text-decoration: none;display: block;color: rgb(59,89,152)}
.fb-shareLink:hover{text-decoration: none;}
.fb-shareUnit{border-style: solid; border-color: rgb(210,213,220); border-width: 1px; margin: 10px}
.fb-name{color: #3b5998;font-weight: bold;font-size: 11px;line-height: 14px;list-style-image: none;list-style-position: outside;list-style-type: none;}
.fb-caption{color: #89919c;font-weight: nomal;font-size: 11px;line-height: 14px;list-style-image: none;list-style-position: outside;list-style-type: none;}
.fb-description{color: #89919c;font-weight: nomal;font-size: 11px;line-height: 14px;list-style-image: none;list-style-position: outside;list-style-type: none;margin-top: 14px;}

.label-koujiiro,
.badge-koujiiro {
  color: #5D2917;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  background-color: #EEA057;
  border: 1px solid #946c45;
}

.peach {
  color: #333300;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  background-color: #fbd8b5;
  border: 1px solid #946c45;
}
.nanohana {
  color: #333300;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  background-color: #FFEB58;
  border: 1px solid #946c45;
}
.benihi {
  color : #fff;
  background-color : #e83929;
}
.menu-table-title {color:#665555; margin-top: 4px; font-size: 14px; font-weight: bold; line-height: 1; padding: 10px 0 10px 14px; position: relative; background-color:#f5f5f5}
.menu-table-title:before {background: #ddd; width: 3px; border-radius: 3px; content: ""; display: block; position: absolute; height: auto; bottom: 0; left: 0; top: 0;}

.graphic-radio {opacity: 0 !important;}
.graphic-radio + .graphic-radio-icon:before {font-family: "FontAwesome";font-size: 22px;vertical-align:-3px;content:"\f10c";color: #ccc;}
.graphic-radio:checked + .graphic-radio-icon:before {content:"\f192";color: #17bcdf;}
.graphic-radio:focus + .graphic-radio-icon:before{border-color: rgba(82, 168, 236, 0.8);outline: 0;outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);}

.graphic-checkbox {opacity: 0 !important;}
.graphic-checkbox + .graphic-checkbox-icon:before {font-family: "FontAwesome";font-size: 22px;vertical-align:-3px;content:"\f096";color: #ccc;}
.graphic-checkbox:checked + .graphic-checkbox-icon:before {content:"\f046";color: #17bcdf;}
.graphic-checkbox:focus + .graphic-checkbox-icon:before{border-color: rgba(82, 168, 236, 0.8);outline: 0;outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);}


/* google reCaptcha resize */
@media (max-width: 480px){
 #rc-imageselect, .g-recaptcha {
    transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;
  }
}

/* bootstrap 2.3.2 body padding overwrite */
@media (max-width: 767px) {
  body {
/*    padding-right: 20px; */
/*    padding-left: 20px;   */
    padding-right: 2px;
    padding-left: 2px;
  }
}

/* ======================================================================================================= */
/* Gamo Kansai HairDre style */
/* ======================================================================================================= */
/* _shared.scss */
@media screen and (max-width: 750px) {
  .sp-hidden,
  .pc-only,
  .tab-only {
    display: none !important;
  }
}
@media screen and (min-width: 751px) {
  .pc-hidden,
  .tab-only,
  .sp-only {
    display: none !important;
  }
}
/* style.css */
.gHeader {
    border-top: solid 5px #996c33;
    position: relative;
    background-color: #fff;
    z-index: 5
}
.gHeader_inner {
    // width: 985px;
    width: 810px;
    margin: 0 auto;
    padding: 10px 0
}
.gHeader_inner:after {
    content: '';
    display: block;
    clear: both;
    height: 0
}
.gHeader_textLink {
    float: right;
    margin-top: 6px
}
.gHeader_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.gHeader_logo {
    display: inline-block
}
.gHeader_emblem {
    display: inline-block;
    margin: 0 0 0 20px;
    width: 60px
}
.gHeader_lead {
    display: inline-block;
    margin-top: 0;
    color: #fff;
    padding-left: 10px
}
.gHeader_leadText {
    display: inline-block;
    margin-top: 10px;
    padding: 0 10px;
    font-size: 16px
}

/* _global.scss */
@media screen and (max-width: 750px){
    .gHeader {
        border-top: none
    }
    .gHeader_inner {
        width: 100%;
        padding: 0
    }
    .gHeader_inner-02 {
        padding: 0
    }
    .gHeader_textLink {
        margin-top: 0;
        margin-bottom: 0; /* reserve adjust */
        float: none
    }
    .gHeader_textLink a {
        display: block
    }
    .gHeader_textLink img {
        display: block
    }
    .gHeader_block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .gHeader_logo {
        display: inline-block;
        position: static;
        margin-top: 0;
        width: 88px;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
    .gHeader_logo-spe {
        width: 100px;
        margin: 0 auto
    }
    .gHeader_emblem {
        margin-left: 0;
        position: absolute;
        // right: 53px;
        right: 30px;  /* reserve adjust */
        width: 40px
    }
    .gHeader_lead {
        display: inline-block;
        margin-top: 0;
        font-size: 10px;
        color: #fff;
        padding: 0 5px;
        line-height: 15px;
        width: calc(100% - 150px)
    }
    .gHeader_leadText {
        font-size: 11px;
        width: calc(100% - 185px);
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        padding: 0 0 0 3px;
        margin-top: 0;
        margin-left: .5em;
        text-indent: -.5em
    }
    .gHeader_block {
        background-color: #f0f0f0;
        padding: 5px 0 5px 5px;
        height: 50px;
        z-index: 5;
        position: relative
    }
    .gHeader_block-02 {
        background-color: #362e2b;
        padding-left: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}
/* ======================================================================================================= */