@charset "utf-8";
/*
Author: Dai
*/

/*@import url('https://fonts.googleapis.com/css?family=Sawarabi+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rozha+One&display=swap');
.sawa { font-family: 'Sawarabi Mincho', sans-serif!important; }
.roz { font-family: 'Rozha One', serif; }*/

span.nLi { display: inline-block; }
.lf { text-align: left; }
.rt { text-align: right; }
.cn { text-align: center; }
.cn img { display: inline; }
.bd { font-weight: bold; }
.bg { font-size: 120%; }
.bk { color: #000; }
.sm { font-size: 90%; }
.rd { color: red; }
.clr { clear: both; }
.mgb { margin-bottom: 10%; }
.mgb5 { margin-bottom: 5%; }

.pcView { display: none; }
.mbView { display: block; }
@media (min-width: 768px) { 
    .pcView { display: block!important; }
    .mbView { display: none!important; }
}

/*.site-title a { display: grid; color: #fff; line-height: 0; }
.site-title a:hover { color: #fff!important; }
.site-title a:after {
    content: "HIHOUKAI";
    color: #000;
    font-family: 'Rozha One', serif;
    font-style: normal;
}
p.site-description { display: none; }*/

div.header-m, div.header-b { display: none; }
@media (min-width: 420px) {
    div.header-t { display: none; }
}

.btn-primary { border: none; border-radius: unset;}
.btn-primary:focus, .btn-primary:hover { border: none; border-radius: unset;}

div#hFloatInfo { background-color: translate; left: 0px; top: 54px; height: 3em; }
div#fFloatInfo { background-color: rgba(77,77,77,0.8); left: 0px; bottom: 0px; height: 60px; }
div#fFloatInfo, div#hFloatInfo {
    display: block;
    width: 100%;
    position: fixed;
    z-index: 9999;
    text-align: center;
}
div#fFloatInfo .widget ul li:before { display: none; }
.sumaho ul { font-size: 0; padding:0; }
.sumaho li { display: inline-block; font-size: 18px!important; width: 33.3333%; color: #fff; height: 60px; padding-left: 0!important; } 
.sumaho li:nth-child(2), .sumaho li:nth-child(3) { border-left: solid; }
.sumaho li i, .sumaho li a, .sumaho li a:hover { color: #fff!important; }
.sumaho p { line-height: .5em; color: #fff; }
@media (min-width: 768px) {
    div#fFloatInfo { display: none; }
}

@media (max-width: 768px) {
	footer { margin-bottom: 60px; }
}

.shop-reservation { margin-top: 5%; margin-bottom: 2%; }

.nbox, .bbox { margin-bottom: 5%; background-color: #fff; }
.nbox { min-height: 250px; }
.nbox h3, .bbox h3 { font-size: 150%; margin-top: 0.25em;}
.notbox, .botbox { border: 1px solid; border-color: lightgray; }
.binbox { margin: 0 5%; }
.ninbox { margin: 3% 5%; }

.sbox .shopdata { margin-top: 5px; }
.sbox.wow { margin: 5% 0; }

.youtube {
    position: relative;
    display: block;
    width: 90%;
    margin: 0 auto 3em;
    padding-top: 56.25%;
}
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}


.home .wht { border: 1px solid; border-color: lightgray;  margin-top: 3%; padding: 2%; }

.home #primary .post .text-holder .entry-header .cat-links,
.home #primary .post .text-holder .entry-header .entry-title,
.home #primary .post .text-holder .entry-content { text-align: left; }
.home .entry-meta { display: none; }

.home .banner .banner-text { display: none; }

.home #primary .post .text-holder .entry-header h3.entry-title { font-size: 18px; }
@media (min-width: 768px) { 
    .home #primary .post .text-holder .entry-header h3.entry-title { font-size: 28px; }
}
.home #primary .post .text-holder .entry-header a.title-link { text-decoration: none; }
.home #primary .post, .blog #primary .post { padding: 20px 0; }

div#page.site {
    /*background-image: url("/wp-content/uploads/bakimg.jpg"); 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;*/
    /*background-attachment: fixed;*/
    background-color: #fffcf9;
}
/*.home div.container.main-content { background-size: cover; }*/

.archive #primary article.category-slider,
.post-type-archive .entry-meta { display: none; }
#primary .post .text-holder .entry-header .cat-links,
#primary .post .text-holder .entry-header .entry-title { text-align: left; }

#secondary .widget .widget-title { font-size: 20px; }
.sideshop h5 { font-size: 18px; margin: 0;}

/*button#secondary-toggle-button:after { content: ' 今すぐ予約する'; }*/

@media(max-width: 767px) {
    #blossom-top { display: none!important; }
}

.archive #primary .recruit {
    width: 33.3333%;
    display: block;
    padding: 0 15px;
    margin: 0 0 40px;
}
@media(max-width: 1024px) {
    .archive #primary .recruit { width: 50%; }
}
@media(max-width: 767px) {
    .archive #primary .recruit { width: 100%; }
}

.shop-style .col-xs-4 img, .shop-stylist .col-xs-4 img { 
    object-fit: cover;
    object-position: 0px 0px;
}
.shop-style .col-xs-4 img { 
    height: 200px; 
    width: 200px;
}
.shop-stylist .col-xs-4 img { 
    height: 100px; 
    width: 100px;
}
@media(max-width: 400px) {
    .shop-style .col-xs-4 img { 
        height: 105px; 
        width: 105px;
    }
    .shop-stylist .col-xs-4 img { 
        height: 90px; 
        width: 90px;
    }
}
.shop-style .col-xs-4 { padding: 0; }
.shop-stylist .col-xs-12 { min-height: 141.5px; }
.single-post div.top-bar, .single-shop div.top-bar, .single-style div.top-bar, .single-stylist div.top-bar { display: none; }
.single-shop .main-content { margin-top: 20px; }
.single-post .main-content, .single-style .main-content, .single-stylist .main-content { margin-top: 40px; }
.single-post .main-content .post-title, 
.single-style .main-content .post-title, .single-stylist .main-content .post-title { line-height: 1.4em; }

#shinsatsu .grn { color: #006934; }
#shinsatsu th, #shinsatsu td { text-align: center; border: solid 1px #7bb298; padding: 1vw; }
#shinsatsu th { background: #e9f4f2; }
#shinsatsu table { max-width: 768px; margin: 0 auto; font-size: 3.5vw; }
@media(min-width: 768px) {
    #shinsatsu th, #shinsatsu td { border: solid 2px #7bb298; }
    #shinsatsu table { font-size: 1.7vw; }
}