@charset "UTF-8";


/* //////////////////////////////////////////////////

　このディレクトリだけのスタイル

////////////////////////////////////////////////// */


/* NAVI
-------------------------------------------------- */
#gnavi .li {
	width: 16.6666%;
  border-right:  1px solid #b0421f;;
}
#gnavi li:first-child{
  border-left: 1px solid #b0421f;
}

@media screen and (max-width: 768px) {
	#gnavi li {
		width: 100%;
	}
}




/* FOOTER
-------------------------------------------------- */
#pagetop {
	bottom: 25px;
}

/* ///////// RESPONSIVE ///////// */
@media screen and (max-width: 768px) {
	#pagetop {
		bottom: inherit;
	}
}





/* layout
-------------------------------------------------- */
.sec {
	margin-top: 60px;
}
.insec {
	margin-top: 40px;
}

/* ///////// RESPONSIVE ///////// */
@media screen and (max-width: 768px) {
	#contents {
		margin-top: 20px;
	}
	.sec {
		margin-top: 40px;
	}
	.insec {
		margin-top: 30px;
	}
}
@media screen and (max-width: 480px) {
}



/* sec06 関連施設
-------------------------------------------------- */
#sec06 {
	background-color: #408d26;
	padding: 40px 0;
}
#sec06 .h2 {
	margin-bottom: 30px;
	font-size: 1.375em;
	font-weight: bold;
	text-align: center;
}
#sec06 ul {
	margin-bottom: -15px;
}
#sec06 li {
	margin-bottom: 15px;
	line-height: 1.3;
}
#sec06 li a {
	color: #fff;
	font-size: 0.875em;
}
#sec06 li a img {
	margin-bottom: 5px;
}

/* ///////// RESPONSIVE ///////// */
@media screen and (max-width: 768px) {
	#sec06 li {
		text-align: left;
	}
}
@media screen and (max-width: 480px) {
}



#site_navi li {
  width: 14.285%;
  font-size: 0.8em;
  display: table;
}

span.marker {
  background: linear-gradient(transparent 50%, #ffc400 50%);
}


/* タイムライン
-------------------------------------------------- */
ul.timeline {
  display: table;
}

ul.timeline>li {
  display: table-row;
  padding-left: 0 !important;
  text-indent: 0 !important;
}

ul.timeline>li::before {
  display: none;
}

ul.timeline>li>time,
ul.timeline>li>span {
  display: table-cell;
}

ul.timeline>li>time {
  padding: 0 25px 20px 0;
  color: #666;
}

ul.timeline>li>span {
  position: relative;
  border-left: 3px #dad8d8 solid;
  padding: 0 0 30px 30px;
  color: #333;
}

ul.timeline>li span::before {
  position: absolute;
  left: -6px;
  top: 8px;
  width: 9px;
  height: 9px;
  content: "";
  background: #555;
  border-radius: 50%;
}

.timeline>li:last-child>span {
  padding-bottom: 0;
}

body{
  background: url("../img/bg-l.png"),url("../img/bg-r.png");
  background-repeat: no-repeat, no-repeat;
  background-position: 0 50px, 100% 50px;
  background-size: 25%;
}
#wrapper{
  background-color: rgba(255, 255, 255, 0.4);
}

@media screen and (max-width: 768px) {
  #gnavi li{
    border-color: #fff !important;
  }
}