@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500&display=swap');


/* ===========================
header
============================*/
nav dl .logo a{display:block;}
nav a { text-decoration: none; color: #000000; transition: 0.2s; }
nav a:hover { -webkit-filter: opacity(0.8); filter: opacity(0.8); color: #0c3300; }

@media screen and (min-width:651px){
.bttn_icon{margin-left:10px;z-index:100; float: right; display: inline-block; font-size: 120%;}
.bttn_icon a{text-decoration:none;padding:7px 2px 7px 7px;text-align:center;display:block;border-radius:50%;line-height:15px;background: #0c3300; color: #FFFFFF;transition:0.3s; font-size: 70%;}
.bttn_icon a:hover{text-decoration:none;background: #999999;color: #000000; }
}

@media screen and (max-width:650px){
.bttn_icon{display:none;}.bttn_icon a{display:none;}
.header dt {width: 99%; margin-left: 1%;}.header dd {display: none;}
}

.above_the_fold nav.topnavi { position: relative; top: 0; z-index: 10;}
.h_navi div { margin-right: 10px; text-align: center;}
a.btn_member {padding: 7px; letter-spacing: 0.1em;background: #094c9e; color: #ffffff; }
a.btn_online {padding: 7px; letter-spacing: 0.1em;background: #c49610; color: #ffffff; }
a.btn_membership {padding: 7px; letter-spacing: 0.1em;background: #009944; color: #ffffff; }
a.btn_member:hover,a.btn_online:hover,a.btn_membership:hover {background:#FFFFFF; color:#0c3300;}
.h_navi,.reserve_box {display: flex;}

@media screen and (min-width: 1200px){
nav.topnavi ul { display: flex; display: -webkit-flex; justify-content: flex-end; align-items: center; }
nav dl { display: flex;justify-content:space-between; align-items: center; flex-wrap: wrap; -webkit-flex-wrap: nowrap; width: 98%; margin-left:1%; margin-right: 1%; height: 60px;}
.h_navi { display: flex; display: -webkit-flex; justify-content: flex-end; background: #0c3300; padding: 3px 1% 4px; height: 38px; line-height: 38px; }
.navi_none{display:none;}
}

@media screen and (min-width: 1400px){
nav dl dt{ width: 80%;} 
nav.topnavi { width: 100%; z-index: 10; background: rgba(255,255,255,1.0); }
nav.topnavi .logo img {max-width:220px; width: 100%; }
nav.topnavi ul li { margin: 0 2%; text-align: center; white-space: nowrap;}
.nav-check,.nav-btn,.logo_s{display:none;}
}

@media screen and (min-width: 1200px)and (max-width:1399px){
nav dl dt{ width: 80%;} 
nav.topnavi { width: 100%; z-index: 10; background: rgba(255,255,255,1.0); }
nav.topnavi .logo img {max-width:200px; width: 100%; }
nav.topnavi ul li { margin: 0 2%; text-align: center; white-space: nowrap; font-size: 90%;}
	
.fixed_nav { position: fixed; top: 0; left: 0; z-index:9999; width: 100%; transition: .5s;  padding-bottom:0px; }
.is-show { transform: translateY(0); }
.nav-check,.nav-btn,.logo_s{display:none;}
}


@media screen and (max-width: 1199px) {
	nav{position:absolute;top:0;width:100%; height: 55px; background: #FFF;}	
	nav.topnavi .logo img {max-width:200px; width: 100%; margin: 5px;  }
    .h_navi,.reserve_box {display:none;}
    .header .h_bttn{display: none;}
    .logo_s img {width:100%; max-width: 200px;}
	.nav-menu{position:fixed;top:0;right:0;transform:perspective(500px) rotateY(-90deg);opacity:0;}
	.nav-check{display:none;}
	.nav-btn{position:fixed;display:block;top:15px;right:20px;display:block;width:40px;height:40px;font-size:10px;text-align:center;cursor:pointer;z-index:3;}
	.nav-bar{position:absolute;top:0;left:0;display:block;width:40px;height:3px;background:#0c3300;transition:all .1s;transform-origin:left top;}
	.nav-bar.middle{top:11px;opacity:1;}
	.nav-bar.bottom{top:23px;transform-origin:left bottom;}
    
    .nav-menu{background:rgba(255,255,255,1);box-sizing:border-box;width:250px;height:100%;padding:50px 0;transition-property:all;transition-duration:.1s;transition-delay:0s;transform-origin:right center;}
	.nav-menu li a{color:#0c3300;display:block;padding:10px 20px;transition:all .1s;text-decoration:none;font-size:90%; border-bottom: 1px dotted #CCC;}
    
.nav-menu li a.web{background:#c49610;border-bottom-left-radius:1px; color: #FFFFFF;}
.nav-menu li a.member{background:#094c9e;border-bottom-left-radius:1px; color: #FFFFFF;}
.nav-menu li a.membership{background:#009944;border-bottom-left-radius:1px; color: #FFFFFF;}
	.nav-menu .logo_sm02 li a:hover{background:rgba(255,255,255,0.80)}
    
	.nav-menu li a:hover, .nav-menu  li a:hover p, .nav-menu ul li a:hover font{color:#ffffff;background:rgba(0,0,0,0.60)}
	.nav-btn:hover .nav-bar{background:#333333;}
	.nav-close{position:fixed;top:0;right:250px;width:100%;height:100vh;background:rgba(0,0,0,0);cursor:auto;transition-property:all;transition-duration:.1s;transition-delay:0s;visibility:hidden;opacity:0;}
	.nav-check:checked ~ .nav-menu{transition-delay:.1s;transform:none;opacity:1;z-index:2;}
	.nav-check:checked ~ .nav-btn .nav-bar.top{width:45px;transform:rotate(45deg);}
	.nav-check:checked ~ .nav-btn .nav-bar.middle{opacity:0;}
	.nav-check:checked ~ .nav-btn .nav-bar.bottom{width:45px;top:31px;transform:rotate(-45deg);}
	.nav-check:checked ~ .nav-close{transition-duration:1s;transition-delay:.1s;background:rgba(0,0,0,.5);visibility:visible;opacity:1;z-index:3;}
}


/* member nav */
.m_navi { display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; max-width:1400px; margin: 0px auto 50px;}
.m_navi li a { background: #e4e1d3; text-decoration: none; color: #000; border: 2px #e4e1d3 solid; border-top-left-radius: 5px; border-top-right-radius: 5px; text-align: center; height: 30px;  display: block; align-items: center; line-height: 30px; }
.m_navi li a:hover {  background: #fff; color: #000; border: 2px #dcd7be solid; }
.m_navi li a.select { background: #187fc4; color: #FFF; border-top: 2px #187fc4 solid; border-left: 2px #187fc4 solid; border-right: 2px #187fc4 solid; border-bottom: 2px #187fc4 solid; }


@media screen and (min-width: 651px) {
	.m_navi li { width: 33%; }
	.m_navi li a { padding: 10px 10px; }
}

@media screen and (max-width: 650px) {
	.m_navi { margin-bottom: 30px; }
	.m_navi li { width: 33%; }
	.m_navi li a { padding: 10px 5px; font-size: 0.8em; }
}


/* ------------------------
footer
------------------------*/

#footer {margin: 20px auto 0; background: #f4f4f3; padding:20px;}
#footer img { width: 100%; }
#footer .content {display:flex; justify-content: center; max-width: 1000px; margin: auto; flex-wrap: wrap; padding: 10px;}
#footer .content  dt { width: 43%; border-right:1px solid #000000;margin-right: 30px;}
#footer .content  dd { width: 100%; }
#footer .f_info { font-size: 150%; margin-left: 30px;}
#footer .c_name { font-size: 150%; margin-bottom: 20px; }
#footer .content .f_bttn{display:flex; justify-content: space-between; flex-wrap: wrap;}
#footer .content .f_bttn li{width: 30%;}
.copyright { text-align: center; letter-spacing: 1px; font-size: 70%; clear: both; margin: 10px auto;}
.f_link {background: #0c3300; text-align: center; padding: 15px; margin: 20px auto;}
.f_link .content {display:flex; justify-content: space-around; max-width: 1400px; margin: auto; flex-wrap: wrap;}
.f_link .content div {width: 15%; text-align: left; margin-bottom: 5px;}
.f_link a {color:#FFFFFF; font-size: 95%;}.f_link a:hover {color:#B1AFAF;}
.f_navi {display:flex; justify-content: center; max-width: 1200px; margin: 20px auto; flex-wrap: wrap; align-items: center;}
.f_navi li {width:30%; margin: 5px 5px;}
.f_navi img {width: 100%; max-width: 380px; border:0px solid #FFFFFF;}
.f_navi img:hover {filter: brightness(.8);}
.f_logo img {wudth:100%; max-width: 300px; margin-bottom: 15px;}



@media screen and (max-width: 720px) {
#footer { color: #000; }
#footer .content  dt { width: 100%; border-bottom:1px solid #000000; margin-bottom: 30px; padding-bottom: 30px; border-right:0px solid #000000;margin-right:0px; }
#footer .content  dd { width: 100%; }
#footer .content .f_bttn li{width: 100%;}
#footer dd img { width: 100%; }
#footer { margin-top: 15px; }
#footer .f_info { font-size: 130%; margin-left: 15px;}
#footer .c_name { font-size: 130%; margin-bottom: 20px; }
#footer .copyright { font-size: 0.8em;}

.f_link .content {display:flex; justify-content: flex-start; max-width: 720px; margin: auto; flex-wrap: wrap;}
.f_link .content div {width: 30%;}
.f_link a {color:#FFFFFF; font-size: 95%; text-align: left;}.f_link a:hover {color:#B1AFAF;}
.f_navi li {width:45%; margin-bottom: 5px;}
.f_logo img {width:100%; max-width: 200px;}
}

@media screen and (max-width: 400px) {.f_link .content div {width: 30%;}
    .f_navi li {width:100%; margin-bottom: 5px;}
}

/* ------------------------
common parts
------------------------*/
.subtitle { text-align: center; font-size: 2em; font-family:'Merriweather', serif; letter-spacing: 2px; margin: 50px auto; line-height: 180%; }
.ff_merri { font-family: 'Merriweather', serif; letter-spacing: 2px; }
.ff_noto { font-family: 'Noto Sans JP', sans-serif; }
.eng_sm {font-variant: small-caps; font-family: 'EB Garamond', serif; letter-spacing: .1em;}
.eng_dance{font-family: 'Dancing Script', cursive;}


.title {font-size: 450%; text-align: center; margin: 30px auto;font-variant: small-caps; }
.title .jpn {	font-size: 70%;	color: #CCCCCC;}
.title_eng {font-size: 450%; text-align: center; margin-bottom: 30px;font-variant: small-caps; }

.stitle {	font-size: 130%;	border-bottom: 1px dotted #000000;	padding-bottom: 3px;	margin-bottom: 20px;	text-align: left;	clear: both;	color: #000000;}
.c_caption { border-top: 3px #0c3300 double; border-bottom: 3px #0c3300 double; padding-top: 8px; padding-bottom: 8px; color: #0c3300; font-size: 1.2em; margin-bottom: 25px; }

.pagetop01 a { font-family: 'Neuton', serif; }

@media screen and (min-width: 651px) {
	.pr_text { letter-spacing: 1.5px; line-height: 170%; }
	.sub_caption { font-size: 1.3em; }
}

@media screen and (max-width: 650px) {
    .title {font-size: 300%; text-align: center; margin: 30px auto;font-variant: small-caps; }
	.pr_text { letter-spacing: 1px; }
	.sub_caption { font-size: 1.2em; }
}

/* ------------------------
box
------------------------*/
/* basebox */
@media screen and (min-width: 1000px) {
	.container { min-width: 900px; }
	.limit_box { max-width: 1400px; padding: 30px; margin: auto; }
	.limit_box_sm { max-width: 1200px; padding: 0 30px; margin: 0px auto 70px auto; background: rgba(255,255,255,0.9); }
	.wide_box { margin: 0px auto 300px ; clear: both; position: static;}
	.sm_box { max-width: 1000px; padding: 0px; margin: 0px auto 0px auto; }
}

@media screen and (max-width: 999px) {
	.container { font-size: 1.3em; }
	.limit_box { margin: 0 3%; }
	.limit_box_sm { margin: 20px 3%; }
	.wide_box { margin: 30px auto; }
}

.list2 ul li {
	margin-left: 1rem;
	text-indent: -1.5rem;
}
/* ------------------------
content
------------------------*/
/*top*/
.bg_slider .ph_copy {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);color: #FFFFFF; font-size: 280%; text-align: center;  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.9); width:90%;}
.bg_slider .ph_copy font {display: block;}
.m_images {width: 100%; margin-bottom:15px; padding-top: 0px; } .m_images img {width: 100%;}
@media screen and (min-width:1400px){
.bg_slider{height:800px; padding-top: 150px;}
}
@media screen and (min-width: 800px)and (max-width:1399px){
.bg_slider{height:600px; padding-top: 150px;}
.bg_slider .ph_copy { font-size: 200%;}
.m_images {width: 100%; margin-bottom:15px; padding-top: 0px; } 
}
@media screen and (min-width: 451px)and (max-width:799px){
.bg_slider{height:250px; padding-top: 50px;}
.bg_slider .ph_copy { font-size: 160%;line-height: 180%; }
}
@media screen and (max-width:450px){	
.bg_slider{height:250px; padding-top: 50px;}
.bg_slider .ph_copy {font-size: 130%;line-height: 180%; }
}

.main_pr {height: 800px; position: relative;}
.main_pr p {  position: absolute; top: 50%;    left: 50%;transform: translate(-50%, -50%);    -webkit-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);}
.main_pr p{  font-family:'Noto Serif JP',serif; font-size: 280%; color: #FFFFFF; text-align: center;text-shadow: 1px 1px 5px #000000; font-weight: bold;   line-height: 180%;}
.main_pr font{font-size:170%;}

@media screen and (max-width:1399px){
.main_pr p {  position: absolute; top: 50%;left: 50%; font-size: 240%; width: 90%;}
.main_pr {height: 750px;}
}

@media screen and (max-width:800px){
.main_pr p {  position: absolute; font-size: 120%;top: 50%; left: 50%; width: 90%;}
.main_pr {height: 350px;}
}

/* news */
.news_box {display: flex; flex-wrap: nowrap; justify-content: space-around; flex-wrap: wrap; align-items: center;}
.news_box dt {width:40%;} .news_box dd {width:55%; margin-top: 15px;}
.news {width: 100%;}
.news ul { padding: 0px; width: 100%;}
.news li { border-bottom: 1px solid #CCCCCC; padding-bottom: 10px; margin-top: 0px; display: block; }
.news a{ color: #fff; text-decoration: none; }
.news a:hover { color: #666; transition: 0.3s; }
.day { margin-right: 20px; float: left;color: #fff;  }
.news .comp { background: #3a5dae; color: #ffffff; margin-right: 20px; float: left; padding: 3px 5px; font-size: 90%;}
.news .info { background: #000000; color: #ffffff; margin-right: 20px; float: left; padding: 3px 5px; font-size: 90%;}
.news .rest { background: #ffcc33; color: #000000; margin-right: 20px; float: left; padding: 3px 2px; font-size: 90%; letter-spacing: -.1em;}
@media screen and (max-width: 999px) {
.news_box dt {width:100%;} .news_box dd {width:100%; margin-top: 15px;}
.news li { border-bottom: 1px solid #CCCCCC; padding-bottom: 5px; margin-top: 5px; font-size: 90%; }
}

/* concept_box */

.concept_eng {font-variant: small-caps; color: #eeeeee;}
@media screen and (min-width:1400px){
.concept_box { width:80%; margin: 50px auto 100px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.concept_box .c_photo {width:60%;}
.concept_box .c_photo img {width:100%;}
.concept_box .content { color: #000000; width:35%;}
.concept_mark img {margin-top: -50px; width: 100%; max-width:700px;}
.content .catch {font-size:1.7em;}
.concept_eng {font-size: 800%;}
}

@media screen and (min-width: 1200px)and (max-width:1399px){
.concept_box { width:80%; margin: 50px auto 100px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.concept_box .c_photo {width:55%;}
.concept_box .c_photo img {width:100%;}
.concept_box .content { color: #000000; width:40%;}
.concept_mark img {margin-top: -50px; width: 100%; max-width:700px;}
.content .catch {font-size:1.4em;}
.concept_eng {font-size: 600%;}
}

@media screen and (max-width: 1199px) {
.concept_box {height: 100%; width: 90%; max-width: 1400px;  margin: auto; margin-bottom:50px;position: relative;}
.concept_box .c_photo {margin-top: 30px; width: 100%; }
.concept_box .c_photo img {max-width: 1313px; width:100%;}
.concept_box .content { padding: 30px 20px; color: #000000; }
.concept_eng {font-size: 600%; margin-top: 50px;}
.concept_mark img {margin-top: 0px; width: 80%; max-width:700px;}
.concept_txt{ line-height: 180%; font-size: 110%;}  
.content .catch {font-size:1.5em;line-height: 180%; }
}
/* concept_box */

.facility_img {display:flex; justify-content: space-between; flex-wrap: nowrap; max-width: 800px; margin: auto;}
.facility_img li {width:48%;} .facility_img img {width:100%;}
@media screen and (min-width:1400px){
.facility_box { position: relative; height: 100%; width: 100%; margin: auto; margin-bottom: 300px; }
.facility_box .content { background: #f2f5fa; background-size: 40%; padding: 35px; position: absolute; top:60%; left: 15%; right:15%; width: 70%; z-index: 10; margin: auto;}
.facility_eng {font-size: 450%; text-align: center; margin-bottom: 30px;font-variant: small-caps; }
.facility_txt{position: absolute; top:170px;}
.facility_box .catch {font-size:1.8em;}
}

@media screen and (min-width: 1250px)and (max-width:1399px){
.facility_box { position: relative; height: 100%; width: 100%; margin: auto; margin-bottom: 500px; }
.facility_box .content { background: #f2f5fa; background-size: 40%; padding: 35px; position: absolute; top:80%; left:10%; right:10%; width:80%; z-index: 10; margin: auto;}
.facility_eng {font-size: 450%; text-align: center; margin-bottom: 15px;}
.facility_txt{position: absolute; top:170px;}
.facility_box .catch {font-size:1.7em;}
.facility_img li {width:48%;} .facility_img img {width:100%;}
}

.ph_img {display:flex; justify-content: space-between; flex-wrap: wrap;}
.ph_img li {width:48%; margin-bottom: 15px}
.ph_img img {width:100%; 	filter: brightness(0.5);}
img.ph_img_hover:hover { transition: .5s; 	filter: brightness(1);}
.ph_img .under {margin-top:50px;}
.ph_img .txt {border:2px solid #FFFFFF; padding: 5px 1%; color: #FFFFFF; position: absolute; top:40%; left:13%; text-align: center; width: 70%; filter:drop-shadow(5px 5px 5px #666666);text-shadow:1px 3px 3px #513c3c; z-index: 9999;}

@media screen and (max-width: 1249px) {
.facility_box {  height: 100%; width: 100%; margin: auto; margin-bottom: 50px; }
.facility_box .content { background: #f2f5fa; background-size: 40%; padding: 30px; z-index: 10; margin: auto;}
.facility_eng {font-size: 300%;  text-align: center; margin-bottom:20px;}
.facility_txt{position: absolute; top:170px; }
.facility_box .catch {font-size:1.6em;}

.ph_img {display:flex; justify-content: space-between; flex-wrap: wrap; width: 90%; margin: 0 auto 20px;}
.ph_img li {width:48%;} .ph_img img {width:100%;}
.ph_img .txt {border:1px solid #FFFFFF; padding: 5px 1%; color: #FFFFFF; position: absolute; top:35%; left:13%; text-align: center; width: 70%; filter:drop-shadow(5px 5px 5px #000000);text-shadow:1px 3px 3px #513c3c;}
}

/*fee*/
.calendar{width:100%;letter-spacing:0px;table-layout:fixed;}
.calendar th{background:#EEE;padding:10px 0;text-align:center;}
.calendar td{background:#f9f9f9;padding:5px 0;vertical-align:top;color:#817c5b;text-align:center;}
.calendar td p{text-align:center;padding:5px 0;color:#333;}
.calendar td span{display:block;text-align:center;}
.calendar .holi{background:#ffc5c5;}
.calendar .satur{background:#def6ff;}
.calendar .enjoy{background:url("../img/icon/enjoy.png") no-repeat right center;color:#4f7400;}
.calendar .lunch{background:url("../img/icon/lunch.png") no-repeat right center;color:#e24a00;}
.calendar .lunch02{background:url("../img/icon/lunch_02.png") no-repeat right center;color:#e24a00;}
.calendar .warimashi_nashi{background:url("../img/icon/warimashi_nashi.png") no-repeat right center;color:#004eaf;}
.calendar .gw{background:url("../img/icon/gw.png") no-repeat right center;color:#e89606;}
.calendar .bon{background:url("../img/icon/bon.png") no-repeat right center;color:#442c02;}

.enjoy_icon{background:url("../img/icon/enjoy.png") no-repeat left center;padding-left:20px;}
.lunch_icon{background:url("../img/icon/lunch.png") no-repeat left center;padding-left:20px;}
.lunch02_icon{background:url("../img/icon/lunch_02.png") no-repeat left center;padding-left:20px;}
.gw_icon{background:url("../img/icon/gw.png") no-repeat left center;padding-left:20px;}
.bon_icon{background:url("../img/icon/bon.png") no-repeat left center;padding-left:20px;}
.warimashi_nashi_icon{background:url("../img/icon/warimashi_nashi.png") no-repeat left center;padding-left:20px;}

/* course */
.course_copy {margin-bottom:60px; }
.course_copy {font-size:150%; line-height: 180%; margin-bottom: 10px; text-align: center;}
.course_copy_sm {font-size:120%; line-height: 180%; margin-bottom: 30px; text-align: center;}
.course_copy span {   display: inline-block;margin: 10px auto 0; }
.course_copy_sm span {   display: inline-block;margin:5px auto 0; }
.course_title {border-bottom: 5px double #CCCCCC; padding: 0px 20px 20px 20px; margin: 30px 0px ;text-align: center;}
.course_title .hole_number { font-size: 200%; border-bottom: 2px solid #CCCCCC; margin-bottom: 10px;}
.course_table th {font-size:100%; padding: 10px 10px;}
.course_table td {font-size:120%; padding: 10px 10px;}

.swiper-slide:hover{cursor:pointer;}
.swiper_hole h3{font-size:3.0rem;padding:15px 0;border-top:5px #EEE solid;}
.swiper_hole h3 font{font-size:1.8rem;}
.swiper_hole dt img{margin-bottom:10px;border-radius:3px;}

/* hole_box */
.hole_box .hole_nav { display: flex; display: -webkit-flex; align-items: baseline; }
.hole_box .hole_nav li { width: 48%; text-align: center; margin-right: 1%;background: #ffffff; color: #0c3300; }
.hole_box .hole_nav li a { display: block; padding:20px 10px; text-decoration: none; color: #0c3300; border-left:2px solid #0c3300;border-top:2px solid #0c3300;border-right:2px solid #000000;}
.hole_box .hole_nav li a.select {  background: #0c3300;  color: #fff; border-radius: 10px 10px 0 0;padding: 20px 10px;  }
.hole_box .hole_nav li a:hover { background: #555; color: #FFF; }
.hole_title { font-family: 'Neuton', serif; }
.hole_box .swiper-container { background: rgba(255,255,255,1); border:2px solid #000000; padding:20px; }

@media screen and (min-width: 651px) {
.course_title {border-bottom: 5px double #CCCCCC; padding: 0px 20px 20px 20px; margin: 30px 0px ;  text-align: center;}
.course_title .hole_number { font-size: 200%; border-bottom: 2px solid #CCCCCC; margin-bottom: 10px;}	
.hole_box { max-width: 1200px; margin: 70px auto; }
.hole_box .hole_nav li { font-size: 1.8em; }
.layout_img { margin-top: 0px; }
.layout_img img { width: 100%; max-width:240px;}
.hole_box .swiper-slide dl { display: flex; justify-content: space-between; }
.hole_box .swiper-slide dl dt { width: 60%; }
.hole_box .swiper-slide dl dd { width: 35%; text-align: center; }
.hole_box .swiper-container li .slide-inner { padding: 20px; }
}

@media screen and (max-width: 650px) {
.course_title {border-bottom: 5px double #CCCCCC; padding: 0px 20px 20px 20px; margin: 30px 0px ; width: 80%; text-align: center;}
.course_title .hole_number { font-size: 200%; border-bottom: 2px solid #CCCCCC; margin-bottom: 10px;}

.course_table th {font-size:80%; padding: 10px 5px;}
.course_table td {font-size:120%; padding: 10px 0px;}
    
.hole_box { margin: 50px 0%; padding-top: 50px; }
.hole_box .hole_nav li a { padding:20px 10px;font-size: 1.8em;  }
.hole_box .layout_img { margin-top: 20px; }
.hole_box .swiper-slide dl { display: block; }
.hole_box .swiper-container li .slide-inner { padding: 20px; }
.layout_img img { width: 100%; max-width:150px;}
}
/* facility */
.ph_box {position:relative;}
.ph_box .txt{position:absolute; bottom:0; right:0; background: rgba(0,0,0,0.8); color: #FFFFFF; padding: 3px 5px;}

.restaurant-menu{flex-wrap:wrap;}
.restaurant-menu img{width:100%;border-radius:2px;}
.restaurant-menu dl{margin:10px 0 20px 0;color:#000000;}
.restaurant-menu dt{padding-bottom:10px; width:100%; }
.restaurant-menu dd{font-size:100%;letter-spacing:0;}
.restaurant-menu_text{color:#000000;}
.restaurant-menu_text p{margin-bottom:10px;padding-bottom:10px;border-bottom:1px #efefef solid;}
.restaurant-menu_text p span{float:right;font-size:90%; text-align: right; line-height: 120%; }
.restaurant-menu_text p font{display:block;font-size:90%;color:#000000;letter-spacing:0;margin-top:3px;}
.restaurant-menu h3,.restaurant-menu_text h3{font-size:120%;border-bottom:5px #a6a292 double;margin-bottom:10px;padding-bottom:5px;color:#8e680c;}
.res_3{display:flex;}.res_3 li{width:32%;}
.res_4{display:flex;}.res_4 li{width:23%;}
.res_2{display:flex;}.res_2 li{width:48%;}
.res_3_txt{display:flex;}.res_3_txt li{width:32%;}
.summer {background:#0070be; color: #FFFFFF; border-radius: 5px; margin-right: 5px; padding: 3px 5px; font-size: 80%;}

.restaurant-menu .title {font-size:130%;line-height: 90%;margin-bottom:0px; }
.restaurant-menu .price{display:block;font-size:90%; text-align: right;margin-bottom:5px;}
.restaurant-menu .detail{font-size:100%; border-top:1px solid #CCCCCC; padding-top: 5px; display:block;}
@media screen and (max-width:1199px){
.restaurant-menu .title {font-size:120%;margin-bottom:0px;line-height: 90%; }
.res_3_txt{display:flex;}.res_3_txt li{width:100%;}
.res_3{display:flex;}.res_3 li{width:48%;}
.res_4{display:flex;}.res_4 li{width:48%;}
.res_2{display:flex;}.res_2 li{width:48%;}
}

/* ------------------------
google map
------------------------*/
.gmap {	height: 0;	overflow: hidden;	padding-bottom: 67%;	position: relative;}
.gmap iframe {	position: absolute;	left: 0;	top: 0;	height: 100%;	width: 100%;}

/* ------------------------
event_box
------------------------*/
.event_box{padding:30px;border:1px #d5c593 solid;border-radius:10px;margin-bottom:20px;}
.event_box ul img{width:100%;}
.event_box h3{border-top: 3px #0c3300 double; border-bottom: 3px #0c3300 double; padding-top: 8px; padding-bottom: 8px; color: #0c3300; font-size: 1.2em; margin-bottom: 15px;}