/*main*/
a{color:#ff0000; text-decoration: none;}a:hover{color:#2d6230;}
/*nav*/
.above_the_fold{position:relative;}
.topnavi{background:rgba(255,255,255,0.70);height: 110px;}
nav dl{width:100%;margin:auto;display:flex;}
nav dl .logo a{margin-left: 1%;}
nav{width:100%;z-index:10;position:fixed;top:0;width:100%;z-index:10;}

@media screen and (min-width:1181px){
	nav dl{display:flex;justify-content:space-between;flex-wrap:nowrap;width:100%;align-items:center;}
	nav dl .logo{background: #FFFFFF; vertical-align: middle; display: block; height: 110px; padding: 0 5px; }
    nav dl .logo img {width: 100%; max-width:400px; padding-top: 15px;}
	nav dl dt{width: 300px; padding-top: 0px;}nav dl dd  {width: 85%;}
    .h_top {display:flex; justify-content: flex-end; margin-top: 5px;}.h_top li{margin:0px 15px;}
    .h_top .telphone{font-size: 150%;}
	nav dl dd ul{display:flex;width:100%;align-items:center;justify-content:flex-end;color:#000000;}
	nav dl dd ul li,.fixed_nav li{text-align:center;display: block; }
	nav dl dd ul li a p,.fixed_nav li a p{text-align:center;margin-top:10px;color:#21226d;letter-spacing:0.1em; font-size: 85%; font-style: italic;}
	nav dl dd ul li a{padding:5px 25px;text-decoration:none;transition:0.2s;display:block;color:#000000;}
	nav dl dd ul li a:hover, nav dl dd ul li a:hover p, nav dl dd ul li a:hover font{color:#2d6230;}
    
    nav dl dd a.h_bttn { padding: 10px 20px; width: 150px; display: block; text-align: center;border-radius:30px; margin: 5px;transition:0.2s;}
a.web{background:#dedef2; color:#21226d;}
a.mem{background:#21226d; color:#FFFFFF;}
    a.h_bttn:hover {background: #000000;color:#FFFFFF;} 
	
.fixed_nav{position:fixed;top:0;left:0;z-index:2;width:100%;transition:.5s;transform:translateY(-100%);}
.is-show { transform: translateY(0); }
.nav-check,.nav-btn{display:none;}
    .nav-menu li.navi_none{display:none;}
    .nav-menu .logo img{display:none;}
}

@media screen and (min-width: 1182px)and (max-width:1410px){
	nav dl dd ul li a{padding:5px 15px;}
    nav dl dd a.h_bttn { padding: 10px 5px; width: 130px; }
}

@media screen and (max-width:1181px){
    .nav-menu li.navi_none{display:block;}
    .h_top {display: none;}
.topnavi{background-image: linear-gradient(90deg, rgba(33, 34, 109, 1), rgba(84, 85, 203, 1)); height: 60px;}
	nav{width:100%;z-index:10;min-width:1000px;}
	nav dl .logo{ vertical-align: middle; display: block; height: 60px; }
    nav dl .logo img {width: 100%; max-width:200px;}
    .nav-menu .logo img {width: 100%; max-width:180px;}
	.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:#FFF;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(255,255,255,0.85);box-sizing:border-box;width:250px;height:100%;padding:50px 0;transition-property:all;transition-duration:.1s;transition-delay:0s;transform-origin:right center;}
	.nav-menu li a{display:block;padding:10px 20px;transition:all .1s;text-decoration:none;font-size:90%; border-bottom: 1px dotted #CCC; color:#000000;}
    
.nav-menu li a.web{background:#dedef2;border-bottom-left-radius:1px;color:#21226d;}
.nav-menu li a.mem{background:#21226d;border-bottom-left-radius:1px;color:#fff;}
    
	.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);}
	.nav-btn:hover .nav-bar{background:#CCC;}
	.nav-close{position:fixed;top:0;right:250px;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{background:#000000;color:#FFF;margin-top:0px;text-align: center; padding: 30px 20px;}
footer .copyright{text-align:center;margin-top:30px;letter-spacing:1px;font-size:60%;}
footer .name {text-align: left; font-size: 160%; margin-bottom: 15px;}
footer .f_link a {color: #FFFFFF; margin-right: 15px;}
.f_link{display:flex; margin-top: 20px; justify-content: flex-start;}.f_link li,.f_link dd{margin: 5px 1%;}
.group_box{background:#FFFFFF; padding: 5px; color:#000000; display: flex; align-items: center; justify-content: flex-start; max-width:550px; }
.group_box li .g_title {font-size: 140%; margin-bottom: 10px;}
.group_box li .g_add {font-size: 100%;}
.group_box img {width:100%; max-width: 200px; margin-right: 15px;}

@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%; max-width: 1400px;}
	.f_inner dt{width:45%;} .f_inner dd{width:45%;text-align:center;}
}
@media screen and (max-width:999px){
	footer{margin-top:20px; margin-bottom: 20px;}
	.f_inner {display:flex;flex-wrap:wrap;justify-content:center;margin:0px auto;align-items:center; max-width: 999px;}
	.f_inner dt{width:100%;text-align:center; margin-bottom: 15px;} .f_inner dd{width:100%;text-align:center;}
footer .name {text-align: center; font-size: 140%;}
.group_box img {width:100%; max-width: 150px; margin-right: 15px;}
}
@media screen and (max-width:500px){
    .group_box{flex-wrap: wrap;}
    .group_box li{width:100%; text-align: center;}
.group_box img {width:100%; margin-right: 0px; margin-bottom: 10px;max-width: 999px;}
}



/*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:1000px;}
.bg_slider .ph_copy {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.bg_slider .ph_copy img {width:100%; max-width: 400px;}
.m_images {width: 100%; margin-bottom:15px; } .m_images img {width: 100%;}

@media screen and (max-width:1200px){	
.bg_slider{height:400px;}
.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%;}
}

/* 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: 240%; margin-bottom: 20px; color: #000000; margin-bottom: 50px; text-align: center; font-style: italic;}
.title01 font {font-size: 35%;  margin-top: 10px; color: #022179; display: block; font-style: normal;}
.title02  {	font-size: 220%; margin: 20px auto 50px; color: #21226d; font-family: Book Antiqua; font-style: italic;  text-decoration: underline;
      text-underline-offset: .8em; text-align: center;}
.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 #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; }
.catch_copy { font-size:2em;margin-bottom: 30px;}
.title_ph{text-align: center; margin: 10px auto; font-size: 140%;}
@media screen and (max-width:650px){
.title span {	font-size: 100%;	color: #557877; margin-bottom: 10px;}
.title p {	font-size: 170%; margin-bottom: 10px;}
.catch_copy { font-size:1.5em;margin-bottom: 30px;}
}

/*topscroll*/
.topscroll a{background-image:  linear-gradient(90deg, rgba(33, 34, 109, 1), rgba(84, 85, 203, 1));color:#FFF;}
.topscroll a:hover{background:#557877;color:#FFF;}

/* news */
.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 (max-width: 999px) {
.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 .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%;}
.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%; }
}

.t_event_box{ display:flex; justify-content: space-between; flex-wrap: wrap; border: 1px solid #CCCCCC; padding: 5px; align-items: center; margin-bottom: 5px;}
.t_event_box .e_title {font-size: 140%; margin-bottom: 10px;}
.t_event_box .e_date {font-size: 100%;}
.t_event_box .e_date a {margin-left: 10px;}
.t_event_box img {width:100%;}


.course_pr{position:relative; width: 100%; background: url("../../images/top/course_bg.jpg") no-repeat; background-size: cover;}
.course_txt{position: absolute;background:rgba(255,255,255,0.85); top:0;left: 5%;}

@media screen and (min-width:1500px){
.course_pr{margin: 50px auto 100px; height: 800px; }
.course_txt{ width: 30%; padding: 10% 3%; height:94%;}
.course_txt .catch { text-align: left; font-size:2.5em;margin-bottom: 30px;}
.course_txt .sub {font-size:1.5em; text-align: left; margin-bottom: 30px; line-height: 200%;}

ul.t_event_box li.info {width: 60%;}
ul.t_event_box li.image {width: 35%; margin-right: 10px;}
ul.t_event_box li.link {width: 18%;  display: block; text-align: right;}
}

@media screen and (min-width: 1001px)and (max-width:1499px){
.course_pr{margin: 50px auto 100px; height: 800px; }
.course_txt{ width: 30%; padding: 10% 3%; height:94%;}
.course_txt .catch { text-align: left; font-size:2em;margin-bottom: 30px;}
.course_txt .sub {font-size:1.5em; text-align: left; margin-bottom: 30px; line-height: 200%;}
ul.t_event_box li.info {width: 65%;}
ul.t_event_box li.image {width: 30%; margin-right: 10px;}
ul.t_event_box li.link {width: 25%;  display: block; text-align: right;}
}

@media screen and (max-width: 1000px) {
.course_pr{margin: 50px auto 100px; height: 600px; }
.course_txt{ width: 40%; padding: 10% 3%; height:94%;}
.course_txt .catch { text-align: left; font-size:1.5em;margin-bottom: 30px;}
.course_txt .sub {font-size:1em; text-align: left; margin-bottom: 30px; line-height: 200%;}

ul.t_event_box li.info {width: 50%;}
ul.t_event_box li.image {width: 20%; margin-right: 10px;}
ul.t_event_box li.link {width: 20%;  display: block; text-align: right;}
}

@media screen and (max-width: 570px) {
.course_pr{margin: 50px auto 100px; height: 600px; }
.course_txt{ width: 60%; padding: 10% 3%; height:94%;}
.course_txt .catch { text-align: left; font-size:1.5em;margin-bottom: 30px;}
.course_txt .sub {font-size:1em; text-align: left; margin-bottom: 30px; line-height: 200%;}
.t_event_box li {width:100%; text-align: center;}
.t_event_box img {width:100%; max-width: 570px; margin-right: 0px; margin-bottom: 5px;}
.t_event_box li .e_title {font-size: 140%; margin-bottom: 10px; text-align: center;}
.t_event_box li .e_date {font-size: 100%;text-align: center; margin-bottom: 10px;}
.t_event_box li .e_date a {margin-top: 10px;}
    
ul.t_event_box li.info {width: 100%;}
ul.t_event_box li.image {width: 100%;}
ul.t_event_box li.link {width: 100%;}
}

.pr_ph{display:flex; justify-content: space-between; flex-wrap: wrap;}
.pr_ph dd{width:32%; position: relative;}
.pr_ph dd .txt{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); font-size: 300%; color: #FFFFFF;font-family: Book Antiqua; font-style: italic; letter-spacing: .1em; width: 90%; text-align: center; }

@media screen and (max-width: 1000px) {
 .pr_ph dd .txt{font-size: 200%;}
}
@media screen and (max-width:600px) {
.pr_ph dd{width:48%; position: relative;}
}
@media screen and (max-width:400px) {
.pr_ph dd{width:100%; position: relative;}
}
/*---------------------------------------------------
access
--------------------------------------------------- */


/*access*/
.ac_main{background: #EFEFEF; padding: 5px; text-align: center;}
.ac_sub {text-align: center; margin: 10px auto;}
.gmap_top{height:0;overflow:hidden;padding-bottom:88.00%;position:relative;}
.gmap{height:0;overflow:hidden;padding-bottom:68.00%;position:relative;}
.gmap_top iframe,.gmap iframe{position:absolute;left:0;top:0;height:100%;width:100%;}
@media screen and (max-width:650px){
	.gmap_top, .gmap{height:0;overflow:hidden;padding-bottom:110.00%;position:relative;}
}

/*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 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){
	.swiper-slide dl dt{width:100%;}
	.swiper-slide dl dd{width:100%;}
}


.bestrate{display:flex;align-items:center;padding:15px;
  background-image: linear-gradient(90deg, rgba(33, 34, 109, 1), rgba(84, 85, 203, 1));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;}

.photo_gallery{display:flex;flex-wrap:wrap;justify-content:space-between;}
.photo_gallery li{width:49%;position:relative;margin-bottom:15px;}
.photo_gallery li img{width:100%; border-radius: 10px;}
.photo_gallery li p{position:absolute;bottom:0;right:0;color:#FFF;padding:5px 15px;background:#21226d;font-size:1.3rem;border-top-left-radius:10px;}

@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; }
.photo_gallery li p{position:absolute;bottom:0;right:0;color:#FFF;padding:5px 5px;background:#21226d;font-size:1rem;border-top-left-radius:10px;}
}



/*---------------------------------------------------
event
--------------------------------------------------- */
.event, .event02{border:4px #ddd solid;margin-top:20px;border-radius:10px;}
.event dl dt img, .event02 dl dt img{width:100%;border-radius:10px;}
.event .title, .event02 .title{font-size:1.6rem;border-top:3px #0c0c39 double;border-bottom:3px #0c0c39 double;padding:8px 0;margin-top:5px;margin-bottom:15px;color:#0c0c39;}
.event .fee, .event02 .fee{font-size:1.5rem; line-height: 160%;}
.event span, .event02 span{font-size:.8rem;}
.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: 28%; margin-bottom: 10px;}
.event_flex li img { width: 100%; }
.calendar_flex{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}

	.event, .event02{ padding:20px;}
	.event dl, .event02 dl{align-items:center;}
	.event dl dt, .event02 dl dt{ width:100%;}
	.event dl dd, .event02 dl dd{ width:100%;}
    .icon{border-radius:8px;text-align:center;margin-top:1px;margin-bottom:2px;padding:0px 0 2px 0;}


@media screen and (min-width:761px)and (max-width:1000px){
    .event_flex li {width: 43%;}
}

@media screen and (max-width:760px){
    .event_calendar td{padding:5px 3px; font-size: 85%;}
    .event_flex li {width: 100%;}
	.event, .event02{ padding:10px;}
	.event02{ font-size:120%;}
	.event dl dt, .event02 dl dt{margin-bottom:15px;}
    .icon {font-size: 80%;border-radius:3px;text-align:center;margin-top:1px;margin-bottom:2px;padding:0px 0 2px 0;}
    .lottery_box,.lottery_box2,.lottery_box3{font-size:70%;}
}
/*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_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:#0c0c39; color: #ffffff; padding: 20px 10px;  border-radius: 10px 10px 0 0; }
.hole_box .hole_nav li a:hover { background: #555; color: #FFF; }

.hole_title { border-bottom: 2px solid #0c0c39; padding-bottom: 10px; margin-bottom: 20px; display: flex; align-items: baseline; flex-wrap: wrap; justify-content: flex-start; }
.hole_title dt { font-size:260%; border-right: 1px dotted #000000; padding-right: 15px; margin-right: 20px;}.hole_title dd { font-size:170%;}
.hole_box .swiper-container { border: 1px solid #CCCCCC;padding-bottom: 25px; }
.h_ph 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; }
.h_ph{margin: 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%; }
.hole_title dt { font-size:200%; border-right: 1px solid #000000; padding-right: 15px; margin-right: 20px;}.hole_title dd { font-size:120%; display: block;}
.h_ph{margin: 30px 0px;}
}