@charset "utf-8";

@media (max-width: 1024px) {
    #wrapper {
        padding-top: 0 !important;
    }

    .flex {
        max-width: none;
        margin: 0;
    }

    .flexc {
        max-width: none;
    }

    .flexs {
        max-width: none;
    }

    .flexb {
        max-width: none;
    }

    .inner {
        max-width: none;
    }
}

.active .home_head,
.active .sub_head,
.active #main,
.active #footer,
.active_02 .home_head,
.active_02 .sub_head,
.active_02 #gnav,
.active_02 .reserve-btn,
.active_02 #main,
.active_02 #footer {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

#gnav {
    padding: 1.5em 0;
}

#gnav p {
    display: none;
}

#gnav li {
    padding: 0 15px;
    font-weight: bolder;
    font-size: 14px;
}

#gnav li a {
    display: block;
    padding: 3px 0;
    border-bottom: 1px solid #a9a9a9;
}

#gnav .par {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
}

#gnav .par::before {
    content: "";
    width: 1%;
    height: 1px;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-top: 3px dotted #000;
}

#gnav .par ul {
    height: 0;
    visibility: hidden;
    padding: 20px;
    background-color: white;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    opacity: 0;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    position: absolute;
    z-index: 10;
}

#gnav .par ul li {
    display: block;
    margin-bottom: 1px;
    padding: 2px;
}

#gnav .par ul li a {
    padding: 5px 10px;
    border: none;
}

#gnav .par li:hover ul {
    height: auto;
    visibility: visible;
    opacity: 1;
}

#gnav.fixed {
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.home_head {
    overflow: hidden;
    position: relative;
}

.home_head .home_tit {
    width: 500px;
    max-width: 500px;
    height: 100%;
    background: rgba(255, 255, 255, 0.42);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.headadd {
    display: none;
}

.home_head .home_tit .wrap {
    max-width: 360px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    padding: 5%;
}

.home_head .home_tit h1 {
    width: 200px;
    max-width: 80%;
    padding: 20px 0 20px 0;
    text-align: center;
}

.home_head .home_tit h1 img {
    width: 100%;
}

.home_head .home_tit .mainimg-title,
.home_head .home_tit .text {
    padding: 0 0 20px 0;
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    text-align: center;
}

.home_head .home_tit .mainimg-title {
    font-size: 38px;
    line-height: 120%;
}

#footer {
    padding: 30px 0 40px 0;
    background: #030303;
}

#footer .in {
    max-width: 93%;
    margin: 0 auto;
}

#footer .foot_right {
    max-width: 80%;
}

#footer h3 {
    width: 14.5%;
}

#footer h3 a img {
    width: 100%;
}

.foot_nav {
    padding: 10px 0 0 0;
    text-align: right;
}

.foot_nav ul {
    display: inline-block;
    letter-spacing: -5px;
    text-align: left;
}

.foot_nav li {
    display: inline-block;
    padding: 0 0 10px 0;
    letter-spacing: 0;
}

.foot_nav li:before {
    content: "";
    width: 1px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.8em;
    background: #fff;
}

.foot_nav li a {
    font-weight: bolder;
    font-size: 14px;
    color: #fff;
}

.foot_nav li:first-child:before {
    display: none;
}

.foot_sns {
    margin-top: 15px;
}

.foot_sns ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.foot_sns li {
    width: calc((100% / 3) - 10px);
    max-width: 170px;
    margin: 5px;
}

.foot_sns li a {
    width: 100%;
    display: block;
    padding: 5px 10px 5px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bolder;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff;
    background: url(/import/tenant_2/ksl-palio.a-bisu.jp/html/images/foot_sns.png) calc(100% - 10px) 50% no-repeat;
    position: relative;
}

.foot_sns li a:before {
    content: "";
    width: 13px;
    height: 12px;
    background: url(/import/tenant_2/ksl-palio.a-bisu.jp/html/images/foot_mk.png) 0 0 no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.nav-header {
    display: none;
    padding: 10px;
}

.nav-header .nav-logo {
    width: 35%;
    margin: 0 auto 15px;
}

.nav-header .nav-logo a img {
    width: 100%;
}

.nav-address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.nav-address-list {
    width: calc((100% / 3) - 10px);
    margin: 5px;
    padding: 5px;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
}

.nav-address-list dt,
.nav-address-list dd {
    font-size: 12px;
}

.nav-address-list dt {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}

.nav-address-list dd.tel a {
    font-weight: bold;
    font-size: 16px;
}

.nav-address-list dd.tel a::before {
    content: "\f3cd";
    display: inline-block;
    margin-right: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 1;
}

.nav-address-list dd.mobile-reserve a {
    display: block;
    padding: 5px;
    font-weight: bold;
    color: white;
    text-align: center;
    border-radius: 5px;
    background-color: black;
}

@media (max-width: 1024px) {
    #gnav p {
        width: 38px;
        height: 38px;
        display: block;
        margin: 2px;
        border: 1px solid #fff;
        background: #000;
        -webkit-box-shadow: 0px 0px 0px 2px #000;
        box-shadow: 0px 0px 0px 2px #000;
        opacity: 0.8;
        cursor: pointer;
        position: absolute;
        top: 0;
        left: -44px;
    }

    #gnav,
    #gnav.fixed {
        width: 65%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        padding-bottom: 80px;
        border: none;
        background: #fff;
        -webkit-transition: ease 0.5s;
        transition: ease 0.5s;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        position: fixed;
        top: 0;
        left: auto;
        right: 0;
        z-index: 1000;
    }

    #gnav p span.n {
        width: 26px;
        height: 2px;
        display: block;
        margin-top: -1px;
        padding: 0;
        text-indent: -9999px;
        background: #fff;
        position: absolute;
        top: 50%;
        left: 6px;
    }

    .active #gnav {
        -webkit-box-shadow: -2px 0px 15px -5px #000;
        box-shadow: -2px 0px 15px -5px #000;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    #gnav p span.n:before {
        content: "";
        width: 26px;
        height: 2px;
        display: block;
        background: #fff;
        position: absolute;
        top: -8px;
        left: 0;
    }

    #gnav p span.n:after {
        content: "";
        width: 26px;
        height: 2px;
        display: block;
        background: #fff;
        position: absolute;
        top: 8px;
        left: 0;
    }

    .active #gnav p span.n:after,
    .active #gnav p span.n:before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        top: 0;
        left: 0;
    }

    .active #gnav p span.n {
        -webkit-transition: ease 0.10s;
        transition: ease 0.10s;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #gnav .par {
        width: auto;
        height: 10%;
        -webkit-box-flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-positive: 1;
        flex-grow: 1;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        padding: 0;
    }

    #gnav .par::before {
        display: none;
    }

    #gnav .par ul {
        height: auto;
        visibility: visible;
        margin-left: 1em;
        padding: 10px;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: 1;
        position: static;
    }

    #gnav .spn {
        padding-left: 0;
        padding-right: 0;
        border-bottom: 0;
    }

    #gnav .par ul li {
        margin: 0;
        padding: 0 14px;
        background: #eee;
    }

    #gnav .par ul li a {
        padding: 10px 15px;
    }

    .nav-header {
        display: block;
    }

    .nav-address-list {
        width: calc((100% / 3) - 4px);
        margin: 2px;
    }

    .nav-address-list dd.tel a {
        font-size: 14px;
    }

    .nav-address-list dd.tel a::before {
        margin-right: 3px;
    }

    #header .head_cont a {
        padding: 20px 10px 3px 10px;
    }

    #header .head_cont a img {
        width: 40px;
        height: auto;
    }

    .home_head .home_tit {
        max-width: 100%;
    }

    .home_head .home_tit .mainimg-title,
    .home_head .home_tit .text {
        text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
    }

    .home_head .home_tit .mainimg-title {
        font-size: 28px;
    }

    .home_head .home_tit img {
        -webkit-filter: drop-shadow(0 0 10px #fff) drop-shadow(0 0 10px #fff) drop-shadow(0 0 10px #fff);
        filter: drop-shadow(0 0 10px #fff) drop-shadow(0 0 10px #fff) drop-shadow(0 0 10px #fff);
    }

    #footer {
        padding-bottom: 180px;
    }

    #footer h3 {
        width: 200px;
        margin-left: auto;
        margin-right: auto;
    }

    #footer .foot_right {
        width: 100%;
        max-width: 100%;
    }

    .foot_nav ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .foot_nav ul li {
        width: calc((100% / 3) - 10px);
        margin: 5px;
    }

    .foot_nav li:before {
        display: none;
    }

    .foot_sns ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 599px) {

    #gnav,
    #gnav.fixed {
        width: 85%;
    }

    .nav-address-list {
        width: 48%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
        flex-wrap: wrap;
    }

    .nav-address-list dt {
        width: 100%;
        font-size: 12px;
    }
    
    .nav-address-list dd.tel a {
        font-size: 12px;
    }
    
    .nav-address-list dd.address{
        display: none;
    }

    .nav-reserve-list-box {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .foot_nav ul li {
        width: calc((100% / 2) - 10px);
    }

    .foot_sns li {
        width: 100%;
        max-width: 300px;
        display: block;
        padding-left: 0;
    }

    .foot_sns li a {
        width: auto;
        margin: 0 auto;
    }

    #footer {
        padding-bottom: 120px;
    }
    
    #gnav,
    #gnav.fixed {
        padding-bottom: 10px;
    }    
}

/* 予約のポップアップ */
.reserve-content {
    width: 80vw;
    height: auto;
    max-height: 90vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    visibility: hidden;
    margin: auto;
    padding: 3vw;
    background-color: white;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
    opacity: 0;
    -webkit-transition: 0.5s linear;
    transition: 0.5s linear;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 20;
}

.reserve-btn {
    width: 140px;
    padding: 10px 15px;
    font-weight: bolder;
    color: #fff;
    text-align: center;
    background: rgba(60, 51, 48, 0.82);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    position: fixed;
    top: 0;
    right: 55px;
    z-index: 2;
}

.reserve-btn.type-b {
    background: #03a9f4;
}

.reserve-btn:hover {
    opacity: 0.6;
    cursor: pointer;
}

.reserve-btn .icon-reserve {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.reserve-btn-close {
    width: 300px;
    max-width: 80%;
    margin: 50px auto 0;
    padding: 10px;
    font-size: 18px;
    color: white;
    text-align: center;
    border: 1px solid black;
    border-radius: 2px;
    background-color: black;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.reserve-btn-close:hover {
    color: black;
    background-color: white;
    cursor: pointer;
}

.reserve-btn-text {
    padding: 5px;
    color: white;
    text-align: center;
}

.overlay_02 {
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 15;
}

.active_02 .reserve-content {
    visibility: visible;
    opacity: 1;
}

.active_02 .overlay_02 {
    display: block;
}

.list-reserve {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow-y: scroll;
}

.list-reserve li {
    width: calc(100% / 3 - 10px);
    margin: 5px;
    padding: 5px;
}

.reserve-box {
    margin-top: 10px;
    padding: 20px 15px;
    border: double 6px #000;
    background-color: white;
}

.reserve-shop-img {
    overflow: hidden;
    position: relative;
}

.reserve-shop-name {
    width: 100%;
    padding: 10px;
    color: white;
    letter-spacing: 2px;
    text-align: center;
    background-color: black;
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
    position: absolute;
    top: 20px;
    left: -35%;
    z-index: 1;
}

.reserve-shop-tel a {
    display: block;
    padding-left: 1.5em;
    font-weight: bold;
    font-size: 2vw;
    position: relative;
}

.reserve-shop-tel a::before {
    content: "\f3cd";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 1;
    position: absolute;
    top: -5px;
    left: 0;
}

.reserve-shop-btn {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.reserve-shop-btn a {
    display: block;
    padding: 10px;
    color: white;
    text-align: center;
    border: 1px solid black;
    border-radius: 3px;
    background-color: black;
}

@media (max-width: 1024px) {
    .reserve-content {
        max-height: 80vh;
    }

    .reserve-btn {
        top: auto !important;
        bottom: 5%;
        right: 0;
    }

    .list-reserve li {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .reserve-shop-img {
        width: 40%;
    }

    .reserve-box {
        width: 10%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-top: 0;
        margin-left: 15px;
        padding: 15px;
    }

    .reserve-shop-name {
        padding: 5px;
        font-size: 14px;
        top: 10px;
    }

    .reserve-shop-btn {
        width: 100%;
    }
}

@media (max-width: 599px) {
    .reserve-btn {
        width: auto;
        max-width: 170px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
        bottom: 2.5%;
    }

    .reserve-btn .icon-reserve {
        width: 25%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0 10px 0 0;
    }

    .reserve-btn-text {
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .reserve-shop-name {
        font-size: 12px;
        left: -25%;
    }

    .reserve-box {
        margin-left: 5px;
        padding: 10px;
        border: double 4px black;
    }

    .reserve-shop-tel a {
        font-size: 14px;
        line-height: 1;
    }

    .reserve-box .list-flat dt,
    .reserve-box .list-flat dd {
        font-size: 12px;
    }

    .reserve-box .list-colon dt::after {
        position: static;
    }

    .reserve-btn-close {
        width: 30px;
        height: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 0;
        padding: 0;
        font-size: 20px;
        color: black;
        line-height: 20px;
        line-height: 1;
        border: 1px solid black;
        border-radius: 100%;
        background-color: white;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
        position: absolute;
        top: 0;
        right: 0;
    }
}

/* title */
.title-01 {
    padding: 0 0 30px 0;
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    font-size: 1.9vw;
    line-height: 140%;
    text-align: center;
}

.h2h {
    margin-bottom: 40px;
    font-weight: bolder;
    font-size: 35px;
    text-align: center;
}

.h2h:after {
    content: "";
    width: 35px;
    height: 3px;
    display: block;
    margin: 0.3px auto;
    background: #2b2b2b;
}

@media (max-width: 599px) {
    .title-01 {
        font-size: 18px;
    }

    .h2h {
        font-size: 28px;
    }
}

/* button */
.btn {
    width: 210px;
    max-width: 80%;
    margin-top: 30px;
}

.btn a {
    width: 100%;
    display: inline-block;
    padding: 5px 2.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "メイリオ", Meiryo, "GenShinGothic", "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "ＭＳ Ｐゴシック", sans-serif !important;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #000;
}

.btn-02 {
    width: 350px;
    max-width: 90%;
    margin-top: 50px;
}

.btn-02 a {
    width: 100%;
    display: block;
    padding: 5px 2.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 20px;
    text-align: center;
    border: 1px solid #000;
}


/* home */

.home1 {
    background: #d9dce3;
}

.home1 .img {
    width: 51.62%;
    text-align: right;
}

.home1 .tbox {
    width: 48.38%;
}

.rpic {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.home1 .tbox .in {
    width: 93%;
    max-width: 680px;
    margin: 0 auto;
    padding: 20% 0 20px 0;
}

.home1 .tbox p {
    padding: 0 0 20px 0;
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    text-align: center;
}

@media (max-width: 1024px) {
    .home1 .tbox .in {
        padding: 25px 0;
    }
}

@media (max-width: 599px) {
    .home1 .img {
        width: 100%;
    }

    .home1 .tbox {
        width: 100%;
    }
}

.home_shop .box {
    width: 32.91%;
    margin: 0 0.63% 25px 0;
}

.home_shop .box:nth-child(3n) {
    margin-right: 0;
}

.home_shop .img {
    overflow: hidden;
    margin-bottom: 13px;
    position: relative;
}

.home_shop .img .obi {
    width: 158px;
    display: block;
    padding: 6px 0;
    color: white;
    text-align: center;
    background-color: black;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 bottom;
    transform-origin: 0 bottom;
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 1;
    font-size: 10px;
}

.home_shop .info {
    padding: 15px 3% 10px 3%;
    border: 1px solid #57f1fb;
    position: relative;
}

.home_shop .info:before {
    content: "";
    border: 1px solid #57f1fb;
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    right: 4px;
    z-index: -1;
}

.home_shop .box dt {
    float: left;
    font-size: 14px;
}

.home_shop .box dd {
    padding: 0 0 2px 75px;
    font-size: 14px;
}

.home_shop .box dl {
    padding: 0 40px 0 0;
}

.home_shop .info .insta {
    height: 1px;
    font-size: 1px;
    line-height: 1;
    text-align: right;
    position: relative;
    z-index: 1;
}

.home_shop .info .insta a {
    display: inline-block;
    margin-bottom: -33px;
}

.home_shop .info ul {
    padding: 12px 0 0 0;
}

.home_shop .info li {
    width: 160px;
    max-width: 48%;
    margin: 0 1% 10px 1%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bolder;
    font-size: 14px;
    text-align: center;
}

.home_shop .info li a {
    width: 100%;
    max-width: 130px;
    display: inline-block;
    padding: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #57f2fb;
}

.home_shop .info li:nth-child(1) a {
    color: #fff;
    background: #000 !important;
}

.home_shop dl.fead-mv {
    padding: 25px 0 0 0;
}

.home_shop dl.fead-mv dt {
    padding: 0 0 20px 0;
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    text-align: center;
}

.home_shop dl.fead-mv dd {
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    text-align: center;
}

.home_shop dl.fead-mv dd a {
    width: 100%;
    max-width: 390px;
    display: inline-block;
    padding: 5px 45px 5px 2.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    border: 1px solid #000;
    position: relative;
}

.home_shop dl.fead-mv dd a:before {
    content: "";
    width: 40px;
    background: url(/import/tenant_2/ksl-palio.a-bisu.jp/html/images/home/shop_more.png) center 50% no-repeat #000;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}

@media (max-width: 1024px) {
    .home_shop .box {
        width: 48%;
        margin: 0 1% 20px 1% !important;
    }
}

@media (max-width: 599px) {
    .home_shop .box {
        width: 100%;
        max-width: 464px;
        margin-left: auto;
        margin-right: auto !important;
    }
}

.home_gallery .nav1 li {
    width: 30%;
    padding: 0 0 20px 0;
}

.home_gallery .nav1 li a {
    width: 100%;
    max-width: 350px;
    display: block;
    margin: 0 auto;
    padding: 5px 2.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    font-weight: bold;
    text-align: center;
    border: 1px solid #000;
}

.home_gallery .nav1 {
    padding: 30px 0 20px 0;
}

.home_gallery .nav2 li a {
    width: 140px;
    display: block;
    padding: 5px 2.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    font-weight: bold;
    text-align: center;
    border: 1px solid #000;
    background: #ececec;
}

.home_gallery .nav2 li {
    padding: 0 15px 20px 15px;
}

.home_gallery .nav2 {
    padding: 0 0 70px 0;
}

.home_gallery .flex li {
    width: 32.74%;
    margin: 0 0.89% 12px 0;
    text-align: right;
}

.home_gallery .flex li a {
    display: block;
    overflow: hidden;
    position: relative;
}

.home_gallery .flex li:nth-child(3n) {
    margin-right: 0;
}

.home_gallery .flex li .obi {
    width: 80%;
    display: inline-block;
    padding: 8px 20px 8px 60px;
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    font-weight: bold;
    color: white;
    text-align: center;
    background-color: black;
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
    -webkit-transform-origin: 0 bottom;
    transform-origin: 0 bottom;
    position: absolute;
    bottom: -15%;
    right: -30%;
}

@media (max-width: 599px) {
    .home_gallery .flex li {
        width: 48%;
        margin: 1%;
    }

    .home_gallery .flex li:nth-child(3n) {
        margin-right: 1%;
    }

    .home_gallery .flex li .obi {
        width: 100%;
        padding: 5px 50px;
        padding-top: 2px;
        padding-bottom: 2px;
        font-size: 16px;
        bottom: -15%;
        right: -40%;
    }

    .home_gallery .nav1 li {
        width: 100%;
    }

    .home_gallery .nav2 {
        padding-bottom: 30px;
    }
}

.list-staff li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.list-staff li:nth-of-type(even) a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.list-staff li .image {
    width: 95%;
}

.list-staff li .list-staff-content {
    width: 95%;
    margin-left: auto;
    padding: 10px;
    background-color: black;
    position: relative;
}

.list-staff li .list-staff-content::before {
    content: "";
    width: 100%;
    height: 450%;
    display: block;
    background-color: inherit;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.list-staff li:nth-of-type(even) .list-staff-content::before {
    top: 0;
    bottom: auto;
}

.list-staff li .list-staff-content * {
    color: white;
}

.list-staff li .list-staff-content .staff-position,
.list-staff li .list-staff-content .staff-shop,
.list-staff li .list-staff-content .staff-name {
    font-size: 12px;
}

.list-staff li .list-staff-content .staff-name .staff-name-main,
.list-staff li .list-staff-content .staff-name .staff-name-sub {
    display: block;
}

@media (max-width: 599px) {
    .list-staff li .list-staff-content::before {
        height: 300%;
    }
}

.staff-name-sub {
    display: inline-block;
    font-size: 90%;
}

.staff-name-sub::before,
.staff-name-sub::after {
    display: inline-block;
}

.staff-name-sub::before {
    content: "（";
}

.staff-name-sub::after {
    content: "）";
}

.home_item_banner {
    position: relative;
}

.home_item_banner:before {
    content: "";
    border: 2px solid #000;
    position: absolute;
    top: 18px;
    bottom: 18px;
    left: 18px;
    right: 18px;
    z-index: 1;
}

.home_item_banner .tit {
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute !important;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 1;
}

.home_item_banner .tit h2 {
    margin-bottom: 10px;
    padding: 20px 0;
    color: #fff;
}

.home_item_banner .tit h2:after {
    background-color: #fff;
}

.home_item_banner a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

.home_item_banner a:hover {
    background: rgba(87, 41, 41, 0.6);
}

.home_item_banner .bkimgs img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: 50% 50%;";
}

@media (max-width: 599px) {
    .home_item_banner .tit h2 {
        padding: 10px 0;
    }
}

.home_gray {
    background: #f4f4f4;
}

.home_voice .in {
    margin-bottom: 30px;
    padding: 20px 57px 20px 40px;
    border-radius: 10px;
    background: #fff;
}

.home_voice .frame {
    width: calc(100% + 17px);
    height: 380px;
    overflow: auto;
    padding-right: 17px;
}

.home_voice .frame .frame-inner a {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

.home_voice .frame .flexb {
    padding: 20px;
}

.home-voice-title {
    font-size: 20px;
}

.home_voice .frame .frame-inner {
    border: 1px solid black;
}

.home_voice .frame .frame-inner+.frame-inner {
    margin-top: 30px;
}

.home_voice .frame .flexb .img {
    width: 20%;
}

.home_voice .frame .flexb .tbox {
    width: 75%;
}

.home_voice .frame .flexb .tbox h3 {
    margin: 30px 0;
    padding: 0 0 8px 0;
    border-bottom: 1px solid #000;
}

.home_voice .frame .flexb .tbox p {
    padding: 0 0 20px 0;
    font-weight: bolder;
}

.home_voice .frame .shop_name {
    width: 100px;
    padding: 1px 10px 1px 0 !important;
    font-weight: bolder;
    color: white;
    line-height: 120%;
    text-align: center;
    background-color: black;
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
    position: absolute;
    top: 3px;
    left: -20px;
}

.home_voice .btn {
    padding: 0 0 20px 0;
    text-align: center;
}

@media (max-width: 599px) {
    .home-voice-title {
        font-size: 18px;
    }

    .home_voice .frame .flexb .img {
        width: 100%;
        text-align: center;
    }

    .home_voice .frame .flexb .tbox {
        width: 100%;
    }

    .home_voice .frame .flexb {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.h_blognews .cont {
    width: 48.61%;
    padding: 0 0 20px 0;
}

.h_blognews .cont .in {
    margin-bottom: 20px;
    padding: 35px 2.5%;
    border-radius: 10px;
    background: #fff;
}

.h_blognews .cont .frame {
    max-width: 630px;
    height: 160px;
    overflow: auto;
    margin: 0 auto;
}

.h_blognews .btn {
    padding: 0 0 20px 0;
    text-align: center;
}

.h_blognews .cont dt {
    float: left;
    padding: 5px;
    font-weight: bolder;
}

.h_blognews .cont dl {
    margin: 8px 35px 0 0;
    border-bottom: 1px solid #000;
}

.h_blognews .cont dd {
    padding: 5px;
}

.h_blognews .cont dt .tag {
    width: 56px;
    display: inline-block;
    margin-right: 13px;
    color: white;
    text-align: center;
    background-color: black;
}

.h_blognews .home_news dd {
    padding-left: 5px;
}

@media (max-width: 1024px) {
    .h_blognews .cont {
        width: 100%;
    }

    .h_blognews .cont .frame {
        max-width: none;
    }
}

@media (max-width: 599px) {
    .h_blognews .cont dt {
        float: none;
    }

    .h_blognews .cont dd {
        padding-top: 5px;
        padding-left: 0 !important;
    }
}

.home_rec .sub_tit {
    padding: 0 0 30px 0;
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    text-align: center;
}

.home_rec .img {
    width: 34.52%;
    padding: 0 0 20px 0;
}

.home_rec .tbox {
    width: 63%;
}

.home_rec .tbox {
    text-align: right;
}

@media (max-width: 1024px) {
    .home_rec .tbox p {
        text-align: left;
    }

    .home_rec .tbox {
        width: 60%;
    }

    .home_rec .tbox .btn {
        padding-right: 0;
        text-align: center;
    }
}

@media (max-width: 599px) {

    .home_rec .img,
    .home_rec .tbox {
        width: 100%;
    }
}

/* 下層共通 */

.sub_head {
    position: relative;
}

.sub_head .imgbk {
    width: 100%;
    display: block;
    position: relative;
}

.sub_head .imgbk-inner img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: ";-o-object-fit: cover;object-fit: cover; -o-object-position: center center; object-position: center center;";
    position: absolute;
    top: 0;
    left: 0;
}

.sub_head .imgbk-inner::after {
    content: "";
    display: block;
    padding-top: 23%;
}

.sub_head .tit {
    width: 500px;
    max-width: 50%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px;
    background: rgba(255, 255, 255, 0.42);
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 1;
}

.sub_head .tit h1 {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}

.sub_head .tit h1 img {
    width: 100%;
}

.sub_head h2 {
    padding: 30px 0 20px 0;
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    font-weight: normal;
}

@media (max-width: 1024px) {
    .sub_head .imgbk-inner::after {
        padding-top: 45%;
    }

    .breadcrumbs-list li {
        font-size: 12px;
    }
}

@media (max-width: 599px) {
    .sub_head .imgbk-inner::after {
        padding-top: 60%;
    }

    .sub_head .tit {
        width: 100%;
        max-width: 100%;
        padding: 15px;
    }

    .sub_head .tit h1 {
        width: 150px;
    }

    .sub_head h2 {
        padding: 20px 0;
    }
}

/* visiter */

.visiter1 .imgw {
    width: 31.7%;
}

.visiter1 .tbox {
    width: 62%;
}

.visiter1 .tbox p {
    padding: 0 0 20px 0;
}

.visiter1 .imgw .img {
    position: relative;
}

.visiter1 .imgw .img:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #a2ffb2;
    position: absolute;
    bottom: -74px;
    right: -17px;
    z-index: -1;
}

.visiter1 .imgw .fs16 {
    padding: 10px 10px 10px 30px;
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    line-height: 140%;
    position: relative;
    z-index: 1;
}

.visiter1 {
    margin-bottom: 30px;
}

.visiter2 {
    padding: 70px 0;
    position: relative;
}

.visiter2 .imgbk {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.visiter2 .imgbk img {
    width: 100%;
    height: 100% !important;
}

.visiter2 .inner {
    padding: 30px;
    background: rgba(255, 255, 255, 0.9);
}

.visiter2 .inner p {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 0 20px 0;
    text-align: center;
}

.vister3 {
    padding: 30px 0 0 0;
}

.vister3 .img {
    width: 45.7%;
}

.vister3 .tbox {
    width: 50%;
}

.vister3 .flexb:nth-child(2n + 1) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.vister3 .inner p {
    padding: 0 0 20px 0;
}

.vister3 h4 {
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
}

.vister3 .flexb {
    padding: 20px 0 30px 0;
}

.vister3 .obi img {
    width: 100%;
    height: auto;
}

.visiter4 .table {
    max-width: 880px;
    margin: 0 auto;
    padding-bottom: 60px;
}

.visiter4 table {
    width: 100%;
    border-collapse: collapse;
}

.visiter4 th {
    width: 245px;
    padding: 10px 2.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    border-bottom: 1px solid #fff;
    background: #a2ffb2;
}

.visiter4 td {
    width: 625px;
    padding: 10px 2.5%;
    border: 1px solid #a5ffb4;
}

.visiter4 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.visiter4 .toksl {
    padding: 0 0 20px 0;
    text-align: center;
}

.visiter4 .toksl a {
    width: 100%;
    max-width: 560px;
    display: inline-block;
    padding: 25px 2.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background: #000;
}

@media (max-width: 1024px) {
    .visiter1 .imgw .fs12 {
        display: block;
    }

    .visiter2 .inner {
        padding: 30px 20px;
    }
}

@media (max-width: 599px) {
    .visiter1 .imgw {
        width: 100%;
    }

    .visiter1 .imgw .fs12 {
        display: inline-block;
    }

    .visiter1 .imgw {
        max-width: 317px;
        margin: 0 auto 30px auto;
    }

    .visiter1 .tbox {
        width: 100%;
    }

    .visiter2 .inner {
        padding: 20px 10px;
    }

    .vister3 .img {
        width: 100%;
    }

    .vister3 .tbox {
        width: 100%;
    }
}

/* shoplist */
.shop1 {
    padding: 95px 0;
    position: relative;
}

.shop1 .imgbk {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.shop1 .imgbk img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
}

.shop1 .inner {
    padding: 50px 2.5%;
    background: #fff;
    opacity: 0.8;
}

.shop1 .flexb {
    max-width: 890px;
    margin: 0 auto 30px auto;
}

.shop1 .logo {
    width: 40.6%;
    padding: 0 0 20px 0;
}

.shop1 .logo img {
    width: 100%;
}

.shop1 .img {
    width: 42.7%;
    margin-bottom: 44px;
    margin-right: 1%;
}

.shop1 .txt {
    max-width: 890px;
    margin: 0 auto;
}

.shop2 {
    overflow: hidden;
    position: relative;
}

.shop2 .imgbk {
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.shop2 .imgbk img {
    width: 100%;
    height: auto;
}

.triangle {
    display: block;
    position: relative;
}

.triangle::before {
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, white), color-stop(50%, transparent));
    background: linear-gradient(to top left, white 50%, transparent 50%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.shop2 .slide {
    margin: 30px 0;
}

.shop2 .slide .slider {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 50%;
    position: relative;
}

.shop2 .slide .slider li {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.shop2 .slide .slide_nav {
    letter-spacing: -5px;
}

.shop2 .slide .slide_nav li {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 10px 10px 10px;
    letter-spacing: 0;
    border-radius: 50%;
    background: #005b96;
    cursor: pointer;
}

.shop2 .slide .slide_nav {
    padding: 0 0 20px 0;
    text-align: center;
}

.shop2 .info p {
    padding: 0 0 20px 0;
    text-align: center;
}

.shop2 .info li {
    text-align: center;
}

.shop2 .info li.tel {
    max-width: 446px;
    margin: 0 auto 3px auto;
    border: solid 5px;
}

.shop2 .table {
    max-width: 533px;
    margin: 0 auto;
    padding: 30px 0 0 0;
}

.shop2 table {
    width: 100%;
    border-collapse: collapse;
}

.shop2 th {
    width: 174px;
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #000;
}

.shop2 td {
    width: 357px;
    border-bottom: 1px solid #000;
}

.shop2 .salon-info-name .logo {
    width: 200px;
    margin-left: auto;
}

.shop2 .salon-info-name .logo img {
    width: 100%;
}

.shop2 .salon-info-shop-name {
    margin-left: 15px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 36px;
    letter-spacing: 2px;
}

.shop3 li {
    width: 23.9%;
    margin: 0 1.46% 30px 0;
    background: #fff;
}

.shop3 li:nth-child(4n) {
    margin-right: 0;
}

.shop3 li .w {
    display: block;
    padding: 5px 2.5% 10px 2.5%;
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    text-align: center;
}

.shop3 li .w .fs14 {
    display: block;
}

.shop3 li .w .fs16 {
    display: block;
    line-height: 120%;
}

.shop3 li .w .fs12 {
    display: block;
    line-height: 120%;
}

.shop3 ul {
    padding: 0 0 20px 0;
}

.btn2 {
    text-align: center;
}

.btn2 a {
    width: 100%;
    max-width: 355px;
    display: inline-block;
    margin: 0 auto;
    padding: 8px 2.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    font-size: 20px;
    border: 1px solid #000;
    background: #fff;
}

.btn2 a .b {
    display: inline-block;
}

.shop4 {
    position: relative;
}

.shop4 .imgbk {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.shop4 .imgbk img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0.5;
}

.shop4 li {
    width: 23.9%;
    margin: 0 1.46% 20px 0;
}

.shop4 li:nth-child(4n) {
    margin-right: 0;
}

.shop4 ul {
    padding-bottom: 40px;
}

.shop5 .box {
    margin-bottom: 20px;
    padding: 20px 2.5% 0 2.5%;
    border: 1px solid;
}

.shop5 .box .tbox {
    width: 77%;
}

.shop5 .box .img {
    width: 20.04%;
    padding: 0 0 20px 0;
}

.shop5 .box h4 {
    margin-bottom: 10px;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #000;
}

.shop5 .box .tbox p {
    padding: 0 0 20px 0;
}

.shop5 .wrap {
    padding: 0 0 20px 0;
}

.shop5 {
    margin-bottom: 20px;
}

.shop6 {
    background: #f4f4f4;
}

.shop6 .wrap {
    width: 48.5%;
    padding: 40px 12px 40px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}

.shop6 .wrap .btn {
    padding-bottom: 20px;
    text-align: center;
}

.shop6 .table {
    padding: 0 0 60px 0;
}

.shop6 .wrap dl {
    border-bottom: 1px solid #000;
}

.shop6 .wrap dt {
    float: left;
    padding: 5px 5px 5px 10px;
}

.shop6 .wrap dd {
    padding: 5px;
}

@media (max-width: 599px) {
    .shop1 .flexb {
        margin-bottom: 10px;
    }

    .shop2 .salon-info-name {
        text-align: center;
    }

    .shop2 .salon-info-name .logo {
        margin-right: auto;
    }

    .shop3 li {
        width: 48%;
        max-width: 239px;
        margin: 0 1% 20px 1%;
    }

    .shop3 li:nth-child(2n) {
        margin-right: 0 !important;
    }

    .shop4 li {
        width: 48%;
        margin: 1%;
    }

    .shop6 .wrap {
        width: 100%;
    }
}

/* shop-slide */
.slick-dots {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px;
}

.slick-dots li {
    margin: 5px;
}

.slick-dots li button {
    width: 10px;
    height: 10px;
    text-indent: -999rem;
    border: none;
    border: 1px solid #005b96;
    border-radius: 100%;
    background-color: white;
}

.slick-dots li.slick-active button {
    background-color: #005b96;
}

/* menu */

#menu .tit {
    padding-right: 100px;
    background-color: black;
    position: relative;
}

#menu .tit::after {
    content: "\f078";
    display: inline-block;
    margin: auto;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 200%;
    color: white;
    line-height: 1;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    right: 25px;
    z-index: 1;
}

#menu .action .tit::after {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
}

#menu .tit h3 {
    width: 50%;
    margin-bottom: 0;
    padding: 30px 0 25px 1.8%;
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    color: #fff;
}

#menu .tit .img {
    width: 50%;
}

#menu .tit .img img {
    width: 100%;
}

#menu .wrap .table {
    max-width: 960px;
    margin: 0 auto;
}

#menu .wrap .table dl {
    border-bottom: 1px solid #000;
}

#menu .wrap .table dl.nb {
    border: none;
}

#menu .wrap .table dt {
    float: left;
    padding: 10px 0 10px 1%;
}

#menu .wrap .table dd {
    padding: 10px 1% 10px 0;
    text-align: right;
}

#menu .wrap {
    padding-bottom: 80px;
}

#menu .wrap div.fs18 {
    max-width: 960px;
    margin: 0 auto;
    padding: 10px 0;
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
}

.acc-btn:hover {
    cursor: pointer;
}

@media (max-width: 1024px) {
    #menu .wrap {
        padding-bottom: 50px;
    }

    #menu .tit h3 {
        padding: 30px;
        font-size: 22px;
    }
}

@media (max-width: 599px) {
    #menu .wrap {
        padding-bottom: 15px;
    }

    #menu .tit {
        padding-right: 60px;
    }

    #menu .tit::after {
        font-size: 160%;
        right: 5px;
    }

    #menu .tit h3 {
        width: 60%;
        padding: 15px;
        font-size: 18px;
    }

    #menu .tit .img {
        width: 40%;
    }

    #menu .wrap .table dt {
        float: none;
        padding-bottom: 0;
    }
}

/* treatmentheadspa */

.treatmentheadspa1 {
    overflow: hidden;
    position: relative;
}

.treatmentheadspa1 .imgbk {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.treatmentheadspa1 h4 {
    margin-bottom: 15px;
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
}

.treatmentheadspa1 h4 .no {
    width: 104px;
    height: 104px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "GenShinGothic", "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    color: #fff;
    text-align: center;
    border: 6px solid #a2ffb2;
    border-radius: 50%;
    background: #000;
}

.treatmentheadspa1 h4 .no .p {
    display: block;
    padding: 25px 0 10px 0;
    font-size: 16px;
    line-height: 1%;
}

.treatmentheadspa1 .box {
    max-width: 700px;
    padding: 0 0 20px 0;
}

.treatmentheadspa1 .box p {
    padding: 0 0 20px 0;
}

.treatmentheadspa2 {
    overflow: hidden;
    position: relative;
}

.treatmentheadspa2 .imgbk {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.treatmentheadspa2 ul {
    width: 100%;
    max-width: 675px;
    float: right;
    padding: 20px 0;
}

.treatmentheadspa2 li {
    padding: 0 0 45px 70px;
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
    background: url(/import/tenant_2/ksl-palio.a-bisu.jp/html/images/treatmentheadspa/check.png) 0 0 no-repeat;
}

.treatmentheadspa3 .fnav li {
    width: 49%;
    max-width: 452px;
    padding: 0 0 20px 0;
    text-align: center;
}

.treatmentheadspa3 {
    padding: 20px 0 0 0;
}

.treatmentheadspa3 .fnav {
    padding: 20px 0 60px 0;
}

.treatmentheadspa3 .fnav li a {
    display: block;
    padding: 18px 2.5%;
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    color: #fff;
    border: 6px solid #a2ffb2;
    background: #000 url(/import/tenant_2/ksl-palio.a-bisu.jp/html/images/menu/more.png) calc(100% - 15px) 50% no-repeat;
}

.treatmentheadspa3 h4 {
    margin-bottom: 40px;
    padding: 15px 0;
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    border-bottom: 1px solid #000;
}

.treatmentheadspa3 .wrap .tbox {
    width: 55%;
}

.treatmentheadspa3 .wrap .img {
    width: 42%;
}

.treatmentheadspa3 h5 {
    margin-bottom: 20px;
    padding: 0 0 5px 0;
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    border-bottom: 1px solid #000;
}

.treatmentheadspa3 .wrap .next {
    padding: 20px 0 40px 0;
    text-align: center;
}

.treatmentheadspa3 .wrap {
    padding-bottom: 60px;
}

@media (max-width: 1024px) {

    .treatmentheadspa1 h4,
    .treatmentheadspa1 p {
        text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
    }

    .treatmentheadspa1 h4 .no {
        text-shadow: none;
    }

    .treatmentheadspa1 .imgbk img {
        opacity: 0.6;
    }

    .treatmentheadspa2 .imgbk img {
        opacity: 0.6;
    }
}

@media (max-width: 599px) {
    .treatmentheadspa1 h4 .no {
        width: 70px;
        height: 70px;
    }

    .treatmentheadspa1 h4 .no .p {
        padding: 15px 0 3px 0;
        font-size: 12px;
    }

    .treatmentheadspa2 .imgbk img {
        max-width: 400px !important;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .treatmentheadspa2 .imgbk {
        right: 0;
    }

    .treatmentheadspa3 .fnav li {
        width: 100%;
    }

    .treatmentheadspa3 .fnav li a {
        padding-right: 30px;
        font-size: 16px;
        line-height: 120%;
    }

    .treatmentheadspa3 .fnav li a .s {
        display: block;
    }

    .treatmentheadspa3 .wrap .tbox {
        width: 100%;
    }

    .treatmentheadspa3 .wrap .img {
        width: 100%;
    }
}

/* staff */

#stafflist .staff_nav {
    max-width: 640px;
    margin: 0 auto 60px auto;
}

#stafflist .staff_nav li {
    width: calc(100% / 3);
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    font-weight: normal;
    text-align: center;
    position: relative;
}

#stafflist .staff_nav li:before {
    content: "";
    width: 1px;
    height: 36px;
    background: #000;
    position: absolute;
    top: 5px;
    left: 0;
}

#stafflist .staff_nav li:first-child:before {
    display: none;
}

#stafflist .shop3 h3 {
    margin-bottom: 0;
    padding: 25px 2.5% 35px 2.5%;
    background: #f4f4f4;
    position: relative;
}

#stafflist .shop3 h3 .title-inner {
    position: relative;
    z-index: 2;
}

#stafflist .shop3 h3:before {
    content: "";
    width: 110px;
    -webkit-transform: skewX(-55deg);
    transform: skewX(-55deg);
    -webkit-transform-origin: right 0;
    transform-origin: right 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -30px;
    z-index: 1;
}

@media (max-width: 1024px) {
    #stafflist .shop3 li {
        width: calc((100% / 3) - 10px);
        margin: 5px;
    }

    #stafflist .shop3 h3:before {
        width: 70px;
        -webkit-transform: skewX(-45deg);
        transform: skewX(-45deg);
        right: -30px;
    }
}

@media (max-width: 599px) {
    #stafflist .shop3 li {
        width: calc((100% / 2) - 10px);
        margin: 5px !important;
    }

    #stafflist h3:before {
        width: 80px;
        -webkit-transform: skewX(-45deg);
        transform: skewX(-45deg);
    }
}

#side {
    width: 21%;
}

#right {
    width: 76%;
}

#staff .h2h {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}

#staff #side .back a {
    display: block;
    padding: 10px 2.5%;
    color: #fff;
    text-align: center;
    background: #000;
}

#staff #side .back {
    padding: 0 0 25px 0;
}

#side dt {
    display: block;
    margin-bottom: 5px;
    padding: 10px 2.5%;
    color: #fff;
    text-align: center;
    background: #000;
}

#side dl {
    padding: 0 0 30px 0;
}

#staff #side dt {
    color: white;
    background: black;
}

#side dd:before {
    content: "＞";
    position: absolute;
    top: 8px;
    left: 0;
}

#side dd {
    padding: 8px 0 8px 30px;
    position: relative;
}

.staff1 .img {
    width: 44.34%;
    padding: 0 0 20px 0;
}

.staff1 .tbox {
    width: 51.05%;
}

.staff1 h4 {
    margin-bottom: 30px;
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
}

.staff1 h4 .fs30 {
    display: block;
    padding: 8px 0 0 0;
}

.staff1 table {
    width: 100%;
    border-collapse: collapse;
}

.staff1 th {
    width: 176px;
    padding: 10px 0;
    font-family: "GenShinGothic2", "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 900;
    text-align: left;
    border-bottom: 1px solid #000;
}

.staff1 td {
    width: 200px;
    padding: 10px 0;
    border-bottom: 1px solid #000;
}

.staff1 tr:last-child td,
.staff1 tr:last-child th {
    border: none;
}

.staff1 {
    padding-bottom: 10px;
}

.staff2 {
    margin-bottom: 40px;
    padding: 10px 1.5% 0 1.5%;
    border: 1px solid #000;
}

.staff2 h5 {
    margin-bottom: 10px;
    font-family: "GenShinGothic2", "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 900;
}

.staff2 p {
    padding: 0 0 10px 0;
}

.staff3 h4 {
    margin-bottom: 10px;
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
}

.staff3 li {
    width: 24.08%;
    margin: 0 1.22% 30px 0;
}

.staff3 li:nth-child(4n) {
    margin-right: 0;
}

.staff3 ul {
    padding: 0 0 30px 0;
}

.staff3 {
    padding-bottom: 40px;
}

@media (max-width: 1024px) {
    #right {
        width: 100%;
        max-width: 760px;
        margin-left: auto;
        margin-right: auto;
    }

    #side {
        width: 100%;
    }
}

@media (max-width: 599px) {
    .staff1 .img {
        width: 100%;
        text-align: center;
    }

    .staff1 .tbox {
        width: 100%;
    }
}

/* gallery */
.gallerylist li {
    background-color: black;
}

.gallerylist li a {
    display: block;
    color: white;
}

.gallerylist li .w {
    display: block;
    padding: 8px;
    text-align: center;
}

.gallerylist li .fs12 {
    display: block;
    line-height: 120%;
}

.gallerylist li .gallery-name {
    text-align: left;
}

.gallerylist li .fs12+.fs12 {
    display: block;
    padding: 5px 0 0 0;
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
}

.gallerylist li .fs16 {
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
}

@media (max-width: 599px) {
    .gallerylist li {
        width: 48%;
        margin: 1%;
    }
}

.gall_detail .back a {
    width: 100%;
    max-width: 210px;
    display: inline-block;
    padding: 5px 2.5%;
    text-align: center;
    border: 1px solid #000;
    background: #ececec;
    position: relative;
}

.gall_detail .back a:before {
    content: "＜";
    font-size: 16px;
    position: absolute;
    top: 6px;
    left: 10px;
}

.gall_detail .back {
    padding: 0 0 28px 0;
}

.gall_detail .imgs {
    width: 44.34%;
}

.gall_detail .gall1 .tbox {
    width: 51.05%;
}

.gall_detail .gall1 h3 {
    margin-bottom: 10px;
    padding: 10px 18px;
    font-size: 20px;
    background: black;
}

.gall_detail .imgs p {
    padding: 0 0 20px 0;
}

.gall_detail .imgs li {
    width: 31.16%;
    margin: 0 3.26% 10px 0;
    cursor: pointer;
}

.gall_detail .thumbs li.active-img {
    outline: 5px solid black;
}

.gall_detail .imgs li:nth-child(3n) {
    margin-right: 0;
}

.gall_detail .gall2 p {
    padding: 0 0 20px 0;
}

.gall_detail .gall2 {
    padding: 0 0 20px 0;
}

.gall_detail .gall3 {
    padding: 0 0 40px 0;
}

.list-ten dt,
.list-ten dd {
    display: inline;
    font-size: 14px;
}

.list-ten dt::after {
    content: "：";
    display: inline-block;
}

.gall_detail .gall4 dd li {
    width: 30.93%;
    padding: 5px 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #dcdcdc;
}

.gall_detail .gall4 dt {
    padding: 0 0 1px 0;
}

.gall_detail .gall4 dl {
    padding: 0 0 20px 0;
}

.gall_detail .gall4 dd .meter01.少ない li:nth-of-type(1),
.gall_detail .gall4 dd .meter01.普通 li:nth-of-type(2),
.gall_detail .gall4 dd .meter01.多い li:nth-of-type(3),
.gall_detail .gall4 dd .meter02.柔らかい li:nth-of-type(1),
.gall_detail .gall4 dd .meter02.普通 li:nth-of-type(2),
.gall_detail .gall4 dd .meter02.硬い li:nth-of-type(3),
.gall_detail .gall4 dd .meter03.細い li:nth-of-type(1),
.gall_detail .gall4 dd .meter03.普通 li:nth-of-type(2),
.gall_detail .gall4 dd .meter03.太い li:nth-of-type(3),
.gall_detail .gall4 dd .meter04.卵型 li:nth-of-type(1),
.gall_detail .gall4 dd .meter04.丸型 li:nth-of-type(2),
.gall_detail .gall4 dd .meter04.面長 li:nth-of-type(3),
.gall_detail .gall4 dd .meter04.三角形 li:nth-of-type(4),
.gall_detail .gall4 dd .meter04.四角 li:nth-of-type(5) {
    background-color: black;
}

.gall_detail .gall4 dl:last-child li {
    width: 18.04%;
    padding-left: 3px;
    padding-right: 3px;
}

.gall_detail .gall4 dl:last-child li .fs12 {
    display: block;
}

.gall_detail .gall4 {
    padding: 0 0 20px 0;
}

.gall5 {
    margin-bottom: 60px;
    padding: 16px;
    border: 1px solid #000;
}

.gall5 .img {
    width: 29.45%;
}

.gall5 .tbox {
    width: 68.08%;
}

.gall5 .sp {
    width: 100%;
    max-width: 120px;
    margin-bottom: 20px;
    font-size: 13px;
    color: white;
    text-align: center;
    background-color: black;
}

.gall5 h4 {
    margin-bottom: 15px;
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
}

.gall5 h4 .fs20 {
    display: block;
}

.gall5 p.btn2 {
    padding: 0 0 20px 0;
    text-align: left;
}

.gall5 p.btn2 a {
    text-align: center;
}

.staff-reserve-link {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.staff-reserve-link dt a {
    display: inline-block;
    padding: 10px 3px;
    font-weight: normal;
    color: #fff;
    border: 6px solid black;
    background: #000;
}

.staff-reserve-link dd {
    padding: 0 0 0 1em;
}

.staff-reserve-link dd .fs14 {
    display: block;
    padding-bottom: 5px;
}

.gall_detail .staff3 {
    padding-bottom: 0px;
}

@media (max-width: 599px) {
    .gall_detail .imgs {
        width: 100%;
        max-width: 337px;
        margin: 0 auto 20px auto;
    }

    .gall_detail .gall1 .tbox {
        width: 100%;
    }

    .staff3 li,
    .gall_detail .staff3 li {
        width: 48% !important;
        margin: 1% !important;
    }

    .gall5 .img {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    .gall5 .tbox {
        width: 100%;
        margin-top: 30px;
    }

    .staff-reserve-link dt a {
        padding: 10px;
        font-size: 14px;
    }
}

/* voice */

.voicelist .box {
    width: 47.37%;
    overflow: hidden;
    margin: 0 0 25px 0;
    padding: 20px 10px 20px 35px;
    border: 1px solid;
    position: relative;
}

.voicelist .box {
    border-color: black;
}

.voicelist .box p.shop_name {
    width: 100px;
    padding: 1px 10px 1px 0 !important;
    font-weight: bolder;
    color: white;
    line-height: 120%;
    text-align: center;
    background-color: black;
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
    position: absolute;
    top: 3px;
    left: -20px;
}

.voicelist .box h3 {
    margin-bottom: 16px;
    border-bottom: 1px solid #000;
}

.voicelist .box .tbox {
    width: 60.7%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.voicelist .box .img {
    width: 34.82%;
}

.voicelist .btn {
    width: 100%;
    max-width: 100%;
    text-align: center;
}

.voicelist .pagenav {
    margin-top: 60px;
}

.voicelist {
    padding-bottom: 50px;
}

@media (max-width: 599px) {
    .voicelist .box {
        width: 100%;
    }
}

.voice {
    overflow: hidden;
    margin-bottom: 50px;
    padding: 16px 20px 25px 25px;
    border: 1px solid;
    border: 1px solid black;
    position: relative;
}

.voice .shop_name {
    width: 100px;
    padding: 1px 10px 1px 0 !important;
    font-weight: bolder;
    color: white;
    line-height: 120%;
    text-align: center;
    background-color: black;
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
    position: absolute;
    top: 3px;
    left: -20px;
}

.voice1 .tbox {
    width: 69.57%;
}

.voice1 ul {
    padding: 10px 0 30px 0;
}

.voice1 .smenu {
    width: 100%;
    max-width: 140px;
    display: inline-block;
    margin: 0 0 5px 0;
    padding: 0;
    text-align: center;
    background: black;
}

.voice1 h3 {
    margin-bottom: 5px;
    border-bottom: 1px solid #000;
}

.voice1 p {
    padding: 0 0 20px 0;
}

.voice1 .img {
    width: 26.65%;
}

.voice2 dl {
    width: 20%;
    font-size: 14px;
    border: 1px solid #000;
}

.voice2 dl+dl {
    border-left: none;
}

.voice2 dt {
    height: auto;
    padding: 10px 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 14px;
    text-align: center;
    border-bottom: 1px solid #000;
    background: #ececec;
}

.voice2 dd {
    padding: 5px 0;
    font-size: 14px;
    text-align: center;
}

.voice2 dd .star-wrap [class^="star"] {
    color: white;
}

.voice2 dl.評価１ dd .star1 {
    color: #bf5555;
}

.voice2 dl.評価２ dd .star1,
.voice2 dl.評価２ dd .star2 {
    color: #bf5555;
}

.voice2 dl.評価３ dd .star1,
.voice2 dl.評価３ dd .star2,
.voice2 dl.評価３ dd .star3 {
    color: #bf5555;
}

.voice2 dl.評価４ dd .star1,
.voice2 dl.評価４ dd .star2,
.voice2 dl.評価４ dd .star3,
.voice2 dl.評価４ dd .star4 {
    color: #bf5555;
}

.voice2 dl.評価５ dd .star1,
.voice2 dl.評価５ dd .star2,
.voice2 dl.評価５ dd .star3,
.voice2 dl.評価５ dd .star4,
.voice2 dl.評価５ dd .star5 {
    color: #bf5555;
}

.voice2 {
    padding: 0 0 30px 0;
}

.voice3 {
    padding: 20px 20px 10px 20px;
    background: #ececec;
}

.voice3 .img {
    width: 20%;
}

.voice3 .tbox {
    width: 75%;
}

.voice3 h4 {
    margin-bottom: 20px;
}

.voice3 p {
    padding: 0 0 20px 0;
}

.voice+p {
    padding: 0 0 70px 0;
    text-align: center;
}

.voice+p a {
    width: 100%;
    max-width: 210px;
    display: inline-block;
    padding: 5px 2.5%;
    text-align: center;
    border: 1px solid #000;
    background: #ececec;
    position: relative;
}

.voice+p a:before {
    content: "＜";
    font-size: 16px;
    position: absolute;
    top: 6px;
    left: 10px;
}

@media (max-width: 599px) {
    .voice3 .tbox {
        width: 100%;
    }
}

/* item */

.item_nav li {
    width: calc(94% / 3);
    margin: 1%;
}

.item_nav li a {
    display: block;
    padding: 5px 1.5%;
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    text-align: center;
    border: 1px solid #000;
}

.item_nav li.product-dynamic-list.-all a {
    background-color: #cacaca;
}

.item_nav li.category-large a {
    color: white;
    background-color: black;
}

.item_nav li.LADIES a {
    border: 1px solid #da8998;
    background-color: #da8998;
}


/* .item_nav li:last-child {
    width: 65.5%;
} */

.item_nav p {
    padding: 0 0 20px 0;
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    text-align: center;
}

.item_nav {
    padding: 0 0 60px 0;
}

#item .wrap h3+p {
    padding: 0 0 35px 0;
    text-align: center;
}

#item .wrap h4 {
    margin-bottom: 15px;
    padding: 5px 16px;
    background: #a2ffb2;
}

#item .wrap .img {
    width: 48.4%;
    padding: 0 0 20px 0;
}

#item .wrap .tbox {
    width: 50%;
}

#item .wrap .tbox .element+.element,
.only-price {
    margin-top: 15px;
}

#item .wrap p {
    padding: 0 0 20px 0;
}

#item .wrap p+h5 {
    margin: 0;
    padding: 10px 0 15px 0;
}

#item .wrap h5 {
    margin-bottom: 10px;
}

#item .wrap h5 span.fs16 {
    display: inline-block;
    padding: 0 1em;
    color: #fff;
    background: #000;
}

#item .wrap dt {
    float: left;
    padding: 10px 0;
}

#item .wrap dd {
    padding: 10px 0;
    text-align: right;
}

#item .wrap dl {
    border-bottom: 1px solid #000;
}

#item .wrap dl:last-child {
    margin-bottom: 20px;
}

#item .wrap .box {
    padding: 0 0 30px 0;
}

#item .wrap {
    padding-bottom: 40px;
}

.product-category-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 15px 0;
}

.product-category {
    margin: 1%;
}

.product-category span {
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 2px 15px;
    font-size: 14px;
    line-height: 1.2;
}

.product-category span+span {
    margin-left: 4px;
}

.product-category01 span {
    font-size: 18px;
    color: white;
    background-color: black;
}

.product-category01 span.LADIES {
    background-color: #da8998;
}

.product-category02 span {
    font-size: 16px;
    color: black;
    border: 1px solid black;
}

.product-shop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-bottom: none !important;
}

.product-shop dt,
.product-shop dd {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    float: none;
    padding: 0;
    font-size: 14px;
    font-size: 14px;
    color: #696969;
}

.product-shop dt::after {
    content: "：";
    display: inline-block;
}

@media (max-width: 599px) {
    .item_nav li {
        width: 48%;
    }

    .item_nav li a {
        font-size: 10px;
    }

    #item .wrap .img {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    #item .wrap .tbox {
        width: 100%;
    }

    /* .item_nav li:last-child {
        width: 100%;
    } */
}

/* contact */

#contact .txt p {
    padding: 0 0 20px 0;
    text-align: center;
}

#contact span.r {
    color: #f00;
}

#contact .table {
    max-width: 890px;
    margin: 0 auto;
    padding-bottom: 60px;
}

#contact table {
    width: 100%;
    border-collapse: collapse;
}

#contact td {
    width: 636px;
    padding: 25px 0;
    border-bottom: 1px solid #000;
}

#contact th {
    width: 260px;
    padding: 25px 0;
    text-align: left;
    border-bottom: 1px solid #000;
}

#contact input {
    width: 100%;
    max-width: 620px;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    background: #ececec;
}

#contact textarea {
    width: 100%;
    max-width: 620px;
    height: 250px;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    background: #ececec;
}

#contact .formbtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#contact .formbtn li.check {
    width: 300px;
    max-width: 48%;
    margin: 10px;
    text-align: center;
}

#contact .formbtn li.check button {
    width: 100%;
    padding: 18px 2.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    border: none;
    border: 6px solid #a2ffb2;
    background: #000;
}

#contact {
    margin-bottom: 50px;
}

@media (max-width: 599px) {
    #contact th {
        width: 100%;
        display: block;
        padding-bottom: 0;
        border: none;
    }

    #contact td {
        width: 100%;
        display: block;
        padding-top: 5px;
    }
}

/* blog */

.bloglist .box {
    margin-bottom: 35px;
    padding: 10px 20px 0 20px;
    border: 1px solid #000;
}

.bloglist .img {
    width: 27.02%;
    margin-bottom: 20px;
}

.bloglist .box .tbox {
    width: 68.25%;
}

.bloglist .box li:first-child {
    width: 30.61%;
    padding: 1px 0;
    text-align: center;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
}

.bloglist .box li:first-child .fs16 {
    display: block;
    background: #a2ffb2;
}

.bloglist .box li:last-child {
    width: 69.39%;
}

.bloglist .box li:last-child {
    display: block;
    padding: 1px 2.5%;
    color: white;
    background-color: black;
}

.bloglist .box h3 {
    margin-bottom: 5px;
    padding: 2px 0;
    border-bottom: 1px solid #000;
}

.bloglist .box .txt p {
    padding: 0 0 20px 0;
}

.bloglist .box .btn {
    padding: 0 0 20px 0;
    text-align: right;
}

.bloglist+.pagenav {
    margin-bottom: 60px;
}

.blog-shop::after {
    content: "：";
    display: inline-block;
}

@media (max-width: 599px) {
    .bloglist .wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .bloglist .wrap .box {
        width: 48%;
        margin: 1%;
        padding: 10px 5px;
    }

    .bloglist .img {
        width: 100%;
    }

    .bloglist .box .tbox {
        width: 100%;
    }

    .bloglist .box li:first-child {
        width: 100%;
        max-width: 150px;
        margin-bottom: 10px;
        font-size: 12px;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .bloglist .box li:last-child {
        width: 100%;
        margin-bottom: 10px;
        font-size: 12px;
    }

    .bloglist .box .txt {
        font-size: 12px;
    }
}

.blogd .back a {
    width: 100%;
    max-width: 210px;
    display: inline-block;
    padding: 5px 2.5%;
    text-align: center;
    border: 1px solid #000;
    background: #ececec;
    position: relative;
}

.blogd .back {
    padding: 0 0 28px 0;
}

.blogd .tit li {
    display: inline-block;
}

.blogd .tit li:first-child {
    width: 140px;
    margin: 0 18px 10px 0;
    padding: 2px 0;
    text-align: center;
    background: #a2ffb2;
}

.blogd .tit li:last-child {
    margin-bottom: 10px;
    padding: 2px 1.5em;
    background-color: black;
}

.blogd h3 {
    margin-bottom: 30px;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #000;
}

.blogd .imgs {
    width: 50.53%;
}

.blogd .tbox {
    width: 47%;
}

.blogd .tbox p {
    padding: 0 0 20px 0;
}

.blogd .imgs p {
    padding: 0 0 20px 0;
}

.blogd .imgs li {
    width: 31.4%;
    margin: 0 2.9% 20px 0;
}

.blogd .imgs li:nth-child(3n) {
    margin-right: 0;
}

.blogd {
    padding-bottom: 50px;
}

@media (max-width: 599px) {
    .blogd .imgs {
        width: 100%;
        max-width: 379px;
        margin-left: auto;
        margin-right: auto;
    }

    .blogd .tbox {
        width: 100%;
    }
}

/* ##### 店舗別カラー ##### */
/* 飾磨店 */
.飾磨店 .reserve-box {
    border: double 6px #57f2fb;
}

.飾磨店 .reserve-shop-name {
    color: black;
    background-color: #57f2fb;
}

.飾磨店 .reserve-shop-btn a {
    color: black;
    border: 1px solid #57f2fb;
    background-color: #57f2fb;
}

.home_shop .box.飾磨店 .img .obi {
    color: black;
    background: #57f2fb;
}

.home_shop .box.飾磨店 .info li a {
    background: #57f2fb;
}

.home_shop .box.飾磨店 .info {
    border-color: #57f2fb;
}

.home_shop .box.飾磨店 .info:before {
    border-color: #57f2fb;
}

.home_gallery .flex li.飾磨店 .obi {
    color: black;
    background-color: #57f2fb;
}

.list-staff li.飾磨店 .list-staff-content {
    background-color: #57f2fb;
}

.home_voice .frame .frame-inner.飾磨店 {
    border: 1px solid #2bf2ff;
}

.home_voice .frame .frame-inner.飾磨店 .shop_name {
    background: #2bf2ff;
}

.h_blognews .飾磨店 dt .tag {
    color: black;
    background: #57f2fb;
}

.nav-address-list.飾磨店 {
    border: 1px solid #57f2fb;
}

.nav-address-list.飾磨店 dd.mobile-reserve a {
    color: black;
    background-color: #57f2fb;
}

.飾磨店 .blogd .tit li.blog-shop-tag {
    background: #57f2fb;
}

.bloglist .box.飾磨店 li:last-child {
    color: black;
    background: #57f2fb;
}

.飾磨店 .shop1 .img {
    -webkit-filter: drop-shadow(24px 24px 0 #57f2fb);
    filter: drop-shadow(24px 24px 0 #57f2fb);
}

.飾磨店 .shop3 {
    background: #d7f5f7;
}

.飾磨店 .btn2 a .b {
    background: #57f2fb;
}

.飾磨店 .shop5 .box {
    border-color: #57f2fb;
}

.飾磨店 .shop6 {
    background-color: #d7f5f7;
}

.gallerylist li.飾磨店 {
    background: #57f2fb;
}

.gallerylist li.飾磨店 a {
    color: black;
}

.飾磨店 .gall_detail .thumbs li.active-img {
    outline: 5px solid #57f2fb;
}

.飾磨店 .gall_detail .gall1 h3 {
    background-color: #57f2fb;
}

.飾磨店 .gall_detail .gall4 dd .meter01.少ない li:nth-of-type(1),
.飾磨店 .gall_detail .gall4 dd .meter01.普通 li:nth-of-type(2),
.飾磨店 .gall_detail .gall4 dd .meter01.多い li:nth-of-type(3),
.飾磨店 .gall_detail .gall4 dd .meter02.柔らかい li:nth-of-type(1),
.飾磨店 .gall_detail .gall4 dd .meter02.普通 li:nth-of-type(2),
.飾磨店 .gall_detail .gall4 dd .meter02.硬い li:nth-of-type(3),
.飾磨店 .gall_detail .gall4 dd .meter03.細い li:nth-of-type(1),
.飾磨店 .gall_detail .gall4 dd .meter03.普通 li:nth-of-type(2),
.飾磨店 .gall_detail .gall4 dd .meter03.太い li:nth-of-type(3),
.飾磨店 .gall_detail .gall4 dd .meter04.卵型 li:nth-of-type(1),
.飾磨店 .gall_detail .gall4 dd .meter04.丸型 li:nth-of-type(2),
.飾磨店 .gall_detail .gall4 dd .meter04.面長 li:nth-of-type(3),
.飾磨店 .gall_detail .gall4 dd .meter04.三角形 li:nth-of-type(4),
.飾磨店 .gall_detail .gall4 dd .meter04.四角 li:nth-of-type(5) {
    color: black;
    background-color: #57f2fb;
}

.飾磨店 .staff-reserve-link .sp.s1 {
    color: black;
    background: #57f2fb;
}

.飾磨店 .staff-reserve-link dt a {
    border: 6px solid #57f2fb;
}

#stafflist #飾磨店.shop3 h3:before {
    background: #57f2fb;
}

#stafflist #飾磨店.shop3 li .w {
    background: #57f2fb;
}

#staff #side dt.飾磨店 {
    color: black;
    background: #57f2fb;
}

.voicelist .box.飾磨店 {
    border-color: #57f2fb;
}

.voicelist .box.飾磨店 p.shop_name {
    color: black;
    background: #57f2fb;
}

.voice.飾磨店 {
    border-color: #57f2fb;
}

.voice.飾磨店 .shop_name {
    color: black;
    background: #57f2fb;
}

.飾磨店 .voice1 .smenu {
    background-color: #57f2fb;
}

@media (max-width: 599px) {
    .飾磨店 .reserve-box {
        border: double 4px #57f2fb;
    }

    .飾磨店 .shop1 .img {
        -webkit-filter: drop-shadow(10px 10px 0 #57f2fb);
        filter: drop-shadow(10px 10px 0 #57f2fb);
    }
}

/* 本店 */
.本店 .reserve-box {
    border: double 6px #eead3b;
}

.本店 .reserve-shop-name {
    color: black;
    background-color: #eead3b;
}

.本店 .reserve-shop-btn a {
    color: black;
    border: 1px solid #eead3b;
    background-color: #eead3b;
}

.home_shop .box.本店 .img .obi {
    color: black;
    background: #eead3b;
}

.home_shop .box.本店 .info li a {
    background: #eead3b;
}

.home_shop .box.本店 .info {
    border-color: #eead3b;
}

.home_shop .box.本店 .info:before {
    border-color: #eead3b;
}

.home_gallery .flex li.本店 .obi {
    color: black;
    background-color: #eead3b;
}

.list-staff li.本店 .list-staff-content {
    background-color: #eead3b;
}

.home_voice .frame .frame-inner.本店 {
    border: 1px solid #eead3b;
}

.home_voice .frame .frame-inner.本店 .shop_name {
    background: #eead3b;
}

.h_blognews .本店 dt .tag {
    color: black;
    background: #eead3b;
}

.nav-address-list.本店 {
    border: 1px solid #eead3b;
}

.nav-address-list.本店 dd.mobile-reserve a {
    color: black;
    background-color: #eead3b;
}

.本店 .blogd .tit li.blog-shop-tag {
    background: #eead3b;
}

.bloglist .box.本店 li:last-child {
    color: black;
    background: #eead3b;
}

.本店 .shop1 .img {
    -webkit-filter: drop-shadow(24px 24px 0 #eead3b);
    filter: drop-shadow(24px 24px 0 #eead3b);
}

.本店 .shop3 {
    background: #f9e3c1;
}

.本店 .btn2 a .b {
    background: #eead3b;
}

.本店 .shop5 .box {
    border-color: #eead3b;
}

.本店 .shop6 {
    background-color: #f9e3c1;
}

.gallerylist li.本店 {
    background: #eead3b;
}

.gallerylist li.本店 a {
    color: black;
}

.本店 .gall_detail .thumbs li.active-img {
    outline: 5px solid #eead3b;
}

.本店 .gall_detail .gall1 h3 {
    background-color: #eead3b;
}

.本店 .gall_detail .gall4 dd .meter01.少ない li:nth-of-type(1),
.本店 .gall_detail .gall4 dd .meter01.普通 li:nth-of-type(2),
.本店 .gall_detail .gall4 dd .meter01.多い li:nth-of-type(3),
.本店 .gall_detail .gall4 dd .meter02.柔らかい li:nth-of-type(1),
.本店 .gall_detail .gall4 dd .meter02.普通 li:nth-of-type(2),
.本店 .gall_detail .gall4 dd .meter02.硬い li:nth-of-type(3),
.本店 .gall_detail .gall4 dd .meter03.細い li:nth-of-type(1),
.本店 .gall_detail .gall4 dd .meter03.普通 li:nth-of-type(2),
.本店 .gall_detail .gall4 dd .meter03.太い li:nth-of-type(3),
.本店 .gall_detail .gall4 dd .meter04.卵型 li:nth-of-type(1),
.本店 .gall_detail .gall4 dd .meter04.丸型 li:nth-of-type(2),
.本店 .gall_detail .gall4 dd .meter04.面長 li:nth-of-type(3),
.本店 .gall_detail .gall4 dd .meter04.三角形 li:nth-of-type(4),
.本店 .gall_detail .gall4 dd .meter04.四角 li:nth-of-type(5) {
    color: black;
    background-color: #eead3b;
}

.本店 .staff-reserve-link .sp.s1 {
    color: black;
    background: #eead3b;
}

.本店 .staff-reserve-link dt a {
    border: 6px solid #eead3b;
}

#stafflist #本店.shop3 h3:before {
    background: #eead3b;
}

#stafflist #本店.shop3 li .w {
    background: #eead3b;
}

#staff #side dt.本店 {
    color: black;
    background: #eead3b;
}

.voicelist .box.本店 {
    border-color: #eead3b;
}

.voicelist .box.本店 p.shop_name {
    color: black;
    background: #eead3b;
}

.voice.本店 {
    border-color: #eead3b;
}

.voice.本店 .shop_name {
    color: black;
    background: #eead3b;
}

.本店 .voice1 .smenu {
    background-color: #eead3b;
}

@media (max-width: 599px) {
    .本店 .reserve-box {
        border: double 4px #eead3b;
    }

    .本店 .shop1 .img {
        -webkit-filter: drop-shadow(10px 10px 0 #eead3b);
        filter: drop-shadow(10px 10px 0 #eead3b);
    }
}

/* 駅南店 */
.駅南店 .reserve-box {
    border: double 6px #cacaca;
}

.駅南店 .reserve-shop-name {
    color: black;
    background-color: #cacaca;
}

.駅南店 .reserve-shop-btn a {
    color: black;
    border: 1px solid #cacaca;
    background-color: #cacaca;
}

.home_shop .box.駅南店 .img .obi {
    color: black;
    background: #cacaca;
}

.home_shop .box.駅南店 .info li a {
    background: #cacaca;
}

.home_shop .box.駅南店 .info {
    border-color: #cacaca;
}

.home_shop .box.駅南店 .info:before {
    border-color: #cacaca;
}

.home_gallery .flex li.駅南店 .obi {
    color: black;
    background-color: #cacaca;
}

.list-staff li.駅南店 .list-staff-content {
    background-color: #cacaca;
}

.home_voice .frame .frame-inner.駅南店 {
    border: 1px solid #cacaca;
}

.home_voice .frame .frame-inner.駅南店 .shop_name {
    background: #cacaca;
}

.h_blognews .駅南店 dt .tag {
    color: black;
    background: #cacaca;
}

.nav-address-list.駅南店 {
    border: 1px solid #cacaca;
}

.nav-address-list.駅南店 dd.mobile-reserve a {
    color: black;
    background-color: #cacaca;
}

.駅南店 .blogd .tit li.blog-shop-tag {
    background: #cacaca;
}

.bloglist .box.駅南店 li:last-child {
    color: black;
    background: #cacaca;
}

.駅南店 .shop1 .img {
    -webkit-filter: drop-shadow(24px 24px 0 #cacaca);
    filter: drop-shadow(24px 24px 0 #cacaca);
}

.駅南店 .shop3 {
    background: #cacaca;
}

.駅南店 .btn2 a .b {
    background: #cacaca;
}

.駅南店 .shop5 .box {
    border-color: #cacaca;
}

.駅南店 .shop6 {
    background-color: #cacaca;
}

.gallerylist li.駅南店 {
    background: #cacaca;
}

.gallerylist li.駅南店 a {
    color: black;
}

.駅南店 .gall_detail .thumbs li.active-img {
    outline: 5px solid #cacaca;
}

.駅南店 .gall_detail .gall1 h3 {
    background-color: #cacaca;
}

.駅南店 .gall_detail .gall4 dd .meter01.少ない li:nth-of-type(1),
.駅南店 .gall_detail .gall4 dd .meter01.普通 li:nth-of-type(2),
.駅南店 .gall_detail .gall4 dd .meter01.多い li:nth-of-type(3),
.駅南店 .gall_detail .gall4 dd .meter02.柔らかい li:nth-of-type(1),
.駅南店 .gall_detail .gall4 dd .meter02.普通 li:nth-of-type(2),
.駅南店 .gall_detail .gall4 dd .meter02.硬い li:nth-of-type(3),
.駅南店 .gall_detail .gall4 dd .meter03.細い li:nth-of-type(1),
.駅南店 .gall_detail .gall4 dd .meter03.普通 li:nth-of-type(2),
.駅南店 .gall_detail .gall4 dd .meter03.太い li:nth-of-type(3),
.駅南店 .gall_detail .gall4 dd .meter04.卵型 li:nth-of-type(1),
.駅南店 .gall_detail .gall4 dd .meter04.丸型 li:nth-of-type(2),
.駅南店 .gall_detail .gall4 dd .meter04.面長 li:nth-of-type(3),
.駅南店 .gall_detail .gall4 dd .meter04.三角形 li:nth-of-type(4),
.駅南店 .gall_detail .gall4 dd .meter04.四角 li:nth-of-type(5) {
    color: black;
    background-color: #adabab;
}

.駅南店 .staff-reserve-link .sp.s1 {
    color: black;
    background: #cacaca;
}

.駅南店 .staff-reserve-link dt a {
    border: 6px solid #cacaca;
}

#stafflist #駅南店.shop3 h3:before {
    background: #cacaca;
}

#stafflist #駅南店.shop3 li .w {
    background: #cacaca;
}

#staff #side dt.駅南店 {
    color: black;
    background: #cacaca;
}

.voicelist .box.駅南店 {
    border-color: #cacaca;
}

.voicelist .box.駅南店 p.shop_name {
    color: black;
    background: #cacaca;
}

.voice.駅南店 {
    border-color: #cacaca;
}

.voice.駅南店 .shop_name {
    color: black;
    background: #cacaca;
}

.駅南店 .voice1 .smenu {
    background-color: #cacaca;
}

@media (max-width: 599px) {
    .駅南店 .reserve-box {
        border: double 4px #cacaca;
    }

    .駅南店 .shop1 .img {
        -webkit-filter: drop-shadow(10px 10px 0 #cacaca);
        filter: drop-shadow(10px 10px 0 #cacaca);
    }
}

/* 店舗選択時共通して反映 */
.list-staff li.飾磨店 .list-staff-content *,
.list-staff li.本店 .list-staff-content *,
.list-staff li.駅南店 .list-staff-content *,
.home_voice .frame .frame-inner.飾磨店 .shop_name,
.home_voice .frame .frame-inner.本店 .shop_name,
.home_voice .frame .frame-inner.駅南店 .shop_name {
    color: black;
}

/* 見たまま編集 */
[data-element-id] .reserve {
    padding: 50px;
}

[data-element-id] .reserve-btn {
    position: absolute;
    top: 70px;
}

[data-element-id] .reserve-content {
    visibility: visible;
    opacity: 1;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    position: static;
}

[data-element-id] .nav-header {
    max-width: 414px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid green;
}

[data-element-id] .nav-header::before {
    content: "スマホナビのみ表示";
    display: block;
    padding: 5px;
    font-weight: bold;
    font-size: 10px;
    color: white;
    text-align: center;
    background-color: green;
}

[data-element-id] .nav-address-list {
    width: calc(100% - 10px);
}

[data-element-id] .nav-address-list:nth-of-type(n+2) {
    display: none;
}

[data-element-id] #gnav .par {
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-align: start;
}

[data-element-id] #gnav .par li ul {
    height: auto;
    visibility: visible;
    opacity: 1;
    position: static;
}

[data-element-id] .list-reserve [data-collection-list-content] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

[data-element-id] .home_shop .box:nth-of-type(n+4) {
    display: none;
}

[data-element-id] .foot_sns ul [data-collection-list-content] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

[data-element-id] .shop-slide-img:nth-of-type(n+2) {
    display: none;
}

@media screen and (max-width:599px) {
 .home_shop .img .obi{
   font-size: 8px;
 }
}

/* 2025/04/08 */
#stafflist #加古川店.shop3 h3:before {
    background: #E2CFD3;
}

#stafflist #加古川店.shop3 li .w {
    background: #E2CFD3;
}

#stafflist #ザブラッヅ.shop3 h3:before {
    background: #000;
}

#stafflist #ザブラッヅ.shop3 li .w {
    background: #000;
    color: #fff;
}

/* 2025/04/15 */

@media screen and (min-width:1025px) {
#stafflist .staff_nav li {
    width: calc(100% / 5);
    font-family: "apri-min", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    font-weight: normal;
    text-align: center;
    position: relative;
}

#stafflist .staff_nav {
    max-width: 1000px;
}

.foot_sns li a{
  font-size: 12px;
}
}

@media screen and (max-width:1024px) {
 #stafflist .staff_nav {
    row-gap: 10px;
}
}

.bgc-pink{
  background-color: #E2CFD3 !important;
}

/* 2026/03/18 */

#menu .annotaion-txt{
  margin-top: 10px;
}

#toppage .home_tit .mainimg-title{
  text-shadow: 0 0 10px #FFF, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;  
}

#toppage .home_tit .text{
  text-shadow: 0 0 10px #FFF, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;  
}

#toppage .home_head .home_tit{
  background-color: transparent;
}