@charset "utf-8";
/* CSS Document */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');


[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 .headinfo dd.customer02 a {
    display: inline-block;
    color: #98639b;
    font-size: 28px;
    padding-left: 40px;
    position: relative;
}

.headin .headinfo dd.customer02 a:before {
    display: none;
}


.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;
    font-size: 14px;
}

#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: 10%;
    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";
    font-size: 13px;
}

.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: 0;
    }

    .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%; */
        min-width: 180%;
        left: auto;
    }
    
     .mainimg .slide.s_img1 img {
        min-width: 100%;
        left: 0;
    }
    
    .mainimg .slide.s_img2 img , .mainimg .slide.s_img3 img {
        min-width: 180%;
        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%; */
        min-width: 370%;
    }
    .mainimg .slide img.s01 {
        min-width: 310%;
    }
    
    .mainimg .slide.s_img1 img {
        /* min-width: 280%; */
        min-width: 260%;
        left: auto;
    }
    
    .mainimg .slide.s_img2 img {
        /* min-width: 260%; */
        min-width: 430%;
        left: 0;
    }
    
    .mainimg .slide.s_img3 img {
        /* min-width: 100%; */
        min-width: 350%;
    }

    .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: -6px;
    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 {
    margin: 30px 0;
}

.attention01 {
    display: block;
    font-size: 26px;
    margin: 30px 0;
    position: absolute;
    top: 15%;
    left: calc(50% - 500px);
    text-shadow: 1px 2px 3px #ffffff;
}

.attention02 {
    display: none;
}

.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: 1024px) {
  .attention01 {
    top: -5%;
    left: 17%;
    font-size: 22px;
  }
}

@media only screen and (max-width: 599px) {
  .attention01 {
    display: none;
  }
  .attention02 {
    display: block;
    margin: 30px 0;
    text-align: center;
}
    .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;
  margin-bottom: 15px;
}

.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%;
}
.top-bnr02 .box.l36 .txtbox {
  width: 60%;
  margin-left: auto;
}
.top-bnr02 .box.l36 .pic:after {
  left: 36%;
}

.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: 12px;
}
.top-bnr02 .box .txtbox .normal {
    font-size: 16px;
}
.top-bnr02 .box .pic:after {
    width: 60%;
    height: 80%;
    top: 10%;
    left: 10%;
}
.top-bnr02 .box.takan .pic:after {
  width: 60%;
}
.pb30i {
  padding-bottom: 10px !important;
}
.top-bnr02 .box.l36 .txtbox {
  width: 65%;
}
}


.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%; */
    width: 100%;
}

.injection .box2 .item .pic {
    width: 48%;
}

.injection .box2 .item .price .taxin {
    display: block;
    font-size: 14px;
    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: 2;
}

.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: 98%;
  }
  
  .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:before {
    padding-top: 160%;
  }
  .lazer .subimg img {
    object-fit: cover;
  }
} 


/*特設ページ*/

.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: 2;
  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: #ff759c;
  color: #fff;
  /* width: 98%; */
}
a.bg-pink:hover {
  color: #fff;
}


@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 {
    width: 80%;
    margin: auto;
  }
  .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: 8%; */
  background: linear-gradient(to right, rgba(250, 250, 250, 0.5) 0%, rgba(250, 250, 250, 0.5) 100%);
}
.top-bnr02 .box.hifu .txtbox .big {
  /* margin-right: 40%; */
  /* margin-right: 10%; */
}

.art-img {
  width: 100%;
  margin: 30px auto 0;
  display: flex;
}
.art-img .bnr {
  width: 60%;
  margin: auto;
  background: #fff;
}
.art-img .line {
  display: block;
  width: 30%;
  margin: auto;
}
.art-img img {
  width: 100%;
}

.b-price {
  width: 50%;
  display: block;
}

@media only screen and (max-width: 1024px){
  .injection .box2 .item .b-price .price-box {
    width: 70%;
  }
}

@media only screen and (max-width: 599px){
  .art-img {
    width: 95%;
    display: block;
  }
  .art-img .bnr {
    width: 100%;
    margin: 0 auto 10px;
  }
  .art-img .line {
    width: 100%;
  }
  .art-img .line .img {
    margin-bottom: 5px;
  }
  .top-bnr02 .box.hifu .txtbox .big {
    /* margin-right: 27%; */
  }
}

.lp-p a {
  width: 97% !important;
}

.f-bnr {
  margin-top: 50px;
}
.f-bnr div {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  color: #98639b;
  border-bottom: 1px solid #d2d2d2;
}
.f-bnr p {
  width: 60%;
  margin: auto;
}
.f-bnr p img {
  width: 100%;
}
.f-attention {
  font-size: 18px;
}
.nano {
  font-size: 14px;
  vertical-align: text-bottom;
}

@media only screen and (max-width: 599px){
  .f-bnr p {
    width: 100%;
  }
  .another-bnr .fs24 {
    font-size: 14px;
  }
}

.mt50 {
  margin-top: 50px;
}
.sub-title {
  font-size: 20px;
  font-weight: bold;
  color: #98639b;
}
.w95 {
  width: 95% !important;
}

/*2023/08/23 TOPお悩み別*/
.top-treatment ul {
  display: flex;
  flex-wrap: wrap;
}
.top-treatment ul li {
  width: 31%;
  margin: 10px auto;
  border: 1px solid #9E9E9E;
  position: relative;
}
/* .top-treatment ul li a {
  
} */
.top-treatment ul li .img {
  opacity: 0.5;
}
.top-treatment ul li .txt {
  position: absolute;
  width: 100%;
  top: 35%;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}
.mtb80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

@media only screen and (max-width: 1024px){
  .top-treatment ul li .txt {
    font-size: 16px;
  }
}

@media only screen and (max-width: 599px){
  .top-treatment ul li {
    width: 48%;
    margin: 5px auto;
  }
  .top-treatment ul li .txt {
    top: 30%;
    font-size: 14px;
  }
}
.lp-mainbanner.mens {
  background: none;
}

/*2023/08/29*/
.injection .box2 .item .price-box.double {
  width: 100%;
}
.injection .box2 .item .price-box.double .price {
  font-size: 16px;
}

.mtb10 {
  margin: 10px auto;
}

/*2023/09/29 TOPテノール料金改定*/
.h3t {
  color: #98639b;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
.top-attention {
  width: 1000px;
  margin: 30px auto 50px;
  padding: 2%;
  border: 1px solid #98639b;
}
.t-price-box {
  display: flex;
  margin-top: 20px;
  margin-bottom: 50px;
}
.t-price {
  width: 48%;
  margin: auto;
}
.t-price .m01 {
  font-size: 18px;
  color: #98639b;
  font-weight: bold;
}
.t-price ul li {　
  margin-bottom: 10px !important;
}
.top-attention .detail-btn a {
  background: #98639b;
}

@media only screen and (max-width: 1024px){ 
  .top-attention {
    width: 93%;
  }
  .top-attention .detail-btn a {
    width: 270px;
  }
}

@media only screen and (max-width: 599px){ 
  .h3t {
    font-size: 20px;
  }
  .t-price-box {
    display: block;
    margin-bottom: 20px;
  }
  .t-price {
    width: 100%;
    margin-bottom: 20px;
  }
}

/*2023/10/06 アートメイクsns*/
.art-sns {
  margin-top: 50px;
  padding: 2%;
  border: 2px solid #98639b;
}
.art-sns .sh3 {
  font-size: 30px;
  margin-bottom: 20px;
  color: #98639b;
  font-weight: bold;
}
.art-sns .itemcenter {
  text-align: center;
}
.art-sns img { 
  width: 100%;
}
.avs15.w80 {
  width: 80%;
  margin-left: auto;
  
}

@media only screen and (max-width: 599px){
  .art-sns .sh3 {
    font-size: 26px;
  }
}

/*2023/10/24 header変更*/
.t-shinki a {
  display: block;
  font-size: 14px;
  line-height: 1.2;
  background: #98639b;
  color: #fff;
  padding: 1%;
}
.sp-only {
  display: none;
}

@media only screen and (max-width: 599px){
  .sp-only {
    display: block;
  }
  #gnav li .t-shinki a {
    padding: 2%;
    font-size: 12px;
  }
  .t-shinki a {
    font-size: 12px;
  }
}

#tag-plug__area-625 {
  width: 100% !important;
}




/* 2023/11/22 */
.form .alert {
    font-size: 12px;
    color: red;
    margin-bottom: 20px;
    margin-top: -10px;
}

.avs15.mb0 {
    margin-bottom: 0;
}


/* 2023/11/30 */
.price-txt {
    color: #B01733;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}

.price-txt:before {
    content: "\f058";
    font-family: "font awesome 5 Free";
    font-weight: bold;
    margin-right: 5px;
}


/* 2023/12/26 */
.top-bnr02 .a15t .box.hifu a {
    justify-content: center;
}
.mv-avs-sp {
  margin: 10px auto 0;
}


/* 2024/02/28 */
.box-type-01 {
    position: relative;
    width: 99%;
    box-sizing: border-box;
    justify-content: center;
}

.box-type-01 .boxwrap {
    position: relative;
    width: 99%;
    box-sizing: border-box;
    margin: 0 auto 10px;
}

.box-type-01 .boxwrap a {
    display: block;
    width: 100%;
}

.box-type-01 .boxwrap .tbox {
    position: relative;
    z-index: 2;
    background: rgba(255,255,255,0.7);
    margin: 20px 20px;
    padding: 20px;
}

.box-type-01 .boxwrap .pbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.box-type-01 .boxwrap .pbox .pic {
    height: 100%;
}

.box-type-01 .boxwrap .pbox .pic img {
    height: 100%!important;
    object-fit: cover;
    object-position: 50% 60%;
}

.box-type-01 .boxwrap .pbox:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    z-index: 1;
}

.box-type-01 .boxwrap .tbox .big {
    text-align: center;
    font-size: 30px;
    line-height: 1.3;
    font-weight: bold;
}

@media (max-width:1024px) {
  .box-type-01 .boxwrap .tbox .big {
      font-size: 20px;
  }
  .box-type-01 .boxwrap .tbox {
      margin: 10px;
  }
}

@media (max-width:599px) {
  .box-type-01 .boxwrap .tbox .big {
      font-size: 12px;
  }
}



/* 2024/04/25 */
.top-bnr02 .box.r36 .pic:after {
    right: 36%;
    left: 10%;
}

.top-bnr02 .box.r36 .txtbox {
    width: 60%;
    margin-right: auto;
    margin-left: 10%;
}

@media (max-width:1024px) {
  .width-auto .avs15 {
      width: 98%;
  }
}

@media (max-width:599px) {
  .top-bnr02 .box.r36 .txtbox {
    width: 65%;
  }
  .width-auto .avs15 {
      width: 93%;
  }
}

/* 2024/05/24 */
.pti-0 .inner{
  padding-top: 0px !important;
}

@media screen and (max-width:599px) {
.top-bnr2 .box a.pdx-25-sp{
  padding-right: 2.5%;
  padding-left: 2.5%;
} 

    .top-bnr02 .box .pic:after {
        width: 60%;
        height: 80%;
        top: 10%;
        left: 19%;
    }
}

/* 2024/06/27 */
br.br-sp-block{
  display: none;
}

br.br-sp-none{
  display: block;
}

@media(max-width:599px) {
span.br{
  display: block;
}

br.br-sp-block{
  display: block;
}

br.br-sp-none{
  display: none;
}
}

/* 2024/07/25 */
.menutext{
  text-align: center;
  margin-bottom: 30px;
}

.monitor-info a{
  font-size: 30px;
  text-align: center;
  background-image: linear-gradient(90deg, #facc61 0%, #F76B1C 100%);
  padding: 20px;
  margin-bottom: 30px;
  filter: drop-shadow(#F76B1C 2px 4px 6px);
  transition: 0.3s ease-in;
  display: block;
  height: 100%;
  line-height: 1.5;
  color: #fff;  
}

.monitor-info a:hover {
    filter: none;
}

.lp-merit.mb_0{
  margin: 50px 0 0 0;
}

.lp-merit.mb_0+.inner02{
  padding: 0;
}

@media(max-width:599px) {
.monitor-info a{
  font-size: 20px;
  padding: 20px 10px;  
}    
}

/* 2024/07/30 追記 */

.select12 .mr-10{
  margin-right: 10px;
}

.indent-list li{
  text-indent: -1rem;
  padding-left: 1rem;
}

@media screen and (max-width:599px) {
.sp-block{
display: block;
} 
}

/* 2024/08/27 追記 */
.banner .maintit .black {
    font-size: 16px;
    line-height: 1;
}

.lp-mainvisual-inner.pt45:before {
    padding-top: 45%;
}

.lp-merit.new{
  background: transparent;
  margin-bottom: 0;
}

.lp-merit.new .meritlist li {
  width: 45%;
  text-align: center;
}

.lp-merit-attention.new dt {
    background: #0199B1;
}

.lp-merit-attention.new dd {
    color: #000;
    font-size: 16px;
}

.lp-merit-attention.new dd .pink {
    color: #E70364;
}

.lp-merit-attention.new dd .blue {
    color: #0199B1;
}

.lp-merit-attention.new .text-wrap{
    font-weight: bold;
}

.lp-merit-attention.new .text-wrap .blue {
    color: #0199B1;
}

.about2 .right .minibox.new {
    padding-left: 0;
    display: flex;
    align-items: center;
}

.about2 .minibox.new .pentagon {
    position: initial !important;
    margin-right: 20px;
    flex-shrink: 0;
}

.about2 .minibox.new .violet {
    margin-bottom: 0;
}

@media (max-width: 599px) {
    .lp-merit.new .meritlist li .meritlist-inner {
        font-size: 14px;
    }
        
    .lp-merit.new .meritlist li {
      width: 100%;
    } 
    
.about2 .right .minibox.new {
    margin-bottom: 10px;
}    
}

/* 2024/08/28 追記 */
.new-sp-br{
  display: none;
}

.doctor-syousya{
  font-size: 24px;
  color: rgba(0, 132, 174, 255);
  font-weight: bolder;
}

@media(max-width:1024px){
.doctor-syousya{
  font-size: 22px;
}    
}

@media(max-width:599px) {
.new-sp-br{
  display: block;
}

.doctor-syousya{
  font-size: 18px;
}

.mt20\@sp{
  margin-top: 20px;
}
}

.select12.w100{
  width: 100%;
}

@media screen and (max-width:599px) {
 .hifu .w96{
  width: 96%;
  margin-right: auto;
  margin-left: auto;
 }
 
 .select12.w96{
  width: 96%;
  margin-right: auto;
  margin-left: auto;  
}
}

.w100-img img{
  width: 100%;
}

@media screen and (min-width:1025px) {
.w70-pc{
 width: 70%;
 margin: auto;
}
}

/* 2024/09/12 追記 */
#new-page .newcommnet{
  color: #0199b1;
  font-size: 28px;
}

#new-page .newcommnet.purple{
  color: #98639B;
}

#new-page .newcommnet.pink{
  color: #E31571;
}

#new-page .purple_txt{
  color: #88468c;
  font-weight: bold
}

#new-page .pink_txt{
  color: #E31571;
  font-weight: bold;
}

#new-page .blue_txt{
  color: #0199b1;
  font-weight: bold;
}

#new-page .green_txt{
  color: #007b79;
  font-weight: bold;
}


#new-page .headingbox.blue {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(207, 232, 232)), to(rgba(1, 153, 177)));
    background: linear-gradient(to bottom, rgba(207, 232, 232) 0%, rgba(1, 153, 177) 100%);
}

#new-page .headingbox.blue:after {
    border-color: #0199b1 transparent;
}

#new-page .headingbox.green {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(207, 232, 232)), to(rgba(0, 172, 169)));
    background: linear-gradient(to bottom, rgba(207, 232, 232) 0%, rgba(0, 172, 169) 100%);
}

#new-page .headingbox.green:after {
    border-color: #00aca9 transparent;
}

#new-page .midashi_point {
    font-size: 18px;
    background: #e61874;
    margin-top: 20px;
    text-align: center;
    padding: 20px;
    margin-bottom: 30px;
    filter: drop-shadow(#e61874 2px 4px 6px);
    transition: 0.3s ease-in;
    display: block;
    height: 100%;
    line-height: 1.5;
    color: #fff;
}

#new-page .newmidashi01{
  color: #00aca9;
  font-size: 24px;
  padding: 20px 0;
}

#new-page .newmidashi01::before{
  content: "●";
}

#new-page .newmidashi02{
  font-weight: bold;
  content: "●";
}

#new-page .newmidashi02::before{
  content: "●";
}

#new-page .pink_border{
  border: 1px solid #E31571;
  padding: 20px;
}

#new-page .green_border {
    padding: 20px;
    background-color: #ECF4E5;
}

#new-page .white_border{
    padding: 20px;
    background-color: #ffffff;
    height: fit-content;
}

#new-page .green_obi{
  background-color: #007b79;
  color: #fff;
  text-align: center;
  padding: 0.25em 0;
}

#new-page .fz24{
  font-size: 24px;
}

#new-page .fz18{
  font-size: 18px;
}

#new-page .fz14{
  font-size: 14px;
}

#new-page .fz12{
  font-size: 12px;
}

#new-page .mt10{
  margin-top: 10px;
}

#new-page .mb10{
  margin-bottom: 10px;
}

#new-page .mt5{
  margin-top: 5px;
}

#new-page .p20{
  padding: 20px;
}

#new-page .fwbold{
  font-weight: bold;
}

#new-page .tac_tal{
  text-align: center;
}

#new-page .tac_tal_tb{
  text-align: center;
}

#new-page .tb_br{
  display: none;
}

#new-page .sp_br{
  display: none;
}

@media(max-width:1024px){
#new-page .newcommnet{
  font-size: 22px;
}

#new-page .tb_br{
  display: block;
}

#new-page .tac_tal_tb{
  text-align: left;
}

#new-page .tbw100{
  width: 100%;
}
}

@media(max-width:599px) {
#new-page .newcommnet{
  font-size: 18px;
}

#new-page .newmidashi01{
  font-size: 20px;
}

#new-page .w20{
  width: 100%;
}

#new-page .flexb.nowrap{
  flex-wrap: nowrap;
}

#new-page .tb_br{
  display: none;
}

#new-page .sp_br{
  display: block;
}

#new-page .tac_tal{
  text-align: left;
}
}

#new-page .hifu-container01 {
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}

#new-page .hifu-container01 .title {
    background-color: #CA6F98;
    color: #fff;
    text-align: center;
    padding: 1em 0;
    font-weight: bolder;
    font-size: 20px;
}

#new-page .hifu-container01 .list-hifu {
    display: flex;
    justify-content: space-between;
}

#new-page .hifu-container01 .list-hifu li {
    width: calc(100% / 3);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 1px solid #CA6F98;
    padding: 20px;
}

#new-page .hifu-container01 .list-hifu li .ttl {
    width: 70%;
}

#new-page .hifu-container01 .list-hifu li .img {
    width: 30%;
}

@media(max-width:599px) {
#new-page .hifu-container01 .list-hifu li .ttl {
    width: 100%;
}

#new-page .hifu-container01 .list-hifu li .img {
    width: 100%;
}    
}

#new-page .hifu-container01.ver02 .title {
    background-color: #C39A6C;
}

#new-page .hifu-container01.ver02 .list-hifu {
    flex-wrap: wrap;
}

#new-page .hifu-container01.ver02 .list-hifu li {
    width: calc(100% / 2);
    border: 1px solid #C39A6C;
}

#new-page .hifu-container01.ver02 .list-hifu li .ttl {
    width: 100%;
    text-align: center;
}

#new-page .list-syousya>li {
    padding: 20px 0;
    border-bottom: 1px solid #c39a6c;
}

#new-page .list-syousya>li:last-child {
    border-bottom: none;
}

#new-page .list-syousya .list-inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#new-page .list-syousya .list-inner .left {
    width: 70%;
}

#new-page .list-syousya .list-inner .right {
    width: 25%;
    align-content: center;
}

#new-page .list-left {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

#new-page .list-left li {
    width: calc((100% - 80px) / 5);
    border: 1px solid #0199b1;
    border-radius: 10px;
    position: relative;
    padding: 10px;
    text-align: center;
    align-content: center;
}

#new-page .list-left li .up {
    border-bottom: 1px solid #0199b1;
    margin-bottom: 0.5em;
    font-size: 14px;
    color: #0199b1;
}

#new-page .list-left li .down {
    font-size: 14px;
    color: #0199b1;
}

#new-page .list-left li .list-inner {
    display: block;
}

#new-page .list-left li:first-child {
    border: 1px solid #D93A96;
    width: 40%;
    padding: 0;
    overflow: hidden;
}

#new-page .list-left li:first-child .up {
    background-color: #FAE0E3;
    color: #D93A96;
    padding: 10px;
    border-bottom: none;
    margin-bottom: 0;
}

#new-page .list-left li:first-child .down {
    padding: 10px;
}

#new-page .list-left li::before {
    content: "＋";
    display: block;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: -20px;
    color: #C39A6C;
}

#new-page .list-left li:first-child:before {
    content: none;
}

#new-page .list-syousya .right .obi {
    background-color: #04A7C0;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 0.5em;
    font-size: 14px;
}

#new-page .list-syousya .right .obi-sub {
    font-size: 0.8em;
}

#new-page .list-syousya .right .price {
    font-size: 2em;
    color: #04A7C0;
    display: flex;
    align-items: baseline;
    justify-content: center;
}

#new-page .list-syousya .right .price .main {
    width: 60%;
    font-size: 30px;
    color: #0199b1;
    font-weight: bold;
}

#new-page .list-syousya .right .price .sub {
    width: 40%;
    font-size: 12px;
}

@media(max-width:1024px) {
    #new-page .list-syousya .list-inner .left {
        width: 100%;
        margin-bottom: 20px;
    }

    #new-page .list-syousya .list-inner .right {
        width: 100%;
    }
    
    #new-page .list-syousya .right .price .main {
        width: fit-content;
        margin-right: 0.3em;
        font-size: 44px;
    }
    
    #new-page .list-syousya .right .price .sub {
        width: fit-content;
    }    
}

@media(max-width:599px) {
    #new-page .list-left {
        display: block;
    }

    #new-page .list-left li {
        width: 100%;
        margin-bottom: 20px;
    }

    #new-page .list-left li:first-child {
        width: 100%;
    }

    #new-page .list-left li::before {
        top: auto;
        bottom: -25px;
        left: 50%;
        transform: translate(-50%, 0);
    }
    
    #new-page .list-left li:first-child:before {
        content: "＋";
    } 
    
    #new-page .list-left li:last-child:before {
        content: none;
    }
    
    #new-page .list-left li:first-child.w100-sp{
      width: 100%;
    }
}

#new-page .lp-merit.ver02 {
    background: transparent;
}

#new-page .lp-merit.ver02 .meritlist li {
    background: none;
}

#new-page .lp-charge-tableinn.ver02 dt {
    width: 30%;
    font-size: 13px;
    color: #000;
    background-color: #ddd;
}

#new-page .lp-charge-tableinn.ver02 dd {
    width: 35%;
    font-size: 13px;
    align-content: center;
}

#new-page .lp-charge-tableinn.ver02 dd.purple_txt {
    color: #88468c;
}

#new-page .lp-charge-tableinn.ver02 dd.pink_txt {
    color: #e31571;
}

#new-page .w48.ver02 img{
  width: auto;
}

#new-page .flexgrow1{
  flex-grow: 1;
}

#new-page .gram {
    border-radius: 10px;
    background-color: #c39a6c;
    color: #fff;
    text-align: center;
    width: fit-content;
    padding: 0.25em 1em;
    margin-right: 0.25em 1.5em;
}

#new-page .green-price {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #007b79;
}

#new-page .green-price .main,
#new-page .green-price .sub{
    color: #007b79;
}

#new-page .cate01{
  background-color: #88C66D;
  color: #fff;
  width: fit-content;
  padding: 0.25em 1em;
  font-size: 12px;
}

#new-page .cate02{
  background-color: #C8D7DC;
  color: #fff;
  width: fit-content;
  padding: 0.25em 1em;
  font-size: 12px;
}

@media screen and (max-width:599px) {
#new-page .sp-fd-column{
  flex-direction: column;
}
  
#new-page .hifu-container01 .list-hifu.w-100list-sp li{
  width: 100%;
}

#new-page .hifu-container01 .list-hifu.w-100list-sp .img{
  width: 30%;
  text-align: center;
  margin: auto;
}

#new-page .list-left li{
  width: 100%;
}

#new-page .list-left li:last-of-type{
  margin-bottom: 0px;
}
}

/* 2024/09/18 追記 */

#new-page .supplement-txt{
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0199b1;
  font-weight: bolder;
  color: #fff;
}

#new-page .price .main span{
  font-size: 18px;
}

@media screen and (max-width:599px) {
 #new-page .supplement-txt {
    font-size: 12px;
    height: 60px;
    padding: 0px 10px;
}
}

#new-page .jc-center{
  justify-content: center;
}

#new-page .mr-10{
  margin-right: 10px;
}

#new-page .jc-fs{
  justify-content: flex-start;
}

@media screen and (max-width:599px) {
 #new-page .jc-fs-sp{
   justify-content: flex-start;
 }
 
 #new-page .mx-auto-sp{
   margin-left: auto;
   margin-right: auto;
 }
 
 #new-page .w50-sp{
   width: 50%;
 }
 
 #new-page .p20{
  padding: 0px;
}

#new-page .sp-br{
  display: block;
}

#new-page .ml-0-sp{
  margin-left: 0px;
}

#new-page .sp-w48{
  width: 48%;
}

#new-page .w100-sp{
  width: 100%;
}

#new-page .ta-l-sp{
  text-align: left;
}

#new-page .w30-sp{
  width: 30%;
}

#new-page .w20-sp{
  width: 25%;
}

#new-page .mbi-0-sp{
  margin-bottom: 0px !important;
}

#new-page .t-indent-sp{
  text-indent: -1.3rem;
  padding-left: 1rem;
}

#new-page .ai-base-sp{
  align-items: baseline;
}
}


@media screen and (min-width:1025px) {
#new-page .pc-br{
  display: block;
}
}

#new-page .nuberling-list li{
  position: relative;
  text-indent: -1.7rem;
  padding-left: 1rem;
}

#new-page .nuberling-list li:first-of-type::before {
    content: "Ⅰ.";
    margin-right: 5px;
}

#new-page .nuberling-list li:nth-of-type(2)::before {
    content: "Ⅱ.";
    margin-right: 5px;
}

#new-page .nuberling-list li:nth-of-type(3)::before {
    content: "Ⅲ.";
    margin-right: 5px;
}

#new-page .nuberling-list li:nth-of-type(4)::before {
    content: "Ⅳ.";
    margin-right: 5px;
}

#new-page .nuberling-list li:nth-of-type(5)::before {
    content: "Ⅴ.";
    margin-right: 5px;
}

#new-page .nuberling-list li:nth-of-type(6)::before {
    content: "Ⅵ.";
    margin-right: 5px;
}

#new-page .mx-auto{
  margin-right: auto;
  margin-left: auto;
}

#new-page .fz-28{
  font-size: 28px;
}

/* 2024/09/13 */

@media screen and (min-width:600px) {
#new-page .ta-c-pc{
  text-align: center;
}

#new-page .ta-l-pc{
  text-align: left;
}
}

#new-page .lp-merit .meritlist li .info span {
  padding-bottom: 5px;
}

#new-page .lp-charge-tableinn.ver02 dd{
  border: 1px solid #d7d7d7;
}

#new-page .lp-charge-tableinn.ver02 dt {
  border: 1px solid #d7d7d7;
}

#new-page .lp-charge-tableinn.ver02 dd.purple_txt {
  border: 1px solid #d7d7d7;
}

#new-page .list-pink li{
  text-indent: -1rem;
  padding-left: 1rem;
}

#new-page .list-pink li.c-pink{
  color: #E31571;
  font-weight: bold;
}

#new-page .fz-36-pc{
  font-size: 36px;
}

#new-page .d-ib{
  display: inline-block;
}

#new-page .mb-10{
  margin-bottom: 10px;
}

#new-page .pos-r-top3{
  position: relative;
  top: 3px;
}

#new-page .fw-bolder{
  font-weight: bolder;
}

#new-page .ai-c{
  align-items: center;
} 

/* 2024/09/17 追記 */

#new-page .lp-merit .meritlist li{
    border: 2px solid #baa167;
    padding: 20px;
}

#new-page .lp-merit .meritlist li div span {
    display: block;
    text-align: center;
    color: #876008;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}

#new-page .lp-merit .meritlist li div .txt{
  font-size: 14px;
}

#new-page .lp-message-txt div{
  font-size: 20px;
  font-weight: bold;
}

#new-page .ac-center{
  align-content: center;
}

#new-page .fz-14list li{
  font-size: 14px;
}

#new-page .mb-10-list li:not(:last-of-type){
  margin-bottom: 10px;
}

#new-page .emphasis{
  font-size: 24px;
  margin: 0px 5px;
  align-content: end;
  display: inline-block;
  color: #e3158a;
  position: relative;
  top: 2px;
}

#new-page .purple{
  color: #98639B;
}

#new-page .list-hifu li .ttl span{
  font-size: 22px;
  font-weight: bold;
}

#new-page .h-auto{
  height: auto;
}

#new-page .list-left li:first-child {
    border: 1px solid #0199b1;
    width: 40%;
    padding: 0;
    overflow: hidden;
}

#new-page .list-left li:first-child .up {
    background-color: #0199b1;
    color: #fff;
    padding: 10px;
    border-bottom: none;
    margin-bottom: 0;
    font-size: 13px;
}

#new-page .list-left li .up {
    border-bottom: 1px solid #0199b1;
    margin-bottom: 0.5em;
    font-size: 14px;
    color: #0199b1;
}

@media screen and (max-width:599px) {
 #new-page .list-hifu li .ttl span{
  font-size: 18px;
}

#new-page .lp-message-txt.sp-fz-14{
  font-size: 14px;
}
}

#new-page .list-hifu .img img{
  width: 100%;
}

#new-page .ta-l{
  text-align: left;
}

#new-page .fz10{
  font-size: 10px;
}

@media screen and (max-width:599px) {
 #new-page .hi-auto-sp{
   height: auto !important;
}
}

/* 2024/09/21 */

@media screen and (min-width:1025px) and (max-width:1280px) {
#new-page .lp-message-inner{
  padding-right: 100px;
}

#new-page .fz14to16{
  font-size: clamp(0.875rem, 0.118rem + 1.18vw, 1rem);
}
}

#new-page .fz16to24{
  font-size: clamp(1rem, -0.367rem + 2.13vw, 1.5rem);
}

/* 2024/09/30 */

@media screen and (min-width:1025px) {
#new-page .pc-br{
  display: block;
}
}

/* 2024/10/10  */

@media screen and (max-width:599px) {
 .sp-block{
   display: block;
 }
}

/* 2024/10/17 */

.top-bnr2 .box .txtbox .mb-10{
  margin-bottom: 10px;
}

/* 2024/10/29 */
.lp-charge-box dd.campain span {
    color: #333;
    display: inline-block;
    margin-top: 0;
    font-size: 0.75em;
    color: #ff759c;
}

.lp-charge-box dd.campain span.campain-percent{
  font-size: 1em;
  background-color: #ff759c;
  color: #fff;
  border-radius: 30px;
  margin-left: 1em;
  padding: 0.5em;
}

.lp-charge-box dd.mini {
    font-size: 30px;
}

@media(max-width:1024px){
.lp-charge-box dd.mini {
    font-size: 24px;
}    
}

@media(max-width:599px) {
.lp-charge-box dd.mini {
    font-size: 24px;
}   
}

#new-page .list-syousya .right .campain {
  background-color: #0199b1;
  color: #fff;
  padding: 0.25em 0.5em;
  width: fit-content;
}

#new-page .list-syousya .right .none-price {
  text-decoration: line-through;
}

.long-btn a{
  display: block;
  max-width: 600px;
  height: 100%;
  padding: 20px;
  background: linear-gradient(to right, rgba(21, 225, 255, 1) 0%, rgba(1, 142, 157, 1) 50%, rgba(21, 225, 255, 1) 100%); 
  color: #fff;
  font-size: 18px;
  text-align: center;
  filter: drop-shadow(#018e9d 2px 4px 6px);
  transition: 0.3s ease-in;
  margin: 20px auto;
}

@media(max-width:599px) {
.long-btn a{
  max-width: 300px;
}    
}

.long-btn.ver02{
  width: 100%;
}

.long-btn.ver02 a{
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 16px;
}

.long-add{
  color: #018e9d;
  width: 100%;
}

.tuujyou{
  text-decoration: line-through;
}

.gokounyuu {
  display: inline-block;
  background-color: #98639b;
  color: #fff;
  padding: 10px;
  padding: 0.25em;
  border-radius: 5px;
  margin-bottom: 1em;
  font-size: 0.8em;
}

.tuujyou.ver02{
  font-size: 14px;
}

.gokounyuu.ver02 {
  background-color: #b01733;
}

.new-sp-br{
  display: none;
}

.doctor-syousya{
  font-size: 24px;
  color: rgba(0, 132, 174, 255);
  font-weight: bolder;
}

@media(max-width:1024px){
.doctor-syousya{
  font-size: 22px;
}    
}

/* 2024/10/30 */
.new-sp-br02{
  display: none !important;
}

@media(max-width:599px) {
.new-sp-br02{
  display: block !important;
}

.lp-charge-box.hifu00 dd.price {
    font-size: 18px;
}

.lp-charge-box dd.mini.moremini {
    font-size: 18px;
}

.sp-fz-12 a{
  font-size: 12px;
}

.sp-fz-13 a{
  font-size: 13px;
}
}

/* 2024/11/27 */
.yokoku{
  display: inline-block;
  color: #98639b;
  border: 1px solid;
  padding: 5px;
  margin-left: 1em;
  margin-bottom: 0.5em;
}

@media(max-width: 599px) {
    .another-bnr .fs24.fs13 {
        font-size: 13px;
    }
}

/* 2024/12/24 */
.newyearred{
  color: #C2191E;
}

.top-bnr02 .a15t .box.red a {
    border: solid 3px #C2191E;
}

.new-pc-br{
  display: block;
}

@media(max-width: 599px) {
.another-bnr .fs20 {
    font-size: 14px;
}

.new-pc-br{
  display: none;
}

.top-bnr02 .box.r36 .txtbox.ver202501 {
  margin-left: 5%;
}
}

/* 2024/12/25 */
.newyearbanner01{
  position: relative;
}

.newyearbanner01 .deco01{
  position: absolute;
  top: -35px;
  left: 0;
  z-index: 1;
  max-width: 90px;
}

.newyearbanner01 .deco02{
  position: absolute;
  bottom: -35px;
  right: 0;
  z-index: 1;
  max-width: 90px;
  transform: scale(-1, -1);
}

.newyearbanner02 a{
  position: relative;
}

.newyearbanner02 .deco03{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 68%;
  height: 100%;
  background-image: url('/upload/tenant_1/2e50adfa1224a793756f7fb2a5552203.webp');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.05;
}

.newyearwhite{
  color: #fff;
}

.newyearshadow{
  text-shadow: 2px 2px 10px rgba(255, 0, 0, 0.5);
}

.top-bnr02 .box.newyear .pic:after {
  content: none;
}

@media(max-width:599px) {
.newyearbanner01 .deco01{
  top: -20px;
  left: -15px;
  max-width: 45px;
}

.newyearbanner01 .deco02{
  bottom: -15px;
  right: -15px;
  max-width: 45px;
}
}

/* 12/26 */

@media screen and (max-width:599px) {
 .sp-block{
  display: block;
}
}

/* 2025/01/27 */
.imgfit.obp-t img {
  object-position: top;
}

.n-menu-inner ul .n-menu-plan.mini a {
  font-size: 16px;
}

.new-recruit-box{
  margin-top: 20px;
  margin-bottom: 80px;
}

.new-recruit-box a {
    background: #fafafa;
    border: solid 6px #98639b;
    padding: 1.1% 3%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.new-recruit-box a .heading {
    width: 100%;
    margin: auto;
    z-index: 5;
    line-height: 1.5rem;
    display: flex;
    align-items: center;
    margin-left: 2px;
}

.new-recruit-box a .heading span.en{
  font-size: 16px;
}

.new-recruit-box a .heading .sub{
  line-height: inherit;
  font-size: 12px;
  margin-left: 10px;
}

.new-recruit-box a .txtbox{
  position: relative;
  z-index: 5;
}

.new-recruit-box a .txt01{
  font-size: 18px;
  font-weight: bold;
  color: #98639b;
  text-align: left;
}

.new-recruit-box a .txt02{
  font-size: 18px;
  font-weight: bold;
  text-align: left;
}

.new-recruit-box a .txt03 {
    text-align: left;
    font-size: 12px;
}

.new-recruit-box a .pic{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0.3;
}

.new-recruit-box a .btn {
    width: 190px;
    color: #fff;
    padding: 5px;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0px;
    font-size: 13px;
    z-index: 5;
    padding-left: 95px;
    padding-right: 0px;
}
.new-recruit-box a .btn:before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-left: solid 130px transparent;
    border-bottom: solid 80px #98639b;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}
.new-recruit-box a .btn:after {
    display: inline-block;
    content: "▶︎";
    font-size: 12px;
    margin-top: -4px;
    margin-left: 5px;
    vertical-align: middle;
}

@media(max-width:1024px){
.new-recruit-box a .heading{
  width: 33%;
}    
}

@media(max-width:599px){
.n-menu-inner ul .n-menu-plan.mini a {
  font-size: 12px;
}

.new-recruit-box a .heading{
  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;
}

.new-recruit-box a .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;
}

.new-recruit-box a .btn {
    width: 100%;
    background: #98639b;
}

.new-recruit-box a .btn:before {
    content: none;
}
}

.jc-sb{
  justify-content: space-between;
}

@media screen and (min-width:600px) and (max-width:1024px) {
  
.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;
}


.new-recruit-box a {
  background: #fafafa;
  border: solid 6px #98639b;
  padding: 5% 5%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.top-bnr2 .box h3 {
       width: 33%;
    }
    .new-recruit-box a .heading span.en {
    font-size: 22px;
}

    .new-recruit-box a .heading {
        width: 33%;
        margin: auto;
        justify-content: center;
    }

.new-recruit-box a .heading .sub {
    line-height: inherit;
    font-size: 16px;
    margin-left: 0;
    margin-top: 0px;
}

.new-recruit-box a .txt01 {
    font-size: 32px;
    font-weight: bold;
    color: #98639b;
    text-align: center;
}

.new-recruit-box a .txt02 {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.new-recruit-box a .txt03 {
    text-align: center;
    font-size: 16px;
}
}


@media screen and (max-width:599px) {
 .new-recruit-box a {
    background: #fafafa;
    border: solid 6px #98639b;
    padding: 5% 5%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.new-recruit-box a .heading span.en {
    font-size: 22px;
}

.new-recruit-box a .heading .sub {
    line-height: inherit;
    font-size: 16px;
    margin-left: 0;
    margin-top: 10px;
}

.new-recruit-box a .txt01 {
    font-size: 32px;
    font-weight: bold;
    color: #98639b;
    text-align: center;
}

.new-recruit-box a .txt02 {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.new-recruit-box a .txt03 {
    text-align: center;
    font-size: 16px;
}

.new-recruit-box a .heading {
    margin-bottom: 10px;
}

.new-recruit-box a .btn {
    width: 100%;
    background: #98639b;
    bottom: -2px;
    width: 101%;
    padding: 10px;
    font-size: 16px;
}
}

/* 2025/03/11 */
#pico-add .tb-br{
  display: block;
}

@media(max-width:1024px) {
#pico-add .tb-br{
  display: none;
}
}

.fz12{
  font-size: 12px;
}

.mt-1em{
  margin-top: 1em;
}

.my-1em{
  margin-top: 1em;
  margin-bottom: 1em;
}

.my-1em.ver02{
  margin-top: 2em;
}

.add-section{
  background: #f2f2f2;
}

.add-section h2.ton {
  margin-top: 0px;
  padding-top: 50px;
}

#pico-add .list-pico li{
  padding-left: 1em;
  text-indent: -1em;
}

#pico-add .list-pico li+li{
  margin-top: 1em;
}

#pico-add .list-pico li::before{
  content: "●";
}

@media(max-width:599px) {
.add-section .txt{
  font-size: 14px;
}    
}

.infini-lp .headingbox {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(152, 99, 155)), to(rgba(61, 40, 62)));
    background: linear-gradient(to bottom, rgba(152, 99, 155) 0%, rgba(61, 40, 62) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#98639b', endColorstr='#3d283e', GradientType=1)";
    /* IE5.5-7 */
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#98639b', endColorstr='#3d283e', GradientType=1);
    text-align: center;
    position: relative;
    z-index: 5;
}

@media all and (-ms-high-contrast: none) {
    .infini-lp .headingbox {
        background: url(/upload/tenant_1/13acc8c5e3b9da30e64e25f16f333779.png) repeat-x;
        background-size: contain;
    }
}

.infini-lp .headingbox:before {
    display: block;
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 20px;
    height: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url(/import/tenant_1/kamei-dentalclinic.com/import/tenant_1/kamei-dentalclinic.com/html/images/common/squarew.png) center no-repeat;
    background-size: 100%;
    z-index: 5;
}

.infini-lp .headingbox:after {
    display: block;
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 35px 35px 0 35px;
    border-color: #3d283e transparent;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}

.infini-lp .headingbox h2 {
  color: #fff;
  font-size: 30px;
  font-weight: 500;
  padding: 20px 2%;
  margin-bottom: 0;
  position: relative;
}

.infini-lp .headingbox h2 .sub {
    display: block;
    color: rgb(167, 163, 39);
    font-size: 24px;
    font-family: "ACaslonPro-Italic", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    line-height: 1.2;
    text-align: center;
}

.infini-lp .headingbox h2 .sub2 {
    display: block;
    color: #4d4d4d;
    font-size: 22px;
    font-family: 'Hannari', '游明朝', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
    line-height: 1.6;
    text-align: center;
}

.infini-lp01-ttl{
  background-color: #cc1169;
  color: #fff;
  font-size: 20px;
  padding: 0.5em 1em;
  margin-bottom: 20px;
}

.infini-lp02-ttl{
  background-color: #cc1169;
  color: #fff;
  font-size: 30px;
  padding: 0.5em 1em;
  margin-bottom: 20px;
  padding-left: 110px;
  position: relative;
  line-height: 1;
}

.infini-lp02-ttl.ver02 {
  padding-left: 0.5em;
}

.infini-lp02-ttl .deco{
  background-color: #fff;
  border: 1px solid #cc1169;
  position: absolute;
  top: 10%;
  left: 10px;
  width: 90px;
  height: 90px;
  border-radius: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.infini-lp02-ttl .deco .deco01{
  display: block;
  font-size: 14px;
  color: #cc1169;
  line-height: 1;
  text-align: center;
}

.infini-lp02-ttl .deco .deco02{
  display: block;
  color: #cc1169;
  line-height: 1;
}

.infini-lp02-ttl .fz-12{
  font-size: 12px;
}

.infini-lp03-ttl{
  background-color: #ea6176;
  color: #fff;
  font-size: 24px;
  padding: 0.5em 1em;
  margin-top: 20px;
}

.num-wrap{
  background-color: #fff;
  border: 1px solid #cc1169;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

.num-wrap .num-ttl{
  background-color: #cc1169;
  color: #fff;
  clip-path: polygon(73% 0, 100% 51%, 75% 100%, 0 100%, 0 0);
  width: 180px;
  height: 150px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.num-wrap .num-ttl .deco,
.num-wrap .num-ttl .num{
  display: block;
  color: #fff;
  line-height: 1;
}

.num-wrap .num-ttl .num{
  font-size: 60px;
}

.num-wrap .content{
  width: 10%;
  flex-grow: 1;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.num-wrap .content.ver02 {
  flex-direction: row;
  justify-content: space-between;
  padding: 20px;
}

.num-wrap .content .cont01{
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 0 10px;
}

.num-wrap .content .cont01 .item{
  width: 30%;
  border: 1px solid #ea5832;
  border-radius: 10px;
  padding: 0.5em 1em;
  background-color: #fff100;
  color: #ea5832;
  font-weight: bold;
  text-align: center;
  position: relative;
}

.num-wrap .content .cont01 .item+.item::before{
  content: "=";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -15px;
  z-index: 1;
}

.num-wrap .content .cont02{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.num-wrap .content .cont02 .img{
  height: 75px;
  padding-right: 20px;
}

.num-wrap .content .cont02 .img img{
  height: 100% !important;
  width: auto;
}

.num-wrap .content .cont02 .txt{
  width: 10%;
  flex-grow: 1;
  text-align: center;
}

.num-wrap .content.ver02 .cont03{
  width: 10%;
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  background-color: #dcdddd;
  padding: 0 20px;
}

.num-wrap .content.ver02 .cont03.ver02{
  background-color: #f8d1e3;
}

.num-wrap .content.ver02 .vs{
  width: fit-content;
  padding: 0 10px;
  font-size: 42px;
  color: #a10052;
  display: flex;
  align-items: center;
}

.num-wrap .content.ver02 .txtwrap{
  padding: 10px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 60%;
}

.num-wrap .content.ver02 .txt01{
  font-weight: bold;
}

.num-wrap .content.ver02 .img{
  width: 40%;
}

.infini-lp02{
  gap: 20px;
}

.infini-lp02 li{
  width: 30%;
}

.infini-lp02 li .txtwrap{
  background-color: #f8d1e3;
}

.infini-lp02 li .txtwrap .txt01{
  font-weight: bold;
  text-align: center;
  color: #cc1169;
}

.infini-lp02 li .txtwrap .txt02{
  font-size: 0.8em;
  text-align: center;
  color: #cc1169;
}

.infini-lp02 li.fukidashi-item{
  display: flex;
  align-items: flex-end;
}

.infini-lp02 li.fukidashi-item .img,
.infini-lp02 li.fukidashi-item .fukidashiwrap{
  width: 50%;
  position: relative;
}

.infini-lp02 li.fukidashi-item .fukidashiwrap .fukidashi{
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.infini-lp02 li.fukidashi-item .fukidashiwrap .wrap{
  display: flex;
  justify-content: center;
  align-items: center;
}

.infini-lp02 li.fukidashi-item .fukidashiwrap .txt{
  position: relative;
  z-index: 2;
  color: #cc1169;
  transform: translateY(-20px);
}

.infini-lp03 .ttl{
  color: #cc1169;
}

.infini-lp03 .content-in{
  background-color: #f8d1e3;
  color: #cc1169;
  border-radius: 10px;
}

.infini-lp03 .content-in .txt{
  color: #cc1169;
  align-self: center;
}

.infini-lp04{
  flex-wrap: wrap;
}

.infini-lp04 .content.orange{
  border: 5px solid #ea5532;
  border-radius: 10px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  width: 20%;
}

.infini-lp04 .content.orange div{
  color: #ea5532;
}

.infini-lp04 .content.orange .strong{
  font-size: 24px;
}

.infini-lp04 .content.green{
  border: 5px solid #00a65e;
  border-radius: 10px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  width: 20%;
}

.infini-lp04 .content.green div{
  color: #00a65e;
}

.infini-lp04 .content.green .strong{
  font-size: 24px;
}

.infini-lp04 .content.pink{
  border: 5px solid #e95384;
  border-radius: 10px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  width: 15%;
}

.infini-lp04 .content.pink div{
  color: #e95384;
}

.infini-lp04 .content.pink .strong{
  font-size: 24px;
}

.infini-lp04 .content.blue{
  border: 5px solid #00afcc;
  border-radius: 10px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  width: 15%;
}

.infini-lp04 .content.blue div{
  color: #00afcc;
}

.infini-lp04 .content.blue .strong{
  font-size: 24px;
}

.infini-lp04 .content.gray{
  border: 5px solid #6a6969;
  border-radius: 10px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  width: 15%;
}

.infini-lp04 .content.gray div{
  color: #6a6969;
}

.infini-lp04 .content.gray .strong{
  font-size: 24px;
}

.infini-lp04 .content.area{
  width: 30%;
}

.infini-lp04 .content.area .deco01{
  background-color: #920783;
  color: #fff;
  border-radius: 50px;
  padding: 0.25em 0.5em;
  font-weight: bold;
  text-align: center;
}

.infini-lp04 .content.area .deco02 .circle{
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #cc1169;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.infini-lp04 .content.area .deco02 .circle div{
  color: #fff;
}

.infini-lp04 .content.area .deco02{
  position: relative;
  color: #cc1169;
  padding-left: 60px;
}

.infini-lp04 .content.area .deco03{
  color: #cc1169;
  font-size: 24px;
}

.infini-lp04 .content.img{
  width: 20%;
}

.infini-lp05 .before,
.infini-lp05 .after{
  width: 45%;
}

.infini-lp05{
  gap: 20px;
  margin-top: 20px;
}

.infini-lp05 .ttl{
  text-align: center;
  margin-bottom: 20px;
}

.infini-lp05 .before,
.infini-lp05 .after{
  width: 48%;
  position: relative;
}

.infini-lp05 .after::before{
  content: "▶";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -25px;
}

.infini-lp06{
  width: 32%;
  background-color: #f8d1e3;
  border-radius: 10px;
}

.infini-lp06 .ttl{
  background-color: #cc1169;
  color: #fff;
  border-radius: 10px 10px 0 0;
  padding: 1em;
}

.infini-lp06 .price-item{
  width: 48%;
}

.infini-lp06 .price-item .deco{
  font-size: 11px;
  background-color: #ec7aac;
  color: #fff;
  border-radius: 100px;
  padding: 0.25em 0.5em;
}

.infini-lp06 .price-item .price,
.infini-lp06 .price-item .in{
  color: #920783;
}

.infini-lp06 .price-item .price{
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.infini-lp06 .price-item .in{
  font-size: 14px;
  text-align: center;
}

.infini-lp06 .price-wrap{
  padding: 20px;
}

@media(max-width:1024px){
.num-wrap .content.ver02 .cont03 {
  flex-wrap: wrap;
  flex-direction: column;
}  
  
.num-wrap .content.ver02 .txtwrap {
  width: 100%;
}

.num-wrap .content.ver02 .img {
  width: 100%;
}

.infini-lp02 li.fukidashi-item .fukidashiwrap .txt {
  font-size: 12px;
}

.infini-lp02 li .txtwrap .txt01 {
  font-size: 14px;
}

.infini-lp02-ttl {
  font-size: 24px;
}

.infini-lp04 .content.area .deco03 {
  font-size: 18px;
}

.infini-lp06 {
  width: 100%;
}

.infini-lp06+.infini-lp06{
  margin-top: 20px;
}
}



@media(max-width:599px) {
.infini-lp .headingbox h2 {
  font-size: 20px;
}  
  
.num-wrap .num-ttl{
  width: 90px;
  height: 90px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.num-wrap .num-ttl .num{
  font-size: 30px;
}

.num-wrap .content{
  width: 100%;
  padding: 0;
}

.num-wrap .content.ver02 .cont03 {
  padding: 0 5px;
  flex-wrap: wrap;
  flex-direction: column-reverse;
  justify-content: flex-end;
}

.num-wrap .content.ver02 {
  flex-direction: row;
  justify-content: space-between;
  padding: 10px;
}

.num-wrap .content.ver02 .vs {
  padding: 0 5px;
  font-size: 20px;
}

.infini-lp02-ttl {
  font-size: 24px;
}

.infini-lp02{
  gap: 10px;
  flex-wrap: wrap;
}

.infini-lp02 li{
  width: 48%;
}

.infini-lp04 .content.orange{
  width: 100%;
}

.infini-lp04 .content.green{
  width: 100%;
  margin-top: 10px;
}

.infini-lp04 .content.pink{
  width: 100%;
}

.infini-lp04 .content.blue{
  width: 100%;
  margin-top: 10px;
}

.infini-lp04 .content.gray{
  width: 100%;
  margin-top: 10px;
}

.infini-lp04 .content.area {
  width: 100%;
  margin-top: 10px;
}

.infini-lp04 .content.img {
  width: 100%;
  margin-top: 10px;
}

.infini-lp05{
  gap: 10px;
}

.infini-lp05 .after::before {
  left: -15px;
}

.infini-lp06{
  width: 100%;
}

.infini-lp02 li.fukidashi-item .fukidashiwrap .txt {
  transform: translateY(-10px);
  font-size: 10px;
}

.infini-lp04 .content.area .deco03{
  text-align: center;
}

.infini-lp03 .content-in .txt {
  text-align: center;
}

.img.ver03{
  width: 50%;
  margin: 0 auto;
}

.subimg.ver02 h2 {
  font-size: 18px;
}
}


/* 2025/03/13 */

.c-purple{
  color: #98639b;
}

.fz20to22{
  font-size: clamp(1.25rem, 1.205rem + 0.23vw, 1.375rem);
}

@media screen and (min-width:1025px) {
.pc-block{
  display: block;
}
}


/* 2025/03/18 */

.infini-lp06 .price-item .deco {
    font-size: 10px;
    padding: 1em 1em;
    display: grid;
    place-content: center;
}

@media screen and (max-width:599px) {
 .num-wrap .content.ver02 .txt01,.num-wrap .content.ver02 .txt02{
   font-size: 12px;
 }
}

/* 2025/03/27 */
/* インフィニ追加 */
.infini-lp02-ttl.blue {
    background-color: #00afcc;
}

.infini-lp06.blue {
    background-color: #D0F9FF;
}

.infini-lp06.blue .ttl {
    background-color: #00afcc;
}

.infini-lp06.blue .price-item .deco {
    background-color: #38D2EC;    
}

.infini-lp06.blue .price-item .price,
.infini-lp06.blue .price-item .in {
    color: #478488;
}

.april_price{
  display: block;
  margin-top: 5px;
  color: #4f4fb9;
}

.april_price .kakoi{
  border: 1px solid;
  border-radius: 5px;
  padding: 0.25em 0.5em;
}

@media(max-width:599px) {
.infini-lp02-ttl.blue {
    line-height: 1.25;
}    
}

/* ピコトーニング追加 */
.pico_strong{
  color: #ede66c;
  font-weight: bold;
}

.pico_ttl{
  background-color: #4CAF50;
  color: #fff;
  font-size: 30px;
  padding: 0.25em 0.5em;
  margin-top: 1em;
}

.pico_ttl.ver02{
  border-radius: 50px;
  position: relative;
  padding-right: 80px;
}

.pico_ttl.ver02 .imgwrap{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 80px;
}

.pico_ttl.mini{
  font-size: 20px;
}

.pico_green{
  color: #00954f;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 1em;
}

.pico_green02{
  width: fit-content;
  background-color: #bedeb5;
  color: #00954f;
  padding: 0.25em 0.5em;
  margin-bottom: 10px;
}

.pico_green02.center{
  margin-right: auto;
  margin-left: auto;
}

.pico_flex{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 1em;
}

.pico_flex.reverse{
  flex-direction: row-reverse;
}

.pico_flex.aie {
  align-items: flex-end;
}

.pico_flex .w30{
  width: 30%;
}

.pico_flex .w65{
  width: 65%;
}

.pico_flex .w48{
  width: 48%;
}

.pico_flex .w15{
  width: 15%;
}

.pico_flex .w80{
  width: 80%;
}

.pico_flex .w24{
  width: 24%;
}

.pico_conversation li{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.pico_conversation li+li{
  margin-top: 1em;
}

.pico_conversation li:nth-of-type(even){
  flex-direction: row-reverse;
}


.pico_conversation li .imgwrap{
  width: 10%;
}

.pico_conversation li .txtwrap{
  width: 80%;
  background-color: #f9d3e3;
  border-radius: 10px;
  margin: auto;
  padding: 1em;
}

.pico_conversation li:nth-of-type(even) .txtwrap{
  background-color: #bedeb5;
}

.pico_table dl{
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.pico_table dl.title dt,
.pico_table dl.title dd{
  background-color: #898989;
  color: #fff;
}

.pico_table dl dt{
  width: 20%;
  padding: 0.5em;
  background-color: #eeeeee;
  font-weight: bold;
  text-align: center;
  border-bottom: 2px dotted #898989;
}

.pico_table dl dd.pink{
  background-color: #ea609e;
}

.pico_table dl dd{
  width: 35%;
  flex-grow: 1;
  padding: 0.5em;
  background-color: #eeeeee;
  text-align: center;
  border-bottom: 2px dotted #898989;
}

.pico_table dl dd.sankaku{
  position: relative;
}

.pico_table dl dd.sankaku::before{
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-image: url('/upload/tenant_1/6a4eeee0fea184eaa5d271147f513887.webp');
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1em;
}

.pico_table dl dd.maru{
  position: relative;
  color: #ea609e;
}

.pico_table dl dd.maru::before{
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-image: url('/upload/tenant_1/b593b9e3b1901422992ce3f6177fa981.webp');
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1em;
}

.pico_table.ver02 dl.title dt,
.pico_table.ver02 dl.title dd{
  background-color: #00954f;
}

.pico_price .label{
  color: #fff;
  background-color: #d8bb68;
  border-radius: 50px;
  padding: 0.25em 0.5em;
  width: 5em;
  text-align: center;
}

.pico_price .price{
  color: #009944;
  font-size: 16px;
}

.pico_price .in{
  color: #009944;
}

.pico_flex .imgwrap.ver02{
  position: relative;
}

.pico_flex .imgwrap.ver02 .absimg{
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  max-width: 30%;
}

.pico_flex .imgwrap.ver03{
  display: flex;
  justify-content: end;
}

.pico_flex .imgwrap.ver04{
  display: flex;
  justify-content: center;
  margin: 10px 0;
}

.pico_price{
  display: flex;
  align-items: center;
  flex-direction: column;
}

.pico_price.left{
  align-items: flex-start;
}

.pico_price+.pico_price{
  margin-top: 10px;
}

.fukidashiwrap{
  position: relative;
}

.fukidashiwrap .fukidashi{
  position: absolute;
  bottom: 10px;
  right: 85%;
  z-index: 1;
  background-color: orange;
  color: #fff;
  border-radius: 100%;
  width: 180px;
  height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.fukidashiwrap .fukidashi span.weak{
  font-size: 0.8em;
}

.fukidashiinner::before{
  content: "▶";
  position: absolute;
  bottom: 10px;
  right: 100%;
  color: orange;
  font-size: 30px;
  transform: rotate(45deg);
}

.height48{
  height: 6.4em;
}

@media(max-width:1024px){
.pico_table dl dt,
.pico_table dl dd{
  font-size: 14px;
}

.fukidashiwrap .fukidashi{
  width: 150px;
  height: 150px;
  right: 100%;
}

.fukidashiinner::before{
  right: 105%;
}

.pico_price .price {
  font-size: 14px;
}

.pico_price .price .in{
  font-size: 11px;
}

.pico_price.ver02 .price {
  font-size: 16px;
}
}

@media(max-width:599px) {
.pico_ttl{
  font-size: 20px;
}

.pico_flex{
  flex-direction: column-reverse;
}

.pico_flex.reverse{
  flex-direction: column-reverse;
}

.pico_flex.ver02 {
  flex-direction: row;
}


.pico_flex .w30{
  width: 100%;
}

.pico_flex .w30.ver02{
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.pico_flex .w65{
  width: 100%;
}

.pico_flex .w48{
  width: 100%;
}

.pico_flex .w48.ver02{
  width: 48%;
}

.pico_flex .w24{
  width: 100%;
}

.pico_flex .w24.ver02{
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.pico_flex .w24.ver03{
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
  
.pico_conversation li .imgwrap{
  width: 20%;
}

.pico_table dl dt{
  width: 100%;
}

.pico_table dl dd{
  width: 100%;
}

.pico_ttl.mini{
  font-size: 16px;
}

.fukidashiwrap .fukidashi{
  width: 105px;
  height: 105px;
  right: 80%;
  font-size: 12px;
}

.fukidashiinner::before{
  right: 85%;
}

.height48{
  height: auto;
}

.pico_price .price {
  font-size: 16px;
}

.pico_price .price .in{
  font-size: 10px;
}
}

/* 2025/03/31 */
.lp-charge-inner.picover02{
  max-width: 1000px;
}
/* 2025/04/28 */

.maxw-710{
  max-width: 710px
}

.mx-auto{
  margin-right: auto;
  margin-left: auto;
}

.infini-lp .pti-0{
  padding-top: 0px !important;
}

/* 2025/05/29 */
.n-pmenu-inner ul.list-try{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

.n-pmenu-inner ul.list-try li {
  width: calc( (100% - 20px) / 2);
}

.n-pmenu-inner ul.list-try li.only {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

.up-ta-c{
  text-align: center;
}

.up-c-winered{
  color: #ae2347;
}

@media(max-width:599px) {
.n-pmenu-inner ul.list-try li {
  width: 100%;
}    
}

.list-try.ver02 li a{
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}

.list-try.ver02 li{
  margin-top: 20px;
}

.price2 .item.addbefore {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.price2 .item.add {
  font-size: 80%;
}

.inner.trybox{
  padding: 0;
}

.inner.trybox .borderbox{
  background-color: #fff;
}

.borderbox.ver02{
  background-color: #fff;
}

.lz_tab .pricetable.ver02 table td {
  width: 50%;
}

@media(max-width:599px) {
.price2 .item.add {
  margin-top: 10px;
}

.lz_tab .pricetable.ver02 table td {
  width: 100%;
}
}

/* マックスピール */
.peel_ttl {
    font-size: 45px;
}

.peel_ttl .orange{
  background-color: #ea5504;
  color: #fff100;
  padding: 0.25em;
}

.peel_ttl .pink{
  background-color: #e4007f;
  color: #fff100;
  padding: 0.25em;
}

.peel_ttl_big {
  font-size: 60px;
  color: #008ad4;
  font-weight: bold;
  line-height: 1;
}

.peel_blue {
  color: #008ad4;
}

.peel_ttl_big .small{
  font-size: 50%;
}

.peel_flex{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.peel_flex .w48{
  width: 48%;
}

.peel_flex .w45{
  width: 45%;
}

.peel_flex .w30{
  width: 30%;
}

.peel_list li{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 1em 0;
}

.peel_list li.imgparent{
  position: relative;
}

.peel_list li.imgparent .imgchild{
  position: absolute;
  bottom: 0;
  right: 100px;
  z-index: 1;
  width: 100px;
  display: flex;
}


.peel_list li .ttl{
  width: 30%;
  flex-shrink: 0;
  background-color: #008ad4;
  color: #fff;
  border-radius: 50px;
  padding: 0.25em 0;
  margin-right: 1.5em;
  text-align: center;
}

.peel_list li .txt{
  width: 65%;
  flex-grow: 1;
}

.peel_list li+li{
  border-top: 5px dotted #008ad4;
}

.peel_list li:first-child{
  border-top: 2px solid #008ad4;
}

.peel_list li:last-child{
  border-bottom: 2px solid #008ad4;
}

.peel_flex .box01{
  padding: 20px;
  background-color: pink;
}

.peel_label_p{
  font-size: 14px;
  background-color: #d2357f;
  color: #fff;
  width: fit-content;
  padding: 0.25em;
}

.peel_label_b{
  background-color: #7dcded;
  color: #fff;
  width: fit-content;
  padding: 0.25em;
}

.peel_price{
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.peel_price .item01{
  font-size: 80%;
  background-color: #e4007f;
  color: #fff;
  padding: 0.25em 1em;
  border-radius: 50px;
  line-height: 1;
}

.peel_price .item02{
  font-size: 150%;
  color: #e4007f;
  line-height: 1;
}

.peel_price .item03{
  font-size: 70%;
  color: #e4007f;
  line-height: 1;
}

@media(max-width:1024px){
.peel_ttl {
    font-size: 32px;
}

.peel_ttl_big {
  font-size: 48px;
}

.peel_flex .w30{
  width: 100%;
}

.peel_flex .box02,
.peel_flex .box03{
  margin-top: 20px;
}
}

[class*='up-ofi'] {
  width: 100%;
  display: block;
  position: relative;
}

[class*='up-ofi'] img {
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

[class*='up-ofi-']::after {
  content: '';
  display: block;
}

[class*='up-ofi-'] img {
  position: absolute;
  top: 0;
  left: 0;
}

.up-ofi-60::after {
  padding-top: 60%;
}

.peel_flex.ver02{
  position: relative;
}

.peel_flex.ver02::before{
  content: "▶";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1;
}

@media(max-width:599px) {
.peel_flex .w48{
  width: 100%;
}

.peel_flex .w48.ver02{
  width: 48%;
}

.peel_flex .w45{
  width: 100%;
}

.peel_flex .w30{
  width: 100%;
}

.peel_list li .txt{
  width: 100%;
  margin-top: 10px;
}

.peel_list li.imgparent .imgchild{
  position: relative;
  right: auto;
}
}


.more {
    max-width: 265px;
}


@media screen and (min-width:600px) {
.imgh-100 img{
  height: 100% !important;
} 
}


@media screen and (max-width:599px) {
.more {
    max-width: 295px;
}

.more a{
  padding: 15px 10px;
}
}

/* 2025/06/26 */
.up-ofi-100::after {
  padding-top: 100%;
}

.artmake_staff_wrap{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 50px;
}

.artmake_staff_wrap .box{
  width: calc((100% - 50px) / 2);
}

.artmake_staff_wrap .box .boxinner{
  height: 100%;
  display: flex;
  flex-direction: column;
}

.artmake_staff_wrap .box .boxin{
  background-color: #F0E9F3;
  padding: 20px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.artmake_staff_wrap .box .boxin .subttl{
  color: #8D3292;
}

.artmake_staff_wrap .box .boxin .ttl{
  color: #8D3292;
  font-size: 1.25em;
  font-weight: bold;
}

.artmake_staff_wrap .box .boxin .decowrap{
  position: relative;
  flex-grow: 1;
  padding-right: 50px;
}

.artmake_staff_wrap .box .boxin .decowrap .deco{
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  max-width: 50px;
}

@media(max-width:599px) {
.artmake_staff_wrap{
  gap: 0;
}  
  
.artmake_staff_wrap .box{
  width: 100%;
}

.artmake_staff_wrap .box+.box{
  margin-top: 20px;
}
}




