@charset 'UTF-8';

@media only screen and (max-width:1280px){
    html,body{
        min-width:1280px;
    }
}

.main-header__upper__sptoggler{
    display:none;
}
.main-drawer{
    display:none;
}

@media only screen and (max-width:991px){
    :root{
        --px1:calc(100vw / 1920 * 2);
    }
    html,body{
        min-width:inherit;
    }
    body{
        padding-top:calc(100 * var(--px1));
    }

    .wrap, body.home .wrap{
        padding:0 20px;
    }

    /* HEADER */
    .main-header__upper{
        justify-content:flex-start;
    }
    .drawer-active .main-header .main-header__upper{
        height:calc(60 * var(--px1));
    }
    .drawer-active .main-header .main-header__upper__left__logo img{
        width:calc(160 * var(--px1));
    }
    .main-header__upper__left{
        width:180px;
        justify-self:flex-start;
    }
    .main-header__upper__right{
        width:calc(420 * var(--px1));
        margin-left:auto;
    }
    .main-header__bottom{
        display:none;
    }

    /* DRAWER */
    .main-header__upper__sptoggler{
        display:block;
        width:60px;
    }
    .drawer-toggler{
        display:block;
        position:relative;
        width:100%;
        height:100%;
        background:var(--color-bg-green);
        cursor:pointer;
    }
    .drawer-toggler span{
        display:block;
        position:absolute;
        width:50%;
        height:2px;
        border-radius:100vh;
        background:#FFF;
        left:25%;
        top:calc(50% - 1px);
        transition:var(--transition-quick);
    }
    .drawer-toggler span:nth-child(1){
        transform:translateY(calc(-1 * 12 * var(--px1)));
    }
    .drawer-toggler span:nth-child(3){
        transform:translateY(calc( 12 * var(--px1)));
    }
    .drawer-toggler.open span:nth-child(1){
        transform:rotate(45deg);
    }
    .drawer-toggler.open span:nth-child(2){
        opacity:0;
    }
    .drawer-toggler.open span:nth-child(3){
        transform:rotate(-45deg);
    }

    .main-drawer{
        display:block;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        padding:100px 20px 20px;
        background:var(--color-bg-green);
        z-index:99;
        transition:var(--transition-quick);
        transform:translateY(-100%);
    }
    .main-drawer.open{
        transform:translateY(0);
    }
    .main-drawer__inner{
        width:100%;
        height:100%;
        overflow-y:scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .main-drawer__inner::-webkit-scrollbar {
        display: none;
    }

    .main-drawer__links li{
        margin-bottom:20px;
        font-size:18px;
        text-align:center;
        font-weight:bold;
    }
    .main-drawer__links li a{
        color:var(--color-gold);
    }
    .main-drawer__links li a small{
        display:block;
        font-size:75%;
        color:#FFF;
    }

    /* FOOTER */
    .main-footer__bottom__content__flex{
        flex-wrap:wrap;
        gap:50px 20px;
    }
    .main-footer__bottom__content__flex__info{
        order:3;
        width:100%;
    }
    .main-footer__bottom__content__flex__contents{
        order:2;
    }
    .main-footer__bottom__content__flex__reservation{
        order:1;
    }
    .main-footer__content__flex__reservation__links{
        width:320px;
    }

    .main-header__upper__right__links{
        width:100%;
    }


    /* TOP */
    .top-mv__cover__upper{
        font-size:calc(40 * var(--px1));
    }

    .top-news{
        padding-bottom:0;
    }
    .top-news__flex{
        flex-wrap:wrap;
        justify-content:center;
        gap:30px;
    }

    .top-course{
        padding-bottom:0;
    }
    .top-course__content{
        width:100%;
    }
    .top-course__title__en{
        font-size:calc(140 * var(--px1));
        transform:translateX(-4%);
    }
    .top-course__img {
        width: 100%;
        position: relative;
        right: 0;
        bottom: inherit;
        margin-top: 50px;
    }

    .top-pagelinks{
        grid-template-columns:1fr;
    }
    .top-pagelink__bg{
        height:300px;
    }
    .top-pagelink__bg img{
        filter:none;
    }

    .top-guide__title{
        font-size:calc(120 * var(--px1));
        top:0;
        left:0;
    }
    .top-guide__flex{
        flex-wrap:wrap;
    }
    .top-guide__flex__content{
        padding-top:50px;
        width:100%;
    }

    .top-tagcard__box{
        width:100%;
        transform:none;
    }
    .top-tagcard__box__border{
        display:none;
    }
    .top-tagcard__box__features{
        grid-template-columns:1fr;
    }
    .top-tagcard__box__img{
        margin:0 auto 30px;
    }
    .top-tagcard__title{
        font-size:calc(32 * var(--px1));
    }

    .top-access{
        padding:150px 0;
        background-size:cover;
        background-position:bottom center;
    }
    .top-access__flex{
        flex-wrap:wrap;
    }
    .top-access__flex__content{
        padding-top:60px;
    }

    /* CONCEPT */
    .concept-mv__bg__mainimg{
        height:140%;
    }
    .concept-mv__bg__cover img{
        height:100%;
    }

    .concept-convenience__head{
        flex-wrap:wrap;
        gap:80px;
        margin-bottom:80px;
    }
    .concept-convenience__head__img__mainimg{
        width:100%;
    }
    .concept-convenience__head__img__mainimg__hvtext{
        right:0;
    }
    .concept-convenience__head__titles{
        margin-right:auto;
    }
    .concept-easy__head__img,
    .concept-compe__head__img{
        width:100%;
    }
    .concept-convenience__head__img__mainimg__hvtext,
    .concept-easy__head__text,
    .concept-compe__head__text{
        font-size:9vw;
    }
    .concept__convenience__texts{
        grid-template-columns:1fr;
        gap:30px 0;
    }
    .concept-easy{
        padding-top:0;
    }
    .concept-section__flex{
        flex-wrap:wrap;
        gap:50px;
        justify-content:flex-start;
        flex-direction:row !important;
    }
    .concept-section__flex__content{
        width:100%;
    }
    .concept-section__flex__img{
        width:100%;
    }


    /* COMMON */
    .common-mv{
        height:400px;
    }

    .page-bottomlink__title{
        left:20px;
    }
    .page-bottomlink__title--en{
        font-size:3vw;
    }


    /* COURSE */
    .course-archive-map__tables{
        grid-template-columns:1fr;
        gap:50px;
    }
    .course-archive-map__halls{
        grid-template-columns: 1fr;
        gap:30px;
    }
    .course-archive__articles{
        grid-template-columns: repeat(2,1fr);
    }

    /* FACILITY */
    .facility-head__flex{
        gap:50px;
    }
    .facility-head__hvtext{
        font-size:12vw;
    }
    .facility-head__flex__content,
    .facility-head__flex__img{
        width:100%;
    }
    .facility-head__img img{
        max-width:100%;
    }
    .facility-pagelinks{
        padding-top:80px;
    }
    .facility__sectionflex{
        gap:40px;
    }

    /* GUIDE */
    .guide-top__flex{
        gap:50px;
    }
    .guide-top__flex__content,
    .guide-top__flex__img{
        width:100%;
    }
    .guide-top__img img{
        max-width:100%;
    }
    .guide-plans{
        gap:30px;
    }
    .guide-plan__info{
        height:auto;
        gap:20px;
    }
    .guide-drinkplan{
        gap:20px;
    }
    .guide-drinkplan__price--text{
        gap:10px;
    }

    /* RESTAURANT */
    .restaurant-concept__flex{
        gap:50px;
    }
    .restaurant-concept__flex__content,
    .restaurant-concept__flex__slider{
        width:100%;
    }
    .restaurant-menusec{
        padding-top:80px;
    }
    .restaurant-menu{
        gap:40px;
    }
    .restaurant-menu__img,
    .restaurant-menu__content{
        width:100%;
    }
    .restaurant-menu__exmenus table td dl dt{
        font-size:20px;
    }

    /* GREEN KEEPER */
    .greenkeeper-intsec__head{
        gap:30px;
        margin-bottom:60px;
    }
    .greenkeeper-intsec__head__title{
        width:100%;
        padding:20px !important;
    }
    .greenkeeper-intsec__title{
        font-size:4vw;
    }

    /* MEMBER PAGE */
    .memberpage-pdf__container{
        width:100%;
        max-width:calc(922 * var(--px1));
    }
	
	.course-single-article__flex{
		display: block;
	}
    .course-single-article__flex__content{
        width: 100%;
        margin-bottom: 30px;
    }
    .course-single-article__flex__img{
        width: 100%;
        text-align: center;
    }
}

.sp_only{
    display:none;
}

@media only screen and (max-width:767px){
    :root{
        --px1:0.6px;
    }
    .sp_only{
        display:block;
    }
    .pc_only{
        display:none;
    }
    body{
        padding-top:50px;
        padding-bottom:50px;
    }
    .wrap, body.home .wrap{
        overflow:visible;
    }

    /* COMMON PARTS */
    .viewmore a{
        font-size:14px;
    }

    /* HEADER */
    .main-header__upper{
        height:50px;
    }
    .drawer-active .main-header .main-header__upper,
    .main-header.scrolled .main-header__upper{
        height:50px;
    }
    .main-header__upper__right{
        position:fixed;
        z-index:999;
        bottom:0;
        left:0;
        width:100%;
        height:50px;
    }
    .main-header__upper__right__links__link__text{
        font-size:2.8vw;
    }
    .main-header__upper__sptoggler{
        margin-left:auto;
    }
    .main-header__upper__left__logo img{
        width:130px;
        vertical-align:top;
    }
    .drawer-active .main-header .main-header__upper__left__logo img,
    .main-header.scrolled .main-header__upper__left__logo img{
        width:130px;
    }

    /* DRAWER */
    .main-drawer{
        padding-top:50px;
        padding-bottom:50px;
    }
    .main-drawer__inner{
        padding:50px 0;
    }
    .main-drawer__links li{
        font-size:16px;
    }

    /* FOOTER */
    .main-footer__content__title{
        font-size:20px;
    }
    .main-footer__bottom__content__flex__reservation{
        width:100%;
    }
    .main-footer__content__flex__reservation__links{
        width:100%;
    }
    .main-footer__content__flex__reservation__links li a{
        font-size:14px;
    }
    .main-footer__bottom__content__flex__contents{
        width:100%;
    }
    .main-footer__bottom__content__flex__contents__menus{
        flex-wrap:wrap;
        gap:0;
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:20px;
    }
    .main-footer__content__flex__contents__menu{
        width:100%;
    }
    .main-footer__content__flex__contents__menu li{
        font-size:14px;
        margin-bottom:8px;
    }
    .main-footer__content__flex__contents__snslinks__title{
        font-size:16px;
    }
    .main-footer__bottom__content__flex__info__address{
        font-size:14px;
    }
    .copyright{
        font-size:12px;
    }


    /* TOP */
    .top-mv__slide img{
        width:100%;
        height:320px;
        object-fit:cover;
        object-position:center;
    }
    .top-mv__cover__upper{
        font-size: 6vw;
        text-align: center;
        width: 100%;
    }
    .top-mv__cover__bottom {
        font-size: 3vw;
        width: 100%;
        text-align: center;
    }

    .top-news__flex__content{
        width:100%;
    }
    .top-news__head__title__en{
        font-size:6vw;
    }
    
    .top-concept__sticky{
        height:100vh;
    }
    .top-concept__img img{
        height:100vh;
    }
    .top-concept__title{
        font-size:7vw;
        margin-bottom:0.5em;
    }
    .top-concept__text{
        font-size:16px;
        text-align:left;
    }
    .top-concept__text br{
        display:none;
    }
    .top-concept__img img{
        height:100vh;
        object-fit:cover;
        object-position:center;
    }

    .top-course{
        padding:50px 0 0;
    }
    .top-course__title__en{
        font-size:14vw;
        transform:none;
    }
    .top-course__content__title{
        font-size:22px;
    }

    .top-commitment{
        height: 120vw;
        min-height: 120vw;
    }

    .top-commitment__content__flex{
        gap:20px;
    }
    .top-pagelink__bg{
        height:240px;
    }
    .top-pagelink__texts--en{
        font-size:10vw;
    }
    .top-guide__content__subtitle{
        font-size:22px;
    }

    .top-tagcard__box{
        opacity: 1 !important;
        padding:40px 20px 100px;
    }
    .top-tagcard__title{
        font-size:17px;
    }
    .top-tagcard__box__feature__title{
        font-size:14px;
    }
    .top-tagcard__box__feature__title span{
        font-size:12px;
    }
    .top-tagcard__box__feature__text{
        font-size:13px;
    }

    .top-access{
        padding:50px 0;
    }
    .top-access__title--en{
        font-size:calc(65 * var(--px1));
    }
    .top-access__dls dl dd{
        width:100%;
    }

    .footer-clubmember__title__en{
        font-size:9vw;
    }
    .footer-clubmember__subtitle{
        font-size:18px;
    }

    /* CONCEPT */
    .concept-mv__mv{
        padding:30vh 0 40vh;
    }
    .concept-mv__mv .common-mv__content__title{
        padding-top:0;
    }
    .common-mv__content__title--en{
        font-size:calc(42 * var(--px1));
    }

    .concept-convenience__head{
        margin-bottom:40px;
        gap:60px;
    }
    .concept-section__title--jp{
        font-size:20px;
    }
    .concept-easy__head,
    .concept-compe__head{
        margin-bottom:60px;
    }
    .concept-compe{
        padding-top:60px;
        padding-bottom:60px;
    }

    /* COMMON PAGE */
    .common-mv{
        min-height:auto;
        height:220px;
    }
    .common-mv__content__title{
        padding-top:50px;
    }


    /* COURSE */
    .course-archive__article{
        border:0;
    }
    .course-archive__article__bg{
        display:none;
    }
    .course-archive__article__title{
        border-bottom:0;
        text-shadow:1px 2px 3px #fff;
    }

    .course-archive-map__explaination__title--text{
        font-size:20px;
    }
    .course-archive-map__hall .table-wrap{
        margin-bottom:0;
    }
    .course-archive-map__hall table tbody,
    .course-archive-map__hall table tbody tr,
    .course-archive-map__hall table tbody tr th,
    .course-archive-map__hall table tbody tr td{
        display:block;
        width:100%;
    }
    .course-archive__articles{
        gap:30px;
    }
    .course-archive-archive.incourse{
        padding-bottom:100px;
    }
    .course-archive__article__info{
        left:calc(20 * var(--px1));
    }

    .course-single-article__flex__content{
        width:100%;
    }
    .couse-single-data__yds{
        width:100%;
    }

    .course-single-pagers{
        flex-wrap:wrap;
    }
    .course-single-navigation a{
        font-size:13px;
        white-space:nowrap;
    }
    .course-single-navigation a[rel="next"] {
        left: 0;
        justify-content: center;
        padding-right: 0;
        border-right: 0;
    }
    .course-single-navigation a[rel="prev"] {
        right: 0;
        justify-content: center;
        padding-left: 0;
        border-left: 0;
    }

    /* FACILITY */
    .facility-head__title{
        font-size:22px;
    }
    .facility__sectionflex__content{
        width:100%;
    }
    .facility-drivingrange, .facility-bunker, .facility-lobby, .facility-locker, .facility-masterroom{
        padding-top:60px;
    }
    .facility-gallery__imgs{
        grid-template-columns:1fr;
    }
    .facility-gallery__imgs.col2-hashv__right{
        grid-template-columns:1fr;
        max-width:100%;
    }
    .facility-gallery__imgs__hv{
        position:relative;
        width:100%;
        left:0;
    }

    .facility__section__titletable{
        width:100%;
    }
    .facility__section__titledl{
        width:100%;
    }

    /* GUIDE */
    .guide-top__title{
        font-size:22px;
    }
    .guide-fee, .guide-rental, .guide-dress, .guide-compe{
        padding-top:60px;
    }
    .guide-gallery{
        grid-template-columns:1fr;
    }
    .guide-plans{
        grid-template-columns:1fr;
    }
    .guide-drinkplan{
        padding:40px;
        flex-wrap:wrap;
        justify-content:center;
    }
    .guide-drinkplan__title{
        justify-content:center;
        font-size:20px;
        gap:10px;
    }
    .guide-special__content__title{
        font-size:20px;
    }


    /* RESTAURANT */
    .restaurant-concept__title{
        font-size:22px;
    }
    .restaurant-concept{
        padding-bottom:0;
    }
    .restaurant-menu__exmenus table,
    .restaurant-menu__exmenus table tbody,
    .restaurant-menu__exmenus table tbody tr,
    .restaurant-menu__exmenus table tbody tr th,
    .restaurant-menu__exmenus table tbody tr td{
        display:block;
    }
    .restaurant-menu__exmenus table th{
        font-size:15px;
    }
    .restaurant-menu__exmenus table td dl{
        gap:20px;
    }
    .restaurant-menu__exmenus table td dl dt{
        font-size:14px;
    }

    .restaurant-contact__subtitle{
        font-size:20px;
    }
    .restaurant-contact__tel{
        font-size:18px;
    }


    /* ABOUT */
    .about__dls>dl>dt,
    .about__dls>dl>dd{
        width:100%;
    }


    /* GREEN KEEPER */
    .greenkeeper-mv__mv{
        padding:30vh 0 40vh;
    }
    .greenkeeper-mv__mv .common-mv__content__title{
        padding-top:0;
    }
    .greenkeeper-intsec__text__title{
        margin-top:40px;
    }
    .greenkeeper-intsec.minusmargin{
        margin-top:0;
    }
    .greenkeeper-intsec__head{
        margin-bottom:0;
    }
    .greenkeeper-intsec__title{
        font-size:6vw;
    }
    .greenkeeper-profile{
        flex-wrap:wrap;
        gap:20px;
        justify-content:center;
    }
    .greenkeeper-profile__content {
        width: calc(400 * var(--px1));
    }



    /* Q&A */
    .contact-qa__dd__dls dl{
        flex-wrap:wrap;
    }
    .contact-qa__dd__dls dl dt,
    .contact-qa__dd__dls dl dd{
        width:100%;
        font-size:15px;
    }
    .contact-qa__dt,
    .contact-qa__dd{
        font-size:16px;
    }



    /* COMMON PAGE */

    .common-pagelinks{
        flex-wrap:wrap;
        justify-content:flex-start;
    }
    .common-pagelink{
        width:calc(50% - 10 * var(--px1));
        margin:calc(5 * var(--px1));
        height:72px;
    }
    .common-pagelink:nth-of-type(2n){
        border-right:calc(2.5 * var(--px1)) solid var(--color-bg-green);
    }
    .common-pagelink:nth-of-type(2n+1):last-child{
        border-right:0;
        position:relative;
    }
    .common-pagelink:nth-of-type(2n+1):last-child::after{
        content:'';
        position:absolute;
        top:0;
        right:calc(-1 * 12.5 * var(--px1));
        width:calc(2.5 * var(--px1));
        height:100%;
        background:var(--color-bg-green);
    }
    .common-pagelinks:not(:last-of-type){
        margin-bottom:0;
    }
    .common-pagelink a{
        font-size:15px;
    }


    .about__dls>dl>dt{
        background:#f4f8f4;
    }
    .about__dls>dl:nth-of-type(2n+1)>dd{
        background:#FFF;
    }


    /* SINGLE */
    .news-single__head__title{
        font-size:20px;
    }

    .editorcontent>p{
        font-size:14px;
    }

    h2.formtitle{
        font-size:20px;
    }
    .form-dls{
        width:100%;
        max-width:500px;
    }
    .form-dls dl dt,
    .form-dls dl dd{
        width:100%;
    }
    .form-dls dl dt{
        display:flex;
        align-items:center;
        justify-content:space-between;
    }
    #wpmem_login .button_div input[type="submit"]{
        margin-top:20px;
    }
    .submitbtn input[type="submit"],
    #wpmem_login input[type="submit"]{
        height:40px;
        width:120px;
        display:flex;
        align-items:center;
        justify-content:center;
        margin:0 auto;
        padding:0;
        line-height:1;
    }


    /* MEMBER PAGE */
    #wpmem_login{
        width:100% !important;
        max-width:500px;
    }
    .memberpage-pdf__container__link a{
        font-size:16px;
    }

    .editorcontent table, .editorcontent table thead, .editorcontent table tbody, .editorcontent table tr, .editorcontent table th, .editorcontent table td{
        display:block;
        white-space:wrap;
        font-size:14px;
        padding:10px 0;
    }
    
    .guide-special__img{
        width: 100%;
        text-align: center;
    }
    .guide-drinkplan__price--text {
        gap: 0px;
        padding: 15px 0px;
        margin-top: 10px;
    }
    .concept__convenience__texts{
        gap: 0;
    }
}