/*main*/
a{color:#2364da;}a:hover{color:#ca0000;}
/*nav*/
.above_the_fold{position:relative;}
.topnavi{background:#ffffff;}
nav dl{width:100%;margin:auto;display:flex;flex-wrap:nowrap; justify-content: space-between; align-content: center;}


@media screen and (min-width:1000px){
	nav{width:100%;z-index:10;}
	nav dl .logo img {margin-right:10px; width: 100%; max-width: 333px;margin: 15px 10px;}
	
nav dl dd{margin-right:0%; padding:15px 10px;}
	nav dl dd ul{display:flex; justify-content: space-around;width:100%;font-size:1.4rem;align-items:center; margin: 20px;}
	nav dl dd ul li, .fixed_nav li{text-align:center;line-height:110%;letter-spacing:0.5px; margin: 0 2%;}
	nav dl dd ul li p, .fixed_nav li p{text-align:center;margin-top:5px;font-size:70%; color: #999999;}
	nav dl dd ul li a{text-decoration:none;color:#000000;transition:0.2s;letter-spacing:1px;text-align:center;}
	nav dl dd ul li a:hover{color:#0066cc;}
		
	.fixed_nav{position:fixed;top:0;left:0;z-index:2;width:100%;transition:.5s;transform:translateY(-100%);}
	.is-show { transform: translateY(0); }
}

@media screen and (max-width:1399px){
	nav a{font-size: 80%;margin-bottom: 10px;}
	.h_navi{margin-bottom: 20px;font-size: 80%;}
}

@media screen and (max-width:999px){
	nav{position:absolute;top:0;width:100%;}
	nav.topnavi dl dt{width:100%;padding:0px;position:fixed;top:0;width:100%;z-index:1;}
	nav dl .logo img {margin:15px auto; width: 100%;max-width: 250px;}
	.h_navi{display: none;}
}

/* drawer nav */
.drawer-toggle{display:none;}
@media screen and (max-width:999px){
	.drawer-menu{z-index:30;}
	.drawer-menu p{font-size:1.2em;}
	.drawer-nav ul{background:#fff;color:#000000;z-index:30;}
	.drawer-nav ul li{border-bottom:1px #cccccc solid;}
	.drawer-nav ul li p {font-size:90%;}
	.drawer-nav ul li a{display:block;padding:5px 10px 5px 20px;text-decoration:none;color:#000000;}
	.drawer-nav ul li a:hover{color:#999;}
	.drawer-nav ul li.member{border-bottom:0px #EEE solid;}
	.drawer-nav ul li.member a{background:#2364da;color:#FFF;}
	.drawer-nav ul li.member a:hover{background:#555;}
	.drawer-nav ul li.visitor{border-bottom:0px #EEE solid;}
	.drawer-nav ul li.visitor a{background:#234d8b;color:#FFF;}
	.drawer-nav ul li.visitor a:hover{background:#555;}
}

/*footer*/
footer{text-align:center;}
footer .copyright{text-align:center;margin-top:80px;letter-spacing:1px;font-size:1.0rem;}
footer .name{font-size:3rem;margin:20px auto 10px;}
.footer_contact{background: #000000; color: #FFFFFF; padding: 30px;text-align: center; font-size: 120%;}
footer a {text-decoration: none;}

@media screen and (min-width:1000px){
	footer{margin-top:50px;}
	footer .name{font-size:180%;margin:20px auto 10px;}
	.gmap_footer{padding-bottom:67.00%;}
}

@media screen and (max-width:999px){
	footer{margin-top:20px; margin-bottom: 20px;}
	
	footer .name{font-size:140%;margin:20px auto 10px;}
}

@media screen and (min-width:651px){
	header{width:100%;}
}
@media screen and (max-width:650px){
	/*header{}*/
	/*.nav_title{}*/
	main{margin-top:30px;}
}

/*slick*/
.slick-prev,.slick-next{top:40%;}
.slick-prev:before,.slick-next:before{font-size:50px;color:#000;}
.slick-prev{left:5px;}
.slick-next{right:35px;}

.slider{margin:40px 0px 100px; background: #efefef; padding: 20px;}
.slider ul {display:flex; }
.slider li{margin-left:10px;margin-right:10px; background: #FFFFFF;padding: 15px; width: 300px; min-height: 350px;}
.slider li img {width: 100%;}.slider li a{color:#000;text-decoration:none;}
.slider li div{font-size:1.3rem;color:#000;margin-top: 10px;}
.slider li p{font-size:1rem;color:#000;margin-top: 15px;}

/*top*/
.bg_slider{height:60vh;}
.bg_slider p { position: absolute;font-size: 6em; line-height: 200%; color: #FFFFFF; text-align: center;text-shadow: 1px 1px 1px #000000;top: 50%;        left: 50%;margin-right: -50%; transform: translate(-50%, -50%); font-weight: bold;}
.m_images {width: 100%;} .m_images img {width: 100%; max-width: 2200px;}

@media screen and (max-width:999px){
	.bg_slider{height:400px;}
	.bg_slider p {font-size: 200%; line-height: 180%;padding: 0 15px;}
}

/*common*/
h2 span{display:block;margin-top:10px; margin-bottom: 20px;}

.main_title{margin: 40px auto; font-size:350%; text-align: center;}
.title { margin-bottom: 30px;padding-bottom: 5px; text-align: center;}
.title .jpn {	font-size: 100%;	color: #999999; margin-top: 10px; text-align: center;}
.title .eng {	font-size: 200%; font-weight: bold;}
.sub_title{border-top:3px #0066cc double;border-bottom:3px #0066cc double;padding-top:8px;padding-bottom:8px;margin-bottom:15px;color:#0066cc;font-size:120%;}
.stitle {	font-size: 110%;	border-bottom: 1px dotted #0e512b;	padding-bottom: 3px;	margin-bottom: 20px;	text-align: left;	clear: both;	color: #000000;}

/*topscroll*/
.topscroll a{background:#000000;color:#FFF;}
.topscroll a:hover{background:#234d8b;color:#FFF;}

/* news */
.news_box {	display: flex;justify-content: space-around;align-items: center;	flex-wrap: wrap;	-webkit-flex-wrap: wrap;}
.news_box dt {	width: 70%;}
.news_box dd {	width: 20%; text-align: center; font-size: 200%;}
.news_box dd div {background: #1a2648; color:#ffffff; border-radius: 10px; padding: 50px 20px; font-style: italic;}

@media screen and (max-width: 999px) {
	.main_title{margin: 40px auto; font-size:250%; text-align: center;}
	.title .eng {font-size: 150%; }
.news_box dt {	width: 100%;}
.news_box dd {	width: 100%; margin: 0 auto; text-align: center; font-size: 160%; padding: 30px;}
.news_box dd div {background: #1a2648; color:#ffffff; border-radius: 10px; padding: 20px 20px; font-style: italic;}
}

.news {width: 100%;}
.news ul { padding: 5px; margin-top: 5px; margin-bottom: 15px;width: 100%;}
.news li { border-bottom: 1px solid #CCCCCC; padding-bottom: 25px; margin-top: 15px; }
.news a{ color: #000; text-decoration: none; }
.news a:hover { color: #666; transition: 0.3s; }
.news .date { margin-right: 20px; float: left; font-size: 1.2em;}
.news .title { font-size: 1.2em;}
.news .event { background: #3399cc; 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%;}
@media screen and (max-width: 999px) {
.news ul li { border-bottom: 1px solid #CCCCCC; padding-bottom: 15px; margin-top: 15px; }
}

.pr_ph02{display:flex;}.pr_ph02 li{width:50%;}
.pr_ph03{display:flex;}.pr_ph03 li{width:33.3%;}
@media screen and (max-width: 999px) {
	.pr_ph03 li{width:50%;} .pr_ph02{display: none;}}

.course_pr{position:relative;}.course_txt{position:absolute; color:#FFFFFF; top:40%; left:10%;}
.course_txt .catch {font-size:10em;font-family: 'Gentium Plus', serif;} .course_txt .sub {font-size:2.8em;}

@media screen and (max-width: 999px) {
.course_pr{position:relative;}.course_txt{position:absolute; color:#FFFFFF; top:30%; left:10%;}
.course_txt .catch {font-size:3.5em;margin-bottom: 20px;} .course_txt .sub {font-size:1.2em;}
}

/*course*/
.hole-title{font-size:2.5rem;font-weight:bold;letter-spacing:1px;margin-bottom:10px;}
.hole-title font{font-weight:normal;font-size:1.8rem;}
.swiper-slide dl{display:flex;justify-content:space-between; flex-wrap: wrap;align-items:center;}
	.swiper-slide dl dt{width:50%;}
	.swiper-slide dl dd{width:48%;}
.swiper-button{margin:20px;padding:20px;}
.swiper-slide dt img{width:100%;}
.swiper-slide dd img{width:90%;margin:0 5%;}
@media screen and (max-width:650px){
	.swiper-slide dl dt{width:100%;}
	.swiper-slide dl dd{width:100%;}
}

/*access*/
.gmap{height:0;overflow:hidden;padding-bottom:88.00%;position:relative;}
.gmap iframe{position:absolute;left:0;top:0;height:100%;width:100%;}
@media screen and (max-width:650px){
	.gmap{height:0;overflow:hidden;padding-bottom:110.00%;position:relative;}
}

/*facility*/
.photo_base li{position:relative;}
.photo_base li p{position:absolute;bottom:0;right:0;color:#333;padding:3px 15px;background:#FFF;font-size:1.1rem;border-top-left-radius:10px;}

/*restaurant*/
.restaurant_menu{display:flex;flex-wrap:wrap;justify-content:space-between;}
.restaurant_menu li{width:30%;position:relative;margin-bottom:2px;}
.restaurant_menu::after{display:block;content:"";width:33.2%;position:relative;}
.restaurant_menu li img{width:100%;}
.restaurant_menu li p{position:absolute;bottom:0;right:0;color:#FFF;padding:5px 15px;background:#3f0b58;font-size:1.1rem;border-top-left-radius:10px;}
.restaurant_menu li dl{display:flex;justify-content:space-between;flex-wrap:wrap;padding:10px;color:#FFF;}
.restaurant_menu li dl dt{margin-right:10px;font-size:1.5rem;}
.menu_bg li,.menu_bg dt,.menu_bg dd{background:#0066cc;}


.side{display:flex;flex-wrap:wrap;justify-content:space-between;}
.side li{ width:100%; border-bottom: 1px dotted #cccccc; padding-bottom: 10px; margin-bottom: 10px; }
.rest_list { display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; font-size: 110%; }
.rest_list li{ width:30%; border-bottom: 1px dotted #cccccc; padding-bottom: 10px; margin-bottom: 10px; }
.rest_list li span,.side li span { float: right; text-align: right;}
.rest_list02 { display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between;  font-size: 110%; }
.rest_list02 li{ width:48%; border-bottom: 1px dotted #cccccc; padding-bottom: 10px; margin-bottom: 10px; }
.rest_list02 li span { float: right;text-align: right;}

@media screen and (max-width:999px){
.rest_list li{ width:48%; border-bottom: 1px dotted #cccccc; padding-bottom: 10px; margin-bottom: 10px; }
.rest_list02 li{ width:100%; border-bottom: 1px dotted #cccccc; padding-bottom: 10px; margin-bottom: 10px; }
}

/* ===========================
event
============================*/

.event_info { border:5px solid #efefef; padding:30px; margin-bottom:10px;}
.event_info img { width:100%; max-width:800px; margin-bottom: 15px;}
.event_title { font-size:160%; font-weight:bold; color:#39C; margin-bottom:10px; line-height:150%;}
.event_catch { font-size:130%; font-weight:bold; margin-bottom:10px;}
.event_detail01 { float:left; background:#39C; padding: 5px; color:#FFFFFF; margin-right:5px; margin-bottom:5px;}
.event_detail02 { float:left; background:#cccccc; padding: 5px; color:#FFFFFF; margin-right:5px; margin-bottom:5px;}
.event_detail03 { float:left; background:#218af4; padding: 1px 3px; color:#FFFFFF; margin-right:1px; margin-bottom:5px; font-size:90%;}


/*youtube*/
.youtube{position:relative;width:100%;padding-top:56.25%;}
.youtube iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);width:100%;height:100%;max-height:731px;}

@media screen and (max-width:650px){
.youtube iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);width:100%;max-width:999px;max-height:731px;}
}

/* ===========================
other
============================*/

.new_ico {
	font-size:80%;
	background-color: #f00;
	color:#fff;
	font-weight:bold;
	padding:0.3em 0.5em;
	line-height: 100%;
	border-radius: 5px;
}