@charset "utf-8";
/* CSS Document */

[data-element-id] #wrapper {
    padding-top: 0 !important;
}


/**/
/*color*/
.lcat2 .box2 .item dt img .violet {
    color: #98639b;
}

.deepred {
    color: #ae2347;
}

.underline {
    text-decoration: underline;
}



/**/
/*bg*/

.bg1 {
    background: #f2f2f2;
}
.cpmt5 {
  color: #98639b;
  margin-top: 5px;
  text-align: center;
}



/**/
/*lightbox*/

.uk-open .uk-modal-dialog {
    width: 80% !important;
    height: auto !important;
    max-width: 700px;
    top: 50% !important;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.uk-open .uk-modal-dialog img {
    width: 100% !important;
    max-width: none !important;
}



/**/
/*title*/
h2.heading {
  font-size: 28px;
}

.heading {
    display: block;
    color: #98639b;
    font-weight: normal;
    letter-spacing: 1px;
    text-align: center;
    position: relative;
}

.heading .deco {
    display: inline-block;
    padding: 0 110px;
    text-shadow: 1px 1px 10px #fff;
    position: relative;
}

.heading .deco:before {
    display: block;
    content: "";
    width: 80px;
    height: 30px;
    background: url(/import/tenant_1/160.16.99.211/html/images/common/heading1.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 55%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.heading .deco:after {
    display: block;
    content: "";
    width: 80px;
    height: 30px;
    background: url(/import/tenant_1/160.16.99.211/html/images/common/heading2.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 55%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.heading .deco2:before {
    background: url(/import/tenant_1/160.16.99.211/html/images/common/heading3.png) no-repeat;
    background-size: contain;
}

.heading .deco2:after {
    background: url(/import/tenant_1/160.16.99.211/html/images/common/heading4.png) no-repeat;
    background-size: contain;
}

.heading .deco3:before {
    background: url(/import/tenant_1/160.16.99.211/html/images/common/heading5.png) no-repeat;
    background-size: contain;
}

.heading .deco3:after {
    background: url(/import/tenant_1/160.16.99.211/html/images/common/heading6.png) no-repeat;
    background-size: contain;
}

.heading .deco4:before {
    background: url(/import/tenant_1/160.16.99.211/html/images/common/heading7.png) no-repeat;
    background-size: contain;
}

.heading .deco4:after {
    background: url(/import/tenant_1/160.16.99.211/html/images/common/heading8.png) no-repeat;
    background-size: contain;
}

.heading .deco5:before {
    background: url(/import/tenant_1/160.16.99.211/html/images/common/heading9.png) no-repeat;
    background-size: contain;
}

.heading .deco5:after {
    background: url(/import/tenant_1/160.16.99.211/html/images/common/heading10.png) no-repeat;
    background-size: contain;
}

.heading .sub {
    display: block;
    color: #000;
    font-size: 16px;
    line-height: 1;
}

@media only screen and (max-width: 1024px) {
    .heading .deco {
        padding: 0 80px;
    }

    .heading .deco:before {
        width: 70px;
        height: 27px;
    }

    .heading .deco:after {
        width: 70px;
        height: 27px;
    }
}

@media only screen and (max-width: 599px) {
    h2.heading {
      font-size: 22px;
    }
    
    .heading .deco {
        display: block;
        padding: 30px 0 0 !important;
    }

    .heading .deco:before {
        width: 50px;
        height: 19px;
        top: 10px;
        left: 49%;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .heading .deco:after {
        width: 50px;
        height: 19px;
        top: 10px;
        right: 49%;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}



/**/
/*header*/

#header {
    position: relative;
    z-index: 151;
}

.header-inner {
    width: 94%;
    max-width: 1200px;
    padding: 15px 0;
    margin: auto;
}

#header h1 {
    font-size: 12px;
    font-weight: normal;
    padding-right: 50px;
    padding-left: 10px;
}

.headin .logo {
    width: 30%;
}

.headin .right {
    width: 60%;
}

.headin .headinfo {
    width: 48%;
}

.headin .headinfo dt {
    font-size: 12px;
    text-align: center;
    margin-bottom: 7px;
}

.headin .headinfo dd {
    text-align: center;
}

.headin .headinfo dd a {
    display: inline-block;
    color: #98639b;
    font-size: 28px;
    padding-left: 40px;
    position: relative;
}

.headin .headinfo dd a:before {
    display: block;
    content: "\f879";
    font-family: fontawesome;
    position: absolute;
    top: 0;
    left: 0;
}

.headin .btnwrap {
    width: 45%;
}

@media only screen and (max-width: 1024px) {
    .headin .logo {
        width: 30%;
        margin: auto auto 20px;
    }

    .headin .right {
        width: 100%;
    }
}

@media only screen and (max-width: 599px) {
    .index .header-inner {
        width: auto;
        position: absolute;
        left: 10px;
        z-index: 1;
    }

    #header h1 {
        margin-bottom: 0;
    }

    .headin .logo {
        width: 200px;
        margin: auto;
    }

    .headin .right {
        display: none;
    }

    .headin .headinfo {
        margin: auto;
    }
}



/**/
/*gnav*/

[data-element-id] #gnav {
    position: static !important;
}

#gnav {
    background: #f2f2f2;
    position: relative;
    -webkit-transition: 0.8s;
    transition: 0.8s;
}

#gnav ul {
    max-width: 1300px;
    margin: auto;
    text-align: center;
}

[data-element-id] #gnav li {
    display: block;
}

#gnav li {
    display: inline-block;
    padding: 15px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
}


#gnav li.drop-logo,
#gnav li.dropbtn {
    display: none;
}

#gnav.fixed li.drop-logo {
    display: inline-block;
    padding: 13px 0;
}

#gnav.fixed li.drop-logo img {
    max-height: 30px;
}

#gnav.fixed .accordion-inner>li>a {
    padding: 0 10px;
}

[data-element-id]#gnav li.drop-logo,
[data-element-id]#gnav li.dropbtn {
    display: block;
}

#gnav li a {
    display: block;
    padding: 0 20px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#gnav li a:after {
    display: inline-block;
    content: "";
    border-left: solid 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -1px;
}

#gnav li:last-of-type a:after {
    display: none;
}

#gnav.fixed {
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
}



/**/
/*dropdown*/

[data-element-id] #gnav .dropin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: static !important;
}

#gnav .dropin {
    display: none;
    width: 100%;
    background: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 15;
}

#gnav .dropdown:hover .dropin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#gnav .dropin .widthin {
    width: 100%;
    max-width: 1100px;
    margin: auto;
}

#gnav .dropin a {
    /*  border: solid 2px #d2d2d2; */
    border: solid 1px #000;
    padding: 15px;
    margin: 1%;
    text-align: center;
}

#gnav .dropin a:before {
    display: block;
    content: "\f0da";
    font-family: fontawesome;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#gnav .dropin a:after {
    display: none;
}

/*画像がついていないボタン*/
#gnav .dropin .right a {
    border: none;
    background: #98639b;
    color: #fff;
}

#gnav .dropin .right a:after {
    display: block;
    content: "";
    border: solid 1px;
    position: absolute;
    top: 5px;
    left: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#gnav .dropin .left {
    width: 68%;
    max-width: 800px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

#gnav .dropin .left a {
    width: 48%;
}

#gnav .dropin .pic {
    width: 25%;
    border-radius: 100%;
}

#gnav .dropin .tit {
    width: 70%;
}

#gnav .dropin .right {
    width: 32%;
}

@media only screen and (max-width: 1024px) {
    #gnav li:not(:last-of-type) {
        display: block;
        border-bottom: solid 1px #999;
        padding: 0;
    }

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

    #gnav li a:after {
        display: none;
    }

    #gnav .dropdown>a {
        border-bottom: solid 1px #999;
        margin-bottom: 15px;
    }

    #gnav .dropin {
        display: block;
        background: none;
        padding-left: 20px;
        margin-bottom: 15px;
        position: static;
    }

    #gnav .dropin .left {
        width: 100%;
    }

    #gnav .dropin .right {
        width: 100%;
    }

    #gnav li.drop-logo {
        display: block;
        text-align: center;
        padding-bottom: 20px;
    }

    #gnav li.dropbtn {
        display: block;
    }

    #gnav li.dropbtn a {
        padding: 10px 0;
    }

    #gnav li .btnwrap li {
        width: 100%;
        margin: 1% 0;
        display: inline-block;
        border-bottom: none;
    }

    #gnav li .btnwrap li a:before {
        display: inline-block;
    }
}

@media only screen and (max-width: 599px) {
    #gnav .dropin .pic {
        width: 50%;
        margin: 0 auto 10px;
    }

    #gnav .dropin .tit {
        width: 100%;
        text-align: center;
    }
}



/**/
/*footer*/

#footer .map:after {
    padding-top: 25%;
}

.footinfo .logo {
    margin-bottom: 20px;
}

.footinfo .address {
    margin-bottom: 10px;
}

.footinfo .tel {
    margin-bottom: 10px;
}

.footinfo .time {
    margin: 20px 0;
}

.footinfo .time dl {
    margin: 10px 0;
}

.footinfo .time dl dt {
    width: 100px;
    background: #f2f2f2;
    padding: 5px 10px;
    text-align: center;
}

.footinfo .time dl dd {
    width: calc(100% - 110px);
    margin-top: 5px;
}

.footnav .navlist dt {
    font-size: 18px;
    border-bottom: solid 1px #f2f2f2;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.footnav .navlist dd {
    margin: 10px 0
}

.footnav .navlist dd a {
    display: block;
    padding-left: 10px;
    position: relative;
}

.footnav .navlist dd a:before {
    display: block;
    content: "\f054";
    color: #98639b;
    font-size: 12px;
    font-family: fontawesome;
    position: absolute !important;
    top: 0;
    left: 0;
}

.copy {
    color: #fff;
    background: #98639b;
    padding: 20px;
    text-align: center;
}

[data-element-id] .fixbtn {
    display: block;
    position: static;
}

.fixbtn {
    display: block;
    width: 130px;
    position: fixed;
    top: 180px;
    right: 0;
    z-index: 250;
}

.fixbtn li {
    width: 100%;
    margin: 10px 0;
    text-align: center;
}

.fixbtn li a {
    display: block;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.fixbtn li.reserve a {
    color: #fff;
    background: #98639b;
    content: "\f0e0";
}

.fixbtn li.reserve a:hover {
    opacity: 1;
    -webkit-box-shadow: 0px 0px 10px #98639b;
    box-shadow: 0px 0px 10px #98639b;
}

.fixbtn li.reserve a:before {
    display: block;
    content: "\f0e0";
    font-size: 24px;
    font-family: fontawesome;
    margin-bottom: 0;
}

.fixbtn li.magazine a {
    color: #a80033;
    background: #fff;
    border: solid 2px;
    content: "\f0e0";
}


.fixbtn li.magazine a:before {
    display: block;
    content: "\f3cd";
    font-size: 24px;
    font-family: fontawesome;
    margin-bottom: 5px;
}


.fixbtn li.m-news a {
    background: #b29553;
    color: #fff;
    content: "\f4a6";
}

.fixbtn li.m-news a:before {
    display: block;
    content: "\f15c";
    font-size: 24px;
    font-family: fontawesome;
    margin-bottom: 5px;
}

/*2021/12/11*/
.fixbtn li.fex-line a {
    color: #ffffff;
    background: #00B900;
    padding: 5px;
}

.fixbtn li.fex-line a:before {
    display: block;
    content: "\f3c0";
    font-size: 30px;
    font-family: fontawesome;
    margin-bottom: 5px;
}  

@media only screen and (max-width: 599px) {
  .fixbtn li {
    font-size: 14px;
  }
  .fixbtn li.reserve a:before {
    font-size: 20px;
  }
  .fixbtn li.magazine a:before {
    font-size: 20px;
  }
  .fixbtn li.m-news a:before {
    font-size: 20px;
  }
  .fixbtn li.fex-line a:before {
    font-size: 24px;
    margin-right: 5px;
  }
}

/*--2021/12/11--*/

@media only screen and (max-width: 1024px) {
    #footer {
        padding-bottom: 86px;
    }

    #footer .map:after {
        padding-top: 35%;
    }

    .footinfo {
        width: 100%;
        margin: 2% 0;
    }

    .footnav {
        width: 100%;
    }

    .fixbtn {
        width: 100%;
        top: auto;
        bottom: 3px;
    }

    .fixbtn li {
        width: 50%;
        margin: 0;
    }

    .fixbtn li.magazine a {
        background: #a80033;
        border: none;
        color: #fff;
    }

    .fixbtn li a:before {
        display: inline-block !important;
        margin-bottom: 0 !important;
        margin-right: 10px;
        vertical-align: middle;
    }
    .f-btn {
      background: #fff;
      
    }
}

/*2021/12/11*/
@media (max-width: 1024px) {
  .fixbtn li {
    /* width: calc((100% - 60px) / 2); */
    width: calc((100% - 0px) / 2);
  }
  /* .fixbtn li.fex-line {
    width: 60px;
  } */
  
  .fixbtn li.fex-line a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
  }
  
  .fixbtn li.fex-line .fex-line-text {
    display: none;
  }
}

/*--2021/12/11--*/

@media only screen and (max-width: 599px) {
    #footer .map:after {
        padding-top: 60%;
    }
}



/**/
/*btnwrap*/

.btnwrap li {
    width: 55%;
    margin: 2% 0;
}

.btnwrap li a {
    font-size: 16px;
    padding: 10px;
    text-align: center;
    position: relative;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    justify-content: center;
}

.btnwrap li a:before {
    display: block;
    font-family: fontawesome;
    margin-right: 5px;
}

.btnwrap li.reserve a {
    color: #fff;
    background: #98639b;
}

.btnwrap li.reserve a:hover {
    opacity: 1;
    -webkit-box-shadow: 0px 0px 10px #98639b;
    box-shadow: 0px 0px 10px #98639b;
}

.btnwrap li.magazine a,
.btnwrap li.siryo a {
    color: #a80033;
    border: solid 1px;
}

.btnwrap li.magazine a:hover,
.btnwrap li.siryo a:hover {
    color: #fff;
    background: #a80033;
    opacity: 1;
}

.btnwrap li.cansel a {
    color: #98639b;
    border: solid 1px #98639b;
}

.btnwrap li.cansel a:hover {
    color: #fff;
    background: #98639b;
    opacity: 1;
}

.btnwrap li.reserve a:before {
    content: "\f0e0"
}
.btnwrap li.magazine a:before {
    content: "\f3cd"

}

.btnwrap li.cansel a:before {
    content: "\f073"
}

.btnwrap li.siryo a:before {
    content: "\f15c"
}

@media (max-width: 1024px) {
    .btnwrap li a {
        font-size: 14px;
        padding: 8px;
    }
}

/**/
/*mainimg*/

.mainimg .slide:before {
    padding-top: 80vh;
}

.mainimg .slide {
    display: block !important;
}

.mainimg .slick-dots {
    width: 50%;
    bottom: 11px;
}

.topcatch {
    width: 50%;
    background: #fff;
    padding: 5%;
    padding-bottom: 50px;
    position: absolute !important;
    left: 0;
    bottom: 0;
}

.topcatch h2 {
    font-size: 65px !important;
    font-weight: normal;
    margin-bottom: 5%;
    letter-spacing: 5px;
    line-height: 1.2;
}

.topcatch h2 .violet {
  color: #98639b;
}


.topcatch dl dt {
    color: #98639b;
    margin-bottom: 10px;
}

.topcatch-tl {
  top: 0;
  bottom: auto;
}

.topcatch-c {
  top: 50%;
  bottom: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
}

.topcatch-tr {
  top: 0;
  bottom: auto;
  left: auto;
  right: 0;
}

.topcatch-br {
  left: auto;
  right: 0;
}

.topcatch-op {
  background: rgba(255,255,255,0.67);
}

.topcatch .more-big {
  max-width: 350px;
}

span.s {
    display: inline;
  }
  
@media only screen and (max-width: 1370px) {
  .topcatch {
    width: 60%;
    padding: 4%;
  }
  .topcatch h2 {
    font-size: 48px !important;
  }
}


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

    .mainimg .slide:before {
        padding-top: 90%;
    }

    .mainimg .slide img {
        min-width: 130%;
        left: auto;
    }
    
    .mainimg .slide.s_img1 img , .mainimg .slide.s_img2 img , .mainimg .slide.s_img3 img {
        min-width: 100%;
        left: 0;
    }
    
     .mainimg .slide.s_img4 img {
        left: -80px;
    }
    
    .topcatch h2 {
        font-size: 38px !important;
    } 
    
    span.s {
      display: block;
    }
}

@media only screen and (max-width: 599px) {
    .mainimg .slick-dots {
        width: 80%;
        bottom: 1px;
    }

    .mainimg .slide:before {
        padding-top: 100vh;
    }

    .mainimg .slide img {
        min-width: 300%;
    }
    
    .mainimg .slide.s_img1 img {
        min-width: 280%;
        left: auto;
    }
    
    .mainimg .slide.s_img2 img {
        min-width: 260%;
        left: 0;
    }
    
    .mainimg .slide.s_img3 img {
        min-width: 100%;
    }

    .topcatch {
        width: 80%;
        padding-bottom: 30px;
    }
    
    .mainimg .slide.s_img1 .topcatch {
      width: 100%;
    }

    .topcatch h2 {
        font-size: 30px !important;
    }

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

    .topcatch .more {
        margin-top: 20px;
    }

    .topcatch .more a {
        font-size: 14px;
        padding: 10px;
    }
    
    .mainimg .slide.s_img1 .topcatch-tl {
      top: 60%;
    }
    
    .mainimg .slide.s_img3 .topcatch {
      top: 65%;
    }
    
    .mainimg .slide.s_img4 .topcatch {
      top: 50%;
    }
}



/**/
/*top-news*/

.top-news .box {
    max-width: 700px;
    margin: auto;
}

.top-news .item {
    margin: 15px 0;
}

.top-news .item dt {
    width: 100px;
}

.top-news .item dd {
    width: calc(100% - 110px);
}




.top-line h4 {
  text-align: center;
  font-size: 26px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 10px;
}
.top-line h4.h42 {
  display: none;
}
.top-line .inner {
    width: 50%;
    padding: 10px;
    background: #00B900;
}
.top-line .inner .line-box {
  padding: 20px;
  border: 1px solid #fff;
}
.top-line .tbox {
  width: 65%;
  margin-right: 5%;
}

.top-line .tbox .txt01 {
    padding: 10px 0;
    font-size: 18px;
    color: #fff;
    text-align: center;
}
.top-line .tbox .txt01 span {
  font-weight: bold;
  font-size: 22px;
  color: #Fff;
}
.top-line .tbox .txt02 {
    background: #c2a764;
    text-align: center;
    padding: 15px;
    font-size: 16px;
    margin: 0 auto 20px auto;
    max-width: 250px;
}
.top-line .ibox {
  width: 30%;
}
@media only screen and (max-width: 1024px) {
  .top-line .inner {
    width: 70%;
  }
  .top-line h4 {
    font-size: 18px;
  }
  .top-line .tbox .txt01 {
    font-size: 16px;
    text-align: left;
  }
}

@media only screen and (max-width: 599px) {
  .top-line .inner {
    width: 90%;
    padding: 10px;
  }
  .top-line .inner .line-box {
    padding: 10px;
  }
  .top-line h4 {
    display: none;
  }
  .top-line h4.h42 {
    display: block;
    font-size: 18px;
  }
  .top-line .tbox {
    width: 55%;
  }
  .top-line .tbox .txt01 {
    padding: 10px;
    font-size: 16px;
  }
  .top-line .ibox {
    width: 40%;
  }
  .top-line .tbox .txt02 {
    padding:10px;
    font-size:14px;
    max-width: 250px;
  }
}
/*top-menu*/

.top-menu .item {
    width: calc(100% / 3 - 60px);
    background: #eadeef;
    margin: 40px 30px;
    counter-increment: num;
    position: relative;
}

.top-menu .item .num {
    width: 100%;
    color: #98639b;
    font-size: 18px;
    text-align: center;
}

/* .top-menu .item .num:after {
    display: inline-block;
    content: counter(num);
    font-size: 120%;
} */

.top-menu .item dd.big {
    font-size: 17px;
    padding: 0 5px 10px;
}

.top-menu .item dd.small {
    padding: 10px 10px 0;
}

@media only screen and (max-width: 1024px) {
    .top-menu .item {
        width: calc(100% / 2 - 60px);
    }
}

@media only screen and (max-width: 599px) {
    .top-menu .item {
        width: 75%;
    }
}



/**/
/*top-trouble*/

.top-trouble h4 {
    text-align: center;
}

.top-trouble .item {
    width: 23%;
    border: solid 1px #d2d2d2;
    padding: 10px;
    margin: 1%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.top-trouble .item .pic {
    width: 35%;
    border-radius: 100%;
}

.top-trouble .item dl {
    width: 60%;
}

@media only screen and (max-width: 1024px) {
    .top-trouble .item {
        width: 31.333%;
    }
}

@media only screen and (max-width: 599px) {
    .top-trouble .item {
        width: 48%;
    }

    .top-trouble .item .pic {
        width: 60%;
        margin: auto;
    }

    .top-trouble .item dl {
        width: 100%;
        margin-top: 10px;
    }
}



/**/
/*top-product*/

.top-product .item {
    width: calc(100% / 3 - 60px);
    background: #98639b;
    border: solid 1px #98639b;
    margin: 40px 30px;
    counter-increment: num;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.top-product .item .pentagon {
    background: url(/import/tenant_1/160.16.99.211/html/images/common/pentagon1.png) no-repeat;
    background-size: contain;
}

.top-product .item .pentagon .num {
    width: 100%;
    color: #fff;
    font-size: 18px;
    text-align: center;
}

.top-product .item .num:after {
    display: inline-block;
    content: counter(num);
    font-size: 120%;
}

.top-product .item dd.tit {
    color: #fff;
    padding: 10px;
    text-align: center;
}

@media only screen and (max-width: 1024px) {
    .top-product .item {
        width: calc(100% / 2 - 60px);
    }
}

@media only screen and (max-width: 599px) {
    .top-product .item {
        width: 75%;
    }
}



/**/
/*top-link*/

.top-link .item {
    position: relative;
}

.top-link .item dl {
    width: 90%;
    height: 90%;
    background: rgba(255, 255, 255, 0.6);
    padding: 5%;
    position: absolute;
    top: 5%;
    left: 5%;
    -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;
}

.top-link .item dt {
    width: 100%;
    font-size: 20px;
    text-align: center;
}

.top-link .item dd {
    width: 100%;
    text-align: center;
}

.top-link .item dd:after {
    display: block;
    content: "\f0da";
    font-family: fontawesome;
    color: #fff;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #98639b;
    border-radius: 100%;
    margin: 5px auto 0;
    text-align: center;
}

@media (max-width: 1024px) {

    .top-link .item dt,
    .top-link .item dd {
        font-size: 14px;
        line-height: 120%;
    }

    .top-link .item dd:after {
        font-size: 16px;
        width: 20px;
        height: 20px;
        line-height: 20px;
    }
}

@media (max-width: 599px) {

    .top-link .item dt,
    .top-link .item dd {
        font-size: 12px;
    }
}

/**/
/*top-blog*/

.top-blog .item dd {
    font-size: 16px;
    margin-top: 10px;
}

.top-blog .item dd.arrow {
    display: block;
    width: 50%;
    height: 12px;
    border-bottom: solid 1px #d2d2d2;
    padding-right: 0;
    position: relative;
}

.top-blog .item dd.arrow:after {
    display: block;
    content: "\f0da";
    color: #98639b;
    font-family: fontawesome;
    position: absolute;
    top: 0;
    right: -15px;
}



/**/
/*top-bnr1*/

.top-bnr1 .item {
    position: relative;
}

.top-bnr1 .item dd {
    width: 90%;
    position: absolute !important;
    top: 50%;
    left: 5%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    z-index: 10;
}

.top-bnr1 .item dd span {
    display: block;
    text-shadow: 2px 2px 15px #fff, 2px -2px 15px #fff, -2px 2px 15px #fff, -2px -2px 15px #fff, 2px 2px 15px #fff, 2px -2px 15px #fff, -2px 2px 15px #fff, -2px -2px 15px #fff;
}

.top-bnr1 .item dd span.ja {
    font-size: 20px;
    margin-bottom: 5px;
}

.top-bnr1 .item dd span.en {
    font-size: 16px;
}

.top-bnr2 .box a {
    background: #fafafa;
    /* border: solid 8px #eadeef; */
    border: solid 8px #98639b;
    padding: 5%;
    position: relative;
}

.top-bnr2 .box h3 {
    width: 25%;
    margin: auto;
    /* position: relative; */
    z-index: 5;
    display: flex;
}

.top-bnr2 .box .heading .sub {
  line-height: inherit;
}

.top-bnr2 .box .txtbox {
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 5;
}

.top-bnr2 .box .txtbox .big {
    font-size: 36px;
    font-weight: bold;
    color: #98639b;
}

.top-bnr2 .box .txtbox .big2 {
  font-size: 26px;
  font-weight: bold;
}

.top-bnr2 .box .pic {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

/* .top-bnr2 .box .pic:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(250, 250, 250, 1)), to(rgba(250, 250, 250, 0)));
    background: linear-gradient(to right, rgba(250, 250, 250, 1) 0%, rgba(250, 250, 250, 0) 70%);
    position: absolute;
    top: 0;
    left: 0;
} */

.top-bnr2 .box .pic:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(250, 250, 250, 1)), to(rgba(250, 250, 250, 0)));
    background: linear-gradient(to right, rgba(250, 250, 250, 1) 0%, rgb(255 255 255 / 62%) 70%);
    position: absolute;
    top: 0;
    left: 0;
}

.top-bnr2 .box .btn {
    width: 140px;
    color: #fff;
    padding: 10px;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 5;
}

.top-bnr2 .box .btn:before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-left: solid 200px transparent;
    border-bottom: solid 100px #98639b;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.top-bnr2 .box .btn:after {
    display: inline-block;
    content: "▶︎";
    font-size: 12px;
    margin-top: -4px;
    margin-left: 5px;
    vertical-align: middle;
}

@media only screen and (max-width: 1024px) {
  .top-bnr2 .box h3 {
    width: 33%;
  }
  .top-bnr2 .box .txtbox .big {
    font-size: 32px;
  }
}

@media only screen and (max-width: 599px) {
    .top-bnr2 .box h3 {
        width: 100%;
        margin-bottom: 30px;
        text-shadow: 2px 2px 10px #fff, 2px -2px 10px #fff, -2px 2px 10px #fff, -2px -2px 10px #fff, 2px 2px 10px #fff, 2px -2px 10px #fff, -2px 2px 10px #fff, -2px -2px 10px #fff;
        display: block;
    }

    .top-bnr2 .box .txtbox {
        width: 100%;
        margin-bottom: 40px;
        text-shadow: 2px 2px 10px #fff, 2px -2px 10px #fff, -2px 2px 10px #fff, -2px -2px 10px #fff, 2px 2px 10px #fff, 2px -2px 10px #fff, -2px 2px 10px #fff, -2px -2px 10px #fff;
    }

    .top-bnr2 .box .pic {
        width: 100%;
    }

    .top-bnr2 .box .btn {
        width: 100%;
        background: #98639b;
    }

    .top-bnr2 .box .btn:before {
        display: none;
    }
    
    .top-bnr2 .box .pic:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(250, 250, 250, 1)), to(rgba(250, 250, 250, 0)));
    background: linear-gradient(to right, rgba(250, 250, 250, 1) 0%, rgb(255 255 255 / 38%) 70%);
    position: absolute;
    top: 0;
    left: 0;
}
}



/**/
/*subimg*/

.subimg {
    position: relative;
}

.subimg h2 {
    color: inherit;
    font-size: 40px;
    position: absolute !important;
    top: 50%;
    left: calc(50% - 500px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.subimg h2.heading .deco {
    text-shadow: 1px 1px 10px #fff, 1px 1px 10px #fff, 1px 1px 10px #fff, 1px 1px 10px #fff, 1px 1px 10px #fff, 1px 1px 10px #fff, -2px -2px 20px #fff, -2px -2px 20px #fff, -3px -3px 30px #fff, 3px 3px 30px #fff;
}

.subimg h2 span:not([data-element-id]):first-letter {
    color: #98639b;
}

.subimg:before {
    display: block;
    content: "";
    padding-top: 30%;
}

.subimg img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: 'object-fit: cover; object-position: center center;';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

@media only screen and (max-width: 1024px) {
    .subimg h2 {
        width: 90%;
        font-size: 34px;
        background: rgba(255, 255, 255, 0.8);
        padding: 10px 5px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .subimg:before {
        padding-top: 40%;
    }

    .subimg img {
        -o-object-position: center right;
        object-position: center right;
        font-family: 'object-fit: cover; object-position: center right;';
        opacity: 0.9;
    }
}

@media only screen and (max-width: 599px) {
    .subimg h2 {
        font-size: 26px;
        padding: 5px;
    }

    .subimg:before {
        padding-top: 45%;
    }
}



/**/
/*underimg*/

.underimg {
    margin-bottom: 5%;
}

.underimg .pic:after {
    display: block;
    content: "";
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border: solid 1px #d2d2d2;
    position: absolute;
    top: 10px;
    left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.underimg .pic img {
    opacity: 0.8;
}



/**/
/*borderbox*/

.borderbox {
    background-image: url(/import/tenant_1/160.16.99.211/html/images/subcommon/borderbox1.png), url(/import/tenant_1/160.16.99.211/html/images/subcommon/borderbox2.png), url(/import/tenant_1/160.16.99.211/html/images/subcommon/borderbox3.png), url(/import/tenant_1/160.16.99.211/html/images/subcommon/borderbox4.png);
    background-repeat: no-repeat;
    background-position: top 5px left 5px, top 5px right 5px, bottom 5px left 5px, bottom 5px right 5px;
    background-size: 40px;
    border: solid 8px #eadeef;
    padding: 50px;
    margin: 5% 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (max-width: 599px) {
    .borderbox {
        background-size: 25px;
        border-width: 4px;
        padding: 20px;
    }
}



/**/
/*form*/

.form .hissu {
    color: #ae2347;
    margin-bottom: 20px;
}

.form dl {
    margin-bottom: 20px;
}

.form dt {
    width: 160px;
}

.form dd {
    width: calc(100% - 200px);
}

.form dd ul li {
    display: inline-block;
    max-width: 47%;
    margin: 0 1%;
    vertical-align: top;
}

.form dd .dateselect {
    width: 98%;
    margin: 0 1% 10px;
}

.form input[type="text"] {
    width: 98%;
    max-width: 500px;
    background: #f9f1fc;
    border: none;
    padding: 5px 10px;
    margin: 0 1%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form input[type="text"].maxlength {
    max-width: 180px;
}

.form input[type="radio"] {
    margin-right: 5px;
    margin-top: -8px;
    vertical-align: middle;
}

.form select {
    margin: 0 1%;
}

.form textarea {
    width: 98%;
    max-width: 500px;
    height: 200px;
    background: #f9f1fc;
    border: none;
    margin: 0 1%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form .formbtn {
    margin-top: 30px;
}

.form .formbtn li {
    width: 48%;
    max-width: 250px;
    margin: 0 1%;
}

.form .formbtn li button {
    display: block;
    width: 100%;
    background: #98639b;
    color: #fff;
    font-size: 16px;
    padding: 15px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    justify-content: center;
}

.form .formbtn li.next button:before {
    display: block;
    content: "";
    border: solid 1px;
    position: absolute;
    top: 5px;
    left: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form .formbtn li.next button:after {
    display: block;
    content: "\f0da";
    font-family: fontawesome;
    margin-left: 10px;
}

.form .formbtn li.back button:before {
    display: block;
    content: "\f0d9";
    font-family: fontawesome;
    margin-right: 10px;
}

.form .formbtn li.back button:after {
    display: block;
    content: "";
    border: solid 1px;
    position: absolute;
    top: 5px;
    left: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form .reserve-box .notice,
.form .reserve-confirm-box .notice {
    font-size: 12px;
}

.form .reserve-confirm-box {
    background-color: #f5f5f5;
    margin-bottom: 20px;
    padding: 20px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

    .form dt {
        width: 100% !important;
        margin-bottom: 5px;
    }

    .form dd {
        width: 100% !important;
    }

    .form dd ul li {
        width: 100%;
        max-width: none;
    }

    .form .formbtn li {
        width: 100%;
        margin: 2% 0;
    }
}



/**/
/*pentagon*/

.pentagon {
    width: 80px;
    height: 80px;
    color: #98639b;
    background: url(/import/tenant_1/160.16.99.211/html/images/common/pentagon2.png) no-repeat;
    text-align: center;
    background-size: contain;
    position: absolute !important;
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.pentagon * {
    position: absolute !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}



/**/
/*attention*/

.attention {
    /* text-align: center; */
    margin: 30px 0;
}

.not_tac {
    text-align: left;
}

/**/
/*listcrown*/

.listcrown li {
    padding-left: 25px;
    margin-bottom: 15px;
    position: relative;
}

.listcrown li:before {
    display: block;
    content: "";
    background: url(/import/tenant_1/160.16.99.211/html/images/staff/crown.png) no-repeat;
    background-size: contain;
    width: 17px;
    height: 20px;
    position: absolute;
    top: 2px;
    left: 0;
}



/**/
/*pricetable*/

.pricetable:not(:last-of-type) {
    margin-bottom: 6%;
}

.pricetable table {
    width: 100%;
    border: solid 2px #98639b;
    border-collapse: collapse;
    border-spacing: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pricetable table th {
    width: 50%;
    color: #fff;
    background: #98639b;
    border-bottom: solid 1px #fff;
    font-weight: normal;
    padding: 10px;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pricetable table td {
    width: 50%;
    color: #98639b;
    font-size: 18px;
    background: #fff;
    border-bottom: solid 1px #e0d0e1;
    padding: 10px;
    text-align: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pricetable .mini {
    color: #98639b;
    font-size: 18px;
    font-weight: bold;
   /*  margin-top: 10px; */
    text-align: right;
}

@media only screen and (max-width: 599px) {
    .pricetable table th {
        display: block;
        width: 100%;
        padding: 2% 10px;
        height: auto;
        
    }

    .pricetable table td {
        display: block;
        width: 100%;
    }
    
    .pricetable .mini {
      font-size: 16px;
    }
}



/**/
/*menutable*/

.menutable {
    margin: 5% 0;
}

.menutable table {
    width: 100%;
    border: solid 1px #98639b;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.menutable table thead th {
    background: #98639b;
    padding: 10px 5px;
    text-align: center;
}

.menutable table thead td {
    color: #fff;
    background: #98639b;
    border-left: solid 1px #fff;
    padding: 10px 5px;
    text-align: center;
}

.menutable table thead td .label {
    color: #98639b;
    font-size: 18px;
    background: #f4eef7;
    border-radius: 100%;
    padding: 7px;
    margin-right: 10px;
}

.menutable table tbody th {
    color: #98639b;
    font-weight: normal;
    background: #f4eef7;
    border: solid 1px #98639b;
    padding: 10px 5px;
}

.menutable table tbody td {
    border: solid 1px #98639b;
    padding: 10px 5px;
    text-align: center;
}

.menutable.-type01 td,
.menutable.-type01 th {
    text-align: left;
}


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



/**/
/*pricetable*/

.risktable .box {
    max-width: 800px;
    margin: 0 auto 100px;
}

.risktable .box .item {
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.risktable .item dt {
    width: 150px;
    color: #98639b;
}

.risktable .item dd {
    width: calc(100% - 160px);
}

@media only screen and (max-width: 599px) {
    .risktable .item dt {
        width: 100%;
        margin-bottom: 5px;
    }

    .risktable .item dd {
        width: 100%;
    }
}



/**/
/*casewrap*/

.casewrap .box .item {
    border: solid 4px #eadeef;
    padding: 15px;
}

.casewrap .box .item h4 {
    color: #98639b;
    font-size: 18px;
    margin-bottom: 10px;
    text-align: center;
}

.casewrap .box .item h4:after {
    display: block;
    content: url(/import/tenant_1/160.16.99.211/html/images/tenor/tenor-deco.png);
    line-height: 1;
}

.casewrap .box .item .pos {
    position: relative;
}

.casewrap .box .item .pos:before {
    display: inline-block;
    content: "\f0da\f0da\f0da";
    color: #98639b;
    font-family: fontawesome;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.casewrap .box .item .picbox {
    width: 48%;
    text-align: center;
}

.casewrap .box .item .picbox .txt {
    color: #98639b;
    margin-top: 5px;
}

.casewrap .stream {
    background: #f8f8f8;
    border-radius: 15px;
    padding: 20px;
    margin-top: 5%;
}

.casewrap .stream h5 {
    color: #98639b;
    text-align: center;
}

.casewrap .stream .item {
    width: 12%;
    max-width: 18%;
    margin: 1%;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.casewrap .stream .item:before {
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    background: #98639b;
    position: absolute;
    top: 34%;
    left: 100%;
}

.casewrap .stream .item:last-of-type:before {
    display: none;
}

.casewrap .stream .item .pic {
    border-radius: 10px;
}

.casewrap .stream .item .tit {
    color: #98639b;
    font-size: 14px;
    margin-top: 5px;
    text-align: center;
}

.casewrap .stream .item .txt {
    font-size: 14px;
    margin-top: 5px;
    text-align: center;
}

@media only screen and (max-width: 1024px) {
    .casewrap .stream .item {
        width: 23%;
        max-width: 23%;
    }

    .casewrap .stream .item:before {
        display: none;
    }
}

@media only screen and (max-width: 599px) {
    .casewrap .stream .item {
        width: 48%;
        max-width: 48%;
    }
}



/**/
/*casewrap*/

.hairpro h4 {
    text-align: center;
}

.hairpro .item .pic {
    width: 100%;
    max-width: 250px;
    margin: auto;
}

.hairpro .item .tit {
    color: #98639b;
    font-size: 18px;
    margin: 10px 0;
    text-align: center;
}

.hairpro .item .txt {
    margin: 10px 0;
}

.hairpro .item dt {
    width: calc(100% - 140px);
}

.hairpro .item dd {
    width: 130px;
    color: #ae2347;
    text-align: right;
}

@media only screen and (max-width: 599px) {
    .hairpro .item dt {
        width: 100%;
        text-align: right;
    }

    .hairpro .item dd {
        width: 100%;
    }
}



/**/
/*pagenav*/

.pagenav {
    margin: 8% 0;
    text-align: center;
}

.pagenav li {
    font-size: 20px;
    margin: 0 2%;
    text-align: center;
}

.pagenav li.active {
    color: #98639b;
}

.pagenav li.prev a,
.pagenav li.next a {
    display: inline-block;
    width: 60px;
    color: #98639b;
    position: relative;
}

.pagenav li.prev a {
    text-align: left;
}

.pagenav li.next a {
    text-align: right;
}

.pagenav li.prev a:before {
    display: inline-block;
    content: "";
    height: 1px;
    width: 40px;
    background: #98639b;
    vertical-align: middle;
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pagenav li.next a:before {
    display: inline-block;
    content: "";
    height: 1px;
    width: 40px;
    background: #98639b;
    vertical-align: middle;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}



/**/
/*2column*/

.cusconmain {
    width: calc(100% - 270px - 5%);
    margin-left: 5%;
}
.cusconmain .box a {
  text-decoration: underline;
  color: #0081e5 
}
.blogdetail .cusconmain .txt h2 {
  color: #98639b;
  padding: 5px 10px;
  font-size: 24px;
  font-weight: bold;
  background: #eadeef;
}

.blogdetail .cusconmain .txt h3 {
  font-size: 22px;
  color: #e9be6c;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}

.side {
    width: 270px;
}

.side dl:not(:last-of-type) {
    margin-bottom: 30px;
}

.side dl dt.heading {
    font-size: 20px;
    margin-bottom: 20px;
}

.side dl dt.heading .deco {
    padding: 0 70px;
}

.side dl dt.heading .deco:before {
    width: 50px;
    height: 19px;
}

.side dl dt.heading .deco:after {
    width: 50px;
    height: 19px;
}

.side dl dd {
    border-bottom: solid 1px #d2d2d2;
    margin: 15px 0;
    padding-bottom: 15px;
    text-align: center;
}

.product .side dl dd {
    text-align: left;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (max-width: 1024px) {
    .cusconmain {
        width: 100%;
        margin-left: 0;
        margin-bottom: 50px;
    }

    .side {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .side dl {
        width: 48%;
    }
}

@media only screen and (max-width: 599px) {
  .blogdetail .cusconmain .txt h2 {
    font-size: 22px;
  }
  
  .blogdetail .cusconmain .txt h3 {
    font-size: 20px;
  }
  
    .side {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .side dl {
        width: 100%;
    }
}


/**/
/*about*/

.about1 .box {
    max-width: 700px;
    margin: auto;
}

.about1 .box .item {
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.about1 .item dt {
    width: 140px;
}

.about1 .item dd {
    width: calc(100% - 140px);
}

.about2 .left .pic {
    border: solid 1px #98639b;
}

.about2 .right .minibox {
    counter-increment: num;
    padding-left: 100px;
    margin-bottom: 30px;
    position: relative;
}

.about2 .minibox .pentagon {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.about2 .minibox .pentagon .num {
    width: 110px;
    font-size: 14px;
}

.about2 .minibox .pentagon .num:after {
    display: block;
    content: "0"counter(num);
    font-size: 30px;
    margin-top: 5px;
}

.about2 .minibox li {
    padding-left: 30px;
    margin-top: 20px;
    position: relative;
}

.about2 .minibox li:before {
    display: block;
    content: "\f0da";
    width: 22px;
    line-height: 22px;
    color: #fff;
    font-family: fontawesome;
    background: #98639b;
    border-radius: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 1024px) {
    .about2 .right .minibox {
        padding-left: 0;
    }

    .about2 .minibox .pentagon {
        position: static !important;
    }
}

@media only screen and (max-width: 599px) {
    .about1 .item dt {
        width: 100%;
        margin-bottom: 5px;
    }

    .about1 .item dd {
        width: 100%;
    }
}



/**/
/*first*/

.first1 h5.heading {
    margin: 5% 0 0 0;
}

.first1 .box {
    max-width: 800px;
    margin: auto;
}

.first1 .box .minibox:not(:last-of-type) {
    margin-bottom: 8%;
}

.first1 .item dt {
    color: #98639b;
    font-size: 20px;
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 15px;
    margin-bottom: 15px;
    text-align: center;
}

.first1 .item dd {
    font-size: 16px;
}

.first1 .box .more {
    max-width: 350px;
}



/**/
/*staff*/

.staff1 .left .txt {
    margin-bottom: 20px;
}

.staff1 .right .pic {
    border: solid 3px #98639b;
}

.staff1 .borderbox dl:not(:last-of-type),
.staff1 .borderbox .career {
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.staff1 .borderbox .career dl {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.staff1 .borderbox dt,
.staff1 .borderbox h4 {
    width: 90px;
}

.staff1 .borderbox h4 {
    font-size: 16px;
}

.staff1 .borderbox dd,
.staff1 .borderbox .box {
    width: calc(100% - 90px);
}

.staff1 .borderbox .box dl {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.staff1 .txt a {
  color:#1a0dab;
  text-decoration: underline;
}

.staff2 .item {
    background: #eadeef;
}

.staff2 .item dd {
    padding: 10px;
}

.staff3 .minibox +.minibox {
  margin-top: 50px;
}
.staff3 .txt {
  margin-bottom: 30px;
}
.staff3 .sign {
  margin-top: 30px;
  font-weight: bold;
}

.contactbox {
    position: relative;
}

.contactbox .left:before {
    display: block;
    content: "";
    width: 1px;
    height: 100%;
    background: #d2d2d2;
    position: absolute;
    top: 0;
    left: 50%;
}

.contactbox .left .tel {
    text-align: center;
}

.contactbox .left .tel a {
    display: inline-block;
    color: #98639b;
    font-size: 28px;
    font-style: italic;
    padding-left: 40px;
    position: relative;
}

.contactbox .left .tel a:before {
    display: block;
    content: "\f879";
    font-family: fontawesome;
    position: absolute;
    top: 0;
    left: 0;
}

.contactbox .left .time {
    margin-top: 10px;
    text-align: center;
}

.contactbox .right li {
    text-align: center;
}

.contactbox .right li a {
    color: #98639b;
    font-size: 20px;
}

.staff3 .box {
    margin: 30px 0;
}

.staff3 .box li {
    color: #98639b;
}

.staff3 .box .more {
    width: 31.333%;
    max-width: 350px;
    margin: 10px 1% 0 1%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

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

    .staff1 .borderbox dt,
    .staff1 .borderbox h4 {
        width: 100%;
        margin-bottom: 5px;
    }

    .staff1 .borderbox dd,
    .staff1 .borderbox .box {
        width: 100%;
    }

    .staff1 .borderbox .box dl:not(:last-of-type) {
        margin-bottom: 15px;
    }

    .staff3 .box .more {
        width: 48%;
    }

    .contactbox .left:before {
        display: none;
    }
}



/**/
/*faq*/

.faq .pagelink {
  margin-bottom: 50px;
}

.faq .pagelink .inner {
    padding-bottom: 0;
}

.faq .pagelink li {
    width: 23%;
    max-width: 31.333%;
    margin: 1%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.faq1 .box {
    max-width: 800px;
    margin: auto;
}

.faq1 .item {
    padding-left: 70px;
    position: relative;
}

.faq1 .item:not(:last-of-type) {
    margin-bottom: 30px;
}

.faq1 .item dt {
    color: #98639b;
    font-size: 18px;
    border-bottom: solid 1px #d2d2d2;
    padding-top: 10px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.faq1 .item .pentagon {
    width: 50px;
    height: 50px;
}

.faq1 .item .pentagon {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.faq1 .item .pentagon .q {
    font-size: 24px;
}

@media only screen and (max-width: 599px) {
    .faq .pagelink li {
        width: 80%;
        max-width: none;
    }
}



/**/
/*treatment*/

.treatment1 li {
    width: 23%;
    margin: 1% 3%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -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;
}

.treatment1 li a {
    height: 100%;
    width: initial;
    padding: 15px 10px;
    line-height: 1.4;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.treatment2 .flex {
  max-width: 
}



.treatment2 li {
    /* width: calc(100% / 3); */
    width: 23%;
    margin: 1%;
}

.treatment2 li a {
    color: inherit;
    background: #eadeef;
}

@media only screen and (max-width: 1024px) {
    .treatment1 li {
        width: 31.333%;
    }

    .treatment2 li {
        width: 31.333%;
        height: 70px;
        margin: 1% auto;
    }
}

@media only screen and (max-width: 599px) {
    .treatment1 li {
        width: 41%;
        margin: 2% 5% 2% 3%;
    }

    .treatment1 li a {
        font-size: 14px;
    }
}



/**/
/*price*/

.price1 .inner {
    padding-bottom: 0;
}

.price1 .borderbox dl {
    width: 46%;
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 15px;
    margin: 15px 0 15px;
}

.price1 .borderbox dt {
    width: calc(70% - 90px);
}

.price1 .borderbox dd {
    width: 160px;
    color: #98639b;
    text-align: right;
}

.price1 .borderbox .mini {
    text-align: right;
}

.price2 .item {
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.price2 .item dt {
    width: calc(82% - 500px);
    margin-right: 30px;
}

.price2 .item .price {
    width: 330px;
    margin-right: 0;
    text-align: left;
}

.price2 .item .more {
    width: 170px;
    margin: 0;
}

.price2 .item .more a {
    font-size: 14px;
    padding: 10px;
}

@media only screen and (max-width: 1024px) {
    .price1 .borderbox dl {
        width: 100%;
    }
}

@media only screen and (max-width: 599px) {
    .price2 .item dt {
        width: 100%;
        margin: 0 0 5px;
    }

    .price2 .item .price {
        width: 100%;
        margin: 0 0 10px;
        text-align: left;
    }

    .price2 .item .more {
        margin-left: auto;
    }
}



/**/
/*flow*/

.flow1 .box .minibox {
    padding: 20px 0 30px 120px;
    position: relative;
}

.flow1 .box .minibox:not(:last-of-type):before {
    display: block;
    content: "";
    width: 1px;
    height: 100%;
    background: #98639b;
    position: absolute;
    top: 0;
    left: 39px;
}

.flow1 .minibox .pentagon {
    color: #fff;
    font-size: 18px;
    background: url(/import/tenant_1/160.16.99.211/html/images/common/pentagon1.png) no-repeat;
    background-size: contain;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.flow1 .minibox .pentagon .step {
    width: 100%;
}

.flow1 .minibox>dl dt {
    color: #98639b;
    font-size: 20px;
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.flow1 .btnbox .more {
    width: 31.333%;
    max-width: 48%;
    margin: 20px 1% 0 1%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.flow1 .btnbox .more a {
    height: 100%;
}

.flow1 .linkbox {
    margin: 20px 0;
}

.flow1 .linkbox .left dl {
    margin: 10px 0;
}

.flow1 .linkbox .left dt {
    color: #98639b;
    padding-left: 25px;
    margin-right: 2%;
    position: relative;
}

.flow1 .linkbox .left dt:before {
    display: block;
    content: "";
    width: 17px;
    height: 17px;
    background: url(/import/tenant_1/160.16.99.211/html/images/staff/crown.png) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.flow1 .linkbox .left dd a {
    color: #98639b;
    font-size: 22px;
}

.flow1 .linkbox .right {
    text-align: center;
}

.flow1 .linkbox .right .img {
    display: inline-block;
    border: solid 3px #98639b;
}

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

    .flow1 .linkbox .right {
        width: 100%;
    }
}

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

    .flow1 .box .minibox {
        padding: 12px 0 30px 70px;
        position: relative;
    }

    .flow1 .box .minibox:not(:last-of-type):before {
        left: 29px;
    }

    .flow1 .minibox .pentagon {
        width: 60px;
        height: 60px;
        font-size: 14px;
    }

    .flow1 .linkbox .left dt {
        width: 98%;
        margin-bottom: 5px;
    }

    .flow1 .linkbox .left dd {
        width: 100%;
    }

    .flow1 .btnbox .more {
        width: 98%;
        max-width: none;
    }
}



/**/
/*recruit*/

.recruit1 .tabbtn li {
    width: 29.1111%;
    background: #e3e1e1;
    color: #98639b;
    font-size: 20px;
    padding: 10px;
    margin: 0 2%;
    text-align: center;
    cursor: pointer;
}

.recruit1 .tabbtn li.active {
    background: #fff;
    border: solid 4px #98639b;
    border-bottom: none;
    margin-bottom: -4px;
}

[data-element-id] .recruit1 .tablist {
    display: block;
}

.recruit1 .tablist {
    display: none;
    border: solid 4px #98639b;
    padding: 5%;
}

.recruit1 .tablist.active {
    display: block;
}

.recruit1 .tabinn {
    max-width: 800px;
    margin: auto;
}

.recruit1 .tabinn .item {
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 15px;
    margin: 15px 0;
}

.recruit1 .tabinn .item dt {
    width: 120px;
}

.recruit1 .tabinn .item dd {
    width: calc(100% - 120px);
}

.recruit1 .tabinn .attention {
    margin: 0;
  /*  text-align: right; */
}

@media only screen and (max-width: 599px) {
    .recruit1 .tabbtn li {
        font-size: 18px;
    }
}



/**/
/*privacy*/

.privacy1 .box {
    max-width: 800px;
    margin: auto;
}

.privacy1 .item {
    margin: 30px 0;
}

.privacy1 .item:not([data-element-id]):first-letter {
    color: #98639b;
    font-size: 140%;
}



/**/
/*record*/

.record1 .box {
    margin: 6% 0;
}

.record1 .box h3 {
    margin-bottom: 30px;
}

.record1 .box h4 {
    color: #98639b;
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.record1 .box .txt {
    margin: 20px 0;
}

.record1 .box .numlist {
    margin: 20px 0;
}

.record1 .box .numlist .num {
    padding-left: 30px;
    padding-bottom: 5px;
    position: relative
}

.record1 .box .numlist .num span.no {
    display: block;
    content: "";
    width: 25px;
    height: 25px;
    line-height: 25px;
    color: #98639b;
    font-size: 18px;
    background: #eadeef;
    border-radius: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

/* .record1 .box .numlist .num {
    margin-bottom: 15px;
    padding-left: 40px;
    counter-increment: num;
    position: relative;
}

.record1 .box .numlist .num:before {
    display: block;
    content: counter(num);
    width: 25px;
    height: 25px;
    line-height: 25px;
    color: #98639b;
    font-size: 18px;
    background: #eadeef;
    border-radius: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
} */

.record1 .box .dllist {
    margin: 20px 0;
}

.record1 .box .dllist dl {
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-left: 40px;
}

.record1 .box .dllist dt {
    width: calc(100% - 230px);
}

.record1 .box .dllist dd {
    width: 220px;
    text-align: right;
}

.record1 .boxlist .num dt {
    font-size: 18px;
    margin-bottom: 5px;
}

.record1 .box .boxin {
    border: solid 4px #eadeef;
    padding: 20px;
    margin: 30px 0;
}

.record1 .boxin h5 {
    color: #98639b;
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 15px;
    padding-left: 25px;
    margin-bottom: 15px;
    position: relative;
}

.record1 .boxin h5:before {
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    background: url(/import/tenant_1/160.16.99.211/html/images/staff/crown.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 5px;
    left: 0;
}

.record1 .boxin li {
    width: 48%;
    margin: 1%;
}

.record1 .boxin2 dl {
    width: calc(100% / 2 - 40px);
    background: #f2f2f2;
    margin: 20px;
    padding: 20px;
    position: relative;
}

.record1 .boxin2 .pentagon {
    width: 45px;
    height: 45px;
}

.record1 .boxin2 .pentagon .label {
    font-size: 22px;
}

@media only screen and (max-width: 599px) {
    .record1 .box .dllist dt {
        width: 100%;
        margin-bottom: 5px;
    }

    .record1 .box .dllist dd {
        width: 100%;
    }

    .record1 .boxin li {
        width: 98%;
    }

    .record1 .boxin2 dl {
        width: calc(100% - 40px);
    }
}



/**/
/*news*/

.newslist .box .item {
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.newslist .box .item dt {
    margin-bottom: 10px;
}

.newslist .box .item dt .date {
    width: 90px;
}

.newslist .box .item dt .cate {
    max-width: calc(100% - 110px);
    color: #fff;
    background: #98639b;
    padding: 2px 5px;
}

.newsdetail .box .item dd {
    color: #98639b;
    font-size: 20px;
}

.newsdetail .box .txt {
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.newsdetail .box .txt img {
    display: block;
    max-width: 500px;
    margin: auto;
}

.detail .pagenav li {
    width: 29%;
}

.detail .pagenav li.prev a,
.detail .pagenav li.next a {
    width: 110px;
}

.detail .pagenav li.prev a:after {
    display: inline-block;
    content: "BACK";
    color: #000;
    font-size: 16px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.detail .pagenav li.next a:after {
    display: inline-block;
    content: "NEXT";
    color: #000;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.detail .pagenav li.more a {
    padding: 10px;
}

.detail .pagenav li.more a:after {
    display: none;
}

@media only screen and (max-width: 599px) {
    .detail .pagenav li {
        width: 46%;
        margin: 2%;
    }

    .detail .pagenav li.prev {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .detail .pagenav li.next {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .detail .pagenav li.more {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}



/**/
/*enquete*/

.enquetelist .item dt {
    margin: 10px 0;
}

.enquetelist .item dt span {
    display: block;
    color: #999999;
    font-size: 14px;
    line-height: 1.4;
}

.enquetedetail .borderbox .decobox {
    margin-bottom: 10px;
    text-align: center;
}

.enquetedetail .borderbox h3 {
    font-size: 20px;
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.enquetedetail .borderbox h4 {
    font-size: 20px;
    margin-bottom: 15px;
}

.enquetedetail .borderbox .txt img {
    display: block;
    margin: auto;
}

.enquetedetail .borderbox dl {
    border-top: solid 1px #d2d2d2;
    padding-top: 20px;
    margin-top: 20px;
}

.enquetedetail .borderbox dt {
    color: #999;
    font-size: 14px;
}

.enquetedetail .borderbox dd {
    color: #999;
    font-size: 14px;
}

/* 移管記事表示整え用 */
.enquetedetail .borderbox div[id*="attachment_"] {
    width: 100% !important;
    margin: 10px 0;
}

.enquetedetail .borderbox .kijitas {
    font-size: 22px;
    line-height: 120%;
    margin: 50px 0 10px 0;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}

.enquetedetail .borderbox h3.kijitas {
    font-size: 18px;
    font-weight: bold;
    margin: 30px 0 10px 0;
    padding: 5px 5px 5px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 5px solid #6a5b52;
    border-top: none;
    border-bottom: none;
}

.enquetedetail .borderbox .post_img a,
.enquetedetail .borderbox div[id*="attachment_"] a {
    display: block;
    pointer-events: none;
}

.enquetedetail .borderbox .post_img+h2,
.enquetedetail .borderbox .post_img+h2+p+h2 {
    font-size: 26px;
    font-weight: bold;
    line-height: 120%;
    color: #6a5b52;
    margin: 15px 0;
}

.enquetedetail .borderbox a[href*="#"] {
    color: #2f5c7b;
}

.enquetedetail .borderbox a[href*="#"]:hover {
    text-decoration: underline;
    opacity: 1;
}

.enquetedetail .borderbox h2.kijitas:last-of-type+p a {
    display: block;
    pointer-events: none;
}

.enquetedetail .borderbox h2.kijitas:last-of-type+p a img {
    margin-left: 0;
}

.wp_social_bookmarking_light {
    display: none;
}

@media (max-width: 599px) {

    .enquetedetail .borderbox .post_img+h2,
    .enquetedetail .borderbox .post_img+h2+p+h2 {
        font-size: 18px;
        margin: 5px 0;
    }

    .enquetedetail .borderbox .kijitas {
        font-size: 18px;
    }

    .enquetedetail .borderbox p {
        font-size: 14px;
    }
}

/* 移管記事表示整え用ここまで */

/**/
/*blog*/

.bloglist .item dd {
    color: #98639b;
}

.bloglist .borderbox {
    margin-top: 0;
    margin-bottom: 4%;
}

.bloglist .borderbox a {
    display: block;
}

.bloglist .borderbox .left .heading {
    font-size: 26px;
}

.bloglist .borderbox .left .heading .deco {
    padding: 0 70px;
}

.bloglist .borderbox .left .heading .deco:before {
    width: 50px;
    height: 26px;
}

.bloglist .borderbox .left .heading .deco:after {
    width: 50px;
    height: 26px;
}

.bloglist .borderbox .left dt {
    color: #98639b;
    font-size: 18px;
}

.bloglist .borderbox .left dd {
    margin-top: 20px;
}

.bloglist .borderbox .left dd span {
    display: block;
    color: #999;
    font-size: 14px;
    line-height: 1.4;
}

.bloglist .box .item {
    background: url(/import/tenant_1/160.16.99.211/html/images/blog/blog-deco1.png), url(/import/tenant_1/160.16.99.211/html/images/blog/blog-deco2.png), url(/import/tenant_1/160.16.99.211/html/images/blog/blog-deco3.png), url(/import/tenant_1/160.16.99.211/html/images/blog/blog-deco4.png);
    background-repeat: no-repeat;
    background-position: top 2px left 2px, top 2px right 2px, bottom 2px left 2px, bottom 2px right 2px;
    background-size: 20px;
    border: solid 3px #eadeef;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
}

.bloglist .recommend .box .item {
    border: solid 3px #98639b;
}

.bloglist .item dt {
    margin: 10px 0;
}

.bloglist .item dt span {
    display: block;
    color: #999;
    font-size: 14px;
    line-height: 1.4;
}

.bloglist .item dd {
    color: #98639b;
}

.blogdetail .borderbox {
    border: solid 3px #eadeef;
    background-image: url(/import/tenant_1/160.16.99.211/html/images/blog/blog-deco1.png), url(/import/tenant_1/160.16.99.211/html/images/blog/blog-deco2.png), url(/import/tenant_1/160.16.99.211/html/images/blog/blog-deco3.png), url(/import/tenant_1/160.16.99.211/html/images/blog/blog-deco4.png);
    background-size: 25px;
}

.blogdetail .borderbox dl {
    margin-bottom: 30px;
}

.blogdetail .borderbox dt {
    margin-bottom: 20px;
    text-align: center;
}

.blogdetail .borderbox dt span {
    display: block;
}

.blogdetail .borderbox dd {
    color: #98639b;
    font-size: 20px;
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 15px;
    margin-bottom: 15px;
    text-align: center;
}

.blogdetail .borderbox .txt img {
    display: block;
    margin: auto;
}

@media (max-width: 1024px) {
    .bloglist .item dd {
        font-size: 14px;
        line-height: 140%;
    }
}

@media (max-width: 599px) {
    .bloglist .item dd {
        line-height: 120%;
    }
}

/**/
/*dm*/

.dmlist .item {
    display: block;
    border: solid 8px #eadeef;
    padding: 5%;
    margin-bottom: 5%;
}

.dmlist .item:hover {
    opacity: 1;
}

.dmlist .item .pic {
    width: 70%;
    margin: auto;
    position: relative;
}

.dmlist .item .pic:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    content: "CLICK HERE ▶︎▶︎▶︎";
    color: #fff;
    font-size: 18px;
    line-height: 1.8;
    text-align: center;
    width: 100%;
    height: 100%;
    background: rgba(152, 99, 155, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.dmlist .item .pic:hover:after {
    z-index: 5;
}

@media (max-width: 599px) {
    .dmlist .item .pic {
        width: 100%;
    }
}

/**/
/*mailmagazine*/

.mailmagazinelist .attention {
    width: 100%;
    margin-bottom: 8%;
}

.mailmagazinelist .item {
    display: block;
    margin-top: 0;
    padding: 25px;
}

.mailmagazinelist .item .tit {
    color: #98639b;
    font-size: 18px;
    margin-top: 10px;
    text-align: center;
}

.mailmagazinedetail .item {
    display: block;
    margin-bottom: 5%;
}

.mailmagazinedetail .item:hover {
    opacity: 1;
}

.mailmagazinedetail .item .pic {
    position: relative;
}

.mailmagazinedetail .item:hover .pic:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(152, 99, 155, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.mailmagazinedetail .item:hover .pic:after {
    display: block;
    content: "CLICK HERE ▶︎▶︎▶︎";
    width: 150px;
    color: #fff;
    font-size: 18px;
    line-height: 1.8;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5;
}



/**/
/*datetimepicker*/

.xdsoft_datetimepicker .xdsoft_month {
    width: 80px;
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 70px;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
    width: 100%;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option {
    font-size: 14px;
}

@media only screen and (max-width: 599px) {
    .xdsoft_datetimepicker {
        width: 100%;
        padding: 10px !important;
        margin: 0 !important;
        position: fixed !important;
        top: 0 !important;
        left: 50% !important;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .xdsoft_datetimepicker .xdsoft_datepicker {
        width: 98% !important;
        float: none !important;
        margin: 1% !important;
    }

    .xdsoft_datetimepicker .xdsoft_timepicker {
        width: 98% !important;
        float: none !important;
        margin: 1% !important;
    }

    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
        margin: 2% auto !important;
    }
}



/**/
/*brochure*/

.brochure1 .box {
    max-width: 800px;
    margin: auto;
}

.brochure1 .listcrown li {
    color: #98639b;
}

.brochure1 .listcrown li a {
    color: #ae2347;
}

.brochure1 .form dt {
    width: 170px;
}

.brochure1 .form dd {
    width: calc(100% - 180px);
}



/**/
/*cancel*/

.cancel1 .more {
    margin: 30px auto;
}

.cancel1 .box {
    max-width: 800px;
    margin: 30px auto;
}

.cancel1 .box .tel {
    margin-top: 30px;
    /* text-align: center; */
}

.cancel1 .box .tel a {
    display: inline-block;
    color: #98639b;
    font-size: 28px;
    padding-left: 40px;
    position: relative;
}

.cancel1 .box .tel a:before {
    display: block;
    content: "\f879";
    font-family: fontawesome;
    position: absolute;
    top: 0;
    left: 0;
}

.cancel1 .form dt {
    width: 230px;
}

.cancel1 .form dd {
    width: calc(100% - 240px);
}

.cancel-more-reserve {
    margin-top: 80px;
}

@media (max-width: 599px) {
    .cancel-more-reserve {
        margin-top: 50px;
    }
}

/**/
/*register*/

.register1 .box {
    max-width: 700px;
    margin: 30px auto;
}

.register1 .listcrown li {
    color: #98639b;
}



/**/
/*product*/

.productlist .item dd.price {
    text-align: right;
    margin-top: 5px;
}

.productlist .bnrbox {
    display: block;
    border: solid 3px #98639b;
    margin: 8% 0;
    position: relative;
}

.productlist .bnrbox .logo {
    position: absolute;
    top: 35%;
    left: 5%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.productlist .bnrbox .pic {
    overflow: hidden;
}

.productlist .bnrbox .online {
    color: #fff;
    background: #98639b;
    text-align: right;
    padding: 5px 10px;
    position: relative;
}

.productlist .bnrbox .online:before {
    display: block;
    content: "";
    width: 100%;
    height: 30px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(152, 99, 155, 0)), to(rgba(152, 99, 155, 1)));
    background: linear-gradient(to bottom, rgba(152, 99, 155, 0) 0%, rgba(152, 99, 155, 1) 100%);
    position: absolute;
    bottom: 100%;
    left: 0;
}

.productlist .bnrbox .online:after {
    display: inline-block;
    content: "▶︎▶︎▶︎";
    font-size: 12px;
    font-family: fontawesome;
    margin-top: -4px;
    margin-left: 5px;
    vertical-align: middle;
}

.productdetail .borderbox {
    margin-top: 0;
}

.productdetail .borderbox .tit {
    color: #444;
    font-size: 16px;
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.productdetail .borderbox .tit span {
    color: #98639b;
    font-size: 20px;
    display: block;
}

.productdetail .borderbox .info {
    margin-top: 20px;
}

.productdetail .borderbox .info dl {
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.productdetail .borderbox .info dl dt {
    width: 70px;
}

.productdetail .borderbox .info dl dd {
    width: calc(100% - 80px);
    text-align: right;
}

.productlist dt {
    font-size: 14px;
    color: #98639b;
}

.productlist dt span {
    display: block;
    font-size: 16px;
    color: #444;
}

@media only screen and (max-width: 599px) {
    .productlist .bnrbox .logo {
        width: 180px;
    }

    .productlist .bnrbox .pic img {
        width: 150%;
        max-width: none !important;
        -webkit-transform: translateX(-33%);
        transform: translateX(-33%);
    }
}



/**/
/*blot*/

.blot1 .box .more {
    width: 200px;
    margin-right: 0;
}

.blot1 .box .more a {
    padding: 10px;
}



/**/
/*laser*/

.laser1 .borderbox {
    margin-bottom: 5%;
}

.laser1 .borderbox .info {
    background: #f8f8f8;
    border-radius: 15px;
    padding: 20px;
    margin: 30px 0;
}

.laser1 .borderbox .info dl:not(:last-of-type) {
    border-bottom: solid 1px #999;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.laser1 .borderbox .info dt,
.flexible-info dt {
    width: 140px;
    color: #98639b;
}

.laser1 .borderbox .info dd,
.flexible-info dd {
    width: calc(100% - 150px);
}

.laser1 .illust {
    text-align: center;
}

.laser1 .illust1 .left {
    width: 45%;
    margin-left: auto;
    margin-bottom: -5%;
}

.laser1 .illust1 .right {
    width: 30%;
    margin: auto;
}

.laser1 .illust1 .hukidashi1 {
    background: url(/import/tenant_1/160.16.99.211/html/images/laser/hukidashi1.png) no-repeat;
    background-size: 100% 100%;
    padding: 18% 10% 30%;
}

.laser1 .illust1 .txt {
    margin-top: 10px;
}

.laser1 .illustwrap .bottom {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 5%;
}

.laser1 .illust2 {
    margin-right: 2%;
}

.laser1 .illust2 .hukidashi2 {
    display: inline-block;
    color: #98639b;
    padding: 0 15px;
    position: relative;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

.laser1 .illust2 .hukidashi2:before {
    display: inline-block;
    content: "";
    width: 1px;
    height: 100%;
    background: #98639b;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

.laser1 .illust2 .hukidashi2:after {
    display: inline-block;
    content: "";
    width: 1px;
    height: 100%;
    background: #98639b;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}

.laser1 .illust3 {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.laser1 .illust3 .hukidashi3 {
    background: url(/import/tenant_1/160.16.99.211/html/images/laser/hukidashi2.png) no-repeat;
    background-size: 100% 100%;
    padding: 25% 15% 25%;
    margin-bottom: 15px;
}

.laser2 .box {
    background: #fff;
    padding: 5%;
    margin: 5% 0;
}

.laser2 .box h5 {
    color: #98639b;
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 20px;
    text-align: center;
}

.laser2 .box .price {
    color: #98639b;
    margin-top: 10px;
}

.laser2 .box .info {
    background: #f8f8f8;
    border-radius: 15px;
    padding: 20px;
    margin-top: 20px;
}

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

    .laser1 .borderbox .info dt,
    .flexible-info dt {
        width: 100%;
        margin-bottom: 5px;
    }

    .laser1 .borderbox .info dd,
    .flexible-info dd {
        width: 100%;
    }

    .laser1 .illust .txt {
        font-size: 12px;
    }

    .laser1 .illust1 .left {
        width: 80%;
    }

    .laser1 .illust1 .right {
        width: 80%;
    }

    .laser1 .illustwrap .bottom {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .laser1 .illust2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 30px auto 0;
    }

    .laser1 .illust3 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .laser1 .illust3 .left {
        width: 100%;
    }

    .laser1 .illust3 .right {
        width: 30%;
    }
}



/**/
/*lcat*/

.lcat1 .borderbox h4 {
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.lcat1 .borderbox h4 span {
    display: block;
}

.lcat1 .borderbox h4 .mini {
    font-size: 16px;
}

.lcat1 .borderbox .attention {
    text-align: left;
}

.lcat1 .borderbox .info {
    width: 100%;
    background: #f8f8f8;
    border-radius: 15px;
    padding: 20px;
    margin: 30px 0;
}

.lcat1 .borderbox .info .info-inner {
    font-size: 12px;
}

.lcat2 .box1 {
    margin: 5% 0;
}

.lcat2 .box1 .item {
    width: calc(100% / 3 - 60px);
    background: #fff;
    border: solid 1px #98639b;
    padding: 15px;
    margin: 40px 30px;
    position: relative;
    counter-increment: num;
}

.lcat2 .box1 .item dt {
    color: #98639b;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 10px;
    /*  text-align: center; */
}

.lcat2 .box1 .pentagon {
    color: #fff;
    background: url(/import/tenant_1/160.16.99.211/html/images/common/pentagon1.png) no-repeat;
    background-size: contain;
}

.lcat2 .box1 .pentagon .num {
    width: 100%;
}

.lcat2 .box1 .pentagon .num:after {
    display: block;
    content: counter(num);
    font-size: 22px;
}

.lcat2 .box2 {
    background: #fff;
    border: solid 1px #98639b;
    padding: 5%;
    margin: 5% 0;
}

.lcat2 .box2 .item {
    width: 30%;
    margin: 2% 5% 2% 0;
    position: relative;
}
.lcat2 .box2.new .item {
    width: 47%;
    margin: 2% 5% 2% 0;
    position: relative;
}

/* .lcat2 .box2 .item:last-of-type {
    margin-right: 0;
} */

.lcat2 .box2 .item:nth-of-type(3n) {
    margin-right: 0;
}

.lcat2 .box2.new .item:nth-of-type(2n) {
    margin-right: 0;
}

.lcat2 .box2 .item:not(:last-of-type):before {
    display: block;
    content: "\f0da";
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    font-family: fontawesome;
    background: #98639b;
    border-radius: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 104%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.lcat2 .box2 .item .tit {
    color: #98639b;
    font-size: 18px;
    margin: 10px 0;
    /*     text-align: center;
 */
}

.lcat2 .box2 .item dt img {
    width: auto;
    max-width: 50% !important;
}

.lcat2 .box2 .item dt.not50 img {
    width: 100%;
    max-width: 100% !important;
}

.lcat3 .box:not(:last-of-type) {
    margin-bottom: 5%;
}

.lcat3 .box h5 {
    color: #98639b;
    text-align: center;
}

.lcat3 .box h5+.txt {
    padding-top: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: solid 1px #d2d2d2;
}

.lcat3 .box .txt {
    margin: 20px 0;
}

.lcat3 .box .mini {
    font-size: 14px;
    margin: 20px 0;
}

.lcat3 .box .info {
    background: #f8f8f8;
    border-radius: 15px;
    padding: 20px;
    margin-top: 20px;
}

.lcat3 .box .info dt {
    width: 140px;
    color: #98639b;
}

.lcat3 .box .info dd {
    width: calc(100% - 150px);
}

.lcat3 .box .pic {
    max-width: 700px;
    margin: 20px auto;
}

.lcat4 .box .boxin {
    background: #fff;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 30px;
}

.lcat4 .boxin dl:not(:last-of-type) {
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.lcat4 .boxin dt {
    color: #98639b;
    width: 150px;
}

.lcat4 .boxin dd {
    width: calc(100% - 160px);
}

.lcat5 .box .item {
    width: 23%;
    background: #98639b;
    border-radius: 20px;
    padding: 20px;
    margin: 2% 1%;
    position: relative;
}

.lcat5 .box .item:not(:last-of-type):before {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #98639b;
    position: absolute;
    top: 50%;
    left: 100%;
}

.lcat5 .item .itemin {
    height: 100%;
    border: solid 2px #fff;
    border-radius: 20px;
    padding: 20px;
    position: relative;
}

/* .lcat5 .item .itemin:before {
    display: block;
    content: "";
    padding-top: 100%;
} */

.lcat5 .item .itemin .txt {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 18px;
}

.lcat5 .mini {
    font-size: 14px;
}

@media only screen and (max-width: 1024px) {
    .lcat2 .box1 .item {
        width: calc(100% / 2 - 60px);
    }

    .lcat4 .boxin dt {
        width: 100%;
        margin-bottom: 5px;
    }

    .lcat4 .boxin dd {
        width: 100%;
    }

    .lcat5 .box {
        max-width: 500px;
        margin-bottom: 20px;
    }

    .lcat5 .box .item {
        width: 48%;
        padding: 10px;
        margin: 2% 1%;
    }

    .lcat5 .box .item:not(:last-of-type):before {
        display: none;
    }

    .lcat5 .item .itemin {
        padding: 10px;
    }
}

@media only screen and (max-width: 599px) {
    .lcat2 .box1 .item {
        width: 75%;
    }

    .lcat2 .box2 .item {
        width: 100%;
        margin: 0 auto 15%;
    }

    .lcat2 .box2 .item:not(:last-of-type):before {
        content: "\f0d7";
        top: 105%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .lcat2 .box2 .item:last-of-type {
        margin-bottom: 0;
    }

    .lcat3 .box .info dt {
        width: 100%;
        margin-bottom: 5px;
    }

    .lcat3 .box .info dd {
        width: 100%;
    }

    .lcat5 .item .itemin .txt {
        font-size: 14px;
    }
}



/**/
/*tenor*/

.tenorimg {
    margin: 8% 0 2%;
    position: relative;
}

.tenorimg .txtbox {
    width: 90%;
    position: absolute;
    top: 50%;
    left: calc(50% - 500px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.tenorimg h3 {
    color: #98639b;
    margin-bottom: 10px;
    text-shadow: 2px 2px 20px #fff, 2px -2px 20px #fff, -2px 2px 20px #fff, -2px -2px 20px #fff, 2px 2px 20px #fff, 2px -2px 20px #fff, -2px 2px 20px #fff, -2px -2px 20px #fff;
}

.tenorimg h4 {
    color: #98639b;
    margin: 0;
    text-shadow: 2px 2px 20px #fff, 2px -2px 20px #fff, -2px 2px 20px #fff, -2px -2px 20px #fff, 2px 2px 20px #fff, 2px -2px 20px #fff, -2px 2px 20px #fff, -2px -2px 20px #fff;
}

.tenor1 .borderbox .minibox {
    margin: 30px 0;
}

.tenor1 .minibox .img {
    text-align: center;
}

.tenor1 .minibox .listcrown li {
    color: #98639b;
}

.tenor1 .info {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 15px;
    margin-top: 30px;
}

.tenor1 .info .comment {
    margin-bottom: 20px;
}

.tenor1 .info .img {
    text-align: center;
}

.tenor1 .info .item {
    width: calc(100% / 3 - 40px);
    background: #98639b;
    border-radius: 10px;
    padding: 10px;
    margin: 30px 20px;
    position: relative;
}

.tenor1 .info .item:not(:last-of-type):before {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #98639b;
    position: absolute;
    top: 50%;
    left: 100%;
}

.tenor1 .info .item .pentagon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    z-index: 5;
}

.tenor1 .info .itemin {
    height: 100%;
    border: solid 2px #fff;
    border-radius: 10px;
    padding: 10px;
    position: relative;
}

/* .tenor1 .info .itemin:before {
    display: block;
    content: "";
    padding-top: 100%;
} */

.tenor1 .info .itemin .txt {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 16px;
}

.tenor1 .box {
    margin-top: 5%;
}

.tenor1 .box h5 {
    color: #98639b;
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 20px;
    text-align: center;
}

.tenor2 .box .item {
    width: calc(100% / 4 - 40px);
    background: #fff;
    border: solid 1px #98639b;
    margin: 30px 20px;
    counter-increment: num;
    position: relative;
}

.tenor2 .item .tit {
    color: #98639b;
    font-size: 18px;
    margin: 10px;
    text-align: center;
}

.tenor2 .item .txt {
    margin: 10px;
}

.tenor2 .item .txt.tac {
    text-align: center;
}

.tenor2 .item .pentagon {
    -webkit-transform: translate(-30%, -30%);
    transform: translate(-30%, -30%);
    background: url(/import/tenant_1/160.16.99.211/html/images/common/pentagon1.png) no-repeat;
    background-size: contain;
}

.tenor2 .item .pentagon .num {
    width: 100%;
    color: #fff;
}

.tenor2 .item .pentagon .num:after {
    display: block;
    content: counter(num);
    font-size: 22px;
}

@media only screen and (max-width: 1024px) {
    .tenorimg .txtbox {
        left: 5%;
    }

    .tenor1 .info .left {
        width: 100%;
        margin-bottom: 3%;
    }

    .tenor1 .info .right {
        width: 100%;
    }

    .tenor2 .box .item {
        width: calc(100% / 2 - 40px);
    }
}

@media only screen and (max-width: 599px) {
    .tenorimg h4 {
        font-size: 18px;
    }

    .tenorimg .pic:before {
        padding-top: 80%;
    }

    .tenorimg .pic img {
        -o-object-position: center right;
        object-position: center right;
        font-family: 'object-fit: cover; object-position: center right;';
    }

    .tenor1 .info .item {
        width: 100%;
    }

    .tenor1 .info .item:not(:last-of-type):before {
        display: none;
    }

    .tenor2 .box .item {
        width: 80%;
    }
}



/**/
/*hair-growth*/

.growth1 h4 {
    text-align: center;
}

.growth1 .listcrown {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 15px;
}

.growth1 .listcrown li {
    width: 48%;
    margin: 1%;
}

.growth2 .box:not(:last-of-type) {
    margin-bottom: 6%;
}

.growth2 .box h5 {
    color: #98639b;
    margin-bottom: 10px;
    text-align: center;
}

.growth2 .box .star {
    color: #98639b;
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-align: right;
}

.growth2 .box .info {
    background: #f8f8f8;
    border-radius: 15px;
    padding: 20px;
    margin: 20px 0;
}

.growth2 .box .boxin {
    margin: 20px 0;
}

.growth2 .box .numbox {
    padding-left: 40px;
    position: relative;
    counter-increment: num;
}

.growth2 .box .numbox:before {
    display: block;
    content: counter(num);
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 18px;
    background: #98639b;
    border-radius: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.growth2 .box .numbox:after {
    display: block;
    content: "";
    width: 1px;
    height: 100%;
    background: #98639b;
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 0;
}

.growth2 .left .num dt {
    color: #98639b;
    font-size: 18px;
    margin-bottom: 5px;
}

.growth2 .left .chubox {
    margin: 20px 0;
}

.growth2 .left .chubox dl {
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.growth2 .left .chubox dt {
    width: 160px;
    color: #fff;
    background: #98639b;
    border-radius: 10px;
    padding: 2px;
    text-align: center;
}

.growth2 .left .chubox dd {
    width: calc(100% - 180px);
}

.growth2 .left .txt {
    margin: 20px 0;
}

.growth2 .illust {
    position: relative;
}

.growth2 .illust .hukidashi {
    display: inline-block;
    color: #98639b;
    font-size: 18px;
    padding: 20px;
    text-align: center;
    position: absolute;
}

.growth2 .illust1 .hukidashi {
    background: url(/import/tenant_1/160.16.99.211/html/images/hair-growth/hukidashi1.png) no-repeat;
    background-size: 100% 100%;
    top: 0;
    right: 0;
}

.growth2 .illust2 .hukidashi {
    background: url(/import/tenant_1/160.16.99.211/html/images/hair-growth/hukidashi2.png) no-repeat;
    background-size: 100% 100%;
    position: static;
}

.growth2 .illust3 .hukidashi {
    background: url(/import/tenant_1/160.16.99.211/html/images/hair-growth/hukidashi3.png) no-repeat;
    background-size: 100% 100%;
    top: 0;
    right: 0;
}

.growth2 .illust4 .hukidashi {
    background: url(/import/tenant_1/160.16.99.211/html/images/hair-growth/hukidashi4.png) no-repeat;
    background-size: 100% 100%;
    left: 0;
    bottom: 0;
}

.growth2 .illust .img {
    margin: 10px auto;
    text-align: center;
}

@media only screen and (max-width: 1024px) {
    .growth2 .left .chubox dd {
        width: 100%;
        margin-top: 10px;
    }
}

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

    .growth1 .listcrown li {
        width: 98%;
    }
}



/**/
/*hair-growth*/

.face1 .borderbox .label {
    margin: 30px 0;
}

.face1 .borderbox .label li {
    width: 23%;
    max-width: 29.333%;
    color: #fff;
    background-image: url(/import/tenant_1/160.16.99.211/html/images/face/face-deco1.png), url(/import/tenant_1/160.16.99.211/html/images/face/face-deco2.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center left 5px, center right 5px;
    background-color: #98639b;
    border-radius: 10px;
    padding: 10px 20px;
    margin: 1%;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.face1 .info {
    background: #f8f8f8;
    border-radius: 15px;
    padding: 20px;
    margin: 5% 0;
}

.face1 .info h5 {
    text-align: center;
}

@media only screen and (max-width: 1024px) {
    .face1 .borderbox .label li {
        width: 48%;
        max-width: 48%;
    }
}

@media only screen and (max-width: 599px) {
    .face1 .borderbox .label li {
        width: 98%;
        max-width: 98%;
    }
}

/* 追加 */
.lz_tab .pricetable table {
    table-layout: fixed;
}

/* スマホ用 */
.lz_tab .pricetable table.sp {
    display: none;
}

.lz_tab .pricetable .mini.sp {
    display: none;
    margin-top: 0;
}

[data-element-id].lz_tab .pricetable table.sp {
    display: table;
    border-collapse: separate;
    border: none;
}

[data-element-id].lz_tab .pricetable .mini.sp {
    display: block;
}

[data-element-id].lz_tab .pricetable table.sp:before {
    content: "スマホ用表";
}

.lz_tab .pricetable table thead th {
    width: auto;
    text-align: center;
}

.lz_tab .pricetable table thead th:first-of-type {
    width: 40%;
}

.lz_tab .pricetable table thead th:nth-of-type(n+2) {
    border: none;
}

.lz_tab .pricetable table thead td {
    background: #dcd6dc;
    text-align: center;
}

.lz_tab .pricetable table td {
    width: 15%;
}

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

    .lz_tab .pricetable table.sp,
    .pricetable table.sp {
        display: table;
        border-collapse: separate;
        border: none;
    }

    .lz_tab .pricetable .mini.sp {
        display: block;
    }

    .lz_tab .pricetable table.pc {
        display: none;
    }

    .lz_tab .pricetable table.sp th {
        width: 200%;
        height: auto;
    }

    .lz_tab .pricetable table.sp td {
        width: 50%;
        display: table-cell;
        padding: 2%;
    }
}

/* トップページのピックアップ（A/Bテスト） */
.pickup-box {
    width: 500px;
    max-width: 80%;
    margin: auto;
    position: relative;
}

.pickup-box a {
    display: block;
}

.pickup-info {
    padding: 10px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #eadeef;
}

.pickup-info h3 {
    margin-bottom: 0;
}

.pentagon02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2;
}

/* Bパターンの色 */
.color02 .pentagon {
    color: #eadeef;
    background: url(/import/tenant_1/160.16.99.211/html/images/common/pentagon1.png) no-repeat;
    background-size: contain;
}

.color02 .pickup-info {
    background-color: #98639b;
}

.color02 .pickup-info * {
    color: #fff;
}

/* Bパターンの色ここまで */

@media (max-width: 599px) {
    .pickup-point {
        font-size: 14px;
    }
}

/* トップページのピックアップ（A/Bテスト）ここまで */

.mb40 {
    margin-bottom: 40px
}

.mb20 {
    margin-bottom: 20px
}

/* ピコYAGシ */
.img-box {
    width: 80%;
    margin: 20px auto;
}

@media (max-width: 1024px) {
    .img-box {
        width: 100%;
        margin: 10px auto;
    }
}

/* ピコYAGに追加したtableまわりのcss */
.pico-yag-table-pc,
.pico-yag-table-sp {
    table-layout: fixed;
    width: 100%;
    margin: 20px 0 0 0;
    background-color: #fff;
    border-spacing: 0;
}

.pico-yag-table-sp {
    display: none;
    max-width: 100%;
    margin: 20px auto;
}

.pico-yag-table-sp[data-element-id] {
    display: block;
}

.pico-yag-table-pc *,
.pico-yag-table-sp * {
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

.pico-yag-table-pc tr th {
    width: 180px;
    color: #fff;
}

.pico-yag-table-sp tr th {
    width: calc(100% / 3);
    color: #fff;
}

.pico-yag-table-sp tr td {
    width: 300px;
}

.pico-yag-table-pc tr:not(:last-of-type) th {
    border-bottom: 1px solid #fff;
}

.pico-yag-table-sp tr:not(:last-of-type) th {
    border-right: 1px solid #fff;
}

.pico-yag-table-pc tr th,
.pico-yag-table-sp tr th,
.pico-yag-table-pc tr td,
.pico-yag-table-sp tr td {
    min-height: 50px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pico-yag-table-pc tr:not(:last-of-type) td {
    border-bottom: 1px solid #000;
}

.pico-yag-table-sp tr td:not(:last-of-type) {
    border-right: 1px solid #000;
}

.pico-yag-table-pc tr td:not(:last-of-type) {
    border-right: 1px dotted #000;
}

.pico-yag-table-sp tr:not(:last-of-type) td {
    border-bottom: 1px dotted #000;
}

.pico-yag-table-pc .purple,
.pico-yag-table-sp .purple {
    background-color: #946696;
}

.pico-yag-table-pc .yellow,
.pico-yag-table-sp .yellow {
    background-color: #fcff9d;
}

.table-notice {
    font-size: 10px;
    color: #401964;
    margin-left: 5px;
}

.table-notice-box {
    width: 90%;
    margin: 10px auto 0 auto;
    font-size: 12px;
}

@media (max-width: 1024px) {
    .pico-yag-table-pc {
        display: none;
    }

    .pico-yag-table-sp {
        display: block;
    }

    .pico-yag-table-sp * {
        font-size: 10px;
    }

    .pico-yag-table-sp tr th,
    .pico-yag-table-sp tr td {
        padding: 7px 5px;
    }

    .pico-yag-table-pc tr th,
    .pico-yag-table-sp tr th {
        width: auto;
    }

    .table-notice-box {
        font-size: 10px;
        margin-top: 5px;
    }
}

.tac {
    text-align: center;
}

.menu-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px;
}

.menu-box .heading {
    font-size: 24px;
    min-width: 220px;
    width: 220px;
    margin: 5px 10px 5px 0;
}

.menu-box .heading .sub {
    font-size: 12px;
}

.menu-box ul {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.menu-box ul li {
    width: calc(82% / 3);
}

@media (max-width: 1024px) {
    .menu-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -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;
        margin-bottom: 40px;
    }

    .menu-box .heading {
        font-size: 20px;
        min-width: 220px;
        width: 220px;
        margin: 5px 10px 15px 0;
    }

    .menu-box ul {
        width: 100%;
    }
}

@media (max-width: 599px) {
    .menu-box {
        margin-bottom: 30px;
    }

    .menu-box ul li {
        width: 42%;
        margin: 2% 5% 2% 2%;
    }
}

.mb30 {
    margin-bottom: 30px;
}

.mb60 {
    margin-bottom: 60px;
}

/* 装飾 */
.deco_bottom01 {
    border-bottom: 3px solid #eadeef;
}

/* バナー２ */
.banner02 .bannerinn {
    width: 90%;
    max-width: 1000px;
    margin: 50px auto;
    background: #f2f2f2;
    border: solid 3px #7b3f7f;
    padding: 20px;
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.banner02 .label {
    color: #fff;
    display: inline-block;
    font-weight: 700;
    padding: 5px 30px 5px 5px;
    text-align: center;
    width: 220px;
    position: absolute !important;
    left: 50%;
    z-index: 5;
    background: -webkit-gradient(linear, left top, right top, from(rgba(254, 82, 116, 1)), to(rgba(203, 0, 39, 1)));
    background: linear-gradient(to right, rgba(254, 82, 116, 1) 0%, rgba(203, 0, 39, 1) 100%);
    -webkit-transform: translate(-50%, -50%) skewX(-15deg);
    transform: translate(-50%, -50%) skewX(-15deg);
}

.banner02 .label .yen {
    font-size: 240%;
    font-weight: bold;
    text-shadow: 2px 2px #cb0027, 2px -2px #cb0027, -2px 2px #cb0027, -2px -2px #cb0027;
    position: absolute;
    right: 5px;
    bottom: 10px;
}

.banner02 .pic {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
    opacity: 0.5;
}

.banner02 .pic img {
    width: 100%;
    height: 100% !important;
    /*IE対策*/
    font-family: 'object-fit: cover; object-position: 50% 50%;';
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

.banner02 .maintit {
    font-size: 26px;
    text-align: center;
    position: relative;
    z-index: 5;
}

.banner02 .line-black {
    border-bottom: solid 2px;
}

.banner02 .btnwrap {
    text-align: center;
}

.banner02 .btn {
    display: inline-block;
    width: 200px;
    margin: 5px 10px;
}

.banner02 .btn a {
    background: #fff;
    border-radius: 20px;
    border: 3px solid #7b3f7f;
    display: block;
    position: relative;
    padding: 10px 15px;
}

.banner02 .btn a:after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.movie iframe {
    width: 100%;
    height: 500px;
}

@media only screen and (max-width: 599px) {
    .movie iframe {
        height: 300px;
    }
}

/* ##### 追加css(2020.06.04) ##### */
.popup-box {
    display: none;
    padding: 30px;
}

.popup-box .popup-link-box {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.popup-box .more {
    margin-left: 15px;
    margin-right: 15px;
}

.popup-box[data-element-id] {
    display: block;
    width: 600px;
    margin: auto;
}

.fit-box {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    text-align: left !important;
}

.wide-more {
    width: 90%;
    max-width: 450px;
}

img[data-uk-lightbox]:hover {
    cursor: pointer;
}

.uk-open .uk-modal-dialog {
    width: auto !important;
    max-width: 80% !important;
    max-height: 96% !important;
    margin-top: auto;
    margin-bottom: auto;
}

.uk-lightbox-content {
    height: 100%;
    text-align: center;
}

button {
    border: none !important;
}

button:hover {
    cursor: pointer;
    opacity: 0.6;
}

.age {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.lcat3 .box .mt0 {
    margin-top: 0;
}

.mailmagazinelist .box {
    margin-bottom: 100px;
}

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    .fit-box {
        text-align: center !important;
    }
}

@media screen and (max-device-width: 480px) {
    #mailmag-iframe div {
        height: 350px;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 1024px) {
    #mailmag-iframe {
        height: 380px !important;
    }
}

@media (max-width: 599px) {
    #popup .popup-link-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .featherlight .featherlight-content {
        margin-left: 2% !important;
        margin-right: 2% !important;
    }

    #popup {
        padding: 20px;
    }
    
}

/* ##### 追加css(2020.06.04) end ##### */






/* ##### featherlight(プラグインをここにコピペしています) ##### */
/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.7.13 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/

html.with-featherlight {
    /* disable global scrolling when featherlights are visible */
    overflow: hidden;
}

.featherlight {
    display: none;

    /* dimensions: spanning the background from edge to edge */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483647;
    /* z-index needs to be >= elements on the site. */

    /* position: centering content */
    text-align: center;

    /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
    white-space: nowrap;

    /* styling */
    cursor: pointer;
    background: #333;
    /* IE8 "hack" for nested featherlights */
    background: rgba(0, 0, 0, 0);
}

/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
.featherlight:last-of-type {
    background: rgba(0, 0, 0, 0.8);
}

.featherlight:before {
    /* position: trick to center content vertically */
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.featherlight .featherlight-content {
    /* make content container for positioned elements (close button) */
    position: relative;

    /* position: centering vertical and horizontal */
    text-align: left;
    vertical-align: middle;
    display: inline-block;

    /* dimensions: cut off images */
    overflow: auto;
    padding: 25px 25px 0;
    border-bottom: 25px solid transparent;

    /* dimensions: handling large content */
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;

    /* styling */
    background: #fff;
    cursor: auto;

    /* reset white-space wrapping */
    white-space: normal;
}

/* contains the content */
.featherlight .featherlight-inner {
    /* make sure its visible */
    display: block;
}

/* don't show these though */
.featherlight script.featherlight-inner,
.featherlight link.featherlight-inner,
.featherlight style.featherlight-inner {
    display: none;
}

.featherlight .featherlight-close-icon {
    /* position: centering vertical and horizontal */
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;

    /* dimensions: 25px x 25px */
    line-height: 25px;
    width: 25px;

    /* styling */
    cursor: pointer;
    text-align: center;
    font-family: Arial, sans-serif;
    background: #fff;
    /* Set the background in case it overlaps the content */
    background: rgba(255, 255, 255, 0.3);
    color: #000;
    border: none;
    padding: 0;
}

/* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
.featherlight .featherlight-close-icon::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.featherlight .featherlight-image {
    /* styling */
    width: 100%;
}


.featherlight-iframe .featherlight-content {
    /* removed the border for image croping since iframe is edge to edge */
    border-bottom: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch;
}

.featherlight iframe {
    /* styling */
    border: none;
}

.featherlight * {
    /* See https://github.com/noelboss/featherlight/issues/42 */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
    .featherlight .featherlight-content {
        /* dimensions: maximize lightbox with for small screens */
        margin-left: 0;
        margin-right: 0;
        max-height: 98%;

        padding: 10px 10px 0;
        border-bottom: 10px solid transparent;
    }
}

/* hide non featherlight items when printing */
@media print {
    html.with-featherlight>*> :not(.featherlight) {
        display: none;
    }
}

/* ##### featherlight(プラグインをここにコピペしています) end ##### */

/*2020/12/28*/
.blink {
	-webkit-animation: blink 1s ease infinite;
	animation: blink 1s ease infinite;
}
@-webkit-keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.mx300 {
    max-width: 300px;
    margin-bottom: 50px;
}

.banner00 p {
  width: 60%;
  margin: auto;
}

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

.mail-to a {
  color: #ae2347;
}

/* 4/28 追記 */

.pos-r{
  position: relative;  
}

.another-bnr .pb0{
  padding-bottom: 0 !important;  
}
.another-bnr .pt0 {
  padding-top: 0 !important;
}

.another-bnr .box .pic{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.another-bnr .box .btn:before {
    display: none !important;
}


.another-bnr .box a {
    background: #fafafa;
    border: solid 8px #98639b;
    padding: 8% 5%;
    position: relative;
}


.m-auto{
  margin: auto;
}



.lcat .another-bnr .pb0 {
    padding-bottom: 0 !important;
    width: 100%;
    margin-bottom: 80px;
}



.lcat3 .another-bnr .pic{
  max-width: none !important;
  margin: 0 !important; 
}

.lcat3 .another-bnr .pt0{
  padding-top: 0px !important;
}


@media only screen and (max-width: 1024px){
    .another-bnr .inner{
    width: 94% !important;
  }
  
  .index .another-bnr .inner {
    width: 93% !important;
}

.another-bnr .inner {
    width: 100% !important;
}

.lcat .another-bnr .inner {
    width: 93% !important;
}




}



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

  
  
  .another-bnr .box .txtbox {
    width: 100%;
    margin-bottom: 0;
    text-shadow: 2px 2px 10px #fff, 2px -2px 10px #fff, -2px 2px 10px #fff, -2px -2px 10px #fff, 2px 2px 10px #fff, 2px -2px 10px #fff, -2px 2px 10px #fff, -2px -2px 10px #fff;
}  
}


/*****2021/04/28****/
.top-bnr02 .box a {
    background: #fafafa;
    border: solid 3px #98639b;
    padding: 6% 5%;
    position: relative;
}
.top-bnr02 .box .txtbox {
  width: 80%;
  text-align: center;
  position: relative;
  z-index: 5;
}
.top-bnr02 .box .txtbox .big {
    font-size: 30px;
    line-height: 1.3;
    font-weight: bold;
}
.top-bnr02 .box .txtbox .normal {
    font-size: 30px;
}

.top-bnr02 .box .pic:after {
  display: block;
    content: "";
    width: 60%;
    height: 70%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(250, 250, 250, 1)), to(rgba(250, 250, 250, 0)));
    background: linear-gradient(to right, rgba(250, 250, 250, 1) 0%, rgba(250, 250, 250, 0.5) 100%);
    position: absolute;
    top: 15%;
    left: 20%;
}

.top-bnr02 .box.takan .txtbox .big {
  padding-left: 40%;
}

.top-bnr02 .box.takan .pic:after {
  left: 35%;
}

.m-bnr .box a {
  border: 3px solid #b3d7f3 !important;
}

/* .top-bnr02 .box.r3 .txtbox .big {
   font-size: 22px;
} */

.pb30i {
  padding-bottom: 30px !important;
}
@media only screen and (max-width: 1024px){
  .top-bnr02 .box .txtbox .big {
    font-size: 20px;
}
.top-bnr02 .box .txtbox .normal {
    font-size: 20px;
}
}

@media only screen and (max-width: 599px){
  .top-bnr02 .box .txtbox {
    width: 100%;
  }
  .top-bnr02 .box .txtbox .big {
    font-size: 18px;
}
.top-bnr02 .box .txtbox .normal {
    font-size: 16px;
}
.top-bnr02 .box .pic:after {
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
}
.top-bnr02 .box.takan .pic:after {
  width: 60%;
}


.pb30i {
  padding-bottom: 10px !important;
}
}


.pb10 {
  padding-bottom: 10px;
}

li.wwi {
    width: 9%;
    display: inline-block;
    margin: 0 5px;
}

.wwi a {
    padding: 0px !important;
}


li.wwi02 {
    width: 9%;
    display: inline-block;
    margin: 0 7px;
}

.wwi02 a {
    padding: 0px !important;
}


@media only screen and (max-width: 599px){
  
li.wwi {
    width: 15% !important;
}

ul.btnwrap.itemcenter.flex {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 18px !important;
}

li.wwi02 {
    width: 11% !important;
}

ul.btnwrap.itemcenter.flex {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 18px !important;
}

}


/* 0812 追記 */

.top-calender iframe {
    height: 650px;
    width: 100% !important;
}

.ca-evp47.rb-n{
  background-color: #da7883 !important;
    padding: 5px 5px !important;
}


.my-1 {
    margin: 1% 0;
}

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

.bg-box01{
    width: 100px;
    height: auto;
    background: #b5515d;
    margin-right: 1%;
}


.bg-box02{
    width: 100px;
    height: auto;
    background: #668CD9;
    margin-right: 1%;
}

.ca-evp37{
  background-color: #aec6fd !important;
}


/* 2021.11.22追記 */
.textcenter_05 .bleft {
    border-left: 5px double #3ca0bf;
}


.injection .box2 {
    background: #fff;
    border: solid 1px #98639b;
    padding: 5%;
    margin: 5% 0;
}

.injection .box2 .item {
    width: 48%;
    margin: 2% 0;
    position: relative;
    
}

.injection .box2 .item .tit {
    color: #fff;
    font-size: 18px;
    margin: 10px 0;
    padding: 0 10px;
    font-weight: bold;
}

.injection .box2 .item .price-box {
    width: 48%;
}

.injection .box2 .item .pic {
    width: 48%;
}

.injection .box2 .item .price .taxin {
    display: block;
    font-size: 11px;
    font-weight: normal;
    line-height: 1;
}

.injection .box2 .item .price {
    color: #B01733;
    font-size: 20px;
    font-weight: bold;
}

.injection .box2 .item .price-box .text {
    font-size: 14px;
}

.injection .box2 .item .tit.-green {
    background: #9DC878;
}

.injection .box2 .item .tit.-pink {
    background: #E29CC0;
}

.injection .box2 .item .tit.-gold {
    background: #B2A95B;
}

.injection .box2 .item .tit.-blue {
    background: #72B4B3;
}

.injection .box2 .item dt img {
    width: auto;
    max-width: 100% !important;
}

.injection .box2 .item .txt {
    border-radius: 10px;
    padding: 5px;
    margin-top: 10px;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.1;
}

.injection .box2 .item .txt span {
    font-weight: normal;
}
.injection .box2 .item .txt.-green {
    border: 2px solid #9DC878;
    color: #9DC878;
}
.injection .box2 .item .txt.-pink {
    border: 2px solid #E29CC0;
    color: #E29CC0;
}
.injection .box2 .item .txt.-gold {
    border: 2px solid #B2A95B;
    color: #B2A95B;
}
.injection .box2 .item .txt.-blue {
    border: 2px solid #72B4B3;
    color: #72B4B3;
}



@media (max-width:599px) {
  .injection .box2 .item {
    width: 98%;
    margin: 5% 1%;
  }
}

.bgc_w {
  background: #fff;
}
.ptb50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

/*2021/12/14*/
.harea-t {
  padding: 80px 0 0;
}

.harea-b {
  padding: 0 0 80px;
}

@media (max-width: 1024px) {
  .harea-t {
    padding: 60px 0 0;
  }
  
  .harea-b {
    padding: 0 0 60px;
  }
}

@media (max-width: 599px) {
  .harea-t {
    padding: 40px 0 0;
  }
  
  .harea-b {
    padding: 0 0 40px;
  }
}

.recommendation-box li+li {
  margin-top: 50px;
}

.recommendation-box li:nth-of-type(even) .box {
  flex-direction: row-reverse;
}

.recommendation-box .more-big {
  max-width: 350px;
}

.customer01 {
  font-size: 12px;
}

.customer02 {
  display: inline-block;
  font-size: 10px;
  line-height: 1.4;
}

/*****2022/02/17*****/
.treatment1 .anker li {
  margin: 1%;
}
.anker {
  margin-bottom: 50px;
}
.more.al {
  position: relative;
}
.more.al a {
  background: none;
  color: #98639b;
  border: 1px solid #98639b;
  /* padding: 5px 15px; */
  justify-content: initial;
  padding: 20px 20px 20px 70px;
  
}
.more.al a:before {
  border: none;
}
.more.al a img {
  width: 50px;
  margin-right: 10px;
  position: absolute;
  left: 10px;
  top: 10%;
}
.more.al a img.top20 {
  top: 20%;
}
.more.al a:after {
  position: absolute;
  right: 10px;
}
.p-box li {
  width: 23%;
  margin: 1%;
}



@media (max-width: 1024px) {
  .treatment1 .anker li {
    width: 31.333%;
    margin: 1% auto;
    height: 70px;
  }
  .treatment1 .more.al a {
    padding: 5px 5px 5px 65px;
  }
  .p-box li {
    width: 31%;
  }
  .more.al a img {
      top: 15%;
  }
  .more.al a img.top20 {
    top: 15%;
  }
}

@media (max-width: 599px) {
  .treatment1 .anker li {
    width: 48%;
    margin: 1% auto;
  }
  .treatment1 .more.al a {
    padding: 5px 20px 5px 65px;
    font-size: 12px;
  }
  .more.al a img {
    width: 50px;
  }
  .p-box li {
    width: 48%;
  }
  .p-box li a {
    font-size: 14px;
  }
}


.telbox {
  width: 80%;
  margin: 50px auto 0;
  background: #98639b;
  padding: 10px;
}
.telbox .tald {
  padding: 30px;
  border: 1px solid #fff;
  display: flex;
}
.tald .tel-i {
  width: 30%;
}
.tald .tel-i img {
  width: 100%;
}
.tald .tel-t {
  width: 65%;
  margin-left: 5%;
}
.telbox p {
  color: #fff;
}
.telbox .tel01 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.telbox .tel01 span {
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
}
.telbox .tel01 span a {
  font-size: 46px;
  color: #fff;
}
.telbox .tel02 {
  margin-top: 20px;
}

@media (max-width: 1024px) {
  .telbox .tald {
    padding: 20px;
  }
  .tald .tel-i {
    width: 50%;
  }
  .telbox .tel01 span {
    display: block;
  }
  .telbox .tel01 span a {
    font-size: 36px;
  }
  .telbox .tel02 {
    margin-top: 5px;
    font-size: 14px;
  }
}

@media (max-width: 599px) {
  .telbox {
    width: 90%;
  }
  .telbox .tald {
    display: block;
  }
  .tald .tel-i {
    width: 100%;
  }
  .telbox .tel01 span a {
    font-size: 32px;
  }
  .tald .tel-t {
    width: 100%;
    margin: 10px 0;
  }
}

/* 2/21 追記 */
.a-midashi{
  font-size: 24px;
}

.ta-c{
  text-align: center;
  display: block;  
}

/* 2/22 追記 */
.w48 img{
  width: 100%;  
}

/* .fixbtn li.tel {
  width: 100%;
}
 */
.fixbtn li.tel a {
    color: #000;
    background: #eadeef;
    content: "\f0e0";
}

.fixbtn li.tel a:hover {
    opacity: 1;
    -webkit-box-shadow: 0px 0px 10px #98639b;
    box-shadow: 0px 0px 10px #98639b;
}

.fixbtn li.tel a:before {
    display: block;
    content: "\f879";
    font-size: 24px;
    font-family: fontawesome;
    margin-bottom: 5px;
}


.js-sb{
  justify-content: space-between;
}


.w45{
  width: 45%;
}


.midashi-bg{
  background-image: url("/upload/tenant_1/5c3eb6a7cafeef1e1d98e6a4c0834796.png");
  -webkit-background-size: cover;
  background-size: cover;
      text-align: center;
    color: #fff;
    font-weight: bold;
        display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
        text-shadow: 2px 2px #00000045;
}

.a-midashi{
    font-size: 24px;
    color: #c74924;
}

.p-txt{
  
}

.p-midashi{
  font-size: 18px;
  font-weight: bolder;  
  
}

.mb20{
  margin-bottom: 20px;
}


.smal-midashi{
    font-weight: bolder;
    font-size: 18px;  
}


.r{
display: block;  
}


.a-midashi:before {
    display: block;
    content: "";
    width: 80px;
    height: 30px;
    background: url(/upload/tenant_1/fda2160c8d1eefe17b4d2abc66db1598.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 55%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.a-midashi:after {
    display: block;
    content: "";
    width: 80px;
    height: 30px;
    background: url(/upload/tenant_1/35e86d4ffe7a09005b59acb95823b5a3.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 55%;
    right: -60px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.mb50{
  margin-bottom: 50px;
}

.f-1{
  flex: 1;
}

.f-4 {
    flex: 4;
    height: 70px;
    margin-top: 20px;
}



@media only screen and (min-width: 600px) and (max-width: 1024px) {
  
  .r{
display: inline-block;  
}

.a-midashi {
    font-size: 22px;
    color: #c74924;
}

.heightLine-product{
      height: 300px !important;
}

.p-midashi {
    font-size: 18px;
    font-weight: bolder;
}
}

@media only screen and (max-width: 599px){
  .sp-block{
 display: block; 
}  
.sp-size {
    width: 100%;
    margin-bottom: 50px;
}

.r{
display:inline-block;  
}

.a-midashi:before {
    display: block;
    content: "";
    width: 80px;
    height: 30px;
    background: none;
    background-size: contain;
    position: absolute;
    top: 55%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.a-midashi:after {
    display: block;
    content: "";
    width: 80px;
    height: 30px;
    background: none;
    background-size: contain;
    position: absolute;
    top: 55%;
    right: -60px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

}

/*****2022/03/09*****/
.end-box {
  border: 1px solid #98639b;
  padding: 2%;
}
.end {
  display: flex;
  flex-wrap: wrap;
}
.e-txt {
  width: 50%;
}
.lk {
  margin: 10px 0 20px;
  width: 210px;
}
.lk a {
    background: #98639b;
    color: #fff;
    padding: 5px;
}
.e-img {
  width: 48%;
  margin-left: 2%;
}
.e-img a img {
  width: 100%;
}

@media only screen and (max-width: 1024px){
  .end {
    display: block;
  }
  .e-txt {
    width: 100%;
  }
  .lk {
    width: 215px;
  }
  .e-img {
    width: 80%;
    margin-right: initial;
    margin: 10px auto;
  }
}

@media only screen and (max-width: 599px){
  .e-img {
    width: 100%;
  }
}

/*****BTS-A9*****/
.bts-txt div {
  font-size: 18px;
  color: #98639b;
  margin-bottom: 10px;
  font-weight: bold;
}
.ybox .inbox {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 30px;
}
.ybox .inbox .in1 {
  display: flex;
  padding-right: 10%;
  width: 40%;
  position: relative;
}
.ybox .inbox .in1:after {
    display: block;
    content: "";
    width: 80px;
    height: 70px;
    background: url(/upload/tenant_1/ad5cb652796503c781e023c688e108fa.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 55%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.ybox .inbox .in1 .en {
  background: #babdbc;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  position: relative;
  margin-right: 20px;
}
.en p {
  position: absolute;
  text-align: center;
  width: 80%;
  top: 20%;
  left: 11%;
  font-weight: bold;
}
.ybox .inbox .in2 {
  display: flex;
  width: 60%;
  position: relative;
}
.in2 .p01 {
  width: 60%;
}
.in2 .en1 {
  width: 120px;
  height: 120px;
  background: #babdbc;
  border-radius: 50%;
  position: relative;
  position: absolute;
  right: 17%;
  border: 3px solid #999;
}
.in2 .en1 p {
  position: absolute;
  text-align: center;
  top: 30%;
  left: 30%;
  font-weight: bold;
}
.in2 .en2 {
  width: 120px;
  height: 120px;
  background: #babdbc;
  border-radius: 50%;
  position: relative;
  position: absolute;
  right: 0;
  border: 3px solid #999;
}
.in2 .en2 p {
  position: absolute;
  top: 30%;
  left: 30%;
  font-weight: bold;
  
  text-align: center;
  
}
.ybox .inbox.inbox2 .in1:after {
    display: block;
    content: "";
    width: 80px;
    height: 70px;
    background: url(/upload/tenant_1/36ef6d24a694dad53b5d8ea5741f41fb.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 55%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.ybox .inbox2 .in1 .en {
  background: #eadeef;
}
.ybox .inbox2 .in1 .en p {
  color: #98639b;
  top: 40%;
}
.inbox2 .in2 .en1 {
  background: #eadeef;
  border: 3px solid #98639b;
}
.inbox2 .in2 .en1 p {
  left: 35%;
  color: #98639b;
}
.inbox2 .in2 .en2 {
  background: #eadeef;
  border: 3px solid #98639b;
}
.inbox2 .in2 .en2 p {
  width: 80%;
  top: 23%;
  left: 12%;
  color: #98639b;
}
.bd10 {
  border-bottom: 1px dotted #000;
}

.nimg img {
  width: 100%;
}

@media only screen and (max-width: 1024px){
  .ybox .inbox .in1 {
    padding-right: 5%;
    width: 46%;
  }
  .ybox .inbox .in1:after {
    width: 40px;
  }
  .ybox .inbox .in1 .en {
    margin-right: 5px;
  }
  .ybox .inbox .in2 {
    width: 54%;
  }
  .ybox .inbox.inbox2 .in1:after {
    width: 40px;
  }
  .in2 .p01 {
    width: 45%;
  }
  .in2 .en1 {
    right: 23%;
  }
}

@media only screen and (max-width: 599px){
  .ybox .inbox {
    display: block;
  }
  .ybox .inbox .in1 {
    padding-right: 0;
    width: 80%;
    margin: 0 auto 30px;
    padding-bottom: 50px;
  }
  .ybox .inbox .in1:after {
    top: 120px;
    right: 45%;
    transform: rotate(90deg);
  }
  .ybox .inbox .in1 .en {
    margin-right: 20px;
  }
  .ybox .inbox .in2 {
    width: 100%;
  }
  .ybox .inbox.inbox2 .in1:after {
    top: 120px;
    right: 45%;
    transform: rotate(90deg);
  }
}

/****ボトックス・ゼオミン・BTS-A9（小顔）****/
.bab ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.bab ul li {
  width: 32%;
  margin: auto;
}

/*****脱毛*****/
.d-table {
  margin-top: 50px;
}
.d-table table , td, th {
	border: 1px solid #595959;
	border-collapse: collapse;
}
.d-table table {
  width: 100%;
}
.d-table td, th {
	padding: 3px;
	width: 30px;
	height: 25px;
	padding: 10px 5px;
	display: table-cell;
}
.d-table th {
	background: #f0e6cc;
}
.even {
	background: #fbf8f0;
}
.odd {
	background: #fefcf9;
}
.dt-in {
  display: flex;
  vertical-align: top;
}
.dt-in p {
  width: 58%;
  margin-right: 1%;
  margin-left: 1%;
}
.dt-in div {
  width: 40%;
}
.dt-in div img {
  width: 100%;
}
.fwb {
  font-weight: bold;
}
.h210 {
  height: 210px;
}
.bg-p {
  background: #eadeef;
}
.point0 .p-box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  padding: 20px;
  border: 1px solid #98639b;
}
.point0 .p-box .text {
  width: 48%;
  margin: auto;
}
.po-in .h-01 {
  background: #98639b;
  padding: 10px 20px;
  width: 50%;
  margin: auto;
  text-align: center;
  color: #fff;
  border-radius: 20px;
}
.po-in ul {
  width: 100%;
  margin-top: 30px;
  height: 130px;
}
.po-in ul li {
  width: 100%;
  margin: 5px 0;
}
.po-in div {
  color: #98639b;
  font-weight: bold;
}
.mt100 {
  margin-top: 100px;
}
.point01 .t {
  font-weight: bold;
  color: #98639b
}
@media only screen and (max-width: 1024px){
  .d-table td.tac {
    width: 20%;
  }
  .stand2 .dt-in p {
    line-height: 1.3;
  }
  .po-in .h-01 {
    width: 80%;
  }
  .point01 .t {
    height: 50px;
  }
}
@media only screen and (max-width: 599px){
  .dt-in {
    display: block;
  }
  .dt-in p {
    width: 100%;
  }
  .ss {
    font-size: 12px;
  }
  .dt-in div {
    width: 60%;
    margin: auto;
  }
  .stand2 .dt-in div {
    width: 70%;
    margin: auto;
    height: 140px;
  }
  .stand2 .dt-in p {
    width: 100%;
    height: 220px;
  }
  .point0 .p-box {
    display: block;
  }
  .point0 .p-box .text {
    width: 100%;
  }
  .po-in ul {
    height: auto;
  }
  .bab ul {
    display: block;
  }
}
  
/*****カフェイン注射*****/
.po-in ul.cafe-txt {
  height: 180px;
}
.pricetable table.cafe-table th {
  width: 30%;
}
@media only screen and (max-width: 1024px){
  .po-in ul.cafe-txt {
    height: 260px;
  }
}

@media only screen and (max-width: 599px){
  .po-in ul.cafe-txt {
    height: auto;
    margin-bottom: 20px;
  }
  .pricetable table.cafe-table th {
    width: 100%;
    height: auto;
  }
}

/*****ジュビダームビスタボリューマXC*****/
.cb {
  color: #000;
}


/*****テノール2*****/
.hi-box {
  margin: 50px 0;
}
.hi-box ul li {
  font-size: 22px;
  margin-bottom: 5px;
  font-weight: bold;
  color: #98639b;
}
.casewrap .box .item h4.t-sho {
  font-size: 24px;
}

.casewrap .box.te2 .item .picbox {
  width: 25%;
  padding-right: 5%;
  position: relative;
}
.casewrap .box.te2 .item .picbox:last-of-type {
  padding-right: 0;
  width: 20%;
}
.casewrap .box.te2 .item .pos:before {
  display: none;
}
.casewrap .box.te2 .item .pos .picbox:before {
    display: inline-block;
    content: "\f0da\f0da\f0da";
    color: #98639b;
    font-family: fontawesome;
    position: absolute;
    bottom: 50%;
    right: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.casewrap .box.te2 .item .pos .picbox:last-of-type:before {
  display: none;
}
.te-img {
  margin-top: 50px;
}
.te-img img {
  width: 100%;
}
.te-hikaku {
  margin-top: 50px;
}
.te-hikaku table , td, th {
	border: 1px solid #98639b;
	border-collapse: collapse;
}
.te-hikaku td,.te-hikaku th {
	padding: 3px;
	width: 14%;
	font-size: 50px;
	color: #98639b;
	text-align: center;
	font-weight: bold;
}
.te-hikaku th {
	background: #f0e6cc;
}
.te-hikaku .even {
	background: #fbf8f0;
}
.te-hikaku .odd {
	background: #fefcf9;
}
.te-hikaku table {
  width: 100%;
}
.te-hikaku table .w30 {
  width: 30%;
  padding: 10px 0;
}
.te-hikaku table .w30.ha {
  height: auto;
  padding: 10px;
}
.te-hikaku table .w30 p {
  text-align: center;
  color: #98639b;
  font-size: 18px;
  font-weight: bold;
}
.te-hikaku table .w30 div {
  width: 80%;
  margin: auto;
}
.te-hikaku table .w30 div img {
  width: 100%;
}
.te-hikaku td.fs16 {
  font-size: 16px;
  padding: 10px;
}

@media only screen and (max-width: 1024px){
  .hi-box ul li {
    font-size: 20px;
  }
  .casewrap .box .item h4.t-sho {
    font-size: 22px;
  }
}
@media only screen and (max-width: 599px){
  .hi-box {
    margin: 30px 0;
  }
  .hi-box ul li {
    font-size: 18px;
  }
  .casewrap .box .item h4.t-sho {
    font-size: 20px;
  }
  .casewrap .box.te2 .item .pos .picbox:before {
    right: -15%;
  }
  .te-hikaku table .w30 {
    padding: 5px 0;
  }
  .te-hikaku table .w30 p {
    font-size: 14px;
  }
  .te-hikaku table .w30 p .sp-fs12 {
    font-size: 12px;
  }
  .te-hikaku td,.te-hikaku th {
    font-size: 30px;
  }
  .te-hikaku td.fs16 {
    font-size: 14px;
    padding: 3px;
    line-height: 1.2;
  }
}

/*****アートメイク*****/
.message {
  width: 80%;
  margin: 50px auto 0;
  padding: 3%;
  background: #fff;
  border: 1px solid #88468c;
}
.message h4 {
  color: #88468c;
  text-align: center;
  font-weight: bold;
}
.message .message-box { 
  width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}
.message .message-box div {
  width: 30%;
}
.message .message-box div img {
  width: 100%;
}
.message .message-box div.p {
  width: 67%;
  margin-left: 3%;
  position: relative;
}
.message .message-box div.p .name {
  position: absolute;
  bottom: 0;
  font-size: 28px;
  right: 0;
}
.message .message-box div.p .nintei {
  width: 280px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.message .message-box div.p .nintei img {
  width: 100%;
}
.cp {
  color: #88468c;
}

@media only screen and (max-width: 1024px){
  .message {
    width: 85%;
  }
  .message .message-box div.p .name {
    font-size: 24px;
  }
  .message .message-box div.p .nintei {
    width: 180px;
  }
}

@media only screen and (max-width: 599px){
  .message {
    width: 90%;
  }
  .message .message-box {
    display: block;
  }
  .message .message-box div {
    width: 80%;
    margin: auto;
  }
  .message .message-box div.p {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    height: 300px;
    margin-top: 10px;
  }
  .message .message-box div.p .name {
    font-size: 22px;
    bottom: 130px;
  }
  .message .message-box div.p .nintei {
    width: 100%;
  }
}

.tal {
  text-align: left;
}

/****2022/04/22****/

.bab.takan ul li {
  width: 45%;
  margin: 0 auto 10px;
}

.bab.takan ul li.more {
  max-width: 500px;
}

.lcat1 .borderbox .infini h4 {
  border-bottom: none;
  background: #98639b;
  width: 85%;
  color: #fff;
  display: flex;
  padding: 10px;
  margin-bottom: 30px;
  margin-right: auto;
  margin-left: auto;
}
.infini01 {
  margin-bottom: 30px;
}
.infini01 h5 {
  font-weight: bold;
  color: #98639b;
}

.infini01 ul {
  display: flex;
  flex-wrap: wrap;
}

.infini01 ul li {
  width: 48%;
  margin-right: auto;
}

.infini01 .in-t01 .in-waku {
  width: 31%;
  margin: auto;
  border: 2px solid #98639b;
  padding: 15px;
  border-radius: 20px;
  text-align: center;
}

.infini02 {
  display: flex;
}

.infini02 p {
  width: 60%;
} 

.infini02 div {
  width: 38%;
  margin-left: 2%;
}

@media only screen and (max-width: 599px){
  .bab.takan ul li {
    width: 90%;
  }
}


/****インフィニページ****/
.tenor1.infini1 .info .item {
  width: calc(100% / 4 - 40px);
}
.infini1 .infini-box .h {
  font-size: 18px;
  text-align: center;
  margin-bottom: 10px;
}
.infini1 .infini-box .left ul li {
  width: 35%;
  margin: auto;
  padding: 15px;
  text-align: center;
  border: 2px solid #98639b;
  border-radius: 20px;
  font-weight: bold;
}
.infini1 .infini-box .right .waku {
  width: 80%;
  margin: auto;
  padding: 15px;
  text-align: center;
  border: 2px solid #cfa659;
  border-radius: 20px;
  font-weight: bold;
}
.osusume {
  margin-top: 50px;
}
.osusume ul li {
  width: 150px;
  height: 150px;
  margin: auto;
  position: relative;
  background: #98639b;
  border-radius: 50%;
}
.osusume ul li p {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 60px;
  font-size: 18px;
  color: #fff;
}
.tenor2.infini2 .box .item {
  width: 40%;
}
.mt30 {
  margin-top: 30px;
}
.lcat .blot1 .another-bnr .pb0 {
  margin-top: 100px;
}
@media only screen and (max-width: 1024px){
  .lcat1 .borderbox .infini h4 {
    display: block;
  }
  .infini1 .infini-box .left ul li {
    width: 31%;
    padding: 5px;
    font-size: 14px;
  }
  .infini1 .infini-box .right .waku {
    font-size: 14px;
    padding: 5px;
  }
  .tenor1.infini1 .info .left {
    width: 48%;
  }
}

@media only screen and (max-width: 599px){
  .infini01 ul {
    display: block;
  }
  .infini01 ul li {
    width: 100%;
  }
  .infini01 .in-t01 .in-waku {
    width: 80%;
    margin: 10px auto;
  }
  .infini02 {
    display: block;
  }
  .infini02 p {
    width: 100%;
    margin-bottom: 20px;
  }
  .infini02 div {
    width: 100%;
  }
  .infini1 .infini-box .left ul li {
    width: 70%;
    margin: 10px auto 0;
  }
  .infini1 .infini-box .right .waku {
    width: 70%;
  }
  .tenor2.infini2 .box .item {
    width: 95%;
  }
  .infini2 .right .left .img {
    text-align: center;
  }
}

/****モザイクリミテッド****/
.mosaic-waku {
  display: flex;
  flex-wrap: wrap;
}
.mosaic-waku li {
  width: 15%;
  margin: 0 auto;
  border: 2px solid #98639b;
  border-radius: 20px;
  display: inline-grid;
  text-align: center;
  align-items: center;
  padding: 15px;
}
.mosaic .mosaic-img {
  margin-top: 30px;
  margin-bottom: 50px;
}
.mosaic .img img {
  width: 100%;
} 
.mosaic .mosaic-img img {
  width: 100%;
}
.mosaic-k .w40 {
  padding: 20px;
  border: 2px solid #98639b;
  border-radius: 20px;
}
.mosaic-k .left {
  position: relative;
}
.mosaic-k .w40 div {
    background: #98639b;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}
.mosaic-k .left:after {
    display: block;
    content: "";
    width: 80px;
    height: 70px;
    background: url(/upload/tenant_1/36ef6d24a694dad53b5d8ea5741f41fb.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 55%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 120%;
}
.top-bnr02 .box.inf a {
  padding: 10% 5%;
}
.top-bnr02 .box.inf .txtbox .big {
  font-size: 40px;
}


@media only screen and (max-width: 1024px){
  .mosaic-waku li {
    width: 30%;
    margin: 10px auto;
  }
  .top-bnr02 .box.inf .txtbox .big {
    font-size: 30px;
  }
}

@media only screen and (max-width: 599px){
  .w45 {
    width: 100%;
  }
  .mosaic-waku li {
    width: 45%;
  }
  .mosaic-k .left {
    margin-bottom: 80px;
  }
  .mosaic-k .left:after {
    top: 115%;
    left: 40%;
    transform: rotate(90deg);
  }
  .top-bnr02 .box.inf .txtbox .big {
    font-size: 18px;
  }
}

/****15周年*****/
.price1 .face1  a {
  display: block;
  margin-bottom: 50px;
}
.borderbox.a15 {
  margin: 0;
}

.price1 .borderbox.a15 dl {
  width: 100%;
}
.face1 .borderbox.a15 .label {
  margin: 10px 0;
}
.face1 .borderbox.a15 .label li {
  width: auto;
  max-width: 100%;
  background-color: #fff;
  border: 1px solid #98639b;
  color: #98639b;
  margin-right: auto;
}
.tar {
  text-align: right;
}
.avs15 {
  display: block;
  width: 100%;
  text-align: center;
  margin-left: auto;
  /* background: #ff759c; */
  background: #375adb;
  color: #fff;
  font-size: 14px;
  padding: 5px;
  margin-bottom: 10px;
}
.avs15.b20 {
  background: #c9a055;
}
.avs15.w97 {
  width: 97%;
}
span.ilf {
  display: inline-block !important;
  font-size: 18px !important;
}

#anniversary1.price2 .item dt {
  width: 50%;
}
#anniversary1.price2 .item .price {
  width: 100px;
  text-align: right;
}
#anniversary2.price2 .item dt {
  width: 50%;
}
#anniversary2.price2 .item .price {
  width: 100px;
  text-align: right;
}
#anniversary3.price2 .item dt {
  width: 50%;
}
#anniversary3.price2 .item .price {
  width: 100px;
  text-align: right;
}
.comment.anv01 {
  text-align: center;
}
.comment.anv01 .avs15 {
  padding: 20px;
  font-size: 16px;
  margin-right: auto;
}
.hifu .list_3 dl {
  width: 50%;
  margin: auto;
}
.mtb50 {
  margin-top: 50px;
  margin-bottom: 50px;
}
.a15t {
  display: flex;
  flex-wrap: wrap;
}
.a15t .box {
  width: 49%;
  margin: 0 auto 10px;
}
.top-bnr02 .a15t .box a {
  border: solid 3px #ddbf76;
}
.avs15.v0831 {
  width:70%;
  line-height: 1.3;
}

.avs15.v0831.c12 {
  width: 80%;
  margin-left: 0;
}

.avs15.w40 {
  width: 40%;
}

.a15t.select12 .box {
  width: 99%;
}

@media only screen and (max-width: 1024px){
  .avs15 {
    width: 120px;
  }
  .avs15.v0831 {
    width: 90%;
  }
  .face1 .borderbox.a15 .label li {
    max-width: 60%;
  }
}

@media only screen and (max-width: 599px){
  .mtb50 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .avs15 {
    width: 93%;
    margin-left: 0;
  }
  .a15t .box {
    width: 100%;
  }
  .avs15.v0831 {
    width: 97%;
  }
  .avs15.w40 {
    width: 97%;
  }
  .comment.anv01 .avs15 {
    padding: 10px;
  }
  .price1 .borderbox.a15 dt {
    width: calc(80% - 90px);
  }
  .price1 .borderbox.a15 dd {
    width: 140px;
  }
  .face1 .borderbox.a15 .label li {
    max-width: 100%;
  }
  .hifu .list_3 dl {
    width: 96%;
  }
}

/*****パンくず*****/
.p-list {
  margin-bottom: 20px;
}
.p-list ul {
  display: flex;
  flex-wrap: wrap;
}

.p-list ul li {
  width: auto;
  display: flex;
  font-size: 14px;
}

.p-list ul li:after {
  content: "\f054";
  vertical-align: bottom;
  margin: 0 20px;
  font-family: FontAwesome;
  font-size: 12px;
}
.p-list ul li:last-child:after {
  display: none;
}

.treatment1 .p-list ul li {
  width: auto;
  display: flex;
  flex-direction: initial;
  margin: 0;
}

.treatment1 .p-list ul li a {
  padding: 0;
}

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

/*2022/06/16*/
.inner.b-box {
  padding: 0;
}
.top-bnr03 ul li {
  width: 46%;
  margin: 10px auto 0;
}
.top-bnr03 ul {
  display: flex;
  flex-wrap: wrap;
}
.top-bnr03 ul li {
  width: 49%;
  margin: 5px auto 0;
  border: 1px solid #ededed;
}

.list_4 .with-list dd span {
  font-size: 18px;
  font-weight: bold;
}
  
.df {
  display: flex;
}

@media only screen and (max-width: 1024px){
  .df {
    display: block;
  }
}

@media only screen and (max-width: 599px){
  .top-bnr03 ul li {
    width: 90%;
  }
  
  .list_4 .with-list {
    display: block;
  }
  .list_4 .with-list dt {
    width: 100%;
    margin-bottom: 10px;
  }
}

.blog-link a {
  display: block;
  width: 270px;
  padding: 5px;
  background: #eadeef;
  margin: 10px auto;
}

.blog-link a p {
  padding: 10px;
  border: 1px solid #98639b;
  text-align: center;
}



/* 2022.07.28 */

.tsuyoku01{
  font-size: 30px;
  margin-bottom: 10px;
}

.ginzasugu01{
  font-size: 18px;
}

.shoten01{
  color: #FF0000;
}

.dekinai01{
  color: #88468c;
  font-weight: bold;
  font-size: 18px;
}

.teian01{
  width: 94%;
  max-width: 800px;
  margin: auto;
}

.kochira01{
  width: 50%;
  margin: auto;
  padding-bottom: 30px;
}


.kochira02{
  font-size: 26px;
  text-align: center;
  background: #915c95;
  color: #fff;
  padding: 20px 0;
  border-radius: 20px;
  border: solid 3px #e7c1e9;
}

.lp-mainvisual-right {
  width: 36%;
  position: relative;
}

.lp-mainvisual-left {
  width: 62%;
  position: relative;
  z-index: 5;
  padding: 20px 0 50px 0;
}

.kikisejutsu{
  width: 80%;
  margin: 70px auto;
  max-width: 800px;
}

.kikisejutsu01{
  padding: 17px 0;
}

.chigaiq{
  font-size: 18px;
  font-weight: bold;
  color: #88468c;
}

.chigaia{
  font-size: 18px;
}

.kugirisen{
  background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}

.original01{
  display: none !important;
}


@media only screen and (max-width: 1024px){
 .tsuyoku01 {
  font-size: 24px;
}

.kochira01 {
  width: 63%;
  margin: auto;
  padding-bottom: 30px;
}

.ginzasugu01 {
    font-size: 16px;
}
}

@media only screen and (max-width: 599px){
.tsuyoku01 {
  font-size: 15px;
  margin-bottom: 10px;
}

.ginzasugu01 {
  font-size: 16px;
}

.lp-charge-gradtit {
  font-size: 19px;
}

.kochira01 {
  width: 88%;
  margin: auto;
  padding-bottom: 10px;
}

.kochira02 {
  font-size: 18px;
}

.dekinai01 {
  font-size: 14px;
}

.lp-mainvisual-right {
    width: 11%;
    position: relative;
}

.chigaia {
    font-size: 14px;
}

.chigaiq {
    font-size: 16px;
}

.jishinnn{
  font-size: 14px;
    right: 5px;
}

.lp-mainvisual-left {
    width: 70%;
    position: relative;
    z-index: 5;
    padding: 20px 0 50px 0;
}

.original01{
  display: block !important;
}

.line-yellow {
    position: relative;
    z-index: 1;
    display: initial !important;
}
}

/*2022/08/19*/
.pre {
  position: relative;
}

.ichioshi {
  position: absolute;
  background: #ffb9ae;
  width: 160px;
  height: 160px;
  top: -50px;
  left: -40px;
  border-radius: 50%;
  padding: 2%;
  transform: rotate(-25deg);
}

.ichioshi span {
  position: absolute;
  top: 40px;
  left: 10px;
  font-size: 30px;
  color: #fff;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
}

@media only screen and (max-width: 1024px){
  .ichioshi {
    width: 150px;
    height: 150px;
    top: -30px;
    left: -30px;
  }
  .ichioshi span {
    top: 40px;
    left: 15px;
    font-size: 26px;
  }
}

@media only screen and (max-width: 599px){
  .ichioshi {
    width: 110px;
    height: 110px;
    top: -25px;
    left: -15px;
  }
  .ichioshi span {
    top: 30px;
    left: 10px;
    font-size: 20px;
  }
}


/* ブログ記事 */

.new-article h2{
  margin-bottom: 10px;
}

.new-article .orange-txt{
  color: #e9be6c;
  font-weight: bold;
}

.pc-none{
  display: block;
}

.sp-none{
  display: none;
}

.lazer .subimg:before {
    padding-top: 35%;
}

@media only screen and (max-width: 599px){
  .pc-none{
  display: none;
}

.sp-none{
  display: block;
}

.lazer .subimg:before {
    padding-top: 110%;
}

.tokusetsu-p .subimg:before {
    padding-top: 160%;
} 
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
.lazer .subimg img {
    -o-object-position: center center;
    object-position: center center;
    font-family: 'object-fit: cover; object-position: center center;';
    opacity: 0.9;
}

.lazer .subimg:before {
    padding-top: 35%;
}

.tokusetsu-p .subimg:before {
    padding-top: 30%;
} 
}

@media (max-width: 599px) {
  .lazer .subimg img {
    object-fit: contain !important
  }
} 


/*特設ページ*/

.tokusetsu-bnr.inner {
  padding: 80px 0 0;
}

.tokusetsu-bnr.inner a img {
  width: 100%;
}

.tokusetsu-01 {
  margin-top: 150px;
}

.recommendation-box.tp li .box {
  margin-bottom: 50px;
}

.recommendation-box.tp li .box:nth-of-type(2n) {
  flex-direction: row-reverse;
}

.recommendation-box.tp .pic {
  box-shadow: 15px 15px 0 0 #98639b;
}

.t-reserve {
  width: 70%;
  margin: 100px auto 50px;
}

.t-reserve a {
  display: block;
  padding: 40px 30px;
  text-align: center;
  font-size: 28px;
  color: #fff;
  background: #b29553;
  border: 1px solid #b29553;
  font-weight: bold;
  line-height: 1.2;
}

.t-reserve a:hover {
  background: #fff;
  color: #b29553;
}

.p-list.tp {
  margin-top: 20px;
}

.tokusetsu-02 .attention {
  padding: 30px;
  border: 1px solid #b29553;
}

@media only screen and (max-width: 1024px){
  .tokusetsu-01 .w48 {
    width: 40%;
  }
  .tokusetsu-01 .w45 {
    width: 55%;
  }
    .t-reserve a {
      padding: 20px 30px;
    font-size: 22px;
  }
  .tokusetsu-02 .attention {
    width: 90%;
    margin: auto;
  }
  .tokusetsu-02 .attention li {
    margin-bottom: 10px;
  }
}
  
@media only screen and (max-width: 599px){
  .tokusetsu-01 .flexb {
    display: block;
  }
  .tokusetsu-01 .w48 {
    width: 90%;
    margin: 0 auto 30px;
  }
  .tokusetsu-01 .w45 {
    width: 90%;
    margin: auto;
  }
  .t-reserve {
    width: 95%;
    margin: 50px auto;
  }
  .t-reserve a {
    padding: 20px;
    font-size: 18px;
  }
  .tokusetsu-02 .attention {
    width: 95%;
  }
}

.m50 {
  margin: 50px 0;
}
h2.ton {
  font-size: 30px;
  text-align: center;
  margin-top: 50px;
  color: #98639b;
  font-weight: bold;
}

@media only screen and (max-width: 1024px){
  h2.ton {
    width: 95%;
    margin: 50px auto;
  }
}

@media only screen and (max-width: 599px){
  h2.ton {
    margin: 50px auto 0;
    font-size: 20px;
  }
}

/*脱毛ページ追加*/
.ranking ul {
  display: flex;
}

.ranking ul li {
  width: 31%;
  margin: auto;
}

.rank {
  width: 30%;
  margin: auto;
}

.bui {
  font-size: 22px;
  text-align: center;
  font-weight: bold;
}

@media only screen and (max-width: 1024px){
  .ranking ul li .text {
    font-size: 14px;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 599px){
  .ranking ul {
    display: block;
  }
  
  .ranking ul li {
    width: 95%;
    margin: 0 auto 30px;
  }
  
  .ranking ul li .text {
    font-size: 16px;
  }
}

/*シェアボタン*/
.snsbox {
  width: 100%;
  align-self: flex-end;
}
.snsbox ul {
    display: flex;
    width: 101%;
    margin: 0 auto 50px;
}
.snsbox ul li {
  width: calc(100%/4)
} 
.snsbox li a {
    padding: 3px;
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}
.snsbox .fb-btn a {
    background-color: #1877f2;
}
.snsbox .twitter-btn a {
    background-color: #1b95e0;
}
.snsbox .line-btn a {
    background-color: #00b900;
}
.snsbox .insta-btn a {
    background: linear-gradient(to top right, #7d2ace, #d43eaf, #e0525e, #e6a666);
}
.snsbox a .pic {
  width: 20%;
  margin-right: 5px;
}

@media only screen and (max-width: 599px){
  .snsbox a .pic {
    width: 30%;
  }
}

/* 12/15差し込み配信用 */
.top-line {
    /* border: 2px solid #f2f2f2; */
    width: 100%;
    margin: 0 auto 80px;
}
.index .top-line {
  margin: 80px auto;
}
#insert-line a {
  width: fit-content;
  margin: auto;
  display: block;
}

/*月替りページ*/
.monthly section {
  padding: 50px 0
}
.monthly .inner {
  padding: 0;
}
.monthly .heading {
  font-weight: bold;
}
.monthly-01 .heading {
  padding-top: 50px;
  
}
.monthly-01 .img {
  width: 100%;
  margin: 0 auto 30px;
}
.monthly .box .img img {
  width: 100%;
}
.monthly-01 .right p {
  font-size: 18px;
  font-weight: bold;
  color: #b19452;
  margin-bottom: 10px;
}
.price-box ul {
  padding: 5px 20px 20px;
  /* background: #f5f5f5; */
  background: #fff;
}
.price-box ul li {
  position: relative;
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
  margin-top: 15px;
}
.price-box ul li span {
  position: absolute;
  right: 0;
  color: #98639b;
  font-weight: bold;
  bottom: 0;
  font-size: 18px;
}
.bp-txt {
  background: #ffb1be;
  padding: 10px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
}
.bp-txt span {
  font-size: 26px;
}
.monthly-01 .heading , .monthly-02 .heading {
  margin-bottom: 10px;
}
.h3min {
  font-size: 18px;
  margin-bottom: 20px;
  color: #98639b;
  text-align: center;
}
.monthly-02 .img {
  width: 60%;
  margin: 0 auto 30px;
}
.monthly-02 .img img {
  width: 100%;
}
.monthly-02 .square ul {
  display: flex;
  flex-wrap: wrap;
}
.monthly-02 .square li {
  width: 18%;
  margin: auto;
  padding: 30px;
  text-align: center;
  border-radius: 30px;
  background: #fff;
  color: #98639b;
  font-weight: bold;
}
.monthly-03 .heading {
  margin-bottom: 10px;
}
.monthly-03 .img {
  width: 100%;
  margin: 0 auto 30px;
}
.monthly-03 .img img {
  width: 100%;
}
.t-box {
  padding: 20px;
}
.text-up {
  position: relative;
  padding-bottom: 35px;
  padding-top: 20px;
  border-bottom: 1px solid #000;
}
.text-up span {
  position: absolute;
  right: 0;
  bottom: 0;
}
.text-down {
  padding-top: 10px;
  text-align: center;
}
.text-down .orange {
  font-size: 20px;
  color: #ff5e00;
  font-weight: bold;
}
.monthly-04-05 .heading {
  margin-bottom: 10px;
}
.monthly-04-05 .img {
  width: 100%;
  margin: 0 auto 30px;
}
.monthly-04-05 .img img {
  width: 100%;
}
.monthly-04-05 .waku {
  margin-bottom: 30px;
}
.price-box p {
  text-align: center;
  color: #98639b;
  font-weight: bold;
}
.bp-txt.gre {
  /* background: #8dd98b; */
  background: #b29553;
}
.bg-img {
  background-image: url(/upload/tenant_1/e7ea127c0264f7acdd481cfce9b01c5f.jpg);
  background-size: cover;
}
.bg-img2 {
  background-image: url(	/upload/tenant_1/1ca7f9e2c7758973d84c6c9ff02e624f.jpg);
  background-size: cover;
}
.link-b-box {
  width: 80%;
  margin: 20px auto 0;
}
.detail-btn a {
  display: block;
  width: 300px;
  background: #b29553;
  text-align: center;
  padding: 20px;
  margin:0 auto;
  color: #fff;
}
.text-up span.feb {
  padding: 2px 10px;
  background: #ffb1be;
  right: 200px;
  border-radius: 60px;
  bottom: 3px;
  color: #fff;
  width: 180px;
  text-align: center;
  font-size: 18px;
}

@media only screen and (max-width: 1024px){
  .text-up {
    padding-bottom: 35px;
  }
  .link-b-box {
    width: 100%;
  }
  .price-box ul li {
    padding-bottom: 35px;
  }
}

@media only screen and (max-width: 599px){
  .monthly .subimg:before {
    padding-top: 30%;
  }
  .price-box ul li {
    padding-bottom: 35px;
  }
  .detail-btn {
    margin: 10px auto 0;
  }
  .monthly-02 .img , .monthly-03 .img , .monthly-04-05 .img {
    width: 100%;
  }
  .monthly-02 .square li {
    width: 48%;
    margin: 10px auto 0;
  }
  .text-up {
    padding-bottom: 70px;
  }
  .text-up span.feb {
    bottom: 30px;
  }
}

/*年末年始*/
.closed {
  width: 100%;
  margin: auto;
  padding: 5%;
  border: 1px solid #98639b;
}
.closed .txt {
  text-align: center;
  margin-bottom: 10px;
}
.closed table , .closed td, .closed th {
	border: 1px solid #595959;
	border-collapse: collapse;
}
.closed table {
  width: 100%;
  margin-bottom: 10px;
}
.closed td, .closed th {
	padding: 3px;
	width: 30px;
	height: 25px;
	text-align: center;
}
.closed th {
	background: #f0e6cc;
}
tr.bgp {
  background: #eadeef;
}

@media only screen and (max-width: 599px){
  .closed td, .closed th {
    font-size: 14px;
  }
  .closed .txt {
    text-align: left;
  }
}
.avs15.select5 {
  background: #375adb;
}
.avs15.select5.ta5 {
  width: 70%;
  margin-left: 0;
  margin-right: auto;
}

/*tsukigawari*/
.price-box ul li span.feb {
  padding: 2px 10px;
  background: #ffb1be;
  right: 230px;
  border-radius: 60px;
  bottom: 3px;
  color: #fff;
}

@media only screen and (max-width: 1024px){
  .avs15.select5.ta5 {
    width: 90% !important;
  }
}

@media only screen and (max-width: 599px){
  .avs15.select5.ta5 {
    width: 95% !important;
  }
  .price-box ul li span {
    font-size: 16px;
  }
  .price-box ul li span.feb {
    font-size: 12px;
    right: 210px;
  }
}

.box2 .avs15 {
  margin-right: auto;
  margin-left: 0;
}
.lp-charge-inner .avs15 {
  margin-right: auto;
  font-size: 16px;
  line-height: 1.3;
  width: 70%;
}
.lp-charge-inner .avs15:hover {
  color: #fff;
}
.lp-charge-inner .avs15.t-bnr {
  width: 70%;
}
.art-news {
  width: 60%;
  margin: 10px auto 10px;
}
.art-news img {
  width: 100%;
}
.art-txt {
  text-align: center;
  font-size: 32px;
  color: #88468c;
  margin: 0 0 50px;
  font-weight: bold;
}
.t-art img {
  width: 100%;
}
.bg-pink {
  background: #375adb;
  color: #fff;
  width: 98%;
}


@media only screen and (max-width: 1024px){
  .art-news {
    width: 90%;
  }
}

@media only screen and (max-width: 599px){
  .art-txt {
    font-size: 18px;
  }
  .lp-charge-inner .avs15.t-bnr {
    width: 100%;
  }
}

.img-hidden {
  opacity: 0;
  height: 0;
  visibility: hidden
}

.mt20 {
  margin-top: 20px;
}
.ta-l {
  text-align: left;
}

.positive {
  font-weight: bold;
  color: #98639b;
  font-weight: 17px;
}

.negative {
    font-weight: bold;
}

/* .lazer .subimg:before {
  padding-top: 35%;
} */

.ma {
  margin: auto;
}
.avs15.takansho {
  background: #b29553;
}

.fs18 {
  font-size: 18px;
}
.t-bnr {
  background: #6bc425;
  font-weight: bold;
  line-height: 1.3;
}
.t-bnr.hia {
  width: 98%;
}

.top-bnr02 .box.hifu .pic:after {
  left: 5%;
}
.top-bnr02 .box.hifu .txtbox .big {
  margin-right: 40%;
}