@charset "UTF-8";
/*
* Theme Name: COREna
* Version: 1.0.10
* Text Domain: corena
*/
@import "assets/css/wordpress.css";

@color_main: #706139;
@color_sub: #600000;
@color_golf: #383D15;
@color_background: #F5F1EC;
@color_background_gray: #EEEEEE;
@color_text: #333333;

@width_sp: 767px;

@font_min: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
@font_title: 'Vollkorn', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

@import url('https://fonts.googleapis.com/css?family=Vollkorn:400i&display=swap');

.animation (@name: fadeOut, @duration: 1s, @delay: 1s, @timing_function: cubic-bezier(0, 0, 1, 1)) {
    -webkit-animation: @name @duration forwards;
    -webkit-animation-delay: @delay;
    -webkit-animation-timing-function : @timing_function;
    animation: @name @duration forwards;
    animation-delay: @delay;
    animation-timing-function : @timing_function;
}
@keyframes fedeOut {
    0% { opacity: 1; transform: translate3d(0, 0, 0); }
    100% { opacity: 0; transform: translate3d(0, 0, 0);display: none; }
}

html{
    font-size: 16px;
    overflow:auto;
    @media screen and (max-width: @width_sp) {
        font-size: 14px;
    }
}
body{
    font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    margin:0;
    color: @color_text;
    min-height: 100vh;
    position: relative;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    @media screen and (max-width: @width_sp) {
        font-size: 14px;
        line-height: 1.8;
    }
    *, *:before, *:after{
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    img{
        outline:none;
        border-style:none;
        display: block;
        margin: 0 auto;
        max-width: 100%;
    }
    a{
        color: @color_text;
        text-decoration: none;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        &:hover{
            opacity: .7;
        }
    }

    .section{
        padding-top: 4rem;
        padding-bottom: 4rem;
        position: relative;
        .section-title{
            text-align: center;
            padding-bottom: 2rem;
            h1,h2{
                font-size: 2.8rem;
                font-family: @font_title;
                font-weight: normal;
                letter-spacing: .2em;
                color: @color_golf;
                line-height: 1;
                span{
                    display: block;
                    font-size: 1.3rem;
                    font-family: @font_min;
                    font-weight: bold;
                    letter-spacing: .2em;
                    color: @color_main;
                }
                @media screen and (max-width: @width_sp) {
                    font-size: 2rem;
                    span{
                        font-size: 1.14rem;
                        padding-top: .5em;
                    }
                }
            }

            .lead{
                font-family: @font_min;
                font-weight: bold;
                letter-spacing: .2em;
                margin-top: 2rem;
            }
            &.title_01{
                &:after{
                    clear: both;
                    content: "";
                    display: block;
                    visibility: hidden;
                }
                &>.content-block{
                    float: left;
                    width: 50%;
                    text-align: left;
                    margin-bottom: 2rem;
                    @media screen and (max-width: @width_sp) {
                        float: none;
                        width: 100%;
                    }
                }
                &>.images{
                    float: right;
                    width: 40%;
                    position: relative;
                    margin-right: 0;
                    margin-bottom: 2rem;
                    img{
                        box-shadow: -1rem 1rem 0 #cdcec4;
                    }
                    @media screen and (max-width: @width_sp) {
                        float: none;
                        width: 100%;
                    }
                }
                h2{
                    color: @color_main;
                }
                .nayami-block{
                    margin-top: 3rem;
                    border: 4px solid @color_main;
                    position: relative;
                    padding: 1.5rem 2rem 1rem;
                    .block-title{
                        position: absolute;
                        left:1rem;
                        top: -1rem;
                        background: #FFFFFF;
                        font-weight: bold;
                        padding: 0 .5rem;
                        font-size: 1.16rem;
                    }
                    .block-content{
                        ul{
                            li{
                                list-style-type: none;
                                margin-left: 1.5em;
                                &:before{
                                    content: "";
                                    display: inline-block;
                                    width: .8em;
                                    height: 1em;
                                    background: @color_main;
                                    -webkit-mask-repeat: no-repeat;
                                    -webkit-mask-position:center center;
                                    -webkit-mask-image: url("assets/img/ico_checkmark.svg");
                                    -webkit-mask-size: contain;
                                    mask-repeat: no-repeat;
                                    mask-position: center center;
                                    mask-image: url("assets/img/ico_checkmark.svg");
                                    mask-size: contain;
                                    vertical-align: middle;
                                    margin-left: -1.5em;
                                    margin-right: .7em;
                                }
                            }
                        }
                    }
                }
            }
        }
        p{
            margin: 0 0 1em;
        }
    }
    .container{
        padding: 0 2rem;
        max-width: 1088px;
        margin: 0 auto;
        position: relative;
        &:after{
            clear: both;
            content: "";
            display: block;
            visibility: hidden;
        }
        @media screen and (max-width: @width_sp) {
            padding: 2rem;
        }
    }
    .title{
        font-family: @font_min;
    }
    .sp{
        display: none;
    }
    @media screen and (max-width: @width_sp) {
        .pc{
            display: none;
        }
        .sp{
            display: block;
        }
    }
    .mention{
        font-size: .9rem;
        li{
            list-style-type: none;
            margin-left: 1.5em;
            &:before{
                content: "※";
                margin-left: -1.5em;
                display: inline-block;
                width: 1.5em;
            }
        }
    }
    .btns{
        text-align: center;
        margin-top: 2rem;
    }
    .btn{
        display: inline-block;
        background: #FFFFFF;
        border: 2px solid @color_main;
        border-radius: 4px;
        padding: .5em 2em;
        color: @color_main;
        text-decoration: none;
        font-weight: bold;
        letter-spacing: .1em;
        &.btn_primary{
            background: @color_main;
            color: #FFFFFF;
            font-weight: normal;
            line-height: 2;
        }
        &.btn_submit{
            background: @color_sub;
            color: #FFFFFF;
            border-color: @color_sub;
            border-radius: 0;
            font-family: @font_min;
            font-weight: normal;
            letter-spacing: .2em;
            padding: .3em 2em;
            &:hover{
                opacity: .7;
            }
        }
        &.btn_golf{
            background: @color_golf;
            border-color: @color_golf;
            color: #FFFFFF;
            line-height: 2;
            border-radius: 0;
            font-size: 1.6rem;
            font-family: @font_min;
            font-weight: bold;
            letter-spacing: .1em;
            padding: .3em 2em;
            &:before{
                content: "";
                display: inline-block;
                width: 2.5em;
                height: 2em;
                background: #FFFFFF;
                -webkit-mask-repeat: no-repeat;
                -webkit-mask-position:center left;
                -webkit-mask-image: url("assets/img/golf/ico_golf.svg");
                -webkit-mask-size: auto 80%;
                mask-repeat: no-repeat;
                mask-position: center left;
                mask-image: url("assets/img/golf/ico_golf.svg");
                mask-size: auto 80%;
                vertical-align: middle;
            }
        }
    }
    .more{
        text-align: right;
    }
    .row{
        &:after{
            clear: both;
            content: "";
            display: block;
            visibility: hidden;
        }
        .left{
            float: left;
        }
        .right{
            float: right;
        }
        @media screen and (max-width: @width_sp) {
            .left, .right{
                float: none;
                width: 100%;
            }

        }
    }
    .contact-address{
        &:after{
            clear: both;
            content: "";
            display: block;
            visibility: hidden;
        }
        .tel{
            font-size: 1.6rem;
            font-weight: bold;
            color: @color_sub;
            background: url("assets/img/ico_tel.svg") no-repeat center left;
            background-size: .7em auto;
            padding-left: 1em;
        }
        a{
            text-decoration: underline;
            display: inline-block;
            font-size: .9em;
            margin-left: .3em;
            margin-right: .3em;
        }
        .address-block{
            float: left;
        }
        .sns-list{
            float: right;
            li{
                list-style-type: none;
                img{
                    height: 52px;
                }
            }
        }
        @media screen and (max-width: @width_sp) {

            .address-block{
                float: none;
            }
            .sns-list{
                float: none;
                margin-top: 2rem;
                a{
                    display: block;
                    margin: 1rem auto 0;
                }
            }
        }
    }
}
#global-nav{
    background: @color_background;
    padding: 2px 1rem;
    ul{
        display: block;
        text-align: right;
        li{
            display: inline-block;
            margin-left: 1rem;
            a{
                font-family: @font_min;
                font-size: .9rem;
                color: @color_main;
                letter-spacing: .05em;
            }
        }
    }
}
#page-header{
    &.fixed{
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;

    }
    padding: 10px 1rem;
    background: rgba(255, 255, 255, 0.9);
    z-index: 10;
    &:after{
        clear: both;
        content: "";
        display: block;
        visibility: hidden;
    }
    .logo{
        float: left;
        a{
            display: inline-block;
            img{
                height: 40px;
            }
        }
        .golf{
            img{
                height: 20px;
                margin-top: 10px;
            }
        }
    }
    #page-navigation{
        float: right;
        ul{
            padding: 13px 0 0 ;
            margin: 0;
            display: block;
            li{
                padding: 0;
                margin: 0;
                list-style-type: none;
                display: inline-block;
                &:before{
                    content: "";
                    display: inline-block;
                    width: 6px;
                    height: 6px;
                    background: @color_main;
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-position:center center;
                    -webkit-mask-image: url("assets/img/ico_dot.svg");
                    -webkit-mask-size: contain;
                    mask-repeat: no-repeat;
                    mask-position: center center;
                    mask-image: url("assets/img/ico_dot.svg");
                    mask-size: contain;
                    vertical-align: middle;
                }
                &:first-child{
                    &:before{
                        display: none;
                    }
                }
                a{
                    font-family: @font_min;
                    font-size: .9rem;
                    font-weight: bold;
                    color: @color_golf;
                    letter-spacing: .05em;
                    padding: .3em .5em;
                }
                &.btn_reservation{
                    &:before{
                        display: none;
                    }
                    a{
                        background: @color_golf;
                        color: #FFFFFF;
                        padding: .5em .8em;
                    }
                }
                &.btn_contact{
                    &:before{
                        display: none;
                    }
                    a{
                        background: @color_main;
                        color: #FFFFFF !important;
                        padding: .5em .8em;
                    }
                }
            }
            &.showroom{
                li{
                    &:before{
                        background: @color_text;
                        opacity: .5;
                    }
                    a{
                        color: @color_main;
                    }
                }

            }
        }
    }
    #page-navigation-sp{
        display: none;
    }

    @media screen and (max-width: 860px){
        #page-navigation{
            ul{
                li{
                    a{
                        padding-left: .2em;
                        padding-right: .2em;
                        letter-spacing: 0;
                    }
                }
            }
        }
    }

    @media screen and (max-width: @width_sp) {
        padding: 0;
        .logo{
            padding-top: 4px;
            padding-left: 10px;
            a{
                text-align: center;
                img{
                    height: 2rem;
                }
            }
        }
        #page-navigation{
            display: none;
            float: none;
            width: 100%;
            padding-top: 42px;
            &.open{
                display: block;
            }
            ul{
                padding: 0;
                li{
                    display: block;
                    &:before{
                        display: none;
                    }
                    a{
                        display: block;
                        padding: 2em 1em;
                        font-size: 1rem;
                        text-align: center;
                    }
                }
            }
        }
        #page-navigation-sp{
            display: block;
            float: right;
            ul{
                &:after{
                    clear: both;
                    content: "";
                    display: block;
                    visibility: hidden;
                }
                li{
                    list-style-type: none;
                    float: left;
                    a{
                        height: 38px;
                        width: 38px;
                    }
                    &.btn_menu{
                        background: @color_golf;
                        padding: 6px;
                        border: 2px solid @color_golf;
                        height: 42px;
                        width: 42px;
                        #menu-btn{
                            width: 20px;
                            height: 18px;
                            display: inline-block;
                            vertical-align: middle;
                            z-index: 99;
                            background: none;
                            border: none;
                            position: relative;
                            &:before, &:after, span{
                                content: '';
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 2px;
                                background: #FFFFFF;
                                transition: all .4s ease;
                                -webkit-backface-visibility: hidden;
                                backface-visibility: hidden;
                                overflow: hidden;
                            }
                            span{
                                top: 8px;
                            }
                            &:after {
                                top: auto;
                                bottom: 0;
                            }
                            &.open{
                                &:before {
                                    -moz-transform: translateY(8px) rotate(-45deg);
                                    -webkit-transform: translateY(8px) rotate(-45deg);
                                    transform: translateY(8px) rotate(-45deg);
                                }

                                &:after {
                                    -moz-transform: translateY(-8px) rotate(45deg);
                                    -webkit-transform: translateY(-8px) rotate(45deg);
                                    transform: translateY(-8px) rotate(45deg);
                                }
                                span{
                                    display: none;
                                }
                            }
                        }
                        &.showroom{
                            background: @color_main;
                            border-color: @color_main;
                        }
                    }
                }
            }
        }
    }
}
#page-footer{
    background: @color_background;
    font-size: .9rem;
    a{
        text-decoration: none;
    }
    .section{
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .logo{
        margin-bottom: 1rem;
        img{
            margin-left: 0;
        }
    }
    #secFooter{
        .footer-menu{
            float: left;
            width: 48%;
            &:after{
                clear: both;
                content: "";
                display: block;
                visibility: hidden;
            }
            &>ul{
                float: left;
                width: 48%;
                margin-right: 2%;
            }
            li{
                list-style-type: none;
                line-height: 2;
                a{
                    color: @color_golf;
                }
            }
            .global-menu{
                a{
                    color: @color_main;
                    font-family: @font_min;
                }
            }
        }
        .footer-contact{
            float: right;
            width: 48%;
        }
        @media screen and (max-width: @width_sp) {
            .footer-menu, .footer-contact{
                float: none;
                width: 100%;
            }
            .footer-contact{
                border-top: 1px dotted @color_main;
                padding-top: 1.5rem;
            }
            .footer-menu{
                margin-bottom: 2rem;
            }
        }
    }
    .copyright{
        text-align: center;
        font-size: .8rem;
        color: #979797;
        a{
            color: #979797;
        }
    }
}
.gr-golf{
    .logo{
        .showroom, .company{
            display: none !important;
        }
    }
    .navbar-menu{
        &.showroom, &.company{
            display: none !important;
        }
    }
    #page-header{
        #page-navigation-sp{
            li{
                &.showroom, &.company{
                    display: none !important;
                }
            }
        }
    }
}
.gr-showroom{
    .logo{
        .golf, .company{
            display: none !important;
        }
    }
    .navbar-menu{
        &.golf, &.company{
            display: none !important;
        }
    }
    #page-header{
        #page-navigation-sp{
            li{
                &.golf, &.company{
                    display: none !important;
                }
            }
        }
    }
}
.gr-company{
    .logo{
        .golf, .showroom{
            display: none !important;
        }
    }
    .navbar-menu{
        &.golf, &.showroom{
            display: none !important;
        }
    }
    #page-header{
        #page-navigation-sp{
            li{
                &.golf, &.showroom{
                    display: none !important;
                }
            }
        }
    }
}
#page-main{
    min-height: calc(~"100vh - 372px");
    @media screen and (max-width: @width_sp) {
        min-height: calc(~"100vh - 483px");
    }
    .price{
        font-size: 2rem;
        font-family: @font_min;
        font-weight: normal;
        letter-spacing: 0;
        line-height: 1.2;
        @media screen and (max-width: @width_sp) {
            font-size: 1.5rem;
        }
    }

    .swiper-button-prev, .swiper-button-next{
        outline: none;
        &:after{
            color: #FFFFFF;
        }
    }
    .wpcf7-form{
        width: 560px;
        max-width: 100%;
        margin: 0 auto;
        p{
            margin-bottom: 0;
        }
        .field-block{
            margin-bottom: 2rem;
            &:after{
                clear: both;
                content: "";
                display: block;
                visibility: hidden;
            }
            .block-title{
                float: left;
                width: 9rem;
                &.required{
                    &:after{
                        content: "*";
                        color: @color_sub;
                        display: inline-block;
                        margin-left: .2em;
                    }
                }
                @media screen and (max-width: @width_sp) {
                    float: none;
                    width: 100%;
                }
            }
            .block-content{
                margin-left: 10rem;
                &:after{
                    clear: both;
                    content: "";
                    display: block;
                    visibility: hidden;
                }
                .field-block{
                    float: left;
                    width: 48%;
                    margin-bottom: 0;
                    .block-title{
                        width: 2rem;
                    }
                    .block-content{
                        margin-left: 3rem;
                    }
                    &:nth-of-type(2n){
                        float: right;
                    }
                }
                @media screen and (max-width: @width_sp) {
                    margin-left: 0;
                }
            }
            input,select, textarea{
                border-bottom: 1px solid @color_text;
                max-width: 100%;
            }
            select{
                padding-right: 2em;
                background: url("assets/img/ico_select.svg") no-repeat center right;
            }
        }
    }
    #secNews{
        background: @color_background;
        padding: 1rem 0;
        .section-title{
            float: left;
            padding-bottom: 0;
            h2{
                font-size: 1.2rem;
                line-height: 1.6;
                text-align: left;
            }
        }
        .section-contents{
            margin-left: 6rem;
            .entry-list{
                .entry-block{
                    &:after{
                        clear: both;
                        content: "";
                        display: block;
                        visibility: hidden;
                    }
                    .entry-date{
                        float: left;
                    }
                    .entry-title{
                        margin-left: 7em;
                        a{
                            text-decoration: underline;
                        }
                    }
                }
            }
        }
        @media screen and (max-width: @width_sp) {
            .container{
                padding-top: 0;
                padding-bottom: 0;
            }
            .section-title{
                float: none;
                margin-bottom: .5rem;
                border-top: 1px solid #cccccc;
                padding-top: 1rem;
            }
            .section-contents{
                margin-left: auto;
            }
        }
    }
    #secCafe{
        .section-title{
            h2{
                color: @color_main;
            }
        }
        .section-contents{
            img{
                width: 50%;
                float: left;
            }
            &:after{
                clear: both;
                content: "";
                display: block;
                visibility: hidden;
            }
        }
    }
    #secMessage{
        background: @color_background;
        .section-title{
            h2{
                span{
                    display: inline-block;
                    margin-left: 1em;
                }
            }
        }
        .content-block{
            float: left;
            width: 60%;
        }
        .images{
            float: right;
            width: 30%;
            text-align: right;
            font-family: @font_min;
            font-weight: bold;
            letter-spacing: .1em;
            img{
                box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.16);
                margin-bottom: 1rem;
            }
        }
        @media screen and (max-width: @width_sp) {
            .content-block{
                float: none;
                width: 100%;
            }
            .images{
                float: none;
                width: 100%;
                img{
                    width: 60%;
                }
            }
        }
    }
    #secAccess{
        background: @color_background_gray;
        .content-block{
            &+.content-block{
                border-top: 1px dotted @color_main;
                margin-top: 2rem;
                padding-top: 2rem;
            }
            h3{
                float: left;
                font-size: 1rem;
            }
            &>dl, &>.images{
                margin-left: 10rem;
            }
            dl{
                dt{
                    float: left;
                    &:after{
                        content: "：";
                    }
                }
                dd{
                    margin-left: 4rem;
                }
            }
            a{
                text-decoration: underline;
            }
            .images{
                img{
                    width: 45%;
                    margin-right: 4%;
                    display: inline-block;
                    margin-top: 1rem;
                }
            }
            .contact-address{
                margin: 4rem auto 0 10rem;
                .address-block{
                    width: 50%;
                }
                .sns-list{
                    float: left;
                }
            }
            @media screen and (max-width: @width_sp) {
                h3{
                    float: none;
                    margin-bottom: .5rem;
                }
                &>dl, &>.images{
                    margin-left: auto;
                }
                .images{

                    img{
                        width: 100%;
                        margin-right: auto;
                    }
                }
                .contact-address{
                    width: 100%;
                    margin: 0 auto;
                    .address-block{
                        width: 100%;
                    }
                    .sns-list{
                        float: none;
                    }
                }
            }
        }
    }
}
.archive{
    #page-main{
        #secTitle{
            @media screen and (max-width: @width_sp) {
                padding-bottom: 0;
            }
        }
        #sec01{
            padding-top: 0;
            .container{
                max-width: 900px;
            }
            .entry-list{
                .entry-block{
                    margin-bottom: 1em;
                    &:after{
                        clear: both;
                        content: "";
                        display: block;
                        visibility: hidden;
                    }
                    .entry-date{
                        float: left;
                    }
                    .entry-title{
                        margin-left: 7em;
                        a{
                            text-decoration: underline;
                        }
                    }
                }
            }
        }
    }
}
.error404{
    #page-main{
        #secTitle{
            padding-bottom: 0;
        }
        #sec01{
            text-align: center;
            @media screen and (max-width: @width_sp) {
                padding-top: 0;
                .container{
                    padding-top: 0;
                }
            }
        }
    }
}
.single{
    #page-main{
        &>.container{
            max-width: 900px;
        }
        #secTitle{
            @media screen and (max-width: @width_sp) {
                padding-bottom: 0;
            }
        }
        #sec01{
            padding-top: 0;

            .entry-block{
                .entry-title{
                    text-align: center;
                    margin-bottom: 3rem;
                    .entry-date{
                        color: #999999;
                        font-size: .9rem;
                        margin-top: 1rem;
                    }
                }
            }
        }
        #sec02{
            border-top: 1px solid @color_background_gray;
            .btn{
                font-size: 1rem;
            }
            .postnavigation{
                &:after{
                    clear: both;
                    content: "";
                    display: block;
                    visibility: hidden;
                }
                a{
                    display: inline-block;
                }
                .previous{
                    float: left;
                    width: 48%;
                    a{
                        background: url("assets/img/ico_arrow_left.svg") no-repeat left .4em;
                        background-size: auto .8em;
                        padding-left: 1em;
                    }
                }
                .next{
                    float: right;
                    width: 48%;
                    text-align: right;
                    a{
                        background: url("assets/img/ico_arrow_right.svg") no-repeat right .4em;
                        background-size: auto .8em;
                        padding-right: 1em;
                    }
                }
            }
        }
    }
}
.home{
    .section{
        .section-title{
            h2{
                color: @color_main;
            }
        }
    }
    #page-main{
        .menu-list{
            &:after{
                clear: both;
                content: "";
                display: block;
                visibility: hidden;
            }
            a{
                display: block;
                position: relative;
                float: left;
                width: 48%;
                margin-right: 4%;
                &:nth-of-type(2n){
                    margin-right: 0;
                }
                &:before{
                    content: "";
                    display: block;
                    background: rgba(56, 61, 21, 0.5);
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                }
                span{
                    display: block;
                    position: absolute;
                    left: 0;
                    top: 50%;
                    width: 100%;
                    transform: translateY(-50%);
                    text-align: center;
                    color: #FFFFFF;
                    font-family: @font_min;
                    font-weight: bold;
                    letter-spacing: .1em;
                }
            }

            @media screen and (max-width: @width_sp) {
                a{
                    font-size: .6rem;
                }
            }
        }
        #secMV{
            padding-top: 0;
            padding-bottom: 0;
            .menu-list{
                width: 90%;
                margin: 0 auto;
            }
            .mv-block{
                position: relative;
                .contents-block{
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(56, 61, 21, 0.5);
                }
                h1{
                    position: absolute;
                    left: 0;
                    top: 50%;
                    width: 100%;
                    transform: translateY(-50%);

                    color: #FFFFFF;
                    font-weight: normal;
                    font-family: @font_min;
                    text-align: center;
                    font-size: 3vw;
                    a{
                        color: #FFFFFF;
                        img{
                            max-width: 40%;
                        }
                    }
                    span{
                        display: block;
                        font-size: .5em;
                    }
                    @media screen and (max-width: @width_sp) {
                        font-size: 4vw;
                        span{
                            font-size: .8em;
                        }
                    }
                }
            }
            #mv_01{
                .contents-block{
                    background: transparent;
                }
                h1{
                    text-shadow:2px 2px 3px #ffffff;
                    color: @color_main;
                }
            }
        }
        #secConcept{
            background: linear-gradient( #ffffff 60%, rgba(194, 187, 170, 0.5) 90%, rgba(112, 97, 57, 0.11) 100% );
            .section-title{
                padding-bottom: 4rem;
            }
            .lead{
                text-align: center;
                font-family: @font_min;
                font-weight: bold;
                font-size: 1.68rem;
                letter-spacing: .2em;
                padding-bottom: 4rem;
                @media screen and (max-width: @width_sp) {
                    font-size: 1rem;
                    letter-spacing: 0;
                }
            }
            .images{
                margin-bottom: 4rem;
            }
        }
    }
}
.page-golf{
    #page-main{
        #secMV{
            background: @color_background;
            padding: 0;
            @media screen and (max-width: @width_sp) {
                //background: transparent;
            }
            .mv-block{
                color: #FFFFFF;
                position: relative;
                overflow: hidden;
                height: calc(~"100vh - 86px");
                &>img{
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    -webkit-transform: translateY(-50%) translateX(-50%);
                    transform: translateY(-50%) translateX(-50%);
                }
                .block-contents{
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    font-family: @font_min;
                    font-weight: bold;
                    letter-spacing: .1em;
                }
                .block-title{
                    font-size: 1.5rem;
                    border-bottom: 1px solid #FFFFFF;
                    margin-bottom: 1rem;
                    span{
                        display: block;
                        font-size: 1rem;
                    }
                }
                &.mv-video{
                    position: relative;
                    video{
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        -webkit-transform: translateY(-50%) translateX(-50%);
                        transform: translateY(-50%) translateX(-50%);
                    }
                    h1{
                        position: absolute;
                        left: 0;
                        width: 100%;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                        transform: translateY(-50%);
                    }
                }
                @media screen and (max-width: @width_sp) {
                    height: auto;
                    &>img{
                        position: relative;
                        left: auto;
                        top: auto;
                        -webkit-transform: translateY(0) translateX(0);
                        transform: translateY(0) translateX(0);
                        width: 100%;
                    }
                    .block-contents{
                        position: relative;
                        left: auto;
                        top: auto;
                        -webkit-transform: translateY(0);
                        transform: translateY(0);
                        padding: 10px 20px;
                        color: @color_text;
                        background: @color_background;
                    }
                    .block-title{
                        font-size: 1.3rem;
                        border-color: @color_main;
                        color: @color_text;
                        span{
                            display: block;
                            font-size: 1rem;
                        }
                    }
                    &.mv-video{
                        height: 80vw;
                        h1{
                            img{
                                width: 40%;
                            }
                        }

                    }
                }
            }
            #mv_02{
                background: #000000;
                .block-contents{
                    left: 56%;
                }
                @media screen and (max-width: @width_sp) {
                    .block-contents{
                        left: auto;
                    }

                }

            }
        }

        #secConcept{
            background: linear-gradient( #ffffff 60%, rgba(194, 187, 170, 0.5) 90%, rgba(112, 97, 57, 0.11) 100% );
            .section-title{
                padding-bottom: 4rem;
            }
            .lead{
                text-align: center;
                font-family: @font_min;
                font-weight: bold;
                font-size: 1.68rem;
                letter-spacing: .2em;
                padding-bottom: 4rem;
                @media screen and (max-width: @width_sp) {
                    font-size: 1rem;
                    letter-spacing: 0;
                }
            }
            .images{
                margin-bottom: 4rem;
            }

            .concept-list{
                margin-bottom: 4rem;
                &:after{
                    clear: both;
                    content: "";
                    display: block;
                    visibility: hidden;
                }
                .concept-block{
                    float: left;
                    width: 23.5%;
                    margin-right: 2%;
                    position: relative;
                    padding-bottom: 1em;
                    &:last-of-type{
                        margin-right: 0;
                    }
                    img{
                        width: 92%;
                    }
                    span{
                        display: block;
                        position: absolute;
                        right: 0;
                        bottom: 0;
                        background: rgba(56, 61, 21, 0.75);
                        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
                        padding: .5em 1em;
                        color: #FFFFFF;
                        font-family: @font_min;
                        letter-spacing: .1em;
                    }
                }
                @media screen and (max-width: @width_sp) {
                    margin-bottom: 2rem;
                    .concept-block{
                        width: 49%;
                        margin-bottom: 1rem;
                        &:nth-of-type(2n){
                            float: right;
                            margin-right: 0;
                        }
                        &:nth-of-type(2n+1){
                            clear: both;
                        }
                        span{
                            letter-spacing: 0;
                            padding: .5em;
                        }
                    }

                }
            }
            .supervisor-box{
                background: #f5f1ec;
                border: 4px solid @color_golf;
                box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.16);
                padding: 2rem 3rem;
                max-width: 890px;
                margin: 0 auto;
                &:after{
                    clear: both;
                    content: "";
                    display: block;
                    visibility: hidden;
                }
                &>img{
                    float: left;
                    width: 40%;
                }
                .block-contents{
                    margin-left: 50%;
                    padding-top: 2rem;
                    strong{
                        font-size: 1.18rem;
                        display: inline-block;
                        padding-top: .5em;
                        padding-bottom: .5em;
                    }
                }
                .block-title{
                    font-family: @font_min;
                    font-weight: bold;
                    font-size: 1.18rem;
                    margin-bottom: 2rem;
                    span{
                        font-size: 1.56rem;
                    }
                }
                @media screen and (max-width: @width_sp) {
                    padding: 1rem;
                    &>img{
                        width: 25%;
                    }
                    .block-contents{
                        margin-left: 30%;
                        padding-top: 0;
                        font-size: .9rem;
                        strong{
                            font-size: 1rem;
                            br{
                                display: none;
                            }
                        }
                    }

                    .block-title{
                        font-size: 1rem;
                        margin-bottom: 1rem;
                        span{
                            font-size: 1.5rem;
                        }
                    }
                }
            }
        }
        #secScience{
            .section-title{
                ul{
                    li{
                        list-style-type: none;
                        margin-left: 1.5em;
                        margin-top: 1em;
                        &:before{
                            content: "";
                            display: inline-block;
                            width: .8em;
                            height: 1em;
                            background: @color_main;
                            -webkit-mask-repeat: no-repeat;
                            -webkit-mask-position:center center;
                            -webkit-mask-image: url("assets/img/ico_checkmark.svg");
                            -webkit-mask-size: contain;
                            mask-repeat: no-repeat;
                            mask-position: center center;
                            mask-image: url("assets/img/ico_checkmark.svg");
                            mask-size: contain;
                            vertical-align: middle;
                            margin-left: -1.5em;
                            margin-right: .7em;
                        }
                    }
                }
            }
            .section-contents{
                h3{
                    font-family: @font_min;
                    font-weight: bold;
                    letter-spacing: .1em;
                    color: @color_main;
                    margin-bottom: 1rem;
                }
                .machine-list{
                    margin-top: 2rem;
                    &:after{
                        clear: both;
                        content: "";
                        display: block;
                        visibility: hidden;
                    }
                    .machine-block{
                        float: left;
                        width: 31%;
                        margin-right: 3.5%;
                        &:nth-of-type(3n){
                            margin-right: 0;
                        }
                        &:nth-of-type(3n + 1){
                            clear: both;
                        }
                        img{
                            display: block;
                            margin-bottom: 1rem;
                        }
                        h4{
                            font-family: @font_min;
                            font-weight: bold;
                            letter-spacing: .1em;
                            font-size: 1.16rem;
                            margin-bottom: .5rem;
                        }
                    }
                    @media screen and (max-width: @width_sp) {
                        .machine-block{
                            float: none;
                            width: 100%;
                            margin-right: auto;
                            margin-bottom: 2rem;
                        }
                    }
                }
                .lead{
                    background: #f5f1ec;
                    text-align: center;
                    padding: 1rem 2rem;
                    font-family: @font_min;
                    font-weight: bold;
                    letter-spacing: .1em;
                    font-size: 1.16rem;
                    margin: 2rem 5% 4rem;
                    @media screen and (max-width: @width_sp) {
                        margin-left: auto;
                        margin-right: auto;
                    }
                }
                .machine-list_02{
                    .machine-block{
                        &:after{
                            clear: both;
                            content: "";
                            display: block;
                            visibility: hidden;
                        }
                        img{
                            float: left;
                            width: 32%;
                        }
                        .block-contents{
                            margin-left: 35%;
                            div{
                                font-weight: bold;
                                color: @color_golf;
                                margin-bottom: .5rem;
                                margin-top: 1rem;
                            }
                        }
                        h4{
                            font-family: @font_min;
                            font-weight: bold;
                            letter-spacing: .1em;
                            font-size: 1.16rem;
                            margin-bottom: .5rem;
                        }
                        ul{
                            padding-left: 1em;
                            span{
                                display: inline-block;
                            }
                        }
                        @media screen and (max-width: @width_sp) {
                            img{
                                float: none;
                                width: 100%;
                                margin-bottom: 1rem;
                            }
                            .block-contents{
                                margin-left: auto;
                            }
                        }
                    }
                }
                .machine-list_03{
                    margin-top: 2rem;
                    &:after{
                        clear: both;
                        content: "";
                        display: block;
                        visibility: hidden;
                    }
                    .machine-block{
                        float: left;
                        width: 48%;
                        &:nth-of-type(2n){
                            float: right;
                        }
                        &:nth-of-type(2n + 1){
                            clear: both;
                        }
                        img{
                            display: block;
                            margin-bottom: 1rem;
                        }
                        h4{
                            font-family: @font_min;
                            font-weight: bold;
                            letter-spacing: .1em;
                            font-size: 1.16rem;
                            margin-bottom: .5rem;
                        }
                    }
                    @media screen and (max-width: @width_sp) {
                        .machine-block{
                            float: none;
                            width: 100%;
                            margin-bottom: 2rem;
                            &:nth-of-type(2n){
                                float: none;
                            }
                        }
                    }
                }
            }
        }
        #secRental{
            background: @color_background;
            .container{
                &:after{
                    clear: both;
                    content: "";
                    display: block;
                    visibility: hidden;
                }
                .section-title{
                    float: left;
                    width: calc(~"100% - 420px");
                    text-align: left;
                    margin-bottom: 2rem;
                    @media screen and (max-width: @width_sp) {
                        float: none;
                        width: 100%;
                        margin-bottom: 0;
                        padding-bottom: 0;
                    }
                    h2{
                        color: @color_main;
                    }

                    ul{
                        margin-bottom: 2rem;
                        padding-left: 1em;

                        li{
                            list-style-type: none;
                            margin-left: 1.5em;
                            margin-top: 1em;
                            font-family: @font_min;
                            font-size: 1.1rem;
                            &:before{
                                content: "";
                                display: inline-block;
                                width: .6em;
                                height: 3px;
                                background: @color_main;
                                vertical-align: middle;
                                margin-left: -1.5em;
                                margin-right: .7em;
                            }
                        }
                    }
                }
                .section-contents{
                    float: right;
                    width: 400px;
                    @media screen and (max-width: @width_sp) {
                        float: none;
                        width: 100%;
                    }
                }
                &>.contents-block{
                    clear: both;
                    h3{
                        text-align: center;
                        margin-bottom: 2rem;
                    }
                    @media screen and (max-width: @width_sp) {
                        h3{
                            margin-top: 3rem;
                        }
                    }
                }
            }
            .section-contents{
                .contents-block{
                    &:after{
                        clear: both;
                        content: "";
                        display: block;
                        visibility: hidden;
                    }
                    .price-list{
                        margin-bottom: 2rem;
                        border-collapse: collapse;
                        table{
                            width: 100%;
                            &+.block-title{
                                margin-top: 1rem;
                            }
                        }
                        .block-title{
                            border-bottom: 1px solid #999999;
                            span{
                                font-size: .8em;
                            }
                        }
                        th,td{
                            padding: .25em .5em .25em;
                        }
                        th{
                            font-weight: normal;
                            text-align: right;
                        }
                        td{
                            width: 280px;
                        }
                        .price{
                            display: inline-block;
                            width: 90px;
                            text-align: right;
                        }
                        p{
                            margin-top: 1rem;
                        }
                    }
                    @media screen and (max-width: @width_sp) {
                        ul, .price-list{
                            float: none;
                            width: 100%;
                        }
                        .price-list{
                            .price{
                                width: 62px;
                            }
                            td{
                                width: 200px;
                            }
                        }
                    }
                }

                .btn_golf{
                    font-size: 1.15rem;
                }
                @media screen and (max-width: @width_sp) {
                    .btn_golf{
                        font-size: 1rem;
                    }
                }

            }
            .user-list{
                text-align: center;
                .user-block{
                    display: inline-block;
                    width: 200px;
                    margin: 0 .5rem;
                    max-width: calc(~"50% - 1.5rem");
                }
            }
        }
        #secMentor{
            background: @color_background_gray;
            .title_01{
                .nayami-block{
                    .block-title{
                        background: @color_background_gray;
                    }
                }
                @media screen and (max-width: @width_sp) {
                    h2,.lead{
                        text-align: center;
                    }
                    .lead{
                        margin-top: 1rem;
                    }
                }
            }
            .section-contents{
                &:after{
                    clear: both;
                    content: "";
                    display: block;
                    visibility: hidden;
                }
                .content-block{
                    float: right;
                    width: 50%;
                    @media screen and (max-width: @width_sp) {
                        float: none;
                        width: 100%;
                    }
                }
                .mentor-list{
                    float: left;
                    width: 44%;
                    &:after{
                        clear: both;
                        content: "";
                        display: block;
                        visibility: hidden;
                    }
                    .mentor-block{
                        float: left;
                        width: 46%;
                        &:nth-of-type(2n){
                            float: right;
                        }
                        img{
                            margin-bottom: 1rem;
                        }
                        h4{
                            margin-bottom: .5rem;
                        }
                        p{
                            font-size: .87rem;
                        }
                    }
                    @media screen and (max-width: @width_sp) {
                        float: none;
                        width: 100%;
                    }
                }
                .pga{
                    margin-top: 4rem;
                    &:after{
                        clear: both;
                        content: "";
                        display: block;
                        visibility: hidden;
                    }
                    img{
                        float: left;
                        width: 90px;
                        margin: 0 10px 10px 0;
                    }
                    p{
                        margin-left: 110px;
                        font-size: .87rem;
                    }
                    @media screen and (max-width: @width_sp) {
                        margin-top: 2rem;
                        p{
                            margin-left: 0;
                        }
                    }
                }
            }
        }
        #secConditioning{
            .section-title{
                h2{
                    line-height: 1.3;
                }
                @media screen and (max-width: @width_sp) {
                    h2{
                        span{
                            font-size: 1rem;
                        }
                    }
                    .lead{
                        text-align: left;
                        font-size: 1rem;
                    }
                }
            }
            .section-contents{
                .machine-nav{
                    max-width: 600px;
                    margin: 0 auto 2rem;

                    &:after{
                        clear: both;
                        content: "";
                        display: block;
                        visibility: hidden;
                    }
                    li{
                        list-style-type: none;
                        float: left;
                        width: 48%;
                        margin-right: 4%;
                        &:nth-of-type(2n){
                            margin-right: 0;
                        }
                        a{
                            display: block;
                            position: relative;
                            span{
                                display: block;
                                position: absolute;
                                left: 0;
                                top: 0;
                                width: 100%;
                                height: 100%;
                                background: rgba(56, 61, 21, 0.5);
                                text-align: center;
                                color: #FFFFFF;
                                font-family: @font_min;
                                font-weight: bold;
                                letter-spacing: .1em;
                                padding-top: 30%;
                                @media screen and (max-width: @width_sp) {
                                    font-size: 2.6vw;
                                }
                            }
                        }
                    }
                }
                .machine-list{
                    .machine-block{
                        position: relative;
                        padding-top: 2rem;
                        padding-bottom: 2rem;
                        margin-bottom: 2rem;
                        &:before{
                            content: "";
                            display: block;
                            position: absolute;
                            right: 0;
                            top: 0;
                            width: 75%;
                            height: 100%;
                            background: rgba(56, 61, 21, 0.5);
                            z-index: -1;
                        }
                        img{
                            float: left;
                            width: 38%;
                        }
                        .block-contents{
                            margin-left: 43%;
                            color: #FFFFFF;
                            padding-right: 2rem;
                        }
                        h3{
                            font-family: @font_min;
                            font-weight: bold;
                            letter-spacing: .1em;
                            margin-bottom: 1rem;
                            font-size: 1.3rem;
                        }
                        @media screen and (max-width: @width_sp) {
                            padding: 1rem;
                            &:before{
                                top: 2rem;
                                width: 100%;
                                height: calc(~"100% - 2rem");
                            }
                            img{
                                float: none;
                                width: 100%;
                                margin-top: -2rem;
                                margin-bottom: 1rem;
                            }
                            .block-contents{
                                margin-left: auto;
                                padding-right: 0;
                            }
                            h3{
                                font-size: 1.14rem;
                            }
                        }
                        &:nth-of-type(2n){
                            &:before{
                                right: auto;
                                left: 0;
                            }
                            img{
                                float: right;
                            }
                            .block-contents{
                                margin-left: 0;
                                margin-right: 43%;
                                padding-left: 2rem;
                                padding-right: 0;
                            }
                            @media screen and (max-width: @width_sp) {
                                .block-contents{
                                    margin-right: 0;
                                    padding-left: 0;
                                }

                            }
                        }
                    }
                }
            }
        }
        #secMaintenance{
            .section-title{
                @media screen and (max-width: @width_sp) {
                    h2{
                        span{
                            font-size: 1rem;
                            letter-spacing: 0.1em;
                        }
                    }
                    .lead{
                        text-align: left;
                        font-size: 1rem;
                    }
                }
            }
            .section-contents{
                .machine-list{
                    .machine-block{
                        position: relative;
                        padding-top: 2rem;
                        padding-bottom: 2rem;
                        margin-bottom: 2rem;
                        &:before{
                            content: "";
                            display: block;
                            position: absolute;
                            right: 0;
                            top: 0;
                            width: 75%;
                            height: 100%;
                            background: rgba(56, 61, 21, 0.5);
                            z-index: -1;
                        }
                        img{
                            float: left;
                            width: 38%;
                        }
                        .block-contents{
                            margin-left: 43%;
                            color: #FFFFFF;
                            padding-right: 2rem;
                        }
                        h3{
                            font-family: @font_min;
                            font-weight: bold;
                            letter-spacing: .1em;
                            margin-bottom: 1rem;
                            font-size: 1.3rem;
                        }
                        @media screen and (max-width: @width_sp) {
                            padding: 1rem;
                            &:before{
                                top: 2rem;
                                width: 100%;
                                height: calc(~"100% - 2rem");
                            }
                            img{
                                float: none;
                                width: 100%;
                                margin-top: -2rem;
                                margin-bottom: 1rem;
                            }
                            .block-contents{
                                margin-left: auto;
                                padding-right: 0;
                            }
                            h3{
                                font-size: 1.14rem;
                            }
                        }
                        &:nth-of-type(2n){
                            &:before{
                                right: auto;
                                left: 0;
                            }
                            img{
                                float: right;
                            }
                            .block-contents{
                                margin-left: 0;
                                margin-right: 43%;
                                padding-left: 2rem;
                                padding-right: 0;
                            }
                            @media screen and (max-width: @width_sp) {
                                .block-contents{
                                    margin-right: 0;
                                    padding-left: 0;
                                }

                            }
                        }
                    }
                }
            }
        }
        #secTaiken{
            .section-title{
                &:after{
                    clear: both;
                    content: "";
                    display: block;
                    visibility: hidden;
                }
                h2{
                    float: left;
                    font-size: 1.6rem;
                    text-align: left;
                    vertical-align: top;
                }
                .lead{
                    margin: 0 auto 0 160px;
                    text-align: left;
                }
                @media screen and (max-width: @width_sp) {
                    h2{
                        float: none;
                        font-size: 2rem;
                        text-align: center;
                        margin-bottom: 1rem;
                    }
                    .lead{
                        margin: 0 auto;
                        br{
                            display: none;
                        }
                    }
                }
            }
            .section-contents{
                .taiken-list{
                    .taiken-block{
                        background: @color_background;
                        padding: 2rem;
                        margin-bottom: 1rem;
                        &:after{
                            clear: both;
                            content: "";
                            display: block;
                            visibility: hidden;
                        }
                        .images{
                            float: left;
                            width: 46%;
                            margin-bottom: 2rem;
                            &>img{
                                width: 85%;
                                margin-left: 0;
                                &:nth-of-type(2n){
                                    width: 70%;
                                    margin-left: 30%;
                                    margin-top: -80px;
                                }
                            }
                            @media screen and (max-width: @width_sp) {
                                float: none;
                                width: 100%;
                                margin-bottom: 0;
                            }
                        }
                        .block-contents{
                            float: right;
                            width: 50%;
                            margin-bottom: 2rem;
                            @media screen and (max-width: @width_sp) {
                                float: none;
                                width: 100%;
                            }
                            .block-title{
                                font-family: @font_min;
                                font-weight: bold;
                                letter-spacing: .1em;
                                margin-bottom: 1rem;
                                font-size: 1.3rem;
                                span{
                                    display: block;
                                    font-size: 1rem;
                                }
                            }
                            .normal-price, .special-price{
                                font-family: @font_min;
                                font-weight: bold;
                                letter-spacing: .1em;
                                margin-right: 1rem;
                                font-size: .9rem;
                                .price{
                                    color: #600000;
                                }
                                &.pc{
                                    display: inline-block;
                                }
                                &.sp{
                                    display: none;
                                }
                                @media screen and (max-width: @width_sp) {
                                    &.pc{
                                        display: none;
                                    }
                                    &.sp{
                                        margin-top: .5rem;
                                        display: block;
                                    }
                                }
                            }
                            hr{
                                margin-top: 1rem;
                                border: none;
                                border-top: 1px solid rgba(51, 51, 51, 0.50);
                                padding-top: 1rem;
                            }
                            .steps {
                                margin-bottom: 2rem;
                                li{
                                    list-style-type: none;
                                    &:after{
                                        content: "　";
                                        display: block;
                                        background: @color_main;
                                        -webkit-mask-repeat: no-repeat;
                                        -webkit-mask-position: left center;
                                        -webkit-mask-image: url("assets/img/ico_arrow_down.svg");
                                        -webkit-mask-size: 1rem auto;
                                        mask-repeat: no-repeat;
                                        mask-position: left center;
                                        mask-image: url("assets/img/ico_arrow_down.svg");
                                        mask-size: 1rem auto;
                                        vertical-align: middle;
                                    }
                                    &:last-of-type{
                                        &:after{
                                            display: none;
                                        }
                                    }
                                }
                            }
                            .special-offer{
                                font-family: @font_min;
                                font-weight: bold;
                                font-size: 1.16rem;
                                span{
                                    display: block;
                                    font-size: .9rem;
                                    letter-spacing: .1em;
                                }
                            }
                        }
                        .btns{
                            clear: both;
                        }
                    }
                }
            }
        }
        #secPriceList{
            background: @color_background_gray;
            .section-title{
                float: left;
                width: 40%;
                text-align: right;
                h2{
                    text-align: left;
                    border-left: 4px solid @color_main;
                    padding-left: .5rem;
                    display: inline-block;
                }
                @media screen and (max-width: @width_sp) {
                    float: none;
                    width: 100%;
                    text-align: center;
                    h2{
                        text-align: center;
                        border-left: none;
                        padding-left: 0;
                        display: block;
                    }
                }
            }
            .section-contents{
                margin-left: 50%;
                table{
                    th{
                        font-weight: normal;
                        text-align: left;
                        padding-right: 2em;
                    }
                    td{
                        color: @color_main;
                        text-align: left;
                    }
                }
                .mention{
                    margin-top: 2rem;
                    font-size: .8rem;
                }
                @media screen and (max-width: @width_sp) {
                    margin-left: auto;
                    table{
                        width: 100%;
                        th,td{
                            width: 50%;
                        }
                    }

                }
            }
        }
        #secLesson{

            h2{
                span{
                    font-size: 2rem;
                    @media screen and (max-width: @width_sp) {

                        font-size: 1.4rem;
                    }
                }
            }
            .lesson-list{
                &:after{
                    clear: both;
                    content: "";
                    display: block;
                    visibility: hidden;
                }
                .lesson-block{
                    float: left;
                    width: 48%;
                    background: @color_background_gray;
                    padding: 2rem;
                    margin-bottom: 2rem;
                    &:nth-of-type(2n){
                        float: right;
                    }
                    img{
                        margin-bottom: 1rem;
                    }
                    .block-title{
                        font-family: @font_min;
                        font-weight: bold;
                        letter-spacing: .1em;
                        margin-bottom: 1rem;
                        span{
                            font-size: 2rem;
                            font-family: @font_min;
                            font-weight: normal;
                            letter-spacing: 0;
                        }
                    }
                    .normal-price, .special-price{
                        display: inline-block;
                        font-family: @font_min;
                        font-weight: bold;
                        letter-spacing: .1em;
                        margin-right: 1rem;
                        font-size: .9rem;
                        .price{
                            color: #600000;
                        }
                        &.pc{
                            display: inline-block;
                        }
                        &.sp{
                            display: none;
                        }
                        @media screen and (max-width: @width_sp) {
                            &.pc{
                                display: none;
                            }
                            &.sp{
                                margin-top: .5rem;
                                display: block;
                            }
                        }
                    }
                    .btn_golf{
                        font-size: 1rem;
                    }
                    @media screen and (max-width: @width_sp) {
                        float: none;
                        width: 100%;
                        padding: 1rem;
                    }
                }
            }
            .lesson-free-block{
                border: 2px solid @color_main;
                padding: 2rem;
                .images{
                    float: right;
                    width: 40%;
                }
                .block-contents{
                    margin-right: 50%;
                }
                .block-title{
                    font-family: @font_min;
                    font-weight: bold;
                    letter-spacing: .1em;
                    font-size: 1.3rem;
                    color: @color_golf;
                    margin-bottom: 1rem;
                }
                .block-price{
                    width: 340px;
                    max-width: 100%;
                    margin: 1rem auto .5rem;
                    text-align: right;
                    &+p{
                        text-align: center;
                    }
                }
                @media screen and (max-width: @width_sp) {
                    padding: 1rem;
                    .images{
                        float: none;
                        width: 100%;
                        margin-bottom: 1rem;
                    }
                    .block-contents{
                        margin-right: auto;
                    }
                    .block-price{
                        width: 280px;
                    }

                }
            }
        }
    }
}
.page-form, .page-member{
    #page-main{
        #secTitle{
            @media screen and (max-width: @width_sp) {
                padding-bottom: 0;
            }
        }
        .section{
            .lead{
                text-align: center;
                margin-bottom: 4rem;
            }
        }
    }
}
.page-showroom{
    .section{
        .section-title{
            h2{
                color: @color_main;
                span{
                    color: @color_text;
                }
            }
        }
    }
    #page-main{
        #secMV{
            padding: 0;

            .swiper-button-prev, .swiper-button-next{
                outline: none;
                &:after{
                    color: @color_main;
                }
            }
        }
        #secMission{
            .section-title{
                padding-bottom: 4rem;
            }
            .lead{
                text-align: center;
                font-family: @font_min;
                font-weight: bold;
                font-size: 1.3rem;
                letter-spacing: .2em;
                line-height: 2;
                padding-bottom: 4rem;
                @media screen and (max-width: @width_sp) {
                    font-size: .9rem;
                    letter-spacing: 0;
                }
            }
            h3{
                color: @color_main;
                font-family: @font_min;
                font-weight: bold;
                font-size: 1.3rem;
                letter-spacing: .1em;
                margin-top: 2em;
                margin-bottom: 1em;
                text-align: center;
                @media screen and (max-width: @width_sp) {
                    margin-top: 0;
                    margin-bottom: .5rem;
                }
            }
            .project-list{
                margin-bottom: 4rem;
                &:after{
                    clear: both;
                    content: "";
                    display: block;
                    visibility: hidden;
                }
                .project-block{
                    float: left;
                    width: 46%;
                    position: relative;
                    padding-bottom: 1em;
                    &:nth-of-type(2n){
                        float: right;
                    }
                    h3{
                        text-align: left;
                    }
                }
                @media screen and (max-width: @width_sp) {
                    margin-bottom: 0;
                    .project-block{
                        float: none;
                        width: 100%;
                        &:nth-of-type(2n){
                            float: none;
                        }
                    }
                }
            }
        }
        #secJisseki{
            background: linear-gradient( #ffffff 60%, rgba(194, 187, 170, 0.5) 90%, rgba(112, 97, 57, 0.11) 100% );
            .section-title{
                h2{
                    font-weight: bold;
                    font-size: 1.58rem;;
                }
            }
            video{
                display: block;
                width: 100%;
            }
            .jisseki-list{
                margin-bottom: 4rem;
                &:after{
                    clear: both;
                    content: "";
                    display: block;
                    visibility: hidden;
                }
                h4{
                    font-size: 1.2rem;
                    font-family: @font_title;
                    margin-bottom: .5rem;
                }
                .jisseki-block{
                    float: left;
                    width: 32%;
                    margin-right: 2%;
                    &:nth-of-type(3n){
                        margin-right: 0;
                    }
                    &:nth-of-type(3n+1){
                        clear: both;
                    }
                    img{
                        margin-bottom: .3rem;
                    }
                    font-size: .8rem;
                }
                @media screen and (max-width: @width_sp) {
                    h4{
                        font-size: 1rem;
                    }
                    .jisseki-block{
                        width: 49%;
                        margin-right: 2%;
                        &:nth-of-type(3n){
                            margin-right: 2%;
                        }
                        &:nth-of-type(3n+1){
                            clear: none;
                        }
                        &:nth-of-type(2n){
                            margin-right: 0;
                        }
                        &:nth-of-type(3n+1){
                            clear: both;
                        }
                    }
                }
            }
            .jisseki_ba-list{
                margin-bottom: 4rem;
                &:after{
                    clear: both;
                    content: "";
                    display: block;
                    visibility: hidden;
                }
                h4{
                    font-weight: normal;
                    margin-bottom: .5rem;
                }
                .jisseki_ba-block{
                    float: left;
                    width: 49%;
                    margin-right: 2%;
                    margin-bottom: 1rem;
                    &:nth-of-type(2n){
                        margin-right: 0;
                    }
                    &:nth-of-type(2n+1){
                        clear: both;
                    }
                    &:after{
                        clear: both;
                        content: "";
                        display: block;
                        visibility: hidden;
                    }
                }
                .jisseki_ba-contents{
                    float: left;
                    width: 49%;
                    margin-right: 2%;
                    &:nth-of-type(2n){
                        margin-right: 0;
                    }
                    &:nth-of-type(2n+1){
                        clear: both;
                    }
                    position: relative;
                    img{
                        display: block;
                        width: 100%;
                        margin: 0 auto;
                    }
                    .jisseki_ba-title{
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        width: 100%;
                        padding: .3em .5em;
                        background: rgba(0,0,0,.6);
                        color: #FFFFFF;
                        font-size: .8rem;
                    }
                }
                @media screen and (max-width: @width_sp) {
                    .jisseki_ba-block{
                        float: none;
                        width: 100%;
                        margin-right: auto;
                    }
                }
            }
            .jisseki_other-list{
                margin-bottom: 4rem;
                &:after{
                    clear: both;
                    content: "";
                    display: block;
                    visibility: hidden;
                }
                .jisseki_other-block{
                    float: left;
                    width: 24%;
                    margin-right: 1.33%;
                    &:nth-of-type(4n){
                        margin-right: 0;
                    }
                    &:nth-of-type(4n+1){
                        clear: both;
                    }
                    img{
                        margin-bottom: .3rem;
                    }
                    font-size: .8rem;
                }
                @media screen and (max-width: @width_sp) {
                    .jisseki_other-block{
                        width: 49%;
                        margin-right: 2%;
                        &:nth-of-type(4n){
                            margin-right: 2%;
                        }
                        &:nth-of-type(2n){
                            margin-right: 0;
                        }
                        &:nth-of-type(2n+1){
                            clear: both;
                        }
                    }
                }
            }
            h3{
                text-align: center;
                padding-top: 2rem;
                padding-bottom: 2rem;
                font-family: @font_title;
                font-size: 1.3rem;
                color: @color_main;
                @media screen and (max-width: @width_sp) {
                    font-size: 1.2rem;
                    img{
                        max-width: 60%;
                    }
                }
            }
            .yuragi-block{
                position: relative;
                margin-top: 4rem;
                img{
                    width: 46%;
                    margin-left: 0;
                }
                div{
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translateY(-50%);

                    font-family: @font_min;
                    font-weight: bold;
                    font-size: 1.3rem;
                    letter-spacing: .1em;
                }
                @media screen and (max-width: @width_sp) {
                    margin-top: 2rem;
                    div{
                        font-size: 1rem;
                        letter-spacing: 0;
                    }
                }

            }

        }
        #secCompany{
            background: @color_background_gray;

            .section-title{
                h2{
                    line-height: 1.3;
                }
            }
            .section-contents{
                dl{
                    width: 460px;
                    max-width: 100%;
                    margin: 0 auto;
                    &:after{
                        clear: both;
                        content: "";
                        display: block;
                        visibility: hidden;
                    }
                    dt{
                        float: left;
                        font-weight: bold;
                        margin-bottom: 1rem;
                    }
                    dd{
                        margin-left: 100px;
                        margin-bottom: 1rem;
                    }
                }
                @media screen and (max-width: @width_sp) {
                    dl{
                        dd{
                            margin-left: 80px;
                        }
                    }
                }
            }
        }
    }
}