/*main*/
a{color:#ff0000; text-decoration: none;}a:hover{color:#ca0000;}
.eng{font-variant: small-caps;}
/*nav*/
.above_the_fold{position:relative;}
nav dl{width:100%;margin:auto;display:flex;font-variant: small-caps;}
nav dl .logo a{margin-left: 1%;}


.topnavi{background:rgba(153,153,153,.8);}
nav dl{display:flex;justify-content:space-between;flex-wrap:nowrap;width:100%;align-items:center;}
nav dl .logo{margin: 0 20px; }
nav dl .logo img {width: 100%; max-width:292px;}
nav dl dd ul li,.fixed_nav li{text-align:center;line-height:120%; display: block; }
nav dl dd ul li a,.fixed_nav li a{text-align:center;margin:0px 20px;color:#fff;transition:0.2s;display:block;}
nav dl dd ul li a.web{background:#0080cc;}
nav dl dd ul li a.hotel{background:#e9465a;}
nav dl dd ul li a.web:hover,nav dl dd ul li a.hotel:hover { transition: .5s; 	filter: brightness(0.6);}
nav dl dd ul li a.h_bttn{margin: 0px 20px; color: #FFF; font-size: 100%; display: block;padding: 15px 15px;}
nav dl dd ul li a:hover, nav dl dd ul li a:hover p, nav dl dd ul li a:hover font{color:#ffffff;}
nav dl dd ul li a {position: relative;}
nav dl dd ul li a::after {position: absolute;left: 0;content: '';width: 100%;height: 2px;background: #ffffff;bottom: -1px;transform: scale(0, 1);
transform-origin: center top;transition: transform 0.3s; }
nav dl dd ul li a:hover::after {transform: scale(1, 1);}

/* メニューアイテムのホバースタイル */
.menu-item:hover .drop-menu-list {  transform: scaleY(1); }
.menu-item:hover {color:#666666;  transition:.3s; /* 背景色の変化をアニメーション化 */}
.drop-menu-item:hover {  opacity: .8;   transition: opacity .3s; }
.menu-item a {display: block; color:#fff; }

/* ドロップダウンメニュー */
.drop-menu {  position: relative;}
.drop-menu-list {  left: 0px;  position: absolute;  bottom: 110%;
  transform: scaleY(0); /* ドロップダウンメニューの非表示 */
  transform-origin: center bottom; /* 変形を適応する基準を設定 */
  transition: transform .3s; /* 表示の変化をアニメーション化 */
  width: max-content;  z-index: 1;}
.drop-menu-item { background:#e9465a;;color:#fff;padding: 5px 15px 5px 0; text-align: center;  transition: opacity .3s; }


@media screen and (min-width:1600px){
.topnavi{background:rgba(153,153,153,.8);  height: 80px;}
nav dl dd ul{display:flex;width:100%;align-items:center;justify-content: flex-end; height: 80px;}
nav dl dt{width: 20%;}nav dl dd{width: 80%;}
nav dl dd ul li a,.fixed_nav li a{letter-spacing:0.1em; font-size: 120%;padding:10px 10px;}
.nav-check,.nav-btn{display:none;}
nav{width:100%;z-index:10;position:fixed;bottom:0;width:100%;}
.nav_hide{display:none;}
}

@media screen and (min-width: 1382px)and (max-width:1599px){
.topnavi{height: 80px;}
nav dl dd ul{display:flex;width:100%;align-items:center;justify-content: flex-end; height: 80px;}
nav dl dt{width: 15%;}nav dl dd{width: 85%;}
nav dl dd ul li a,.fixed_nav li a{letter-spacing:0.1em; font-size: 120%;padding:10px 5px;}
.nav-check,.nav-btn{display:none;}
nav{width:100%;z-index:10;position:fixed;bottom:0;width:100%;}
.nav_hide{display:none;}
}

@media screen and (max-width:1381px){
    .nav_hide_sm{display:none;}
.topnavi{height: 60px;}
nav{width:100%;z-index:10;position:fixed;top:0;width:100%;}
	nav dl .logo{margin-left:20px; margin-top:10px; margin-bottom:10px;padding-right:20px; }
    nav dl .logo img {width: 100%; max-width:300px;}
	.fixed_nav{display:none;}
	.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:#ffffff;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(153,153,153,.8);box-sizing:border-box;width:300px;height:100%;padding:50px 0 0 0;transition-property:all;transition-duration:.1s;transition-delay:0s;transform-origin:right center;z-index:9999;border-top: 1px dotted #CCC;}
	.nav-menu li a{color:#fff;display:block;padding:15px 5px;transition:all .1s;text-decoration:none;font-size:100%; border-bottom: 1px dotted #CCC; text-align: left;}
    
.nav-menu li a.hotel{background:#e9465a; border-bottom-left-radius:1px;}
.nav-menu li a.web{background:#0080cc; border-bottom-left-radius:1px;}
    
	.nav-menu  li a:hover, .nav-menu  li a:hover p, .nav-menu ul li a:hover font{color:#fff;background:rgba(0,0,0,0.80);z-index:9999;}
	.nav-btn:hover .nav-bar{background:#CCC;}
	.nav-close{position:fixed;top:0;right:300px;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;}
}

@media screen and (max-width:420px){
    nav dl .logo img {width: 100%; max-width:200px;}
}

#footer {margin: 20px auto 0; background: #efefef; padding:20px; color:#000;}
#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 #000;margin-right: 30px;}
#footer .content  dd { width: 50%; }
#footer .f_title{text-align: center; margin-bottom: 15px; font-size: 130%;}
.copyright { font-size: 70%; margin: 10px auto 10px;}
.footer {width:100%; max-width: 800px; margin: 40px auto;}
.footer .f_info { font-size: 120%; text-align: center;}
.footer .c_name { font-size: 200%; margin-bottom: 20px; text-align: center; margin-top: 20px; }
.copyright { text-align: center; letter-spacing: 1px; font-size: 70%; clear: both; margin: 10px auto 100px;}

@media screen and (max-width: 1382px) {}

@media screen and (max-width: 999px) {
#footer .content  dt { width: 100%; border-bottom:1px solid #000; margin-bottom: 30px; padding-bottom: 30px; border-right:0px solid #000;margin-right:0px; }
.copyright { font-size: 40%; margin: 10px auto 10px;}
#footer .content  dd { width: 100%; }
#footer dd img { width: 100%; }
#footer { margin-top: 15px; }
#footer .f_title{text-align: center; margin-bottom: 15px; font-size: 100%;}
.footer .f_info { font-size: 80%; margin-left: 15px;}
.footer .c_name { font-size: 150%; margin-bottom: 20px; text-align: center; }
}

@media screen and (min-width:651px){
	header{width:100%;}
}

/*top*/
.bg_slider{height:100vh;}
.bg_slider .ph_copy {position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%); color: #FFFFFF; font-weight: normal; text-shadow: 2px 2px 2px #666666;z-index: 1; text-align: center;}

.m_images {width: 100%; } .m_images img {width: 100%;}


@media screen and (min-width:1401px){
.bg_slider .ph_copy{font-size: 400%; width:1200px;	}
.m_images {margin-bottom:15px; margin-top: 0px; } }

@media screen and (min-width:754px)and (max-width:1400px){
.bg_slider{height:600px; position: relative;}
.bg_slider .ph_copy {position: absolute;top: 50%;  left: 50%;  transform: translate(-50%, -50%);  font-size: 300%; text-align: center; width:90%;}
.m_images {margin-bottom:15px; margin-top: 60px; } 
}
@media screen and (max-width:753px){	
.bg_slider{height:400px; position: relative;}
.bg_slider .ph_copy {position: absolute;top: 60%;  left: 50%;  transform: translate(-50%, -60%); font-size: 150%; text-align: center; width:90%;}
.m_images {margin-bottom:15px; margin-top: 60px; } 
}
@media screen and (max-width:400px){	
.bg_slider{height:400px; position: relative;}
.bg_slider .ph_copy {position: absolute;top: 60%;  left: 50%;  transform: translate(-50%, -60%); font-size: 110%; text-align: center; width:95%;}
.m_images {margin-bottom:15px; margin-top: 60px; } 
}

/* basebox */
@media screen and (min-width: 1000px) {
	.container { min-width: 900px; font-size: 1.45em; }
	.limit_box { max-width: 1400px; padding: 30px; margin: 10px auto 50px 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 100px ; width:100%; }
	.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:50px 5%; }
	.limit_box_member { margin: 20px 3%; }
	.wide_box { margin: 30px auto; }
}

/*bg_pic*/
.bg_pic { position: relative;}
.bg_pic01{ position: absolute; top:-10%; left:5%; z-index: 0;}
.bg_pic02{ position: absolute; top:10%; right:10%; z-index: 0;}
.bg_pic03 { position: absolute; top:38%; left:-2%; z-index:0;}
.bg_pic04 { position: absolute; top:75%; right:3%; z-index: 0;}
.bg_pic05 { position: absolute; top:90%; left:10%; z-index: 0;}
.bg_pic01 img { width: 100%; max-width: 250px;opacity: 0.1;}
.bg_pic02 img { width: 90%; max-width: 300px;opacity: 0.08;}
.bg_pic03 img { width: 100%; max-width: 300px;opacity: 0.1;}
.bg_pic04 img { width: 90%; max-width: 200px;opacity: 0.1;}
.bg_pic05 img { width: 100%; max-width: 340px;opacity: 0.1;}

@media screen and (max-width: 1300px) {
.bg_pic01{ position: absolute; top:-10%; left:2%; z-index: 0;}
.bg_pic02{ position: absolute; top:10%; right:2%; z-index: 0;}
.bg_pic03 { position: absolute; top:38%; left:-2%; z-index:0;}
.bg_pic04 { position: absolute; top:75%; right:2%; z-index: 0;}
.bg_pic05 { position: absolute; top:90%; left:2%; z-index: 0;}
.bg_pic01 img { width: 80%; max-width: 250px;opacity: 0.1;}
.bg_pic02 img { width: 80%; max-width: 300px;opacity: 0.08;}
.bg_pic03 img { width: 80%; max-width: 300px;opacity: 0.1;}
.bg_pic04 img { width: 60%; max-width: 300px;opacity: 0.1;}
.bg_pic05 img { width: 80%; max-width: 340px;opacity: 0.1;}
}

@media screen and (max-width: 659px) {
.bg_pic01 img { width: 40%; max-width: 250px;opacity: 0.1;}
.bg_pic02 img { width: 40%; max-width: 300px;opacity: 0.08;}
.bg_pic03 img { width: 40%; max-width: 300px;opacity: 0.1;}
.bg_pic04 img {display: none;}
.bg_pic05 img { display: none;}
}

.title {padding: 30px; margin: 0 auto 50px; text-align: center;}
.title .jpn {font-size: 90%;	color: #000000;}
.title .eng {font-weight: bold;  font-size: 400%; letter-spacing: .1em; margin-bottom: 15px;color: #1654b4;}

.title01  {	font-size: 200%; margin-bottom: 20px; color: #4f3a13; margin-bottom: 50px; text-align: center; }
.title01 font {font-size: 35%;  margin-top: 10px; color: #aea79a; display: block; font-style: normal;}
.title02  {	font-size: 180%; margin-bottom: 50px; color: #000000}
.title02 p {font-size: 55%;  margin-top: 10px; color: #022179;}
.sub_title{border-top:3px #022179 double;border-bottom:3px #022179 double;padding-top:8px;padding-bottom:8px;margin-bottom:15px;color:#022179;font-size:110%;}
.stitle {	font-size: 120%;	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: 130%; margin-bottom: 20px; }

.catch { text-align: center; font-size:2em;margin-bottom: 30px;}
.catch_sm { text-align: center; font-size:1.5em;margin-bottom: 30px;}
@media screen and (max-width:800px){
.catch { text-align: center; font-size:1.5em;margin-bottom: 30px;}
.catch_sm { text-align: center; font-size:1.0em;margin-bottom: 30px;}
    .title {font-size: 60%;padding: 20px 10px; margin: 0 auto 20px;  }
}


.bestrate{display:flex;align-items:center;padding:15px;background:#fff;border-radius:8px;margin-bottom:30px; flex-wrap: wrap; border: 1px solid #a11204;}
.bestrate img{width:100px;}
.bestrate li{margin:0 15px;}
.bestrate-title{font-size:3.2rem;color:#a11204;letter-spacing:1px; line-height: 160%; font-weight: bold;}
.bestrate-title span{font-family:'Cormorant+Garamond',serif;font-size:60%; color: #a11204;}
.bestrate-title font{font-size:60%;}
.bestrate-text, .bestrate-text02 {letter-spacing:0.5px;margin-top:5px;color:#705a1a;font-size:2rem;}
.bestrate-text02{ font-size:90%; margin-top:0.4em; }
.bestrate-text02 p { margin-left:1em; text-indent:-1em; line-height:1.3em; }
.bestrate-text02 p font { display:inline-block; text-indent:0; }
@media screen and (min-width:651px)and (max-width:1250px){
.bestrate-title span,.bestrate-title font{display: none;}
}
@media screen and (max-width:650px){
.bestrate-title{font-size:2rem;text-align: center;}
.bestrate-title span,.bestrate-title font{display: none;}
.bestrate li{margin:0; width: 100%; text-align: center;}
}

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

/* news */
.news_box {	display: flex;justify-content:space-between;align-items: center;	flex-wrap: wrap;	-webkit-flex-wrap: wrap; padding: 30px 0px; }
.news_box dt{width:20%;}
.news_box dd{width:75%;}
.hitori_bg{background:#ffffff; padding: 30px;}

@media screen and (max-width: 999px) {
.news_box dt {	width: 100%;border-right: 0px solid #CCCCCC;}
.news_box dd {	width: 100%; margin: 0 auto; text-align: center;}
.hitori_bg{background:#ffffff; padding: 10px;}
}

.news {width: 100%;}
.news ul { padding: 0px; width: 100%;}
.news ul li { border-bottom: 1px solid #CCCCCC; padding-bottom: 10px; margin-top: 10px; display: flex; justify-content: flex-start; }
.news a{ color: #000; text-decoration: none; }
.news a:hover { color: #666; transition: 0.3s; }
.news .date { margin-right: 20px; float: left;  }
.news .cate { margin-right: 20px; padding: 3px 5px; font-size: 90%; width: 70px; text-align: center; display: block;}
.news .comp { background: #669900; color: #ffffff; }
.news .info { background: #000000; color: #ffffff; }
.pr_ph{display:flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.pr_ph li{width:23%;position: relative; margin-bottom: 10px;}
.wh_name{position: absolute; background: #FFFFFF; padding: 10px 20px; color: #000; font-size: 160%;top: 50%;  left: 50%;  transform: translate(-50%, -50%);}


@media screen and (max-width: 999px) {
.news ul li { border-bottom: 1px solid #CCCCCC; padding-bottom: 10px; margin-top: 10px; font-size: 80%; }
.news .cate { margin-right: 10px; padding: 3px 2px; font-size: 90%; width: 50px; text-align: center; display: block;}
.pr_ph{display:flex;}.pr_ph li{width:48%;}
.wh_name{padding: 10px 10px;  font-size: 130%;}
}

.ac_route{background:#f5f4ed; padding: 5px; text-align: center;}
.ac_route_arrow{text-align: center;}

.course_pr{position:relative; width:100%;}
.course_pr img {width:100%; height: 700px;}
.course_pr_txt{position:absolute; top:100px; left: 40%; width: 50%;} 
.pr_txt_lg{font-size:300%; line-height: 200%; margin-bottom: 40px;}
.pr_txt_sm{font-size:160%;  line-height: 200%; width: 80%;}
.course_ph img {width:100%;}

@media screen and (min-width:1160px)and (max-width:1600px){
.course_pr_txt{position:absolute; top:100px; left: 30%; width: 70%;} 
}
@media screen and (min-width:770px)and (max-width:1159px){
.course_pr_txt{position:absolute; top:100px; left: 5%; width: 95%;} 
.pr_txt_lg{font-size:250%; line-height: 200%; margin-bottom: 30px;}
.pr_txt_sm{font-size:140%;  line-height: 200%; width: 85%;}
}
@media screen and (min-width:451px)and (max-width:769px){
.course_pr_txt{position:absolute; top:50px; left: 4%; width: 92%; right:4%;} 
.course_pr img {width:100%; height: 450px;}
.pr_txt_lg{font-size:150%; line-height: 200%; margin-bottom: 30px;}
.pr_txt_sm{font-size:100%;  line-height: 200%; width: 100%;}
}
@media screen and (max-width: 450px) {
.course_pr_txt{position:absolute; top:50px; left: 4%; width: 92%; right:4%;} 
.course_pr img {width:100%; height: 650px;}
.pr_txt_lg{font-size:150%; line-height: 200%; margin-bottom: 30px;}
.pr_txt_sm{font-size:100%;  line-height: 200%; width: 100%;}
}

.top_pr_container{display:flex; justify-content: space-between; flex-wrap: wrap;}
.top_pr_container dd{ width: 35%;}
.top_pr_container dt{ width: 64.5%;}
.top_pr_box {position: relative; letter-spacing: .2em;transition:all .1s;} 
.top_pr_txt{position:absolute;top: 50%;  left: 50%;  transform: translate(-50%, -50%);  font-size: 400%; text-align: center; color:#ffffff;font-variant: small-caps; }
.top_pr_box:hover{filter: brightness(0.7);}
.top_pr_box img{object-fit: cover; }
@media screen and (max-width: 900px) {  
.top_pr_txt{ font-size: 300%;  }  
.top_pr_container dd{ width: 100%;}
.top_pr_container dt{ width: 100%;}
}
.partner_bg{background: url("../../images/common/bg_parter.jpg") top center no-repeat;background-size:100%;  width: 100%; padding: 30px 0px;}
.partner_box{width:100%; max-width: 1400px; margin: 50px auto; display: flex; justify-content: space-between; }
.partner_box dd {width: 45%;}
.partner_box dd img {width: 100%;}
.partner_box .title {text-align:center; font-size: 200%; margin: 15px;}
a.btn_line { border-bottom: 2px solid #000; padding:7px 25px;text-align:center;text-decoration:none;transition:0.3s; color: #000000; margin: 15px auto;}
a.btn_line:hover { border-bottom: 2px solid #0080cc; }

@media screen and (max-width: 1400px) {    
.partner_box{width:90%;}
}
@media screen and (max-width: 600px) {
.partner_box .title {font-size: 150%; margin: 15px;}
}

/*course*/
.course_bg {
    background: linear-gradient(to bottom, transparent 0%, transparent 70%, #fff 100%), url(../../images/course/bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
.course_bg_inner{background:rgba(255,255,255,.8); padding: 3%;}

.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;}


/*access*/
.f_gmap{height:0;overflow:hidden;padding-bottom:35.00%;position:relative;}
.f_gmap iframe{position:absolute;left:0;top:0;height:100%;width:100%;}
@media screen and (max-width:650px){
	.f_gmap{height:0;overflow:hidden;padding-bottom:110.00%;position:relative;}
}
.gmap{height:0;overflow:hidden;padding-bottom:67.95%;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;}
}


.calendar_flex { display: flex; justify-content: space-between; flex-wrap: wrap;}
.calendar_flex dt { width: 65%;}
.calendar_flex dd { width: 30%;}
.calendar_t table {width: 100%;}
.calendar_t th{background:#000000;color:#FFF; text-align: center;padding: 10px 0px; width: 14.28%;}
.calendar_t td{background:#f4f3ec; padding: 10px 2px;text-align: center;vertical-align: top;}
.calendar_t td font {display:block; margin-bottom: 10px;}
.calendar_t td .icon {margin-bottom: 7px;}
.calendar_t .day {margin-bottom: 15px; display: block;}
.calendar_t .date_title {margin-top: 15px; display: block; text-align: center;}
.t_val { vertical-align: middle; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}

.c_icon { border-radius: 2px; padding: 5px 10px; color: #FFFFFF; margin: 1px;font-weight: bold;}
.c_a {background: #451009;}
.c_b {background: #453309;}
.c_service {background: #0d4dad;}
.c_holiday {background: #021763;}
.c_op {background: #7f0505;}
.c_comp {background: #155708;}
.c_ken {background: #965304;}
.ico_list {display:flex; justify-content: center; flex-wrap: wrap;}
    .ico_list li {width: 30%; margin: 0 1%;}
@media screen and (max-width:1200px){
.calendar_flex dt { width: 100%; margin-bottom: 20px;}
.calendar_flex dd { width: 100%;}
.t_val div a {display: block; margin: 5px auto;}
}

@media screen and (max-width:880px){
.ico_list li {width: 48%; margin: 0 1% 10px;}
}
@media screen and (max-width:620px){
.ico_list li {width: 100%; margin-bottom: 15px; text-align: center;}
.calendar_t {font-size: 90%;}
}
/*---------------------------------------------------
access
--------------------------------------------------- */
.route_tbl { width:100%; clear: both; }
.route_tbl .route_ttl {	font-weight:normal;	font-size:120%;	display: inline-block;	border-bottom:1px #ccc dotted;	margin-bottom:12px;	float: left;}
.route_tbl, .route_tbl td {	border-style:none;	text-align:center;	padding-top: 5px;	padding-bottom: 5px;}
.route_tbl .eki {padding:0px;	vertical-align: middle;	background-color:#999;	color:#fff;	text-align:center;	-moz-border-radius: 10px;	-webkit-border-radius: 10px;
	border-radius:10px;	padding-top:15px;	padding-bottom:15px;}
.route_tbl .club {	padding:0px;	vertical-align: middle;	background-color:#022179;	color:#fff;	text-align:center;	-moz-border-radius: 10px;	-webkit-border-radius: 10px;
	border-radius:10px;	}
.route_tbl .start {	padding:0px;vertical-align: middle;	background-color:#fff;	color:#00;	text-align:center;	border-radius:10px;	border: 2px solid #CCCCCC; margin-bottom: 10px;}
.route_tbl .ue {	border-bottom:5px #ccc solid;	padding-bottom:0px;	vertical-align: bottom;}
.route_tbl .naka {	border-bottom:5px #ccc solid;	padding-bottom:0px;	vertical-align: middle;}
.route_tbl .shita {	border-top:5px #ccc solid;	padding-top:0px;	vertical-align: top;}
.route_tbl .td_space {	height:1em;}


/*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*/
.sg_slider_img div img { width: 100%; position: relative;}
.slick-content{	position: absolute;	bottom: 5%;left: 0;	z-index: 150;	padding: 10px;	background: rgba(255,255,255,0.7); }
.slick-content p{ margin: 5px; padding:5px; font-weight: bold; font-size: 1.5em;}

@media screen and (max-width: 999px) {
.slick-content{	position: absolute;	bottom: 8%;left: 0;	z-index: 150;	padding: 5px;	background: rgba(255,255,255,0.7); }
.slick-content p{ margin: 5px; padding:5px ;font-weight: bold; font-size: 0.8em; }
}
.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: 2px dotted #cccccc; padding-bottom: 15px; margin-bottom: 15px; }
.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: 2px 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: 2px dotted #cccccc; padding-bottom: 15px; margin-bottom: 15px; }
.rest_list02 li span { float: right;text-align: right;}

@media screen and (max-width:999px){
.rest_list li{ width:100%; border-bottom: 2px dotted #cccccc; padding-bottom: 10px; margin-bottom: 10px; }
.rest_list02 li{ width:100%; border-bottom: 2px 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:200%; font-weight:bold;  margin-bottom:20px; line-height:150%; border-bottom: 3px dotted #cccccc; padding-bottom: 10px;}
.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;}
}


/* hole_box */

.t_course{width:100%;letter-spacing:0px;table-layout:fixed; margin-bottom: 15px;}
.t_course th{padding:10px 5px;text-align:center;background:#efeee3;}
.t_course td{padding:10px 5px;vertical-align:top;text-align:center;color:#000000;background:#f8f6ef;line-height:130%;}


.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: #0080cc; padding: 10px 5px; text-decoration: none; color: #ffffff; 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; border-bottom: 1px solid #CCCCCC; padding-bottom: 10px; margin-bottom: 20px; }
.hole_box .swiper-container { border: 1px solid #CCCCCC;padding-bottom: 25px; background:#FFFFFF; }
.h_ph{display:flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}.h_ph li{width:49%;}.h_ph li img{width:100%;}

@media screen and (min-width: 1000px) {
.hole_box { max-width: 1400px; margin: 70px auto 0px; }
.hole_box .hole_nav li { text-align: center; width: 20%;  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: 38%; }
.hole_box .swiper-slide dl dd { width: 60%; }
.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; }
.hole_box .swiper-slide dl dt { width: 100%; }
.hole_box .swiper-slide dl dd { width: 100%; }
}

.gallery-img dl{display:flex;flex-wrap:wrap;}
.gallery-img dt{width:100%;}
.gallery-img dd{display:flex;}
.gallery-img p{position:relative; padding: 10px;}
.gallery-img span{display:block;background:rgba(7,21,73,0.80);position:absolute;z-index:2;color:#FFF;text-align:left;font-size:85%;letter-spacing:0;bottom:10px; right:10px; padding: 10px; font-size: 120%;}
.gallery-img img{width:100%;}

.facility_box{display:flex; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.facility_box dd {width: 32%; margin-bottom: 15px;}
.facility_box dd img {width: 100%; border-radius: 10px;}
@media screen and (max-width:999px) {
.facility_box dd {width: 48%; margin-bottom: 15px;}
}
/*---------------------------------------------------
member
--------------------------------------------------- */
.kyogi_info li {
  display: inline-block;
  width: auto;
}
/*---------------------------------------------------
comp
--------------------------------------------------- */
.sp_table {
  width: 100%;
  border-collapse: collapse;
}
.sp_table th,.sp_table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
}
.sp_table th {
  background:#072a4a;color:#FFF;
}

/* 繧ｹ繝槭$FFFD譎ゅ$FFFD繧ｹ繧ｿ繧､繝ｫ */
@media screen and (max-width: 768px) {
.sp_table table,.sp_table thead,.sp_table tbody,.sp_table th,.sp_table td,.sp_table tr {
    display: block;
  }
.sp_table thead {
    display: none; /* 隕句$FFFD縺励ｒ髱櫁｡ｨ遉ｺ */
  }
.sp_table tr {
    margin-bottom: 10px;
    padding: 10px;
    background: #f9f9f9;
  }
.sp_table td {
    display: flex;
    justify-content: space-between;
    padding: 8px;
  }
.sp_table td::before {
    content: attr(data-label); /* data-label縺ｮ蛟､繧定｡ｨ遉ｺ */
    font-weight: bold;
	font-size: 108%;
	
	
  }
}