@charset "utf-8";

/* IMPORT RESET */
@import url("reset.css");


/* body
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
body p {
font-family: "Sawarabi Mincho"; /* google font */
font-size: 16px;
line-height: 1.5em;
}
body li,th,td {
font-family: "Sawarabi Mincho"; /* google font */
}
body a {
text-decoration: none;
cursor: pointer;
}
body a:hover { opacity: 0.6; }
body img { vertical-align: bottom; max-width: 100%; }
::selection { background-color: rgba(77, 166, 255, 0.55); }

.color_w { color: #fff; }



/* header
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
header {
background-image: url(../images/about/about_01.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 60px 15px 80px 15px;
}



/*開閉用ボタン（ハンバーガーボタン）*/
.menu_box { display: flex; justify-content: flex-end; max-width: 1200px; margin: 0 auto 60px auto; }
.menu_btn { display: inline-block; width: 30px; height: 30px; vertical-align: middle; padding-top: 10px; }
.menu_btn span, .menu_btn span::before, .menu_btn span::after { position: absolute; height: 3px; width: 30px; border-radius: 3px; background: #fff; display: block; content: ""; cursor: pointer; }
.menu_btn span::before { bottom: -8px; }
.menu_btn span::after { bottom: -16px; }

/* 開閉用ボタンがクリックされた時のスタイル */
.open .menu {
-webkit-transition: all .5s;
transition: all .5s;
visibility: visible;
opacity: 1;
}
.open .menu-btn {
border-color: #fff
}
.open .menu-btn-line{
background-color: transparent;
}
.open .menu-btn-line::before,
.open .menu-btn-line::after {
top: 0;
background: #fff
}
.open .menu-btn-line::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.open .menu-btn-line::after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}

/*開いたメニュー*/
.menu {
font-family: "Sawarabi Mincho"; /* google font */
position: fixed;
display: flex;
justify-content: center;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgb(6, 55, 0, 0.8);
visibility: hidden;
opacity: 0;
z-index: 100;
}
.menu ul {
width: 100%;
max-width: 400px;
padding: 20px;
}
.menu li { font-size: 24px; list-style: none; line-height: 2em; border-bottom: 1px solid #bfa77d; padding-bottom: 15px; margin-bottom: 15px; }
.menu li a { display: block; color: #bfa77d; text-decoration: none; text-align: center; }
.menu li a span { font-size: 16px; color: #fff; margin-right: 20px; }
.menu li a:hover { opacity: 0.6; }
.menu .close { color: #bfa77d; text-align: center; }
.menu .close .pointer { cursor: pointer; }



.about {
font-family: "Sawarabi Mincho"; /* google font */
max-width: 700px;
margin: 0 auto;
color: #fff;
}
.about h2 { font-size: 24px; text-align: center; margin-bottom: 60px; }
.about p { text-align: center; line-height: 2em; }
.about img { display: block; width: 120px; margin: 0 auto 100px auto; }
.about span br { display: none; }

.about_02 { max-width: 500px; margin: 0 auto; color: #fff; }
.about_02 img { display: block; width: 120px; margin: 0 auto; }

@media screen and (max-width: 767px) {
.about span br { display: block; }
}
@media screen and (max-width: 350px) {
.about p { font-size: 15px; }
}



/* footer
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.footer_map iframe { vertical-align: bottom; }
.footer_back { background: #bfa77d; padding: 40px 15px 100px 15px; }
.footer .home { max-width: 100px; margin: 0 auto 40px auto; }
.footer .sns { display: flex; justify-content: center; margin: 0 auto 40px auto; }
.footer .sns a:nth-child(1) { margin-right: 30px; }
.footer .sns a:nth-child(2) { margin-right: 30px; }
.footer p { color: #063700; text-align: center; }
.footer a:hover { opacity: 0.6; }



/* 予約する
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.yoyaku {
font-family: "Sawarabi Mincho"; /* google font */
background: #bfa77d;
border-top: 2px solid #063700;
text-align: center;
}
.yoyaku a { display: flex; justify-content: center; align-items: center; color: #063700; font-size: 20px; padding: 15px; }
.yoyaku a img { margin-right: 10px; }

#global-nav.m_fixed {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
}



/* contents
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.green_back {
background: #063700;
background-image: url(../images/home_back_02.png);
background-position: center center;
background-repeat: repeat-y;
}

.wrap { padding: 60px 15px 0 15px; }
.wrap_02 { padding: 60px 15px; }
.content { width: 100%; max-width: 1200px; margin: 0 auto; }

.text_box {
max-width: 500px;
margin: 0 auto;
padding-bottom: 100px;
}
.text_box h2 {
font-family: "Sawarabi Mincho"; /* google font */
font-size: 20px;
line-height: 1.5em;
margin-bottom: 10px;
text-align: center;
border: 1px solid #bfa77d;
padding: 10px;
color: #fff;
margin-bottom: 20px;
}
.text_box h2 span {
margin-right: 15px;
}

.text_box img { border-radius: 15px; }



/* FEATURE
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.feature_box h3 {
font-family: "Sawarabi Mincho"; /* google font */
display: flex;
align-items: center;
color: #bfa77d;
margin-bottom: 20px;
}
.feature_box h3 .no {
font-size: 60px;
margin-right: 30px;
}
.feature_box h3 .text {
font-size: 20px;
line-height: 1.5em;
}

.feature_box ul {
margin: 20px auto 0 auto;
}
.feature_box li {
border-bottom: 1px solid #bfa77d;
padding-bottom: 30px;
margin-bottom: 30px;
}
.feature_box li:last-child {
margin-bottom: 0;
}
.feature_box p { color: #fff; }



.point_box { 
width: 100%;
display: flex;
margin-top: 30px;
}

.point_box .point { 
width: 48%;
background: rgba(17, 17, 17, 0.8);
border-radius: 20px;
padding: 15px;
box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
}
.point_box .point:last-child { margin-left: 4%; }

.point_box .point h3 {
font-family: "Sawarabi Mincho"; /* google font */
display: flex;
align-items: center;
color: #bfa77d;
margin-bottom: 10px;
border-bottom: 1px solid #bfa77d;
}
.point_box .point h3 .no {
font-size: 50px;
margin-right: 10px;
}
.point_box .point h3 .text {
font-size: 16px;
line-height: 1.5em;
}
.point_box .point p { color: #fff; }

@media screen and (max-width: 600px) {
.point_box .point h3 { display: block; padding-bottom: 10px; }
.point_box .point h3 .no { display: block; font-size: 40px; margin-right: 0; }
.point_box .point h3 .text br { display: none; }
.point_box .point p { font-size: 15px; }
}



/* FACILITY
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.facility h3 {
font-family: "Sawarabi Mincho"; /* google font */
margin-top: 20px;
}
.facility h3 .title {
font-size: 20px;
color: #bfa77d;
line-height: 1.5em;
text-align: center;
margin-bottom: 20px;
}
.facility h3 .text {
font-size: 16px;
color: #fff;
line-height: 2em;
text-align: left;
margin-bottom: 60px;
}

.facility p { font-size: 16px; color: #fff; }
.facility li { margin-bottom: 60px; }
.facility li:last-child { margin-bottom: 0; }
.facility li img { margin-bottom: 20px; }



/* RESERVE
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.reserve h3 {
font-family: "Sawarabi Mincho"; /* google font */
display: flex;
align-items: center;
color: #bfa77d;
}
.reserve h3 .no {
font-size: 60px;
margin-right: 30px;
}
.reserve h3 .text {
font-size: 20px;
line-height: 1.5em;
}

.reserve p { color: #fff; margin-bottom: 20px; }
.reserve a {
font-family: "Sawarabi Mincho"; /* google font */
font-size: 20px; display: block;
text-align: center;
color: #063700;
background: #bfa77d;
padding: 10px;
}
.reserve ul { margin-top: 40px; }
.reserve li { margin-bottom: 40px; }
.reserve li div { border-left: 1px solid #bfa77d; padding-top: 20px; padding-left: 30px; margin-left: 30px; }
.reserve li img { width: 100%; }

@media screen and (max-width: 600px) {
.reserve h3 .text br { display: none; }
}
@media screen and (max-width: 500px) {
.reserve h3 .text { font-size: 18px; }
}




/* ACCESS
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.access_back { background: #bfa77d; padding: 60px 15px; }

.access {
max-width: 500px;
margin: 0 auto;
}
.access h2 {
font-family: "Sawarabi Mincho"; /* google font */
font-size: 20px;
line-height: 1.5em;
margin-bottom: 10px;
text-align: center;
border: 1px solid #063700;
padding: 10px;
color: #063700;
margin-bottom: 20px;
}
.access h2 span {
margin-right: 15px;
}

.access p { color: #063700; text-align: center; }
.access img { margin-bottom: 30px; }
.access a { color: #063700; }



/* home
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.home_back {
background: #063700;
background-image: url(../images/topbackimage.jpg);
background-position: center center;
background-repeat: repeat-y;
background-size: cover;
height: 100vh;
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
}
.home_back .copyright { font-size: 16px; color: #fff; text-align: center; position: absolute; bottom: 20px; left: 0; right: 0; }

.home_box {
z-index: 2;
width: 100%;
max-width: 500px;
position: absolute;
top: 50%;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.home_box p { 
font-family: "Sawarabi Mincho"; /* google font */
font-size: 16px;
font-weight: bold;
color: #bfa77d;
text-align: center;
}
.home_box > img { display: block; width: 120px; margin: 0 auto 80px auto; overflow: hidden; }


#golf {
margin: 0 auto;
display: block;
max-width: 130px;
height: 25px;
margin-bottom: 30px;
overflow: hidden;
}

#golf #gb{

}

#golf #gb.hole{
left: 97px !important;
top: 27px !important;
transition: all 0.5s
}

#golf #gh{
float: right;
}

@media screen and (max-width: 400px) {
.home_back .copyright { font-size: 12px; }
}



/* 利用規約
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.terms_title {
font-family: "Sawarabi Mincho"; /* google font */
font-size: 30px;
line-height: 1.5em;
text-align: center;
color: #fff;
background: #bfa77d;
padding: 10px 15px;
}

.terms { 
max-width: 700px;
margin: 0 auto;
padding: 30px;
background: #fff;
border-radius: 20px;
}

.terms .box { margin-bottom: 60px; }
.terms .box:last-child { margin-bottom: 30px; }

.terms .box h3 {
font-family: "Sawarabi Mincho"; /* google font */
font-size: 20px;
line-height: 1.5em;
border-bottom: 1px solid #111;
margin-bottom: 20px;
padding-bottom: 10px;
}

.terms .box li { 
line-height: 1.5em;
padding-bottom: 15px;
padding-left: 1em;
text-indent: -1em;
}
.terms .box li:last-child { padding-bottom: 0; }

@media screen and (max-width: 767px) {
.terms_title { font-size: 24px; }
}



/* プライバシーポリシー
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.privacy_title {
font-family: "Sawarabi Mincho"; /* google font */
font-size: 30px;
line-height: 1.5em;
text-align: center;
color: #fff;
background: #bfa77d;
padding: 10px 15px;
}

.privacy { 
max-width: 700px;
margin: 0 auto;
padding: 30px;
background: #fff;
border-radius: 20px;
}

.privacy .box { margin-bottom: 60px; }
.privacy .box:last-child { margin-bottom: 30px; }

.privacy .box h3 {
font-family: "Sawarabi Mincho"; /* google font */
font-size: 20px;
line-height: 1.5em;
border-bottom: 1px solid #111;
margin-bottom: 20px;
padding-bottom: 10px;
}

.privacy .box li { 
line-height: 1.5em;
padding-bottom: 15px;
padding-left: 1em;
text-indent: -1em;
}
.privacy .box li:last-child { padding-bottom: 0; }

@media screen and (max-width: 767px) {
.privacy_title { font-size: 24px; }
}



/* 特定商取引法に基づく表記
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.tokusho_title {
font-family: "Sawarabi Mincho"; /* google font */
font-size: 30px;
line-height: 1.5em;
text-align: center;
color: #fff;
background: #bfa77d;
padding: 10px 15px;
}

.tokusho { 
max-width: 700px;
margin: 0 auto;
padding: 30px;
background: #fff;
border-radius: 20px;
}

.tokusho table { 
width: 100%;
font-size: 16px;
line-height: 1.5em;
}
.tokusho th { 
width: 35%;
color: #fff;
background: #bfa77d;
border: 1px solid #111;
padding: 15px;
}
.tokusho td { 
border: 1px solid #111;
padding: 15px;
}

@media screen and (max-width: 767px) {
.tokusho_title { font-size: 24px; }
.tokusho th { display: block; width: auto; border: none; padding: 5px 15px; }
.tokusho td { display: block; border: none; padding: 5px 15px 30px 15px; }
}