/*main*/
a{color:#3a8a2c; text-decoration: none;}a:hover{color:#ca0000;}
/*nav*/
.topnavi{background:#ffffff; }
nav dl{width:100%;margin:auto;display:flex;}
nav dl .logo{margin:0px 20px;}

@media screen and (min-width: 1000px) {
    .above_the_fold  { position: relative; }
    .above_the_fold nav.topnavi { position: absolute; bottom: 0; z-index: 9999; }
	nav dl { display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; -webkit-align-items: center; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; width: 96%; margin:auto; max-width: 1400px; }
	nav dl dt { width: 95%; margin: 0 auto;}
 	nav.topnavi { width: 100%; z-index: 10; padding-bottom: 10px; background: rgba(255,255,255,1.0); }
	nav.topnavi .logo img { max-width: 400px; width: 100%; }
	nav.topnavi ul { display: flex; display: -webkit-flex; justify-content: space-between; width: 100%; align-items: center; }
	nav.topnavi ul li a { margin-right: 10px; text-align: center; line-height: 120%; color:#000; font-weight: bold; font-size: 120%;}
    .logo_sm01{display: none;}
	
	.fixed_nav { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; transition: .5s; transform: translateY(-100%); }
	.fixed_nav .logo img { max-width: 400px; width: 100%; }
	.fixed_nav a { text-decoration: none; transition: 0.2s; }
	
	.fixed_nav .top_fixed { display: flex; display: -webkit-flex; justify-content: space-between; width: 100%; align-items: center;  }
	.fixed_nav .top_fixed a { margin-right: 10px; text-align: center; line-height: 120%; color:#000; font-weight: bold; font-size: 120%;}
	nav.topnavi ul li a:hover,.fixed_nav .top_fixed a:hover { color: #ccc; }
	.is-show { transform: translateY(0); }
    
    
.m_images {width: 100%; margin-bottom:50px; position: relative; } .m_images img {width: 100%;}
}


@media screen and (max-width:999px) {	
	.logo_sm01{background:#FFF;position:fixed;top:0;z-index:1; width: 100%;}
	.logo_sm01 img { width:100%; margin:5px; max-width:250px;}
	
	nav.topnavi .logo {display: none;}
}


/* drawer nav */
.drawer-toggle{display:none;}
@media screen and (max-width:999px){
	.drawer-menu { z-index: 30; }
	.drawer-nav ul { background: rgba(255,255,255,0.9); z-index: 30; }
	.drawer-nav ul li { padding-left: 10px; border-bottom: 1px #64666d solid; }
	.drawer-nav ul li a { display: block; padding: 5px 10px 5px 10px; text-decoration: none; font-size:90%; color: #000;}
	.drawer-nav ul li a:hover { color: #3a8a2c; }
	.drawer-nav ul li.sns{border-bottom:1px #fff solid;padding-left: 0px; padding-right: 0px;}
	.drawer-nav ul li.sns a{background:#3399cc;color:#FFF;}
	.drawer-nav ul li.sns a:hover{background:#006699;}
	.drawer-nav ul li.reserve{border-bottom:1px #fff solid;padding-left: 0px; padding-right: 0px; }
	.drawer-nav ul li.reserve a{background:#399e18;color:#FFF;}
	.drawer-nav ul li.reserve a:hover{background:#000000;}
}

@media screen and (min-width: 1000px) {
.h_right { position:absolute; right:230px; z-index:99; top:30px; display: flex; display: -webkit-flex; justify-content: space-around; align-items: center; background:rgb(255,255,255); padding: 15px 10px; font-weight: bold;}
.h_right a {font-size: 150%; color: #000000; font-style: italic; font-weight: bold; }
.h_right img { margin-right: 15px; margin-left: 15px; width: 100%; max-width: 30px;}
.h_right a:hover { -webkit-filter: opacity(0.5); filter: opacity(0.5); transition: 0.2s; color: #000000; }
    
.h_online { position:absolute; right:30px; z-index:99; top:30px; background: #399e18; padding: 18px 10px; display: block;}
.h_online a{ color: #ffffff; font-size: 120%; width: 100px; text-align: center; vertical-align: middle; font-weight: bold; }
.h_online a:hover { color: #000; transition: 0.2s;}
    
.video_box{position:relative;overflow:hidden;width:100%;height:100vh;}
video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;transform:translate(-50%, -50%);}
    
}

@media screen and (max-width: 999px) {
	.h_right, .h_online { display: none;}
	.video_box{margin-top:0px;overflow:hidden;width:100%;height:30vh; position: relative;}
	video{width:100%;}
}

/*footer*/
#footer {margin: 20px auto 0; background-color:rgba(196, 196, 196, .2);}
#footer img { width: 100%; }
#footer .content {display:flex; justify-content: center; max-width: 1000px; margin: auto; flex-wrap: wrap; padding: 30px;}
#footer .content  dt { width: 43%; border-right:1px solid #000000;margin-right: 30px;}
#footer .content  dd { width: 50%; }
#footer .content  dt .tel { font-size: 250%; display: inline-block;}
.footer {max-width:1400px; margin:30px auto; display: flex; justify-content: center; }
.footer .f_info { margin-right: 30px;}
.footer .c_name { font-size: 140%; margin-bottom: 20px; }
.footer .c_address { font-size: 100%; margin-bottom: 20px; }
.footer .policy { text-align: left; font-size: 80%;}
.copyright { text-align: center; letter-spacing: 1px; font-size: 70%; clear: both; margin: 10px auto;}



@media screen and (max-width: 999px) {
#footer { color: #333; }
#footer .content {display:flex; justify-content: center; max-width: 939px; margin: auto; flex-wrap: wrap; padding: 30px;}
#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  dt .tel { font-size: 160%; display: inline-block; margin-top: 10px;}
.footer {margin:30px auto; display: flex; justify-content: center; flex-wrap: wrap }
.footer .f_info { font-size: 120%; width: 100%; margin-right: 0px;}
.footer .c_name { font-size: 120%; margin-bottom: 20px;text-align: center;}
.footer .c_address { font-size: 90%; margin-bottom: 20px; text-align: center;}
.f_link{display:none; }
.footer .policy { text-align: center;margin: 0 auto;}
}


@media screen and (min-width:651px){
	header{width:100%;}
}
@media screen and (max-width:650px){
	header{}
	main{margin-top:0px;}
	.f_inner {font-size:60%}
}

/*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;}
.slider li{margin-left:10px;margin-right:10px;}
.slider li a{color:#000;text-decoration:none;}
.slider li .slider_title{font-size:150%;color:#000;margin-bottom:15px; text-align: left;  margin-top: 10px; }
.slider li p{color:#666;}

/*top*/
.bg_slider{height:550px;}
.bg_slider .banner {position: absolute; right:2%; bottom:5%;}
.bg_slider .banner img {width:100%; max-width: 400px;}

@media screen and (max-width:650px){	
.slider li .slider_title{font-size:100%;color:#000;margin-bottom:10px; text-align: left;  margin-top: 10px; }
.slider li p{font-size:85%;}
.bg_slider .banner {position: absolute; right:2%; bottom:10%;}
.bg_slider{height:400px;}
}

/* basebox */
@media screen and (min-width: 1000px) {
	.container { min-width: 900px; font-size: 1.45em; }
	.limit_box { max-width: 1400px; padding: 30px; margin: 50px auto 10px auto; }
	.limit_box_member { max-width: 1200px; padding: 0 30px; margin: 0px auto 70px auto; background: rgba(255,255,255,0.9); }
	.wide_box { margin: 0px auto 0px ;}
	.sm_box { max-width: 1000px; padding: 30px; margin: 10px auto 50px auto; }
}

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

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

.title {margin-bottom: 30px;	padding: 8px;}
.title .jpn {	font-size: 70%;	color: #666666;}
.title .eng {	font-size: 150%;font-weight: bold; }

.title02 {margin-bottom: 30px;	padding: 8px; text-align: right;}
.title02 .jpn {	font-size: 70%;	color: #666666;}
.title02 .eng {	font-size: 150%; border:1px solid #000000; margin-bottom: 5px; display: inline-block; font-weight: bold; padding: 5px 15px;}

.copy_title,.copy_title02{font-size:350%; color: #000; text-align: center; margin-bottom: 50px;}

.sub_title{border-top:3px #007d3e double;border-bottom:3px #007d3e double;padding-top:8px;padding-bottom:8px;margin-bottom:15px;color:#007d3e;font-size:120%;}
.stitle {	font-size: 140%;	border-bottom: 1px dotted #0e512b;	padding-bottom: 3px;	margin-bottom: 20px;	text-align: left;	clear: both;	color: #000000;}
.c_caption { border-top: 3px #3a5dae double; border-bottom: 3px #3a5dae double; padding-top: 8px; padding-bottom: 8px; font-size: 110%; margin-bottom: 15px; }
@media screen and (max-width:999px){
.title02 {margin-bottom: 0px;	padding: 8px; text-align: right;}
.copy_title{font-size:250%; color: #000; text-align: center; margin: 30px auto; line-height: 160%;}
.copy_title02{font-size:170%; }
}

/*topscroll*/
.topscroll a{background:#2f478c;color:#FFF;}
.topscroll a:hover{background:#557877;color:#FFF;}

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

/* member news */
.m_news { padding: 0px;  font-size: 1.0em; }
.m_news li { padding: 10px 0px; width: 100%; border-bottom: 1px dotted #B1AFAF; }
.m_news a{ text-decoration: none; }
.m_news a:hover { color: #ae9b5b; transition: 0.3s; }
.m_news .date { margin-right: 15px; }
.new_ico {	font-size:80%;	background-color: #BC0606;	color:#fff;	font-weight:bold;	padding:0.3em 0.5em;	line-height: 100%;	border-radius: 5px; margin-left: 15px;}
.top_access{text-align: center; margin: 30px auto; padding: 15px; border: 2px solid #CCCCCC; font-size: 140%;}

@media screen and (min-width:1000px) {
    .m_news { margin: 0px 0px 0px 0px;}
	.m_news ul li { margin: 0 0px;padding:10px 0px;   line-height: 160%; width: 100%;}
}

@media screen and (max-width: 999px) {
    .m_news { margin: 0px auto; width: 95%;}
	.m_news ul li { margin: 0 0px; font-size: 95%;padding:10px 0px;   line-height: 160%; }
    .news_box dt, .news_box dd {width:100%; margin-bottom: 15px;}
    .news_box .title {margin-bottom:25px;}
    .top_access{margin: 15px auto; padding: 10px; border: 2px solid #CCCCCC; font-size: 90%;}
}



@media screen and (min-width: 1400px) {
.course_pr{position:relative; width: 80%; margin: 0 auto 300px; min-height: 600px; z-index: 6; }
.course_txt{background: rgba(255,255,255,0.7);padding:50px; position: absolute;top:100px;left:0; z-index: 555; width: 40%; text-align: center;}
.course_txt .catch {font-size:500%;background: #CCCCCC; padding: 20px 50px; text-align: center; color: #FFF; margin: 30px auto 50px; display: inline-block;} 
.course_txt .sub {font-size:120%; text-align: left;padding: 20px;line-height: 180%;  }
.course_img{width:80%;position: absolute; right:0;z-index: 333; top:0; }
.course_img img {width:100%;}

.rest_pr{position:relative; width: 80%; margin: 0 auto 100px; min-height: 600px;}
.rest_txt{background: rgba(0,0,0,0.7);padding:50px; position: absolute;top:50px;right:50px; min-height:500px; z-index: 6; width: 40%; text-align: center;}
.rest_txt .catch {font-size:500%;background: #fff; padding: 20px 50px; text-align: center; color: #000; margin: 30px auto 50px; display: inline-block;} 
.rest_txt .sub {font-size:120%; text-align: left;padding: 20px; color:#FFFFFF; line-height: 180%; }
}

@media screen and (min-width:1000px) and (max-width:1399px){
.course_pr{position:relative; width: 95%; margin: 0 auto 400px; min-height: 300px;}
.course_txt{background: rgba(255,255,255,0.7);padding:30px; position: absolute;top:50px;left:0; z-index: 6; width: 60%; text-align: center;}
.course_txt .catch {font-size:500%;background: #CCCCCC; padding: 10px 50px; text-align: center; color: #FFF; margin: 30px auto; display: inline-block;} 
.course_txt .sub {font-size:100%; text-align: left;padding: 10px;line-height: 180%;  }
.course_img{width:80%;position: absolute; right:0;z-index: 3; top:0; }
.course_img img {width:100%;}

.rest_pr{position:relative; width: 95%; margin: 0 auto 400px; min-height: 300px;}
.rest_txt{background: rgba(0,0,0,0.7);padding:30px; position: absolute;top:50px;right:50px; z-index: 6; width: 40%; text-align: center;}
.rest_txt .catch {font-size:500%;background: #fff; padding: 10px 50px; text-align: center; color: #000; margin: 30px auto; display: inline-block;} 
.rest_txt .sub {font-size:100%; text-align: left;padding: 10px; color:#FFFFFF; line-height: 180%; }

.rest_img{width:100%;position: absolute; left:0;z-index: 3; top:0; }
.rest_img img {width:100%;}
}

@media screen and (max-width: 999px) {
.course_pr{width: 95%; margin: 0 auto 100px; position: static;}
.course_txt{padding:15px; width: 94%; text-align: center;}
.course_txt .catch {font-size:300%;background: #CCCCCC; padding: 15px 50px; text-align: center; color: #FFF; margin: 30px auto; display: inline-block;} 
.course_txt .sub {font-size:100%; text-align: left;padding: 10px;line-height: 180%;  }
.course_img{width:100%;z-index: 333; top:0; }
.course_img img {width:100%;}

.rest_pr{width: 95%; margin: 0 auto 50px; min-height: 300px;}
.rest_txt{background: rgba(0,0,0,0.7);padding:30px 3%;width: 94%; text-align: center;}
.rest_txt .catch {font-size:270%;background: #fff; padding: 15px; text-align: center; color: #000; margin: 30px auto; display: inline-block;} 
.rest_txt .sub {font-size:100%; text-align: left;padding: 10px; color:#FFFFFF; line-height: 180%; }
.rest_img{width:100%;z-index: 333; top:0; }
.rest_img img {width:100%;}
}

.link_bnr a {color:#000;}
.link_bnr img a {width:100%; max-width: 536px;}
.link_bnr img a:hover {background: rgba(0,0,0,0.7);}

/*course*/
.catchcopy{ font-size:200%; line-height: 180%;}
.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;}
	.swiper-slide dl dt{width:60%;}
	.swiper-slide dl dd{width:38%;}
.swiper-button{margin-padding:20px;margin-padding:20px;}
.swiper-slide dt img{width:100%;}
.swiper-slide dd img{width:90%;margin:0 5%;}
@media screen and (max-width:650px){
.catchcopy{ font-size:140%; line-height: 180%;}
	.swiper-slide dl dt{width:100%;}
	.swiper-slide dl dd{width:100%;}
}

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

.event_calendar{width:100%;border-spacing:2px;table-layout:fixed;}
.event_calendar th{text-align:center;padding:10px;}
.event_calendar td{text-align:center;vertical-align:top;padding:10px;}

.weekday{background:#f3f3f3;}
.saturday{background:#e4f4fe;}
.holiday{background:#fedfdf;}
 a.icon{border-radius:3px;text-align:center;margin-top:5px;margin-bottom:2px;padding:2px 5px; display: block;}
.icon_empty{padding:10px 0;}

 a.sl_comp {background:#e9415d;color:#FFF;}
 a.sl_comp:hover{background:#000000;color:#FFF;}

 a.food_comp{background:#d29900;color:#FFF;}
 a.food_comp:hover{background:#000000;color:#FFF;}

a.other_comp{background:#0080ff;color:#FFF;}
 a.other_comp:hover{background:#000000;color:#FFF;}

a.gear_comp{background:#539509; color:#FFF;}
 a.gear_comp:hover{background:#000000;color:#FFF;}

@media screen and (max-width:650px){
 a.icon{border-radius:3px;text-align:center;margin-top:5px;margin-bottom:2px;padding:2px 5px; display: block; font-size:70%; }
    .event_calendar span {display: none;}
}
/*parts*/
.photo_gallery{display:flex;flex-wrap:wrap;justify-content:space-between;}
.photo_gallery li{width:49.9%;position:relative;margin-bottom:1.5px;}
.photo_gallery li img{width:100%;}
.photo_gallery li p{position:absolute;bottom:0;right:0;color:#FFF;padding:5px 15px;background:#1a2648;font-size:1.1rem;border-top-left-radius:10px;}
.photo_gallery li dl{display:flex;justify-content:space-between;flex-wrap:wrap;padding:10px;color:#FFF;text-shadow:0px 0px 4px #000;}
.photo_gallery li dl dt{margin-right:10px;font-size:1.5rem;}
.photo_gallery03{display:flex;flex-wrap:wrap;justify-content:space-between;}
.photo_gallery03 li{width:33.3%;position:relative;margin-bottom:1.5px;}
.photo_gallery03 li img{width:100%;}
.photo_gallery03 li p{position:absolute;bottom:0;right:0;color:#FFF;padding:5px 15px;background:#1a2648;font-size:1.1rem;border-top-left-radius:10px;}
.photo_gallery03 li dl{display:flex;justify-content:space-between;flex-wrap:wrap;padding:10px;color:#FFF;text-shadow:0px 0px 4px #000;}
.photo_gallery03 li dl dt{margin-right:10px;font-size:1.5rem;}
.text_menu{display:flex;justify-content:space-between;}

@media screen and (max-width:650px){
	.photo_gallery li{width:100%;margin-bottom:1px;}
	.photo_gallery03{flex-wrap:wrap;}
	.photo_gallery03 li{width:100%;margin-bottom:1px;}
	.photo_gallery03 li{width:49.8%;}
}

/*restaurant*/
.restaurant_menu li, .restaurant_menu02 li {margin-bottom:20px;}
.restaurant_menu img, .restaurant_menu02 img {width:100%;border-radius:10px;}

.restaurant_menu dl, .restaurant_menu02 dl{margin-top:10px;}
.restaurant_menu dl dt{float:left;padding:3px 10px;}
.restaurant_menu dl dd{float:right;padding:3px 10px;}
.restaurant_menu02 dl dt, .restaurant_menu02 dl dd{ display:block; padding-top:3px 10px 0; margin-bottom:0; }
.restaurant_menu02 dl dt { margin-bottom:0.3em; }
.restaurant_menu02 dl dd { text-align:right; margin-bottom:1em; }
.restaurant_menu font, .restaurant_menu02 font { display:inline-block; }

.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;  }
.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;  }
.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 font { display:inline-block; }
/*event*/
.event{border:2px #EEE solid;margin-top:20px;border-radius:10px;}
.event dl dt img{width:100%;border-radius:10px;}
.event_title{font-size:2rem;border-top:3px #2f478c double;border-bottom:3px #2f478c double;padding:5px 0;margin-top:10px;margin-bottom:15px;color:#2f478c;}
.event02_title{font-size:1.5rem;border-top:3px #2f478c double;border-bottom:3px #2f478c double;padding:5px 0;margin-top:10px;margin-bottom:15px;color:#2f478c;}


@media screen and (min-width:651px){
	.event{padding:20px;}
	.event table th{width:20%;}
	.event dl{display:flex;justify-content:space-between;align-items:flex-start;}
	.event dl dt{width:35%; margin-bottom: 15px;}
	.event dl dd{width:60%; margin-bottom: 15px;}
}

@media screen and (max-width:650px){
	.event{padding:10px;}
	.event dl dt{margin-bottom:15px;}
	.event table th,.event02 table th{display:block;text-align:left;}
	.event table td,.event02 table td{display:block;}
}
/*event*/
.event_box{display:flex;}.event_box li{width:29%;}
.event02{border:2px #EEE solid;margin-top:20px;border-radius:10px;}
.event02 dl dt img{width:100%;border-radius:10px;}
.event02 .fee{font-size:1.0rem; line-height: 160%;}
.event02 span{font-size:.8rem;}

@media screen and (min-width:651px){
	.event02{ padding:20px;}
	.event02 table th{ width:20%;}
	.event02 table td{ text-align: left;}
	.event02 dl{align-items:center;}
	.event02 dl dt{ width:100%;}
	.event02 dl dd{ width:100%;}
}

@media screen and (max-width:650px){
	.event_box li{width:99%;}
	.event02{ padding:10px;}
	.event02{ font-size:120%;}
	.event02 dl dt{margin-bottom:15px;}
	.event02 table th{text-align:center; font-size:120%;}
	.event02 table td{text-align:left; font-size:120%;}
}
/*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;}
}


/* hole_box */
.hole_box .hole_nav { 	display: flex;	display: -webkit-flex;	justify-content: flex-start;	-webkit-justify-content: flex-start;	flex-wrap: wrap;	-webkit-flex-wrap: wrap;align-items: flex-end; }
.hole_box .hole_nav li a{ display: block; background: #f0f0ee; padding: 10px 5px; text-decoration: none; color: #072a4a; border-radius: 10px 10px 0 0;  }
.hole_box .hole_nav li a.select { background:#072a4a; color: #ffffff; padding: 20px 10px;  border-radius: 10px 10px 0 0; }
.hole_box .hole_nav li a:hover { background: #555; color: #FFF; }

.hole_title { font-family: 'Neuton', serif; }
.hole_box .swiper-container {  }

@media screen and (min-width: 1000px) {
.hole_box { max-width: 1400px; margin: 70px auto 0px; }
.hole_box .hole_nav li { text-align: center; width: 19.6%;  font-size: 1.2em; margin: 0.2%;}
.hole_box .layout_img { margin-top: 3%; }
.hole_box .swiper-slide dl { display: flex; display: -webkit-flex; justify-content: space-between; }
.hole_box .swiper-slide dl dt { width: 60%; }
.hole_box .swiper-slide dl dd { width: 38%; }
.hole_box .swiper-container li .slide-inner { padding: 30px; }
}

@media screen and (max-width:999px) {
	.hole_box .hole_nav li a.select { padding: 15px 5px;  }
.hole_box { margin: 50px auto 0px; padding-top: 50px; }
.hole_box .hole_nav li { text-align: center; width: 32.5%;  font-size: 1em; margin-bottom: 5px;margin: 0.2%; letter-spacing: -0.1em}
.hole_box .hole_nav li a { padding: 10px 10px; }
.hole_box .layout_img { margin-top: 20px; }
.hole_box .swiper-slide dl { display: block; }
.hole_box .swiper-container li .slide-inner { padding: 15px; }
	.ueda_image img { width: 100px; }
}