﻿@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400&family=Oswald:wght@200;400&display=swap');

/* ------------------------
basic
------------------------*/
body,input,textarea{font-family:'Noto Sans JP',sans-serif;color:#333;}
input,textarea { font-family: 'Noto Sans JP', serif; }
.mincho { font-family: 'Noto Serif JP', serif; }

/* ===========================
header
============================*/
#header{ width: 100%; background: #ffffff;height: 75px;  position: fixed;  z-index:3;}
#logo { float: left;height: 60px;margin-right: 20px;margin-top: 5px;} #navi_box {float: left;} #h_bttn {float: right; display: flex;}
#logo img { width: 100%; max-height: 60px;}
#h_bttn a {background: #2d643d; color: #FFFFFF; margin: 5px 10px; padding: 5px 15px; text-decoration: none; text-align: center; display: block;transition:0.3s; font-size: 120%;font-family: 'Oswald', sans-serif;}
#h_bttn a:hover {background: #000000;}
#h_bttn span {font-size: 70%; display: block;}
@media screen and (max-width:1200px){
#header{ width: 100%; background: #ffffff;height: 75px; margin: 0 auto; text-align: center;}
#logo { float: left;height: 60px;margin-right: 20px;margin-top: 10px;} #navi_box {float: left;} #h_bttn {float: right; display: flex;}
#logo img { width: 80%; max-width: 411px;  margin: 0px auto 15px;}
#h_bttn {float: right; display: flex; margin-right: 10%;}
}
@media screen and (max-width:599px){
#logo { float: left;height: 60px;margin-right: 20px;margin-top: 10px;} #navi_box {float: left;} #h_bttn {float: right; display: flex;}
#logo img { width: 80%; max-width: 411px; float: left;}
#h_bttn {display: none;}
}

	.video_box{width:100%; height: 100%; padding-top: 75px;}
	video{width:100%;}



/* ------------------------
nav
------------------------*/
.fixed_nav{ width: 100%; background: #ffffff;height: 75px;}
#navi_box { vertical-align:center;padding: 10px 0px;}	
.n_menu {display: flex; justify-content: space-around; flex-wrap: wrap; align-content: center; }
.n_menu li { text-align: center; font-size: 100%; vertical-align: middle; margin: 10px 10px;}
.n_menu li a{ width: 100%; text-decoration: none; color: #000000;}
.n_menu li:hover {	filter: alpha(opacity=40);	-moz-opacity: 0.40;	opacity: 0.40;  transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);}


	
	.fixed_nav{position:fixed;top:0;left:0;z-index:2;width:100%;transition:.5s;transform:translateY(-100%);}
	.is-show { transform: translateY(0); }

@media screen and (max-width: 1200px) {
#navi_box{ display: none;}
}

/* drawer nav */
.drawer-toggle { display: none; }
@media screen and (min-width: 1201px) {
.drawer-nav{display: none;}
}
@media screen and (max-width: 1200px) {
	.drawer-menu { z-index: 30; }
	.drawer-menu p { font-family: 'Noto Sans JP', sans-serif; font-size: 0.7em; letter-spacing: 0.1em; }
	.drawer-nav ul { background: rgba(255,255,255,0.8); z-index: 30; }
	.drawer-nav ul li { padding-left: 10px; padding-right: 10px; border-bottom: 1px #cccccc dotted; }
	.drawer-nav ul li a { display: block; padding: 15px 10px 15px 20px; text-decoration: none; font-size: 1em;color: #5A5A5A;transition:0.3s;   }
	.drawer-nav ul li a:hover { color: #efefef; }
	.drawer-nav ul li.reserve{border-bottom:1px #FFF dotted; padding-left: 0px; padding-right: 0px;}
	.drawer-nav ul li.reserve a{background:#2d643d;color:#FFF;}
	.drawer-nav ul li.reserve a:hover{background:#000000;}
}


/* ===========================
footer
============================*/
#footer {	clear: both;background: #2d643d;color: #FFFFFF;width: 100%;}
.footer { display: flex; flex-wrap: wrap;justify-content: center; align-items: center; padding: 3%; max-width: 1200px; margin: 0 auto;}
.footer a {	text-decoration: none; }
.footer a:hover {	text-decoration: none;}
.footer dt { width: 30%; }
.footer dd { width: 50%;}
.footer  .c_name img {padding: 5%; width: 90%; max-width: 224px;}
.footer .c_address {	font-size: 110%;	margin-top: 10px;	line-height: 180%;	padding-bottom: 30px;text-align: left;	}
.footer  a { color: #FFFFFF;	}
.footer  a:hover { color: #cccccc;	}
.footer .f_link {display: flex; justify-content: flex-start; flex-wrap: wrap;}
.footer .f_link li {margin-right: 20px;}
.footer .copyright {	margin: 50px auto;	clear: both; font-size: 80%;}

@media screen and (max-width: 999px) {
.footer dt { margin: 10px auto; width: 100%;  text-align: center; }
.footer dd { margin: 10px auto; width: 100%;  text-align: center;}
.footer .f_link {margin: 20 auto; display: flex; justify-content:space-around;}
.footer .f_link li {margin-right: 20px;}
.footer  .c_name img {width: 100%; max-width: 224px; margin: auto;}
.footer .c_address {text-align: center;	}
}

/*---------------------------------------------------
 online bttn
--------------------------------------------------- */
#kumiBttn {
width:57px;
height:236px;
position:fixed;
top:120px;
right:-2px;
z-index:999;
}
* html #kumiBttn {
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
margin-left:expression(0 - parseInt(this.offsetWidth / 2) + (document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft) + 'px');
}

@media screen and (max-width: 999px) {
	#kumiBttn {display: none;}
}


/* ------------------------
google map
------------------------*/
.gmap { height: 600px; overflow: hidden; padding-bottom: 78%; position: relative; }
.gmap iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }

.gmap_top { height: 0; overflow: hidden; padding-bottom: 56%; position: relative; }
.gmap_top iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
@media screen and (max-width: 999px) {
	.gmap_top { height: 0; overflow: hidden; padding-bottom: 100%; position: relative; }
}

/*breadcrumb*/
.breadcrumb_box{display:flex;color:#999;font-size:.8rem;}
.breadcrumb_box dt{margin-right:5px;}
.breadcrumb_box dt h1{font-size:.8rem;}
.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; font-size: 1.45em; }
	.limit_box { max-width: 1500px; margin: 0px auto 100px; width: 95%; }
	.wide_box {width: 100%;  margin: 0px auto 100px ;}
}

@media screen and (max-width: 999px) {
	.container { font-size: 1.3em; width: 100%;}
	.limit_box { margin: 20px 3% 50px; }
	.wide_box { margin: 30px auto; }
}

.main_title { text-align: center; margin-bottom:50px;font-size: 200%;}

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

.main_pr .c_copy { font-size: 400%; color: #FFFFFF; position: absolute; top:30%; left:10%; text-align: left;text-shadow: 1px 1px 1px #000000; font-weight: bold;}
.main_pr .c_copy span { font-size: 55%; }

@media screen and (max-width:999px){
.main_pr .c_copy { font-size: 200%; color: #FFFFFF; position: absolute; top:35%; right:5%; text-align: center;text-shadow: 1px 1px 1px #000000;}
}

.main_photo{ width: 100%;}
.main_photo img { width: 100%; max-width: 1900px;}
@media screen and (max-width:999px){
	.main_photo img { width: 100%; max-width: 1900px; margin-top: 75px;}
}

.slider_bg{padding:0px 0px 30px 0px;}
.slider{margin:10px 0px;}
.slider .slick-slide{margin:0px;padding:10px;width:300px;}
.slider .slick-slide img{width:100%;border-radius:5px; margin-bottom: 10px;}
.slider .slick-slide a{color:#333;text-decoration:none;}
.slider .slick-slide dl dt{font-size:1.3rem;text-align:center;}
.slider .slick-slide dl dd{letter-spacing:0px;margin-top:5px;}
@media screen and (max-width:650px){
	.slider_bg{margin-top:10px;margin-bottom:10px;padding-top:20px;padding-bottom:50px;}
}

.s_title { font-size: 200%; text-align: center; margin-bottom: 25px;font-family: 'Oswald', sans-serif;}
.s_title div { font-size: 40%; line-height: 100%; margin-top: 10px;}

.top_title { color: #0c56bc; font-weight: bold; font-size: 240%; margin-bottom: 15px; line-height: 35px;}
.top_title img { margin-left: 5px; vertical-align: middle; line-height: 35px; margin-bottom: 10px;  }
.top_title_sm { color: #000000; font-weight: bold; font-size: 120%; margin-bottom: 30px;}
.title_icon {max-width: 20px;}
.stitle { font-size: 120%; border-bottom: 1px dotted #CCCCCC; padding-bottom: 10px; margin-bottom: 15px;}
.title_eng{ font-size: 180%; margin-bottom: 15px;}


/*---------------------------------------------------
 Page Top Btn
--------------------------------------------------- */
#pagetopComp {width:50px; height:50px; position:fixed; bottom:0px; right:0px; z-index:999;}
* html #pagetopComp {position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
margin-left:expression(0 - parseInt(this.offsetWidth / 2) + (document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft) + 'px');
}

	
/* ===========================
slider
============================*/
#m_images img {	width: 100%; margin: 0px auto;}
#s_images {	display: none;}
audio,canvas,progress,video {  display: inline-block; /* 1 */  vertical-align: baseline; /* 2 */}

/* ------------------------
トップページ
------------------------*/
/*.news_box{ display: flex; flex-wrap: wrap;justify-content: space-around;align-items: center; padding:30px; }*/
/*.news_box dt { width: 20%;}.news_box dd { width: 70%;}*/

.news_box .date { margin-right: 0.5em; display:inline-block; }
.news_box .event, .news_box .info { color: #ffffff; padding: 3px 5px; text-align:center;}
.news_box .event { background: #3399cc;}
.news_box .info { background: #000000;}
.news_box dl dd font, .news_box dl dd strong { display:inline-block; }

@media screen and (min-width:901px){
	.news_box dl {
		width:100%;
		margin:0 0 0.7em;
		padding:0;
		vertical-align:top;
		text-align:center;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		align-items: stretch;
		flex-wrap: wrap;
	}
	.news_box dl dt { width:14%; }
	.news_box dl dd { width:85%; }
	.news_box .event, .news_box .info { font-size: 90%;}
}
@media screen and (max-width:900px){
	.news_box dl { flex:none; display:block; }
	.news_box dl dt { width:100%; margin-bottom:0.4em; }
	.news_box dl dd { width:100%; margin-bottom:0.8em; }
.news_box .event, .news_box .info { font-size: 80%;}
}

.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: 25px; }
.news_member {width: 100%;}
.news_member ul { margin-bottom: 15px; margin-top: 12px;}
.news_member ul li { border-bottom: 1px dotted #CCCCCC; padding-bottom: 5px; margin-top: 5px; }

.news a{ color: #000; text-decoration: none; }
.news a:hover { color: #666; transition: 0.3s; }
.news .date { margin-right: 20px; float: left;  }
.news .event { background: #3399cc; 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 ul li { border-bottom: 1px solid #CCCCCC; padding-bottom: 15px; margin-top: 15px; }
}
.tab_calendar{width:100%;margin-bottom:10px;display:flex;flex-wrap:wrap;}
.tab_calendar li{text-align:center;cursor:pointer;width:12%;background:#e7e4dd;color:#0d1300;padding-top:10px;padding-bottom:10px;margin-right:0.5%;margin-bottom:5px;}
.tab_calendar li:hover{background:#000;color:#FFF;}
.tab_calendar li.select{background:#686153;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{color:#4a9501;border-bottom:1px #CCC dotted;padding-bottom:8px;margin-bottom:8px;}
.compe_box .info{color:#666;}

.weekday{background:#f3f3f3;}
.saturday{background:#e4f4fe;}
.holiday{background:#fedfdf;}
.icon{border-radius:8px;text-align:center;margin-top:1px;margin-bottom:2px;padding:0px 0 2px 0;}
.icon_empty{padding:10px 0;}
.kari{background:#0091ab;color:#FFF;}
.kansya{background:#9656ed;color:#FFF;}
.op{background:#4a9501;color:#FFF;}
.s_l{background:#013a74;color:#FFF;}
.welcome{background:#db2c03;color:#FFF;}
.rainbow{background:#d29900;color:#FFF;}
.dosanko{background:#019f4f;color:#FFF;}
.m_lunch{background:#f95876;color:#FFF;}
.hina{background:#ea2837;color:#FFF;}
.mawarihodai{background:#f2bc00;color:#4a2201;}
.compe{color:#987600;background:#FFF; border:1px #CCC solid;text-align:center;padding:0px 0 2px 0;}

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

/*event*/
.event_bg{background:url("../images/event/event_bg.jpg") no-repeat center center;background-size:cover;}
.event{border:4px #ddd solid;margin-top:20px;border-radius:10px;}
.event dl dt img{width:100%;border-radius:10px;}
.event .title{font-size:1.6rem;border-top:3px #7ccd9e double;border-bottom:3px #7ccd9e double;padding:8px 0;margin-top:5px;margin-bottom:5px;color:#017e35;}
.event .fee{font-size:1.0rem; line-height: 160%;}
.event span{font-size:.8rem;}

@media screen and (min-width:651px){
	.event{ padding:20px;}
	.event table th{ width:20%;}
	.event table td{ text-align: left;}
	.event dl{align-items:center;}
	.event dl dt{ width:100%;}
	.event dl dd{ width:100%;}
}

@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;}
}
/* access */
.root{display:flex;flex-wrap:wrap;justify-content:space-between;}
.root li{width:48%;margin-bottom:10px;}
.root li p{text-align:center;padding:5px;}

/*restaurant*/
.restaurant_menu li{margin-bottom:20px;}
.restaurant_menu img{width:100%;border-radius:10px;}

.restaurant_menu dl{margin-top:10px;}
.restaurant_menu dl dt{float:left;padding:3px 10px;}
.restaurant_menu dl dd{float:right;padding:3px 10px;}
.restaurant_menu 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;}

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

/*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:#2d643d;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_gallery_64 img{width:100%;}
.photo_gallery_64 dl{display:flex;justify-content:space-between;flex-wrap:wrap;padding:10px;color:#FFF;text-shadow:0px 0px 4px #000;}
.photo_gallery_64 dl dt{margin-right:10px;font-size:1.5rem;}
.photo_gallery31{display:flex;flex-wrap:wrap;justify-content:space-between;}
.photo_gallery31 li{width:33.2%;position:relative;margin-bottom:2px;}
.photo_gallery31::after{display:block;content:"";width:33.2%;position:relative;}
.photo_gallery31 li img{width:100%;}
.photo_gallery31 li p{position:absolute;bottom:0;right:0;color:#FFF;padding:5px 15px;background:#3f0b58;font-size:1.1rem;border-top-left-radius:10px;}
.photo_gallery31 li dl{display:flex;justify-content:space-between;flex-wrap:wrap;padding:10px;color:#FFF;text-shadow:0px 0px 4px #000;}
.photo_gallery31 li dl dt{margin-right:10px;font-size:1.5rem;}
.photo_gallery42{display:flex;flex-wrap:wrap;justify-content:space-between;}
.photo_gallery42 li{width:24.9%;margin-bottom:1.5px;}
.photo_gallery42::after{display:block;content:"";width:24.8%;position:relative;}
.photo_gallery42 li img{width:100%;}
.photo_gallery42 li p{position:absolute;bottom:0;right:0;color:#FFF;padding:5px 15px;background:#3f0b58;font-size:1.1rem;border-top-left-radius:10px;}
.photo_gallery42 li dl{display:flex;justify-content:space-between;flex-wrap:wrap;padding:10px;color:#FFF;text-shadow:0px 0px 4px #000;}
.photo_gallery42 li dl dt{margin-right:10px;font-size:1.5rem;}
.photo_gallery42 li div{text-shadow:0px 0px 4px #000;}
.text_menu{display:flex;justify-content:space-between;}

@media screen and (min-width:651px){
	.photo_gallery_64{display:flex;flex-wrap:wrap;justify-content:space-between;}
	.photo_gallery_64 .left_box{width:68.3%;}
	.photo_gallery_64 .right_box{width:31.6%;}
}

@media screen and (max-width:650px){
	.photo_gallery li p{font-size:  0.8em;}
	.photo_gallery li{width:100%;margin-bottom:1px;}
	.photo_gallery31{flex-wrap:wrap;}
	.photo_gallery31 li{width:100%;margin-bottom:1px;}
	.photo_gallery42 li{width:49.8%;}
}

/*restaurant*/
.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:33%;}
.side{display:flex;flex-wrap:wrap;justify-content:space-between;}
.side li{width:24%;}
.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 { float: right; }

@media screen and (max-width:999px){
.rest_list li{ width:48%; border-bottom: 1px dotted #cccccc; padding-bottom: 10px; margin-bottom: 10px; }
	.lunch li{width:100%;}
	.side li{width:48%;}
}



/*course*/
.photo_gallery{display:flex;flex-wrap:wrap;justify-content:space-between;}
.photo_gallery li{width:32.5%;margin-bottom:20px;}
.photo_gallery li img{width:100%;border-radius:3px;box-shadow:0px 0px 8px -2px #999;}
.photo_gallery2{display:flex;flex-wrap:wrap;justify-content:space-between;}
.photo_gallery2 li{width:48.5%;margin-bottom:20px;}
.photo_gallery2 li img{width:100%;border-radius:3px;box-shadow:0px 0px 8px -2px #999;}
.course_layout img{max-width:1400px;width:100%;}
.hole_layout{display:flex;justify-content:space-between;flex-wrap:wrap;}
.hole_layout dt{width:65%;}
.hole_layout dd{width:30%;}
.hole_bg{background:url("../img/course/hole_bg.jpg") no-repeat center center;background-size:cover;padding:20px 0}
.hole_box{margin:auto;max-width:1200px;padding:25px 50px;}
.hole_box .hole_nav { 	display: flex;	display: -webkit-flex; justify-content: space-between; flex-wrap: wrap;-webkit-flex-wrap: wrap;align-items: flex-end; border-bottom: 1px solid #cccccc; margin-bottom: 40px; padding-bottom: 2px; }
.hole_box .hole_nav li a{ display: block; background: #cccccc; padding: 10px 5px; text-decoration: none; color: #ffffff; border-radius: 10px 10px 0 0;  }
.hole_box .hole_nav li a.select { background: #0f4880; color: #ffffff; padding: 20px 10px;  border-radius: 10px 10px 0 0; }
.hole_box .hole_nav li a:hover { background: #555; color: #FFF; }
.hole_box .hole_nav li { text-align: center; width: 49%;  font-size: 1.2em;}
.course_title {border: 5px double #CCCCCC; padding: 20px 20px 20px 20px; min-width: 300px; text-align: center; word-wrap: normal;}
.course_title .hole_number { font-size: 200%; border-bottom: 2px solid #CCCCCC; margin-bottom: 10px;}

@media screen and (max-width:750px){
	.photo_gallery li{width:48%;margin-bottom:10px;}
	.photo_gallery li.sp_100per{width:100%;}
	.photo_gallery2 li{width:100%;margin-bottom:10px;}
	.photo_gallery2 li.sp_100per{width:100%;}
	.hole_layout{display:flex;justify-content:space-between;flex-wrap:wrap;}
	.hole_layout dt,.hole_layout dd{width:100%;}
	.hole_layout dt{margin-bottom:10px;}
	.hole_box{margin:0 10px;padding:15px 20px;}
.hole_box .hole_nav li { width: 40%; }
}


/*---------------------------------------------------
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: #0068b7;
	color: #fff;
	text-align: center;
	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;
}

.list01 li {
  position: relative;
	margin: .5em 0 0 1em;
}
.list01 li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 6px;
  height: 6px;
  border-right: 1px solid #0488bf;
  border-bottom: 1px solid #0488bf;
  transform: rotate(-45deg);
}

/* ===========================
inquiry_box
============================*/
@media screen and (min-width:1000px){
	.inquiry_box_small {display: none;}}

@media screen and (max-width:999px){
.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; }
.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; }
}


/* ===========================
yakkan
============================*/
	.yakkan_div { margin-bottom:3em; }
	.yakkan_ttl { font-size:140%; padding-bottom:0.2em; margin-bottom:0.5em; line-height:160%; border-bottom:1px #ccc dotted; }
	.yakkan_naiyou { line-height:160%; }
	.yakkan_div ol.ol_lst { margin-left:1.2em; margin-top:0.6em; float:none; }
	.yakkan_div ol.ol_lst li { float:none; list-style-type:decimal; padding-left:0; line-height:150%; }

@media screen and (min-width:1000px){
}

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


.oshirase, .oshirase * {
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
}
.oshirase font, .oshirase * font, .fb_div font, .fb_div_center font, .fb_div_left font, .fb_div_tate font, .fb_div * font, .fb_div_center * font, .fb_div_left * font, .fb_div_tate * font, .oshirase strong, .oshirase * strong, .fb_div strong, .fb_div_center strong, .fb_div_left strong, .fb_div_tate strong, .fb_div * strong, .fb_div_center * strong, .fb_div_left * strong, .fb_div_tate * strong, .oshirase span, .oshirase * span, .fb_div span, .fb_div_center span, .fb_div_left span, .fb_div_tate span, .fb_div * span, .fb_div_center * span, .fb_div_left * span, .fb_div_tate * span {
	display:inline-block; }

.oshirase { border-style:solid; border-width:2px; border-radius:0.4em; padding:1em 1.5em; margin:0 auto 1em; width:100%; max-width:1200px; }
.oshirase_contents { background-color:hsla(0,0%,100%,0.8); padding:1rem; margin:0; border-radius:0.4rem; }
.oshirase_ttl { font-size:130%; font-weight:bold; padding-bottom:0.3em; border-bottom-style:dotted; border-bottom-width:1px; margin-bottom:0.5em; }
.oshirase_ttl_sub { font-size:120%; font-weight:bold; padding-bottom:0.2em; margin-bottom:0.5em; margin-top:1em; }
.oshirase_danraku { font-size:100%; line-height:1.5em; margin-bottom:0.6em; word-wrap:normal; }
.oshirase_shime { text-align:right; width:90%; margin:0 auto; }
.oshirase_shime div { display:inline-block; text-align:left; }

.oshirase.color_red{ border-color:#BD0003; }
.color_red .oshirase_ttl { color:#d00; border-bottom-color:#BD0003; }

.oshirase.color_blue{ border-color:#2958B8; }
.color_blue .oshirase_ttl { color:#143882; border-bottom-color:#2958B8; }

.oshirase.color_green{ border-color:#3E872C; }
.color_green .oshirase_ttl { color:#2A631C; border-bottom-color:#3E872C; }

.oshirase.color_grd.grd_red {
  background: linear-gradient(to bottom right, #D76D7A, #BD273A);
	border-style:none;
}
.oshirase.color_grd.grd_red .oshirase_ttl  { color:#fff; }

.oshirase.color_grd.grd_greenblue {
  background: linear-gradient(to bottom right, #38A671, #4882DC);
	border-style:none;
}
.oshirase.color_grd.grd_greenblue .oshirase_ttl  { color:#fff; }

.oshirase.color_grd.grd_orange {
  background: linear-gradient(to bottom right, #FFCD00, #FF6E00);
	border-style:none;
}
.oshirase.color_grd.grd_orange .oshirase_ttl  { color:#fff; }

