@charset "UTF-8";
                                                                        @import url(sanitize.css);
                                                                        /*========= base ===========*/

                                                                        html {
                                                                            margin: 0;
                                                                            padding: 0;
                                                                        }

                                                                        body {
                                                                            margin: 0;
                                                                            padding: 0;
                                                                            font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
                                                                            font-weight: 500;
                                                                            color: #333;
                                                                            line-height: 2.0;
                                                                        }

                                                                        h2, h3, h4, h5 {
                                                                            margin: 0;
                                                                            padding: 0;
                                                                        }

                                                                        img {
                                                                            max-width: 100%;
                                                                            vertical-align: bottom;
                                                                            border-radius: 10px;
                                                                        }

                                                                        ul, li, dl, dt, dd {
                                                                            margin: 0;
                                                                            padding: 0;
                                                                            list-style: none;
                                                                        }

                                                                        a {
                                                                            text-decoration: none;
                                                                            color: #000;
                                                                        }

                                                                        a:hover {
                                                                            transition: .3s;
                                                                            opacity: 0.6;
                                                                        }

                                                                        section {
                                                                            margin-bottom: 120px;
                                                                        }

                                                                        .content-wrapper {
                                                                            padding: 100px 20% 50px;
                                                                            margin: 0 auto;
                                                                        }

                                                                        /*ヘッダー*/

                                                                        .header {
                                                                            background-color: #A5C552;
                                                                            height: 80px;
                                                                            display: flex;
                                                                            justify-content: space-around;
                                                                            align-items: center;
                                                                            position: fixed;
                                                                            top: 0;
                                                                            left: 0;
                                                                            width: 100%;
                                                                            z-index: 1;
                                                                            box-shadow: 1px 1px 3px gray;
                                                                            padding: 40px 3%;
                                                                            transition: .3s;
                                                                        }

                                                                        .header.scroll {
                                                                            background: rgba(165, 197, 82, 0.7);
                                                                            padding: 15px 3%;
                                                                        }

                                                                        .site-title {
                                                                            text-align: center;
                                                                            padding-top: 10px;
                                                                            color: #F6ED43;
                                                                            font-size: 1.8rem;
                                                                            text-shadow: 1px 1px 1px gray;
                                                                        }

                                                                        .nav-menu {
                                                                            display: flex;
                                                                            justify-content: space-around;
                                                                            padding-top: 10px;
                                                                            font-weight: 500;
                                                                            font-size: 1.2rem;
                                                                        }

                                                                        .nav-title {
                                                                            color: #63412B;
                                                                            margin-right: 50px;
                                                                        }

                                                                        /*ファーストビュー*/

                                                                        .fv-box {
                                                                            position: relative;
                                                                            width: 100%;
                                                                            height: 0;
                                                                            /* (画像の高さ / 画像の横幅) × 100 */
                                                                            padding-top: 60%;
                                                                            background: url(../img/slide_02.jpg);
                                                                            background-repeat: no-repeat;
                                                                            background-position: center center;
                                                                            background-size: cover;
                                                                        }

                                                                        .fv-text {
                                                                            background-color: rgba(255, 255, 255, 0.5);
                                                                            border-radius: 10px;
                                                                            position: absolute;
                                                                            top: 60%;
                                                                            left: 50%;
                                                                            transform: translate(-50%, -50%);
                                                                            font-size: 2.5rem;
                                                                            padding: 0;
                                                                            color: #63412B;
                                                                            margin: 0;
                                                                            font-weight: 600;
                                                                            text-shadow: 1px 1px 1px gray;
                                                                            letter-spacing: 1rem;
                                                                        }

                                                                        /*about*/

                                                                        .image-tree {
                                                                            width: 30%;
                                                                            display: block;
                                                                            padding-left: 50px;
                                                                            max-width: 100%;
                                                                        }

                                                                        .about {
                                                                            display: flex;
                                                                            justify-content: space-between;
                                                                        }

                                                                        .about-image {
                                                                            flex-basis: 50%;
                                                                            object-position: top;
                                                                            object-fit: cover;
                                                                            padding: 30px;
                                                                            width: 100%;
                                                                        }

                                                                        .about-text {
                                                                            margin: 0;
                                                                            padding: 30px;
                                                                            width: 100%;
                                                                        }

                                                                        .about-flase {
                                                                            flex-basis: 50%;
                                                                        }

                                                                        /*menu*/

                                                                        .menu {
                                                                            display: flex;
                                                                            padding-bottom: 100px;
                                                                            background-color: #F2ECE5;
                                                                        }

                                                                        .menu-image {
                                                                            padding: 30px;
                                                                            object-position: top;
                                                                            object-fit: cover;
                                                                            display: inline-block;
                                                                            flex-basis: 50%;
                                                                            width: 100%;
                                                                        }

                                                                        .menu-table {
                                                                            padding: 30px;
                                                                            display: block;
                                                                            width: 50%;
                                                                        }

                                                                        tr {
                                                                            padding: 2em 10px 1em 1em;
                                                                        }

                                                                        th {
                                                                            font-size: 20px;
                                                                            text-align: left;
                                                                        }

                                                                        td {
                                                                            width: 50%;
                                                                            padding-left: 30%;
                                                                        }

                                                                        /*ごあいさつ*/

                                                                        .title {
                                                                            border-left: 5px solid #EA8F40;
                                                                            padding-left: .6rem;
                                                                            margin-bottom: 30px;
                                                                        }

                                                                        .greeting {
                                                                            position: relative;
                                                                        }

                                                                        .image-sofa {
                                                                            display: block;
                                                                            position: absolute;
                                                                            top: 85%;
                                                                            left: 55%;
                                                                            width: 20%;
                                                                        }

                                                                        /*アクセス  */

                                                                        .access {
                                                                            background-color: #F2ECE5;
                                                                        }

                                                                        .ggmap {
                                                                            position: relative;
                                                                            padding-bottom: 56.25%;
                                                                            padding-top: 90px;
                                                                            height: 0;
                                                                            overflow: hidden;
                                                                            margin-top: 30px;
                                                                        }

                                                                        .ggmap iframe, .ggmap object, .ggmap embed {
                                                                            position: absolute;
                                                                            top: 0;
                                                                            left: 0;
                                                                            width: 100%;
                                                                            height: 100%;
                                                                        }

                                                                        .access-th {
                                                                            border-bottom: 2px dotted #A5C552;
                                                                            width: 30%;
                                                                        }

                                                                        .access-td {
                                                                            padding: 20px 0;
                                                                            border-bottom: 2px dotted #A5C552;
                                                                            font-size: 1.2rem;
                                                                        }

                                                                        /*フッター*/

                                                                        footer {
                                                                            padding: 30px 0!important;
                                                                            background-color: #A5C552;
                                                                        }

                                                                        .copyright {
                                                                            text-align: center;
                                                                            padding: 0;
                                                                            margin: 0;
                                                                        }

                                                                        /*レスポンシブ*/

                                                                        @media screen and (min-width:874px) {
                                                                            #nav-drawer {
                                                                                display: none;
                                                                            }
                                                                        }

                                                                        @media screen and (max-width:1160px) {
                                                                            .content-wrapper {
                                                                                padding: 60px 5% 30px;
                                                                                margin: 0 auto;
                                                                            }
                                                                            @media screen and (max-width:873px) {
                                                                                .header {
                                                                                    height: 100px;
                                                                                }
                                                                                .header-nav {
                                                                                    display: none;
                                                                                }
                                                                                #nav-drawer {
                                                                                    position: relative;
                                                                                }
                                                                                .nav-menu {
                                                                                    flex-direction: column;
                                                                                    justify-content: space-around;
                                                                                    padding-top: 10px;
                                                                                    font-weight: 500;
                                                                                    font-size: 1.3rem;
                                                                                }
                                                                                .nav-title {
                                                                                    color: #63412B;
                                                                                    margin: 40px 20px;
                                                                                    font-size: 1.3rem !important;
                                                                                    display: block;
                                                                                }
                                                                                /*チェックボックス等は非表示に*/
                                                                                .nav-unshown {
                                                                                    display: none;
                                                                                }
                                                                                /*アイコンのスペース*/
                                                                                #nav-open {
                                                                                    display: inline-block;
                                                                                    width: 30px;
                                                                                    height: 22px;
                                                                                    vertical-align: middle;
                                                                                }
                                                                                /*ハンバーガーアイコンをCSSだけで表現*/
                                                                                #nav-open span, #nav-open span:before, #nav-open span:after {
                                                                                    position: absolute;
                                                                                    height: 3px;
                                                                                    /*線の太さ*/
                                                                                    width: 30px;
                                                                                    /*長さ*/
                                                                                    border-radius: 3px;
                                                                                    background: #555;
                                                                                    display: block;
                                                                                    content: '';
                                                                                    cursor: pointer;
                                                                                }
                                                                                #nav-open span:before {
                                                                                    bottom: -8px;
                                                                                }
                                                                                #nav-open span:after {
                                                                                    bottom: -16px;
                                                                                }
                                                                                /*閉じる用の薄黒カバー*/
                                                                                #nav-close {
                                                                                    display: none;
                                                                                    /*はじめは隠しておく*/
                                                                                    position: fixed;
                                                                                    z-index: 99;
                                                                                    top: 0;
                                                                                    /*全体に広がるように*/
                                                                                    left: 0;
                                                                                    width: 100%;
                                                                                    height: 100%;
                                                                                    background: #A5C552;
                                                                                    opacity: 0;
                                                                                    transition: .3s ease-in-out;
                                                                                }
                                                                                /*中身*/
                                                                                #nav-content {
                                                                                    overflow: auto;
                                                                                    position: fixed;
                                                                                    top: 0;
                                                                                    left: 0;
                                                                                    z-index: 9999;
                                                                                    /*最前面に*/
                                                                                    width: 90%;
                                                                                    /*右側に隙間を作る（閉じるカバーを表示）*/
                                                                                    max-width: 300px;
                                                                                    /*最大幅（調整してください）*/
                                                                                    height: 100%;
                                                                                    background: rgba(255, 255, 255, .8);
                                                                                    /*背景色*/
                                                                                    transition: .3s ease-in-out;
                                                                                    /*滑らかに表示*/
                                                                                    -webkit-transform: translateX(-105%);
                                                                                    transform: translateX(-105%);
                                                                                    /*左に隠しておく*/
                                                                                }
                                                                                /*チェックが入ったらもろもろ表示*/
                                                                                #nav-input:checked~#nav-close {
                                                                                    display: block;
                                                                                    /*カバーを表示*/
                                                                                    opacity: .5;
                                                                                }
                                                                                #nav-input:checked~#nav-content {
                                                                                    -webkit-transform: translateX(0%);
                                                                                    transform: translateX(0%);
                                                                                    /*中身を表示（右へスライド）*/
                                                                                    box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
                                                                                }
                                                                                .fv-box {
                                                                                    /* (画像の高さ / 画像の横幅) × 100 */
                                                                                    padding-top: 150%;
                                                                                    background: url(../img/top-sp.jpg);
                                                                                    max-width: 100%;
                                                                                    background-size: cover;
                                                                                }
                                                                                .fv-text {
                                                                                    font-size: 1.2rem;
                                                                                    font-weight: 500;
                                                                                    padding: 0;
                                                                                    width: 100%;
                                                                                    text-align: center;
                                                                                    top: 40%;
                                                                                }
                                                                                .content-wrapper {
                                                                                    padding: 60px 5% 30px;
                                                                                    margin: 0 auto;
                                                                                }
                                                                                .about {
                                                                                    flex-direction: column;
                                                                                    max-width: 100%;
                                                                                }
                                                                                .image-tree {
                                                                                    display: none;
                                                                                }
                                                                                .menu {
                                                                                    flex-direction: column;
                                                                                    width: 100%;
                                                                                    margin: 0 auto;
                                                                                }
                                                                                .menu-table {
                                                                                    margin: 5% auto;
                                                                                    width: 100%;
                                                                                }
                                                                                .image-sofa {
                                                                                    display: none;
                                                                                }
                                                                                .header {
                                                                                    max-width: 100%;
                                                                                }
                                                                                footer {
                                                                                    max-width: 100%;
                                                                                }
                                                                                th {
                                                                                    font-size: 25px;
                                                                                    text-align: left;
                                                                                    width: 40%;
                                                                                }
                                                                                td {
                                                                                    width: 60%;
                                                                                    text-align: left;
                                                                                    font-size: 1.5rem;
                                                                                    padding-left: 25%;
                                                                                }
                                                                                tr {
                                                                                    vertical-align: top;
                                                                                }
                                                                                @media screen and (max-width:767px) {
                                                                                    .nav-title {
                                                                                        color: #63412B;
                                                                                        margin-right: 50px;
                                                                                        font-size: 1rem;
                                                                                    }
                                                                                }
                                                                                /*460px以下*/
                                                                                @media screen and (max-width:418px) {
                                                                                   
                                                                                }
                                                                            }