/*main*/
a{color:#006699; text-decoration: none;}a:hover{color:#ca0000;}
/*nav*/
nav dl{width:100%;margin:auto;display:flex;}

@media screen and (min-width:1400px){
    .above_the_fold{position: fixed; background:#f8f9fa;  height:150px; width: 100%; z-index: 9999;  }
    .header{position:relative;margin: 0px auto;}
    .header .logo{position: absolute;left: 50%;transform: translateX(-50%); display: block; top:10px;}
	.header .logo img {width: 100%; max-width:350px;}
	.header .h_bttn {position: absolute; right:20px; top:20px; display: flex;}
    .header .h_bttn div{margin-right: 10px;}
	.header .h_bttn a {text-align:center;text-decoration:none;transition:0.3s;border-radius:5px;padding:7px 15px;}
    a.btn_online {background:#6A0E28; color:#ffffff;width:170px; display: block;}
    a.btn_membership {background:#333333; color:#ffffff;width:170px; display: block; }
    .h_bttn a:hover { background:#000000; color:#ffffff; }
	
	nav ul{display:flex;width:100%;align-items:center;justify-content:space-between;color:#333333; margin:100px auto 25px; max-width: 1400px;}
	nav ul li{text-align:center;line-height:110%; display: block;}
	nav ul li a{padding:15px 15px;text-decoration:none;transition:0.2s;display:block;color:#333333; font-weight: bold;}
	nav ul li a:hover, nav dl dd ul li a:hover p, nav dl dd ul li a:hover font{color:#6A0E28;}
nav ul li a.btn_online{background:#022179;border-bottom-left-radius:1px;}
nav ul li a.btn_membership{background:#581a2a;border-bottom-left-radius:1px;}
	
.nav-check,.nav-btn{display:none;}
.header .logo_sm,.logo_sm02{display:none;}
	.pc_none{display:none;}
}

@media screen and (max-width:1399px){
    .above_the_fold{position:static;}
    .topnavi{background:#f8f9fa; height:50px;z-index:10; }
	.header .logo{display:none;}
    .header .logo_sm{position: absolute;left:20px;display: block; top:10px;}
	.header .logo_sm img {width: 100%; max-width:220px;}
	.logo_sm02 img {width: 100%; max-width:220px;}
	.header .h_bttn{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:#6A0E28;transition:all .1s;transform-origin:left top;border: 1px solid #FFFFFF;}
	.nav-bar.middle{top:11px;opacity:1;}
	.nav-bar.bottom{top:23px;transform-origin:left bottom;}
    
    .nav-menu{background:rgba(255,255,255,0.80);box-sizing:border-box;width:300px;height:100%;padding:50px 0;transition-property:all;transition-duration:.1s;transition-delay:0s;transform-origin:right center;}
	.nav-menu li a{color:#333;display:block;padding:10px 20px;transition:all .1s;text-decoration:none;font-size:90%; border-bottom: 1px dotted #CCC;}
    
.nav-menu li a.web{background:#6A0E28;border-bottom-left-radius:1px; color: #FFFFFF;}
.nav-menu li a.membership{background:#333333;border-bottom-left-radius:1px; color: #FFFFFF;}
	.nav-menu .logo_sm02 li a:hover{background:rgba(255,255,255,0.80)}
    
	.nav-menu  li a:hover, .nav-menu  li a:hover p, .nav-menu ul li a:hover font{color:#6A0E28;background:rgba(255,255,255,0.80)}
	.nav-btn:hover .nav-bar{background:#6A0E28;}
	.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;}
}

/*top*/
.bg_slider{height:800px; padding-top: 150px;}
.bg_slider .ph_copy {position: absolute;top: 70%;right: 10%;color: #FFFFFF; font-size: 280%; text-align: center;
  text-shadow: 0px 0px 10px rgba(70, 70, 70, 0.8);}
.bg_slider .ph_copy font {display: block;}
.m_images {width: 100%; margin-bottom:15px; padding-top: 150px; } .m_images img {width: 100%;}

@media screen and (max-width:1399px){
.bg_slider{height:600px; padding-top: 150px;}
.bg_slider .ph_copy {position: absolute;top: 60%;right: 10%; font-size: 240%; }
.m_images {width: 100%; margin-bottom:15px; padding-top: 0px; } 
}
@media screen and (max-width:650px){	
.bg_slider{height:300px; padding-top: 50px;}
.bg_slider .ph_copy {position: absolute;top: 40%;left: 5%; font-size: 160%;text-align: left; line-height: 180%; }
}
@media screen and (max-width:450px){	
.bg_slider{height:300px; padding-top: 50px;}
.bg_slider .ph_copy {position: absolute;top: 30%;left: 5%; font-size: 130%;text-align: left; line-height: 180%; }
}

/*footer*/
footer{background:#6A0E28;color:#FFF;margin-top:0px;text-align: center;font-size: 100%;}
footer .name {text-align: center; font-size: 160%; margin-bottom: 20px;}
footer a {color: #FFFFFF;}
.f_link{display:flex; margin: 20px auto; flex-wrap: wrap; font-size: 70%;}
.f_link div{width:23%; margin: 10px 2px; }
.copyright{text-align:center;letter-spacing:1px;font-size:60%; height: 30px; line-height: 30px; }

@media screen and (min-width:1000px){
	footer{margin-top:0px; }
	.f_inner {display:flex;flex-wrap:wrap;justify-content:space-between;margin:0px auto;align-items:center; width:100%;}
	.f_inner dt{width:40%;text-align:center; padding: 5%;} .f_inner dd{width:50%;}
}
@media screen and (max-width:999px){
footer{}
.f_link{display:flex; margin: 20px 5%; flex-wrap: wrap; font-size: 70%;}
.f_link div{width:30%; margin: 10px 2px; text-align: left; }
.f_inner {display:flex;flex-wrap:wrap;justify-content:center;margin:0px auto;align-items:center; max-width: 999px;}
.f_inner dt{width:90%;text-align:center;padding: 10% 5%;} .f_inner dd{width:100%;text-align:center;}
footer .name {text-align: center; font-size: 140%;}
}

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

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


/*common*/
.box_blue{background:#00215e;}
.box_dr{background:#6A0E28;}
.box_grey{background: #333333;}
.box_ly{background:#f6f4ee;}

.box_dr a {color:#ffffff; text-decoration: underline;}

.title_sm { margin:30px auto 30px; font-size: 160%; text-align: center; color: #290309;}
.title p {	font-size: 70%; text-align: center; color: #CCCCCC;}
.sub_title{border-top:3px #6A0E28 double;border-bottom:3px #6A0E28 double;padding-top:8px;padding-bottom:8px;margin-bottom:15px;color:#6A0E28;font-size:120%;}
.stitle {	font-size: 120%;	border-bottom: 1px dotted #6A0E28;	padding-bottom: 3px;	margin-bottom: 20px;	text-align: left;	clear: both;	color: #000000;}
.c_caption { border-top: 3px #6A0E28 double; border-bottom: 3px #6A0E28 double; padding-top: 8px; padding-bottom: 8px; font-size: 110%; margin-bottom: 15px; color: #6A0E28; }

.title_top { font-size: 240%;color: #6A0E28; margin-bottom: 40px; font-style: italic;}
.title { font-size: 240%;color: #6A0E28; margin-bottom: 40px; text-align: center;}
.title_2 { font-size: 210%;color: #6A0E28; margin-bottom: 40px; text-align: center;}
.catch {font-size: 120%; margin-bottom: 25px; line-height: 200%;}

@media screen and (max-width:650px){
.title { margin:30px auto 50px; font-size: 140%; text-align: center; font-weight: bold;}
.title_2 { margin:30px auto 50px; font-size: 110%; text-align: center; font-weight: bold;}
.title p {	font-size: 70%; text-align: center; color: #CCCCCC;}
}

/*topscroll*/
.topscroll a{background:#6A0E28;color:#FFF;}
.topscroll a:hover{background:#333333;color:#FFF;}
@media screen and (min-width:651px){
	.topscroll{position:fixed;bottom:10px;right:10px;z-index:100;}
	.topscroll a{text-decoration:none;padding:10px 18px 20px 18px;text-align:center;display:block;border-radius:100px;line-height:60%;}
	.topscroll a p{text-align:center;font-size:2.2rem; margin-bottom: 5px;}
	.topscroll a:hover{text-decoration:none;}
}

@media screen and (max-width:650px){
	.topscroll{display:none;}.topscroll a{display:none;}
}

/* news */
.news_box {	display: flex;justify-content:space-between;align-items: center;	flex-wrap: wrap;	-webkit-flex-wrap: wrap; color:#fff; padding: 15px; max-width: 1400px; margin: auto;}
.news_box dt {	width: 60%; padding-left: 3%; border-left: 1px solid #FFFFFF;}
.news_box dd {	width: 35%; text-align: center; font-size: 150%;}
.news_box dt a {color:#fff;}
.news_box dd a {color:#000; text-decoration: none;}
.tmbl_new_icon{background:#ffffff; padding: 0px 5px; color:#6A0E28; border-radius: 10px; margin-right: 10px;}
@media screen and (max-width: 999px) {
.news_box dt {	width: 100%;border-left: 0px solid #FFFFFF;padding-left:0%; }
.news_box dd {	width: 100%; margin: 0 auto; text-align: center;padding: 30px 0px;}
}


/* news */
.news {width: 100%;}
.news ul { padding: 5px; margin-top: 5px; margin-bottom: 0px; border-top: 0px dotted #333333;  }
.news ul li { border-bottom: 1px dotted #333333; padding-bottom: 10px; margin-bottom: 10px; }
.news a{ color: #000; text-decoration: none; }
.news a:hover { color: #ff0000; transition: 0.3s; }
.news .news_title{ margin-right: 50px;}
.news .news_title img{ width:100%; max-width: 120px; margin-right: 50px;}
.news .date { margin-right: 3%; float: left;  }
.news .icon { margin-right: 3%; float: left; padding: 3px 5px; font-size: 90%; font-style: italic; width: 60px; text-align: center;}
.news .event { background: #aad2cb; color: #ffffff;}
.news .info { background: #999999; color: #ffffff;}
.news .special { background: #e89ab7; color: #ffffff;}
.new_ico {	font-size:80%;	background-color: #f00;	color:#fff;	font-weight:bold;	padding:0.4em 0.5em 0.2em;	line-height: 100%;	border-radius: 5px;}
@media screen and (max-width:999px) {
.news {width: 100%; font-size: 80%;}
.news .news_title{ display: none;}
.news ul li { border-bottom: 1px solid #CCCCCC; padding-bottom: 15px; margin-top: 15px; }
}


/* for members */
.box_course {background: url("../../images/top/ph_course_bg.jpg")center center no-repeat; background-size: cover; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 10%; align-items: center;}
.box_course_title{ font-size: 260%;text-shadow: 0px 0px 10px rgba(70, 70, 70, 0.4); margin-bottom: 40px; font-style: italic;}
.box_course_catch {font-size: 120%; margin-bottom: 25px; line-height: 180%;}
.box_course_contents {color:#ffffff; width: 48%; line-height: 200%;}
.box_course_ph,.box_club_ph {width: 48%;}
.box_course_ph img,.box_club_ph img {width: 100%;}

.box_club {background: linear-gradient(135deg, #f8f9fa 0%, #f8f9fa 50%, #f3edef 50%, #f3edef 100%); display: flex; justify-content: space-between; flex-wrap: wrap; padding: 10%; align-items: center;}
.box_club_contents {color:#333; padding: 10px; font-size: 100%;  line-height: 170%;width: 48%;}

@media screen and (max-width: 999px) {
.box_course,.box_club {font-size: 85%;}
.box_course_contents,.box_club_contents {width: 100%; line-height: 200%; margin-bottom: 25px;}
.box_course_ph,.box_club_ph {width: 100%; margin-bottom: 25px;}
}


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

.swiper-slide img{width:100%;}
.swiper-container > .swiper-wrapper{transition-timing-function:linear!important;}
.swiper_slider .swiper-slide{margin-bottom:40px;text-align: center;}
.swiper_slider .swiper-slide img{margin-bottom:15px; width: 100%; max-width: 300px; }
.swiper_slider p{padding:10px;text-align:center;font-size:110%;}
.swiper_hole .swiper-slide{margin-bottom:30px;}

/*access*/
.gmap_footer{height:0;overflow:hidden;padding-bottom:67.00%;position:relative;}
.gmap_footer iframe{position:absolute;left:0;top:0;height:100%;width:100%;}
.gmap{height:0;overflow:hidden;padding-bottom:85.00%;position:relative;}
.gmap iframe{position:absolute;left:0;top:0;height:100%;width:100%;}

@media screen and (min-width: 1000px)and (max-width:1375px){
.gmap_footer{height:0;overflow:hidden;padding-bottom:80.00%;position:relative;}
}


@media screen and (max-width:999px){
	.gmap,.gmap_footer{height:0;overflow:hidden;padding-bottom:67.00%;position:relative;}
}

/*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;}
.gentei{background:#0070be; color: #FFFFFF; border-radius: 5px; padding: 3px 5px; font-size: 80%; margin-right: 5px; }

@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{font-weight: bold; font-size: 16px;}
/* .restaurant_menu dl dd{float:right;padding-top:3px} */
/* .restaurant_menu dl dd{float:right;padding-top:3px} */
.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; }
.restaurant_menu dl dt span {
	float: right; 
	display: inline-block;
	padding-top: 3px;
}


.r_box{display:flex;}.r_box li{width:32%;}
.r_box_s{display:flex;}.r_box_s li,.r_box_s dd{width:23%;}
.r_title{font-size: 120%;margin: 20px; text-align: center;}
.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;}

.res_ico {	font-size:70%;	background-color: #6A0E28;	color:#fff;	padding:0.3em 0.5em 0.3em;	line-height: 100%;	border-radius: 5px;}

@media screen and (max-width:999px){
.r_box li{width:48%;}
.r_box_s li,.r_box_s dd{width:48%;}
.r_title{font-size: 100%;margin: 20px 0px;}
.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;}
}

.m_titlebottom25 { color: #000000; 	font-size: 1.5em; margin-bottom: 50px; line-height: 180%;}
.eng_sm { color: #e4dede; font-size: 130%; font-style: italic; padding: 10px; }

@media only screen and (min-width: 1281px) {
#course_info {display: flex;  justify-content: space-between;align-items:center;}
#course_info .photo_c { width: 55%; }
#course_info .photo_c img { width: 100%; max-width: 706px; margin-left: 0%;}
#course_info .txt { width: 40%; position: relative; left: 0%; }
#course_info .eng_lg { color: rgba(250, 248, 248, 0.6); font-size: 9em; position: absolute; top:-1.1em; right: 4%; z-index: 0;}
.course_title {border-left: 5px solid #CCCCCC; padding-left: 20px;}	
}

@media only screen and (max-width: 1280px) {
#course_info {width: 100%; margin-bottom: 5%;}
#course_info .photo_c { width: 100%; text-align: center; }
#course_info .photo_c img { width: 100%; max-width: 706px;}
#course_info .txt{ width: 100%; position: relative; margin: 0 0 30px; font-size: 80%; }
#course_info .eng_lg { display: none;}
.m_titlebottom25 {	font-size: 1.5em; margin-bottom: 35px; text-align: center; }
}
.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: #6A0E28; border-radius: 10px 10px 0 0;  }
.hole_box .hole_nav li a.select { background:#6A0E28; color: #ffffff; padding: 20px 10px;  border-radius: 10px 10px 0 0; }
.hole_box .hole_nav li a:hover { background: #333; 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; }
.h_ph{display:flex; flex-wrap: wrap; justify-content: space-between; width: 100%;margin-top: 15px;}
.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: 33%;  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: 20%; }
.hole_box .swiper-slide dl dd { width: 75%; }
.hole_box .swiper-container li .slide-inner { padding: 60px; }
.h_layout img {width:100%;}
}

@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: 48%;  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%; }
.h_ph li{width:100%; margin-bottom: 10px;}
.m_titlebottom25 {	font-size: 1.3em; margin-bottom: 35px; text-align: center; }
.h_layout img {width:80%; margin:0 10%;}
}


.course_t th{background:#333333;color:#FFF; border: 1px solid #ffffff; padding: 5px 3px;}
.course_t td{background:#f8f6f6; border: 1px solid #999999; padding: 5px 3px;}
.course_t .bt{background:#000000;}
.course_t .rt{background:#0000ff;}
.course_t .ft{background:#ffffff;color:#072a4a;border-bottom: 1px solid #999999;}
.course_t .gt{background:#c1ab05;}
.course_t .lt{background:#dc143c;}
.course_t .pt{background:#BC306B;}
@media screen and (max-width:999px) {
.course_t th{font-size: 75%; padding: 5px 0px;}
.course_t td{font-size: 80%; padding: 5px 0px;}
}

/* ===========================
pageNav
=============================*/
#page ul.pageNav01 {
	background:#efefef;
	margin: 0 0 25px;
	padding: 10px 10px 5px;
	text-align: center;
	font-size:120%;
}

#page ul.pageNav01 li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

#page ul.pageNav01 li span,
#page ul.pageNav01 li a {
	background: #ffffff;

	display: inline-block;
	margin-bottom: 5px;
	padding: 3px 8px;
	border: 1px solid #053f7a;
	text-decoration: none;
	vertical-align: middle;
}

#page ul.pageNav01 li a:hover {
	background: #ffffff;
	border-color: #053f7a;
	color: #053f7a;
}



/*---------------------------------------------------
minfo
--------------------------------------------------- */
* .minfo font { display:inline-block; }