@charset "UTF-8";
/*スマホ用
----------------------------------*/
/*@media only screen and (max-width: 1035px) {
.FEATURE-box .text {width: 100%;}
.FEATURE-box .right {width: 100%;}
.FEATURE-box .left {width: 100%;}  
}*/

@media only screen and (max-width: 1080px) {
    .wrap {
        width: 90%;
        margin: 0 auto;
    }

    /* ヘッダー */
    header nav .header-nav {width: 80%;}

    /* フッター */
    footer .fotter-wrap .fotter-data {width: 25%;}
    footer .fotter-wrap ul.fotter-nav {width: 54%;}

    /* TOPページ */
    .index-wrap .room-tour-wrap .room-tour-title h3 img {width: auto; height: 100%;}

    /* ABOUT US */
    .about-wrap .what-is-important .title h3 img,
    .about-wrap .greeting-wrap .title h3 img,
    .about-wrap .profile-wrap .title h3 img {width: auto; height: 100%;}

    /* WORKS */
    .works-archive .new-construction .title h3 img,
    .works-archive .reform .title h3 img {width: auto; height: 100%;}

    /* WORKS詳細 */
    .single-works .contents .house-data .data-text .data-list dl dt {width: 15%;}
    .single-works .contents .house-data .data-text .data-list dl dd {width: 85%;}

    /* FLOW */
    .flow-wrap .request-wrap .title h3 img,
    .flow-wrap .workflow-wrap .title h3 img,
    .flow-wrap .proce-wrap .title h3 img,
    .flow-wrap .payment-wrap .title h3 img {width: auto; height: 100%;}

    /* BLOG */
    .archive-post-wrap .archive-post-inner .post-wrap .post .title h3 img,
    .single-post .single-post-wrap .post-wrap .post .title h3 img {width: auto; height: 100%;}

    .archive-post-wrap .archive-post-inner .side-content .category-wrap .title h3 img,
    .archive-post-wrap .archive-post-inner .side-content .archives-wrap .title h3 img,
    .single-post .single-post-wrap .side-content .category-wrap .title h3 img,
    .single-post .single-post-wrap .side-content .archives-wrap .title h3 img {width: auto; height: 100%;}

    /* NEWS */
    .archive-news-wrap h3 img {width: auto; height: 100%;}
    .single-news h3 img {width: auto; height: 100%;}

    /* FLOW */
    .mid-zone {display: none;}
    .flow-wrap .request-wrap .request-inner .request-text {width: 64.6%;}
    .flow-wrap .workflow-wrap .workflow .business {width: 21%;}
    .flow-wrap .workflow-wrap .workflow .flow-text {width: 74%;}


}


@media only screen and (max-width: 1000px) {
    footer .fotter-wrap .fotter-illustration {width: 20%;}
    footer .fotter-wrap .fotter-data {width: 35%;}
    footer .fotter-wrap ul.fotter-nav {width: 42.5%;}
    footer .fotter-wrap ul.fotter-nav li.line-01,
    footer .fotter-wrap ul.fotter-nav li.line-02,
    footer .fotter-wrap ul.fotter-nav li.line-03 {width: 50%;}
}

@media only screen and (max-width: 900px) {
    .snow-monkey-form {width: 90%;}
    .smf-item__col.smf-item__col--controls {width: 75%;}

}

@media only screen and (max-width: 980px) {
    /* WORKS詳細 */
    .single-works .contents .house-data .data-text .data-list dl dt {width: 18%;}
    .single-works .contents .house-data .data-text .data-list dl dd {width: 82%;}
}

@media only screen and (max-width: 860px) {
    /* FLOW */
    .flow-wrap .workflow-wrap .workflow .business {width: 23%;}
    .flow-wrap .workflow-wrap .workflow .flow-text {width: 72%;}

}

@media only screen and (max-width: 855px) {
    /* TOPページ */
    .index-wrap .inner-wrap .visit-wrap {flex-direction: column; align-items: center;}
    .index-wrap .inner-wrap .visit-wrap .visit-text {width: 100%; text-align: center; padding-top: 15px;}
    .index-wrap .inner-wrap .visit-wrap .visit-text .visit-contact a p {justify-content: end;}


}

/* iPad */
@media only screen and (max-width: 835px) {
    /* TOPページ */
    .index-wrap ul.main-photo li img {height: auto;}
    .index-wrap .room-tour-wrap ul.room-tour-movie {flex-wrap: wrap;}
    .index-wrap .room-tour-wrap ul.room-tour-movie li.movie-list {width: 48%;}
    .index-wrap .room-tour-wrap ul.room-tour-movie li.movie-list a div.thumbnail img {width: 100%;}
    .index-wrap .room-tour-wrap ul.room-tour-movie li.movie-list:first-child,
    .index-wrap .room-tour-wrap ul.room-tour-movie li.movie-list:nth-child(2) {padding-bottom: 25px;}

    /* WORKS */
    .works-archive .new-construction ul.house-link,
    .works-archive .reform ul.house-link {justify-content: space-between;}
    .works-archive .new-construction ul.house-link li.house-info,
    .works-archive .reform ul.house-link li.house-info {width: 47.5%; margin-right: 0;}
    .works-archive .new-construction ul.house-link li.house-info a img,
    .works-archive .reform ul.house-link li.house-info a img {height: 240px;}
    
    /* WORKS詳細 */
    .single-works .contents .house-data .data-text .data-list dl dt {width: 22%;}
    .single-works .contents .house-data .data-text .data-list dl dd {width: 78%;}

    /* FLOW */
    .flow-wrap .request-wrap .request-inner {flex-direction: column;}
    .flow-wrap .request-wrap .request-inner .request-text {width: 100%;}
    .flow-wrap .request-wrap .request-inner .request-photo {width: 55%; margin: 0 auto; padding-top: 25px;}
    .flow-wrap .request-wrap .request-inner .request-photo img {width: 100%;}
    .flow-wrap .workflow-wrap .workflow {flex-wrap: wrap; align-items: center;}
    .flow-wrap .workflow-wrap .workflow .business {width: 80%;}
    .flow-wrap .workflow-wrap .workflow .flow-text {width: 100%;}
    .flow-wrap .workflow-wrap .workflow .flow-text p {padding-top: 15px;}

    /* お問い合わせ */
    #contact-pagezone .direct-contact {width: 90%;}

}

@media only screen and (max-width: 800px) {
    .about-wrap .profile-wrap .profile-inner .profile-text dl.career dt {width: 11%;}
    .about-wrap .profile-wrap .profile-inner .profile-text dl.career dd {width: 89%;}
    .about-wrap .profile-wrap .profile-inner .profile-text {width: 75%;}

}


@media only screen and (max-width: 795px) {
    footer .fotter-wrap ul.fotter-nav li:nth-child(odd) {width: 45%;}
    footer .fotter-wrap ul.fotter-nav li:nth-child(even) {width: 55%;}
}


@media only screen and (max-width: 780px) {
    /* TOPページ */
    .index-wrap .inner-wrap {width: 90%; margin: 0 auto;}
    .index-wrap .inner-wrap .blog-wrap dl a dt,
    .index-wrap .inner-wrap .news-wrap dl a dt {width: 18%;}
    .index-wrap .inner-wrap .blog-wrap dl a dd,
    .index-wrap .inner-wrap .news-wrap dl a dd {width: 82%;}

    /* FLOW */
    .flow-wrap .proce-wrap .price-outer .price-inner {margin: 0; padding: 35px;}
    .flow-wrap .proce-wrap .price-outer .price-inner .price p {font-size: 1.8rem;}
    .flow-wrap .proce-wrap .price-outer .price-inner .price p.wooden span {padding-left: 127px;}
    .flow-wrap .proce-wrap .price-outer .price-inner .price p.reform span {padding-left: 109px;}
    .flow-wrap .proce-wrap .price-outer .price-inner .price p.reform span.adjustment {padding-left: 215px;}

}

@media only screen and (max-width: 725px) {
    /* フッター */
    footer .fotter-wrap .fotter-data p {font-size: 1.4rem;}
    footer .fotter-wrap .fotter-data {width: 32%;}
    footer .fotter-wrap ul.fotter-nav {width: 45%;}

    /* FLOW */
    .flow-wrap .proce-wrap .price-outer .price-inner {padding: 15px;}

}

@media only screen and (max-width: 695px) {
    /* FLOW */
    .flow-wrap .proce-wrap .price-outer .price-inner {padding: 10px;}
}

@media only screen and (max-width: 695px) {
    /* BLOG NEWS */
    .archive-post-wrap .archive-post-inner .side-content,
    .single-post .single-post-wrap .side-content {width: 24%;}
    .archive-post-wrap .archive-post-inner
    .post-wrap, .single-post .single-post-wrap .post-wrap {width: 71%;}
}



/* SP-ZONE */
@media only screen and (max-width: 680px) {
    html {font-size: 65%;}

    .sp-zone {display: block;}
    .pc-zone {display: none;}

    /* ヘッダー */
    header nav {padding: 20px 0;}
    header nav .header-nav {display: none;}
    .snsBox {display: none;}

    /* フッター */
    footer .fotter-wrap ul.fotter-nav {display: none;}
    footer .fotter-wrap .fotter-illustration {width: 40%;}
    footer .fotter-wrap .fotter-data {width: 55%;}
    footer .fotter-wrap .fotter-data p {line-height: 1.6em;}

    /* TOPページ */
    .index-wrap .inner-wrap {width: 100%;}
    .index-wrap .inner-wrap .blog-wrap h3,
    .index-wrap .inner-wrap .news-wrap h3 {font-size: 2.4rem;}
    .index-wrap .inner-wrap .blog-wrap h3 span,
    .index-wrap .inner-wrap .news-wrap h3 span {font-size: 1.6rem;}
    .index-wrap .inner-wrap .blog-wrap dl a,
    .index-wrap .inner-wrap .news-wrap dl a {align-items: center; line-height: 1.5em; padding-bottom: 25px;}
    .index-wrap .inner-wrap .blog-wrap dl a dt,
    .index-wrap .inner-wrap .news-wrap dl a dt {width: 25%;}
    .index-wrap .inner-wrap .blog-wrap dl a dd,
    .index-wrap .inner-wrap .news-wrap dl a dd {width: 75%;}
    .index-wrap .inner-wrap .viewmore {padding-top: 15px;}
    .index-wrap .inner-wrap .visit-wrap .visit-photo {width: 100%;}
    .index-wrap .inner-wrap .visit-wrap .visit-photo img {width: 100%;}
    .index-wrap .inner-wrap .visit-wrap .visit-text p {text-align: justify; padding-bottom: 35px;}
    .index-wrap .room-tour-wrap .room-tour-title h3 {line-height: 1.3em;}
    .index-wrap .room-tour-wrap .room-tour-title h3 span {display: block;}
    .index-wrap .room-tour-wrap ul.room-tour-movie {flex-direction: column; padding-bottom: 150px;}
    .index-wrap .room-tour-wrap ul.room-tour-movie li.movie-list {width: 100%; padding-bottom: 35px;}
    .index-wrap .room-tour-wrap ul.room-tour-movie li.movie-list:first-child,
    .index-wrap .room-tour-wrap ul.room-tour-movie li.movie-list:nth-child(2) {padding-bottom: 35px;}
    .index-wrap .room-tour-wrap ul.room-tour-movie li.movie-list:last-child {padding-bottom: 0;}
    .index-wrap .room-tour-wrap ul.room-tour-movie li.movie-list a p.theme {text-align: justify; line-height: 1.6em;}
    .index-wrap .room-tour-wrap ul.room-tour-movie li.movie-list a p.genre,
    .index-wrap .room-tour-wrap ul.room-tour-movie li.movie-list a p.movie-title {text-align: justify; line-height: 1.6em}

    /* ABOUT US */
    .about-wrap h3 {padding: 15px 0 100px;}
    .about-wrap h3 span {display: block; padding: 15px 0 0 0;}
    .about-wrap .what-is-important {padding-bottom: 100px;}
    .about-wrap .what-is-important .important {flex-direction: column;}
    .about-wrap .what-is-important .important.important-02 {flex-direction: column-reverse; padding: 50px 0 70px;}
    .about-wrap .what-is-important .important .text-wrap,
    .about-wrap .what-is-important .important.important-02 .text-wrap {width: 100%;}
    .about-wrap .what-is-important .important .text-wrap h2 {font-size: 2.4rem; line-height: 1.4em; text-align: justify;}
    .about-wrap .what-is-important .important .text-wrap h2.left-alignment {margin-left: 0;}
    .about-wrap .what-is-important .important .photo-wrap,
    .about-wrap .what-is-important .important.important-02 .photo-wrap {width: 100%; padding-top: 25px;}
    .about-wrap .what-is-important .important .text-wrap p,
    .about-wrap .greeting-wrap .greeting-text p {line-height: 1.6em;}
    .about-wrap .what-is-important .important .text-wrap p br.sp-br {display: block; content: " "; margin: 20px 0;}
    .about-wrap .profile-wrap .profile-inner {flex-direction: column-reverse;}
    .about-wrap .profile-wrap .profile-inner .profile-photo,
    .about-wrap .profile-wrap .profile-inner .profile-text {width: 100%;}
    .about-wrap .profile-wrap .profile-inner .profile-photo img {width: 75%; display: block; margin: 0 auto;}
    .about-wrap .profile-wrap .profile-inner .profile-text h4 {text-align: center; padding-top: 30px;}
    .about-wrap .profile-wrap .profile-inner .profile-text dl.career {flex-direction: column;}
    .about-wrap .profile-wrap .profile-inner .profile-text dl.career dt {width: 100%;}
    .about-wrap .profile-wrap .profile-inner .profile-text dl.career dd {width: 100%; padding-bottom: 15px; text-align: justify;}
    .about-wrap .profile-wrap {padding-bottom: 150px;}

    /* WORKS */
    .works-archive h3 {padding: 15px 0 100px;}
    .works-archive h3 span {display: block; padding: 15px 0 0 0;}
    .works-archive .reform {padding-bottom: 150px;}
    .works-archive .new-construction ul.house-link li.house-info a img,
    .works-archive .reform ul.house-link li.house-info a img {height: 140px;}
    .works-archive .new-construction ul.house-link li.house-info a p,
    .works-archive .reform ul.house-link li.house-info a p {font-size: 1.5rem; line-height: 1.4em; padding: 15px 0 60px;}
    .works-archive .new-construction ul.house-link li.house-info a p span,
    .works-archive .reform ul.house-link li.house-info a p span {display: block; font-size: 1.2rem;}
    
    /* WORKS詳細 */
    .single-works h3 {padding: 15px 0 100px;}
    .single-works .contents .title,
    .single-works .contents .floor-plan-wrap .title,
    .single-works .contents .thoughts-wrap .title {padding-bottom: 0;}
    .single-works .contents .title h3 {padding: 0 0 55px 0;}
    .single-works .contents .house-data {flex-direction: column;}
    .single-works .contents .house-data .main-photo {width: 100%;}
    .single-works .contents .house-data .main-photo img {height: auto;}
    .single-works .contents .house-data .data-text {width: 100%; padding-top: 25px;}
    .single-works .contents ul.photo-list li,
    .single-works .contents .floor-plan-wrap ul.floor-plan li {width: 32%; margin: 0 2% 2% 0;}
    .single-works .contents ul.photo-list li,
    .single-works .contents .floor-plan-wrap ul.floor-plan li {margin: 0 2% 2% 0;}
    .single-works .contents ul.photo-list li:nth-of-type(3n),
    .single-works .contents .floor-plan-wrap ul.floor-plan li:nth-of-type(3n) {margin: 0;}
    .single-works .contents ul.photo-list li:nth-of-type(5n),
    .single-works .contents .floor-plan-wrap ul.floor-plan li:nth-of-type(5n) {margin: 0 2% 2% 0;}
    .single-works .contents ul.photo-list li:nth-child(15),
    .single-works .contents .floor-plan-wrap ul.floor-plan li:nth-child(15) {margin: 0;}
    .single-works .contents ul.photo-list li:nth-child(30),
    .single-works .contents .floor-plan-wrap ul.floor-plan li:nth-child(30) {margin: 0;}
    .single-works .contents .introduction,
    .single-works .contents .thoughts-wrap,
    .single-works .contents .floor-plan-wrap {padding-bottom: 100px;}

    /* FLOW */
    .flow-wrap h3 {padding: 15px 0 100px;}
    .flow-wrap h3 span {display: block; padding: 15px 0 0 0;}
    .flow-wrap .request-wrap .request-inner .request-photo {width: 80%;}
    .flow-wrap .proce-wrap .price-outer .price-inner {padding: 25px;}
    .flow-wrap .proce-wrap .price-outer .price-inner .price p.wooden span,
    .flow-wrap .proce-wrap .price-outer .price-inner .price p.reform span,
    .flow-wrap .proce-wrap .price-outer .price-inner .price p.reform span.adjustment {padding-left: 0;}
    .flow-wrap .proce-wrap .price-outer .price-inner .price p {line-height: 1.5em; padding-bottom: 15px; text-align: justify;}
    .pc-inline {display: none;}

    /* BLOG NEWS */
    .archive-post-wrap .archive-post-inner .post-wrap .post .title h3,
    .single-post .single-post-wrap .post-wrap .post .title h3 {text-align: justify;}
    .archive-post-wrap h3,
    .single-post h3 {padding: 15px 0 70px;}
    .archive-post-wrap h3 span,
    .single-post h3 span {display: block; padding: 15px 0 0 0;}
    .archive-post-wrap .archive-post-inner,
    .single-post .single-post-wrap {flex-direction: column;}
    .archive-post-wrap .archive-post-inner .post-wrap,
    .single-post .single-post-wrap .post-wrap {width: 100%; padding: 30px 0 80px;}
    .archive-post-wrap .archive-post-inner .side-content,
    .single-post .single-post-wrap .side-content {width: 100%; display: flex; justify-content: space-around; padding-bottom: 0;}
    .archive-post-wrap .archive-post-inner .side-content .category-wrap,
    .single-post .single-post-wrap .side-content .category-wrap {width: 56%;}
    .archive-post-wrap .archive-post-inner .side-content .archives-wrap,
    .single-post .single-post-wrap .side-content .archives-wrap {width: 44%;}
    .archive-post-wrap .archive-post-inner .side-content .category-wrap,
    .single-post .single-post-wrap .side-content .category-wrap {padding-bottom: 150px;}
    .archive-post-wrap .archive-post-inner .side-content .category-wrap .category ul li,
    .archive-post-wrap .archive-post-inner .side-content .archives-wrap .archives ul li,
    .single-post .single-post-wrap .side-content .category-wrap .category ul li,
    .single-post .single-post-wrap .side-content .archives-wrap .archives ul li {line-height: 1.5em; padding-bottom: 5px;}
    .archive-post-wrap .archive-post-inner .side-content .archives-wrap .archives ul li,
    .single-post .single-post-wrap .side-content .archives-wrap .archives ul li {text-align: center;}
    

    /* NEWS一覧 */
    .archive-news-wrap h3 {padding: 15px 0 100px;}
    .archive-news-wrap h3 span {display: block; padding: 15px 0 0 0;}
    .archive-news-wrap .archive-news-inner {flex-direction: column;}
    .archive-news-wrap .archive-news-inner .newslist-wrap {width: 100%; padding-bottom: 0;}
    .archive-news-wrap .archive-news-inner .newslist-wrap dl {padding-bottom: 55px;}
    .archive-news-wrap .archive-news-inner .newslist-wrap dl a {flex-direction: column; align-items: start;}
    .archive-news-wrap .archive-news-inner .newslist-wrap dl a dt,
    .archive-news-wrap .archive-news-inner .newslist-wrap dl a dd {width: 100%;}
    .archive-news-wrap .archive-news-inner .side-content {width: 100%; padding: 80px 0 150px;}
    .archive-news-wrap .archive-news-inner .side-content .archives-wrap .archives .yearly {display: flex; flex-wrap: wrap; justify-content: space-between;}
    .archive-news-wrap .archive-news-inner .side-content .archives-wrap .archives .yearly li {width: 24%;}

    /* お問い合わせ */
    .contact-wrap .title h3 {flex-direction: column; align-items: start;}
    .contact-wrap .title h3 span {padding: 15px 0 0 0;}
    .snow-monkey-form p.lead {text-align: justify;}
    .wp-block-snow-monkey-forms-item.smf-item {flex-direction: column; align-items: start;}
    .smf-item__label span {padding-left: 0;}
    .smf-item__col.smf-item__col--label {width: 100%; background: #fff;}
    .smf-item__col.smf-item__col--controls {width: 100%;}
    .wp-block-snow-monkey-forms-item.smf-item {padding-bottom: 10px;}
    .wp-block-snow-monkey-forms-item.smf-item:nth-child(6) .smf-item__col--label,
    .wp-block-snow-monkey-forms-item.smf-item:nth-child(6) .smf-item__col--label .smf-item__label {height: 40px;}
    .wp-block-snow-monkey-forms-item.smf-item:nth-child(7) .smf-item__col--label .smf-item__label span,
    .wp-block-snow-monkey-forms-item.smf-item:nth-child(7) .smf-item__col--label .smf-item__description {text-align: justify;}
    #contact-pagezone .direct-contact {margin: 0 auto 150px;}
    #contact-pagezone .direct-contact .direct-contact-inner {padding: 25px;}
    #contact-pagezone .direct-contact .direct-contact-inner p.annotation {text-align: justify;}
    form.snow-monkey-form[data-screen="confirm"] .smf-item__col.smf-item__col--controls {padding-left: 0;}

    /* PRIVACY POLICY */
    .policy-wrap h3 {flex-direction: column; align-items: start; padding: 15px 0 100px;}
    .policy-wrap h3 span {padding: 15px 0 0 0;}
    .policy-wrap {padding-bottom: 100px;}
    .policy-wrap .policy-inner .policy p,
    .policy-wrap .policy-inner .policy ul li {text-align: justify;}
    
    


    /* ハンバーガー */
    .sp-navi .navi p.tel-number {font-weight: bold; padding: 20px 0 60px; text-align: left;}
    .sp-navi .navi .head-menu .menu-list {display: flex; justify-content: space-between; text-align: left;}
    .sp-navi .navi .head-menu .menu-list ul {width: 48%;}
    .sp-navi .navi .head-menu .menu-list ul li a {font-weight: bold; font-size: 1.6rem; line-height: 1.2em;}
    .sp-navi .navi .head-menu .menu-list ul li a span {font-weight: normal; font-size: 1.1rem; display: block;}
    .navi.open h1.header-logo {text-align: left;}
    .sp-navi .navi .head-menu .btn-wrap {display: flex; justify-content: center; padding: 25px 0 35px;}
    .sp-navi .navi .head-menu .btn-wrap .contact-btn {margin-right: 35px;}
    .sp-navi .navi .head-menu p {font-size: 1.2rem; font-weight: bold;}
    .sp-navi .navi .head-menu p a span {font-weight: normal; font-size: 1rem; padding-left: 15px;}
    .sp-navi .navi .head-menu p a {border-bottom: 1px solid #ccc; padding-bottom: 5px;}
    .navi.open .fotter-illustration {padding-top: 50px;}

    /*---------------------------------------
    スマホメニュー（ハンバーガーメニュー 表示） 
    --------------------------------------*/

    /*btn-navi*/
    .Btn-navi {padding: 10px 5px 0px 5px; height: 60px; right: 5%; top: 30px; position: fixed; background: #333; width: 50px; display:block; line-height:1em; z-index:9999; transition: .3s;}
    .Btn-navi .name {font-weight: bold; position: relative; bottom: -25px; vertical-align:middle; text-align:center; color:#ffffff; font-size:7.3px; line-height: 1em; }
    .Btn-navi .menuBtn {display: inline-block; position: relative; width: 40px; height:30px;}
    .menu-icon {display: block; position: absolute; top: 20%; left: 50%; width: 24px; height: 2px; margin: -1px 0 0 -12px; background: #ffffff; transition: .2s;}
    .menu-icon:before,.menu-icon:after {display: block; content: ""; position: absolute; top: 50%; left: 0; width: 24px; height: 2px; background: #ffffff; transition: .3s;}
    .menu-icon:before {margin-top: -8px;}
    .menu-icon:after {margin-top: 6px;}
    .menuBtn:hover .menu-icon:before {margin-top: -10px;}
    .menuBtn:hover .menu-icon:after {margin-top: 8px;}
    .Btn-navi.close .name { color:#ffffff; overflow: hidden; left: 0px; width: 100%; font-size: 7.3px; line-height: 8px; text-align: center; font-weight: bold; height: 8px;}
    .Btn-navi.close .name:before {display: block; content: 'CLOSE'; overflow: hidden;}
    .Btn-navi.close .menu-icon:before,.Btn-navi.close .menu-icon:after {background: #ffffff;}
    .Btn-navi.close .menuBtn .menu-icon {background: transparent;}
    .Btn-navi.close .menuBtn .menu-icon:before, .Btn-navi.close .menuBtn .menu-icon:after {margin-top: 0;}
    .Btn-navi.close .menuBtn .menu-icon:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
    .Btn-navi.close .menuBtn .menu-icon:after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
    #mainhead .Btn-navi{ position: absolute; left:5px; top:5px; }
    #mainhead .Btn-navi.close { opacity: 0; display: none;}
    #fixBtn-navi {position: fixed;  width: auto; bottom: 20px; right:15px;}
    #fixBtn-navi.Btn-navi .menuBtn { display: block; background-color:#333; border-radius: 10px; padding:10px 0px 0px;}
    #fixBtn-navi.Btn-navi .menuBtn .menu-icon {margin-top: -6px;}
    #fixBtn-navi .menu-icon,#fixBtn-navi .menu-icon:before,#fixBtn-navi .menu-icon:after {background-color: #ffffff;}
    #fixBtn-navi .menu-icon:before{margin-top: -7px;}
    #fixBtn-navi .menu-icon:after {margin-top: 5px;}
    #fixBtn-navi.close .menu-icon:before,#fixBtn-navi.close .menu-icon:after {margin-top: 0;}
    #fixBtn-navi.close .menu-icon {background: transparent;}
    #fixBtn-navi .name { color: #ffffff; display: block; position: relative; left:0px; bottom: -17px;}
    #fixBtn-navi .name:before { display: inline; content: 'MENU';}
    #fixBtn-navi.close .name:before { display: inline; content: 'CLOSE';}
    #fixBtn-navi.close .name { color: #ffffff;}
    #cavor.Btn-navi {width: 100%; height: 100%; position: fixed; top:0px; left: -100%; transition:0s;  z-index: 999;}
    #cavor.Btn-navi .menuBtn {display:block; width: 100%; height: 100%; background:rgba(255,255,255,0.6); }
    #cavor.close { left: 0px; }
    .navi {
        background-color: #fff; /*メニュー背景色*/
        box-sizing: border-box;
        height: 100%;
        padding: 10px 40px; /*メニュー内部上下左右余白*/
        position: fixed;
        left: 0%;
        opacity: 0;
        top: 0;
        transition: .2s; /*0.3s は変化するのにかかる時間*/
        width: 100%; /*メニュー横幅①*/
        z-index: -9;
    }
    .Btn-navi:hover + .navi-background {
        opacity: 0.5; /*黒背景部分透過度*/
        z-index: 999;
    }
    /*.navi-background {width: 100%; height: 100%; position: fixed; top: 0px; left: 0%; transition: 0s; z-index: 999;}*/
    .navi-background a.background-btn{display: block; width: 100%; height: 100%; background: rgba(255,255,255,0.6);}
    .navi-background {z-index: 999; display: none; position: fixed; width: 100%; height: 100%; top: 0; left:0; }
    .navi-background.open {display: block; background: rgba(255,255,255,0.6); }
    .navi.open {opacity: 1; z-index: 1000; padding-bottom: 10px; padding-top: 30px; text-align: center; overflow: scroll;}
    .navi.open ul li {font-size: 14px; margin-bottom: 20px; border-bottom: 1px solid #ccc;}

    .Btn-navi_first {padding: 5px; background: #816a29; width: 40px; display:none; line-height:1em; z-index:9999; transition: .3s;}
    .Btn-navi_first .name { vertical-align:middle; text-align:center; color:#ffffff; font-size:7.3px; line-height: 1em; }
    .Btn-navi_first .menuBtn {display: inline-block; position: relative; width: 40px; height:30px;}
    /*footer .navi ul {display: block; padding: 30px 0px;}*/
    footer .navi ul {
        font-size: 12px;
        height: 280px;
        overflow: auto;
        /* background-color: #FFF; */
        padding: 10px 10px;
        margin-bottom: 15px;
        /* border: 1px solid #CCC; */
        display: block;
        padding: 30px 0px;
    }
    /*---------------------------------------
    スマホメニュー（ハンバーガーメニュー 表示ここまで） 
    --------------------------------------*/
}


@media only screen and (max-width: 520px) {
    /* トッページ */
    .index-wrap .inner-wrap .blog-wrap dl a,
    .index-wrap .inner-wrap .news-wrap dl a {flex-direction: column; align-items: start; line-height: 1.5em; width: 100%; padding-bottom: 0;}
    .index-wrap .inner-wrap .blog-wrap dl a dd,
    .index-wrap .inner-wrap .news-wrap dl a dd {padding-bottom: 20px; width: 100%; text-align: justify;}


}




@media only screen and (max-width: 460px) {
    footer .fotter-wrap {flex-direction: column; align-items: center;}
    footer .fotter-wrap .fotter-illustration {width: 75%; text-align: center; padding-bottom: 30px;}
    footer .fotter-wrap .fotter-data {width: 100%; text-align: center;}
    
    
}

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