/* ここからサイト独自 */

.inner1 {
    width: 92%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 50px 0;
}

.homebg:not([data-element-id]) {
    padding-top: 40%;
    background-position: top center;
    background-size: cover;
    background-attachment: scroll;
    -webkit-transition: 1s ease-in-out;
    -webkit-transition-delay: 0.01s;
    -moz-transition: 1s ease-in-out;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.toggle {
    cursor: pointer;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

    _::-webkit-full-page-media,
    _:future,
    :root body .homebg {
        background-attachment: inherit;
    }
}

.homebg01 {
    background-image: url(/import/tenant_1/160.16.114.151/html/images/homebg01.jpg);
}

.homebg02 {
    background-image: url(/import/tenant_1/160.16.114.151/html/images/homebg02.jpg);
}

.homebg03 {
    background-image: url(/import/tenant_1/160.16.114.151/html/images/homebg03.jpg);
}

.homebg04 {
    background-image: url(/import/tenant_1/160.16.114.151/html/images/homebg04.jpg);
}
[data-element-id] .ofiImg.tc{
  position: static;
  -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    padding-top: 20%;
}
.homebg04.tc {
    padding-top: 0;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.palbg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width:599px) {}

/*common*/

.section-title {
    font-size: 70px;
    font-weight: bold;
    font-family: 'Nanum Myeongjo',
        'Caveat',
        'Anton', YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
    letter-spacing: 8px;
    line-height: 1;
    color: #444;
}

.section-title:first-letter {
    color: #a9a9a9;
}

.tit01 {
    font-size: 70px;
    font-weight: bold;
    font-family: 'Nanum Myeongjo',
        'Caveat',
        'Anton', YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
    letter-spacing: 8px;
    line-height: 1;
    color: #444;
}

.tit02 {
    font-family: 'Poiret One', cursive;
    letter-spacing: 6px;
}

.more01 a {
    display: inline-block;
    max-width: 100%;
}

.more01 .btn01 {
    display: inline-block;
    width: 410px;
    max-width: 100%;
    text-align: center;
    position: relative;
    border: 1px solid #231916;
    padding: 10px 0;
}

.more01 .btn01:after {
    content: "";
    background: url(/import/tenant_1/160.16.114.151/html/images/common/btn_arrow.png) no-repeat right center;
    background-size: 100% auto;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 46px;
    height: 14px;
}

.more02 a {
    display: inline-block;
    max-width: 100%;
}

.more02 .btn01 {
    display: inline-block;
    position: relative;
    padding-left: 60px;
}

.more02 .btn01:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 30px;
    height: 2px;
    border-bottom: 1px solid;
}

.more03 a {
    max-width: 100%;
    display: inline-block;
}

.more03 a .btn01 {
    letter-spacing: 2px;
    display: inline-block;
    padding: .5em;
    border: 1px solid;
    text-align: center;
    width: 250px;
    max-width: 100%;
}

.more03 a .btn01 .arrow01 {
    padding: 0 1em;
    position: relative;
    display: inline-block;
}

.more03 a .btn01 .arrow01:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.more04 a {
    max-width: 100%;
    display: inline-block;
}

.more04 a .btn01 {
    letter-spacing: 2px;
    display: inline-block;
    padding: 0 .5em;
    border: 1px solid;
    text-align: center;
    max-width: 100%;
}

.more04 a .btn01 .arrow01 {
    padding: 0 1em;
    position: relative;
    display: inline-block;
}

.more04 a .btn01 .arrow01:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}


.cl01 > li {
    padding-left: 2em;
    position: relative;
}

.cl01 > li:before {
    content: "\f058";
    font-family: Font Awesome\ 5 Free;
    position: absolute;
    left: 0;
    font-size: 150%;
}

@media only screen and (max-width: 1024px) {
    .section-title {
        font-size: 50px;
    }
}

@media only screen and (max-width: 599px) {
    .section-title {
        width: 100%;
        margin: 20px auto 40px;
        text-align: center;
        position: relative;
        font-size: 30px;
    }
}

/*bread*/

.bread {
    margin: 3em 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}

.bread .inner {
    padding: 0 !important;
}

.bread * {
    font-family: 'Poiret One', "游ゴシック", YuGothic, cursive;
    letter-spacing: 4px;
}

.breadcrumbs a:after {
    content: "\f105";
    font-family: FontAwesome;
    display: inline-block;
    margin: 0 1.5em;
    font-size: 1.25em;
}

.breadcrumbs span {
    font-size: 14px;
    font-weight: 700;
}

.breadcrumbs > span:last-of-type,
.breadcrumbs .current-item {
    font-weight: 700;
}

.breadcrumbs a {
    display: inline-block;
}

.breadcrumbs a span {
    display: inline-block;
}

@media only screen and (max-width: 1024px) {

    .breadcrumbs span {
        font-size: 12px;
    }

    .breadcrumbs a:after {
        margin: 0 1em;
    }
}

@media only screen and (max-width: 599px) {

    .breadcrumbs span {
        font-size: 10px;
    }

    .breadcrumbs a:after {
        margin: 0 0.5em;
    }
}

/* header */
h1 {
    position: absolute;
    top: -200%;
}

#header {
    position: relative;
}

#header:after {
    content: "";
    position: absolute;
    width: 600px;
    max-width: 100%;
    height: 60vh;
    background-color: #f9f5f2;
    z-index: -1;
    top: 0;
    left: 0;
}

.headin {
    padding: 5% 0 100px 5%;
    position: relative;
    width: 100%;
    z-index: 6;
}

#header .main-logo {
    width: 15%;
}

.top-key {
    max-width: 1200px;
    width: 90%;
    margin: -10% auto 0;
    position: relative;
}
[data-element-id] .top-key{
  margin-top: 0;
}
.index .top-catch:not([data-element-id]) {
    position: absolute;
    top: 60%;
    left: -4%;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
    width: 100%;
    position: absolute;
    top: 50%;
    left: -4%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
    font-family: 'Poiret One', "游ゴシック", YuGothic, cursive;
    font-size: 60px;
    font-weight: bold;
    letter-spacing: 8px;
    font-size: calc(26px + ((1vw - 0px) * 1.6));
}

.top-reserve:not([data-element-id]) {
    position: fixed;
    right: 0;
    top: 0;
    max-width: 100%;
    width: 250px;
    z-index: 6;
}

.top-reserve .item a {
    color: #fff;
    text-align: center;
    display: block;
    padding: 10px 0;
    font-weight: 700;
}

.top-reserve .list .item:nth-of-type(2n+1) a {
    background-color: #599e68;
}

.top-reserve .list .item:nth-of-type(2n+2) a {
    background-color: #f9f5f2;
    color: #aaa;
}

@media only screen and (max-width: 1024px) {
    .top-reserve:not([data-element-id]) {
        position: fixed;
        top: auto;
        bottom: 0;
        width: -webkit-calc(100% - 70px);
        width: calc(100% - 70px);
        z-index: 6;
        right: auto;
        left: 0;
    }

    .top-reserve .list .item a {
        padding: 1em .5em;
    }
    
    .top-key:not([data-element-id]){
      width: 100%;
      margin: 0;
      margin-left: 6%;
      min-height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
    }
    
    .top-key.remove:not([data-element-id]){
      visibility: hidden;
    opacity: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    }
    
    .index .headin:not([data-element-id]){
      padding: 0;
    }
    
    .index #header .main-logo:not([data-element-id]){
      display: none;
    }
    
    .index .top-key .header-inn .ofiImg:not([data-element-id]){
      padding-top: 100vh;
    }
    
    .index .mainContentsBg:not([data-element-id]){
      background-color: #fff;
      margin-top: 100vh;
      position: relative;
      z-index: 2;
    }
    
    .index .top-reserve:not([data-element-id]){
      display: none;
    }
    
    .index .top-reserve.action:not([data-element-id]){
      display: block;
    }
}

@media only screen and (max-width: 599px) {

    .headin {
        padding: 20% 0 20% 5%;
    }

    #header .main-logo {
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 50%;
    }

    #header .top-catch {
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 70%;
        top: 80%;
    }

    .top-reserve-btn {
        max-width: 270px;
    }

    .top-reserve-btn a:after {
        content: none;
    }
}

/* Gnav */

#gnav {
    display: block !important;
    position: absolute;
    width: 42px;
    height: 42px;
    top: 50%;
    right: 1.5%;
    cursor: pointer;
    opacity: 0.8;
    z-index: 251;
}

#gnav.action {
    top: 40px;
    left: 10%;
    right: 0;
}

#gnav.fixed {
    position: fixed;
    top: 100px;
}

#gnav .menu-btn {
    position: relative;
    height: 100%;
}

#gnav .menu-btn span.n {
    display: block;
    background: #888;
    height: 2px;
    width: 28px;
    text-indent: 9999px;
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    -webkit-transition: ease .40s;
    -o-transition: ease .40s;
    transition: ease .40s;
}

#gnav .menu-btn span.n:before {
    display: block;
    content: "";
    background: #888;
    height: 2px;
    width: 28px;
    position: absolute;
    top: -10px;
    left: 0;
}

#gnav .menu-btn span.n:after {
    display: block;
    content: "";
    background: #888;
    height: 2px;
    width: 28px;
    position: absolute;
    top: 10px;
    left: 0;
}

#gnav.action .menu-btn span.n {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-top: none;
}

#gnav.action .menu-btn span.n:after,
#gnav.action .menu-btn span.n:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 0;
    left: 0;
    border-top: none;
}

#gnav .accordion-body {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    -webkit-transition: all ease .8s, opacity ease 1s;
    -o-transition: all ease .8s, opacity ease 1s;
    transition: all ease .8s, opacity ease 1s;
    padding: 0;
    border: none;
    padding-bottom: 0;
    background: rgba(255, 255, 255, 0.85);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    z-index: -10;
}

#gnav.action .accordion-body {
    height: 100vh;
    opacity: 1;
    padding: 40px 0 0 0;
    z-index: 250;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

#gnav .accordion-inner {
    width: 65%;
    padding-top: 50px;
    margin: 0 25% 0 10%;
}

#gnav li.gitem {
    display: block !important;
    width: 100%;
    text-align: center;
    float: none;
    border: none !important;
    padding: 0 !important;
    margin-top: 0;
}

#gnav li.gitem:hover:before {
    display: none;
}

#gnav * {
    font-family: 'Poiret One', "游ゴシック", YuGothic, cursive;
    font-weight: 700;
    letter-spacing: 4px;
}

#gnav .glist li.gitem a {
    height: auto;
    display: block;
    text-align: left;
    padding: 10px 15px;
    border: none !important;
    font-size: 20px;
}

#gnav .glist li.gitem .item {
    padding-left: 1em;
}

#gnav .glist li.gitem .a {
    height: auto;
    display: block;
    text-align: left;
    padding: 10px 15px;
    border: none !important;
    font-size: 20px;
}

#gnav .glist li.acItem .acHead {
    position: relative;
    padding-right: 1.5em;
    display: inline-block;
}

#gnav .glist li.acItem .acHead:after {
    content: "+";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 300%;
}

.overlay {
    height: 100%;
    overflow: hidden;
}

.overlay:after {
    content: "";
    width: 100%;
    height: 100vh;
    background: rgba(219, 211, 188, 0.85);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 150;
}

#gnav.action .menu-btn {
    left: 10%;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background: #fff;
    z-index: 300;
}

#gnav .menu-in-logo {
    text-align: center;
    margin: 50px !important;
}

#gnav .menu-in-logo a {
    display: inline-block;
    max-width: 150px;
}

#gnav .online-reserve {
    border: 1px solid #231916;
    position: absolute;
    right: 5%;
    top: 40px;
    max-width: 200px;
    width: 100%;
    text-align: center;
}

#gnav .online-reserve a {
    display: block;
    padding: 10px 0;
}

#gnav .social-btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#gnav .social-btn-box .icon-box {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .5em;
}

#gnav .social-btn-box .icon-box p {
    margin: 0 0 10px;
    text-align: center;
}

#gnav .social-btn-box .icon-box p a {
    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;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#gnav .social-btn-box .txt {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    line-height: 90%;
    margin: .5em;
}

#gnav .social-btn-box .sns-text {
  font-size: 10px;
}

@media only screen and (max-width: 1024px) {
    #gnav {
        display: block !important;
        position: fixed;
        width: 42px;
        height: 42px;
        top: 0;
        right: 0;
        left: 0;
        cursor: pointer;
        opacity: 0.8;
        z-index: 251;
    }

    #gnav.action {
        top: 0;
        left: 0;
    }

    #gnav.fixed {
        top: 0;
    }

    #gnav.action .menu-btn {
        left: 0;
    }

    #gnav.action .accordion-body {
        padding: 20px 0 0 0;
    }

    #gnav .menu-in-logo {
        text-align: left;
        margin: 0 0 0 50px;
    }

    #gnav .online-reserve {
        top: 20px;
    }

    .overlay:after,
    #gnav.action .accordion-body {
        height: 100vh;
    }

    #gnav .social-btn-box {
        position: relative;
        right: 0;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 80%;
        margin: 0 auto;
    }

    #gnav .social-btn-box .icon-box {
        width: 100%;
        max-width: 768px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    #gnav .social-btn-box .txt {
        -webkit-writing-mode: inherit;
        -ms-writing-mode: inherit;
        writing-mode: inherit;
        text-align: center;
        width: 100%;
    }

    #gnav .glist {
        width: 80%;
        margin: 0 auto;
        margin-bottom: 30px !important;
        padding-top: 0 !important;
    }

    #gnav li.gitem {
        border-bottom: 1px solid #231916 !important;
    }

    #gnav li.gitem:first-child {
        border-top: 1px solid #231916 !important;
    }
    
    #gnav .social-btn-box .icon-box p {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media only screen and (max-width: 599px) {

    #gnav .menu-in-logo {
        text-align: center;
        margin: 0;
    }

    #gnav .online-reserve {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 110%;
    }

    #gnav .glist li.gitem a,
    #gnav .glist li.gitem .a {
        font-size: 16px;
    }
}

/* footer */
.index .footer-access .left,
.index .footer-access .right {
    width: 50%;
}

.index .footer-access .left {
    background-color: #231916;
    padding: 5% 4% 5% 9%;
}

.index .footer-access dl:not(:last-child) {
    border-bottom: 1px solid #fff;
}

.index .footer-access dl {
    padding: 20px 0;
}

.index .footer-access dt,
.index .footer-access dd,
.index .footer-access a {
    color: #fff;
}

.index .footer-access dt {
    font-weight: bold;
    width: 30%;
}

.index .footer-access dd {
    width: 70%;
}

.index .footer-access dd span {
    display: block;
    margin-bottom: 20px;
}

.index .footer-access .btn {
    border: 1px solid #fff;
    margin: 0 0 0 auto;
}

.index .footer-access .btn a:after {
    background: url(/import/tenant_1/160.16.114.151/html/images/common/arrow_wh.png) no-repeat right center;
}

#footer .inner {
    padding: 0;
}

#footer .footer-cont {
    padding: 60px 0 0 0;
}

.footer-cont .logo a {
    display: inline-block;
    max-width: 150px;
}

#footer .footer-cont .logo,
#footer .footer-cont .catch {
    text-align: center;
    margin-bottom: 30px;
}

#footer .footer-cont .sns-icon {
    max-width: 130px;
    margin: 0 auto 40px;
}

.footshopbox {
    margin-bottom: 40px;
}

.footshopbox .add {
    margin: 40px 0;
}

.footshopbox .tel {
    margin: 40px 0;
}

.footshopbox .tel .fc {
    color: #a9a9a9;
    font-size: 80%;
    display: inline-block;
    margin-right: .5em;
}

.footshopbox .res a {
    letter-spacing: 4px;
    display: inline-block;
    padding: .25em 1em;
    border: 1px solid;
    text-align: center;
    width: 200px;
    max-width: 100%;
}

.footshopbox .res a .inb {
    padding: 0 1em;
    position: relative;
}

.footshopbox .res a .inb:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

}

.foot-nav {
    margin: 0 0 60px;
}

.foot-nav li {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 16.666%;
    font-size: 18px;
}

.foot-nav li a {
    text-align: center;
    padding: 1em;
    display: block;
}

.copyright {
    text-align: center;
    padding: 0.5em;
}

.totop {
    position: fixed !important;
    z-index: 100;
    right: 2%;
    bottom: 2%;
    width: 70px;
    height: 59px;
    opacity: 0.9;
}

.totop a {
    background-color: #353535;
    color: #fff;
    display: block;
    position: relative;
    line-height: 120%;
    text-align: center;
    position: relative;
    line-height: 32px;
    padding: 17px 0 0 0;
}

.totop a:after {
    content: "▲";
    position: absolute;
    left: 50%;
    top: 0px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media only screen and (max-width: 1024px) {

    .index .footer-access .left,
    .index .footer-access .right {
        width: 100%
    }

    .index .footer-access .left {
        padding: 5%;
    }

    .index .footer-access .left .btn {
        margin: 0 auto;
    }

    .footer-cont .logo a {
        max-width: 100px;
    }

    .foot-nav li {
        width: 25%;
        font-size: 16px;
    }
    .totop {
        bottom: 0;
        right: 0;
        height: auto;
    }
}

@media only screen and (max-width: 599px) {

    .footshopbox .add {
        margin: 20px 0;
    }

    .footshopbox .tel {
        margin: 20px 0;
    }

    .foot-nav li {
        width: 50%;
        font-size: 14px;
    }
}

/* btn要素 */
.btn {
    border: 1px solid #231916;
    font-weight: bold;
    max-width: 410px;
}

.btn a {
    display: block;
    position: relative;
    text-align: center;
    padding: 10px 0;
}

.btn a:after {
    content: "";
    background: url(/import/tenant_1/160.16.114.151/html/images/common/btn_arrow.png) no-repeat right center;
    background-size: 100% auto;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 46px;
    height: 14px;
}

/* originalフォントのimg */
.og-font img {
    width: 100%;
    height: auto;
}

/* 下層共通 */
.second-key p {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.second #gnav {
    top: 15%;
}

.second #gnav.fixed {
    top: 100px;
}

.second #gnav.action {
    top: 40px;
}

.second h2 {
    text-align: center;
    margin: 0 0 80px;
}

.second h2 span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.second h2 span:before,
.second h2 span:after {
    content: "";
    display: block;
    background-color: #000;
    min-width: 40px;
    height: 1px;
}

.second h2 span:before {
    margin-right: 1em;
}

.second h2 span:after {
    margin-left: 1em;
}

.second #main {
    border-bottom: 1px solid #353535;
}

.mvbx .page-title,
.mvbx .page-title * {
    font-family: 'Poiret One', "游ゴシック", YuGothic, cursive;
    letter-spacing: 10px;
}

.mvbx .page-title > .inb {
    display: inline-block;
    position: relative;
    padding: 0 2.5em;
}



.mvbx .page-title > .inb:before,
.mvbx .page-title > .inb:after {
    content: "";
    border-bottom: 1px solid;
    width: 1em;
    height: 2px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.mvbx .page-title > .inb:before {
    left: 0;
}

.mvbx .page-title > .inb:after {
    right: 0;
}

.mvbx .page-title .inb .inb{
  display: inline-block;
}

.mvbx .page-title .inb .inb:before,.mvbx .page-title .inb .inb:after{
  content: none;
}

@media only screen and (max-width: 1024px) {
    .second #gnav {
        top: 0;
    }

    .second #gnav.action {
        top: 0;
    }

    .second h2 {
        margin: 0 auto 60px;
    }
}

@media only screen and (max-width: 599px) {
    .second h2 {
        margin-bottom: 40px;
        width: 100%;
    }

    .second h2 img {
        max-height: 35px;
        width: auto;
    }

    .second h3 img {
        max-height: 32px;
        width: auto;
    }

    .second h4 img {
        max-height: 26px;
        width: auto;
    }

    .mvbx .page-title,
    .mvbx .page-title * {
        letter-spacing: 7px;
    }
}

/* pagenav */

.pagenav {
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #353535;
    padding: 40px 0 0 0;
}

.pagenav ul {
    text-align: center;
}

.pagenav li {
    display: inline-block;
}

.pagenav li a {
    color: #aaaaaa;
    padding: 10px 20px;
    display: block;
    font-weight: bold;
}

.pagenav .prev a {
    padding-left: 6px;
}

.pagenav .next a {
    padding-right: 6px;
}

.pagenav li.st a,
.pagenav li a:hover {
    color: #231916;
}

@media only screen and (max-width: 599px) {
    .pagenav {
        margin-bottom: 40px;
    }

    .pagenav li {
        width: calc(100% / 8);
    }
}

/* index */

.concept-section .concept-box .left {
    width: 34%;
}

.concept-section .concept-box .right {
    width: 58%;
}

.concept-section .concept-box .left .txt {
    margin-bottom: 50px;
    line-height: 250%;
}

.hair-section .left {
    width: 33%;
}

.hair-section .left .msg,
.menu-section .msg,
.news-section .msg {
    position: relative;
    padding: 0 0 0 50px;
}

.hair-section .left .msg:after,
.menu-section .msg:after,
.news-section .msg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0.7rem;
    border-top: 2px solid #231916;
    width: 40px;
    height: 2px;
}

.hair-section .section-title {
    position: relative;
}

.hair-section .section-title:after {
    content: "";
    position: absolute;
    right: -3%;
    top: 50%;
    background-color: #f9f5f2;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    -webkit-box-shadow: 10px 10px 0 #d4c6bc;
    box-shadow: 10px 10px 0 #d4c6bc;
}

.hair-section .right {
    width: 58%;
    margin: 0 auto 4% auto;
}

.hair-section .right .hair-menu {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.hair-section .right .hair-menu li {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    margin-bottom: 20px;
}

.hair-section .right .hair-menu a {
    color: #a7a7a7;
    border-bottom: 2px solid #a7a7a7;
}

.hair-section .right .hair-menu a:hover {
    color: #ff8484;
    border-bottom: 4px solid #ff8484;
}

.top-hair-garelly {
    width: 74%;
    margin: 0 auto;
    position: relative;
}

.top-hair-garellylist li {
    width: 45%;
}

.top-hair-garellylist li a {
    display: block;
}

.top-hair-garellylist li:nth-of-type(1) {
    margin: 40px 0;
}

.top-hair-garellylist li:nth-of-type(2) {
    width: 38%;
    margin: 0 7% 40px 10%;
}

.top-hair-garellylist li:nth-of-type(3) {
    width: 40%;
    margin-top: -33px;
}

.top-hair-garellylist li:nth-of-type(4) {
    width: 34%;
    margin-bottom: 40px;
    margin-right: 14%;
}
.top-hair-garellylist{
  padding-bottom: 20px;
}
.top-hair-garellylist li:nth-of-type(4n+2) .ofiImg{
  padding-top: 140%;
}

.top-hair-garellylist li:nth-of-type(4n+3) .ofiImg{
  padding-top: 140%;
}

.top-hair-garellylist li:nth-of-type(4n+4) .ofiImg{
  padding-top: 120%;
}

.top-hair-garelly .btn {
    display: block;
    width: 360px;
    max-width: 100%;
    margin: 0 !important;
    position: absolute;
    bottom: 0;
    right: 0;
}

.staff-section .staff-thumb {
    overflow: hidden;
    margin-bottom: 20px;
}

.staff-section .staff-thumb a {
    display: block;
}

.staff-section dd {
    font-weight: bold;
}

.staff-section .btn {
    margin: 50px 0 0 auto;
}

.top-staff-list li {
    width: 20%;
    margin: 2.5%;
}

.top-staff-list li dt {
    margin-top: 20px;
    text-align: center;
    color: #aaaaaa;
    font-weight: normal;
    height: inherit !important;
}

.top-staff-list li dd {
    margin-top: 10px;
    text-align: center;
}

.top-staff-list li dd.reserve {
    width: 80%;
    border: solid 1px #999;
    padding: 10px;
    margin: auto;
    margin-top: 20px;
}

.menu-section {
    position: relative;
}

.menu-section:before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 700px;
    background-color: #f9f5f2;
    z-index: -1;
    top: 50%;
    right: 0;
}

.menu-section:after {
    content: "";
    position: absolute;
    width: 1200px;
    height: 700px;
    background-color: #d4c6bc;
    z-index: -1;
    top: 50%;
}

.menu-section .menu-list li {
    width: 21%;
    max-width: 48%;
    margin: 2%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.menu-section .menu-list li:nth-child(1) {
    margin-top: 0px;
}

.menu-section .menu-list li:nth-child(2) {
    margin-top: 40px;
}

.menu-section .menu-list li:nth-child(3) {
    margin-top: 80px;
}

.menu-section .menu-list li:nth-child(4) {
    margin-top: 120px;
}

.menu-section .menu-list dt {
    font-size: 28px;
    font-weight: bold;
    margin: 10px 0;
}

.menu-section .btn {
    margin: 0 auto;
}

.news_inner {
    width: 90%;
    background-color: #f9f5f2;
    margin: 0 auto;
}

.news_inner .inner {
    margin-bottom: 60px;
}

.top-news-box li .thumb {
    width: 34%;
}

.top-news-box li a {
    display: block;
}

.top-news-box li dl {
    width: 62%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.top-blog-box {
    margin-bottom: 60px;
}

.top-blog-box h3 {
    text-align: center;
}

.top-blog-box .blog-list .thumb {
    margin-bottom: 30px;
}

.top-blog-box .blog-list a {
    display: block;
}

.post-btn {
    border: none;
    border-bottom: 1px solid #231916;
    max-width: 250px;
    margin: 50px 0 0 auto;
}

.post-btn a {
    text-align: left;
}

.top-blog-box .inn {
    width: 92%;
    max-width: 1200px;
    margin: auto;
}

.salon-list li {
    width: 30%;
    margin: 0 1%;
}

.salon-list li:nth-of-type(n+4) {
    margin-top: 30px;
}

.salon-list li a {
  display: block;
}

.salon-list li dt {
    margin-top: 10px;
    font-weight: 700;
    text-align: center;
}

.salon-list li dd {
    margin: 1em 0;
}

.salon-list li .btnbox {
    margin-top: 15px;
}

.salon-list li .btnbox .btn01 {
    width: 38%;
    border: solid 1px #333;
    color: #333;
    margin: 1%;
    text-align: center;
    font-weight: bold;
    max-width: 410px;
}

.salon-list li .btnbox .btn01 a {
    padding: 0.5em;
    display: block;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.salon-list li .shopimg {
    width: 50%;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 30px;
}

.salon-list li .instagram {
    font-size: 30px;
    margin: 0 3%;
}

.instagram-widget {
    margin-bottom: 60px;
}

.instagram-widget h3 {
    text-align: center;
}

.instagram-widget ul li {
    width: calc(100% / 6);
}

.instagram-widget ul li a {
    display: block;
}

.instagram-widget .btn {
    margin: 0 auto;
}

.instagram-widget .insta-list {
    margin-bottom: 40px;
}

.top-staff-box li {
    width: 20%;
    margin: 2%;
    max-width: inherit;
}

.top-staff-box li a {
    display: block;
}

.recruit-section .top-recruit-box {
    position: relative;
}

.recruit-section .top-recruit-box .left {
    width: 38%;
}

.recruit-section .top-recruit-box .left .top-pic {
    width: 65%;
    position: relative;
    z-index: 2;
}

.recruit-section .top-recruit-box .left .bottom-pic {
    width: 67%;
    margin: -40px 0 0 33%;
}

.recruit-section .top-recruit-box .right {
    width: 24%;
}

.recruit-section .top-recruit-box .txt-box {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 34%;
}

.recruit-section .top-recruit-box .txt-box h4 {
    margin-bottom: 40px;
}

.recruit-section .top-recruit-box .txt-box .msg {
    margin-bottom: 30px;
}

.homeskillbox .pbox .pic {
    position: relative;
}

.homeskillbox .pbox .pic:before {
    content: "";
    position: absolute;
    left: 10%;
    top: 10%;
    width: 100%;
    height: 100%;
    background-color: #f9f5f2;
}

.salon-section {
    background-color: #d8d8d8;
    background-image: url(/import/tenant_1/160.16.114.151/html/images/wall01.png);
}

.top-link .inner1 {
    padding: 0;
}

.top-link li {
    width: 31%;
    margin: 1%;
    position: relative;
    background: #000;
}

.top-link dl {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: rgb(255, 255, 255, 0.7);
    width: 150px;
    height: 100px;
    max-width: 90%;
    max-height: 90%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.top-link li a dt,
.top-link li a dd {
    color: #444;
    text-align: center;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 700;
}

.top-link li a dt,
.top-link li a dd: {
    color: #000000;
}

.top-link .ofiImg.tc:before {
        content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    pointer-events: none;
}

@media only screen and (max-width: 1024px) {
    .concept-section .concept-box .left {
        width: 100%;
    }

    .concept-section .concept-box .right {
        margin: 0;
        width: 100%;
    }

    .concept-section .concept-box .right .img-left {
        padding: 0;
    }

    .concept-section .btn {
        margin: 0 auto 30px;
    }

    .hair-section .left {
        width: 100%;
        margin-bottom: 40px;
    }

    .hair-section .right {
        width: 100%;
    }
    .salon-list li {
      width: 48%
    }
    
    .salon-list li:nth-of-type(n+3) {
    margin-top: 30px;
    }
    
    .top-hair-garelly {
        width: 100%;
    }

    .top-hair-garelly .left {
        width: 45%;
    }

    .top-hair-garelly .right {
        width: 45%;
    }

    .top-hair-garelly .left p:first-child {
        margin: 0 0 40px;
    }

    .top-hair-garelly .left p:nth-child(2) {
        width: 100%;
    }

    .top-hair-garelly .right p:first-child {
        width: 100%;
    }

    .top-hair-garelly .right p:nth-child(2) {
        width: 100%;
    }
    
    .top-hair-garelly .btn{
      width: 280px;
    }

    .hair-section .hair-menu {
        margin: 0 0 40px;
    }

    .hair-section .left .msg,
    .menu-section .msg,
    .news-section .msg {
        padding: 0 0 0 30px;
    }

    .hair-section .left .msg:after,
    .menu-section .msg:after,
    .news-section .msg:after {
        width: 20px;
    }

    .top-staff-list li {
        width: 45%;
    }

    .menu-section .menu-list,
    .news-section .top-news-box,
    .top-blog-box .blog-list {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .menu-section .menu-list li:nth-child(2),
    .menu-section .menu-list li:nth-child(3),
    .news-section .msg,
    .news-section .top-news-box li {
        margin: 0 0 30px;
    }

    .top-blog-box .blog-list {
        margin: 0 2%;
    }

    .recruit-section .top-recruit-box .txt-box {
        position: relative;
        left: 0;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 100%;
        margin-bottom: 40px;
    }

    .recruit-section .top-recruit-box .txt-box .btn {
        margin: 0 auto;
    }

    .recruit-section .top-recruit-box .left,
    .recruit-section .top-recruit-box .right {
        width: 47%;
    }

    .instagram-widget ul li {
        width: calc(100% / 3)
    }

    .top-link li {
        width: 48%;
    }
}

@media only screen and (max-width: 599px) {

    .hide {
        display: none;
    }

    .open {
        display: block;
    }

    .concept-section .concept-box {
        position: relative;
        padding-bottom: 80px;
    }

    .concept-section .concept-box .btn {
        width: 100%;
        position: absolute;
        bottom: 0;
        margin: 0 auto;
    }

    .concept-section .section-title img {
        width: 50%;
    }

    .hair-section .section-title img {
        width: 30%;
    }

    .staff-section .section-title img {
        width: 44%;
    }

    .menu-section .section-title img {
        width: 36%;
    }

    .news-section .section-title img {
        width: 38%;
    }

    .top-blog-box .section-title img {
        width: 29%;
    }

    .instagram-widget .section-title img {
        width: 70%;
    }

    .recruit-section .section-title img {
        width: 50%;
    }

    .top-blog-box .box-inn,
    .instagram-widget .box-inn {
        width: 94%;
        max-width: 450px;
        padding: 30px 0;
        margin: auto;
    }

    .top-hair-garelly {
        position: relative;
        padding: 0 0 40px;
    }

    .top-hair-garelly .btn {
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .salon-list li {
        width: 100%;
        margin: 0 0 40px;
    }
    .salon-list li:nth-of-type(n+3) {
        margin-top: 0;
    }
    .top-staff-box li {
        width: 46%;
        margin: 2%;
    }
    .top-link li a dt, .top-link li a dd{
      font-size: 18px;
    }
}

/* menu */

.menu .inner .left {
    width: 47%;
}

.menu .inner .right {
    width: 42%;
}

.menu .inner .right {
    padding-left: 1.5em;
    padding-bottom: 1.5em;
    position: relative;
}

.menu .inner .right .tit02 {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 12.5%;
    font-size: 40px;
}

.menu .inner .right .ofiImg:after {
    content: "";
    position: absolute;
    left: 1.5em;
    top: 1.5em;
    width: 100%;
    height: 100%;
    background-color: #f9f5f2;
    z-index: -1;
}

.menu .inner:nth-child(odd) .menu-box .right {
    padding-left: 0;
    padding-right: 1.5em;
}

.menu .inner:nth-child(odd) .menu-box .right .ofiImg:after {
    left: auto;
    right: 1.5em;
}

.menu .inner:nth-child(odd) .menu-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.menu .inner dl {
    padding: 10px 0;
    border-bottom: 1px solid #c9c9c9;
}

.menu .inner dl:last-of-type {
    margin-bottom: 30px;
}

.menu .inner dt,
.menu .inner dd {
    font-weight: bold;
}

.menu .inner dt {
    width: 50%;
}

.menu .inner dd {
    width: 50%;
    text-align: right;
}

@media only screen and (max-width: 1024px) {

    .menu .inner dt,
    .menu .inner dd {
        width: 100%;
    }

    .menu .inner .right .tit02 {
        top: 20%;
        font-size: 30px;
    }
}

@media only screen and (max-width: 599px) {

    .menu .inner .left,
    .menu .inner .right {
        width: 100%;
    }

    .menu .inner .right {
        margin-bottom: 20px;
        padding: 0 1.5em 1.5em !important;
    }

    .menu .inner .right .tit02 {
        position: static;
        margin: .5em 0 0;
    }

    .menu .inner .right .ofiImg {
        display: none;
    }
}

/* staff */

.staff .annai {
    border-bottom: 1px solid #c9c9c9;
    position: relative;
    padding: 0 0 20px 35px;
    margin-bottom: 50px;
}

.staff .annai:before,
.staff .schedule:before,
.staff_detail .schedule-box .title:before {
    content: "";
    background: url(/import/tenant_1/160.16.114.151/html/images/staff/icon_cr.png) no-repeat left top;
    background-size: 100% auto;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 0;
}

.staff .staff-section ul li dd {
    margin-bottom: 20px;
}

.staff .schedule {
    position: relative;
    padding: 0 0 0 35px;
}

.staff .schedule p {
    width: 50%;
}

.staff_detail .left {
    width: 38%;
}

.staff_detail .right {
    width: 58%;
}

.staff_detail .staff-photo {
    margin-bottom: 20px;
}

.staff_detail_area .flexb {
    margin-bottom: 40px;
}

.sns-btn p {
    text-align: center;
    width: 32%;
}

.sns-btn p a {
    background-color: #d2d2d2;
    display: block;
    font-weight: bold;
    position: relative;
    padding: 5px 0;
}

.sns-btn p a[href=""]{
  display: none;
}

.sns-btn p a:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sns-btn .bt-fb a:before {
    background: url(/import/tenant_1/160.16.114.151/html/images/common/detail_icon_fb.png) no-repeat left center;
    background-size: 80% auto;
    left: 10px;
    width: 13px;
    height: 25px;
}

.sns-btn .bt-tw a:before {
    background: url(/import/tenant_1/160.16.114.151/html/images/common/detail_icon_tw.png) no-repeat left center;
    background-size: 80% auto;
    left: 10px;
    width: 25px;
    height: 20px;
}

.sns-btn .bt-ins a:before {
    background: url(/import/tenant_1/160.16.114.151/html/images/common/detail_icon_ins.png) no-repeat left center;
    background-size: 80% auto;
    left: 5px;
    width: 25px;
    height: 25px;
}

.staff_detail .name-box {
    margin-bottom: 40px;
}

.staff_detail .name-box p {
    font-weight: bold;
}

.staff_detail .prof-box {
    margin-bottom: 40px;
    line-height: 2em;
}

.staff_detail .schedule-box {
    border-top: 1px solid #c9c9c9;
    padding-top: 20px;
}

.staff_detail .schedule-box .title {
    position: relative;
    padding: 0 0 0 35px;
    margin-bottom: 20px;
}

.staff_detail .btn {
    margin: 0 auto;
}

.staffdatabox a {
    display: block;
}

.staff01box .shopname {
    border-bottom: 1px solid #eee;
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
}

.staff01box .shopname .logo .inb {
    display: inline-block;
    max-width: 100px;
}

.styling-area-item a {
    display: block;
}

@media only screen and (max-width: 1024px) {

    .staff_detail .left,
    .staff_detail .right {
        width: 100%;
    }

    .staff_detail .sns-btn p a {
        font-size: 16px;
    }

    .staff_detail .right {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .staff_detail .name-box {
        width: 100%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    
    .staff_detail .name-box p {
    text-align: center;
}
    
    .staff_detail .datalist {
        width: 100%;
    }

    .staff_detail .prof-box {
        width:100%;
    }

    .staff_detail .schedule-box {
        width: 100%;
    }
}

@media only screen and (max-width: 599px) {
    .staff .schedule p {
        width: 100%;
    }

    .staff_detail .sns-btn p {
        width: 31%;
    }

    .staff_detail .sns-btn p a {
        padding: 30px 0 5px;
    }

    .staff_detail .sns-btn p a:before {
        left: 50% !important;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 5px;
    }

    .staff_detail .name-box {
        width: 100%;
    }

    .staff_detail .prof-box {
        width: 100%;
    }

    .staff_detail .name-box p {
        text-align: center;
    }
}

/* salon */
.salon .salon-gallery .right li {
    width: 47%;
    margin-bottom: 5%;
    cursor: pointer;
}

.salon .salon-gallery .left {
    overflow: hidden;
}

.salon .salon-data-box .left,
.salon .salon-data-box .right {
    width: 47%;
}

.salon .salon-data-box .logo {
    width: 35%;
}

.salon .salon-data-box .catch {
    width: 60%;
    text-align: right;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.salon .salon-data-box .tel {
    position: relative;
    font-weight: bold;
    padding-left: 45px;
}

.salon .salon-data-box .tel:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/import/tenant_1/160.16.114.151/html/images/salon/icon_tel.png) no-repeat left center;
    background-size: 100% auto;
    width: 36px;
    height: 40px;
}

.salon .salon-data-box .btn {
    width: 100%;
    max-width: 660px;
}

.salon .salon-data-box .address-box,
.salon .salon-data-box .time-box {
    position: relative;
    padding: 0 0 0 40px;
}

.salon .salon-data-box .address-box:before,
.salon .salon-data-box .time-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}

.salon .salon-data-box .address-box:before {
    background: url(/import/tenant_1/160.16.114.151/html/images/salon/icon_pin.png) no-repeat left top;
    background-size: 100% auto;
    width: 20px;
    height: 30px;
}

.salon .salon-data-box .left .iwbox{
  -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
}
.salon .salon-data-box .left .iwbox .instagram{
  margin-left: .5em;
}
.salon .salon-data-box .time-box:before {
    background: url(/import/tenant_1/160.16.114.151/html/images/salon/icon_watch.png) no-repeat left top;
    background-size: 100% auto;
    width: 25px;
    height: 25px;
}

.salon .salon-data-box .address-box {
    margin-bottom: 25px;
    width: 100%;
}

.salon .salon-data-box .address-box p {
    max-width: 335px;
}

.salon .salon-data-box .time-box {
    width: 100%;
    border-bottom: 1px solid #c9c9c9;
    padding-bottom: 30px;
    margin-bottom: 10px;
}

.salon .end-msg {
    text-align: center;
}

.salon #map {
    height: 50%;
}

.salon01box .logo .inb {
    display: inline-block;
    width: 200px;
    max-width: 50%;
}

.salon01box .card-list li {
    width: 17%;
    margin-bottom: 0;
}

.salonnavitem a {
    padding: .5em;
    position: relative;
    display: block;
}

.salonnavitem a:after {
    content: "\f078";
    font-family: 'FontAwesome';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-weight: 400;
    font-size: 50%;
    line-height: 100%;
}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 599px) {

    .salon .salon-data-box .left {
        margin-bottom: 20px;
    }

    .salon .salon-data-box .left,
    .salon .salon-data-box .right {
        width: 100%;
    }

    .salon .salon-data-box .logo,
    .salon .salon-data-box .catch {
        width: 100%;
    }

    .salon .salon-data-box .logo {
        width: 100%;
        text-align: center;
    }

    .salon .salon-data-box .logo img {
        width: 60%;
    }

    .salon .salon-data-box .catch {
        text-align: left;
    }
}

/* concept */

.concept h3 {
    width: 100%;
    text-align: center;
}

.concept .inner .pic {
    width: 83%;
    margin: 0 auto 40px;
}

.concept .msg {
    text-align: center;
}

.concept h4 {
    width: 100%;
    text-align: center;
}

.concept .title {
    text-align: center;
    margin-bottom: 25px;
    font-weight: 700;
}

.concept .philosopy-box {
    margin-bottom: 90px;
}

.concept .philosopy-box .msg {
    width: 58%;
    margin: 0 auto;
}

.concept .product-concept h3 {
    text-align: left;
}

.concept .product-concept .title {
    text-align: left;
}

@media only screen and (max-width: 1024px) {
    .concept .philosopy-box .msg {
        width: 83%;
    }
}

@media only screen and (max-width: 599px) {

    .concept .inner .pic,
    .concept .philosopy-box .msg {
        width: 100%;
    }

    .concept .msg {
        text-align: left;
    }

    .concept h3 {
        margin-bottom: 30px;
    }

    .concept h4 {
        margin-bottom: 30px;
    }

    .concept .inner .pic {
        margin-bottom: 60px;
    }

    .concept .inner {
        padding-bottom: 50px;
    }

    .concept .title {
        margin-bottom: 50px;
    }

    .concept .philosopy-box {
        margin-bottom: 120px;
    }
}

/* voice */
.voice .voice-list .thumb {
    max-width: 480px;
    overflow: hidden;
    border: 3px solid #c9c9c9;
    margin-bottom: 10px;
}

.voice .answer-box {
    background-color: #f9f5f2;
    padding: 25px 15px;
    max-width: 480px;
}

.voice .answer-box .data-box {
    border-bottom: 1px solid #231916;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.voice .answer-box .data-box span span {
    font-weight: bold;
}

.voice .answer-box .data-box .name,
.voice .answer-box .data-box .job {
    margin-right: 20px;
}

.voice .answer-box dt {
    margin-bottom: 10px;
}

.voice .answer-box dd {
    background: #fff;
    padding: 10px;
}

.voice .answer-box dd:not(:last-child) {
    margin-bottom: 10px;
}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 599px) {}

/* recruit */
.recruit h3 {
    text-align: center;
    margin-bottom: 30px;
}

.recruit .ruby {
    text-align: center;
    margin-bottom: 40px;
}

.recruit .rec-top-section {
    overflow: hidden;
}

.recruit .rec-top-box {
    position: relative;
    z-index: 5;
}

.recruit .rec-top-box h3 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    text-align: center;
}

.recruit .rec-top-box .msg {
    max-width: 600px;
    margin: 0 auto;
}

.recruit .rec-top-box .pix {
    width: 350px;
    max-width: 80%;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
}

.recruit .work-movie-box {
    max-width: 600px;
    margin: 0 auto;
}

.recruit .work-movie-box .title {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    text-align: center;
}

.recruit .work-movie-box .movie {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56%;
}

.recruit .work-movie-box .movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.recruit .pleasant-box .inner {
    position: relative;
}

.recruit .pleasant-box .msg-box {
    width: 57%;
    margin: 0 auto;
}

.recruit .pleasant-box .msg-box h3 {
    color: #82705c;
    text-align: left;
}

.recruit .pleasant-box .msg-box .catch {
    margin-bottom: 40px;
}

.recruit .pleasant-box .msg-box .catch p {
    position: relative;
    font-weight: bold;
    padding: 0 0 0 49px;
    width: 50%;
}

.recruit .pleasant-box .msg-box .catch p:before {
    content: "";
    background: url(/import/tenant_1/160.16.114.151/html/images/recruit/icon_heart.png) no-repeat left center;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 39px;
    height: 38px;
}

.recruit .pleasant-img,
.recruit .bg-right {
    position: absolute;
}

.recruit .pleasant-img {
    top: 30px;
    left: 0;
    width: 20%;
}

.recruit .pleasant-img span {
    display: block;
    width: 220px;
    height: 220px;
    background: url(/import/tenant_1/160.16.114.151/html/images/recruit/bg_bbq.png) no-repeat left top;
    background-size: 100% auto;
    position: relative;
}

.recruit .pleasant-img img {
    width: 90%;
}

.recruit .bg-right {
    right: 0;
    bottom: 0;
    width: 23%;
}

.recruit .study-box .thumb {
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 18px;
}

.recruit .message-box * {
    color: #fff;
}

.recruit .message-box .left,
.recruit .message-box .right {
    width: 50%;
}

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

.recruit .message-box .left {
    background-color: #626262;
    /* padding: 4%; */
    padding: 3%;
}

.recruit .message-box h3 {
    text-align: center;
}

.recruit .message-box .ruby {
    text-align: center;
    margin-bottom: 50px;
}

.recruit .message-box .msg {
    margin-bottom: 30px;
}

.recruit .message-box .end {
    text-align: right;
}

.recruit .message-box .left p {
    color: #fff;
}

.recruit .message-box .right .trimmingInner {
    height: 100%;
}

.recruit .message-box .right img {
    width: 124% !important;
}

.recruit .staff-voice-box h3 {
    text-align: center;
    margin-bottom: 30px;
}

.recruit .staff-voice-box .ruby {
    text-align: center;
    margin-bottom: 40px;
}

.recruit .staff-voice-box li {
    border: 10px solid #e5e5e5;
    padding: 2%;
}

.recruit .staff-voice-box .staff-name {
    margin-bottom: 30px;
}

.recruit .staff-voice-box .staff-name .thumb {
    width: 42%;
}

.recruit .staff-voice-box .staff-name .right {
    width: 50%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 0 0 0 2%;
}

.recruit .staff-voice-box .staff-name .right p:first-child {
    font-weight: bold;
}

.recruit .staff-voice-box dl dt {
    color: #626262;
    font-weight: bold;
    margin-bottom: 20px;
}

.recruit .staff-voice-box dl:not(:last-child) {
    margin-bottom: 30px;
}

.faq .faq-section .faq-list:not(:last-child) {
    margin-bottom: 30px;
}

.faq .faq-section .faq-list dt {
    background-color: #d4c6bc;
    color: #fff;
    font-weight: bold;
    padding: 5px 0 5px 42px;
    position: relative;
    cursor: pointer;
}

.faq .faq-section .faq-list dt:before,
.faq .faq-section .faq-list dt:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.faq .faq-section .faq-list dt:before {
    background: url(/import/tenant_1/160.16.114.151/html/images/recruit/recruit_Q.png) no-repeat left center;
    background-size: 100% auto;
    left: 10px;
    width: 22px;
    height: 26px;
}

.faq .faq-section .faq-list dt:after {
    right: .5em;
    top: 1em;
    -webkit-transition: -webkit-transform 0.5s linear;
    transition: -webkit-transform 0.5s linear;
    -o-transition: transform 0.5s linear;
    transition: transform 0.5s linear;
    transition: transform 0.5s linear, -webkit-transform 0.5s linear;
    content: "\f078";
    font-family: 'FontAwesome';
}

.faq .faq-section .faq-list dt.open:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform 0.5s linear;
    transition: -webkit-transform 0.5s linear;
    -o-transition: transform 0.5s linear;
    transition: transform 0.5s linear;
    transition: transform 0.5s linear, -webkit-transform 0.5s linear;
    top: 35%;
}
[data-element-id] .faq .faq-section .faq-list dd{
  display: block;
}
.faq .faq-section .faq-list dd {
    display: none;
    background-color: #fff;
    padding: 0 42px;
    margin: 20px 0;
}

.faq .faq-section .faq-list dd {
    position: relative;
}

.faq .faq-section .faq-list dd:before {
    content: "";
    background: url(/import/tenant_1/160.16.114.151/html/images/recruit/recruit_A.png) no-repeat right top;
    background-size: 100% auto;
    position: absolute;
    left: 10px;
    top: 0;
    width: 18px;
    height: 22px;
}

.recruit .requirements-table:not(:last-child) {
    margin-bottom: 40px;
}

.recruit .requirements-table dl:not(:last-child) {
    border-bottom: 2px solid #e5e5e5;
}

.recruit .requirements-table dl {
    padding: 18px 0;
}

.recruit .requirements-table dt {
    font-weight: bold;
    width: 30%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    padding: 0 0 0 20px;
}

.recruit .requirements-table dd {
    width: 70%;
}

.recruit .requirements-table .jyouken ul li {
    list-style-type: square;
    list-style-position: inside;
}

.recruit .requirements-table .fukuri {
    max-width: 438px;
    width: 70%;
}

.recruit .flow-section ul {
    margin-bottom: 20px;
}

.recruit .flow-section li {
    position: relative;
}

.recruit .flow-section li:not(:last-child) {
    margin-bottom: 100px;
}

.recruit .flow-section li:not(:last-child):after {
    content: "";
    background: url(/import/tenant_1/160.16.114.151/html/images/recruit/rec_arrow.png) no-repeat center bottom;
    background-size: 100% auto;
    position: absolute;
    left: 50%;
    bottom: -125%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 270px;
    height: 40px;
}

.recruit .flow-section li p {
    font-weight: bold;
    position: relative;
    padding: 0 0 0 90px;
}

.recruit .flow-section li p:before {
    color: #fff;
    background-color: #000;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.recruit .flow-section li:first-child p:before {
    content: "1";
}

.recruit .flow-section li:nth-child(2) p:before {
    content: "2";
}

.recruit .flow-section li:nth-child(2) p {
    line-height: 100%;
}

.recruit .flow-section li:nth-child(3) p:before {
    content: "3";
}

.recruit .flow-section li:nth-child(4) p:before {
    content: "4";
}

.recruit .flow-section li:last-child p:before {
    content: "5";
}

.recruit .flow-section li p span {
    font-weight: normal;
    display: block;
}

.recruit .form-box {
    max-width: 1000px;
    margin: 0 auto;
}

.recruit .form-box .caution-box {
    border: 3px solid #e5e5e5;
    padding: 20px 0;
    margin: 0 0 60px;
}

.recruit .form-box .caution-box .left {
    width: 14%;
    text-align: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.recruit .form-box .caution-box .msg {
    width: 73%;
}

.recruit .form-box .form dl {
    background-color: #e5e5e5;
}

.recruit .form-box .form dt {
    width: 27%;
    background-color: #e5e5e5;
    font-weight: bold;
    padding: 20px;
}

.recruit .form-box .form dd {
    width: 73%;
    background-color: #eeeeee;
    padding: 20px;
}

.recruit .form-box .age input {
    width: 10%;
    margin: 0 10px 0 0;
}

.recruit .form-box .seibetsu input,
.recruit .form-box .now input,
.recruit .form-box .keitai input {
    width: 5%;
}

.recruit .form-box .seibetsu label,
.recruit .form-box .now label,
.recruit .form-box .keitai label {
    margin: 0 40px 0 0;
}

.recruit .form-box .telephone input {
    width: 15%;
}

.recruit .form-box .btn {
    margin: 20px auto 0;
}

.rec-topstaffbox .pbox {
    max-width: 80%;
    margin: 20px auto;
}

.hairfaqlist .hairfaqitem:nth-of-type(5n+1) dt {
    background-color: #e6edf7;
}

.hairfaqlist .hairfaqitem:nth-of-type(5n+2) dt {
    background-color: #dbebc4;
}

.hairfaqlist .hairfaqitem:nth-of-type(5n+3) dt {
    background-color: #ffffff;
    border: 1px solid;
}

.hairfaqlist .hairfaqitem:nth-of-type(5n+4) dt {
    background-color: #ece9d8;
}

.hairfaqlist .hairfaqitem:nth-of-type(5n+5) dt {
    background-color: #fbdfd5;
}

.hairfaqitem dt {
    background-color: #d4c6bc;
    color: #666;
    font-weight: bold;
    padding: .25em 1.5em;
    position: relative;
}

.hairfaqitem dt .num {
    left: .5em;
    top: .25em;
    position: absolute;
}

.hairfaqitem dd {
    margin: 1.5em;
}

.productlist .h3s {
    margin-bottom: 30px;
    font-size: 42px;
    font-weight: 700;
    font-family: 'Poiret One', "游ゴシック", YuGothic, cursive;
    line-height: 140%;
    position: relative;
    text-align: left;
    letter-spacing: 4px;
}

.productlist .h3s .w {
    position: relative;
    display: inline-block !important;
    padding: 0 0 10px 0;
}

.productlist .h3s .w:before {
    content: "";
    width: 10000%;
    margin-left: -9900%;
    height: 1px;
    background: #4D5766;
    position: absolute;
    bottom: 0;
    left: 0;
}

.productlist .h3s .n {
    font-weight: normal;
    display: block;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    line-height: 120%;
}

.productlist dl {
    width: 21%;
    margin: 1% 2%;
}

.productlist dd.fs18 {
    font-weight: 700;
}

@media only screen and (max-width: 1024px) {

    .recruit .pleasant-box .msg-box {
        width: 100%;
        margin-bottom: 40px;
    }

    .recruit .pleasant-img {
        position: static;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .recruit .bg-right {
        width: 40%;
    }

    .recruit .message-box .left,
    .recruit .message-box .right {
        width: 100%;
    }

    .recruit .staff-voice-box li {
        margin: 0 auto 4%;
    }

    .recruit .flow-section li:not(:last-child):after {
        background-size: 50% auto;
    }

    .recruit .form-box .form dt,
    .recruit .form-box .form dd {
        width: 100%;
    }
}

@media only screen and (max-width: 599px) {

    .recruit .study-box .gr422 {
        width: 100%;
    }

    .recruit .staff-voice-box .staff-name .thumb,
    .recruit .staff-voice-box .staff-name .right {
        width: 100%;
    }

    .faq .faq-section .faq-list dt {
        padding-right: 25px;
    }

    .recruit .requirements-section h4 {
        text-align: center;
    }

    .recruit .requirements-table dt {
        text-align: center;
        margin-bottom: 10px;
    }

    .recruit .requirements-table dt,
    .recruit .requirements-table dd {
        width: 100%;
    }

    .recruit .flow-section li p {
        padding: 0 0 0 40px;
    }

    .recruit .flow-section li p:before {
        width: 30px;
        height: 30px;
        line-height: 30px;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .recruit .flow-section li:not(:last-child):after {
        background-size: 25% auto;
        bottom: -20%;
    }

    .recruit .flow-section li:nth-child(3):after,
    .recruit .flow-section li:nth-child(4):after {
        bottom: -50%;
    }

    .recruit .flow-section li:not(:last-child) {
        margin-bottom: 40px;
    }

    .recruit .form-box .caution-box {
        padding: 20px 10px;
    }

    .recruit .form-box .caution-box .left {
        width: 100%;
        margin-bottom: 20px;
    }

    .recruit .form-box .caution-box .msg {
        width: 100%;
    }

    .recruit .form-box .age input {
        width: 20%;
    }
    
    .productlist dl {
    width: 46%;
}
}

/* フォームリセット */
/* form初期スタイルリセット */
input[type="text"] {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
}

textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
}

button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form button {
    width: 100%;
    padding: 20px 0;
    text-align: center;
}

.form button:hover{
      opacity: 0.6;
    text-decoration: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.form dd input {
    background-color: #fff;
    border: 1px solid #c9c9c9;
    width: 100%;
    padding: 5px;
}

.form dd textarea {
    width: 100%;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #c9c9c9;
    height: 20em;
}

.form dd input[type="radio"] {
    display: none;
}

.form dd input[type="radio"] + label {
    padding-left: 20px;
    position: relative;
    margin-right: 20px;
    line-height: 200%;
}

.form dd input[type="radio"] + label::before {
    content: "";
    display: block;
    position: absolute;
    top: 0.25em;
    left: 0;
    width: 12px;
    height: 12px;
    border: 1px solid #303841;
    border-radius: 50%;
    background: #fff;
}

.form dd input[type="radio"]:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(0.25em + 2px);
    left: 2px;
    width: 8px;
    height: 8px;
    background: #303841;
    border-radius: 50%;
}

.form dd input[type="radio"]:checked + label {
    border-bottom: 1px solid;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}

/* blog */
.blog .blog-list-box {
    width: 73%;
}

.blog .blog-side-box {
    width: 23%;
}

.blog-list-item a {
    display: block;
}

.blog-list-item .thumb {
    overflow: hidden;
    margin-bottom: 20px;
}

.blog-list-item .cat {
    border: 1px solid #231916;
    text-align: center;
    padding: 2px 0;
    width: 40%;
    margin: .5em;
}

.blog-list-item .catitem {
    border: 1px solid #231916;
    text-align: center;
    padding: 0 .5em;
    margin: 2px;
}
.blog-list-item .catitem.tax{
  background-color: #599e68;
    color: #fff;
    border-color: inherit;
    letter-spacing: .5px;
}
.blog-list-item .catitem.AVANCER {
    background-color: #599e68;
    color: #fff;
    border-color: inherit;
    letter-spacing: .5px;
}

.blog-list-item .catitem.AVANCER.la.vie {
    background-color: #f9f5f2;
    color: #aaa;
    border-color: inherit;
    letter-spacing: .5px;
}

.blog-list-item .title {
    font-weight: bold;
    margin-bottom: 10px;
}

.blog .blog-side-box div {
    border-bottom: 1px solid #f4f4f4
}

.blog .blog-side-box .toggle,
.news .news-side-box .toggle {
    position: relative;
    padding: 15px 0 15px 10px;
    font-family: 'Poiret One', "游ゴシック", YuGothic, cursive;
    letter-spacing: 5px;
    font-weight: 700;
    font-size: 30px;
}

.blog .blog-side-box .toggle:after,
.news .news-side-box .toggle:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/import/tenant_1/160.16.114.151/html/images/blog/blog_toggle.png) no-repeat right center;
    background-size: 100% auto;
    right: 10px;
    width: 13px;
    height: 8px;
    -webkit-transition: -webkit-transform 0.5s linear;
    transition: -webkit-transform 0.5s linear;
    -o-transition: transform 0.5s linear;
    transition: transform 0.5s linear;
    transition: transform 0.5s linear, -webkit-transform 0.5s linear;
}

.blog .blog-side-box .toggle.open:after,
.news .news-side-box .toggle.open:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform 0.5s linear;
    transition: -webkit-transform 0.5s linear;
    -o-transition: transform 0.5s linear;
    transition: transform 0.5s linear;
    transition: transform 0.5s linear, -webkit-transform 0.5s linear;
    top: 35%;
}

.blog .blog-side-box .new-box .toggle:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.blog .blog-side-box .new-box .toggle.open:after {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.blog .blog-side-box .toggle-list,
.news .news-side-box .toggle-list {
    padding: 0 0 0 36px;
}

.blog .blog-side-box .toggle-list li {
    margin-bottom: 20px;
}

.blog .blog-side-box .toggle-list li span {
    display: block;
}

.blog .blog-side-box .toggle-list li a {
    font-weight: bold;
}

.blog .blog-side-box .toggle-list li a .day {
    font-weight: normal;
}

.blog .blog-side-box .categoly-box a,
.blog .blog-side-box .archive-box a {
    display: list-item;
    list-style-image: url(/import/tenant_1/160.16.114.151/html/images/blog/cat_arrow.png);
}

.blog .blog-side-box .archive-box ul li {
    width: 47%;
}

/* news */
.news .news-side-box {
    width: 23%;
}

.news .news-side-box ul li {
    background-color: #efefef;
    border-bottom: 1px solid #231916;
    padding: 0 0 0 14px;
}

.news .news-side-box ul li:first-of-type {
    border-top: 1px solid #231916;
}

.news .news-side-box ul li a {
    font-weight: bold;
    padding: 4px 0;
    display: block;
}

.news .news-side-box ul li a .day {
    font-weight: normal;
    display: block;
}

.news .news-list-box {
    width: 73%;
}

.news .news-list-box li {
    border-bottom: 1px solid #f4f4f4;
    padding: 0 0 30px;
}

.news .news-list-box li:not(:last-child) {
    margin-bottom: 30px;
}

.news .news-list-box .thumb {
    width: 31%;
}

.news .news-list-box .news-data {
    width: 65%;
    padding: 0 0 0 35px;
}

.news .news-list-box .news-data .top-flex {
    margin-bottom: 20px;
}

.news .news-list-box .news-data .cat {
    border: 1px solid #231916;
    text-align: center;
    padding: 2px 0;
    width: calc(100% - 10em);
}

.news .news-list-box .news-data .day {
    width: 8em;
    text-align: center;
    padding: 2px;
}

.news .news-list-box .news-data .title {
    font-weight: bold;
}

.newsitem a {
    display: block;
}

.single-txt-box {
    border-bottom: 1px solid #353535;
    padding-bottom: 50px;
    margin-bottom: 20px;
}

.post-single .single-top-flex {
    margin: 0 auto 40px;
    width: 100% !important;
    ;
}

.post-single .single-top-flex .catitem {
    border: 1px solid #231916;
    text-align: center;
    padding: 0 .5em;
    margin: 2px;
}
.post-single .single-top-flex .catitem.tax{
  background-color: #599e68;
    color: #fff;
    border-color: inherit;
    letter-spacing: .5px;
}
.post-single .single-top-flex .catitem.AVANCER {
    background-color: #599e68;
    color: #fff;
    border-color: inherit;
    letter-spacing: .5px;
}

.post-single .single-top-flex .catitem.AVANCER.la.vie {
    background-color: #f9f5f2;
    color: #aaa;
    border-color: inherit;
    letter-spacing: .5px;
}

.post-single .day {
    margin: 2px;
}

.blog .blog-list-box .catitem {
    border: 1px solid #231916;
    text-align: center;
    padding: 0 .5em;
    margin: 2px;
}
.blog .blog-list-box .catitem.tax{
    background-color: #599e68;
    color: #fff;
    border-color: inherit;
    letter-spacing: .5px;
}
.blog .blog-list-box .catitem.AVANCER {
    background-color: #599e68;
    color: #fff;
    border-color: inherit;
    letter-spacing: .5px;
}

.blog .blog-list-box .catitem.AVANCER.la.vie {
    background-color: #f9f5f2;
    color: #aaa;
    border-color: inherit;
    letter-spacing: .5px;
}

.post-single .single-title {
    font-weight: bold;
    margin-bottom: 40px;
}

.backTo {
    font-weight: bold;
}

.recomend-section .reco-title {
    border-bottom: 1px solid #000;
    color: #fff;
    font-weight: bold;
    margin-bottom: 30px;
    width: 100%;
}

.recomend-section .reco-title span {
    background-color: #000;
    width: 47%;
    padding: 20px;
    display: block;
}

.recomend-section .thumb {
    overflow: hidden;
    margin-bottom: 20px;
}

.recomend-section .cat {
    border: 1px solid #231916;
    text-align: center;
    padding: 2px 0;
    width: 60%;
    margin-bottom: 20px;
}

.recomend-section .title {
    font-weight: bold;
    margin-bottom: 10px;
}

.cat-section p {
    background: #000;
    padding: 15px;
}

.cat-section .toggle {
    position: relative;
    padding: .5em 1em;
    font-family: 'Poiret One', "游ゴシック", YuGothic, cursive;
    letter-spacing: 5px;
    font-size: 40px;
    color: #fff;
}

.cat-section .toggle:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/import/tenant_1/160.16.114.151/html/images/blog/blog_toggle.png) no-repeat right center;
    background-size: 100% auto;
    right: 10px;
    width: 13px;
    height: 8px;
    -webkit-transition: -webkit-transform 0.5s linear;
    transition: -webkit-transform 0.5s linear;
    -o-transition: transform 0.5s linear;
    transition: transform 0.5s linear;
    transition: transform 0.5s linear, -webkit-transform 0.5s linear;
}

.cat-section .toggle.open:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform 0.5s linear;
    transition: -webkit-transform 0.5s linear;
    -o-transition: transform 0.5s linear;
    transition: transform 0.5s linear;
    transition: transform 0.5s linear, -webkit-transform 0.5s linear;
    top: 35%;
}

.cat-section ul li {
    background-color: #eeeeee;
    border-bottom: 1px solid #000;
}

.cat-section ul li a {
    padding: 10px;
    display: block;
    font-weight: bold;
}

.detail-back {
    background-color: #000;
    max-width: 580px;
    margin: 0 auto 60px;
}

.detail-back a {
    display: block;
    color: #fff;
    padding: 20px 0;
    text-align: center;
    font-weight: bold;
}

.news-section .post-single {
    width: 73%;
}

.blog .blog-side-box .new-box ul,
.news .news-side-box .new-box ul {
    display: block;
    padding: 0;
}

@media only screen and (max-width: 1024px) {

    .blog .blog-list-box,
    .blog .blog-side-box {
        width: 100%;
    }

    .post-single .single-top-flex {
        width: 60%;
    }

    .news .news-side-box,
    .news .news-list-box {
        width: 100%;
    }

    .news-section .post-single {
        width: 100%;
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 599px) {
    .post-single .single-top-flex {
        width: 100%;
    }

    .backTo {
        text-align: center;
    }

    .recomend-section .reco-title {
        background: #000;
    }

    .recomend-section .reco-title span {
        width: 100%;
        background: none;
        padding: 10px;
    }

    .cat-section .toggle {
        font-size: 30px;
    }

    .news .news-list-box .thumb,
    .news .news-list-box .news-data {
        width: 100%;
    }

    .news .news-list-box .thumb {
        margin-bottom: 20px;
    }

    .news .news-list-box .news-data {
        padding: 0;
    }

    .news .news-list-box .news-data .cat,
    .news .news-list-box .news-data .day {
        width: 50%;
    }
}

/* Google Map */
.home-map {
    position: relative;
    overflow: hidden;
}

.home-map:after {
    display: block;
    content: "";
    padding-top: 50%;
}

#map {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* hair */
.hair .hair-menu {
    border-bottom: 1px solid #c9c9c9;
    margin-bottom: 40px;
}

.hair .hair-menu ul {
    width: 73%;
    margin: 0 auto;
    padding: 0 0 25px;
}

.hair .hair-menu ul li {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.hair .hair-list ul li .thumb {
    margin-bottom: 20px;
}

.hair .hair-list ul li .title {
    font-weight: bold;
    margin-bottom: 20px;
}

.hair .hair-list ul li .fs14 {
    color: #b0b0b0;
}

.hair .hair-list ul li .cat {
    margin-bottom: 5px;
}

.hair_detail .hair-single-section {
    padding-bottom: 60px;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
}

.hair_detail .hair-single-box {
    width: 73%;
    margin: 0 auto;
}

.hair_detail .hair-single-box .mainpic {
    margin-bottom: 2%;
}

.hair_detail .hair-single-box .subPicList img:hover {
    opacity: .6;
}

.hair_detail .hair-single-box .subPicList img {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer;
}

.hair_detail .hair-style-list ul {
    width: 100%;
}

.hair_detail .hair-style-list li {
    width: 23%;
    margin: 0 1% 40px;
}

.hair_detail .hair-single-box .msg {
    margin-bottom: 40px;
    line-height: 2em;
}

.hair_detail .sns-btn {
    margin-bottom: 50px;
}

.hair_detail .sns-btn p {
    width: 20%;
}

.hair_detail .sns-btn .bt-fb {
    margin: 0 10px 0 0;
}

.hair-stylist-box .thumb {
    width: 27%;
}

.hair-stylist-box .staff-box {
    width: 70%;
}

.hair-stylist-box .staff-box .name {
    font-weight: bold;
    margin-bottom: 28px;
}

.snapitem a {
    display: block;
}

.galitem a {
    display: block;
}

.galitem {
    margin-bottom: 40px;
}

@media only screen and (max-width: 1024px) {
    .hair .hair-menu ul {
        width: 100%;
    }

    .hair .hair-menu ul li {
        width: 30%;
        margin-bottom: 20px;
        text-align: center;
    }

    .hair .hair-menu ul li a {
        display: block;
    }

    .hair_detail .hair-single-box {
        width: 100%;
    }

    .hair_detail .sns-btn p {
        width: 40%;
    }
}

@media only screen and (max-width: 599px) {
    .hair .hair-menu ul li {
        width: 50%;
    }

    .hair_detail .sns-btn p {
        width: 48%;
    }

    .hair-stylist-box .thumb,
    .hair-stylist-box .staff-box {
        width: 100%;
    }

    .hair-stylist-box .thumb {
        margin-bottom: 20px;
    }
}

/*first*/

.first01box .logo .inb {
    width: 120px;
    max-width: 100%;
    margin-bottom: 3em;
}

.first01boxin01 {
    position: relative;
    padding: 3em 1.5em;
}

.first01boxin01:after {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    background-color: #f9f5f2;
    z-index: -1;
    top: 0;
    right: 0;
    -webkit-box-shadow: .5em .5em 0 #d4c6bc;
    box-shadow: .5em .5em 0 #d4c6bc;
}

.first01boxin02 {
    position: relative;
    padding: 3em 1.5em;
}

.first01boxin02:after {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    background-color: #f9f5f2;
    z-index: -1;
    top: 0;
    left: 0;
    -webkit-box-shadow: -.5em .5em 0 #d4c6bc;
    box-shadow: -.5em .5em 0 #d4c6bc;
}

.first01itemin01 {
    margin-bottom: 1em;
}

.first01itemin01 .num {
    width: 3em;
    text-align: center;
    margin-top: .25em;
}

.first01itemin01 .num + .name {
    width: calc(100% - 4em);
    font-weight: 700;
}

.first01itemin01 .num .label {
    display: inline-block;
    background-color: #000;
    color: #fff;
    padding: 0 .5em;
    font-weight: 700;
    font-family: 'Poiret One', "游ゴシック", YuGothic, cursive;
}

.first01item01 .tbox .pricetext {
    color: #DE4514;
    font-family: 'Poiret One', "游ゴシック", YuGothic, cursive;
}

.first01itemin02 {
    margin-bottom: 1em;
}

.first01itemin02 .num {
    width: 9em;
    margin-top: .25em;
    letter-spacing: 1px;
}

.first01itemin02 .num + .name {
    width: calc(100% - 10em);
    font-weight: 700;
}

.first01itemin02 .num .label {
    display: inline-block;
    background-color: #000;
    color: #fff;
    padding: 0 .5em;
    font-weight: 700;
    font-family: 'Poiret One', "游ゴシック", YuGothic, cursive;
}

.first01item02 {
    margin-bottom: 40px;
}

.first01item02 .tbox .pricetext {
    color: #DE4514;
    font-family: 'Poiret One', "游ゴシック", YuGothic, cursive;
}

.first02item {
    position: relative;
    border-bottom: solid 1px #333;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.first02item:before {
    border-top: solid 18px #333;
    border-left: solid 66px transparent;
    border-right: solid 66px transparent;
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.first03box .tbox .item {
    padding-left: 30px;
    position: relative;
    margin-bottom: 15px;
}

.first03box .tbox .item:after {
    display: block;
    content: "";
    width: 20px;
    height: 1px;
    background: #333;
    position: absolute;
    top: 10px;
    left: 0;
}

@media only screen and (max-width: 1024px) {
    .first01itemin02 .num {
        width: 100%;
        margin: 0 0 1em;
    }

    .first01itemin02 .num + .name {
        width: 100%;
    }
}

@media only screen and (max-width: 599px) {

    .first02item {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
}

/*contact*/

.contact01item {
    margin: .5em;
}

.contact01item a {
    display: inline-block;
    border-bottom: 2px solid;
}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 599px) {}

/* スライダー */
.slider-container {
    position: relative;
}

.slider {
    padding: 0 50px;
    margin: 0 !important;
    width: 100% !important;
    max-width: inherit !important;
}

.slider .slick-prev {
    left: 5px;
}

.slider .slick-next {
    right: 5px;
}

.slider .slick-prev,
.slider .slick-next {
    width: 38px;
    height: 38px;
    border: solid 1px #ccc;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.slider.slick-initialized {
    display: block;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    height: 36px;
    margin-top: -18px;
    /* 高さの半分だけネガティブマージン */
    color: #bd77f2;
    line-height: 36px;
    font-size: 28px;
    cursor: pointer;
    z-index: 10;
    /* 重要 */
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}

.slick-slide {
    padding: 1.5em 0;
    color: #fff;
    text-align: center;
    font-size: 1.1em;
    outline: 0;
    margin: 0 10px;
}

/* iframe MAP */
.map-frame iframe {
    width: 100%;
    height: 100%;
}

.salon .map-frame iframe {
    min-height: 600px;
}

@media only screen and (max-width: 1024px) {

    .index .footer-access .right,
    .salon .map-frame iframe {
        min-height: 400px;
    }
    
    #footer{
      padding-bottom: 120px;
    }
}

@media only screen and (max-width: 599px) {

    .index .footer-access .right,
    .salon .map-frame iframe {
        min-height: 300px;
    }
}

/* sp全体サイズ調整 */
@media only screen and (max-width: 599px) {
    p {
        font-size: 12px;
    }

    .index .top-catch img {
        width: 80%;
        vertical-align: middle;
    }

    .hair-section .right .hair-menu a {
        font-size: 12px;
    }

    .staff-section ul li dl dt {
        font-size: 10px;
        font-weight: normal;
    }

    .staff-section ul li dl dd {
        font-weight: normal;
        font-size: 14px;
    }

    .menu-section .menu-list dt {
        font-size: 16px;
    }

    .menu-section .menu-list dd {
        font-size: 12px;
    }

    .news-section dl dt {
        font-size: 10px;
    }

    .news-section dl dd {
        font-size: 12px;
    }

    .recruit-section .top-recruit-box .txt-box h4 {
        font-size: 14px;
    }

    .recruit-section .top-recruit-box .txt-box .msg {
        font-size: 12px;
    }

    .index .footer-access dd,
    .index .footer-access dt {
        font-size: 12px;
    }

    #header .main-logo {
        text-align: center;
    }

    #header .main-logo img {
        max-height: 40px;
        width: auto;
    }

    #footer .footer-cont .catch {
        font-size: 12px;
    }

    .copyright {
        font-size: 10px;
    }

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

    #gnav ul li a img {
        max-height: 16px;
        width: auto;
    }

    .menu .inner .inn-title img {
        max-height: 22px;
        width: auto;
    }

    .menu .inner dt {
        font-size: 14px;
    }

    .menu .inner dd {
        font-size: 12px;
    }

    .second h2 img {
        max-height: 25px;
        vertical-align: baseline;
    }

    .salon .salon-data-box .logo img {
        max-height: 30px;
    }

    .salon .salon-data-box .catch {
        text-align: center;
    }

    .salon .salon-data-box .tel {
        font-size: 25px;
        text-align: center;
        padding-left: 0;
    }

    .salon .salon-data-box .tel:before {
        background-size: 60%;
        left: 15%;
    }

    .second h3 img {
        max-height: 22px;
    }

    .second h4 img {
        max-height: 18px;
    }

    .concept .product-concept .title {
        font-size: 14px;
    }

    .blog .blog-list-box .title,
    .news .news-list-box .news-data .title {
        font-size: 12px;
    }

    .cont-title {
        padding-left: 0;
    }

    .cont-title img {
        max-height: 20px;
        width: auto;
    }

    .blog .blog-side-box .toggle-list li span {
        font-size: 14px;
    }

    .recomend-section .title {
        font-size: 14px;
    }

    .cat-section .toggle img,
    .news .news-side-box .toggle img {
        max-height: 20px;
        width: auto;
    }

    .news .news-side-box ul li a {
        font-size: 14px;
    }

    .hair .hair-list ul li .title {
        font-size: 14px;
    }

    .hair .hair-list ul li .fs14 {
        font-size: 10px;
    }

    .hair_detail .sns-btn p {
        font-size: 14px;
    }

    .hair-stylist-box .staff-box .name {
        font-size: 16px;
        font-weight: normal;
    }

    .recruit .rec-top-box h3 {
        font-size: 17px;
        margin-bottom: 40px;
    }

    .recruit .rec-top-box h3 span {
        font-size: 28px;
        margin-bottom: 30px;
    }

    .recruit .work-movie-box .title {
        font-size: 16px;
        margin-bottom: 40px;
    }

    .recruit .pleasant-box .msg-box h3 {
        font-size: 18px;
    }

    .recruit .pleasant-box .msg-box .catch p {
        font-size: 16px;
    }

    .recruit .pleasant-box .msg-box .catch p:before {
        background-size: 80% auto;
    }

    .recruit .staff-voice-box .staff-name .right p {
        font-size: 16px;
        font-weight: normal;
    }

    .recruit .staff-voice-box dl dt,
    .recruit .staff-voice-box dl dd {
        font-size: 14px;
    }

    .faq .faq-section .faq-list dt,
    .faq .faq-section .faq-list dd {
        font-size: 16px;
    }

    .faq .faq-section .faq-list dt:before,
    .faq .faq-section .faq-list dd span:before {
        background-size: 80% auto;
    }

    .recruit .requirements-section h4 {
        font-size: 16px;
    }

    .recruit .requirements-table dt,
    .recruit .requirements-table dd {
        font-size: 14px;
    }

    .recruit .requirements-table dl dd ul li {
        font-size: 14px;
    }

    .recruit .flow-section li p {
        font-size: 16px;
    }

    .recruit .flow-section li p span {
        font-size: 12px;
        padding: 10px 0 0 0;
    }

    .recruit .form-box .form dt,
    .recruit .form-box .form dd {
        font-size: 14px;
    }

    /* コンテンツ余白調整 */

    .top-hair-garelly {
        padding-bottom: 100px;
    }

    .hair-section .top-flex {
        margin-bottom: 40px;
    }

    .hair-section .hair-menu {
        margin-bottom: 0 !important;
    }

    .top-hair-garelly .right p:first-child {
        margin: 0 0 60px auto;
    }

    .top-hair-garelly .left p:first-child {
        margin: 0 0 60px;
    }

    .staff-section,
    .hair-section,
    .menu-section,
    .news-section .inner,
    .recruit-section {
        margin-bottom: 60px;
    }

    .menu-section .msg {
        margin-bottom: 40px;
    }

    .menu-section .menu-list .pic {
        margin-bottom: 20px;
    }

    .menu-section .menu-list li {
        margin-bottom: 60px !important;
    }

    .news-section .top-news-box {
        margin-bottom: 40px;
    }

    .slick-slider {
        margin-bottom: 80px !important;
    }

    .instagram-widget .insta-list {
        margin-bottom: 60px;
    }

    .recruit-section .top-recruit-box .txt-box .msg {
        margin-bottom: 60px;
    }

    .recruit-section .top-recruit-box .txt-box .btn {
        margin-bottom: 60px;
    }

    #gnav .menu-in-logo {
        text-align: center;
    }

    #gnav .menu-in-logo img {
        max-height: 23px;
        width: auto;
    }

    #gnav .online-reserve {
        top: auto;
        bottom: -80px;
    }

    #gnav .accordion-inner {
        padding-top: 30px;
    }

    .second h2 {
        margin-bottom: 60px;
    }

    .staff .annai {
        padding-bottom: 50px;
        margin-bottom: 80px;
    }

    .salon .salon-gallery .left {
        margin-bottom: 50px;
    }

    .salon .salon-gallery {
        margin-bottom: 80px;
    }

    .salon .salon-data-box .right .card-box {
        padding: 40px 0 20px;
    }

    .salon .end-msg {
        margin-bottom: 40px;
    }

    .concept h3 {
        margin-bottom: 60px;
    }

    .concept .inner .pic {
        margin-bottom: 60px;
    }

    .concept .inner {
        padding-bottom: 50px;
    }

    .concept .title {
        margin-bottom: 50px;
    }

    .concept .philosopy-box {
        margin-bottom: 120px;
    }

    .voice .voice-list li {
        margin-bottom: 100px;
    }

    .voice .answer-box {
        padding: 35px 15px;
    }

    .voice .answer-box .data-box,
    .voice .answer-box dl dt,
    .voice .answer-box dl dd {
        font-size: 12px;
    }

    .voice .answer-box dl {
        margin-bottom: 40px;
    }

    .voice .voice-list .thumb {
        margin-bottom: 40px;
    }

    .blog-list-box ul li,
    .news .news-list-box li {
        margin-bottom: 80px;
    }

    .recomend-section .cat {
        width: 100%;
    }

    .recomend-section ul li {
        margin-bottom: 50px;
    }

    .cat-section .cc221 {
        margin-bottom: 40px;
    }

    .detail-back {
        width: 94%;
        font-size: 16px;
    }

    .blog-detail .inner,
    .news-detail .inner {
        padding-bottom: 100px;
    }

    .blog-detail .recomend-section .inner,
    .news-detail .recomend-section .inner {
        padding-bottom: 30px;
    }

    .recomend-section .reco-title {
        margin-bottom: 60px;
    }

    .hair .hair-list ul .gr321 {
        margin-bottom: 100px;
    }

    .hair_detail .hair-single-box .msg {
        margin-bottom: 80px;
    }

    .hair_detail .inner {
        padding-bottom: 100px;
    }

    .hair_detail .recomend-section .inner {
        padding-bottom: 30px;
    }

    .recruit .study-box .gr422 {
        margin-bottom: 70px;
    }

    .recruit .message-box .left {
        padding: 15% 4%;
    }

    .recruit .message-box {
        margin-bottom: 100px;
    }

    .recruit .staff-voice-box .staff-name .thumb {
        margin-bottom: 30px;
    }

    .recruit .staff-voice-box li {
        padding: 4%;
    }

    .faq .faq-section .faq-list {
        margin-bottom: 50px;
    }

    .recruit .requirements-table dt {
        padding: 0;
    }

    .recruit .requirements-table dl {
        padding: 30px 0;
    }

    .recruit .flow-section li {
        margin-bottom: 80px !important;
    }

    .recruit .flow-section li:after {
        bottom: -40px !important;
    }

    .recruit .form-box {
        margin-bottom: 80px;
    }

    .recruit .form-box .now label,
    .recruit .form-box .keitai label {
        margin: 0 0 10px;
    }

    .recruit .requirements-table .fukuri {
        width: 100%;
    }

    .image .instagram-section ul li {
        margin-bottom: 60px;
    }

    .headin {
        padding: 30% 0 30% 5%;
    }

    .index .footer-access dl {
        padding: 40px 0;
    }

    #gnav ul li:nth-child(2) img,
    #gnav ul li:nth-child(8) img {
        max-height: 13px;
    }

    #gnav ul li:nth-child(11) img {
        max-height: 15px;
    }

    #gnav ul li:nth-child(7) img {
        max-height: 19px;
    }

    #gnav ul li:nth-child(5) img,
    #gnav ul li:nth-child(10) img {
        max-height: 18px;
    }

    .hair .hair-menu ul li:nth-child(4) img {
        max-height: 16px;
    }

    .hair .hair-menu ul li:nth-child(5) img {
        max-height: 15px;
    }

    .hair .hair-menu ul li:nth-child(6) img {
        max-height: 16px;
    }

    .hair .hair-menu ul li:nth-child(7) img {
        max-height: 17px;
    }

    .hair .hair-menu ul li {
        margin-bottom: 30px;
    }

    .recruit .pleasant-box .inner {
        padding: 30px 0 30px;
    }

    .recruit .requirements-table dt {
        margin-bottom: 30px;
    }

    .menu .inner:nth-child(4) .inn-title img,
    .menu .inner:nth-child(5) .inn-title img,
    .menu .inner:nth-child(7) .inn-title img,
    .menu .inner:nth-child(8) .inn-title img {
        max-height: 32px;
    }

    .staff_detail .prof-box {
        font-size: 12px;
    }

    .staff_detail .sns-btn p a {
        font-size: 12px;
        font-weight: normal;
    }
}



/* 0830 追記 */
.top-reserve .list .item:nth-of-type(3) a{
    background-color: #6d819c;
}

/*  @media only screen and (max-width: 1024px){
 #footer {
   padding-bottom: 170px;
}  
}

@media only screen and (max-width: 599px){
 #footer {
   padding-bottom: 163px;
}  
}  */

/* 11/14 追記 */

.first01itemin01 .num .label {
    display: inline-block;
    background-color: #000;
    color: #fff;
    font-weight: 700;
    font-family: 'Poiret One', "游ゴシック", YuGothic, cursive;
    width: 25px;
    padding: 0px;
}

/* 2023/04/18 追記 */



@media only screen and (min-width: 1025px){
  .benner-content {
    min-width: 670px;
    max-width: 670px;

}
}


.benner-content{
    display: flex;
    width: 50%;
    margin: 0px auto 49px;
    background: #f9f5f2; 
}

.benner-content .img-content{
  flex: 2;
}

.benner-content .txt-content {
    text-align: left;
    flex: 2;
    padding: 0px 20px 0px 40px;
}

.benner-content .section-title {
    font-size: 37px;
    margin-bottom: 15px;
    margin-top: 40px;
}

.benner-content .post-btn{
  margin-top: 15px;
  margin-bottom: 15px;
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
.benner-content {
    display: flex;
    width: 80%;
    margin: 0px auto 49px;
    background: #f9f5f2;
}
}

@media only screen and (max-width: 599px){
  .benner-content {
    display: flex;
    width: 90%;
    margin: 0px auto 49px;
    position: relative;
    background: #f9f5f2;
    flex-direction: column-reverse;
}

.benner-content .img-content{
    position: relative;
    opacity: .3;
}

.benner-content .txt-content {
    text-align: left;
    flex: auto;
    position: absolute;
    bottom: 50%;
    padding: 0px 20px;
    transform: translateY(50%);
}
.benner-content .txt-content div{
  font-size: 16px;
}

.benner-content .section-title {
    font-size: 37px;
    margin-bottom: 15px;
    margin-left: -30px;
    margin-top: 40px;
}

.benner-content .post-btn {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 0;
}
}


/* 2023/05/16 追記 */

.ai-c{
  display: flex;
  align-items: center;
}

/* 2025/04/09 */
.list-box.ver02{
  gap: 20px;
}

.list-box.ver02 li{
  width: calc( (100% - 40px) / 3 );
}

.recruit .staff-voice-box.ver02 .staff-name .thumb {
  width: 100%;
  margin-bottom: 30px;
}

.recruit .staff-voice-box.ver02 .staff-name .right {
  width: 100%;
}

.slider02 li{
  margin: 0;
  padding: 0;
}

.slider02 .slick-prev{
  transform: none;
  top: auto;
  bottom: 20px;
  left: auto;
  right: 50px;
  background-color: transparent;
}

.slider02 .slick-next{
  transform: none;
  top: auto;
  bottom: 20px;
  right: 0;
  background-color: transparent;
}

.slider02 .pic{
  position: relative;
}

.slider02 .pic img{
  filter: brightness(0.8);
}

.slider02 .pic .content{
  position: absolute;
  bottom: 30px;
  left: 30px;
  z-index: 1;
}

.slider02 .pic .content .shopname,
.slider02 .pic .content .address{
  text-align: left;
}

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

.slider02 .pic .content{
  bottom: 60px;
  left: 20px;
}
}

/* 2025/04/18 */
.entryform-wrap{
  margin-top: 100px;
}

.entryform-wrap.ver02{
  margin-top: 0;
}

.form dd.age-line{
  display: flex;
  align-items: center;
}

.form dd.age-line input  {
  width: fit-content;
}

.form dd.age-line .age-txt{
  margin-left: 0.5em;
}

/* 2025/04\25 */

#recruit #curriculum .mb-50{
  margin-bottom: 50px;
}

#recruit #header:after {
    background-color: #a4bba4;
}

#recruit .recruit .message-box .left {
    background-color: #9e9993;
}

#recruit .recruit .staff-voice-box li {
    border: 10px solid #e6e6e6;
}

#recruit .recruit .requirements-table dl:not(:last-child) {
    border-bottom: 2px solid #e6e6e6;
}


#recruit .recruit .form-box .form dt {
    background-color: #eeeeee;
}

#recruit .recruit .form-box .form dl {
    background: #eeeeee;
}

#recruit .recruit .form-box .form dd {
    background-color: #eeeeee;
}

#recruit .recruit .form-box .caution-box {
    border: 3px solid #eeeeee;
}

#recruit .c-green {
    color: #a4bba4;
}

#recruit .slidergallery .continuous-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  /* お好みで高さ指定 */
  padding: 1em 0;
}

#recruit .slidergallery .slider-track {
  display: flex;
  /* track 内を横並びに */
  /* 後述のJSで中身を複製するので、横幅は自動で足りる */
  animation: scroll 20s linear infinite;
}

#recruit .slidergallery .slide {
  flex: 0 0 auto;
  /* 画像のサイズに合わせて調整 */
  width: 200px;
  margin-right: 1em;
}
#recruit .slidergallery .slide img {
  display: block;
  width: 100%;
  height: auto;
}

/* キーフレーム：track を左に移動 */
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

#recruit .requirements-section .slick-slide img {
    display: block;
    aspect-ratio: 4 / 4;
    object-fit: cover;
}

#recruit .requirements-section .slidergallery{
  padding: 0px;
  margin-bottom: 0px;
}

#recruit .sp-none{
  display: block;
}

#recruit .pc-none{
  display: none;
}

@media screen and (max-width:599px) {
 #recruit .requirements-section .slider--reverse{ 
  margin-bottom: 0px !important;
}

 #recruit .requirements-section .slider--normal{ 
  margin-bottom: 0px !important;
}

#recruit .sp-none{
  display: none;
}

#recruit .pc-none{
  display: block;
}
}

/* 2025/05/10 */

#recruit .recruit04 #header:after {
    background-color: #fff;
}

#recruit .recruit04 .message-box .left {
    background-color: #bdb7b2;
}

#recruit .recruit04 .c-green {
    color: #b7e5b7;
}

#recruit .recruit.test05 .message-box .left {
    background-color: #dec4bc;
}

@media screen and (max-width:599px) {
#recruit .fs14{
  font-size: 12px;
} 

#recruit .recruit .requirements-table dt, .recruit .requirements-table dd{
  font-size: 12px;
}

#recruit .recruit .requirements-table dl dd ul li {
  font-size: 12px;
}

#recruit .recruit .form-box .form dt {
    background-color: #eeeeee;
    padding-bottom: 0px;
}

#recruit .recruit .form-box .form dt, .recruit .form-box .form dd {
  font-size: 12px;
}
}

#recruit .outerbox .head{
  text-align: center;
  font-size: 22px;
  margin-bottom: 20px;
}

#recruit .outerbox .detail{
  text-align: center;
}

.hidden-content{
  display: none !important;
}

[data-element-id].hidden-content{
position: relative !important;
border: 1px solid;
 display: block !important;
}

[data-element-id].hidden-content:before{
content: "このコンテンツは現在非表示になっております";
    position: absolute !important;
    width: 100%;
    min-width: 200px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: 100%;
    color: red;
    font-weight: bold;
    background: #555;
    padding: 5px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;  
}

#recruit .box11 {
    padding: 1.5em 1em;
    width: 80%;
    margin: 20px auto;
    color: #d0d0d0;
    background: white;
    border-top: solid 5px #d0d0d0;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

#recruit .box11 div {
    margin: 0; 
    padding: 0;
}

#recruit .box11 .head{
  font-weight: bold;
}


@media screen and (max-width:599px) {
#recruit .box11{
  width: 100%;
}

#recruit .box11 .head{
  font-size: 16px;
}
}

/* 2025/05/16 */

#recruit .second-key .main{
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

/* 2025/05/21 */

#entrycomplete #header:after, #entryconfirm #header:after{
  background-color: #fff;
}

#entryconfirm .recruit .form-box .form dt{
  background-color: #eeeeee;
}

@media only screen and (max-width: 599px){
#recruit .message-box {
  margin-bottom: 0px;
}
}

/* 2025/06/13 */
.entryform-up-linebtn{
  width: 400px;
  margin: 0 auto 50px;
}

.entryform-up-linebtn a{
  background-color: #06C755;
  color: #fff;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  letter-spacing: 0.1em;
  padding: 30px;
}

.entryform-up-linebtn a::after{
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background-image: url('/upload/tenant_1/f9f300324b16fa3237ddd08a1dff9d30.png');
  background-repeat: no-repeat;
  background-size: contain;
}

@media(max-width:599px) {
.entryform-up-linebtn{
  width: 300px;
}

.entryform-up-linebtn a{
  font-size: 18px;
}
}

/* 2025/06/16 */

 #recruit .link-bnr{
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 50px;
  width: 80%;
}

@media screen and (max-width:599px) {
 #recruit .link-bnr{
  margin-bottom: 50px;
  width: 100%;
}
}