/* media query 640px以下 */
@media only screen and (max-width: 640px) {

    /* common */
    a.telBtn {
        pointer-events: visible;
    }

    a.telBtn.txtLink {
        text-decoration: underline;
    }

    body * {
        font-size: 13px;
    }

    body,
    body>header {
        min-width: 0;
    }

    p {
        margin: 10px 0;
    }

    .cmnBtn {
        width: 100%;
        max-width: 300px;
        min-width: 0;
        margin: 30px auto;
    }

    .cmnBtn>span {
        font-size: 14px;
    }

    .imgWrap {
        border-radius: 10px;
        height: 43vw;
        min-height: 220px;
    }

    #atf>.inner {
        padding-left: 16.66%;
        height: 70vw;
        min-height: 250px;
    }

    #atf>.inner>.bgWrap>.bgMain {
        border-radius: 0 0 0 30px;
    }

    #atf>.inner>.titleWrap>.sub {
        font-size: 50px;
    }

    #atf>.inner>.titleWrap>.title {
        font-size: 20px;
    }

    #atf>.breadcrumbsWrap>.breadcrumbs,
    #atf>.breadcrumbsWrap>.breadcrumbs * {
        font-size: 10px;
        line-height: 2em;
    }

    #atf>.breadcrumbsWrap>.breadcrumbs {
        padding: 15px 4.16% 15px 8.32%;
        min-width: 66.64%;
        max-width: 75%;
        border-radius: 0 0 0 30px;
    }

    #atf>.breadcrumbsWrap>.breadcrumbs .post.post-post.current-item {
        max-width: 100%;
    }

    .sec {
        margin-bottom: 70px;
    }

    .sec.accent {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .sec.accent:before,
    .sec.accent:after {
        left: -9.99%;
        border-radius: 30px 0 0 30px;
        height: 100%;
    }

    #content {
        padding-left: 2.08%;
        margin-top: 50px;
    }

    #content>.inner,
    #content>.inner.thin {
        padding: 70px 8.48% 100px 6.26%;
    }

    #content>.inner {
        border-radius: 30px 0 0 30px;
        margin-top: 2.08%;
    }

    #content>.inner>.sec>p {
        width: 100%;
    }

    #content>.inner>.sec>.titleWrap {
        margin-bottom: 30px;
    }

    #content>.inner>.sec>.titleWrap>.sub {
        width: 100% !important;
        font-size: 12px;
    }

    #content>.inner>.sec>.titleWrap>.sub:before,
    #content>.inner.thin>.sec>.titleWrap>.sub:before {
        width: 6.66%;
        left: -9.99%;
    }

    #content>.inner>.sec>.titleWrap>.title {
        font-size: 20px;
    }

    #content>.inner>.sec>.titleWrap>.msg,
    #content>.inner>.sec>.titleWrap>.msg>* {
        margin-top: 20px;
        font-size: 14px;
    }

    .sec table.basic tr {
        padding: 20px 0;
    }

    .sec table.basic tr>th,
    .sec table.basic tr>td {
        float: none;
        width: 100%;
        padding-right: 0;
    }

    .sec>.bodyWrap ul.basic>li,
    .sec table.basic tr>td {
        margin-top: 5px;
    }

    .sec table.basic tr>td dl>dt,
    .sec table.basic tr>td dl>dd {
        float: none;
        width: 100%;
        padding-right: 0;
    }

    .sec table.basic tr>td dl>dd {
        margin-top: 5px;
    }

    .sec>.bodyWrap ul.basic.num>li,
    .sec>.bodyWrap ul.basic.list>li {
        padding-left: 25px;
    }

    .sec.col2>.titleWrap,
    .sec.col2>.bodyWrap {
        float: none;
        width: 100% !important;
    }

    #content>.inner>.sec>.bodyWrap>.titleWrap {
        padding-top: 100px;
        margin-top: -50px;
    }

    #content>.inner>.sec>.bodyWrap>.titleWrap>.sub {
        font-size: 10px;
    }

    #content>.inner>.sec>.bodyWrap>.titleWrap>.title {
        font-size: 17px;
    }

    #content>.inner>.sec>.bodyWrap>.col2,
    #content>.inner>.sec>.bodyWrap>.horizontal>.unit {
        margin-top: 50px;
    }

    #content>.inner>.sec>.bodyWrap>.col2>.unit {
        float: none;
        width: 100%;
        margin-top: 50px;
    }

    #content>.inner>.sec>.bodyWrap>.col2>.unit:first-child {
        margin-top: 0;
    }

    #content>.inner>.sec>.bodyWrap>.horizontal>.unit>.frame {
        width: 100%;
    }

    #content>.inner>.sec>.bodyWrap>.horizontal>.unit:nth-child(odd)>.frame {
        float: none;
    }

    #content>.inner>.sec>.bodyWrap>.col2>.unit:nth-child(1) {
        padding-right: 0;
    }

    #content>.inner>.sec>.bodyWrap>.col2>.unit:nth-child(2) {
        padding-left: 0;
    }

    #content>.inner>.sec>.bodyWrap>.horizontal>.unit>.frame {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #content>.inner>.sec>.bodyWrap .unit .titleWrap {
        margin: 20px 0 15px !important;
    }

    #content>.inner>.sec>.bodyWrap .unit .titleWrap>.sub {
        font-size: 10px;
    }

    #content>.inner>.sec>.bodyWrap .unit .titleWrap>.title {
        font-size: 17px;
    }

    #content>.inner>.sec>.bodyWrap>.col2>.unit>.imgWrap {
        margin: 20px 0;
    }

    #content>.inner>.sec>.bodyWrap>.horizontal.alter>.unit>.frame>.imgWrap {
        width: calc(100%);
        height: 48vw;
    }

    #content>.inner>.sec>.bodyWrap>.horizontal.alter>.unit:nth-child(odd)>.frame>.imgWrap {
        /* transform: translateX(-9.09%); */
        border-radius: 0 10px 10px 0;
        width: calc(100%);
    }

    #content>.inner>.sec>.bodyWrap>.horizontal.alter>.unit:nth-child(even)>.frame>.imgWrap {
        border-radius: 10px 0 0 10px;
    }


    #content>.inner>.sec>.bodyWrap>.thinWrap {
        width: 100%;
        margin-bottom: 50px;
    }


    #content>.inner>.sec>.bodyWrap>.horizontal.flowStyle>.unit {
        padding-bottom: 70px;
    }

    #content>.inner>.sec>.bodyWrap>.horizontal.flowStyle>.unit:last-child>.frame:nth-child(odd):after {
        bottom: 1px;
        left: 13px;
        width: 14px;
        height: 14px;
    }

    #content>.inner>.sec>.bodyWrap>.horizontal.flowStyle>.unit .titleWrap>.sub {
        font-size: 38px;
        margin-top: -16px;
        width: 50px;
        padding: 10px 0;
    }

    #content>.inner>.sec>.bodyWrap>.horizontal.flowStyle>.unit>.frame:nth-child(even) {
        padding-left: 19% !important;
        margin-top: 30px;
    }

    #content>.inner>.sec>.bodyWrap>.horizontal.flowStyle>.unit .imgWrap {
        height: 38vw;
        min-height: 120px;
    }





    ul.btn.col4>li {
        margin-left: 0;
        margin-right: 0;
        width: 48.75%;
    }

    ul.btn.col4>li:nth-child(odd) {
        margin-right: 1.25%;
    }

    ul.btn.col4>li:nth-child(even) {
        margin-left: 1.25%;
    }

    ul.btn.col4>li:nth-child(n+3) {
        margin-top: 2.5%;
    }

    /* 220207_add */
    ul.btn.col5>li,
    ul.btn.col6>li,
    ul.btn.col7>li {
        margin-left: 0;
        margin-right: 0;
        width: 48.75%;
    }

    ul.btn.col5>li:nth-child(odd),
    ul.btn.col6>li:nth-child(odd),
    ul.btn.col7>li:nth-child(odd) {
        margin-right: 1.25%;
    }

    ul.btn.col5>li:nth-child(even),
    ul.btn.col6>li:nth-child(even),
    ul.btn.col7>li:nth-child(even) {
        margin-left: 1.25%;
    }

    ul.btn.col5>li:nth-child(n+3),
    ul.btn.col6>li:nth-child(n+3),
    ul.btn.col7>li:nth-child(n+3) {
        margin-top: 2.5%;
    }

    ul.btn.col8>li {
        margin-left: 1.75%;
        margin-right: 1.75%;
        width: 31%;
    }

    ul.btn.col8>li:nth-child(3n-2) {
        margin-left: 0;
    }

    ul.btn.col8>li:nth-child(3n-3) {
        margin-right: 0;
    }

    ul.btn.col8>li:nth-child(n+4) {
        margin-top: 3.5%;
    }

    ul.btn.catStl>li>a>span {
        font-size: 13px;
    }

    ul.btn.catStl.inclAll>li:first-child>a {
        max-width: 100%;
    }

    ul.btn.col4.catStl.inclAll>li:first-child,
    ul.btn.col5.catStl.inclAll>li:first-child,
    ul.btn.col6.catStl.inclAll>li:first-child,
    ul.btn.col7.catStl.inclAll>li:first-child {
        margin-bottom: 2.5%;
        width: 100%;
    }

    ul.btn.col4.catStl.inclAll>li,
    ul.btn.col5.catStl.inclAll>li,
    ul.btn.col6.catStl.inclAll>li,
    ul.btn.col7.catStl.inclAll>li {
        margin-left: 1.25%;
        margin-right: 1.25%;
    }

    ul.btn.col4.catStl.inclAll>li:nth-child(2n-1),
    ul.btn.col5.catStl.inclAll>li:nth-child(2n-1),
    ul.btn.col6.catStl.inclAll>li:nth-child(2n-1),
    ul.btn.col7.catStl.inclAll>li:nth-child(2n-1) {
        margin-right: 0;
    }

    ul.btn.col4.catStl.inclAll>li:nth-child(2n-2),
    ul.btn.col5.catStl.inclAll>li:nth-child(2n-2),
    ul.btn.col6.catStl.inclAll>li:nth-child(2n-2),
    ul.btn.col7.catStl.inclAll>li:nth-child(2n-2) {
        margin-left: 0;
    }

    ul.btn.col4.catStl.inclAll>li:nth-child(n+4),
    ul.btn.col5.catStl.inclAll>li:nth-child(n+4),
    ul.btn.col6.catStl.inclAll>li:nth-child(n+4),
    ul.btn.col7.catStl.inclAll>li:nth-child(n+4) {
        margin-top: 2.5%;
    }

    ul.btn.col8.catStl.inclAll>li:first-child {
        margin-bottom: 3.5%;
        width: 100%;
    }

    ul.btn.col8.catStl.inclAll>li {
        margin-left: 1.75%;
        margin-right: 1.75%;
    }

    ul.btn.col8.catStl.inclAll>li:nth-child(3n-1) {
        margin-left: 0;
    }

    ul.btn.col8.catStl.inclAll>li:nth-child(3n-2) {
        margin-right: 0;
    }

    ul.btn.col8.catStl.inclAll>li:nth-child(n+5) {
        margin-top: 3.5%;
    }

    /* 220207_add end */

    ul.btn>li>a>span {
        font-size: 10px;
    }

    .acMenu.faqStyle>.unit>.frame {
        padding: 25px 20px;
        border-radius: 10px;
    }

    .acMenu.faqStyle>.unit:before {
        border-radius: 12.5px;
    }

    .acMenu.faqStyle>.unit:after {
        border-radius: 10px 10px 0 0;
    }

    .acMenu.faqStyle>.unit .title {
        font-size: 14px;
    }

    .acMenu.faqStyle>.unit .bodyWrap {
        /*margin-top: 10px;
    padding-top: 10px;*/
    }

    .acMenu.faqStyle>.unit .bodyWrap>* {
        font-size: 12px;
    }

    .acMenu.faqStyle>.unit .btn {
        right: 0;
        transform: translateX(50%);
    }

    .sec .postList>ul>li>article>a {
        display: block;
        padding: 20px 30px 20px 0;
    }

    .sec .postList>ul>li>article>a>.frame>.frame,
    .sec .postList>ul>li>article>a>.frame>.title {
        display: block;
    }

    .sec .postList>ul>li>article>a>.frame>.frame>time,
    .sec .postList>ul>li>article>a>.frame>.frame>.cat,
    #content>.inner>.sec.postSingleWrap>.titleWrap>.sub>time,
    #content>.inner>.sec.postSingleWrap>.titleWrap>.sub>.cat {
        font-size: 12px;
    }

    .sec .postList>ul>li>article>a>.frame>.frame>time,
    #content>.inner>.sec.postSingleWrap>.titleWrap>.sub>time {
        width: 90px;
        margin-right: 10px;
        line-height: 20px;
    }

    .sec .postList>ul>li>article>a>.frame>.frame>.cat,
    #content>.inner>.sec.postSingleWrap>.titleWrap>.sub>.cat {
        width: 90px;
        line-height: 16px;
        margin-top: 2px;
    }

    .sec .postList>ul>li>article>a>.frame>.title {
        margin-top: 10px;
        font-size: 14px;
    }

    .sec .postList>ul>li>article>a>.btn.arrow {
        transform: scale(0.66);
        transform-origin: 100% 50%;
    }

    #content>.inner>.sec.postSingleWrap>.titleWrap {
        padding-bottom: 30px;
        margin-bottom: 20px;
    }

    #content>.inner>.sec.postSingleWrap>.titleWrap>.title {
        font-size: 19px;
        margin-top: 10px;
    }

    #content>.inner>.sec.postSingleWrap>.bodyWrap>.postBody h2 {
        font-size: 17px;
        margin-top: 30px;
        margin-bottom: 15px;
    }

    #content>.inner>.sec.postSingleWrap>.bodyWrap>.postBody h3 {
        font-size: 15px;
        margin-top: 20px;
    }

    #content>.inner>.sec.postSingleWrap>.bodyWrap>.postBody img {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .pageNavWrap {
        margin-top: 30px;
    }

    .pageNavWrap>.wp-pagenavi>* {
        margin-left: 5px;
    }

    .pageNavWrap>.wp-pagenavi>a,
    .pageNavWrap>.wp-pagenavi>span {
        width: 32px;
        height: 32px;
    }

    .pageNavWrap>.wp-pagenavi>a,
    .pageNavWrap>.wp-pagenavi>span,
    .pageNavWrap>.wp-pagenavi>a>span,
    .pageNavWrap>.wp-pagenavi>.current>span {
        line-height: 32px;
    }

    .postSingleWrap .pageNavWrap {
        margin-top: 70px;
    }

    .pageNavWrap>.wp-pagenavi>.first>span:before,
    .pageNavWrap>.wp-pagenavi>.first>span:after,
    .pageNavWrap>.wp-pagenavi>.last>span:before,
    .pageNavWrap>.wp-pagenavi>.last>span:after {
        width: 7px;
        height: 7px;
    }

    .pageNavWrap>.wp-pagenavi>.last>span:before {
        left: -9px;
    }

    .pageNavWrap>.wp-pagenavi>.last>span:after {
        left: 3px;
    }

    .pageNavWrap>.wp-pagenavi>.first>span:before {
        right: -9px;
    }

    .pageNavWrap>.wp-pagenavi>.first>span:after {
        right: 3px;
    }

    .pageNavWrap>.frame>.cmnBtn {
        width: auto;
        height: 40px;
        padding: 5px 40px;
    }

    .pageNavWrap>.frame>.cmnBtn>span {
        font-size: 12px;
        line-height: 30px;
    }

    .pageNavWrap>.frame>* {
        margin-left: 5px;
    }

    .pageNavWrap>.frame>.btn,
    .pageNavWrap>.frame>.btn>a {
        width: 40px;
        height: 40px;
    }



    .layered>.unit>.frame.img {
        width: calc(110%);
        transform: translateX(-9.09%);
    }

    .layered>.unit>.frame.img>.imgWrap {
        border-radius: 0 20px 20px 0;
        height: 60vw;
        min-height: 0;
    }

    .layered>.unit>.frame.txt {
        width: 100%;
        margin-top: 30px;
        padding: 0;
    }

    #content>.inner>.sec>.bodyWrap .layered>.unit>.frame.txt>.titleWrap {
        margin-bottom: 30px !important;
    }

    #content>.inner>.sec>.bodyWrap .layered>.unit>.frame.txt>.titleWrap>.sub {
        font-size: 12px;
    }

    #content>.inner>.sec>.bodyWrap .layered>.unit>.frame.txt>.titleWrap>.title {
        font-size: 20px;
    }

    #content>.inner>.sec>.bodyWrap .layered>.unit>.frame.txt>.titleWrap>.title>img {
        height: 35px;
        margin-right: 10px;
    }

    #content>.inner>.sec>.bodyWrap .layered>.unit>.frame.txt>.titleWrap>.sub:before {
        width: 6.66%;
        left: -9.99%;
        transform: translateX(0);
    }

    .listPanel {
        margin: 50px auto;
    }

    .listPanel.col3,
    .listPanel.col4,
    .listPanel.col5 {
        flex-basis: unset;
        display: block;
        flex-wrap: unset;
    }

    .listPanel.col3>li,
    .listPanel.col4>li,
    .listPanel.col5>li {
        flex-basis: unset;
        flex-shrink: unset;
        margin-right: 0;
    }

    .listPanel.col3>li,
    .listPanel.col3>li:nth-child(n+4),
    .listPanel.col4>li,
    .listPanel.col4>li:nth-child(n+5),
    .listPanel.col5>li,
    .listPanel.col5>li:nth-child(n+6) {
        margin-top: 50px;
    }

    .listPanel.col3>li:first-child,
    .listPanel.col4>li:first-child,
    .listPanel.col5>li:first-child {
        margin-top: 0;
    }

    .listPanel.col5>li>.bgWrap {}

    .listPanel.col4.vertImg {
        flex-basis: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .listPanel.col4.vertImg>.unit {
        flex-basis: 48%;
        flex-shrink: 0;
        margin-right: 4%;
        margin-top: 4%;
    }

    .listPanel.col4.vertImg>li:nth-child(2n) {
        margin-right: 0;
    }

    .listPanel.col4.vertImg>.unit:nth-child(-n+2) {
        margin-top: 0;
    }

    .listPanel.col4.vertImg>.unit>.bgWrap {
        height: 50vw !important;
        min-height: 0 !important;
    }

    .listPanel.vertImg>.unit>.bgWrap>.bg {
        border-radius: 10px;
    }





    .listPanel>.unit>.bgWrap {
        height: 43vw !important;
        min-height: 150px !important;
    }

    /*.listPanel>.unit>.bgWrap>.bg {border-radius: 10px;}*/
    .listPanel>.unit>.bodyWrap {}

    .listPanel>.unit>.bgWrap:before,
    .listPanel.bubble>li>.frame>.bodyWrap:before,
    .listPanel.ringNote>li:before {}

    #content>.inner>.sec .listPanel.lineNum>.unit>.titleWrap>.sub {
        font-size: 12px;
    }

    #content>.inner>.sec .listPanel.lineNum>.unit>.titleWrap>.title {
        font-size: 20px;
    }

    .listPanel.bubble>li>.frame>.title,
    .listPanel.ringNote>li>.frame>.title {
        font-size: 16px;
    }

    .listPanel.bubble>li>.frame>.bodyWrap>.frame>.bubble {
        height: auto;
        padding: 20px;
        display: block;
    }

    .listPanel.bubble>li>.frame>.bodyWrap>.frame>.bubble>p {
        display: block;
    }

    .listPanel.ringNote>li {
        margin-top: 110px;
    }

    .listPanel.ringNote>li:first-child {
        margin-top: 90px;
    }

    #content>.inner>.sec>.bodyWrap .listPanel.lineNum>.unit>.titleWrap {
        margin: 40px 0 20px 0 !important;
    }

    .listPanel.lineNum>.unit>.titleWrap:after {
        opacity: .05;
    }

    .listPanel.access>.unit>.bgWrap,
    .listPanel.access>.unit>.bodyWrap {
        float: left;
    }

    .listPanel.access>.unit>.bgWrap {
        width: 40%;
        height: 22vw !important;
        min-height: 77px !important;
    }

    .listPanel.access>.unit>.bodyWrap {
        width: 60%;
        height: auto;
        padding-left: 20px;
        margin-top: 0;
    }

    .listPanel.access>li {
        margin-top: 20px !important;
    }

    .listPanel.access>li:first-child {
        margin-top: 0 !important;
    }

    .listPanel.access>li>.bgWrap:after {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 15px;
    }

    .listPanel.access>.unit>.bgWrap>.bg {
        border-radius: 10px;
    }


    .sec.dynamic {
        margin-bottom: 70px;
    }

    #content>.inner>.sec.dynamic>.bodyWrap>p {
        text-align: justify;
    }

    #content>.inner>.sec.dynamic>.bodyWrap>p>br {
        display: none;
    }

    #content>.inner>.sec.dynamic>.titleWrap>.title,
    #content>.inner>.sec.dynamic>.titleWrap>.sub {
        text-align: left;
        padding-top: 0;
    }

    #content>.inner>.sec.dynamic>.titleWrap>.sub:before {
        display: block;
    }

    #content>.inner>.sec.dynamic.accent.colInv>.titleWrap>.sub:before {
        background-color: #FFF;
    }

    #content>.inner>.sec.dynamic>.titleWrap>.sub:after {
        display: none;
    }

    #content>.inner>.sec.dynamic>.titleWrap>.title>img {
        height: 34px;
    }

    .shopList.cmn {
        flex-basis: unset;
        display: block;
        flex-wrap: unset;
        margin: 50px auto;
    }

    .shopList.cmn>.unit {
        flex-basis: unset;
        flex-shrink: unset;
        margin-right: 0;
        width: 100%;
        height: auto;
        margin-top: 80px;
    }

    .shopList.cmn>.unit:first-child {
        margin-top: 0;
    }

    .shopList.cmn>.unit>a>.area {
        font-size: 13px;
        padding: 3px 25px 30px;
        border-radius: 10px 10px 0 0;
    }

    .shopList.cmn>.unit>a>.detail>.title {
        font-size: 20px;
    }

    .shopList.cmn>.unit>a>.detail>dd {
        margin-top: 7px;
    }

    .shopList.cmn>.unit>a>.detail>dd>span,
    .shopList.cmn>.unit>a>.detail>dd>i {
        font-size: 11px;
    }

    .shopList.cmn>.unit.upcoming>a>.imgWrap:before {
        font-size: 14px;
        height: 30px;
        line-height: 30px;
        transform: rotate(45deg) translate(32%, -50px);
        box-shadow: 0 0 0 1px rgb(255, 255, 255, .5), 0 0 0 6px #D2FF4B;
    }



    .serviceList.cmn>.unit {
        padding: 0 20px;
        border-radius: 10px;
    }

    .serviceList.cmn>.unit>.imgWrap {
        width: 40px;
        height: 40px;
    }

    .serviceList.cmn>.unit>.frame {
        width: calc(100% - 40px);
        padding: 20px 0 20px 20px;
    }

    .serviceList.cmn>.unit>.frame>.frame>.title,
    .serviceList.cmn>.unit>.frame>.frame>.price {
        float: none;
        width: 100%;
        text-align: left;
    }

    .serviceList.cmn>.unit>.frame>.frame>.title,
    .serviceList.cmn>.unit>.frame>.frame>.price>.unit {
        font-size: 15px;
    }

    .serviceList.cmn>.unit>.frame>.frame>.price {
        margin-top: 5px;
    }

    .serviceList.cmn>.unit>.frame>.frame>.price>.unit {
        width: 100%;
        padding-left: 0;
        display: block;
    }

    .serviceList.cmn>.unit>.frame>p {
        font-size: 11px;
    }

    .serviceList.cmn>.unit>.frame>.cmnBtn {
        width: 100%;
        min-width: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

    .serviceList.cmn>.unit>.frame>.cmnBtn:before,
    .serviceList.cmn>.unit>.frame>.cmnBtn:after {
        display: none;
    }

    .serviceList.cmn>.unit>.frame>.cmnBtn>span {
        font-size: 12px;
    }

    .listPanel.serviceList.col5 {
        flex-basis: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .listPanel.serviceList.col5>.unit {
        flex-basis: 49%;
        margin-right: 2% !important;
        margin-top: 0;
    }

    .listPanel.serviceList.col5>.unit:nth-child(2n) {
        margin-right: 0 !important;
    }

    .listPanel.serviceList.col5>.unit:nth-child(n+3) {
        margin-top: 2%;
    }

    .listPanel.serviceList.col5>.unit>.frame {
        padding: 10px 10px 15px;
    }

    #content>.inner>.sec>.bodyWrap .listPanel.serviceList.col5>.unit>.frame>.frame>.titleWrap>.title {
        font-size: 12px;
    }

    #content>.inner>.sec>.bodyWrap .listPanel.serviceList.col5>.unit>.frame>.frame>.titleWrap {
        margin: 0 !important;
    }

    .priceList {}

    .priceList>.frame {
        width: 110%;
    }

    .priceList>.frame>table {
        width: 560px;
        padding-right: 9%;
    }

    .priceList>.frame>table>thead>tr>th,
    .priceList>.frame>table>tbody>tr>th,
    .priceList>.frame>table>tbody>tr>td {
        font-size: 11px;
        padding: 15px 10px;
    }

    .priceList>.frame>table>thead>tr>th {
        padding: 20px 20px;
    }

    .avatarWrap>.unit {
        display: block;
        max-width: 300px;
    }

    .avatarWrap>.unit>* {
        display: block;
        margin: auto;
    }

    .avatarWrap>.unit>.imgWrapForImg {
        width: 150px;
        margin-bottom: -10px;
    }

    .avatarWrap>.unit>.txtWrap {
        padding-left: 0;
    }

    .avatarWrap>.unit>.txtWrap>.frame {
        font-size: 14px;
        padding: 15px 30px;
    }

    .avatarWrap>.unit>.txtWrap>.frame:before {
        top: -20px;
        left: 40px;
        border-bottom-color: transparent;
        border-right-color: #FFF;
        width: 40px;
        height: 40px;
        border-width: 20px;
    }

    /* common end */

    /* loader */
    /* loader end */

    /* header */
    body>header.outside {
        transform: translateY(0);
        opacity: 1;
    }

    body>header {
        height: auto;
    }

    body>header>.inner {
        padding: 0;
        height: 60px;
    }

    #headerLogo {
        background-color: #D2FF4B !important;
        top: 0;
        border-radius: 0 30px 30px 30px;
        width: 162px;
        height: 60px;
        overflow: hidden;
        padding: 0;
    }

    #headerLogo>a {
        position: relative;
        margin: auto;
        padding: 15px 15%;
        border-radius: 0 30px 30px 30px;
        overflow: hidden;
    }

    #headerLogo>a>svg path {
        fill: rgba(255, 255, 255, 1);
    }

    #headerLogo>a>svg {
        height: 30px;
    }

    #gnavPanel,
    #gnavPanel * {
        pointer-events: none;
    }

    #gnavPanel,
    #gnavPanel>.nav>ul {
        border-radius: 0;
    }

    #gnavPanel {
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        background-color: transparent !important;
        padding: 90px 8.33%;
        overflow-y: scroll;
        visibility: hidden;
        box-shadow: none;
        transition: transform .3s cubic-bezier(.5, 0, 0, 1), opacity .3s cubic-bezier(.5, 0, 0, 1);
        opacity: 0;
        transform: translateY(10px);
    }

    #gnavPanel.on,
    #gnavPanel.on * {
        pointer-events: visible;
    }

    #gnavPanel.on {
        transition: transform .6s cubic-bezier(.5, 0, 0, 1), opacity .6s cubic-bezier(.5, 0, 0, 1);
        visibility: visible;
        opacity: 1;
        transform: translateY(0px);
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
    }

    #gnavPanel>.nav,
    #gnavPanel>.memberMenuWrap {
        float: none;
    }

    #gnavPanel>.nav {
        padding: 0 10%;
    }

    #gnavPanel>.nav>ul {
        padding-left: 0;
    }

    #gnavPanel>.nav>ul>li {
        float: none;
        margin-right: 0;
        padding-right: 0;
        width: 100%;
        height: auto;
        text-align: left;
    }

    #gnavPanel>.nav>ul>li:before {
        display: none;
    }

    #gnavPanel>.nav>ul>li>a {
        color: #272727;
        padding: 15px 0;
        padding-right: 30px;
    }

    #gnavPanel>.nav>ul>li>a,
    #gnavPanel>.memberMenuWrap>.cmnBtn>span {
        font-size: 15px;
    }

    #gnavPanel>.nav>ul>li>a>.btn {
        display: block;
        color: #272727;
        transform: scale(0.66);
        transform-origin: 100% 50%;
    }

    #gnavPanel>.nav>ul>li>a>.btn.acd:before,
    #gnavPanel>.nav>ul>li>a>.btn.acd:after {
        background-color: #FFF;
    }

    #gnavPanel>.memberMenuWrap>.cmnBtn {
        border-radius: 30px;
        margin-left: 0;
        border-right: 2px solid;
        padding: 11px 40px;
        margin: auto;
    }

    #gnavPanel>.memberMenuWrap>.cmnBtn:after {
        display: block;
    }

    #gnavPanel>.memberMenuWrap {
        padding: 0;
        margin-top: 30px;
    }

    #gnavBtn,
    #gnavBg {
        display: block;
    }

    #gnavPanel>.nav>ul>li.shopListBtn>.unit {
        position: relative;
        transform: none;
        /*left: -45px;*/
        /*width: calc(100% + 90px);*/
        left: -25%;
        width: 150%;
        display: none;
    }

    #gnavPanel>.nav>ul>li.shopListBtn>.unit>.frame {
        padding: 40px 30px;
        /*border-radius: 10px;*/
        border-radius: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #gnavPanel>.nav>ul>li.shopListBtn>.unit>.frame>.shopList>li>.shopBtn>.imgWrap,
    #gnavPanel>.nav>ul>li.shopListBtn>.unit>.frame>.shopList>li>.shopBtn>.imgWrap>.frame {
        width: 80px;
        height: 55px;
    }

    #gnavPanel>.nav>ul>li.shopListBtn>.unit>.frame>.shopList>li>.shopBtn>.txtWrap {
        padding-right: 30px;
    }

    #gnavPanel>.nav>ul>li.shopListBtn>.unit>.frame>.shopList>li>.shopBtn>.unit>.area {
        font-size: 11px;
    }

    #gnavPanel>.nav>ul>li.shopListBtn>.unit>.frame>.shopList>li>.shopBtn>.unit>.name {
        font-size: 14px;
    }

    #gnavPanel>.nav>ul>li.shopListBtn>.unit>.frame>.shopList>li>.callBtn {
        padding-left: 20px;
        padding-top: 8px;
        padding-bottom: 8px;
        max-width: 100%;
    }

    /*#gnavPanel>.nav>ul>li.shopListBtn>.unit>.frame>.shopList>li>.callBtn,
#gnavPanel>.nav>ul>li.shopListBtn>.unit>.frame>.shopList>li>.callBtn * {height: 20px;line-height: 20px}*/
    #gnavPanel>.nav>ul>li.shopListBtn>.unit>.frame>.shopList>li>.callBtn>span {
        letter-spacing: .075em;
        letter-spacing: inherit;
        /*width: 90%;
    padding-left: 10px;*/
    }

    #gnavPanel>.nav>ul>li.shopListBtn>.unit>.frame>.shopList>li>.shopBtn>.btn.arrow {
        transform: scale(0.66);
        transform-origin: 100% 50%;
    }

    /* header end */

    /* footer */
    .contactWrap {
        margin-bottom: 70px;
        padding-right: 0;
        padding-left: 2.08%;
        max-width: 100%;
    }

    .contactWrap>.frame,
    .contactWrap>.frame>.inner {
        border-radius: 30px 0 0 30px;
    }

    .contactWrap>.frame {
        padding: 0;
    }

    .contactWrap>.frame>.inner {
        padding: 40px 8.48% 60px 6.26%;
        background-color: rgba(255, 255, 255, .8);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

    .contactWrap>.frame>.inner>.txtWrap {
        margin: 20px auto 20px;
    }

    .contactWrap>.frame>.inner>.txtWrap>p {}

    .contactWrap>.frame>.inner>.txtWrap>p>span {
        display: block;
    }

    .contactWrap>.frame>.inner>.titleWrap:before {
        height: 60px;
        top: -10px;
    }

    .contactWrap>.frame>.inner>.titleWrap>.sub {
        font-size: 12px;
    }

    .contactWrap>.frame>.inner>.titleWrap>.title {
        font-size: 20px;
    }

    .contactWrap>.frame>.inner>.frame>.unit {
        float: none;
        width: 100%;
    }

    .contactWrap>.frame>.inner>.frame>.unit.tel {
        margin-bottom: 20px;
    }

    .contactWrap>.frame>.inner>.frame>.unit.tel>a {
        font-size: 28px;
        width: 270px;
        margin: auto;
        padding-left: 45px;
    }

    .contactWrap>.frame>.inner>.frame>.unit.tel>a>span,
    .contactWrap>.frame>.inner>.frame>.unit.tel>a>span>* {
        font-size: 10px;
    }

    /* 210729 add */
    .contactWrap>.frame>.inner>.frame.line {
        width: 100%;
        max-width: 350px;
        padding: 20px 10%;
    }

    .contactWrap>.frame>.inner>.frame.line>.unit>a {
        width: 70%;
        min-width: 180px;
    }

    .contactWrap>.frame>.inner>.frame.line>.unit>p {
        font-size: 14px;
    }

    .contactWrap>.frame>.inner>.frame.line>.unit>p>br {
        display: block;
    }

    .contactWrap>.frame>.inner>.frame.line>.unit>.attention {
        margin-top: 15px;
    }

    /* 210729 add end */

    .shareBtnWrap {
        border-radius: 30px 0 0 30px;
        padding: 20px 8.33%;
    }

    .shareBtnWrap>.frame>.unit {
        float: none;
    }

    .shareBtnWrap>.frame>.txt {
        margin-right: 0;
        padding-right: 0;
        padding-left: 6px;
        text-align: center;
    }

    .shareBtnWrap>.frame>.txt:before,
    .shareBtnWrap>.frame>.txt:after {
        width: 20px;
    }

    .shareBtnWrap>.frame>.txt:before {
        left: 0;
        right: 120px;
        bottom: 0;
        transform: rotate(45deg);
    }

    .shareBtnWrap>.frame>.txt:after {
        left: 120px;
        right: 0;
        top: 0;
        transform: rotate(-45deg);
    }

    body>footer {}

    body>footer:before,
    body>footer>.top,
    body>footer>.bottom {
        border-radius: 0 0 30px 30px;
    }

    body>footer>.memberMenuWrap,
    body>footer>.top,
    body>footer>.bottom {
        padding-left: 8.33%;
        padding-right: 8.33%;
    }

    body>footer>.memberMenuWrap {
        top: 12px;
    }

    body>footer>.memberMenuWrap>.cmnBtn {
        width: 100%;
        max-width: 300px;
    }

    body>footer>.top>.inner,
    body>footer>.bottom>.inner {
        padding: 0;
    }

    body>footer>.top>.inner>#footerLogo {
        width: 200px;
        height: 46px;
    }

    body>footer>.top>.inner>.menuWrap>.nav {
        display: block;
    }

    body>footer>.top>.inner>.menuWrap>.nav>.title {
        margin-bottom: 15px;
    }

    body>footer>.top>.inner>.menuWrap>.nav.main {
        border-bottom: 1px solid #393939;
        padding-bottom: 20px;
    }

    body>footer>.top>.inner>.menuWrap>.nav>ul>li {
        float: none;
        margin-right: 0;
        padding-right: 0;
    }

    body>footer>.top>.inner>.menuWrap>.nav>ul>li:before {
        display: none;
    }

    body>footer>.top>.inner>.menuWrap>.nav>ul>li>a {
        text-align: center;
    }

    body>footer>.top>.inner>.menuWrap>.nav.shop>ul>li>a,
    body>footer>.top>.inner>.menuWrap>.nav.main>ul>li>a {
        font-size: 14px;
        line-height: 40px;
    }

    body>footer>.top>.inner>.menuWrap>.nav.sub>ul>li>a {
        line-height: 30px;
    }

    body>footer>.bottom #copyright {
        padding: 20px 0;
    }

    /* footer end */

    /* hover reset */
    /* hover reset end */

    /* easing */
    /* easing end */

    /* animation */
    /* animation end */

    /* toppage */
    #topPage #headerLogo.col>a>svg path {
        fill: #FFF;
    }

    #topPage #content>.inner {
        padding-top: 60px;
    }

    #topPage #atf {
        min-height: 0;
    }

    #topPage #atf:before {
        border-radius: 0 0 20px 0;
    }

    #topPage #atf>.inner {
        padding-left: 0;
        padding-bottom: 110px;
    }

    #topPage #atf>.inner>.titleWrap {
        left: 0;
        padding: 0 4.16%;
        width: 100%;
        height: auto;
        bottom: 0;
        min-height: 0;
        max-height: 1000px;
        transform: translateY(-180px);
    }

    #topPage #atf>.inner>.titleWrap>p {
        font-size: 11px;
        font-size: 13px;
        line-height: 1.75em;
        margin-top: 20px;
        width: 90%;
    }

    #topPage #atf>.inner>.titleWrap>p>br {
        display: none;
    }

    #topPage #atf>.inner>.bgWrap {
        padding-left: 16.66%;
    }

    #topPage #atf>.inner>.bgWrap,
    #topPage #atf>.inner>.bgWrap>.frame {
        border-radius: 0 0 0 20px;
    }

    #topPage #atf>.inner>.bgWrap>.frame>.unit {
        width: 50%;
        padding-right: 2%;
    }

    #topPage #atf>.inner>.bgWrap>.frame>.unit>.imgList>li {
        height: 30vw;
        min-height: 0;
        padding-bottom: 4%;
    }

    /*#topPage #atf>.inner>.bgWrap>.frame>.unit:nth-child(1) {
        display: none;
    }*/

    #topPage #atf>.inner>.bgWrap>.frame>.unit>.imgList>li>span,
    #topPage #atf>.inner>.bgWrap>.frame>.unit>.imgList>li>span:before {
        border-radius: 5px;
    }

    #topPage #atf>.inner>.bgWrap>.frame>.unit>.imgList>li>span:before {
        opacity: .75;
    }

    #topPage #atf>.inner>.bgWrap>.frame>.unit:nth-child(1)>.imgList>li>span:before {
        background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .5) 100%);
        background-image: linear-gradient(90deg, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .5) 100%);
    }

    #topPage #atf>.inner>.bgWrap>.frame>.unit:nth-child(2)>.imgList>li>span:before {
        background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .25) 100%);
        background-image: linear-gradient(90deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .25) 100%);
    }

    #topPage #atf>.inner>#atfTopicWrap {
        width: 95.84%;
        position: absolute;
        bottom: 15px;
        right: 0;
        height: 50px;
        transition-delay: 0s;
        box-shadow: 30px 0 15px 0 rgba(0, 0, 0, .2);
    }

    #topPage #atf>.inner>#atfTopicWrap>ul>li {
        padding-left: 10%;
    }

    #topPage #atf>.inner>#atfTopicWrap>ul>li>article>a {
        padding: 15px 30px 15px 0;
    }

    #topPage #atf>.inner>#atfTopicWrap>ul>li>article>a>.frame>.frame {
        width: 30%;
        padding-right: 0%;
    }

    #topPage #atf>.inner>#atfTopicWrap>ul>li>article>a>.frame>.frame>time {
        width: 100%;
        padding: 0;
        letter-spacing: 0;
        font-size: 10px;
        line-height: 20px;
    }

    #topPage #atf>.inner>#atfTopicWrap>ul>li>article>a>.frame>.frame>.cat {
        display: none;
    }

    #topPage #atf>.inner>#atfTopicWrap>ul>li>article>a>.frame>.title {
        margin-top: 0;
        font-size: 12px;
        line-height: 20px;
        width: 70%;
    }

    #atf>.scroll {
        bottom: 80px;
        /*left: 100%;*/
        left: 95.84%;
        z-index: 1;
        width: 30px;
        transform: translateX(-100%);
        height: 130px;
    }

    #atf>.scroll>a {
        font-size: 10px;
    }


    #shopInformation .notice>.bodyWrap>.frame {
        width: 90%;
        top: 7%;
    }

    #shopInformation .notice>.bodyWrap>.frame>.title {
        margin-bottom: 20px;
    }

    #shopInformation .notice>.bodyWrap>.frame>p {
        font-size: 11px;
        line-height: 1.75em;
        text-shadow: 1px 1px 0 #fff, 0px 1px 0 #fff, 1px 0px 0 #fff, -1px -1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff;
        font-weight: 900;
    }

    #shopInformation .notice>.bodyWrap>.bgWrap {
        width: calc(133.32%);
        height: 100vw;
        transform: translateX(-8.33%);
        margin-right: auto;
        margin-bottom: -160px;
    }

    #shopInformation .notice>.bodyWrap>.bgWrap>.bg {
        background-position: 50%;
        background-size: auto 100%;
    }

    .movMsg {
        margin-bottom: -4%;
    }

    /* toppage end */

    /* faq */
    /* faq end */

    /* form */
    /* form end */
    .sec .wpcf7 .formBtnWrap>input {
        font-size: 14px;
    }

    /* post single */
    /* post single end */

    /* innerpage */
    /* shop single */
    #innerPage.shopPage.single #content {
        margin-top: 40px;
    }

    #innerPage.shopPage.single>.contentWrap>#atf>.inner {
        padding: 0 0 40px;
        height: 80vw;
    }

    #innerPage.shopPage.single>.contentWrap>#atf>.inner>.bgWrap>.bgMain,
    #innerPage.shopPage.single>.contentWrap>#atf>.inner>.bgWrap>.bgMain>.slideWrap:before {
        border-radius: 0;
    }

    #innerPage.shopPage.single>.contentWrap>#atf>.inner>.titleWrap {
        max-width: 90%;
    }

    #innerPage.shopPage.single>.contentWrap>#atf>.inner>.titleWrap>.frame {
        padding: 10px 10px 0 20px;
        border-radius: 20px 20px 0 0;
        min-width: 80%;
    }

    #innerPage.shopPage.single>.contentWrap>#atf>.inner>.titleWrap>.frame>.title {
        font-size: 18px;
    }

    #innerPage.shopPage.single>.contentWrap>#atf>.inner>.titleWrap>.frame>.sub {
        font-size: 14px;
    }

    #innerPage.shopPage.single>.contentWrap>#atf>.scroll {
        display: none;
    }

    #innerPage.shopPage.single #content>#intro.inner {
        padding-top: 0;
        margin-bottom: -50px;
    }

    #innerPage.shopPage.single #content>#intro.inner>.sec {
        margin-bottom: 70px;
    }

    #innerPage.shopPage.single>.contentWrap>#atf>.inner>.titleWrap>.fukidashi {
        margin-bottom: -3px;
        padding: 5px 30px;
        border-width: 3px;
        border-radius: 20px;
    }

    #innerPage.shopPage.single>.contentWrap>#atf>.inner>.titleWrap>.fukidashi:before {
        width: 20px;
        height: 20px;
        border-width: 10px;
    }

    #innerPage.shopPage.single>.contentWrap>#atf>.inner>.titleWrap>.fukidashi>p {
        font-size: 14px;
    }

    #innerPage.shopPage.single>.contentWrap>#atf>.inner>.titleWrap>.fukidashi>p>br {
        display: block;
    }

    #innerPage.shopPage.single #content>#detail.inner {
        padding-top: 100px;
        margin-top: 0;
    }

    .switchingImgWrap>.main,
    .switchingImgWrap>.thumb {
        float: none;
        width: 100%;
    }

    .switchingImgWrap>.main {
        /*height: 43vw;*/
        /*min-height: 150px;*/
        height: 52vw;
        min-height: 175px;
    }

    .switchingImgWrap>.thumb {
        padding-left: 0;
    }

    .switchingImgWrap>.main>.frame,
    .switchingImgWrap>.thumb>.unit>.frame {
        border-radius: 10px;
    }

    .switchingImgWrap>.thumb>.unit {
        flex-basis: 22%;
        margin-left: 4%;
        margin-top: 4% !important;
        min-height: 40px;
        height: 12vw;
    }

    .switchingImgWrap>.thumb>.unit:nth-child(4n+1) {
        margin-left: 0;
    }

    .mapWrap {
        width: 120%;
        left: -9.99%;
        border-radius: 30px 0 0 30px;
    }

    .mapWrap>iframe {
        height: 80vw;
        border-radius: 30px 0 0 30px;
    }

    /* 210412 add */
    .campaignBnr {
        width: 100px;
        height: 200px;
        right: -50px;
        border-radius: 10px 0 0 10px;
        top: initial;
        bottom: 10%;
    }

    .campaignBnr>a {
        background-size: 15px;
    }

    .campaignBnr>a:before {
        border-width: 1px;
        height: calc(100% - 6px);
        border-radius: 7px 0 0 7px;
        top: 3px;
        left: 3px;
    }

    .campaignBnr>a>.frame {
        width: 65%;
        padding: 15px 0;
    }

    .campaignBnr .btn.arrow {
        top: 145px;
        transform: scale(0.66);
    }

    /* 210412 add end */

    /* shop single end */
    /* innerpage end */






}

/* 210319 料金表更新 */
/* media query 640px以下 */
@media only screen and (max-width: 640px) {

    .priceList>.frame>table,
    .priceList>.frame>table * {
        font-size: 11px;
        line-height: 1.75em;
    }

    .priceList>.frame>table {
        width: 530px;
    }

    .priceList>.frame>table>tbody>tr .fsL {
        padding: 0 1px;
    }

    .priceList>.frame>table>tbody>tr>th,
    .priceList>.frame>table>tbody>tr>td {
        padding: 10px 5px;
    }

    .priceList>.frame>table>thead>tr>th,
    .priceList>.frame>table>tbody>tr.member>th,
    .priceList>.frame>table>tbody>tr.member>td {
        padding: 15px 5px;
    }
}

/* 210319 料金表更新 end */

/* media query 320px以下 */
@media only screen and (max-width: 320px) {}



















/* 210628 ショップページギャラリー更新 */
@media only screen and (max-width: 640px) {
    .switchingImgWrap>.main>.frame>.img>.detail.on {
        padding-bottom: 4%;
    }

    .switchingImgWrap>.main>.frame>.img>.detail>.title {
        font-size: 15px;
    }

    .switchingImgWrap>.main>.frame>.img>.detail>.txt {
        font-size: 11px;
    }
}

/* 210628 ショップページギャラリー更新 end */

/* 210630 ショップページFVボタン追加 */
@media only screen and (max-width: 640px) {
    #innerPage.shopPage.single>.contentWrap>#atf>.btnWrap {
        position: relative;
        bottom: 0;
        margin: auto;
        width: 100%;
        margin-top: 15px;
        padding: 0 8.32%;
    }

    #innerPage.shopPage.single>.contentWrap>#atf>.btnWrap>.cmnBtn {
        min-width: 0;
    }
}

@media only screen and (max-width: 640px) {
    .priceList>.frame>table.overCol5 {
        width: 660px;
    }
}
@media only screen and (max-width: 640px) {
    .priceList>.frame>table.overCol6 {
        width: 800px;
    }
}

 @media screen and (min-width: 0em) and (max-width: 46.8125em) {
    .guidePage #content>.inner>.sec,
    .contactPage #content>.inner>.sec {
        margin-bottom: 60px;
    }

    .consultPage #content>.inner>.sec>.bodyWrap .layered>.unit>.frame.txt>.titleWrap>.sub {
        font-size: 22px;
    }
 }