@charset "utf-8";
:root{
    --golfrange-text-color:#191919;
    --golfrange_term-back-color:#6FB92A;
    --gr-term-top:#F2F4F1;
    --gr-term-border:#CCCCCC;
    --gr-link-color:#1F52FD;
    --feature-back-color:#405A4B;
    --yellow-circle:#C79C0F;
    --orange-text-color:#F7B500;
    --two-line:#3B2E02;
    --red-color-text:#C92416;
    --video-border-color:#707070;
    --point-back-color:#E3F1D5;
    --course-bakc-color:#F7F7F7;
    --easing: cubic-bezier(.2, 1, .2, 1);
    --transition: .8s var(--easing);
    --color-base: #f8f8f8;
    --color-gray: #ddd;
    --color-theme: #f5695f;
    --color-theme-darken: #f12617;
    --box-shadow: .8rem .8rem 1.2rem rgba(0, 0, 0, .05), -.8rem -.8rem 1.2rem #fff;
    --box-shadow-hover: 1rem 1rem 1.5rem rgba(0, 0, 0, .08), -1rem -1rem 1.5rem #fff;
    --box-shadow-inset: inset .8rem .8rem 1.2rem rgba(0, 0, 0, .05), inset -.8rem -.8rem 1.2rem #fff;
    --box-shadow-dark: .8rem .8rem 1.2rem rgba(0, 0, 0, .1), -.8rem -.8rem 1.2rem rgba(#fff,.2);
}

/* .zen-maru gothic-regular {
    font-family: "Zen Maru Gothic", serif;
    font-weight: 400;
    font-style: normal;
  } */
  
#park__golf__video__area{
    width: 100%;
    height: auto;
}
    .park__golf__video__inner{
        width: 90%;
        height: auto;
        margin: 0 auto;
        padding-top: 92px;
        padding-bottom: 90px;
        max-width: 1100px;
    }
        .park__golf__video__container{
            width: 100%;
            height: auto;
            padding-top: 45px;
        }
            .park__golf__video__title{
                font-size: 14px;
                margin-bottom: 10px;
            }
            .park__golf__video__contents{
                width: 100%;
                height: auto;
                border-radius: 22px;
                aspect-ratio: 16 / 9;
                border: 1px solid var(--video-border-color);
                overflow: hidden;
            }
                .park__golf__video__contents video{
                    width: 100%;
                    height: auto;
                    object-fit: cover;
                    object-position: center;
                }
                
#park__golf__detail__area{
    width: 100%;
    height: auto;
}
    .park__golf__detail__inner{
        width: 85.9375%;
        height: auto;
        margin: 0 auto;
        padding-bottom: 100px;
        max-width: 1280px;
    }
        .parkgolf__title__wrap{
            padding-bottom: 17px;
            padding-top: 0;
        }
            .parkgolf__title{
                text-align: start;
            }
            .belt__contents__parkgolf__wrap{
                width: 100%;
                height: auto;
                position: relative;
            }
            .parkgolf__chara__image{
                width: 24.909091%;
                position: absolute;
                bottom: 0;
                right: -3%;
            }
                .parkgolf__chara__image img{
                    width: 100%;
                    height: auto;
                }
        .park__golf__detail__contents{
            width: 100%;
            height: auto;
        }
            .park__golf__detail__image{
                width: 100%;
                height: auto;
                padding-top: 44px;
                padding-bottom: 40px;
            }
                .park__golf__detail__image img{
                    width: 100%;
                    height: auto;
                }
            .park__golf__detail__text__container{
                width: 100%;
                height: auto;
            }
                .park__golf__detail__main_text{
                    font-size: 16px;
                    letter-spacing: 0.05em;
                    line-height: 2.25em;
                    color: var(--golfrange-text-color);
                }
                .park__golf__detail__big_text{
                    font-size: 18px;
                    letter-spacing: 0.05em;
                    line-height: 1.77em;
                    color: var(--golfrange_term-back-color);
                    padding-top: 18px;
                    padding-bottom: 19px;
                }
                .park__golf__detail__min_text{
                    font-size: 12px;
                    letter-spacing: 0.05em;
                    line-height: 2em;
                    color: var(--golfrange-text-color);
                }
#enjoy__point__area{
    width: 100%;
    height: auto;
}
    .enjoy__point__inner{
        width: 85.9375%;
        height: auto;
        margin: 0 auto;
        padding-top: 73px;
        padding-bottom: 70px;
        max-width: 1280px;
        background-color: var(--point-back-color);
        border-radius: 25px;
    }
        .enjoy__point__container{
            width: 100%;
            height: auto;
        }
            .enjoy__point__title__wrap{
                padding: 0;
            }
            .enjoy__three__point__conteiner{
                width: 70.181818%;
                height: auto;
                margin: 0 auto;
                display: flex;
                justify-content: space-between;
                align-items: stretch;
                padding-top: 51px;
                padding-bottom: 41px;
            }
                .enjoy__three__point__contents{
                    width: 31.34715%;
                    height: auto;
                    background-color: #fff;
                    border-radius: 7px;
                    padding: 25px 0;
                }
                    .enjoy__three__point__contents__inner{
                        width: 66.942149%;
                        height: 100%;
                        margin: 0 auto;
                        display: flex;
                        flex-direction: column;
                        justify-content: space-around;
                        align-items: center;
                        row-gap: 22px;
                    }
                        .enjoy__three__point__circle__image{
                            width: 9.375vw;
                            height: 9.375vw;
                            background-color: var(--golfrange_term-back-color);
                            border-radius: 50%;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            margin: 0 auto;
                        }
                            .enjoy__three__point__image{
                                width: 62.675%;
                                height: auto;
                            }
                                .enjoy__three__point__image img{
                                    width: 100%;
                                    height: auto;
                                }
                        .enjoy__three__point__text{
                            font-size: 18px;
                            color: var(--feature-back-color);
                            text-align: center;
                            white-space: nowrap;
                        }
            .enjoy__chara__conteiner{
                width: 77.39%;
                height: auto;
                margin: 0 auto;
            }
                .enjoy__chara__conteiner__inner{
                    width: 100%;
                    height: auto;
                    display: flex;
                    justify-content: space-between;
                    align-items: flex-end;
                }
                    .enjoy__chara__image{
                        width: 14.566129%;
                        height: auto;
                    }
                        .enjoy__chara__image img{
                            width: 100%;
                            height: auto;
                        }
                    .enjoy__chara__fukidashi__item{
                        width: 82.329171%;
                        height: auto;
                        position: relative;
                    }
                        .enjoy__chara__fukidashi__item img{
                            width: 100%;
                            height: auto;
                        }
                        .enjoy__fukidashi__text{
                            width: 91.0331019%;
                            height: auto;
                            font-size: 16px;
                            position: absolute;
                            top: 50%;
                            left: 52%;
                            transform: translate(-50%, -50%);
                        }
#park__golf__flowlink{
    width: 100%;
    height: auto;
}
    .park__golf__flowlink__inner{
        width: 85.9375%;
        height: auto;
        margin: 0 auto;
        padding-top: 76px;
        max-width: 1280px;
    }
        .park__golf__flowlink__title__wrap{
            padding-bottom: 57px;
            padding-top: 0;
        }
            .park__golf__flowlink__title{
                text-align: center;
            }
        .park__golf__flowlink__image{
            width: 100%;
            height: auto;
        }
            .park__golf__flowlink__image img{
                width: 100%;
                height: auto;
            }
        .pg__flow__link{
            position: relative;
            width: 32.727273%;
            max-width: 360px;
            min-width: unset;
            padding-left: 90px;
            margin: 65px auto;
        }
        .pg__price__link{
            position: relative;
            width: 32.727273%;
            max-width: 360px;
            min-width: unset;
            padding-left: 44px;
            margin: 65px auto;
        }
        .park__golf__time__conteiner{
            width: 85.350909%;
            height: auto;
            margin: 0 auto;
        }
                
            .park__golf__time__rep{
                font-size: 12px;
                letter-spacing: 0.05em;
                line-height: 3em;
            }
#course__layout__area{
    width: 100%;
    height: auto;
}
    .course__layout__inner{
        width: 85.9375%;
        height: auto;
        margin: 0 auto;
        max-width: 1280px;
    }
        .course__layout__title__wrap{
            width: 100%;
            height: auto;
            padding-top: 67px;
            padding-bottom: 30px;
        }
        .course__layout__image{
            width: 89.09090909%;
            height: auto;
            margin: 0 auto;
        }
            .course__layout__image img{
                width: 100%;
                height: auto;
            }
        .course__data__guide{
            width: 100%;
            height: auto;
            padding: 105.5px 0;
        }
            .course__data__guide__detail{
                width: 100%;
                height: auto;
                padding-top: 24px;
                padding-bottom: 30px;
            }
                .course__data__guide__text{
                    font-size: 16px;
                    letter-spacing: 0.05em;
                    line-height: 2.25em;
                }
                .course__data__guide__image__container{
                    width: 100%;
                    height: auto;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }
                    .course__data__guide__image{
                        width: 49.09090909%;
                        height: auto;
                    }
                        .course__data__guide__image__container .course__data__guide__image img{
                            display: block;
                            width: 100%;
                            height: auto;
                        }
#south__course__area{
    width: 100%;
    height: auto;
}
    .south__course__inner{
        width: 85.9375%;
        height: auto;
        margin: 0 auto;
        max-width: 1280px;
    }
        .south__course__title__container{
            width: 100%;
            height: auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
            .hole__detail__box{
                width: 238px;
                height: auto;
                border: 1px solid var(--golfrange-text-color);
            }
                .hole__detail__inner{
                    width: 94%;
                    height: 80px;
                    margin: 0 auto;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
                    .holes{
                        width: 34.13461584%;
                        height: 90%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                        .holes__text{
                            height: 100%;
                            font-size: 16px;
                            letter-spacing: 0.05em;
                            line-height: 2.25em;
                            color: var(--golfrange-text-color);
                            font-family: "Zen Maru Gothic", serif;
                            font-weight: 500;
                        }
                    .holes__detail{
                        width: 65.384615384%;
                        padding-left: 5px;
                    }
                    .holes__su{
                        padding-top: 19px;
                        border-right: 1px solid var(--golfrange-text-color);
                        padding-right: 5px;
                    }
        /* スライダーエリア */
        .l-inner {
            position: relative;
            -webkit-box-sizing: content-box;
                    box-sizing: content-box;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 10rem;
          }
        
          
          .l-section .l-inner {
            padding-top: 8rem;
            padding-bottom: 8rem;
          }
        
          [class*=swiper]:focus {
            outline: none;
          }
        .swiper.south__swiper{
            max-width: unset;
        }
        .swiper.north__swiper{
            max-width: unset;
        }
          .slide-media,
          .thumb-media {
            position: relative;
            overflow: hidden;
          }
          .slide-media img,
          .thumb-media img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
          }
        
        
          .swiper-button-prev, .swiper-button-next {
            display: grid;
            place-content: center;
            width: 6.4rem;
            height: 6.4rem;
            cursor: pointer;
            -webkit-transition: var(--transition);
            transition: var(--transition);
          }
        .swiper-button-prev.sourth_button_prev{
        width: 60px;
        height: 60px;
        }
            .swiper-button-prev.sourth_button_prev img{
                width: 100% ;
                height: auto;
            }
        .swiper-button-next.sourth_button_next{
            width: 60px;
            height: 60px;
        }
            .swiper-button-next.sourth_button_next img{
                width: 100% ;
                height: auto;
            }
        .swiper-button-prev.north_button_prev{
            width: 60px;
            height: 60px;
        }
            .swiper-button-prev.north_button_prev img{
                width: 100% ;
                height: auto;
            }
        .swiper-button-next.north_button_next{
            width: 60px;
            height: 60px;
        }
            .swiper-button-next.north_button_next img{
                width: 100% ;
                height: auto;
            }
          
          
          .swiper-button-disabled {
            pointer-events: none;
            opacity: 0;
          }
        
          .card03 {
            overflow: hidden;
          }
          .card03 .swiper {
            overflow: visible;
          }
          .card03 .swiper-button-prev, .card03 .swiper-button-next {
            position: absolute;
            z-index: 1;
            top: -5%;
            bottom: 0;
            margin: auto;
          }
          .card03 .swiper-button-prev::before, .card03 .swiper-button-next::before {
            background-color: rgba(0, 0, 0, 0.3);
            -webkit-box-shadow: var(--box-shadow-dark);
                    box-shadow: var(--box-shadow-dark);
          }
          .card03 .swiper-button-prev::after, .card03 .swiper-button-next::after {
            border-color: #fff;
          }
          .card03 .swiper-button-prev {
            right: calc(100% - 0.7rem) !important;
            left: unset;
          }
          .card03 .swiper-button-next {
            left: calc(100% - 0.7rem) !important;
            right: unset;
          }
          .card03 .slide {
            overflow: hidden;
            -webkit-transition: var(--transition), opacity 1s;
            transition: var(--transition), opacity 1s;
            border-radius: 4px;
            -webkit-box-shadow: var(--box-shadow);
                    box-shadow: var(--box-shadow);
          }
          .card03 .slide-media {
            padding-top: 62.5%;
          }
          .card03 .slide-media img {
            height: calc(100% + 16px);
            -webkit-transform: translateY(-16px);
                    transform: translateY(-16px);
          }
          .card03 .slide-date {
            font-size: 1.2rem;
            line-height: 1;
            display: block;
            color: var(--color-theme);
          }
          .card03 .slide-title {
            line-height: 1.6;
            display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            height: 3.2em;
            margin-top: 1.6rem;
          }
          .card03 .swiper-slide:not(.swiper-slide-visible) .slide {
            pointer-events: none;
            opacity: 0.3;
          }
        
        
        
          @media only screen and (max-width: 1024px) {
            html {
              -webkit-text-size-adjust: 100%;
            }
            .l-inner {
              padding: 0 4rem;
            }
            .card03 .swiper {
              padding: 0 6rem;
            }
            .card03 .swiper-button-prev {
              right: calc(100% - 5.2rem);
            }
            .card03 .swiper-button-next {
              left: calc(100% - 5.2rem);
            }
          }
        
          @media only screen and (max-width: 599px) {
            html {
              font-size: 50%;
            }
            
          }
        
          @media only screen and (min-width: 1025px) {
            
            .swiper-button-prev::before, .swiper-button-next::before {
              -webkit-transition: var(--transition);
              transition: var(--transition);
            }
            
            .card03 .slide img {
              -webkit-transition: var(--transition);
              transition: var(--transition);
            }
            
          }
        
          @media only screen and (min-width: 600px) {
            
          }
        .course__swiper__wrapper{
            align-items: stretch;
        }
                .slide.course__slide{
                    width: 100%;
                }
            .slide-content.course__dtail__contents{
                width: 100%;
                padding-top: 34.5px !important;
                padding-bottom: 10px !important;
                background-color: var(--course-bakc-color);
            }
                .course__dtail__contents__inner{
                    width: 87.804878048%;
                    height: auto;
                    margin: 0 auto;
                    position: relative;
                }

                    .course__feature{
                        width: 61px;
                        height: 19px;
                        border: 1px solid var(--golfrange_term-back-color);
                        border-radius: 1px;
                        background-color: #fff;
                        position: absolute;
                        top: 0;
                        left: 0;
                        transform: translateY(-100%);
                    }
                    .course__feature__long{
                        width: 72px;
                    }
                        .course__feature__text{
                            font-size: 10px;
                            color: var(--golfrange_term-back-color);
                            text-align: center;
                        }
                    .course__dtail__title__wrap{
                        width: 100%;
                        height: auto;
                        display: flex;
                        align-items: baseline;
                        column-gap: 1.09375vw;
                        padding-bottom: 13px;
                        border-bottom: 1px solid var(--golfrange-text-color);
                    }
                        .course__dtail__title__green{
                            font-size: 23px;
                            color: var(--golfrange_term-back-color);
                        }
                        .course__dtail__title__orange{
                            font-size: 16px;
                            white-space: nowrap;
                            color: var(--orange-text-color);
                        }
                        .course__dtail__title__black{
                            font-size: 12px;
                            color: var(--golfrange-text-color);
                        }
                    .course__dtail__title__text{
                        font-size: 14px;
                        color: var(--golfrange-text-color);
                        line-height: 2em;
                        padding-top: 14px;
                    }
#park__golf__event__area{
    width: 100%;
    height: auto;
}
    .park__golf__event__image__contents{
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
        .park__golf__event__image{
            width: 49.46875%;
            height: auto;
        }
            .park__golf__event__image img{
                width: 100%;
                height: auto;
            }
    .park__golf__event__inner{
        width: 85.9375%;
        height: auto;
        margin: 0 auto;
        max-width: 1280px;
        padding-top: 10px;
    }
        .park__golf__event__contents{
            width: 100%;
            height: auto;
            display: flex;
            justify-content: space-between ;
            align-items: flex-end;
        }
            .pg__event__chara__fikidashi__wrap{
                width: 56.227272727%;
                height: auto;;
            }
                .pg__event__chara__fikidashi{
                    width: 100%;
                    height: auto;
                    display: flex;
                    align-items: flex-end;
                    justify-content: space-between;
                }
                    .pg__event__chara__image{
                        width: 11.641067097%;
                        height: auto;
                    }
                        .pg__event__chara__image img{
                            width: 100%;
                            height: auto;
                        }
                    .pg__event__chara__fikidashi__image{
                        width: 83.125303152%;
                        height: auto;
                        position: relative;
                    }
                        .pg__event__chara__fikidashi__image img{
                            width: 100%;
                            height: auto;
                        }
                        .pg__event__chara__fikidashi__text{
                            width: 100%;
                            height: auto;
                            font-size: 16px;
                            letter-spacing: 0.05em;
                            text-align: center;
                            font-family: "Zen Maru Gothic", serif;
                            color: var(--golfrange_term-back-color);
                            font-weight: 700;
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%, -50%);
                        }
                        .hole__detail__event__box{
                            width: 35%;
                            max-width: 400px;
                        }
            .pg__event__link__container{
                width: 69.09090909%;
                height: auto;
                margin: 0 auto;
                display: flex;
                justify-content: center;
                align-items: center;
                column-gap: 40px;
                padding-top: 53px;
                padding-bottom: 105px;
            }
                    .pg__link__btn{
                        position: relative;
                        width: 47.368421052%;
                        height: 71px;
                        max-width: 360px;
                        min-width: unset;
                        padding-left: 8%;
                    }
                    .pg__link__btn__02{
                        padding-left: 5%;
                    }
            .pg__kiyaku__container{
                width: 85.4545454%;
                height: auto;
                margin: 0 auto;
            }
                .pg__kiyaku__link__container__inner{
                    width: 50%;
                }
                .kiyaku__link__container__inner{
                    justify-content: center;
                }
                    .pg__kiyaku__link__wrap{
                        width: 47.4747474%;
                    }



@media all and (max-width:768px){
        .park__golf__video__inner{
            width: 87%;
            padding-top: 20px;
            padding-bottom: 35px;
        }
            .park__golf__video__container{
                padding-top: 20px;
            }
                .park__golf__video__title{
                    font-size: 12px;
                }
        .top__title.simulation__title.parkgolf__title{
            font-size: 23px;
        }
            .park__golf__detail__main_text{
                font-size: 14px;
            }
        #enjoy__point__area .top__title{
            font-size: 28px;
        }
            .enjoy__three__point__conteiner{
                display: block;
                width: 85%;
                padding-bottom: 0;
                padding-top: 10px;
                max-width: 750px;
            }
                .enjoy__three__point__contents{
                    width: 100%;
                    margin-bottom: 20px;
                }
                    .enjoy__three__point__circle__image{
                        width: 40vw;
                        height: 40vw;
                    }

            .enjoy__chara__conteiner{
                width: 90%;
            }
                .enjoy__chara__conteiner__inner{
                    display: block;
                    position: relative;
                }
                .enjoy__chara__image{
                    width: 24%;
                    position: absolute;
                    bottom: 0;
                    right: 5%;
                    transform: translateY(100%);
                }
                    .enjoy__chara__fukidashi__item{
                        width: 100%;
                        max-width: 300px;
                        margin: 0 0 0 auto;
                    }
                    .enjoy__fukidashi__text{
                        font-size: 12px;
                        top: 44%;
                        left: 50%;
                    }
                    .enjoy__point__inner{
                        padding-bottom: 20%;
                        padding-top: 40px;
                    }
                    .view__more__contents{
                        padding-top: 2px;
                    }
                    .top__sub__title{
                        font-size: 14px;
                    }
    .park__golf__flowlink__inner{
        padding-top: 30px;
    }        
            #park__golf__flowlink .top__title{
                font-size: 23px;
            }
                .park__golf__flowlink__title__wrap{
                    padding: 30px 0;
                }
            .pg__flow__link{
                width: 100%;
                padding-left: 55px;
            }
    .park__golf__time__conteiner{
        width: 100%;
    }
        .park__golf__detail__image{
            padding: 20px 0;
        }
            .price__guide__detail__contents__title.golf__range__detail__contents__title{
                height: 48px;
                padding-left: 10px;
            }
                .enjoy__three__point__contents__inner{
                    width: 90%;
                    display: flex;
                    justify-content: center;
                    column-gap: 8%;
                    flex-direction: row;
                }
                    .enjoy__three__point__circle__image{
                        width: 105px;
                        height:105px;
                        margin: 0;
                        max-width: 110px;
                    }
                        
                .golf__range__detail__contents__text{
                    font-size: 22px;
                    padding-left: 5px;
                }
                .view_more_text{
                    white-space: nowrap;
                }
        .scroll__X{
            overflow-x: scroll;
            position: relative;
        }
            .scrollX__image{
                width: 130px;
                height: auto;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }
            
                .scrollX__image img{
                    width: 100%;
                    height: auto;
                }
            .scroll__X__inner{
                width: 200%;
            }
            .golf__range__month__scroll{
                width: 100%;
            }
            .park__golf__time__rep{
                font-size: 10px;
            }
                .golf__range__time__contents_text {
                    text-align: start;
                    font-size: 18px;
                    padding-left: 10px;
                    white-space: nowrap;
                    color: var(--golfrange-text-color);
                }
                .pg__price__link{
                    width: 100%;
                    padding-left: 27px;
                }
                .pg__price__link{
                    margin: 30px 0;
                }
                    .course__layout__image{
                        width: 100%;
                    }
                    .course__data__guide{
                        padding: 50px 0;
                    }
                    .course__layout__image__zoom__link{
                        width: 102px;
                        height: auto;
                        padding-top: 12px;
                        margin: 0 0 0 auto;
                    }
                        .course__layout__image__zoom__link img{
                            width: 100%;
                            height: auto;
                        }


    .course__layout__inner{
        width: 87%;
    }
    .course__layout__title__wrap{
        padding-top: 30px;
    }
        .course__data__guide__image__container{
            display: block;
        }
            .course__data__guide__image{
                width: 100%;
                padding-bottom: 10px;
            }
            #course__layout__area .top__title{
                font-size: 23px;
            }
            .south__course__title__container{
                display: block;
            }
                .title__wrap{
                    text-align: center;
                    padding-bottom: 30px;
                }
                    .top__title {
                        text-align: center;
                    }
            .course__data__guide__text{
                font-size: 14px;
            }
            .top__title{
                font-size: 32px;
            }

            .hole__detail__box{
                width: 100%;
                margin: 0 0 0 auto;
            }
                .hole__detail__inner{
                    flex-direction: column;
                    height: auto;
                    width: 100%;
                }
                .holes{
                    width: 100%;
                    height: auto;
                }
                    .holes__su{
                        padding: 0 13px;
                        border-right: none;
                        padding: 6px 21px 0;
                        position: relative;
                    }
                    .holes__su::before{
                        content: "";
                        display: block;
                        width: 15px;
                        height: 1px;
                        background-color: var(--golfrange-text-color);
                        position: absolute;
                        left: 50%;
                        bottom: -5px;
                        transform: translate(-50%,0);
                    }
                        .holes__su > .holes__text {
                            font-size: 16px;
                        }
                    .holes__detail{
                        padding: 13px 21px 10px;
                        width: 100%;
                        white-space: nowrap;
                    }
            .holes__text{
                font-size: 14px;
                white-space: nowrap;
            }
            .park__golf__event__image__contents{
                display: block;
            }
                .park__golf__event__image{
                    width: 100%;
                    padding-bottom: 10px;
                }
                .park__golf__event__inner{
                    width: 90%;
                }
            .card03 .swiper-button-next{
                left: calc(100% - 5.7rem) !important;
            }
            .card03 .swiper-button-prev {
                right: calc(100% - 5.7rem) !important;
            }
            .swiper-button-next.north_button_next,
            .swiper-button-next.sourth_button_next{
                width: 40px;
            }
            .swiper-button-prev.north_button_prev,
            .swiper-button-prev.sourth_button_prev{
                width: 40px;
            }

    .park__golf__event__contents{
        display: flex;
        flex-direction: column-reverse;
        row-gap: 20px;
    }
        .pg__event__chara__fikidashi__wrap{
            width: 100%;
        }
            .pg__event__chara__fikidashi__text{
                font-size: 14px;
                text-align: start;
                left: 63%;
            }
                .pg__event__chara__image{
                    width: 15%;
                }

            #park__golf__event__area .hole__detail__event__box{
                margin-top: 10px;
            }
            .pg__event__link__container{
                display: block;
            }
            .pg__event__link__container{
                width: 100%;
                padding-bottom: 60px;
            }
                .pg__link__btn{
                    width: 100%;
                    margin-top: 20px;
                }
    .pg__kiyaku__container{
        width: 100%;
    }
        .pg__kiyaku__link__container__inner{
            width: 100%;
            padding-top: 20px;
        }
            .pg__kiyaku__link__wrap{
                width: 90%;
                max-width: 400px;
            }
            .kiyaku__link__container__inner{
                flex-direction: column;
                row-gap: 15px;
            }
                .kiyaku__link{
                    padding-top: 23px;
                }
    .header__image__area {
        width: 65%;
        height: 100%;
        background-position: 23%;
        background-size: cover;
    }
}
  


/* TAB ================================================== */
@media all and (max-width:820px){
    .sp{
        display: block;
    }
    .pc{
        display: none;
    }
    .parkgolf__chara__image{
        display: none;
    }
    .park__golf__video__inner{
        width: 87%;
        padding-top: 20px;
        padding-bottom: 35px;
    }
        .park__golf__video__container{
            padding-top: 20px;
        }
            .park__golf__video__title{
                font-size: 12px;
            }
    .top__title.simulation__title.parkgolf__title{
        font-size: 23px;
    }
        .park__golf__detail__main_text{
            font-size: 14px;
        }
    #enjoy__point__area .top__title{
        font-size: 28px;
    }
        .enjoy__three__point__conteiner{
            display: block;
            width: 85%;
            padding-bottom: 0;
            padding-top: 10px;
            max-width: 750px;
        }
            .enjoy__three__point__contents{
                width: 100%;
                margin-bottom: 20px;
            }
                .enjoy__three__point__circle__image{
                    width: 40vw;
                    height: 40vw;
                }

        .enjoy__chara__conteiner{
            width: 90%;
        }
            .enjoy__chara__conteiner__inner{
                display: block;
                position: relative;
            }
            .enjoy__chara__image{
                width: 24%;
                position: absolute;
                bottom: 0;
                right: 5%;
                transform: translateY(100%);
            }
                .enjoy__chara__fukidashi__item{
                    width: 100%;
                    max-width: 300px;
                    margin: 0 0 0 auto;
                }
                .enjoy__fukidashi__text{
                    font-size: 12px;
                    top: 44%;
                    left: 50%;
                }
                .enjoy__point__inner{
                    padding-bottom: 20%;
                    padding-top: 40px;
                }
                .view__more__contents{
                    padding-top: 2px;
                }
                .top__sub__title{
                    font-size: 14px;
                }
                
.park__golf__flowlink__inner{
    padding-top: 30px;
}        
        #park__golf__flowlink .top__title{
            font-size: 23px;
        }
            .park__golf__flowlink__title__wrap{
                padding: 30px 0;
            }
        .pg__flow__link{
            width: 100%;
            padding-left: 55px;
        }
.park__golf__time__conteiner{
    width: 100%;
}
    .park__golf__detail__image{
        padding: 20px 0;
    }
        .price__guide__detail__contents__title.golf__range__detail__contents__title{
            height: 48px;
            padding-left: 10px;
        }
            .enjoy__three__point__contents__inner{
                width: 90%;
                display: flex;
                justify-content: center;
                column-gap: 8%;
                flex-direction: row;
            }
                .enjoy__three__point__circle__image{
                    width: 105px;
                    height:105px;
                    margin: 0;
                    max-width: 110px;
                }
                    
            .golf__range__detail__contents__text{
                font-size: 22px;
                padding-left: 5px;
            }
            .view_more_text{
                white-space: nowrap;
            }
    .scroll__X{
        overflow-x: scroll;
        position: relative;
    }
        .scrollX__image{
            width: 130px;
            height: auto;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        
            .scrollX__image img{
                width: 100%;
                height: auto;
            }
        .scroll__X__inner{
            width: 200%;
        }
        .golf__range__month__scroll{
            width: 100%;
        }
        .park__golf__time__rep{
            font-size: 10px;
        }
            .golf__range__time__contents_text {
                text-align: start;
                font-size: 18px;
                padding-left: 10px;
                white-space: nowrap;
                color: var(--golfrange-text-color);
            }
            .pg__price__link{
                width: 100%;
                padding-left: 27px;
            }
            .pg__price__link{
                margin: 30px 0;
            }
                .course__layout__image{
                    width: 100%;
                }
                .course__data__guide{
                    padding: 50px 0;
                }
                .course__layout__image__zoom__link{
                    width: 102px;
                    height: auto;
                    padding-top: 12px;
                    margin: 0 0 0 auto;
                }
                    .course__layout__image__zoom__link img{
                        width: 100%;
                        height: auto;
                    }


.course__layout__inner{
    width: 87%;
}
.course__layout__title__wrap{
    padding-top: 30px;
}
    .course__data__guide__image__container{
        display: block;
    }
        .course__data__guide__image{
            width: 100%;
            padding-bottom: 10px;
        }
        #course__layout__area .top__title{
            font-size: 23px;
        }
        .south__course__title__container{
            display: block;
        }
            .title__wrap{
                text-align: center;
                padding-bottom: 30px;
            }
                .top__title {
                    text-align: center;
                }
        .course__data__guide__text{
            font-size: 14px;
        }
        .top__title{
            font-size: 32px;
        }

        .hole__detail__box{
            width: 100%;
            margin: 0 0 0 auto;
        }
            .hole__detail__inner{
                flex-direction: column;
                height: auto;
                width: 100%;
            }
            .holes{
                width: 100%;
                height: auto;
            }
                .holes__su{
                    padding: 0 13px;
                    border-right: none;
                    padding: 6px 21px 0;
                    position: relative;
                }
                .holes__su::before{
                    content: "";
                    display: block;
                    width: 15px;
                    height: 1px;
                    background-color: var(--golfrange-text-color);
                    position: absolute;
                    left: 50%;
                    bottom: -5px;
                    transform: translate(-50%,0);
                }
                    .holes__su > .holes__text {
                        font-size: 16px;
                    }
                .holes__detail{
                    padding: 13px 21px 10px;
                    width: 100%;
                    white-space: nowrap;
                }
        .holes__text{
            font-size: 14px;
            white-space: nowrap;
        }
        .park__golf__event__image__contents{
            display: block;
        }
            .park__golf__event__image{
                width: 100%;
                padding-bottom: 10px;
            }
            .park__golf__event__inner{
                width: 90%;
            }
        .card03 .swiper-button-next{
            left: calc(100% - 5.7rem) !important;
        }
        .card03 .swiper-button-prev {
            right: calc(100% - 5.7rem) !important;
        }
        .swiper-button-next.north_button_next,
        .swiper-button-next.sourth_button_next{
            width: 40px;
        }
        .swiper-button-prev.north_button_prev,
        .swiper-button-prev.sourth_button_prev{
            width: 40px;
        }

.park__golf__event__contents{
    display: flex;
    flex-direction: column-reverse;
    row-gap: 20px;
}
    .pg__event__chara__fikidashi__wrap{
        width: 100%;
    }
        .pg__event__chara__fikidashi__text{
            font-size: 18px;
            text-align: start;
            left: 63%;
        }
            .pg__event__chara__image{
                width: 15%;
            }

        #park__golf__event__area .hole__detail__event__box{
            margin-top: 10px;
        }
        .pg__event__link__container{
            display: block;
        }
        .pg__event__link__container{
            width: 100%;
            padding-bottom: 60px;
        }
            .pg__link__btn{
                width: 100%;
                margin-top: 20px;
            }
.pg__kiyaku__container{
    width: 100%;
}
    .pg__kiyaku__link__container__inner{
        width: 100%;
        padding-top: 20px;
    }
        .pg__kiyaku__link__wrap{
            width: 90%;
            max-width: 400px;
        }
        .kiyaku__link__container__inner{
            flex-direction: column;
            row-gap: 15px;
        }
            .kiyaku__link{
                padding-top: 23px;
            }
.header__image__area {
    width: 65%;
    height: 100%;
    background-position: 23%;
    background-size: cover;
}
.external__link__contents__wrap{
    padding-bottom: 100px;
}
}
/* SP ================================================== */
@media all and (max-width:768px){
        .park__golf__video__inner{
            width: 87%;
            padding-top: 20px;
            padding-bottom: 35px;
        }
            .park__golf__video__container{
                padding-top: 20px;
            }
                .park__golf__video__title{
                    font-size: 12px;
                }
        .top__title.simulation__title.parkgolf__title{
            font-size: 23px;
        }
            .park__golf__detail__main_text{
                font-size: 14px;
            }
        #enjoy__point__area .top__title{
            font-size: 28px;
        }
            .enjoy__three__point__conteiner{
                display: block;
                width: 85%;
                padding-bottom: 0;
                padding-top: 10px;
                max-width: 750px;
            }
                .enjoy__three__point__contents{
                    width: 100%;
                    margin-bottom: 20px;
                }
                    .enjoy__three__point__circle__image{
                        width: 40vw;
                        height: 40vw;
                    }

            .enjoy__chara__conteiner{
                width: 90%;
            }
                .enjoy__chara__conteiner__inner{
                    display: block;
                    position: relative;
                }
                .enjoy__chara__image{
                    width: 24%;
                    position: absolute;
                    bottom: 0;
                    right: 5%;
                    transform: translateY(100%);
                }
                    .enjoy__chara__fukidashi__item{
                        width: 100%;
                        max-width: 300px;
                        margin: 0 0 0 auto;
                    }
                    .enjoy__fukidashi__text{
                        font-size: 12px;
                        top: 44%;
                        left: 50%;
                    }
                    .enjoy__point__inner{
                        padding-bottom: 20%;
                        padding-top: 40px;
                    }
                    .view__more__contents{
                        padding-top: 2px;
                    }
                    .top__sub__title{
                        font-size: 14px;
                    }
    .park__golf__flowlink__inner{
        padding-top: 30px;
    }        
            #park__golf__flowlink .top__title{
                font-size: 23px;
            }
                .park__golf__flowlink__title__wrap{
                    padding: 30px 0;
                }
            .pg__flow__link{
                width: 100%;
                padding-left: 55px;
            }
    .park__golf__time__conteiner{
        width: 100%;
    }
        .park__golf__detail__image{
            padding: 20px 0;
        }
            .price__guide__detail__contents__title.golf__range__detail__contents__title{
                height: 48px;
                padding-left: 10px;
            }
                .enjoy__three__point__contents__inner{
                    width: 90%;
                    display: flex;
                    justify-content: center;
                    column-gap: 8%;
                    flex-direction: row;
                }
                    .enjoy__three__point__circle__image{
                        width: 105px;
                        height:105px;
                        margin: 0;
                        max-width: 110px;
                    }
                        
                .golf__range__detail__contents__text{
                    font-size: 22px;
                    padding-left: 5px;
                }
                .view_more_text{
                    white-space: nowrap;
                }
        .scroll__X{
            overflow-x: scroll;
            position: relative;
        }
            .scrollX__image{
                width: 130px;
                height: auto;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }
            
                .scrollX__image img{
                    width: 100%;
                    height: auto;
                }
            .scroll__X__inner{
                width: 200%;
            }
            .golf__range__month__scroll{
                width: 100%;
            }
            .park__golf__time__rep{
                font-size: 10px;
            }
                .golf__range__time__contents_text {
                    text-align: start;
                    font-size: 18px;
                    padding-left: 10px;
                    white-space: nowrap;
                    color: var(--golfrange-text-color);
                }
                .pg__price__link{
                    width: 100%;
                    padding-left: 27px;
                }
                .pg__price__link{
                    margin: 30px 0;
                }
                    .course__layout__image{
                        width: 100%;
                    }
                    .course__data__guide{
                        padding: 50px 0;
                    }
                    .course__layout__image__zoom__link{
                        width: 102px;
                        height: auto;
                        padding-top: 12px;
                        margin: 0 0 0 auto;
                    }
                        .course__layout__image__zoom__link img{
                            width: 100%;
                            height: auto;
                        }


    .course__layout__inner{
        width: 87%;
    }
    .course__layout__title__wrap{
        padding-top: 30px;
    }
        .course__data__guide__image__container{
            display: block;
        }
            .course__data__guide__image{
                width: 100%;
                padding-bottom: 10px;
            }
            #course__layout__area .top__title{
                font-size: 23px;
            }
            .south__course__title__container{
                display: block;
            }
                .title__wrap{
                    text-align: center;
                    padding-bottom: 30px;
                }
                    .top__title {
                        text-align: center;
                    }
            .course__data__guide__text{
                font-size: 14px;
            }
            .top__title{
                font-size: 32px;
            }

            .hole__detail__box{
                width: 100%;
                margin: 0 0 0 auto;
            }
                .hole__detail__inner{
                    flex-direction: column;
                    height: auto;
                    width: 100%;
                }
                .holes{
                    width: 100%;
                    height: auto;
                }
                    .holes__su{
                        padding: 0 13px;
                        border-right: none;
                        padding: 6px 21px 0;
                        position: relative;
                    }
                    .holes__su::before{
                        content: "";
                        display: block;
                        width: 15px;
                        height: 1px;
                        background-color: var(--golfrange-text-color);
                        position: absolute;
                        left: 50%;
                        bottom: -5px;
                        transform: translate(-50%,0);
                    }
                        .holes__su > .holes__text {
                            font-size: 16px;
                        }
                    .holes__detail{
                        padding: 13px 21px 10px;
                        width: 100%;
                        white-space: nowrap;
                    }
            .holes__text{
                font-size: 14px;
                white-space: nowrap;
            }
            .park__golf__event__image__contents{
                display: block;
            }
                .park__golf__event__image{
                    width: 100%;
                    padding-bottom: 10px;
                }
                .park__golf__event__inner{
                    width: 90%;
                }
            .card03 .swiper-button-next{
                left: calc(100% - 5.7rem) !important;
            }
            .card03 .swiper-button-prev {
                right: calc(100% - 5.7rem) !important;
            }
            .swiper-button-next.north_button_next,
            .swiper-button-next.sourth_button_next{
                width: 40px;
            }
            .swiper-button-prev.north_button_prev,
            .swiper-button-prev.sourth_button_prev{
                width: 40px;
            }

    .park__golf__event__contents{
        display: flex;
        flex-direction: column-reverse;
        row-gap: 20px;
    }
        .pg__event__chara__fikidashi__wrap{
            width: 100%;
        }
            .pg__event__chara__fikidashi__text{
                font-size: 14px;
                text-align: start;
                left: 63%;
            }
                .pg__event__chara__image{
                    width: 15%;
                }

            #park__golf__event__area .hole__detail__event__box{
                margin-top: 10px;
            }
            .pg__event__link__container{
                display: block;
            }
            .pg__event__link__container{
                width: 100%;
                padding-bottom: 60px;
            }
                .pg__link__btn{
                    width: 100%;
                    margin-top: 20px;
                }
    .pg__kiyaku__container{
        width: 100%;
    }
        .pg__kiyaku__link__container__inner{
            width: 100%;
            padding-top: 20px;
        }
            .pg__kiyaku__link__wrap{
                width: 90%;
                max-width: 400px;
            }
            .kiyaku__link__container__inner{
                flex-direction: column;
                row-gap: 15px;
            }
                .kiyaku__link{
                    padding-top: 23px;
                }
    .header__image__area {
        width: 65%;
        height: 100%;
        background-position: 23%;
        background-size: cover;
    }
}