@charset "utf-8";

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

body {
    font-family: ShinGoPro-Regular, "Helvetica Neue", Arial, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

a {
    text-decoration: none;
    transition: all 0.3s;
}

input, textarea {
    cursor: pointer;
}

button {
    border: 0;
}

/* ヘッダー */

.header {
    position: fixed;
    width: 100%;
    z-index: 100;
    opacity: .9;
  }

.container {
    max-width: 100%;
    padding: 0 50px;
    margin: 0 auto;
}

.header > .container {
    background :#fff;
    height: 120px;
    display: flex;
    align-items: center;
}

.container .logo_header {
    display: block;
}

.logo_header img {
    height: 80px;
    vertical-align: bottom;
}

#nav_header {
    margin-left: auto;
    display: flex;
}

.list_nav_header {
    display: flex;
    align-items: center;
}

.list_nav_header li + li {
    /* margin-left: 40px; */
}

.list_nav_header a {
    display: block;
    color: #006934;
    font-size: 18px;
    padding: 20px 20px;
}

.list_nav_header a:hover {
    color: #8dc21f;
}

.icon_nav_header {
    display: flex;
    align-items: center;
}

.icon_nav_header a {
    color: #006934;
    display: block;
    width: 25px;
    height: 25px;
    padding: 20px 20px;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.icon_nav_header a:hover {
    opacity: .7;
}/* ヘッダーここまで */


/* メインビジュアル */

#key_visual {
    height: 1000px;
    width: 100%;
    /* background: #ff9; */
    position: relative;

}

.slider img {
    height: 1000px;
    width: 100%;
    object-fit: cover;
}

.main_visual_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* メインビジュアルここまで */

/* ご案内（緑バック） */

.guidance {
    padding: 150px 0;
    background: #ff9;
    background-image: url(image/guidance_back.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.guidance_logo {
    text-align: center;
}

.guidance_logo img {
    height: 36px;
    max-width: 750px;
    width: 90%;
}

.guidance h2 {
    color:white;
    font-size: 40px;
    /* font-weight: normal; */
    margin-top: 50px;
}

.title_sub img {
    height: 15px;
    margin-top: 14px;
}

.guidance p {
    color: white;
    max-width: 750px;
    font-size: 18px;
    line-height: 2.0;
    margin: 0 auto;
    padding-top: 45px;
    width: 90%;
}
/* ご案内（緑バック）ここまで */

/* ご案内（白バック） */

/* div#guidance {
    padding: 150px 0;
} */

/* .guidance {
    padding: 150px 0;
    background: #fff;
} */

/* .guidance_logo {
    text-align: center;
} */

/* .guidance_logo img {
    height: 36px;
    max-width: 750px;
    width: 90%;
} */

/* .guidance h2 {
    color:#202020;
    font-size: 40px;
    /* font-weight: normal; */
    margin-top: 50px;
} */

/* .title_sub img {
    height: 15px;
    margin-top: 14px;
} */

/* .guidance p {
    color: #202020;
    max-width: 750px;
    font-size: 18px;
    line-height: 2.0;
    margin: 0 auto;
    padding-top: 45px;
    width: 90%;
}ご案内（白バック）ここまで */

/* お知らせ */

div#information {
    padding: 150px 0;
    text-align: center;
}

.information {
    padding: 150px 0;
    text-align: center;
}

.information h2 {
    color: #202020;
    font-size: 40px;
    /* font-weight: normal; */
}

.info_content {
    margin-top: 70px;
    /* background: #ccc; */
    display: inline-block;
    max-width: 1000px;
    width: 90%;
    height: 380px;
    overflow-y: scroll;
    text-align: left;
    border: 1px solid #ccc;
    border-radius: 8px;
}

.info_content dt {
    color: #202020;
    padding-left: 30px;
    margin: 35px 0 20px;
    font-size: 16px;
}

.info_content dd {
    color: #202020;
    /* padding-left: 30px; */
    margin-bottom: 40px;
    font-size: 20px;
    border-bottom: 1px solid;
    padding: 0 30px 38px;
    line-height: 1.8;
}

.new {
    background: #006934;
    color: #fff;
    font-size: 16px;
    padding: 6px 8px;
    border-radius: 3px;
} /* お知らせここまで */

/* バッティング */

.batting {
    padding: 150px 0;
    max-width: 100%;
    background: #006934;
    background-image: url(image/batting_bkg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.section_title {
    text-align: center;
    background: #006934;
    max-width: 450px;
    width: 90%;
    height: 120px;
    margin: 0 auto;
    border-radius: 55px;
}

.section_title h2 {
    color: white;
    font-size: 40px;
    /* font-weight: normal; */
    padding-top: 26px;
}

.batting p {
    color: white;
    max-width: 600px;
    font-size: 18px;
    line-height: 2.0;
    margin: 0 auto;
    padding: 50px 0 0;
    text-align: center;
    width: 90%;
}

.batting_image {
    max-width: 1300px;
    width: 90%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    border-bottom: 1px solid #fff;
}

.batting_image img {
    width: 400px;
    height: 290px;
    object-fit: cover;
    margin: 90px 0;
}

.price_title {
    background: #fff;
    text-align: center;
    width: 500px;
    height: 70px;
    margin: 80px auto;
    line-height: 70px;
    border-radius: 32px;
}

.price_title h3 {
    color: #006934;
    font-size: 24px;
}

.price_bb {
    text-align: center;
    display: flex;
    justify-content: center;
}

.price_bb h4 {
    background: #006934;
    color :#fff;
    width: 310px;
    height: 55px;
    font-size: 26px;
    line-height: 55px;
}

.price_bb h5 {
    background: #fff;
    color :#202020;
    width: 310px;
    height: 100px;
    font-size: 32px;
    line-height: 100px;
}

.price {
    margin: 0 10px;
}/* バッティングここまで */

/* ゴルフセクション */

.golf {
    padding: 150px 0;
    max-width: 100%;
    background: #06365b;
    background-image: url(image/virtualgolf_bkg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.golf .section_title {
    text-align: center;
    background: #06365b;
    max-width: 450px;
    width: 90%;
    height: 120px;
    margin: 0 auto;
    border-radius: 55px;
}

.golf p {
    color: white;
    max-width: 600px;
    font-size: 18px;
    line-height: 2.0;
    margin: 0 auto;
    padding: 50px 0 0;
    text-align: center;
    width: 90%;
}

.golf_image {
    max-width: 1300px;
    width: 90%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    border-bottom: 1px solid #fff;
}

.golf_image img {
    width: 400px;
    height: 290px;
    object-fit: cover;
    margin: 90px 0;
}

.golf h3 {
    color: #06365b;
}

.price_golf {
    text-align: center;
    display: flex;
    justify-content: center;
}

.price_golf h4 {
    background: #06365b;
    color :#fff;
    width: 310px;
    height: 55px;
    font-size: 26px;
    line-height: 55px;
}

.price_golf h5 {
    background: #fff;
    color :#202020;
    width: 310px;
    height: 100px;
    font-size: 32px;
    line-height: 100px;
}

span.\31 h {
    font-size: 20px;
}/* ゴルフセクションここまで */

/* カラオケセクション */

.karaoke {
    padding: 150px 0;
    max-width: 100%;
    background: #e02f6a;
    background-image: url(image/karaoke_bkg03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.karaoke .section_title {
    text-align: center;
    background: #e02f6a;
    max-width: 450px;
    width: 90%;
    height: 120px;
    margin: 0 auto;
    border-radius: 55px;
}

.karaoke p {
    color: white;
    max-width: 600px;
    font-size: 18px;
    line-height: 2.0;
    margin: 0 auto;
    padding: 50px 0 0;
    text-align: center;
    width: 90%;
}

.karaoke_image {
    max-width: 1300px;
    width: 90%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    border-bottom: 1px solid #fff;
}

.karaoke_image img {
    width: 400px;
    height: 290px;
    object-fit: cover;
    margin: 90px 0;
}

.karaoke h3 {
    color: #e02f6a;
}
/* カラオケセクションここまで */

/* アクセス */

.access {
    padding: 150px 0;
    max-width: 1200px;
    text-align: center;
    margin: 0 auto;
    border-bottom: 1px solid #202020;
}

.access h2 {
    color: #202020;
    font-size: 40px;
    /* font-weight: normal; */
}

.access_map{
    margin-top: 100px;
    display: flex;
    justify-content: space-between;
}

.access_map iframe {
    max-width: 600px;
    height: 460px;
    width: 100%;
    aspect-ratio: 16/9;
}

.map_address h3 {
    color: #006934;
    font-size: 27px;
    text-align: left;
    line-height: 1.6;
    margin-bottom: 30px;
}

.adressline {
    color: #202020;
    width: 550px;
    margin-bottom: 30px;
}

.map_address address {
    color: #202020;
    font-style: normal;
    font-size: 16px;
    text-align: left;
    line-height: 2.0;
}

.map_address {
    padding: 80px 0 0;
}/* アクセスここまで */

/* お問い合わせ */

.contact {
    padding: 150px 0;
    max-width: 1200px;
    width: 90%;
    /* background: #ff9; */
    text-align: center;
    margin: 0 auto;
    /* border-bottom: 1px solid #202020; */
}

.contact h2 {
    color: #202020;
    font-size: 40px;
    /* font-weight: normal; */
}

.contact p {
    color: #202020;
    font-size: 16px;
    padding: 35px;
    margin-bottom: 36px;
    line-height: 2.0;
}

.inner {
    width: 600px;
    margin: 0 auto;
}

.inner label,input,textarea {
    display: block;
    width: 100%;
}

.inner label {
    color: #202020;
    font-size: 16px;
    text-align: left;
    padding: 30px 0 16px;
}

.input {
    height: 60px;
    border-radius: 5px;
    border: 1px solid #202020;
    box-sizing: border-box;
}

.textarea {
    border-radius: 5px;
    border: 1px solid #202020;
    box-sizing: border-box;
}

.button {
    width: 300px;
    height: 70px;
    background: #333;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 35px;
    margin-top: 80px;
    cursor: pointer;
    transition: 0.3s;
    letter-spacing: 1px;
}

.button:hover {
    background:#006934;
    transition: 0.3s;
}

.btn {
    border-radius: 36px;
    background-color: #006934;
    font-size: 16px;
    padding: 28px 60px;
    text-decoration: none;
    color: white;
  }
  
  .btn:hover {
    opacity: .7;
    transition: 0.3s;
}/* お問い合わせここまで */

/* フッター */
.footer {
    padding: 90px 0 30px;
    background: #006934;
    text-align: center;
}

.logo_footer img {
    height: 200px;
}

.list_nav_footer {
    display: flex;
    justify-content: center;
}

.list_nav_footer a {
    color: #fff;
    display: flex;
    font-size: 18px;
    padding: 60px 20px;
}

.list_nav_footer a:hover {
    color: #8dc21f;
}

.footer_address p {
    color: #fff;
    font-size: 16px;
    line-height: 1.7;
    letter-spacing: 1px;
}

.footer_address {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    position: relative;
}

.icon_nav_footer {
    text-align: right;
    position: absolute;
    right: 15%;
}

.icon_nav_footer img {
    height: 25px;
}

.icon_nav_footer li {
    list-style: none;
}

.icon_nav_footer a:hover {
    opacity: .7;
} 

.footer_small {
    color: #fff;
    font-size: 12px;
}

/* フッターここまで */

/* プライバシーポリシー */

.privacy {
    padding-top: 150px;
    text-align: center;
}

.privacy h2 {
    color: #202020;
    font-size: 40px;
    /* font-weight: normal; */
}

.privacy p {
    font-size: 18px;
    color: #202020;
    margin: 80px auto 0;
    line-height: 2;
    max-width: 1000px;
    width: 90%;
}

.privacy_contents {
    max-width: 1000px;
    margin: 100px auto 0;
    width: 90%;
}

.privacy_contents h3 {
    font-size: 22px;
    color: #006934;
    /* font-weight: normal; */
    padding-bottom: 20px;
    border-bottom: 1px solid #006934;
    line-height: 1.5;
}

.privacy_contents p {
    margin-top: 40px;
    color: #202020;
    line-height: 2;
}

.privacy_contents_last {
    margin-bottom: 200px;
}
/* プライバシーポリシーここまで */

/* Thank you */

.thankyou {
    padding-top: 400px;
    text-align: center;
}

.thankyou h2 {
    color: #202020;
    font-size: 40px;
    /* font-weight: normal; */
    line-height: 1.3;
}

.thankyou img {
    margin-bottom: 330px;
}
/* Thank youここまで */

/* 1050px以下になった時 */
    @media(max-width:1155px){
        .list_nav_header {
            display: none;
        }

/* ヘッダー・メインビジュアルSP1155 */
        header nav {
            box-sizing: border-box;
            position: fixed;
            top: 80px;
            display: none;
            width: 100%;
            height: calc(100% - 60px);
            background: #fff;
            opacity: 0.9;
            /* 3. スライドメニューの場合 */
            display: block;
            right: -100%;
            transition: right .5s;
            /* ここまで */
        }
        /* 3. スライドメニューの場合 */
        header nav.sp_open {
            right: 0;
        }
        /* ここまで */

        .container {
            padding: 0 20px;
        }

        #nav_header_sp {
            padding: 100px 0;
            background-color: #06365b;
            width: 100%;
            z-index: 300;
        }

        .list_nav_header_sp {
            text-align: center;
        }

        .list_nav_header_sp li {
            margin-bottom: 40px;
        }

        .list_nav_header_sp a {
            color: #fff;
            font-size: 20px;
        }

        .icon_nav_header_sp li {
            text-align: center;
        }

        .icon_nav_header_sp img {
            color: #fff;
            height: 40px;
        }

        .main_visual_logo_sp {
            text-align: center;
        }

        .main_visual_logo_sp img {
            margin-top: 30px;
        }

        #drawer_toggle {
            z-index: 200;
            box-sizing: border-box;
            position: absolute;
            top: 8px;
            right: 16px;
            display: inline-block;
            width: 60px;
            height: 60px;
        }

        #drawer_toggle span {
            position: absolute;
            top: 19px;
            left: 17px;
            display: inline-block;
            width: 30px;
            height: 3px;
            border-radius: 2px;
            background-color: #006934;
            vertical-align: top;
            transition: .4s;
        }

        #drawer_toggle span:nth-child(2) {
            margin-top: 10px;
        }

        #drawer_toggle span:last-child {
            margin-top: 20px;
        }

        #drawer_toggle.open span {
            top: 29px;
            left: 14px;
            width: 35px;
            margin: 0;
        }

        #drawer_toggle.open span:first-child {
            transform: rotate(45deg);
        }

        #drawer_toggle.open span:nth-child(2) {
            display: none;
        }

        #drawer_toggle.open span:last-child {
            transform: rotate(-45deg);
        }

        .icon_nav_header a {
            margin-right: 50px;
        }

        .header > .container {
            background :#fff;
            height: 80px;
            display: flex;
            align-items: center;
        }

        .logo_header img {
            height: 60px;
            vertical-align: bottom;
        }
/* ヘッダー・メインビジュアルSP1155ここまで */


/* バッティング・ゴルフ・カラオケセクションSP1155 */

        .batting {
            max-width: 100%;
            background: #006934;
            background-image: url(image/batting_bkg.jpg);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
        }

        .batting_image {
            width: 100%;
            display: block;
            border-bottom: none;
            text-align: center;
        }

        .batting_image img {
            width: 70%;
            height: 450px;
            object-fit: cover;
            margin: 50px 0;
        }

        .price_bb {
            width: 100%;
            display: block;
        }

        .price {
            margin-bottom: 30px;
        }

        .price h4 {
            margin: 0 auto;
        }

        .price h5 {
            margin: 0 auto;
        }

        .golf {
            max-width: 100%;
            background: #06365b;
            background-image: url(image/virtualgolf_bkg.jpg);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
        }

        .golf_image {
            width: 100%;
            display: block;
            justify-content: space-between;
            border-bottom: none;
            text-align: center;
        }
        
        .golf_image img {
            width: 70%;
            height: 450px;
            object-fit: cover;
            margin: 50px 0;
        }

        .price_golf {
            width: 100%;
            display: block;
        }

        .karaoke {
            max-width: 100%;
            background: #e02f6a;
            background-image: url(image/karaoke_bkg03.jpg);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
        }

        .karaoke_image {
            width: 100%;
            display: block;
            justify-content: space-between;
            border-bottom: none;
            text-align: center;
        }
        
        .karaoke_image img {
            width: 70%;
            height: 450px;
            object-fit: cover;
            margin: 50px 0;
        }
/* バッティング・ゴルフ・カラオケセクションSP1155ここまで */


/* アクセスSP1155 */

        .access_map {
            display: block;
        }

        .map_address h3 {
            text-align: center;
        }

        .adressline {
            margin: 0 auto;
            width: 100%;
        }

        .map_address address {
            text-align: center;
            margin-top: 30px;
        }
/* アクセスSP1155ここまで */


/* フッターSP1155 */

        .list_nav_footer {
            display: inline-block;
            margin: 50px 0;
        }

        .list_nav_footer a {
            padding: 10px;
            margin: 10px auto;
            justify-content: center;
        }

        .footer_address {
            display: block;
        }

        .icon_nav_footer {
            text-align: center;
            padding-top: 20px;
        }
/* フッターSP1155ここまで */

    }
/* 1155px以下になった時ここまで */

/* 1155px以上になった時 */
    @media(min-width:1155px){
        #nav_header_sp {
            display: none;
        }
    }
/* 1155px以上になった時ここまで */

/* 650px以下になった時 */
    @media(max-width:650px){

        .main_visual_logo img {
            height: 240px;
        }

        .footer_add_sp {
            display: inline-block;
        }

        .inner {
            width: 90%;
        }
    }
/* 650px以下になった時ここまで */

/* 480px以下になった時 */
    @media(max-width:480px){
/* メインビジュアルSP480 */
        #key_visual {
            height: 600px;
        }

        .slider img {
            height: 600px;
        }

        .main_visual_logo img {
            height: 200px;
        }
/* メインビジュアルSP480ここまで */


/* バッティング・ゴルフ・カラオケセクションSP480 */

        .batting_image img {
            width: 80%;
            height: 250px;
            object-fit: cover;
            margin: 20px 0;
        }

        .golf_image img {
            width: 80%;
            height: 250px;
            object-fit: cover;
            margin: 20px 0;
        }

        .karaoke_image img {
            width: 80%;
            height: 250px;
            object-fit: cover;
            margin: 20px 0;
        }

        .price_title {
            margin: 50px auto;
            width: 90%;
        }

        .price_title h3 {
            font-size: 20px;
        }
/* バッティング・ゴルフ・カラオケセクションSP480ここまで */

        .map_address h3 {
            font-size: 22px;
        }

        .icon_nav_footer {
            position: static;
        }

        .privacy h2 {
            font-size: 36px;
        }
    }
/* 480px以下になった時ここまで */


.slider {
    visibility: hidden;
}

.slider.slick-initialized {
    visibility: visible;
}