/*main*/
a{color:#42300b; text-decoration: none;}a:hover{color:#ca0000;}
/*nav*/
.above_the_fold{position:relative;padding-top:0px;}
.topnavi{background:rgba(4,4,39,1); position: absolute;}

.top_h {display:flex; justify-content: space-between;background:rgba(4,4,39,1); width: 100%; position: fixed; padding: 10px 0; z-index: 333;}
.top_h dt{text-align: left;padding-left: 15px;}
.top_h dd{text-align: right;color: #FFF; font-size: 160%; padding-right: 15px;}
.top_h dd span{font-size: 70%;}
.top_h dd a{ color: #FFF;}
.top_h .logo{margin-left:20px; padding-right:10px; }.top_h .logo img {width: 100%; max-width:250px;}

.bg_slider{height:700px; z-index: 111;}
.bg_slider .ph_copy {position: absolute;top: 35%;left: 50%;transform: translate(-50%, -35%);-webkit-transform: translate(-50%, -35%);-ms-transform: translate(-50%, -35%); text-align: center; font-size: 200%; color: #FFFFFF;text-shadow: 1px 1px 2px black; letter-spacing: .1em;}
.bg_slider .ph_name {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); text-align: center; font-size: 300%; color: #FFFFFF;text-shadow: 1px 1px 2px black; letter-spacing: .1em;width: 90%;}
.m_images {width: 100%; z-index: 111;} .m_images img {width: 100%;}

@media screen and (max-width:1110px){	
.bg_slider{height:400px; margin-top:0px; z-index: 3;}
.bg_slider .ph_copy {position: absolute;top: 35%;left: 50%;transform: translate(-50%, -35%);-webkit-transform: translate(-50%, -35%);-ms-transform: translate(-50%, -35%); font-size: 160%;width: 90%;}
.bg_slider .ph_name {position: absolute;top: 55%;left: 50%;transform: translate(-50%, -55%);-webkit-transform: translate(-50%, -55%);-ms-transform: translate(-50%, -55%); text-align: center; font-size: 250%; width: 90%;}
}
@media screen and (max-width:650px){	
.bg_slider{height:400px; margin-top:0px; z-index: 3;}
.bg_slider .ph_copy {position: absolute;top: 35%;left: 50%;transform: translate(-50%, -35%);-webkit-transform: translate(-50%, -35%);-ms-transform: translate(-50%, -50%); font-size: 120%;width: 90%;}
.bg_slider .ph_name {position: absolute;top: 55%;left: 50%;transform: translate(-50%, -55%);-webkit-transform: translate(-50%, -55%);-ms-transform: translate(-50%, -55%); text-align: center; font-size: 150%; width: 90%;}
}


nav dl{width:100%;margin:auto;display:flex;}
nav dl .logo a{margin-left: 1%;}
nav{width:100%;z-index:10;width:100%;}

@media screen and (min-width:1111px){
    .topnavi{height: 60px;bottom:0;z-index: 333;}
    nav dl .logo{display: none;}
	nav dl{display:flex;justify-content:space-between;flex-wrap:nowrap;width:100%;align-items:center; max-width: 1400px;}
    nav dl dd{width:100%;}
	nav dl dd ul{display:flex;width:100%;align-items:center;justify-content: space-between;color:#fff; height:60px;}
	nav dl dd ul li,.fixed_nav li{text-align:center;line-height:110%; display: block; margin-left: 15px;  transition: background-color 0.3s ease; /* 背景色変化に0.3秒かける */ }
	nav dl dd ul li a p,.fixed_nav li a p{text-align:center;margin-top:0px;color:#42300b;letter-spacing:0.1em; font-size: 75%;}
	nav dl dd ul li a{padding: 10px 15px; text-decoration:none;transition:0.2s;display:block;color:#fff;}
	nav dl dd ul li a:hover{color:#88CEF6;}
nav dl dd ul li a.web{background:#003884;color: #FFFFFF;display: block; height: 60px; line-height: 60px; padding: 0 20px;}
nav dl dd ul li a.web:hover{background:#ffffff;color: #003884;}
.nav-check,.nav-btn,.nav-menu .icon{display:none;}
.nav-check,.nav-btn{display:none;}
.nav-menu.logo{display:none;}
    
.fixed_nav {display:none; }
.is-show { transform: translateY(0); }
}

@media screen and (max-width:1110px){
    .top_h{display:none;}
.topnavi{height: 60px;}
nav{width:100%;z-index:9999;position:fixed;top:0;width:100%;background:rgba(4,4,39,1);}
	nav dl .logo{margin-left:5px; margin-top:10px; margin-bottom:10px;padding-right:20px; }
    nav dl .logo img {width: 100%; max-width:230px;}
	.fixed_nav{display:none;}
	.nav-menu{position:fixed;top:0;right:0;transform:perspective(500px) rotateY(-90deg);opacity:0; z-index: 9999;}
	.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(4,4,39,1);box-sizing:border-box;width:300px;height:100%;padding:20px 0 0 10px;transition-property:all;transition-duration:.1s;transition-delay:0s;transform-origin:right center;z-index:9999;border-top: 1px dotted #fff; z-index: 9999;}
	.nav-menu li a{color:#fff;display:block;padding:10px 5px;transition:all .1s;text-decoration:none;font-size:90%; border-bottom: 1px dotted #CCC; text-align: left;}
    .nav-menu li a.web{background:#003884; 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;}
}

/*footer*/
#footer {margin: 0px auto 0; background: #f4f5f5; 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%;}
.group_map { background: #ffffff; width: 100%;margin: auto; text-align: center; padding:30px 0;}
.f_menu{background:#2765a9; width: 100%; margin-top: 30px;}
.f_menu_box{max-width:400px; margin: auto; display: flex; justify-content: center;border-left:1px solid #FFFFFF; align-items: center; flex-wrap: wrap;}
.f_menu dd {border-right:1px solid #FFFFFF; display: block; height: 78px; width: 100%; text-align: center;}
.f_menu dd a{display:block; color:#ffffff;transition-duration:1s;transition-delay:.1s;}
.f_menu dd a:hover{filter: brightness(.8)}
.f_menu .f_menu_bttn{    display: block;    box-sizing: border-box;    background: #2765a9;    padding: 25px 5px 20px 5px;    text-align: center;}
.f_menu .f_menu_bttn img{    width: 30px;    height: auto;    margin-right: 15px;    vertical-align: -10px;}


.footer{background:rgba(4,4,39,1); }
.footer .f_inner {margin: auto; max-width: 1400px; color: #FFFFFF; display: flex; justify-content: flex-start; padding: 20px 20px 50px; align-items: center; flex-wrap: wrap;}
.footer .f_inner dt{width:55%;}.footer .f_inner dd{width:40%;}
.footer .copyright{text-align:center;font-size:60%; color: #FFF; padding: 15px;}
.footer .name {text-align: left; font-size: 160%; margin-bottom: 15px;}
.footer .info {text-align: left; font-size: 100%; line-height: 180%;}
.footer .f_link {display: flex; justify-content: space-between; flex-wrap: wrap;}
.footer .f_link li {width: 45%; margin-bottom: 5px; text-align: left; }
.footer a {color: #fff; margin-right: 15px; font-size: 90%;}

@media screen and (min-width: 1000px) {
.inquiry_box_small {display: none;}
}
@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; }
#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%;}
.f_menu dd {border-bottom:1px solid #FFFFFF; display: block; height: 78px; width:100%; text-align: center;}
    
.footer .f_inner dt{width:100%;}.footer .f_inner dd{width:100%;}
.footer .copyright{text-align:center;font-size:60%; color: #FFF; padding: 15px 5px;}
.footer .name {text-align: center; font-size: 120%; margin-bottom: 15px;}
.footer .info {text-align: center; font-size: 80%; line-height: 180%;}
.footer .f_link {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px;}
.footer .f_link li {width: 49%; margin-bottom: 5px; text-align: left; }
.footer a {color: #fff; font-size: 80%;}
    
.inquiry_box_small { position: fixed; bottom: 0; z-index: 100;  color: #FFF; width:100%;background: rgba(15,26,29,0.9);padding: 3px 0; }
.inquiry_box_small ul { display: flex; }
.inquiry_box_small li { text-align: center; flex-grow: 1; width: 33.3%;}
.inquiry_box_small li a { display: block; background: rgba(15,26,29,0.9);padding: 3px 0; border-right:1px solid #FFFFFF;}
.inquiry_box_small a { color: #FFF; text-decoration: none; }
.inquiry_box_small li span {margin-bottom: 10px;}
}


/*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*/


/* 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 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:50px 3%; }
	.limit_box_member { margin: 20px 3%; }
	.wide_box { margin: 30px auto; }
}


.title01  {	font-size: 200%; margin-bottom: 20px; color: #000000; margin-bottom: 50px; text-align: center;}
.title01 font {font-size: 35%;  margin-top: 10px; color: #000000; display: block; font-style: normal;}
.title02  {	font-size: 240%; margin-bottom: 30px; font-style: italic;}
.title02 p {font-size: 35%;  margin-top: 10px; color: #175315;}
.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: 120%;	border-bottom: 1px dotted #000000;	padding-bottom: 3px;	margin-bottom: 20px;	text-align: left;	clear: both;	color: #000000;}
.c_caption { border-top: 3px #42300b double; border-bottom: 3px #42300b double; padding-top: 8px; padding-bottom: 8px; font-size: 110%; margin-bottom: 15px; }
@media screen and (max-width:650px){
.title02  {	font-size: 180%; margin-bottom: 30px; font-style: italic;}
.title span {	font-size: 100%;	color: #557877; margin-bottom: 10px;}
.title p {	font-size: 170%; margin-bottom: 10px;}
}

.top_pr_container{display:flex; justify-content: space-between; flex-wrap: wrap;}
.top_pr_container dd{ width: 32%;}
figure {
  overflow: hidden;
  cursor: pointer;
}

figure img {
  transition: all 0.3s;
}

figure:hover img {
  transform: scale(1.2);
}

.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: 300%; text-align: center; color:#ffffff; }
.top_pr_txt div { font-size: 50%; display: block;} 
.top_pr_box{  overflow: hidden;  cursor: pointer;}
.top_pr_box:hover img{ transform: scale(1.1); filter: brightness(0.6); }
.top_pr_box img{filter: brightness(0.8);  transition: all 0.3s;}
@media screen and (min-width: 1200px)and (max-width:1849px){
.top_pr_txt{ font-size: 250%;  }  
}
@media screen and (min-width: 770px)and (max-width:1199px){
.top_pr_txt{ font-size: 200%;  }  
}
@media screen and (max-width:769px){
.top_pr_txt{ font-size: 180%;  }  
.top_pr_container dd{ width: 100%;}
}

.top_bnr_container{display:flex; justify-content: space-between; flex-wrap: wrap;}
.col4 li { width: 24%; font-size: 80%;}
.col3 li { width: 33%; font-size: 80%;}
.col2 li { width: 49.5%;}
.col1 li { width: 100%;}

.top_bnr_box {position: relative; letter-spacing: .2em;transition:all .1s;} 
.top_bnr_txt{position:absolute;top: 50%;  left: 50%;  transform: translate(-50%, -50%);  font-size: 140%; text-align: center; color:#000; width: 80%;background:rgba(255,255,255,.9); padding: 10px 5px; }
.top_bnr_box:hover{filter: brightness(0.7);}
.top_bnr_box img{object-fit: cover;filter: brightness(0.9); width: 100%; border-radius: 15px;  }

.sns .top_bnr_box{ background:#fff; }
.sns .top_bnr_box:hover{filter: brightness(1.0);}
.sns .top_bnr_box img{ object-fit:unset; filter: none; width: 100%; border-radius: 15px; border:1px #ccc solid; border-radius: 15px; }
.sns .top_bnr_box img:hover{filter: brightness(0.8);}

@media screen and (max-width: 1180px) {  
.top_bnr_txt{ font-size: 120%;  }  
.top_bnr_container dd{ width: 100%;}
.top_bnr_container dt{ width: 100%;}
}
@media screen and (max-width: 600px) {
.col3 li { width: 49.5%; font-size: 100%;}
.top_bnr_txt{ font-size: 90%;  }  
}

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


.top_catch{font-size:1.7em; margin-top: 50px;}
.top_catch div {margin-bottom:15px;}
@media screen and (max-width: 999px) {
.top_catch{font-size:1.0em;}
.top_catch div {margin-bottom:10px;}
}



/* news */
.ph_news {position: absolute; bottom:0; right:0; display: flex; }
.ph_news dt{background: #000; color: #FFF;padding: 10px; }.ph_news dd{background: #fff;padding: 10px 20px; font-size: 110%;}
.ph_bnr {position: absolute; bottom:80px; right:20px; }
.ph_bnr img {width:100%; max-width: 400px;}

.news_box {	display: flex;justify-content: space-around;align-items: center;	flex-wrap: wrap;	-webkit-flex-wrap: wrap; padding: 30px 0px; }
.news_box dt{width:47%; border-right: 3px solid #CCCCCC;}
.news_box dd{width:40%;margin-left:5%;}

@media screen and (min-width: 1000px) {
.bnr_premium_sm{display:none;}
}

@media screen and (max-width: 999px) {
.ph_news dt{background: #000; color: #FFF;padding: 10px; font-size: 90%; }.ph_news dd{background: #fff;padding: 10px 10px; font-size: 95%;}
.ph_bnr {display: none;}
.bnr_premium_sm img{text-align: center; margin: 15px; width: 90%;}
.news_box dt {	width: 100%;border-right: 0px solid #CCCCCC;}
.news_box dd {	width: 100%; margin: 0 auto; text-align: center;}
}

.news {width: 100%;}
.news ul { padding: 5px; width: 100%;}
.news ul li { border-bottom: 1px solid #CCCCCC; padding-bottom: 10px; margin-top: 10px; }
.news a{ color: #000; text-decoration: none; }
.news a:hover { color: #666; transition: 0.3s; }
.news span { 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%;}
.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 ul li { border-bottom: 1px solid #CCCCCC; padding-bottom: 15px; margin-top: 15px; font-size: 80%; }
}


.course_pr{position:relative; width: 100%; background: url(../../images/top/course_bg_wh.jpg) top center;background-size: cover; height: 1000px; }
.course_box{position: absolute; top:20px; width: 80%; max-width: 1400px; margin: 0 auto; left:10%; right:10%; }
.course_txt{width: 100%;color: #fff; margin: auto; text-align: center;text-shadow: 0 0px 15px rgba(0,0,0,.7); }
.course_txt .catch {font-size:3.5em;margin-top: 20px; text-align: center;text-shadow: 0 0px 15px rgba(0,0,0,.7);}
.course_txt .copy {font-size:1.9em; margin-bottom: 50px;text-shadow: 0 0px 15px rgba(0,0,0,.7);}
.course_txt .sub {font-size:1.2em; margin-bottom: 50px;text-shadow: 0 0px 15px rgba(0,0,0,.7);}
.course_txt a {font-size: 80%; color: #FFFFFF;}
.course_img { width: 100%;display: flex; justify-content: space-between; margin: 50px auto; max-width: 1000px; flex-wrap: wrap;}

.course_pr_box{  overflow: hidden;  cursor: pointer;}
.course_pr_box:hover img{ transform: scale(1.1); filter: brightness(0.6); }
.course_img div {width: 48%;}
.course_pr_box img { width:100%;  transition: all 0.3s;}
.course_img_sm img { display: none;}
.course_pr_box {position: relative; letter-spacing: .2em;transition:all .1s;} 
.course_pr_txt{position:absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 500%;text-align: center; color:#ffffff; font-weight: bold;  }
.course_pr_txt font {font-size: 50%; text-align: center; display:block;}


@media screen and (min-width: 1300px)and (max-width:1849px){
.course_box{position: absolute; top:15px; left: 2%; right:2%; }
.course_txt .catch {font-size:3.5em;margin-top: 20px;}
.course_txt .copy {font-size:1.9em; margin-bottom: 50px;}
.course_txt .sub {font-size:1.2em; margin-bottom: 20px;}
.course_pr_txt{ font-size: 400%; }
}

@media screen and (min-width: 411px)and (max-width:1299px){
.course_pr{ height: 900px; }
.course_box{position: absolute; top:15px; left: 2%; right:2%; }
.course_txt .catch {font-size:2.5em;margin-top: 20px;}
.course_txt .copy {font-size:1.6em; margin-bottom: 50px;}
.course_txt .sub {font-size:.9em; margin-bottom: 20px;text-align: left;}
}

@media screen and (max-width:700px){
.course_pr_txt{ font-size: 300%;}
.course_txt .copy {font-size:1.2em; margin-bottom:30px;}
}

@media screen and (max-width: 410px) {
	.course_pr{ height: 1000px; }
	.course_box{position: absolute; top:10px; left: 1%; right:1%; }
	.course_txt .catch {font-size:2em;margin-top: 15px;}
	.course_txt .copy {font-size:1.2em; margin-bottom:30px;}
	.course_txt .sub {font-size:.9em; margin-bottom: 15px; text-align: left;}
	.course_img { width: 100%;display: flex; justify-content: space-between; margin: 30px auto; max-width: 699px; flex-wrap: wrap;}
	.course_img div {width: 100%;}
	.course_pr_txt{ font-size: 300%; }
	.course_pr_txt font {font-size: 50%;}
	}


	/*slider*/
	.slider_bg { -o-box-sizing: border-box;	-ms-box-sizing: border-box; box-sizing: border-box; }
	.rest_slider .slick-slide{margin-left:7px;margin-right:7px;}
	.rest_slider .slick-slide li{width: 14.28%;}
	.rest_slider .slick-slide img{max-width:280px; width: 100%;}
	@media screen and (min-width:801px) {
		.slider_bg{width: 95%; padding:20px 2.5%; margin: 15px auto 0;}
	}
	@media screen and (min-width:651px) and (max-width:800px){
		.slider_bg{width: 95%; padding:15px 2.5%; margin: 15px auto 0;}
	}
	@media screen and (max-width:650px){
	.slider_bg{width: 80%; padding:10px 3%; margin: 10px auto 0;}
	.rest_slider .slick-slide{margin-left:5px;margin-right:5px;}
	.rest_slider .slick-slide img{max-width:200px;}
	.slider_bg{padding-top:30px;padding-bottom:10px;}
}

.pr_ph{display:flex;}.pr_ph dt,.pr_ph dd{width:48.5%;}

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

/*access*/
.gmap{height:0;overflow:hidden;padding-bottom:87.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;}
}

.bestrate{display:flex;align-items:center;padding:15px;background:#072a4a;border-radius:8px;margin-bottom:30px; flex-wrap: wrap;}
.bestrate img{width:100px;}
.bestrate li{margin:0 5px;}
.bestrate-title{font-size:2.8rem;color:#ece1d0;letter-spacing:1px; line-height: 160%;}
.bestrate-title span{font-family:'Cormorant+Garamond',serif;font-size:60%;}
.bestrate-title font{font-size:60%;}
.bestrate-text, .bestrate-text02 {letter-spacing:0.5px;margin-top:5px;color:#FFF;}
.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;}
}

/*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;}
.rest_menu03 li{ width: 30%;}
.rest_menu04 li{ width: 24%;}

@media screen and (max-width:999px){
.rest_menu03 li{ width: 48%;}
.rest_menu04 li{ width: 48%;}
.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_flex { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.event_flex li { width: 30%; padding: 10px; margin-bottom: 10px; border: 1px solid #CCCCCC;}
.event_flex li.empty_li { width: 29%; margin-bottom: 10px; border: 1px solid #ffffff;}
.event_flex li img { width: 100%; }
.event_title {font-size:120%; text-align: center; font-weight: bold; border-bottom: 2px solid #CCCCCC; padding-bottom: 5px; margin-bottom: 15px; color: #83790a; height: 60px; vertical-align: middle; display: flex; align-items: center; justify-content: center;}

.calendar_flex { display: flex; justify-content: space-between; flex-wrap: wrap;}
.calendar_flex dt { width: 55%;}
.calendar_flex dd { width: 40%;}
.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;}
.calendar_t td font {display:block; margin-bottom: 10px;}
.calendar_t td .icon {margin-bottom: 7px;}
.t_val { vertical-align: middle; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}

.calendar_icon_a {background: #451009; border-radius: 2px; padding: 5px 10px; color: #FFFFFF; margin: 1px;}
.calendar_icon_b {background: #453309; border-radius: 2px; padding: 5px 10px; color: #FFFFFF; margin: 1px;}
.calendar_icon_sea {background: #0d4dad; border-radius: 2px; padding: 5px 8px; color: #FFFFFF; margin: 3px;}
.calendar_icon_last {background: #021763; border-radius: 2px; padding: 5px 10px; color: #FFFFFF; margin: 3px;}
.calendar_icon_op {background: #7f0505; border-radius: 2px; padding: 4px 5px; color: #FFFFFF; margin: 0px 3px;}
.calendar_icon_comp {background: #155708; border-radius: 2px; padding: 4px 5px; color: #FFFFFF; margin: 0px 3px;}
.calendar_icon_sp {background: #965304; border-radius: 2px; padding: 5px 8px; color: #FFFFFF; font-weight: bold; margin: 3px;}
@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:750px){
    .event_flex li {width: 46%;}
}
@media screen and (max-width:650px){
    .event_flex li {width: 100%;}
}
/*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;}
}

/* facility_box */
.fac_nav { 	display: flex;	display: -webkit-flex;	justify-content:space-around;flex-wrap: wrap;	-webkit-flex-wrap: wrap;align-items: flex-end; margin-bottom: 30px; }
.fac_nav li{ width: 33%; text-align: center; }
.fac_nav li a{ display: block; background: #f0f0ee; padding: 10px 5px; text-decoration: none; color: #072a4a; border-radius: 10px 10px 0 0;}
.fac_nav li a.select { background:#83790a; color: #ffffff; padding: 20px 10px;}
.fac_nav li a:hover { background: #555; color: #FFF; }
.facility_box{display:flex; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.facility_box dd {width: 49%; margin-bottom: 15px;}
.facility_box dd img {width: 100%; border-radius: 10px;}

/*course*/
.pink_tee{ padding:50px;}
.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-button{margin:20px;padding:20px;}
.swiper-slide dt img{width:100%;}
.swiper-slide dd img{width:90%;margin:0 5%;}
/* 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-size:200%; margin-bottom: 15px; }
.hole_title span {font-size:80%;}
.hole_box .swiper-container {  border: 1px solid #CCCCCC; }
.hole_box .slide-inner dl dd img {width: 100%; max-width: 600px;}

@media screen and (min-width: 1000px) {
.hole_box { max-width: 1000px; 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 { }*/
.hole_box .slide-inner dl { display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap; }
.hole_box .slide-inner dl dt { width: 100%; }
.hole_box .slide-inner dl dd { width: 100%; }
.hole_box .swiper-container li .slide-inner { padding: 30px; }
}

@media screen and (max-width:999px) {
.pink_tee{ padding:10px;}
.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 .slide-inner dl dt { width: 100%; }
.hole_box .slide-inner dl dd { width: 100%; }
.hole_box .swiper-slide dl { display: block; }
.hole_box .swiper-container li .slide-inner { padding: 15px; }
.ueda_image img { width: 100px; }
}

.group_course_box{display:flex; justify-content: center; flex-wrap:wrap;font-size: 90%; }
.group_course_box dt{width: 50%; text-align: center;}.group_course_box dt img{width: 100%; max-width: 800px;}
.group_course_box dd{width: 23%; margin: 0 1%;}
.group_course li {margin: 10px 0;}
.group_course .icon{ border-radius: 3px; padding: 2px 15px; color: #000; margin-right: 5px; }
.icon .tohoku{background:#83cde4;}
.icon .kanto{background:#f3bdc9;}
.icon .cyubu{background: #cee3ac;}
.icon .kinki{background: #efe1a8;}
.icon .cyugoku{background: #f4cbbe;}
.icon .kyusyu{background: #f5b697;}
@media screen and (max-width:1399px){
.group_course_box dt{width: 100%; text-align: center;}
.group_course_box dd{width: 49%; margin: 0 auto; font-size: 90%; }
}
@media screen and (max-width:624px){
.group_course_box dd{width: 100%; margin: 0 auto; font-size: 85%; }
}

@media screen and (min-width:1000px){
#hitori { display: block; padding-top: 250px; margin-top: -250px; }
}

@media screen and (max-width:999px){
#hitori { display: block; padding-top: 100px; margin-top: -100px; }
}