@charset "utf-8";

/* # =================================================================
   # 遊学の森について
   # ================================================================= */
.about_yu section {
	margin-top:35px;	
}
.yu_tbl0 {
	display:flex;
}
.yu_tbl0 table {
	width:100%;
	border-collapse:  collapse;
}
.yu_tbl0 table tr th,
.yu_tbl0 table tr td {
	border: solid 1px #ccc;
	padding:10px;
}
.yu_tbl0 table tr th {
	width:6em;
	text-align:center;
	font-weight:normal;
}
.yu_tbl0 table tr td {
	width:40%;
}
.about_yu ol li {
	list-style:disc;
	margin-left:1.5em;
}


/* # =================================================================
   # 道順
   # ================================================================= */
.michijun #subicon {
	display:flex;
	justify-content: flex-end;
}

.michijun #subicon .databutton {
	margin:15px 10px;
}

/* 施設までの道順 */
.road img{
	float:left;
	margin-left:240px;
	}
.road2 img{
	margin-top:-90px;
	float:left;
	}
.michijun #koutu2 dt {
	border-bottom:dashed 1px #ccc;
	padding-bottom:5px;
	margin-bottom:10px;
	margin-top:25px;
	font-weight:bold;
}

.michijun #koutu2 dt:first-child {
	margin-top:0;
}

.michijun h3 {
	clear:both;
	margin:40px 0 10px 0;
	background-color:#f9f0e3;
	padding:3px 10px;
	font-size:1.25em;
}

/* ルート案内 */
.michijun h4{
	margin-top:14px;
	}
.michijun dt{
	float:left;
	padding-right:15px;
	/*text-decoration:underline;*/
}

/*.michijun #road_info1 .clearfix .bu_name,
.michijun #road_info2 .clearfix .bu_name,
.michijun #road_info3 .clearfix .bu_name,
.michijun #road_info4 .clearfix .bu_name,
.michijun #road_info5 .clearfix .bu_name {
	font-weight:bold;
	margin-bottom:10px;
}
*/
.michijun dd,
.michijun .listaftercl{
	display: list-item;
	list-style-type: disc;
	list-style-position: inside;
	padding-left:230px;
	}

/* 20171205 ルート案内 5ルートに変更追加分 */
#container section ul .mtb12{
	margin-top:12px;
	}
#container section ul .mtb12 a{
	/*text-decoration:underline;*/
	color:#563107;
	}
#container section ul .mtb12 a:hover{
	font-weight:700;
	}
.pdfmap{
	margin-left:660px;
	margin-top:-80px;
	}

.michijun .clear{
	clear:both;
	float:left;
	padding-right:15px;
	/*text-decoration:underline;*/
	margin-top:10px;
	}
.michijun .nolist{
	display:list-item;
	list-style-type:none;
	padding-left:230px;
	text-indent:1em;
	}

.michijun .listaftercl:after {
    content:"";
    display:table;
}
.michijun .listaftercl:after {
    clear:both;
}
.michijun .mt6{
	margin-top:6px;
	}
.michijun .mt9s{
	margin-top:12px;
	font-size:80%;
	}

#container section .routemichijun{
	margin-top:60px;
	}	
.routemichijun {
    position: relative;
    margin: 0 0 1.5em;
    padding: 0.2em;
    font-size: 1.25em;
    font-weight: bold;
    color: #7DB523;
    border-bottom: 2px solid #7DB523; /* 下線：太さ 線の種類 色 */
}
.routemichijun:before,
.routemichijun:after {
    content: '';
    border-right: 16px solid #fff;
    border-top: 15px solid #7DB523; /* 吹き出し部分の線の色 */
    bottom: -16px;
    position: absolute;
    left: 26px;
}
.routemichijun:after {
    border-top-color: #fff;
    border-right-color: transparent;
    bottom: -11px;
    left: 28px;
}
.routemichijun a {
    color: #7DB523;
	text-decoration:none;
}
	
	
@media screen and ( max-width:550px ){
.pdfmap{
	margin:0 0 14px 14px;
	}
.michijun .clearfix dt{
	float:none;
	padding-right:0;
}

.michijun .clearfix dd{
	padding-left:0;
}
.road img{
	width:100%;
	padding-left:0;
	margin-left:0;
}

.road2 img{
	height:100%;
	margin:0 0 20px 0;
	}

}

/* # =================================================================
   # アクセス
   # ================================================================= */
.access #mapimg img {
	border:solid 1px#ccc;
}

.access .pdf {
	background:url(../img/pdf18.png) no-repeat 15% 40%;
	padding-left:20px;
	width:14em;
}

.access #map_canvas {
	clear:both;
	width:100%;
	height:400px;
	margin-bottom:7px;
	
	background-color:#ccc;	
}

.access #koutu dt {
	border-bottom:dashed 1px #ccc;
	padding-bottom:5px;
	margin-bottom:10px;
	margin-top:25px;
	font-weight:bold;
}

.access #koutu dt:first-child {
	margin-top:0;
}

.access #subicon {
	display:flex;
	justify-content: flex-end;
}

.access #subicon .databutton {
	margin:15px 10px;
}
.mtb10{
	margin:10px 0;
	}
.mtb10 a{
	text-decoration:underline;
	color:#563107;
	}
.mtb10 a:hover{
	font-weight:700;
	}
.route{
	color:#FFF;
	background-color:#563510;
	padding:3px 8px;
	}

/* # =================================================================
   # link
   # ================================================================= */
#link ol li {
	line-height:2.2;
	list-style:disc;
	margin-left:1em;
}

#link ol .linone {
	list-style:none;
}

/* # =================================================================
   # レストハウス
   # ================================================================= */
.reth #big_text {
	font-size:1.25em;
	margin-bottom:20px;
	background-color:#f9f0e3;
	font-weight:bold;
	border-radius:8px;
	padding:5px 10px;
}

.reth .imgr {
	margin:0 0 20px 20px;
}

.reth .imgl {
	margin:0 20px 20px 0;
}

.reth #subicon {
	display:flex;
	justify-content: flex-end;
}

.reth #subicon .databutton {
	width:15em;
	margin:15px 10px;
}

/* メニュー */
.reth #reth_menuimg {
	display:flex;
	flex-wrap:wrap;
	width:100%;
}

.reth #reth_menuimg li {
	width:23%;
	margin:10px 1%;
	text-align:center;
	font-size:0.9em;
}
.reth #reth_menuimg li a {
	text-decoration:none !important;
	color:#563107 !important;
}

.reth #reth_menuimg li img {
	width:100%;
	display:block;
	margin-bottom:3px;
}

@media screen and ( max-width:760px ){
.reth #reth_menuimg li {
	width:31.333%
}
}
@media screen and ( max-width:550px ){
.reth #reth_menuimg li {
	width:48%;
}
}

/* # =================================================================
   # トップ
   # ================================================================= */
.about_top dl {
	width:100%;
	position:relative;
	margin-bottom:20px;
}

.about_top dl dt {
	position: absolute;
	left: 0;
	width:7em;
	line-height:3;
}

.about_top dl dd {
	padding-left:7em;
	border-bottom:dotted 1px #563107;
	line-height:3;
}

.about_top .lihe {
	line-height:2;
}

.about_top .imgl {
	margin:0 15px 50px 0;
}

.about_top .imgl img {
	border:solid 1px #ccc;
}

.about_top #olli {
	margin:10px 0;
}

.about_top #gaikan_img {
	display:flex;
	flex-wrap:wrap;
}

.about_top #gaikan_img li {
	width:46%;
	margin:2%;
	margin-bottom:15px;
	text-align:center;
}
.about_top #gaikan_img li a {
	text-decoration:none;
	color:#333;
}

.about_top #gaikan_img li img {
	width:100%;
	margin:0 auto 3px auto; 
	margin-bottom:3px;
	display:block;
}

/* # =================================================================
   # 利用
   # ================================================================= */
.riyou .pdf {
	background:url(../img/pdf18.png) no-repeat 0 40%;
	padding-left:20px;
}

.riyou h3 {
	clear:both;
	margin:35px 0 10px 0;
	background-color:#f9f0e3;
	padding:3px 10px;
	font-size:1.25em;
}

/* 問い合わせ先 */
.riyou #jimusho {
	background-color:#efefef;
	padding:15px;
	margin:15px;
}

.riyou #jimusho dt {
	font-size:1.25em;
}

/* 施設内容 */
.riyou #shisetu_info {
	margin-bottom:35px;
}

.riyou #shisetu_info dl {
	margin-bottom:15px;
}

.riyou #shisetu_info dl dt {
	float:left;
	padding-right:15px;
}

.riyou #shisetu_info dl dd {
	padding-left:230px;
}

.riyou #shisetu_info dl .bu_name {
	font-weight:bold;
	margin-bottom:10px;
}

.riyou #shisetu_info dl ul li {
	list-style:disc;
	margin-left:1em;
}

.riyou ol {
	margin:10px 0;
}

.riyou ol li {
	list-style:decimal;
	margin-left:2em;
}

@media screen and ( max-width:550px ){
	
.riyou #jimusho {
	padding:10px;
	margin:15px 0;
}

.riyou #shisetu_info dl dt {
	float:none;
	padding-right:0;
}

.riyou #shisetu_info dl dd {
	padding-left:0;
}

}

/* # =================================================================
   # ドッグラン
   # ================================================================= */
.dogrun h3 {
	margin:35px 0 10px 0;
	background-color:#eee;
	padding:5px;
}

.dogrun .pdf {
	padding-left:20px;
	background:url(../img/pdf18.png)no-repeat 0 40%;
}

/* NEWS */
.dogrun .news_text {
	background:#fcf9f4;
	padding:0 25px 25px 25px;
	margin:35px auto;
	width:90%;
	border: solid 4px #f9f0e3;
	border-radius: 24px;
}

.dogrun .news_text h2 {
	border-bottom: none !important;
	text-align: center;
	margin:40px auto 35px auto !important;
  position: relative;
  padding-bottom:12px;
}
.dogrun .news_text h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #563107, #563107 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #563107, #563107 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.dogrun .news_text ul {
	margin-bottom:35px;
}

.dogrun .news_text ul li {
	padding:8px 0;
	border-bottom:dotted 1px #563107;
}
.dogrun .news_text ul li a {
	text-decoration:none;
	color:#563107;
}

.dogrun .news_text ul li span {
	margin-right:25px;
}

.dogrun table {
	width:100%;
	margin-top:10px;
}

.dogrun table tr th,
.dogrun table tr td {
	border:solid 1px #ccc;
	padding:5px;
	vertical-align:middle;
}

.dogrun table tr th {
	background-color:#f9f0e3;
	white-space:nowrap;
}

.dogrun table tr td .imgl {
	margin-right:15px;
}

.dogrun .dog_exe {
	justify-content:flex-start;
	display:flex;
}

.dogrun .dog_exe li {
	text-align:center;
	margin:10px 10px 10px 0;
}

.dogrun .dog_exe li img {
	display:block;
	margin-bottom:3px;
	border:solid 1px #ccc;
}

.dogrun dl dt {
	font-weight:bold;
	margin:15px 0 10px 0;
	background-color:#f9f0e3;
}

.dogrun dl .imgl {
	margin-right:15px;
	text-align:center;
}

.dogrun dl dd img {
	margin-bottom:3px;
	display:block;
}

.dogrun dl .clp {
	padding-top:25px;
	clear:both;
}

.dogrun ol {
	margin-bottom:10px;
}

.dogrun ol li {
	list-style:disc;
	margin-left:1.5em;
}

@media screen and ( max-width:800px ){
.dogrun .news_text ul li span {
	margin-right:0;
	display:block;
}
.dogrun table tr td .imgl {
	float:none;
	text-align:center;
}

}

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

.dogrun dl .imgl {
	float:none;
	text-align:center;
}

.dogrun dl dd img {
	margin:0 auto;
}

}

/* # =================================================================
   # バリアフリー
   # ================================================================= */
#barri p .titspan {
	background-color:#aecc32;
	margin-right:7px;
	margin-bottom:10px;
	padding: 1px 5px;
	color:#fff;
}

#barri img {
	margin-top:10px;
}

#barri .imgspan {
	display:block;
	font-weight:bold;
}

#barri ul {
	justify-content:space-between;
	display:flex;
	flex-wrap:wrap;
}