﻿@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP|Sawarabi+Mincho|Noto+Serif+JP&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');


/*font*/
.en_font {font-family: 'Oswald', sans-serif;}
.min_font {font-family: 'Noto Serif JP',sans-serif;}

/*basic*/
body,input,textarea{font-family:'Noto Sans JP',sans-serif;color:#000;}
a{color:#6d0002;}a:hover{color:#ca0000;}

@media screen and (min-width:651px){
	h1{font-size:0.8rem;}
	h2{font-size:2.3rem;letter-spacing:1.6px;}
	h3{font-size:1.8rem;letter-spacing:1.2px;}
	h3 span{font-size:0.8rem;}
}

@media screen and (max-width:650px){
	h1{font-size:0.8rem;}
	h2{font-size:1.85rem;}
	h3{font-size:1.5rem;}
	h3 span{font-size:0.8rem;}
}

#header{display:flex;justify-content:space-between;width:95%;align-items: center; margin: 0 4% 0 1%;}
#header dt {width: 20%;} #logo_header dd {width:75%;}
#header .logo_maru img { width: 100%; max-width: 190px;}
#logo_header{display:flex;justify-content:space-around;width:100%; margin: 0 auto; align-items: center; flex-wrap: wrap;}
#logo_header dt {width: 30%; text-align: center;} #logo_header dd {width:70%;}
#logo_header .logo img { width: 100%; max-width: 377px; margin-bottom: 30px;}
#logo_header .icon {display:flex; }
#logo_header .icon li {width: 120px; margin: 0 5px; height: 120px;}
#logo_header .m_img {border-radius:25px;}

@media screen and (max-width:1400px){	
#logo_header .logo img { width: 100%; max-width: 300px; margin-bottom: 0px;}
}
@media screen and (max-width:650px){
#logo_header dt {width: 100%; text-align: center;} #logo_header dd {width:100%;}	
#logo_header .logo img { width: 100%; max-width: 200px; margin-bottom: 0px;}
#logo_header .icon li {margin: 0 5px;}
}
a.btn_icon{color:#332c1d;background:#ffffff; border:1px solid #CCCCCC; border-radius: 10px; padding: 15px 5px; text-align: center; height: 60px;}a.btn_icon:hover{color:#fff;background:#cccccc;}

/*nav*/
.above_the_fold{box-shadow:0px 8px 5px -5px rgba(0,0,0,0.2);border-bottom:8px #6d0002 solid;}

@media screen and (min-width:1351px){
.h_navi ul{display:flex;justify-content:center;}
.h_navi ul li{text-align:center;line-height:110%;letter-spacing:0.5px;font-size:1.30rem;}
.h_navi ul li a{padding:18px 28px;display:block;text-decoration:none;color:#000;transition:0.2s;letter-spacing:1px; font-weight: bold;}
.h_navi ul li a:hover{background:#cccccc;color:#FFF;}
	
	.fixed_nav{position:fixed;top:0;left:0;z-index:2;width:100%;transition:.5s;transform:translateY(-100%);border-bottom:8px #6d0002 solid;}
	.is-show { transform: translateY(0); }
    
.nav-check,.nav-btn{display:none;}
.nav-menu .h_bttn {display:none;}
}
@media screen and (max-width:1350px){
	.top_fixed {display: none;}
	nav{top:0;width:100%;}
	nav.topnavi dl dt{background:#ffffff;padding:10px 0;position:fixed;top:0;width:100%;z-index:1;border-bottom:5px #6d0002 solid; text-align: center}
	nav.topnavi .logo img{ max-width:300px; margin: auto; }
    
    .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:20px;right:20px;width:40px;height:40px;font-size:10px;text-align:center;cursor:pointer;z-index:9999; }
	.nav-bar{position:absolute;top:0;left:0;display:block;width:40px;height:3px;background:#000000;transition:all .1s;transform-origin:left top;z-index:9999;}
	.nav-bar.middle{top:11px;opacity:1;}
	.nav-bar.bottom{top:23px;transform-origin:left bottom;}
    
    .nav-menu{background: #ffffff; box-sizing:border-box;width:300px;height:100%;padding:50px 0;transition-property:all;transition-duration:.1s;transition-delay:0s;transform-origin:right center;display:block;}
    nav dl dt ul li{display:block;}
	.nav-menu li a{color:#2e1608;display:block;padding:15px 20px;transition:all .1s;text-decoration:none;font-size:90%; border-bottom: 1px dotted #2e1608; text-align: left; width: 100%;}
    .nav-menu a.h_bttn{margin: 10px auto; color: #000000;padding: 10px 10px; transition:0.3s; width: 200px; text-align: center; }
    .nav-menu a.h_bttn_web{background: #ed6d00;}
.nav-menu a.h_bttn_mem{background: #2e1608;}
.nav-menu a.h_bttn:hover { background:#000000; color:#ffffff; }
    
	.nav-menu  li a:hover{color:#fff;background:rgba(0,0,0,0.80);}
	.nav-btn:hover .nav-bar{background:#ff0000;}
	.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;}
    
    
.nav-menu li img {width: 100%;}
.nav-menu li.bnr img {max-width:100px;}
.nav-menu li.icon img {max-width:30px; }
}

/* drawer nav */
.drawer-toggle{display:none;}
@media screen and (max-width:999px){
	.drawer-menu{z-index:30;}
	.drawer-menu p{font-size:1.2em;}
	.drawer-nav ul{background:#fff;color:#000000;z-index:30;font-size:1.2em;}
	.drawer-nav ul li{border-bottom:1px #cccccc solid;}
	.drawer-nav ul li a{display:block;padding:10px 10px 10px 20px;text-decoration:none;color:#000;font-weight: bold;}
	.drawer-nav ul li a:hover{color:#999;}
}

/*footer*/
footer{background:#ffffff;padding:2%;color:#000000;}
footer .name{ font-size:200%; }
.copyright{text-align:center;margin-top:40px;letter-spacing:1px;font-size:0.8em; color: #FFF;}
.f_link ul {display:flex; margin: 30px auto; max-width: 800px; flex-wrap: wrap; justify-content: space-around;}
.f_link li a { color:#ffffff; text-decoration:none; margin-right: 10px;}	

@media screen and (min-width:651px){
	.inquiry_box_small{display:none;}
	footer{margin-top:30px;}
	footer .c_name{font-size:2em; margin-bottom: 15px;}
	footer dl{max-width:1200px;margin:auto;display:flex;align-items:top;flex-wrap:nowrap;justify-content:space-between;}
	footer dl dt{width:45%;}
	footer dl dd{width:25%;}
	.f_link li{list-style:none; margin:10px 0px; }
}

@media screen and (max-width:650px){
	footer{margin-top:20px;}
	.f_link ul {display:flex; margin: 30px auto;}
	.f_link li{list-style:none; margin:10px 0px; display: block; width: 30%;}
    .copyright{padding-bottom: 70px;}
}
	
/*topscroll*/
.topscroll a{background:#ff0000;color:#FFF;}
.topscroll a:hover{background:#cccccc;color:#FFF;}
	
.group_list { display: flex; }
.group_list li { width:23%; margin-bottom: 10px;}
.group_list img { width: 100%;}
@media screen and (max-width:650px){
.group_list li { width:48%; margin-bottom: 10px;}}

.inquiry_box_small { position: fixed; bottom: 0; z-index: 100; background: rgba(15,26,29,0.9); color: #FFF; width:100%; }
.inquiry_box_small ul { display: flex; }
.inquiry_box_small ul li { text-align: center; flex-grow: 1; width: 33.3%; }
.inquiry_box_small ul li div { padding: 5px 0; text-align:center; }
.inquiry_box_small img { max-width: 30px;}
.inquiry_box_small a { color: #FFF; text-decoration: none; }

/*breadcrumb*/
.breadcrumb_box{display:flex;color:#999;font-size:1.1rem;}
.breadcrumb_box dt{margin-right:5px;}
.breadcrumb_box dt h1{font-size:1.1rem;}
.breadcrumb_box .breadcrumb{display:flex;}
.breadcrumb_box .breadcrumb li{margin-right:2px;}
.breadcrumb_box .breadcrumb li a{color:#999;text-decoration:underline;}
.breadcrumb_box .breadcrumb li a:hover{color:#999;text-decoration:underline;}
@media screen and (max-width:650px){.breadcrumb_box{display:block;}}

/*basebox*/
@media screen and (min-width:1000px){
	.container{min-width:1000px;}
	.content {margin-bottom: 50px;padding: 0 3%;}
	.limit_box{max-width:1220px;margin:auto;padding-left:10px;padding-right:10px;}
	.narrow_box{max-width:950px;margin:auto;padding:25px;}
	.two_col{display:flex;justify-content:space-between;}
	.two_col dt{width:48%;}
	.two_col dd{width:48%;}
}

@media screen and (max-width:999px){
	.container{padding-top:0px;}
	.content {margin-bottom: 50px; padding: 0 3%;}
	.limit_box{padding-left:10px;padding-right:10px;}
	.narrow_box{padding:15px;margin-left:10px;margin-right:10px;}
	.two_col{display: block;}
	.two_col dt,.two_col dd{width:100%;margin-bottom:50px;}
}

#m_images {width: 100%;} #m_images img {width: 100%;}
.m_title {font-size: 300%; text-align: center; margin-bottom: 50px;font-family: 'Oswald', sans-serif; color: #000;}
.s_title { font-size: 170%; text-align: center; margin: 50px auto;font-family: 'Oswald', sans-serif; color: #004935; border-bottom: 4px solid #004935; padding-bottom: 10px;}
.s_title span { font-size:70%; display: block; color: #000000;}

/*sub_title*/
.sub_title{padding:15px 10px 10px 0px; margin-bottom: 15px; color:#004935; border-bottom: 1px dotted #004935; font-size: 160%;}
.sub_title p{text-align:center;}

/*slider*/
.slider_bg{background:#efefef;background-size:cover;padding-top:20px;padding-bottom:20px;}
.slider .slick-slide{margin-left:5px;margin-right:5px;}
@media screen and (max-width:999px){
	#m_images {width: 100%; margin-top: 37px;} #m_images img {width: 100%;}
	.slider .slick-slide{margin-left:2px;margin-right:2px;}
	.slider .slick-slide img{width:400px;}
	.slider_bg{padding-top:30px;padding-bottom:10px;}
}
.m_images img {width:100%; height: 300px;}

#link ul { margin:0 5px 0 0; list-style:none; padding:0px; }
#link li { margin:10px 0px 0px 0px; padding: 0px 0 10px 0px; border-bottom: dotted 1px #CCCCCC; vertical-align:text-top; text-align:left;}

/* ------------------------
トップページ
------------------------*/
.news_box{ display: flex; flex-wrap: wrap;justify-content: space-around;align-items: center; padding:2% 5% 2%; background: url(../../images/top/bg_news.jpg) repeat;}
.news_box dt { width: 25%; text-align: center;}.news_box dd { width: 70%;}


.news {width: 100%;}
.news ul { padding: 5px; margin-top: 5px; margin-bottom: 15px;}
.news ul li { border-bottom: 1px solid #CCCCCC; padding-bottom: 25px; margin-top: 0px; }
.news a{ color: #000; text-decoration: none; }
.news a:hover { color: #666; transition: 0.3s; }
.news .date { margin-right: 20px; float: left;  }
.news .info_event { background: #ff0000; color: #ffffff; margin-right: 20px; float: left; padding: 3px 5px; font-size: 90%;}
.news .info { background: #000000; color: #ffffff; margin-right: 20px; float: left; padding: 3px 5px; font-size: 90%;}
@media screen and (max-width: 999px) {
.news_box dt { width: 100%;}.news_box dd { width: 100%;}
}

.main_pr {height: 800px;}
@media screen and (max-width:999px){	
.main_pr {height: 400px;}}

.sns {display: flex; justify-content: center;}
.sns li {margin: 5px;}
/*---------------------------------------------------
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: 10px;	padding-bottom: 10px;}
.route_tbl .eki {	padding:0px;	vertical-align: middle;	background-color:#149000;	color:#fff;	text-align:center;	-moz-border-radius: 10px;	-webkit-border-radius: 10px;	border-radius:10px;	padding-top:30px;	padding-bottom:30px;}
.route_tbl .ue {	border-bottom:5px #ccc solid;	padding-bottom:0px;	vertical-align: bottom;}
.route_tbl .shita {	border-top:5px #ccc solid;	padding-top:0px;	vertical-align: top;}
.route_tbl .td_space {	height:1em;}


/*info*/
.info_block{display:flex;justify-content:space-between;flex-wrap:wrap; }
.info_block li{	-webkit-box-flex:1;	-webkit-flex:1;	-ms-flex:1;	flex:1; border:1px #DDD solid; border-radius:3px;margin-bottom:10px; margin-right:1%; }
.info_block li:last-child{ margin-right:0; }

/*.info_block li{width:24%;border:1px #DDD solid;border-radius:3px;margin-bottom:10px;}*/
.info_block li a{display:block;text-decoration:none;color:#000;}
.info_block li div{padding:10px;}
.info_block li div img{width:100%;border-radius:5px;}
.info_block li div .title{margin-top:10px;}
.info_block li div .day{margin-top:5px;color:#999;text-align:right;font-size:1.3rem;}

@media screen and (max-width:650px){
	.info_block li{width:49%;}
}


/* 料金カレンダー　アイコン凡例 */
.hanrei_lst { margin-top:0.4rem;}
.hanrei_lst li {
	margin-right:2rem;
	margin-bottom:0.6rem;
}

.hanrei_lst img {
	margin-right:0.5rem;
	vertical-align:middle;
}

/*footgolf*/
.footgolf_bg{background:url("../images/footgolf/footgolf_bg.jpg") no-repeat center center;background-size:cover;}

/*course*/
.course_bg{background:url("../images/course/course_bg.jpg") no-repeat center center;background-size:cover;}
.course_photo{display:flex;justify-content:space-between;flex-wrap:wrap;}
.course_photo li{width:24.8%;margin-bottom:5px;}
.course_photo li img{width:100%;border-radius:3px;}

@media screen and (max-width:650px){
	.course_photo li{width:49.8%;}
}

/*facility*/
.facility_bg{background:url("../images/facility/facility_bg.jpg") no-repeat center center;background-size:cover;}
.facility_photo{display:flex;justify-content:space-between;flex-wrap:wrap;}
.facility_photo li{width:33.0%;margin-bottom:20px;}
.facility_photo li img{width:100%;border-radius:5px;}
.facility_photo li p{text-align:center;margin-top:5px;}

@media screen and (max-width:650px){
	.facility_photo li{width:49.8%;}
}

/*restaurant*/
.restaurant_bg{background:url("../images/restaurant/restaurant_bg.jpg") no-repeat center center;background-size:cover;}
.restaurant img{width:100%;border-radius:5px;}
.restaurant p{margin-top:10px;text-align:center;font-style:italic;}
.restaurant li{margin-bottom:15px;}
.lunch{display:flex;flex-wrap:wrap;justify-content:space-between;}
.lunch li{width:32%;}
.lunch img, .side img {width:100%; border-radius: 8px;}
.lunch li div, .side li div {margin-top: 15px; font-size: 130%; text-align: center;}
.lunch li p, .side li p {margin-top: 8px; font-size: 110%; text-align: center;}
.side{display:flex;flex-wrap:wrap;justify-content:space-between;}
.side li{width:23%;}

@media screen and (max-width:650px){
	.lunch li{width:49.5%;}
	.side li{width:49.5%;}
}

.rest_list { display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between;  }
.rest_list li{ width:48%; border-bottom: 1px dotted #cccccc; padding-bottom: 10px; margin-bottom: 10px; }
.rest_list li span { float: right; }

/*access*/
.access_bg{background:url("../images/access/access_bg.jpg") no-repeat center center;background-size:cover;}
.root{display:flex;flex-wrap:nowrap;justify-content:space-between;}
.root li{width:48%;margin-bottom:10px;}
.root li p{text-align:center;padding:5px;}

/*event*/
.event_bg{background:url("../images/event/event_bg.jpg") no-repeat center center;background-size:cover;}
.event{border:2px #EEE solid;margin-top:20px;border-radius:10px;}
.event dl dt img{width:100%;border-radius:10px;}
.event .title{font-size:2.3rem;border-top:3px #f4c300 double;border-bottom:3px #f4c300 double;padding:8px 0;margin-top:5px;margin-bottom:5px;color:#f56e00;}
.event .fee{font-size:1.7rem;}
.event span{font-size:1.25rem;}

@media screen and (min-width:651px){
	.event{padding:20px;}
	.event table th{width:20%;}
	.event dl{display:flex;justify-content:space-between;align-items:center;}
	.event dl dt{width:40%;}
	.event dl dd{width:57%;}
}

@media screen and (max-width:650px){
	.event{padding:10px;}
	.event dl dt{margin-bottom:15px;}
	.event table th{display:block;text-align:left;}
	.event table td{display:block;}
}

/*members*/
.members_bg{background:url("../images/members/members_bg.jpg") no-repeat center center;background-size:cover;}

.comp_link {display:flex;justify-content:space-between; }
.comp_link li a { text-decoration:none; float: left;}
.comp_link li{ position:relative; padding-left:17px;list-style:none; margin:10px 0px;}
.comp_link li:before{ content:''; display:inline-block; position:absolute; left:4px;top:8px;width:5px;height:5px;border-bottom:1px solid #000000;border-right:1px solid #000000;transform:rotateZ(-45deg);}
.comp_link li:after{ content:''; position:absolute; display:inline-block; left:0; top:10px; width:10px; height:1px; background:#000000;}

@media screen and (min-width:651px){
	.member_box{display:flex;justify-content:space-between;flex-wrap:wrap;}
	.member_box .child{width:48.5%;}
	.member_box .child .flex2 li{width:48.5%;}
	.member_box .child li{width:100%;}
}

@media screen and (max-width:650px){
	.member_box .child{width:100%;}
}
/* ===========================
ブログRSS
============================*/
.blogbox ul{ border-bottom: dotted 0px #CCC;margin:0 10px 0 0;padding:5px 0;}
.blogbox ul li time {  text-align:left;   padding-left: 5px;  color: #000000;  float:left;  margin-right:15px;}
.blogbox ul li .blog_a { text-align:left;} 
.blogbox ul li { clear:both;  margin-bottom: 0.2em;	border-bottom:1px dotted #CCC; padding-bottom:10px; margin-bottom:10px;} 

/*news*/
.news_bg{background:url("../images/news/news_bg.jpg") no-repeat center center;background-size:cover;}
#news { clear:both;width:100%; overflow:auto;	margin: 10px auto 30px;}	
.news ul { 	width:100%;}
.news li {padding: 10px 0px 10px 0px;margin-bottom: 0.2em;	border-bottom:1px dotted #CCC; padding-bottom:10px; margin-bottom:10px;}
.news li a {font-size: 100%;}
.news span {margin-right:10px;	}

/*parts*/
.caption{border-top:3px #047e35 double;border-bottom:3px #047e35 double;padding-top:8px;padding-bottom:8px;color:#047e35;font-size:1.2em;}

.group_box{border-top:10px #EEE solid;padding-top:30px;margin-top:50px;}
.group{display:flex;justify-content:space-between;padding-left:2%;padding-right:2%;}
.group li{width:32.4%;margin-bottom:10px;border:3px #EEE solid;border-radius:10px;}
.group li div{padding:10px;}
.group li div img{width:100%;}
.group li div p{text-align:center;}
.group li a{text-decoration:none;color:#333;}

.tab_calendar{width:100%;margin-bottom:10px;display:flex;flex-wrap:wrap;}
.tab_calendar li{text-align:center;cursor:pointer;width:48%;background:#efefef;color:#0d1300;padding-top:15px;padding-bottom:15px;margin-right:0.5%;margin-bottom:5px;}
.tab_calendar li:hover{background:#05321b;color:#FFF;}
.tab_calendar li.select{background:#00a651;color:#FFFFFF;font-weight:bold;border-radius:15px;}

.event_calendar{width:100%;border-spacing:2px;table-layout:fixed;}
.event_calendar th{text-align:center;padding:10px;}
.event_calendar td{text-align:center;vertical-align:top;padding:10px;}
.compe_box{border:5px #EEE solid;padding:15px;}
.compe_box .title{font-size:1.6rem;color:#987600;border-bottom:1px #CCC dotted;padding-bottom:8px;margin-bottom:8px;}
.compe_box .info{color:#666;}

.m_label{background:#008d1b;color:#FFF;padding:2px 0;border-radius:3px;margin-right:5px;width:90px;text-align:center;}
.g_label{background:#00778d;color:#FFF;padding:2px 0;border-radius:3px;margin-right:5px;width:90px;text-align:center;}


.vg_script table{width:100%;}
.script_calendar_table_menu:before,.script_calendar_table_menu:after{content:"";display:table;}
.script_calendar_table_menu:after{clear:both;}

@media screen and (max-width:650px){
	.group{display:block;padding-left:10px;padding-right:10px;}
	.group li{width:100%;}
	.event_calendar{font-size:1.2rem;letter-spacing:-0.7px;}
}

/*page top*/
@media screen and (min-width:651px){
	.pagetop01{position:fixed;bottom:10px;right:10px;}
	.pagetop01 a{background:#000000;text-decoration:none;color:#ffffff;width:100px;padding:12px 15px 12px 10px;text-align:center;display:block;border-radius:10px;line-height:130%;font-size:1.2rem;}
	.pagetop01 a:hover{text-decoration:none;background:#332c1d;color:#c6a86f;}
}

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

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

.hole_title { font-family: 'Neuton', serif; }
.hole_box .swiper-container { border: 2px solid #CCCCCC; border-radius: 0 0 10px 10px ; padding-bottom: 30px; }

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

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

.sp-show{
	display: none;
}
@media screen and (max-width:999px) {
	.sp-show{
		display: block;
	}
}
.sp-none{
	display: block;
}
@media screen and (max-width:999px) {
	.sp-none{
		display: none;
	}
}