@charset "utf-8";
@media print {
body {
zoom: 80%;
}
}
body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	line-height: 100%;
	margin: 0px;
	margin: 0px;
	letter-spacing: 0em;
	font-feature-settings:"pwid";
	font-weight: 500;
}
body {
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
}
p {
	text-align: justify;
	text-justify: inter-ideograph;
}
 @keyframes fadeIn {
 0% {
opacity: 0
}
 100% {
opacity: 1
}
}
@-webkit-keyframes fadeIn {
 0% {
opacity: 0
}
 100% {
opacity: 1
}
}
h1, h2, h3, h4, h5, ul, li, p, ul, li, div, dl, dt, dd, ol {
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	list-style-type: none;
}
img {
	border-style: none;
	padding: 0px;
	margin: 0px;
	line-height: 100%;
}
a {
	transition:.2s
}
input, select, textarea {
font-family : inherit;
font-size : 100%;
    font-weight: 600;
}
select {
    height: 40px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/  
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* End hide from IE-mac */

/*mb*/
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb60 {
	margin-bottom: 60px;
	display: block;
}
/*mb*/
/*pb*/
.pb10 {
	padding-bottom: 10px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb30 {
	padding-bottom: 30px;
}
.pb40 {
	padding-bottom: 40px;
}
.pb50 {
	padding-bottom: 50px;
}
.pb60 {
	padding-bottom: 60px;
}
/*pb*/

/*d-menu*/
.drawer-back-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
    white-space: nowrap;
    min-width: 1080px;
	z-index: 0;
}
.drawer-back-inner h2 {
    width: 100%;
    text-align: center;
    font-size: 1.87em;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 30px;
    color: #006619;
}
.d-table-a {
    width: 100%;
    margin-bottom: 0px;
}
.d-table-a dt {
    font-size: 98%;
    font-weight: bold;
	position: relative;
}
.d-table-a dt a {
	padding: 2%;
    text-decoration: none;
	background: #00661A;
    color: #FFF;
	border: solid 1px #00661A;
}
.d-table-a dt a:hover {
    border: solid 1px #00661A;
    background-color: #FFF;
	color: #00661A;
}

.d-menu-table {
    display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
    justify-content:flex-start;
    flex-wrap:wrap;
}
.d-menu-table i {
    margin-right: 5px;
}
.d-menu-table-a {
    margin-right: 2%;
    width: 22%;
}
dl.d-menu-table-a dt {
	width: 100%;
    font-size: 0.97em;
	display: block;
    margin-bottom: 10px;
    font-weight: bold;
	position: relative;
}
dl.d-menu-table-a dt::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 0;
	width: 10px;
	border-bottom: solid 0.1em #FFF;
}
dl.d-menu-table-a dt::after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: -10px;
	width: 10px;
	border-bottom: solid 0.1em #00661A;
}
dl.d-menu-table-a dt a {
    padding: 5px 15px;
	display: block;
    text-decoration: none;
	background: #00661A;
    color: #FFF;
	border: solid 1px #00661A;
	box-sizing: border-box;
}
dl.d-menu-table-a dt a:hover {
    border: solid 1px #00661A;
    background: #FFF;
	color: #00661A;
	display: block;
}
dl.d-menu-table-a dl {
    margin-bottom: 15px;
}
dl.d-menu-table-a dd {
    font-size: 0.87em;
    margin-bottom: 5px;
	font-weight: bold;
	display: block;
}
dl.d-menu-table-a dd a {
    text-decoration: none;
    color: #000;
	display: block;
	padding: 5px;
}
dl.d-menu-table-a dd a:hover {
    color: #FFF;
	background: #000;
}
dl.d-menu-table-a dd dl {
    margin-left: 15px;
    margin-bottom: 15px;
}
dl.d-menu-table-a dd dl dt {
    background: none;
	font-size: 0.97em;
	margin-bottom: 3px;
}
dl.d-menu-table-a dd dl dt::before {
	border-bottom: none;
}
dl.d-menu-table-a dd dl dt::after {
	border-bottom: none;
}
dl.d-menu-table-a dd dl dt a {
    text-decoration: none;
    color: #000;
	background: none;
	border: none;
}
dl.d-menu-table-a dd dl dt a:hover {
	color: #FFF;
    background: #000;
	border: none;
}
.d-menu-table-b {
    padding-right: 2%;
    margin-right: 2%;
    width: 21%;
}
dl.d-menu-table-b dt {
	width: 100%;
    font-size: 0.97em;
	display: block;
    margin-bottom: 10px;
    font-weight: bold;
	position: relative;
}
dl.d-menu-table-b dt::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 0;
	width: 10px;
	border-bottom: solid 0.1em #FFF;
}
dl.d-menu-table-b dt::after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: -10px;
	width: 10px;
	border-bottom: solid 0.1em #00661A;
}
dl.d-menu-table-b dt a {
    padding: 5px 15px;
	display: block;
    text-decoration: none;
	background: #00661A;
    color: #FFF;
	border: solid 1px #00661A;
	box-sizing: border-box;
}
dl.d-menu-table-b dt a:hover {
    border: solid 1px #00661A;
    background: #FFF;
	color: #00661A;
	display: block;
}
dl.d-menu-table-b dl {
    margin-bottom: 15px;
}
dl.d-menu-table-b dd {
    font-size: 0.87em;
    margin-bottom: 5px;
	font-weight: bold;
	display: block;
}
dl.d-menu-table-b dd a {
    text-decoration: none;
    color: #000;
	display: block;
	padding: 5px;
}
dl.d-menu-table-b dd a:hover {
    color: #FFF;
	background: #000;
}
dl.d-menu-table-b dd dl {
    margin-left: 20px;
	margin-bottom: 15px;
}
dl.d-menu-table-b dd dl dt {
    background: none;
	font-size: 0.97em;
	margin-bottom: 3px;
}
dl.d-menu-table-b dd dl dt::before {
	border-bottom: none;
}
dl.d-menu-table-b dd dl dt::after {
	border-bottom: none;
}
dl.d-menu-table-b dd dl dt a {
    text-decoration: none;
    color: #000;
	background: none;
	border: none;
}
dl.d-menu-table-b dd dl dt a:hover {
	color: #FFF;
    background: #000;
	border: none;
}
.d-menu-table-c {
    padding-right: 2%;
    margin-right: 2%;
    width: 20%;
}
dl.d-menu-table-c dt {
	width: 100%;
    font-size: 0.97em;
	display: block;
    margin-bottom: 10px;
    font-weight: bold;
	position: relative;
}
dl.d-menu-table-c dt::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 0;
	width: 10px;
	border-bottom: solid 0.1em #FFF;
}
dl.d-menu-table-c dt::after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: -10px;
	width: 10px;
	border-bottom: solid 0.1em #00661A;
}
dl.d-menu-table-c dt a {
    padding: 5px 15px;
	display: block;
    text-decoration: none;
	background: #00661A;
    color: #FFF;
	border: solid 1px #00661A;
	box-sizing: border-box;
}
dl.d-menu-table-c dt a:hover {
    border: solid 1px #00661A;
    background: #FFF;
	color: #00661A;
	display: block;
}
dl.d-menu-table-c dl {
    margin-bottom: 15px;
}
dl.d-menu-table-c dd {
    font-size: 0.87em;
    margin-bottom: 5px;
	font-weight: bold;
	display: block;
}
dl.d-menu-table-c dd a {
    text-decoration: none;
    color: #000;
	display: block;
	padding: 5px;
}
dl.d-menu-table-c dd a:hover {
    color: #FFF;
	background: #000;
}
dl.d-menu-table-c dd dl {
    margin-left: 20px;
	margin-bottom: 15px;
}
dl.d-menu-table-c dd dl dt {
    background: none;
	font-size: 0.97em;
	margin-bottom: 3px;
}
dl.d-menu-table-c dd dl dt::before {
	border-bottom: none;
}
dl.d-menu-table-c dd dl dt::after {
	border-bottom: none;
}
dl.d-menu-table-c dd dl dt a {
    text-decoration: none;
    color: #000;
	background: none;
	border: none;
}
dl.d-menu-table-c dd dl dt a:hover {
	color: #FFF;
    background: #000;
	border: none;
}
.d-menu-table-d {
    padding-left: 1%;
    width: 26%;
}
dl.d-menu-table-d dt {
	width: 100%;
    font-size: 0.97em;
	display: block;
    margin-bottom: 10px;
    font-weight: bold;
	position: relative;
}
dl.d-menu-table-d dt::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 0;
	width: 10px;
	border-bottom: solid 0.1em #FFF;
}
dl.d-menu-table-d dt::after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: -10px;
	width: 10px;
	border-bottom: solid 0.1em #00661A;
}
dl.d-menu-table-d dt a {
    padding: 5px 15px;
	display: block;
    text-decoration: none;
	background: #00661A;
    color: #FFF;
	border: solid 1px #00661A;
	box-sizing: border-box;
}
dl.d-menu-table-d dt a:hover {
    border: solid 1px #00661A;
    background: #FFF;
	color: #00661A;
	display: block;
}
dl.d-menu-table-d dl {
    margin-bottom: 15px;
}
dl.d-menu-table-d dd {
    font-size: 0.87em;
    margin-bottom: 5px;
	font-weight: bold;
	display: block;
}
dl.d-menu-table-d dd a {
    text-decoration: none;
    color: #000;
	display: block;
	padding: 5px;
}
dl.d-menu-table-d dd a:hover {
    color: #FFF;
	background: #000;
}
dl.d-menu-table-d dd dl {
    margin-left: 20px;
	margin-bottom: 15px;
}
dl.d-menu-table-d dd dl dt {
    background: none;
	font-size: 0.97em;
	margin-bottom: 3px;
}
dl.d-menu-table-d dd dl dt::before {
	border-bottom: none;
}
dl.d-menu-table-d dd dl dt::after {
	border-bottom: none;
}
dl.d-menu-table-d dd dl dt a {
    text-decoration: none;
    color: #000;
	background: none;
	border: none;
}
dl.d-menu-table-d dd dl dt a:hover {
	color: #FFF;
    background: #000;
	border: none;
}
/*d-menu*/

#container {
	width: 100%;
	position: relative;
	min-width: 1180px;
}
header {
    width: 100%;
    position: relative;
    background: #FFF;
    display: flex;
    justify-content: space-between;
    height: 110px;
}

.top-logo {
    width: 225px;
    margin-top: 1%;
    margin-right: 2.5%;
    margin-left: 2.5%;
    margin-bottom: 1%;
}
.top-logo img {
	width: 100%;
}

.top-r {
    width: 75.6%;
    min-width: 900px;
    height: 120px;
	display: block;
}

.nav-a {
    padding-top: 20px;
    padding-right: 0;
    padding-left: 4.8%;
    padding-bottom: 0;
    display: flex;
    justify-content: space-between;
}

.nav-top-a {
	width: 52.3%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-width: 500px;
}
.nav-top-a li {
    display: block;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    width: 31%;
    white-space: nowrap;
}
.nav-top-a li a {
    display: block;
    text-decoration: none;
	flex-basis: 100%;
    max-width: 100%;
	padding: 4px 0 4px;
	vertical-align: middle;
}
.donation a {
	color: #006666;
	border: solid 1px #006666;
	box-sizing: border-box;
}
.donation a:hover {
	border: solid 1px #006666;
	background: #006666;
	color: #FFF;
}
.store a {
	color: #FF7F00;
	border: solid 1px #FF7F00;
	box-sizing: border-box;
}
.store a:hover {
	border: solid 1px #FF7F00;
	background: #FF7F00;
	color: #FFF;
}
.contact a {
	color: #41A5C5;
	border: solid 1px #41A5C5;
	box-sizing: border-box;
}
.contact a:hover {
	border: solid 1px #41A5C5;
	background: #41A5C5;
	color: #FFF;
}

.nav-top-b {
    width: 16.3%;
    display: flex;
    justify-content: space-between;
    margin-right: 3.2%;
    position: relative;
}
.nav-top-b li {
	font-size: 1.08em;
	font-weight: bold;
	display: block;
	position: relative;
}
.nav-top-b li a {
	text-decoration: none;
	color: #0D3327;
	display: block;
}
.nav-top-b li a:hover {
	color: #2BA67D;
	display: block;
}
.nav-top-b li img {
	width: 38px;
}
.nav-top-b li a:hover img {
	opacity: 0.5;
}

.nav-b {
	margin: 20px 0 20px 0;
}
.nav-b ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 95%;
    margin-right: 15%;
    max-width: 1080px;
}
.nav-b ul::after {
  display: block;
  clear: both;
  content: '';
}
.nav-b ul li {
  position: relative;
	font-size: 0.88em;
	font-weight: bold;
	display: block;
	text-align: center;
	color: #023328;
	box-sizing: border-box;
	border: solid 1px #FFF;
	background: #FFF;
}
.nav-b ul li i {
	position: absolute;
	right: 5px;
}
.nav-b ul li:hover {
  display: block;
	box-sizing: border-box;
	border: solid 1px #023328;
}
.nav-b ul li a {
    display: block;
    padding: 5px 20px 5px 20px;
    color: #023328;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    width: auto;
    max-width: none;
}
.nav-b ul li ul {
  position: absolute;
	z-index: 20;
  display: block;
	left: 0;
	width: auto;
	padding: 19px 0 0 0;
}
.nav-b ul li ul li ul {
  position: absolute;
  display: block;
	left: 100%;
	width: auto;
	padding: 0;
}
.nav-b ul li ul li {
  font-size: 0.98em;
	font-weight: bold;
	display: block;
	text-align: left;
	position: relative;
	border-bottom: solid 1px #ECECFB;
	border-top: solid 1px #FFF;
	border-left: solid 1px #FFF;
	border-right: solid 1px #FFF;
}
.nav-b ul li ul li a {
	padding: 15px 30px;
	display: block;
}
.nav-b ul li ul li a:hover {
	display: block;
	background: #023328;
	color: #FFF;
}
.nav-b ul li ul li ul li {
	font-size: 0.98em;
	font-weight: bold;
	display: block;
	text-align: left;
	position: relative;
	border-bottom: solid 1px #ECECFB;
	border-top: solid 1px #FFF;
	border-left: solid 1px #FFF;
	border-right: solid 1px #FFF;
}
.nav-b ul li ul li ul li a {
	padding: 15px 30px;
	display: block;
}
.nav-b ul li ul li ul li a:hover {
	padding: 15px 30px;
	display: block;
	background: #023328;
	color: #FFF;
}
.nav-b ul ul ul {
  position: absolute;
  top: -1px;
	left: 100%;
	width: auto;
	padding-left: 5px;
}
.nav-b ul ul {
  visibility: hidden;
  opacity: 0;
  transition: .1s ease-in-out;
  transform: translateY(0px);
}
.nav-b ul li:hover > ul {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.center-logo {
	width: 14.3%;
	top: 5%;
	position: absolute;
	z-index: 1;
	left: 50%;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
}
.center-logo img {
	width: 100%;
}

.visual-top {
	width: 100%;
	position: relative;
	padding-bottom: 50%;
}
/* Sweep To Right */
.hvr-sweep-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #FF4000;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
	color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
/* Sweep To Left */
.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #00698C;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
  color: white;
}
.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.top-contents-menu {
	background: #FFF;
	width: 100%;
	padding: 2px 0 0 0;
	display: flex;
	justify-content: space-between;
}
.top-contents-menu li {
    width: 49.9%;
    display: block;
    position: relative;
}
.top-contents-menu-l {
	background: #FF7040;
	display: flex;
}
.top-contents-menu-l a {
	text-decoration: none;
	color: #FFF;
}
.top-contents-menu-r {
	background: #3B8CA7;
	display: flex;
	position: relative;
	display: block;
}
.top-contents-menu-r a {
	text-decoration: none;
	color: #FFF;
}
.n-box {
	width: 40%;
	position: absolute;
	background: #FF4000;
	top: 0;
	bottom: 0;
	display: block;
}
.n-box::after {
	content: "";
  position:absolute;
  top:0;
  right: 0;
  width:0;
  height:0;
	bottom: 0;
  border-style: solid;
  border-color: transparent #FF7040 transparent transparent;
  border-width: 0px 100px 150px 0;
}
.n-box-in {
	z-index: 1;
	width: 35%;
	position: relative;
	text-align: center;
	display: block;
	float: left;
	font-size: 22pt;
	font-weight: bold;
	line-height: 130%;
	padding: 15px 0 15px 0;
}
.n-txt {
	z-index: 1;
	font-size: 2.64em;
	font-weight: bold;
	display: block;
	width: 65%;
	position: relative;
	text-align: center;
	float: right;
	line-height: 100%;
	padding: 33px 0 0 0;
}
.n-txt-b {
	font-size: 18pt;
	font-weight: bold;
	display: block;
}
.n-box-r {
    width: 40%;
    position: absolute;
    background: #00698C;
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
    background-color: #00698C;
}
.n-box-r::after {
	content: "";
  position:absolute;
  top: 0;
  left: 0;
  width:0;
  height:0;
	bottom: 0;
  border-style: solid;
  border-color: transparent transparent transparent #3B8CA7;
  border-width: 0px 0px 150px 100px;
}
.n-box-in-r {
	z-index: 1;
	width: 30%;
	position: relative;
	text-align: center;
	display: block;
	float: right;
	font-size: 22pt;
	font-weight: bold;
	line-height: 130%;
	padding: 15px 0 15px 0;
}
.n-txt-r {
	z-index: 1;
	font-size: 2.64em;
	font-weight: bold;
	display: block;
	width: 70%;
	position: relative;
	text-align: center;
	float: left;
	line-height: 100%;
	padding: 33px 0 0 0;
}

.n-txt-b-r {
	font-size: 18pt;
	font-weight: bold;
	display: block;
}
.top-b-line {
	border-top: solid 1px #FFF;
	font-size: 1.13em;
}
.top-category {
	background: #FFF;
	width: 100%;
	position: relative;
}
.ticker_table {
	position: absolute;
	width: 98%;
	bottom: 20px;
	padding: 2px;
	margin-left: 1%;
	margin-right: 1%;
	background: #FFF;
	z-index: 1;
}
.ticker_table h3 {
    width: 8.4%;
    min-width: 105px;
    float: left;
    background: #FFAB00;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #013327;
    text-align: center;
    font-size: 1.08em;
	position: relative;
}
.ticker_table h3::before {
	content: "";
	position: absolute;
	z-index: 1;
	right: 0;
	width: 20px;
	padding-bottom: 5.8%;
	border-bottom: solid 1px #FFF;
}
.ticker_table h3::after {
	content: "";
	position: absolute;
	z-index: 1;
	right: -20px;
	width: 20px;
	padding-bottom: 5.8%;
	border-bottom: solid 1px #FFAB00;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop,.ticker_table h3 {
	width: 163px;
	float: left;
	background: #DC9A03;
	padding-bottom: 10px;
	padding-top: 15px;
	color: #FFFFFF;
	text-align: center;
	font-size: 107%;
}
}
.ticker {
	padding: 10px;
	text-align: left;
	position: relative;
	overflow: hidden;
	height: 50px;
}

.ticker ul {
	width: 100%;
	position: relative;
}
.ticker ul li {
	margin-top: 1px;
	margin-left: 1.5%;
	width: 90%;
	display: none;
	font-size: 107%;
	color: #023328;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop,.ticker ul li {
	margin-top: 6px;
	width: 90%;
	display: none;
	font-size: 107%;
	color: #023328;
}
}
.ticker ul li a {
	color: #000000;
	text-decoration: none;
}
.ticker ul li a:hover {
    color: #023328;
    text-decoration: underline;
}
.top-news {
	width: 100%;
	background: #FFF;
	padding: 5% 0 5% 0;
	position: relative;
}
.top-news h2 {
    width: 100%;
    text-align: center;
    font-size: 1.87em;
    display: block;
    position: relative;
    color: #0C3326;
    margin-bottom: 15px;
}
.top-news h2 span {
    display: block;
    font-size: 80%;
    padding-top: 13px;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    margin-bottom: 0px;
}
.top-news h2 span::before {
	content: '';
  position: absolute;
  bottom: 34px;
  display: inline-block;
  width: 60px;
  height: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #0C3326;
}

.slide_table {
    width: 100%;
    position: relative;
}
.slider-news {
    width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.slider-news li {
    margin-left: 0.3%;
    margin-right: 0.3%;
    position:relative;
    display: inline-block;
	width: 100%;
	overflow: hidden;
}

.slider-news li a {
    text-decoration: none;
    color: #000;
}
.slider-news li ul li {
	width:100%;
    overflow:hidden;
    position:relative;
}

.slider-news li ul li img {
	width: 100%;
}
.slider-news li ul li span.t-title {
	font-size: 0.83em;
    margin: 3%;
    display: inline-block;
    font-weight: 600;
}
.slider-news li ul li span.t-comment {
    font-size: 78%;
    display: inline-block;
    font-weight: 600;
}
.slider-news li ul li span.t-name {
    width: 100%;
    font-size: 0.81em;
    color: #000;
    padding: 1% 0 0 0;
    display: inline-block;
}

.t-box {
	display: flex;
	justify-content: space-between;
	margin: 3% 3% 0 3%;
}

.t-cate {
    font-size: 0.68em;
    white-space: nowrap;
    color: #FFF;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 150px;
    text-align: center;
}
.cate-information {
	background: #D96D00;
}
.cate-access {
	background: #00698C;
}
.cate-report {
	background: #00661A;
}
.cate-event {
	background: #FFBF00;
}

.news-cate {
	width: 48.4%;
	min-width: 647px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.news-cate li {
	width: 24%;
	text-align: center;
	position: relative;
	display: block;
}
.news-cate li i {
	margin-right: 7px;
}
.news-cate .cate-information a,.news-cate .cate-access a,.news-cate .cate-report a,.news-cate .cate-event a {
	display: block;
	color: #FFF;
	padding: 10px 0 10px;
	text-decoration: none;
	font-size: 0.87em;
}
.cate-ichiran {
	width: 100px;
	margin: 0 auto 15px;
}
.cate-ichiran li {
	display: block;
	width: 100%;
}
.cate-ichiran li a {
	text-align: center;
	display: block;
	background: #0C3326;
	border-radius: 15px;
	color: #FFF;
	padding: 5px 0;
	text-decoration: none;
	font-size: 0.84em;
	border: solid 1px #0C3326;
}
.news-cate .cate-information a:hover,.news-cate .cate-access a:hover,.news-cate .cate-report a:hover,.news-cate .cate-event a:hover {
    opacity: 0.7;
    min-width: 0px;
}
.cate-ichiran a:hover {
	display: block;
	color: #0C3326;
	border: solid 1px #0C3326;
	box-sizing: border-box;
	background: #FFF;
}
.figure {
	overflow: hidden;
	display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
}
.figure img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.figure:hover img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.figure-b {
	overflow: hidden;
	display: block;
    width: 100%;
}
.figure-b img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.figure-b:hover img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.more li i {
	font-size: 130%;
	margin-right: 10px
}
.more-b,.more-b-b {
	width: 244px;
	margin-top: 30px;
}
.more-c {
	width: 70%;
}
.more-d {
	width: 244px;
	margin-top: 15px;
}
.more-g {
	width: 640px;
	margin-top: 30px;
}
.more li,.more-b li,.more-b-b li,.more-d li,.more-h li {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 0.93em;
	border: solid 1px #000;
    box-sizing: border-box;
	position: relative;
}
.more li::before,.more-b li::before,.more-b-b li::before,.more-d li::before {
	content: "";
	position: absolute;
	z-index: 1;
    top: 50%;
    right: -25px;
	width: 50px;
	border-bottom: solid 1px #000;
}
.more-h li::before {
	content: "";
	position: absolute;
	z-index: 1;
	right: -25px;
	width: 50px;
	padding-top: 9%;
	border-bottom: solid 1px #000;
}
.more li a,.more-b li a,.more-b-b li a,.more-d li a,.more-h li a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 20px 0;
}
.more li a:hover,.more-b li a:hover,.more-b-b li a:hover,.more-d li a:hover,.more-h li a:hover {
	display: block;
	background: #000;
	color: #FFF;
	animation: fadeIn 1s ease 0s 0 normal;
	-webkit-animation: fadeIn 1s ease 0s 0 normal;
}
.more-c li {
	display: block;
	width: 90%;
	text-align: center;
	font-size: 0.93em;
	border: solid 1px #00661A;
	position: relative;
	margin-bottom: 10px;
}
.more-c li::before {
	content: "";
	position: absolute;
	z-index: 1;
	right: -25px;
	width: 50px;
	padding-bottom: 7.3%;
	border-bottom: solid 1px #00661A;
}
.more-c li a {
	display: block;
	text-decoration: none;
	color: #00661A;
	padding: 15px 0;
}
.more-c li a:hover {
	display: block;
	background: #00661A;
	color: #FFF;
	animation: fadeIn 1s ease 0s 0 normal;
	-webkit-animation: fadeIn 1s ease 0s 0 normal;
}

.more-e li {
	display: block;
	width: 90%;
	text-align: center;
	font-size: 0.93em;
	border: solid 1px #FFF;
	position: relative;
	margin-bottom: 10px;
}
.more-e li::before {
	content: "";
	position: absolute;
	z-index: 1;
	right: -25px;
	width: 50px;
	top: 50%;
	border-bottom: solid 1px #FFF;
}
.more-e li a {
	display: block;
	text-decoration: none;
	color: #FFF;
	padding: 15px 0;
}
.more-e li a:hover {
	display: block;
	background: #000;
	color: #FFF;
	animation: fadeIn 1s ease 0s 0 normal;
	-webkit-animation: fadeIn 1s ease 0s 0 normal;
}
.more-g li {
	display: block;
	width: 33%;
	text-align: center;
	font-size: 0.93em;
	border: solid 1px #00661A;
	position: relative;
	margin-bottom: 10px;
	margin-right: 10px;
}
.more-g li::before {
	content: "";
	position: absolute;
	z-index: 1;
	right: -25px;
	width: 50px;
	padding-top: 21px;
	border-bottom: solid 1px #00661A;
}
.more-g li a {
	display: block;
	text-decoration: none;
	color: #00661A;
	padding: 15px 0;
}
.more-g li a:hover {
	display: block;
	background: #00661A;
	color: #FFF;
	animation: fadeIn 1s ease 0s 0 normal;
	-webkit-animation: fadeIn 1s ease 0s 0 normal;
}
.more-h {
	width: 300px;
	margin-top: 30px;
	margin-left: 20px;
}
.top-news-box {
    width: 490px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.top-news-box li {
    display: block;
	width: 90%;
	text-align: center;
	font-size: 0.93em;
	border: solid 1px #000;
	position: relative;
	margin-bottom: 10px;
}
.top-news-box li::before {
	content: "";
	position: absolute;
	z-index: 1;
	right: -25px;
	width: 50px;
	padding-bottom: 45px;
	border-bottom: solid 1px #000;
}
.top-news-box li a {
	display: block;
	width: 100%;
	color: #000;
	text-decoration: none;
	height: 90px;
}
.top-news-box li a:hover {
	display: block;
	background: #000;
	color: #FFF;
}
.top-news-pic {
	width: 100%;
	position: relative;
	display: block;
}
.top-news-pic img {
	width: 100%;
	transition: all 0.4s ease-in-out;
}
.top-news-box li i {
	position: absolute;
	z-index: 2;
	right: 10px;
}
.top-news-title {
	font-size: 1.37em;
	font-weight: bold;
	position: absolute;
	z-index: 1;
	display: block;
	top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
	width: 100%;
	text-align: center;
}
.pic-image_b {
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-o-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
}
.pic_b:hover .pic-image_b {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.7;
}

.pickup-contents {
	background: #E4F5F4;
	width: 100%;
	padding: 3% 0 0;
	position: relative;
}


.pickup-box {
	width: 100%;
	padding-bottom: 3%;
	max-width: 1380px;
	margin-right: auto;
}
.pickup-box-b {
	width: 100%;
	padding-bottom: 3%;
	max-width: 1380px;
	margin-left: auto;
}
.pickup-box-inner {
	width: 100%;
	display: flex;
	position: relative;
	padding-bottom: 35.3%;
}

.pickup-box-l {
	width: 57.8%;
	position: absolute;
	left: 0;
}
.pickup-box-l img {
	width: 100%;
}

.pickup-box-r {
	position: absolute;
	width: 49.8%;
	right: 0;
	top: 3px;
	bottom: 6px;
	background: #E4F5F4;
}
.pickup-box-r-b {
	width: 57.8%;
	position: absolute;
	right: 0;
}
.pickup-box-r-b img {
	width: 100%;
}

.pickup-box-l-b {
	position: absolute;
	width: 49.8%;
	left: 0;
	top: 3px;
	bottom: 6px;
	background: #E4F5F4;
}
.picup-box-txt {
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
	display: block;
	width: 50%;
	min-width: 365px;
}
.dash-a {
	padding-left: 90px;
	background-image: url("../images/r-arrow.png");
	background-repeat: no-repeat;
	background-position: left center;
}
.dash-b {
	padding-right: 90px;
	background-image: url("../images/l-arrow.png");
	background-repeat: no-repeat;
	background-position: right center;
}
.picup-box-txt h2 {
    font-size: 1.97em;
    color: #0C3326;
    margin-bottom: 20px;
    position: relative;
}
.picup-box-txt h3 {
    font-size: 1.18em;
    color: #000;
    position: relative;
    display: block;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 20px;
    margin-top: 18px;
}
.picup-box-txt h2:before {
	content: '';
  position: absolute;
  top: 40px;
  display: block;
  width: 60px;
  height: 1px;
  left: 37%;
  -webkit-transform: translateX(-37%);
  transform: translateX(-37%);
  background-color: #000;
}
.picup-box-txt p {
	font-size: 1em;
	line-height: 150%;
	text-align: justify;
	text-justify: inter-ideograph;
    width: 90%;
}

.top-stories {
	width: 100%;
	background: #FFF;
	padding: 5% 0;
	position: relative;
}

.top-stories-box {
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	display: flex;
	background-image: url("../images/stories-photo.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}

.top-stories-back {
	width: 100%;
	background-image: url("../images/stories-photo.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	position: relative;
	padding-bottom: 38%;
}
.top-stories-back p {
	position: absolute;
	width: 392px;
	left: 30px;
	bottom: 20px;
	font-size: 0.81em;
	line-height: 150%;
	color: #FFF;
	text-align: justify;
	text-justify: inter-ideograph;
}

.top-stories-com {
	background: #FFF;
	margin: 2px 0;
	position: absolute;
	z-index: 1;
	top: 2px;
	bottom: 2px;
	right: 0;
	width: 430px;
	
}

.top-stories-title {
	background: #023328;
	position: absolute;
	z-index: 5;
	top: -20px;
	bottom: -20px;
	width: 88px;
	left: 50%;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
	padding: 30px
}
.top-storis-title-inner {
    position: relative;
}
.top-storis-title-inner h2 {
    -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
	color: #FFF;
	font-size: 1.93em;
	white-space: nowrap;
	display: block;
	font-family: 'Open Sans', sans-serif;
    position: absolute;
    top: 50%;
    right: -17%;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
}
.top-storis-title-inner p {
-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
	display: block;
	font-family: 'Open Sans', sans-serif;
	color: #FFF;
	font-size: 1.93em;
	white-space: nowrap;
    position: absolute;
    height: 290px;
    top: 50%;
    left: 5%;
  transform: translateX(-5%) translateY(50%);
  -webkit- transform: translateX(-5%) translateY(50%);
}

.top-storis-title-inner h2:before {
	content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 1px;
  height: 60px;
  left: -50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #FFF;
}
.top-movie {
	width: 100%;
	padding: 5% 0;
	background: #ECECFB;
	position: relative;
}

.top-movie-box {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
	display: flex;
	justify-content: space-between;
}

.top-movie-l {
	width: 36.8%;
	padding: 5% 4%;
	border: solid 1px #000;
	box-sizing: border-box;
}
.top-movie-l h2 {
    font-size: 1.97em;
    color: #0C3326;
    margin-bottom: 20px;
    position: relative;
}
.top-movie-l h3 {
	font-size: 1.18em;
	color: #000;
	position: relative;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 20px;
    font-weight: normal;
}
.top-movie-l h2:before {
	content: '';
  position: absolute;
  top: 39px;
  display: block;
  width: 60px;
  height: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #000;
}
.top-movie-l p {
	font-size: 1em;
	line-height: 150%;
}
.top-movie-r {
	width: 59.4%;
}
.ytmovie {
	position: relative;
	height: 0;
	padding-top: 56.25%;
	width: auto;
}
#top_douga {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 49;
}
.top-access {
	width: 100%;
	padding: 2% 0;
	background: #00698C;
	position: relative;
}

.top-access-inner {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	display: flex;
	justify-content: space-between;
}
.top-access-inner-in {
	width: 49%;
	display: flex;
	padding: 20px 5%;
}
.top-access-l {
    position: relative;
    width: 55%;
}
.top-access-l h2 {
    font-size: 1.87em;
    color: #FFF;
    margin-bottom: 17px;
	white-space: nowrap;
    position: absolute;
    display: inline-block;
    left: 50%;
    -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.top-access-l p {
    content: "";
	font-size: 1.08em;
	color: #FFF;
	position: absolute;
    top: 45px;
    left: 50%;
	display: block;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 0px;
    -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.top-access-l h2:before {
	content: '';
  position: absolute;
  top: 38px;
  display: inline-block;
  width: 30px;
  height: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #FFF;
}
.top-access-r {
	width: 30%;
}
.top-access-r li {
	font-size: 1em;
	margin-bottom: 10px;
	font-weight: bold;
	list-style-type: disc;
	color: #FFF;
}
.top-access-r li a {
	color: #FFF;
	text-decoration: none;
}
.top-access-r li a:hover {
	text-decoration: underline;
}

footer {
    width: 100%;
    position: relative;
    background: #FFF;
}

.footer-b-box {
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
	margin: 20px 0;
}
.footer-b-box li {
	width: 50%;
	display: block;
	text-align: center;
	font-size: 1.22em;
	font-weight: bold;
	position: relative;
}
.footer-b-box li i {
	font-size: 170%;
	vertical-align: sub;
	margin-right: 5%;
}
.footer-b-box li a {
    display: block;
    width: 100%;
    text-decoration: none;
    color: #00678C;
    padding: 6% 0;
    background: #FFF;
}
.footer-b-box li a:hover {
	display: block;
	background: #00678C;
	color: #FFF;
}
.footer-box {
    width: 100%;
    background-image: url(../images/footer-back.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	padding: 4% 0;
}
.footer-box h3 {
	width: 100%;
	text-align: center;
	font-size: 0.93em;
	color: #FFF;
	margin: 20px 0;
}
.footer-box p {
    width: 520px;
    margin-left: auto;
    margin-right: auto;
    color: #FFF;
    text-align: center;
    line-height: 0%;
    border-bottom: solid 1px #FFF;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.footer-logo {
    width: 246px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.footer-logo img {
	width: 100%;
}

.top-banner {
	max-width: 980px;
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.top-banner li {
    width: 13.5%;
    margin-bottom: 5px;
}
.top-banner li img {
	width: 100%;
}

.copy {
	margin-top: 3px;
	background: #023328;
	text-align: center;
	padding: 3% 0;
	color: #FFF;
	font-size: 0.81em;
}

.stories-slide {
	position: relative;
	width: 100%;
	margin-top: 7%;
	display: -webkit-box;
	display: -ms-flexbox;
}
.stories-slide li {
	display: block;
	width: 90%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	color: #BBB;
}
.stories-slide li a,
.stories-slide li a .stories-title {
	display: block;
	text-decoration: none;
	color: #023328;
}
.stories-slide li a:hover,
.stories-slide li a:hover .stories-title {
	display: block;
	color: #058568;
}

.stories-table {
	display: flex;
	position: relative;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3%;
}
.stories-table-a {
	width: 45%;
	display: block;
	position: relative;
}
.stories-table-a-in {
	position: absolute;
	top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
	font-size: 3.2em;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
}

.stories-table-b {
	display: block;
	position: relative;
}
.stories-table-b img {
	width: 100%;
}
.stories-slide li a .stories-table-b img {
	display: block;
	border: solid 2px #FFF;
}
.stories-slide li a:hover .stories-table-b img {
	display: block;
	border: solid 2px #058568;
	opacity: 0.8;
}
.stories-title {
	width: 70%;
	padding-left: 5%;
	padding-right: 5%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.28em;
	font-weight: bold;
	line-height: 130%;
	padding-bottom: 5%;
	border-bottom: dotted 1px #023328;
	color: #BBBBBB;
}
.stories-title span {
    font-size: 0.64em;
    display: block;
    margin-top: 3%;
}

.nav-search input[type="text"] {
  height: 15px;
  font-size: 84%;
  display: inline-block;
  font-weight: 100;
  border: none;
  outline: none;
  color: #555;
  padding: 3px;
  padding-right: 37px;
  width: 0px;
  position: absolute;
  top: 0;
  right: 0px;
  background: none;
  z-index: 3;
  transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
  cursor: pointer;
    display: block;
}

.nav-search input[type="text"]:focus:hover {
  border-bottom: 1px solid #BBB;
}

.nav-search input[type="text"]:focus {
  width: 170px;
  z-index: 1;
  border-bottom: 1px solid #BBB;
  cursor: text;
}
.nav-search input[type="submit"] {
  display: inline-block;
  color: #023328;
  border: none;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 2;
  cursor: pointer;
  transition: opacity .4s ease;
    display: block;
	font-size: 1.08em;
	background: none;
}

.nav-search input[type="submit"]:hover {
  opacity: 0.3;
}

.nav-search {
	width: 24.5%;
	position: relative;
}

/*サブページ*/

.pan {
	background: #006619;
	height: 26px;
	width: 100%;
	position: relative;
}
.pan ul {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.pan ul li {
	font-size: 0.87em;
	font-weight: bold;
	display: block;
	line-height: 26px;
	position: relative;
	color: #FFF;
	white-space: nowrap;
}
.pan ul li a::before {
	content: "";
  position:absolute;
   top: 0; 
  right: -15px;
	z-index: 1;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 15px solid #006619;
}
.pan ul li a::after {
	content: "";
  position:absolute;
  right: -17px;
	z-index: 0;
  border-top: 13px solid #006619;
  border-bottom: 13px solid #006619;
  border-left: 15px solid #FFF;
}

.pan ul li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 0 12px 0 23px;
}
.pan ul li a:hover {
	display: block;
	color: #006619;
	background: #FFF;
    transition:.0s;
}
.pan ul li a:hover::before {
	content: "";
  position:absolute;
  right: -17px;
	z-index: 1;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 17px solid #FFF;
    transition:.0s;
        animation: fadeIn 0s ease 0s 1 normal;
	-webkit-animation: fadeIn 0s ease 0s 1 normal;
}
.pan ul li a:hover::after {
	content: "";
  position:absolute;
  right: -10px;
    z-index: 0;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 15px solid #FFF;
    transition:.0s;
        animation: fadeIn 0s ease 0s 1 normal;
	-webkit-animation: fadeIn 0s ease 0s 1 normal;
}
.nl {
	padding: 0 10px 0 25px;
}
.sub-visual {
    width: 100%;
    position: relative;
    padding-bottom: 160px;
    margin-top: 2px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 30px;
}

.sub-img {
	position: absolute;
	z-index: 0;
	width: 100%;
	top: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.sub-back-trail {
	background-image: url("../images/sub-visual/sub-001.jpg");
}
.sub-back-access {
    background-image: url(../images/sub-visual/sub-002.jpg);
}
.sub-back-hike {
    background-image: url(../images/sub-visual/sub-003.jpg);
}
.sub-back-participate {
    background-image: url(../images/sub-visual/sub-004.jpg);
}

.sub-visual-col-gre {
	background-color: #FFF;
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	width: 100%;
}
.sub-visual-col-red {
    background-color: #FFFFFF;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    width: 100%;
}
.sub-visual-col-blue {
    background-color: #FFF;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    width: 100%;
}
.sub-title {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
    color: #023328;
    font-size: 2.04em;
    text-align: center;
    margin-bottom: 0px;
}
.sub-title-b {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
    color: #023328;
    font-size: 2.04em;
    text-align: center;
    margin-bottom: 0px;
}
.sub-title span,.sub-title-b span {
    display: block;
    font-size: 74%;
    padding-top: 13px;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    text-align: center;
    margin-bottom: 0px;
}
.sub-title span::before {
	content: '';
  position: absolute;
	bottom: 37px;
  display: inline-block;
  width: 60px;
	border-top: solid 1px #023328;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sub-title-b span::before {
	content: '';
  position: absolute;
	bottom: 37px;
  display: inline-block;
  width: 60px;
  border-top: solid 1px #023328;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #FFFFFF;
}
.sub-contents {
	max-width: 1180px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	justify-content: space-around;
	margin-bottom: 50px;
	display: flex;
}
.sub-contents-b {
    max-width: 1080px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    justify-content: space-around;
    margin-bottom: 50px;
}

.sub-contents-l {
    position: relative;
    width: 73%;
    float: left;
    min-width: 800px;
}

.sub-contents-r {
    position: relative;
    width: 227px;
	float: right;
    display: block;
}

.sub-main-title {
	font-size: 1.47em;
	color: #0C3326;
	background-image: url("../images/sub-title-arow.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 45px;
	position: relative;
	margin-bottom: 30px;
	display: block;
}
.sub-main-link {
    position: relative;
    display: block;
}
.sub-main-link a {
    display: block;
    text-decoration: none;
    color: #485057;
    padding: 1%;
}
.sub-main-link a:hover {
    display: block;
    background: #D0D0A2;
}
.sub-main-link::after, 
.sub-main-link.active::after {
    position: absolute;
    right: 20px;
    top: 20%;
    font-weight: bold;
    font-family: Yu Gothic M;
}
.sub-main-link.active::after {
	font-family: "Font Awesome 5 Free";
     content: "\f101";
    font-size: 1em;
    color: #00661A;
}
.sub-main-link::after {
	font-family: "Font Awesome 5 Free";
    content: "\f101";
    font-size: 1em;
    color: #00661A;
}
.sub-main-title span {
	border-right: solid 1px #000;
	padding: 7px 10px;
	position: relative;
	display: inline-block;
}
.sub-main-title::before {
	content: '';
  position: absolute;
	left: 5%;
  bottom: 0px;
  display: inline-block;
  width: 95%;
  height: 1px;
  background-color: #000;
}
.pc-map {
	width: 100%;
}
.pc-map img {
	width: 100%;
}
.pc-map-b {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.pc-map-b img {
	width: 100%;
}
.sub-nav-back {
	background-color:rgba(255,255,255,1.0)!important;
}
.sub-second-title {
	font-size: 1.22em;
	color: #0C3326;
	margin-bottom: 20px;
	position: relative;
	padding: 0 50px;
}
.sub-second-title i {
	font-size: 200%;
	position: absolute;
	left: 0px;
	top: -10px;
}
.sub-second-title-b {
    font-size: 1.22em;
    color: #006619;
    margin-bottom: 20px;
    position: relative;
    padding: 0 0px;
    width: 50%;
}
.sub-second-title-b span {
	font-size: 74%;
	margin-left: 10px
}
.icon-blue {
	color: #006DD9;
}
.icon-orange {
	color: #FF7F00;
}
.icon-green {
	color: #85B200;
}

.mine-txt {
    font-size: 0.93em;
    line-height: 170%;
    padding: 0 20px 0;
}
.mine-txt a {
	text-decoration: none;
	color: #00661A;
	font-weight: bold;
}
.mine-txt a:hover {
	text-decoration: underline;
}

.access-table {
	margin-left: 20px;
	width: 70%;
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-spacing: 0px;
}
.access-table-l {
    font-size: 1em;
    vertical-align: top;
    padding: 20px;
    border-bottom: solid 1px #000;
    border-right: solid 1px #000;
}
.access-table-r {
    font-size: 1em;
    vertical-align: top;
    padding: 20px;
    border-bottom: solid 1px #000;
}
.access-table-r ul {
	width: 100%;
}
.access-table-r li {
	list-style: outside;
	line-height: 170%;
	margin-left: 20px;
}
.access-table-r li a {
	text-decoration: none;
	color: #00661A;
    font-weight: bold;
}
.access-table-r li a:hover {
	color: #00661A;
    text-decoration: underline;
}
.access-table-r li i {
    margin-left: 5px;
}
.side-menu {
	width: 100%;
}
.side-menu ul {
	width: 100%;
	border-top: solid 1px #000;
}
.side-menu li {
	display: block;
	width: 100%;
	height: 120px;
	border-bottom: solid 1px #000;
	color: #CCCCCC;
	position: relative;
	font-size: 1.12em;
	font-weight: bold;
	line-height: 130%;
}
.side-menu-txt {
	position: absolute;
	display: block;
	z-index: 2;
	left: 5%;
	top: 50%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}
.side-menu-shot {
	font-size: 0.68em;
	line-height: 84%!important;
}
.side-menu-arow {
	position: absolute;
	display: block;
	z-index: 1;
	right: 0;
	width: 35px;
	height: 35px;
	background-image: url("../images/sub-title-arow.png");
	top: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.side-menu li a {
	display: block;
	cursor: pointer;
	width: 100%;
	height: 120px;
	color: #000;
}
.side-menu li a .side-menu-txt {
	display: block;
	cursor: pointer;
	color: #000;
}
.side-menu li a:hover {
	display: block;
	color: #FFF;
	background: #F0F0E1;
}
.side-menu li a:hover .side-menu-txt {
	display: block;
	color: #999999;
}

ol.service-list {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
ol.service-list li{
    list-style-type: none;
    list-style-position: inside;
    counter-increment: cnt;
    font-size: 1em;
    margin-bottom: 10px;
}
ol.service-list li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}

.seavice-table {
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	border-spacing: 0px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.seavice-table td {
	padding: 2%;
	border-bottom: solid 1px #000;
	border-right: solid 1px #000;
	font-size: 1em;
	text-align: center;
}
.seavice-table td a {
	text-decoration: none;
	color: #000;
}
.seavice-table td a:hover {
	text-decoration: underline;
}
.taxi-table {
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	border-spacing: 0px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.taxi-table td {
	padding: 2%;
	border-bottom: solid 1px #000;
	border-right: solid 1px #000;
	font-size: 0.84em;
}
.tb-top {
	vertical-align: top;
}
.tb-center {
	text-align: center;
	white-space: nowrap;
}
.tb-center-b {
	text-align: center;
	font-weight: bold;
    white-space: nowrap;
}
.tb-spa {
    width: 17%;
}
.hike-txt {
	font-size: 1em;
	line-height: 150%;
	text-align: center;
	margin-bottom: 40px;
}

.archives-box {
	display: flex;
	justify-content:space-between;
    flex-wrap:wrap;
	align-items: center;
}
.archives-box li {
	display: flex;
	display: block;
	border: solid 1px #bbb;
	margin-bottom: 15px;
	box-sizing: border-box;
	position: relative;
	width: 49%;
}
.archives-box li a {
	display: flex;
	justify-content: space-between;
	text-decoration: none;
	color: #000;
	padding: 7% 5% 7% 10%;
}
.archives-box li a:hover {
	background: #F0F0E1;
}
.archives-box-b {
	display: flex;
	justify-content:space-between;
}
.archives-box-b li {
	display: table;
	border: solid 1px #bbb;
	width: 32%;
	margin-bottom: 15px;
	box-sizing: border-box;
	position: relative;
}
.archives-box-b li a {
	display: flex;
	justify-content: space-between;
	text-decoration: none;
	color: #000;
	padding: 7% 5% 7% 15%;
	width: 80%;
}
.archives-box-b li a:hover {
	background: #F0F0E1;
}
.archives-title {
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	width: 52%;
	position: relative;
}
.archives-title-inner {
	position: absolute;
    top: 50%;
    left: 50%;
    bottom: 0;
    transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
.arch-a {
    display: block;
	line-height: 120%;
	position: relative;
	font-size: 1.28em;
}
.arch-b {
	font-size: 0.84em;
	margin-top: 5px;
	display: block;
	position: relative;
}
.archi-b::before {
	content: '';
  position: absolute;
	width: 60px;
  height: 1px;
	top: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #000;
	display: block;
}
.archives-title-b {
	font-size: 1.47em;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	width: 100%;
	position: relative;
	height: 120px;
	line-height: 125%
}
.archives-title-b span {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
    display: block;
}
.archives-title-b span span {
	font-size: 78%;
	position: relative;
	font-family: 'Open Sans', sans-serif;
	margin-top: 20px;
	padding: 0 0 -30px;
	display: block;
}
.archives-title-b span span::before {
	content: '';
  position: absolute;
	bottom: 28px;
  width: 60px;
  height: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #000;
	display: block;
}
.archives-com {
    font-size: 0.88em;
    line-height: 150%;
    width: 50%;
	height: 120px;
	position: relative;
}
.archives-com-inner {
	position: absolute;
    top: 50%;
	width: 100%;
    transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}
.archives-arow {
	position: absolute;
	left: 20px;
	width: 8%;
	height: 42px;
	background-image: url("../images/r-arrow-s.png");
	background-size: cover;
	top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.sub-com-title {
	font-size: 1.75em;
	color: #00661A;
	line-height: 150%;
	margin-bottom: 20px;
}
.sub-com-title span {
	font-size: 120%;
	margin-left: 10px;
	color: #FF7F00;
}
.sub-com-title-b {
	font-family: 'Open Sans', sans-serif;
	font-size: 2.45em;
	color: #00661A;
	line-height: 150%;
	margin-bottom: 10px;
}
.sub-com-title-c {
	font-size: 1.31em;
	margin: 3% 0 0 2.5%;;
}
.sub-com-title-b span {
	font-size: 120%;
	margin-left: 5px;
}
.trail-txt {
    font-size: 1em;
    line-height: 170%;
    margin-left: 0px;
}
.section-list {
	display: flex;
	position: relative;
	margin-bottom: 15px;
}

.section-a {
	position: relative;
	width: 30%;
	padding: 5px 0;
	margin-right: 5px
}
.section-line {
	position: absolute;
	z-index: -1;
	width: 100%;
	left: 0;
	top: 0;
	padding-bottom: 13px;
	border-bottom: solid 1px #495057;
}
.section-a-a {
	margin-right: 28px;
	background: #FFF;
	padding-right: 4px;
	font-size: 0.88em;
	font-weight: bold;
}
.section-a-b {
	font-size: 164%;
	position: absolute;
	left: 55px;
	top: 4px;
	font-family: 'Open Sans', sans-serif;
	background: #FFF;
	padding-right: 5px;
}
.section-a-c {
	margin-right: 0px;
	background: #FFF;
	padding-right: 10px;
	font-size: 1em;
	font-weight: bold;
}
.section-b {
    font-weight: bold;
    font-size: 1em;
    border: solid 1px #495057;
    padding-top: 5px;
    padding-right: 30px;
    padding-left: 10px;
    padding-bottom: 3px;
    border-radius: 15px;
	margin-left: 15px;
    color: #495057;
	position: relative;
}
.section-b-b {
    font-weight: bold;
    font-size: 0.88em;
    border: solid 1px #495057;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 3px;
    border-radius: 15px;
	color: #495057;
}
.section-b-c {
    font-weight: bold;
    font-size: 1em;
    border: solid 1px #495057;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 3px;
    border-radius: 15px;
	margin-left: 15px;
    color: #495057;
	position: relative;
}
.section-b i {
	position: absolute;
	top: 1px;
	right: 3px;
	border-radius: 13px;
	padding: 5px;
	font-size: 75%;
	margin-left: 10px;
	display: inline-block;
}
.section-b a i {
	background: #495057;
	display: block;
	text-decoration: none;
	color: #FFF;
}
.section-b a:hover i {
	display: block;
	background: #8A949D;
	color: #FFF;
}

.section-c {
	position: relative;
	width: 1.2%;
}
.section-b-c i {
	position: absolute;
	top: 1px;
	right: 3px;
	border-radius: 13px;
	padding: 5px;
	font-size: 75%;
	margin-left: 10px;
	display: inline-block;
}
.section-b-c a i {
	background: #495057;
	display: block;
	text-decoration: none;
	color: #FFF;
}
.section-b-c a:hover i {
	display: block;
	background: #8A949D;
	color: #FFF;
}

.anc-list {
	background: #008C8C;
	padding: 10px 2%;
	position: absolute;
	top:0;
	width: 96%;
}
.anc-list h3 {
	font-size: 1em;
	color: #FFF;
	text-align: center;
	padding: 7px 0 15px;
	border-bottom: solid 1px #FFF;
	margin-bottom: 10px;
}
.anc-list ul {
	width: 100%;
	position: relative;
}
.anc-list li {
	display: block;
	font-size: 0.93em;
	position: relative;
	width: 100%;
	font-weight: bold;
}
.anc-list li span {
	font-size: 138%;
	font-family: 'Open Sans', sans-serif;
}
.anc-list li a {
	display: block;
	text-decoration: none;
	color: #FFF;
	padding: 10px 3% 10px 15%;
	border: solid 1px #008C8C;
	box-sizing: border-box;
	position: relative;
}
.anc-list li a:hover {
	display: block;
	border: solid 1px #FFF;
	box-sizing: border-box;
	position: relative;
	color: #00F2F2;
}
.anc-list li a:hover::before {
	content: '';
	position: absolute;
	z-index: 0;
	left: 5px;
	background: #FF4000;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.anc-list li a:hover::after {
	content: '';
	position: absolute;
	z-index: 0;
	left: 11px;
	background: #FFF;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.anc-list-c {
	background: #008C8C;
	padding: 10px 2%;
	position: absolute;
	top:0;
	width: 96%;
}
.anc-list-c h3 {
	font-size: 1em;
	color: #FFF;
	text-align: center;
	padding: 7px 0 15px;
	border-bottom: solid 1px #FFF;
	margin-bottom: 10px;
}
.anc-list-c ul {
	width: 100%;
	position: relative;
}
.anc-list-c li {
	display: block;
	font-size: 0.93em;
	position: relative;
	width: 100%;
	font-weight: bold;
}
.anc-list-c li span {
	font-size: 138%;
	font-family: 'Open Sans', sans-serif;
}
.anc-list-c li a {
	display: block;
	text-decoration: none;
	color: #FFF;
	padding: 10px 3% 10px 15%;
	border: solid 1px #008C8C;
	box-sizing: border-box;
	position: relative;
}
.anc-list-c li a:hover {
	display: block;
	border: solid 1px #FFF;
	box-sizing: border-box;
	position: relative;
	color: #00F2F2;
}
.anc-list-c li a:hover::before {
	content: '';
	position: absolute;
	z-index: 0;
	left: 5px;
	background: #FF4000;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.anc-list-c li a:hover::after {
	content: '';
	position: absolute;
	z-index: 0;
	left: 11px;
	background: #FFF;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.trail-midokoro {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 0 2%;
    border-bottom: solid 1px;
    margin-bottom: 20px;
}

.trail-direction {
	display: flex;
}
.trail-direction li {
    font-size: 0.83em;
    font-weight: bold;
    color: #FFF;

    background: #FFF;
	background: #495057;
    width: 100px;
    text-align: center;
    border: 1px solid #495057;
    box-sizing: border-box;
    display: block;
    position: relative;
}
.trail-direction li i {
	margin: 0 3px;
}
.trail-direction li a {
	display: block;
	width: 100%;
	color: #495057;
	text-decoration: none;
	box-sizing: border-box;
	background: #FFF;
	padding: 10px 0;
}
.trail-direction li span {
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
	white-space: nowrap;
}
.trail-direction li a:hover {
	display: block;
	color: #FFF;
	background: #008C8C;
}

.trail-icon {
	display: flex;
}
.trail-icon li {
    font-size: 0.98em;
    padding-top: 0;
    padding-left: 10px;
    padding-bottom: 0;
    color: #495057;
}
.trail-icon li i {
	margin-right: 7px;
	font-size: 1.24em;
}
.trail-icon li img {
    margin-right: 7px;
    vertical-align: bottom;
    width: 18px;
}
.trail-icon-b {
	display: flex;
}
.trail-icon-b li {
    font-size: 1em;
    padding-top: 5px;
    padding-right: 0px;
    padding-left: 5px;
    padding-bottom: 0;
    color: #495057;
}
.trail-icon-b li i {
	margin-right: 7px;
	font-size: 1.24em;
}
.trail-icon-b li img {
    margin-right: 2px;
    vertical-align: bottom;
    width: 18px;
    margin-left: 0px;
}
.midokoro-box {
	width: 100%;
	position: relative;
}

.midokoro-inner {
	display: flex;
	position: relative;
	width: 100%;
}

.midokoro-inner-l-a {
    width: 23%;
    padding: 0 0;
}

.midokoro-section {
	position: relative;
	width: 100%;
}
.midokoro-section .midokoro-txt {
    font-size: 0.93em;
    font-weight: bold;
    border: solid 1px #495057;
    padding: 10px;
    display: inline-block;
    background: #FFF;
    width: auto;
}
.midokoro-section .midokoro-txt .midokoro-zero {
	font-size: 150%;
	border: none;
	padding: 0;
}

.midokoro-section-line {
	position: absolute;
	z-index: -1;
	width: 100%;
	left: 0;
	top: 0;
	height: 20px;
	border-bottom: solid 1px #495057;
	background: #FFF;
}

.midokoro-t-line-a {
	padding: 0 1px 0 1px;
   margin-top: 20px;
	position: relative;
}
.midokoro-t-line-a::before {
    content: "";
    background-image: linear-gradient(to right, #000, #000 3px, transparent 3px, transparent 8px),
    linear-gradient(to right, #000, #000 3px, transparent 3px, transparent 8px),
    linear-gradient(to bottom, #000, #000 3px, transparent 3px, transparent 8px),
    linear-gradient(to bottom, #000, #000 3px, transparent 3px, transparent 8px);
    background-size: 8px 1px, 8px 1px, 1px 8px, 1px 8px;
    background-position: left top, left bottom, left top, right top;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
}
.midokoro-t-line-c {
	padding: 0 1px 0 1px;
	margin-bottom: 5px;
position: relative;
}
.midokoro-t-line-c::before {
    content: "";
    background-image: linear-gradient(to right, #000, #000 3px, transparent 3px, transparent 8px),
    linear-gradient(to right, #000, #000 3px, transparent 3px, transparent 8px),
    linear-gradient(to bottom, #000, #000 3px, transparent 3px, transparent 8px),
    linear-gradient(to bottom, #000, #000 3px, transparent 3px, transparent 8px);
    background-size: 8px 1px, 8px 1px, 1px 8px, 1px 8px;
    background-position: left top, left bottom, left top, right top;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
}
.midokoro-inner-l-b {
	position: relative;
	margin-top: 8px;
	width: 76%;
}

.midokoro-title {
	display: flex;
	position: relative;
	padding: 0 0 30px 0;
}
.midokoro-title-b {
	display: flex;
	position: relative;
	padding: 0 0 10px 0;
}
.midokoro-sercle {
	width: 16px;
	height: 16px;
	border-radius: 50%;

	background: #495057;
	position: absolute;
	left: -8px;
	top: 5px;
}

.midokoro-comment {
	background: #FF8000;
	font-size: 0.93em;
	color: #FFF;
	line-height: 130%;
	padding: 10px 23px 10px 10px;
	position: relative;
	margin-left: 15px;
	display: inline-block;
	font-weight: bold;
	margin-bottom: 30px;
}
.midokoro-comment::before {
	position:absolute;
     content:"";
	left: -13px;
	top: 35%;
	border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 13px solid #FF8000;
}
.midokoro-comment i {
	top: 5px;
	right: 5px;
	display: block;
	font-size: 1em;
	position: absolute;
}
.midokoro-comment a i {
	display: block;
	padding: 5px;
	background: #FFF;
	border-radius: 12px;
	text-decoration: none;
	color: #FF8000;
}
.midokoro-comment a:hover i {
	display: block;
	color: #8A949D;
}
.midokoro-comment-b {
    background: #FF8000;
    font-size: 0.93em;
    color: #FFF;
    line-height: 130%;
    padding-top: 3px;
    padding-right: 33px;
    padding-left: 10px;
    padding-bottom: 3px;
    position: relative;
    margin-left: 15px;
    display: inline-block;
    font-weight: bold;
    position: relative;
}
.midokoro-comment-b::before {
	position:absolute;
     content:"";
	left: -10px;
	top: 27%;
	border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 10px solid #FF8000;
}
.midokoro-comment-b i {
    position: absolute;
    display: inline-block;
    font-size: 0.93em;
    right: 5px;
    top: 2px;
}
.midokoro-comment-b a i {
	display: block;
	padding: 4px;
	background: #FFF;
	border-radius: 12px;
	text-decoration: none;
	color: #FF8000;
}
.midokoro-comment-b a:hover i {
	display: block;
	color: #8A949D;
}
.midokoro-comment-b-b {
    background: #FF8000;
    font-size: 0.93em;
    color: #FFF;
    line-height: 130%;
    padding-top: 3px;
    padding-right: 33px;
    padding-left: 10px;
    padding-bottom: 3px;
    position: relative;
    margin-left: 15px;
    display: inline-block;
    font-weight: bold;
}
.midokoro-comment-b-b::before {
	position:absolute;
     content:"";
	left: -10px;
	top: 27%;
	border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 10px solid #FF8000;
}
.midokoro-comment-b-b i {
    position: absolute;
    display: inline-block;
    font-size: 0.93em;
    right: 5px;
    top: 2px;
}
.midokoro-comment-b-b a i {
	display: block;
	padding: 4px;
	background: #FFF;
	border-radius: 12px;
	text-decoration: none;
	color: #FF8000;
}
.midokoro-comment-b-b a:hover i {
	display: block;
	color: #8A949D;
}
.midokoro-comment-c {
	background: #FF8000;
	font-size: 0.93em;
	color: #FFF;
	line-height: 130%;
	padding: 10px 37px 10px 10px;
	position: relative;
	margin-left: 15px;
	display: inline-block;
	font-weight: bold;
	margin-bottom: 30px;
}
.midokoro-comment-c::before {
	position:absolute;
     content:"";
	left: -13px;
	top: 25%;
	border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 13px solid #FF8000;
}

.midokoro-comment-c i {
    top: 7px;
    right: 7px;
    display: inline-block;
    font-size: 1em;
	margin-left: 5px;
}
.midokoro-comment-c a i {
	display: block;
	padding: 5px;
	background: #FFF;
	border-radius: 12px;
	text-decoration: none;
	color: #FF8000;
	position: absolute;
}
.midokoro-comment-c a:hover i {
	display: block;
	color: #8A949D;
}
.midokoro-comment-d {
	background: #FF8000;
	font-size: 0.93em;
	color: #FFF;
	line-height: 130%;
	padding: 3px 10px 3px 10px;
	position: relative;
	margin-left: 15px;
	display: inline-block;
	font-weight: bold;
}
.midokoro-comment-d::before {
	position:absolute;
     content:"";
	left: -10px;
	top: 27%;
	border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 10px solid #FF8000;
}
.midokoro-comment-d i {
	position: absolute;
	display: inline-block;
	font-size: 0.93em;
	right: 3px;
	top: 2px;
}
.midokoro-comment-d a i {
	display: block;
	padding: 4px;
	background: #FFF;
	border-radius: 12px;
	text-decoration: none;
	color: #FF8000;
}
.midokoro-comment-d a:hover i {
	display: block;
	color: #8A949D;
}
.midokoro-comment-d-b {
	background: #FF8000;
	font-size: 0.93em;
	color: #FFF;
	line-height: 130%;
	padding: 3px 10px 3px 10px;
	position: relative;
	margin-left: 15px;
	display: inline-block;
	font-weight: bold;
	position: relative;
}
.midokoro-comment-d-b::before {
	position:absolute;
     content:"";
	left: -10px;
	top: 27%;
	border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 10px solid #FF8000;
}
.midokoro-comment-d-b i {
	position: absolute;
	display: inline-block;
	font-size: 0.93em;
	right: 3px;
	top: 2px;
}
.midokoro-comment-d-b a i {
	display: block;
	padding: 4px;
	background: #FFF;
	border-radius: 12px;
	text-decoration: none;
	color: #FF8000;
}
.midokoro-comment-d-b a:hover i {
	display: block;
	color: #8A949D;
}
.midokoro-comment-e {
	background: #FF8000;
	font-size: 0.93em;
	color: #FFF;
	line-height: 130%;
	padding: 10px;
	position: relative;
	margin-left: 15px;
	display: inline-block;
	font-weight: bold;
	margin-bottom: 30px;
}
.midokoro-comment-e::before {
	position:absolute;
     content:"";
	left: -13px;
	top: 25%;
	border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 13px solid #FF8000;
}

.midokoro-comment-e i {
	display: inline-block;
	font-size: 1.14em;
	color: #FFF;
	margin-left: 5px
}

.midokoro-inner-l-c {
    width: 23%;
    padding: 0 0;
}
.midokoro-inner-l-d {
	position: relative;
	margin-top: 15px;
	width: 74%;
}
.midokoro-t-line-b {
	border-right: solid 2px;
	margin-top: 0;
	color: #495057;
}
.midokoro-t-line-b-b {
    border-right: solid 2px;
    margin-top: 20px;
    color: #495057;
}
.midokoro-t-line-b-c {
	border-right: solid 2px;
	margin-top: 0;
	color: #495057;
	height: 20px;
}
.midokoro-inner-l-e {
    width: 10%;
    padding: 0 0;
}
.midokoro-sercle-b {
	width: 16px;
	height: 16px;
	border: solid 2px #495057;
	box-sizing: border-box;
	border-radius: 50%;
	background: #FFF;
	position: absolute;
	left: -9px;
	top: 5px;
}
.midokoro-dist {
	position: absolute;
	padding: 0 5px;
	left: -69px;
	width: 50px;
	text-align: right;
	font-size: 74%;
	display: block;
	background: #FFF;
	white-space: nowrap;
	background: #FFF;
}
.midokoro-dist-b {
	position: absolute;
	padding: 0 5px;
	left: -69px;
	width: 50px;
	text-align: right;
	font-size: 74%;
	display: block;
	background: #FFF;
	white-space: nowrap;
}

.midokoro-dotto {
	padding-top: 1%;
	font-size: 1em;
	position: relative;
    width: 25px;
    margin: 0 5px;
}
.midokoro-dotto::before {
    content: "";
    background-image: linear-gradient(to right, #000, #000 3px, transparent 3px, transparent 8px);
    background-size: 7px 3px;
    background-repeat: repeat-x;
    position: absolute;
    top: 12px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
    width: 100%;
}
.midokoro-second {
    font-size: 1em;
    font-weight: bold;
    margin-top: 5px;
    color: #495057;
    line-height: 130%;
}
.midokoro-second-b,.midokoro-second-b-b {
    font-size: 1em;
    font-weight: bold;
    margin-top: 5px;
    color: #495057;
    line-height: 130%;
}
.midokoro-second img {
	width: 16px;
	vertical-align: bottom;
	margin: 0 3px;
}
.midokoro-second i {
	margin: 0 5px;
}
.midokoro-second a {
	text-decoration: none;
	color: #495057;
}
.midokoro-second a:hover {
	color: #8A949D;
}
.midokoro-second-b img,.midokoro-second-b-b img {
	width: 16px;
	vertical-align: bottom;
	margin: 0 3px;
}
.midokoro-second-b i,.midokoro-second-b-b i {
	margin: 0 5px;
}
.midokoro-second-b a,.midokoro-second-b-b a {
	text-decoration: none;
	color: #495057;
}
.midokoro-second-b a:hover,.midokoro-second-b-b a:hover {
	color: #8A949D;
}
.flo-l {
	float: left;
}
.flo-r {
	float: right;
}
.flo-l-b {
	float: left;
}
.flo-r-b {
	float: right;
}
.midokoro-app {
    font-size: 0.93em;
    font-weight: bold;
    margin-left: 5px;
    line-height: 190%;
    color: #495057;
	
}
.midokoro-app span {
	border: solid 1px;
	border-radius: 15px;
	padding: 2px 5px;
}
.midokoro-app img {
    width: 16px;
    margin: 0 3px;
    vertical-align: middle;
}
.midokoro-app i {
	padding: 0 5px;
	font-size: 130%
}

.midokoro-line {
	width: 8%;
	position: relative;
}
.midokoro-line span {
    width: 100%;
    display: block;
    padding-bottom: 27%;
    border-bottom: solid 1px #000;
}
.midokoro-photo {
	vertical-align: bottom;
	margin: 0 5px;
}
.midokoro-end {
	position: absolute;
	bottom: 0;
}
.midokoro-title-end {
	display: flex;
	position: relative;
	padding: 0 0 60px 0;
}
.midokoro-title-end-b {
	display: flex;
	position: relative;
	padding: 0 0 0 0;
}
.box-flex {
	display: flex;
	flex-wrap: wrap;
}
.box-flex-b {
	display: flex;
}
.section-deail {
	font-size: 1.12em;
	margin-bottom: 30px;
	font-weight: 500;
}

.section-photo {
	width: 100%;
	position: relative;
	margin-bottom: 30px;
}
.section-photo img {
	width: 100%
}

.section-main-title {
	position: absolute;
	top: 50%;
  left: 20px;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
	font-size: 1.47em;
	line-height: 150%;
	color: #FFF;
}
.bp {
	display: inline-block;
}
.section-point-box {
	display: flex;
	position: relative;
	margin: 0 20px;
}
.section-point-type {
	background: #FFBF00;
	border-radius: 50%;
	width: 88px;
	height: 78px;
	text-align: center;
	position: relative;
}
.section-point-a {
	display: block;
	position: absolute;
	top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
	font-size: 1.12em;
}
.section-point-b {
	display: block;
	border-top: solid 1px;
	margin-top: 5px;
	padding-top: 5px;
	font-size: 120%;
}
.section-point-c {
	display: block;
	position: absolute;
	width: 100%;
	top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-45%);
	font-size: 0.93em;
}
.section-point-type-a {
    font-size: 0.94em;
    line-height: 150%;
    position: relative;
    width: 100%;
}
.section-point-type-a span {
	position: absolute;
	display: block;
	top: 50%;
  left: 20px;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}
.section-point-type-b {
    font-size: 1.75em;
    line-height: 150%;
    position: relative;
    width: 100%;
}
.section-point-type-b span {
	position: absolute;
	display: block;
	top: 50%;
  left: 20px;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}
.txt-box {
	padding: 0 30px;
	position: relative;
}
.txt-box p {
    font-size: 0.94em;
    line-height: 170%;
}
.txt-box p a {
	text-decoration: none;
	color: #006600;
	font-weight: bold;
}
.txt-box p a:hover {
	text-decoration: underline;
}
.txt-box-b {
	padding: 0 30px;
}

.section-second-title {
    font-size: 1.22em;
    color: #00661A;
    margin-bottom: 15px;
    position: relative;
    padding: 0 0px;
}

.section-acomm {
    border: solid 1px;
    padding: 10px 20px;
    display: flex;
    margin: 0 10px 10px 0;
    font-size: 1em;
}
.section-acomm img {
    width: 18px;
    height: 18px;
    margin-left: 10px;
    vertical-align: middle;
}
.section-acomm i {
	margin-left: 10px
}
.section-icon {
	display: flex;
	position: absolute;
	top: 8px;
	right: 0
}
.section-icon img {
	width: 18px;
}
.section-icon li {
	font-size: 64%;
	padding: 0 5px 0 10px;
	color: #495057;
}
.section-icon li i {
	margin-right: 7px;
	font-size: 1.24em;
}
.section-icon li img {
	margin-right: 7px;
	vertical-align: bottom;
}
.section-icon-b {
	display: flex;
}
.section-icon-b li {
	font-size: 1em;
	padding: 5px 0px 0 10px;
	color: #495057;
}
.section-icon-b li i {
	margin-right: 7px;
	font-size: 1.24em;
}
.section-icon-b li img {
	margin-right: 7px;
	vertical-align: bottom;
}
.section-detail-box {
	display: flex;
	flex-wrap: wrap;
	position: relative; 
	padding: 0 30px;
}

.section-select {
	width: 21.5%;
	display: block;
	margin: 0 3.5% 2% 0;
	position: relative;
	background: #DFDFD0;
}
.section-select-tab {
	position: absolute;
	top: 0px;
	padding: 10px 3px;
	right: -15px;
	z-index: 1;
	background: #DFDFD0;
	box-sizing: border-box;
	display: block;
	font-size: 0.81em;
	white-space: nowrap;
	-webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.section-select a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #000000;
}
.section-select a:hover {
	display: block;
	opacity: 0.7;
}

.section-sel-photo {
	width: 100%;
}
.section-sel-photo img {
	width: 100%;
}

.section-sel-txt {
	display: block;
	font-size: 0.81em;
	text-align: center;
	margin-top: 10px;
}
.access-icon-box {
	width: 100%;
	position: relative;
	display: flex;
}
.access-icon-inner {
	width: 50%;
	display: flex;
}
.access-icon-inner-b {
	width: 45%;
}
.access-icon-inner-c {
	width: 55%;
}
.access-icon-l {
	width: 15%;
	margin-right: 5%;
}
.access-icon-l img {
	width: 100%;
}
.access-icon-r {
	width: 75%;
	font-size: 0.81em;
	line-height: 130%;
}
.access-icon-r span {
	font-size: 84%;
}
.access-icon-inner li {
	display: flex;
	margin-bottom: 10px;
}

.cref-img {
	width: 30%;
}
.cref-img img {
	width: 100%;
}

.cref-txt {
	width: 60%;
	position: relative;
}
.cref-txt-inner {
	position: absolute;
	top: 50%;
  left: 10%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
	font-size: 1em!important;
}

.tc-green {
	color: #0C3326;
	font-weight: bold;
}

.clef-title {
	width: 28%;
	position: relative;
	height: 226px;
	background: #FF8000;
	border-radius: 50%;
	text-align: center;
	margin-right: 5%;
}
.clef-title-innner {
	display: block;
	position: absolute;
	width: 100%;
	top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
	color: #FFF;
	font-size: 1em;
	line-height: 130%;
}
.clef-title-innner span {
	display: block;
	font-size: 3em;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 20px
}
.cref-r {
	width: 60%;
	position: relative;
}
.clef-r-inner {
	position: absolute;
	top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
	width: 97%;
	font
}
.clef-r-inner p {
	font-size: 0.94em;
	line-height: 150%;
}

.cref-tr {
	width: 28%;
	height: 25px;
	position: relative;
	margin: 10px
}
.cref-tr::before {
	content: '';
	position: absolute;
	height: 25px;
	width: 45%;
	border-right: solid 2px;
}
.cref-tr::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 52.5%;
	 width: 8px;
  height: 8px;
  border-right: 2px solid #000;
  transform: skew(-45deg);
}

.cref-pin {
	width: 45%;
	display: flex;
	justify-content: space-around;
}

.cref-pin-photo {
	width: 40%;
}
.cref-pin-photo img {
	width: 100%;
}
.cref-pin-photo p {
	font-size: 0.84em;
	line-height: 130%;
	text-align: center;
	margin-top: 10px;
}

.cref-com {
	width: 50%;
	padding-left: 5%;
}
.cref-com p {
	font-size: 0.94em;
	line-height: 150%;
	margin: 10px 0;
}
.cref-com ul {
	margin-left: 20px;
}
.cref-com ul li {
	list-style: disc;
	font-size: 0.81em;
	margin-bottom: 10px;
}

.form-box {
	margin: 0 30px;
}
.list-box {
	margin: 0 30px;
}
.form-box-line {
	border-bottom: dotted 1px #CCCCCC;
}
.form-box-line-b {
	margin: 10px 0;
	border-bottom: solid 1px #000;
	width: 100%;
	display: block;
}
.form-box dl {
	margin: 3px 0;
	padding: 15px 0;
	background: #EEEEEE;
	display: flex;
	justify-content: space-around;
}
.form-box dt {
	width: 20%;
	padding: 0.7% 3%;
	font-size: 0.88em;
	line-height: 130%;
}
.form-box dt span {
	background: red;
	font-size: 0.43em;
	padding: 2px 5px;
	margin-left: 5px;
	color: #FFF;
}
.form-box dd {
    width: 70%;
    margin-right: 3%;
    font-size: 0.83em;
}
.form_waku_a {
	font-size: 1.08em;
	background-color: #FFF;
	width: 78%;
	padding: 1%;
	border: solid 1px #BBBBBB;
}
.form_waku_a_a {
	font-size: 1.08em;
	background-color: #FFF;
	width: 38%;
	padding: 1%;
	margin-bottom: 5px;
	border: solid 1px #BBBBBB;
}
.form_waku_a_b {
	font-size: 1.08em;
	background-color: #FFF;
	width: 58%;
	padding: 1%;
	margin-bottom: 5px;
	border: solid 1px #BBBBBB;
}
.form_waku_a_c {
	font-size: 1.08em;
	background-color: #FFF;
	width: 70%;
	height: 150px;
	padding: 1%;
	margin-bottom: 5px;
	border: solid 1px #BBBBBB;
}
.form_waku_a_d {
	font-size: 1.08em;
	background-color: #FFF;
	padding: 1%;
	margin-bottom: 5px;
	border: solid 1px #BBBBBB;
}
.form_waku_a_d_b {
	font-size: 1.08em;
	background-color: #FFF;
	padding: 1%;
	margin-bottom: 5px;
	border: solid 1px #BBBBBB;
}
.form_waku_a_e {
	font-size: 1.08em;
	width: 22%;
	background-color: #FFF;
	padding: 1%;
	margin-bottom: 5px;
	border: solid 1px #BBBBBB;
}
.form_waku_a_f {
    font-size: 1.08em;
    background-color: #FFF;
    width: 78%;
    height: 45px;
    padding: 1%;
    border: solid 1px #BBBBBB;
	vertical-align:text-top;
}
.form-space {
	margin-right: 5%;
}
.form_waku_b {
	font-size: 118%;
	background-color: #FFF;
	width: 58%;
	padding: 1%;
	line-height: 130%;
}
/*Webkit*/
::-webkit-input-placeholder {color: #CACAD9}
/*Firefox 19以降*/
::-moz-placeholder  {color: #CACAD9}
/*Firefox 18以前*/
:-moz-placeholder   {color: #CACAD9}
/*Windows IE*/
:-ms-input-placeholder  {color: #CACAD9} 

.form_footer {
	width: 90%;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 60px;
	display: flex;
	justify-content: center;
}
.form_botun {
	width: 100%;
	display: block;
	height: 70px;
	font-size: 1.18em;
	border: solid 1px #00661A;
	color: #00661A;
	cursor: pointer;
	background-color: #fff;
	position: relative;
}

.form_botun:hover {
	width: 100%;
	height: 70px;
	font-size: 1.18em;
	color: #FFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	cursor: pointer;
	background-color: #00661A;
}
.form_contents {
	padding-top: 6%;
}

.form_list {
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
}
.form_list li {
	margin-left: 30px;
	list-style: decimal;
	font-size: 94%;
	line-height: 150%;
	color: #000000;
	margin-bottom: 3%;
}
.thanks_table {
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
}
.thanks_table dt {
	width: 20%;
	padding: 0.7% 3%;
	font-size: 0.88em;
	line-height: 130%;
	float: left;
}
.thanks_table dd {
    width: 65%;
    padding: 0.7% 3%;
    margin-right: 3%;
    font-size: 0.88em;
    float: right;
}
.thanks_table dl {
	margin: 3px 0;
	padding: 15px 0;
	background: #EEEEEE;
}

.thanks_table dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.thanks_table dl {
	display: inline-table;
}
/* Hides from IE-mac \*/  
* html .thanks_table dl {
	height: 1%;
}
.thanks_table dl {
	display: block;
}
.form_hi {
	margin-top: 7px;
}
.form_hi_b {
	margin-top: 7px;
	display: block;
}
.form_pri {
	margin-left: 17px;
}
.form_pri_b {
	margin-left: 3px;
	display: block;
}
/* 年プルダウンの変更 */
select.ui-datepicker-year{
  height: 2em!important;      /* 高さ調整 */
  margin-right:5px!important; /* 「年」との余白設定 */
  width:70px!important;       /* 幅調整 */
}
/* 月プルダウンの変更 */
select.ui-datepicker-month{
  height: 2em!important;      /* 高さ調整 */
  margin-left:5px!important;  /* 「年」との余白設定 */
  width:70px!important;       /* 幅調整 */
}
.pp {
	width: 90%;
    height: 100px;
    padding: 5%;
    overflow: auto;
	margin-top: 40px;
	background-color: #F1F1F1;
	border: #C1C1C1;
	border-style: solid;
	border-width: 1px;
}
.pp-txt {
	font-size: 0.94em;
	line-height: 150%;
}
.pp-center-txt {
	font-size: 0.94em;
	line-height: 150%;
	text-align: center;
}

.pp_title {
	font-size: 1.24em;
}

.sub_center-txt {
	text-align: center;
}
.form-b-a {
	position: relative;
	display: block;
	text-align: center;
	font-size: 0.93em;
	width: 40%;
}
.form-b-a::after {
	display: block;
	content: "";
	position: absolute;
	z-index: 1;
	right: -25px;
	width: 50px;
	top: 50%;
	border-bottom: solid 1px #00661A;
}
.form-b-b {
	position: relative;
	display: block;
	text-align: center;
	font-size: 0.93em;
	width: 30%;
    margin-right: 5%;
}
.form-b-b::after {
	display: block;
	content: "";
	position: absolute;
	z-index: 1;
	right: -25px;
	width: 50px;
	top: 50%;
	border-bottom: solid 1px #00661A;
}
.cref-ba {
	position: absolute;
	top: 0;
	right: 30px;
	display: flex;
}
.cref-ba li {
	font-size: 0.93em;
}
.cref-ba li a {
	text-decoration: none;
	color: #000;
}
.cref-ba li a:hover {
	color: #ccc;
}
.cref-ba li i {
	margin: 0 5px;
}
.list-back-a {
	display: flex;
	background: #FFF;
	padding: 10px 0;
	font-size: 0.93em;
	margin: 2px 0;
}
.list-back-a:nth-child(4n) {
	display: flex;
	background: #FFEFBF;
	padding: 10px 0;
	font-size: 0.93em;
	margin: 2px 0;
}
.list-back-b {
	display: flex;
	background: #FFEFBF;
	padding: 10px 0;
	font-size: 0.93em;
	margin: 2px 0;
}
.list-a {
	width: 15%;
	text-align: center;
}
.list-b {
	width: 15%;
	text-align: center;
}
.list-c {
	width: 50%;
	text-align: center;
}
.list-d {
	width: 20%;
	text-align: center;
}

.list-footer {
	padding: 30px;
	position: relative;
	overflow: hidden;
}

.list-l {
	float: left;
	width: 4%;
	display: block;
}
.list-l:hover {
	opacity: 0.7;
	display: block;
}
.list-r {
	float: right;
	width: 4%;
	display: block;
}
.list-r:hover {
	opacity: 0.7;
	display: block;
}
.list-l img,.list-r img {
	width: 100%;
}

.list-center {
	width: 82%;
	float: left;
	margin: 0 5%;
	display: flex;
	justify-content: flex-start;
	-webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.list-center li {
	display: inline-block;
	color: #CCC;
	white-space: nowrap;
	margin: 0 8px 10px ;
}
.list-center li a {
	display: inline-block;
	text-decoration: none;
	color: #000;
}
.list-center li a:hover {
	display: inline-block;
	color: #CCC;
}
.list-center li i {
	margin-left: 5px;
}

.news-box {
	display: flex;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: solid 1px;
}

.news-l {
	width: 22%;
	padding-right: 4%;
}
.news-l img {
	width: 100%;
}
.news-r {
	width: 75%;
}
.news-r h3 {
    color: #0D3327;
    font-size: 1.22em;
    margin-top: 15px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 13px;
}
.news-txt {
    font-size: 0.87em;
    line-height: 150%;
    margin-top: 0px;
    margin-bottom: 0px;
}

.news-ar-cate {
	color: #FFF;
	font-size: 0.68em;
    white-space: nowrap;
    padding: 3px 0;
    width: 150px;
    text-align: center;
	font-size: 1em;
}

.news-data {
	font-size: 1.23em;
	margin: 2px 15px 0;
}

.news-list {
	width: 82%;
	float: left;
	margin: 0 5%;
	display: flex;
	justify-content: center;
	-webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.news-list li {
	display: block;
	border: solid 1px #DDD;
	box-sizing: border-box;
	width: 32px;
	line-height: 28px;
	border-radius: 15px;
	text-align: center;
	color: #DDD;
	position: relative;
	margin: 0 10px 10px 0;
}
.news-list li a {
	display: block;
	color: #000;
	text-decoration: none;
	border: solid 1px #000;
	box-sizing: border-box;
	border-radius: 15px;
}
.news-list li a:hover {
	display: block;
	color: #DDD;
	border: solid 1px #DDD;
	box-sizing: border-box;
	border-radius: 15px;
}
.news-list-b {
	width: 82%;
	float: left;
	margin: 10px 5%;
	display: flex;
	justify-content: center;
	-webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.news-list-b li {
    display: block;
    text-align: center;
    color: #DDD;
    position: relative;
    margin-top: 0;
    margin-right: 10px;
    margin-left: 0;
    margin-bottom: 0px;
}
.news-list-b li a {
	display: block;
	color: #000;
	text-decoration: none;
}
.news-list-b li a:hover {
	display: block;
	color: #DDD;
}
.news-table h3 {
	font-size: 1.84em;
	color: #0D3327;
	margin: 20px 0 30px;
	line-height: 130%;
}
.news-com-box {
	width: 100%;
}
.news-com-box p {
	font-size: 1em;
	line-height: 170%;
}
.news-com-box img {
	width: auto;
}
.blog_share {
	border-bottom: dotted;
	border-bottom-color: #666666;
	border-bottom-width: 1px;
	border-top: dotted;
	border-top-color: #666666;
	border-top-width: 1px;
	padding-bottom: 20px;
	padding-top: 20px;
	margin-top: 20px;
}
.blog_share_l {
	width: 32%;
	float: left;
	font-size: 94%;
	text-align: center;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	font-weight: bold;
	line-height: 274%;
}
.blog_share_r {
	width: 68%;
	float: right;
	text-align: center;
}
.blog_share_r li {
	display: inline-block;
    counter-increment: li;
	margin-left: 25px;
	margin-right: 25px;
	font-size: 2em;
}
.blog_share_r li a {
	color: #000;
}
.blog_share_r li a:hover {
	color: #aaa;
}
.acomm-sac-table {
	background: #FF0000;
	padding: 30px 20px;
	margin: 0 20px 30px;
	display: flex;
}
.acomm-map-table {
	margin: 0 20px 30px;
}
.acomm-sac-table h3 {
	font-size: 1.62em;
	color: #FFF;
}
.acomm-sac-table h3 i {
	margin-right: 10px;
}
.acomm-icon {
	width: 25px;
}
.acomm-icon img {
	width: 100%;
	filter: grayscale(100%);
}

.acomm-select {
	margin: 0 20px;
	height: 30px;
	border: none;
	width: 43%;
	font-size: 0.84em;
}

.acomm-but {
	width: 20%;
	background: #FFF;
	border: none;
	cursor: pointer;
	border-radius: 20px;
}

.acomm-list-box {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 20px 0 20px 0;
	border-bottom: dotted 1px #BBB;
}

.acomm-flex {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.acomm-item {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.acomm-item li {
	width: 110px;
	height: 66px;
	border: solid 1px;
	margin: 0 0 0 15px;
	position: relative;
	text-align: center;
	line-height: 150%
}
.acomm-item li span {
	display: block;
	position: absolute;
	top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
	width: 100%;
}
.acomm-flex h3 {
	font-size: 1.32em;
	margin-right: 10px;
}
.acomm-txt {
	font-size: 1em;
	margin: 0 15px;
	line-height: 150%;
}
.acomm-link {
	display: flex;
	margin-left: 0 15px;
}
.acomm-link li {
	display: block;
	font-size: 0.93em;
	border: solid 1px;
	box-sizing: border-box;
	margin-right: 10px;
	line-height: 150%;
}
.acomm-link li a {
	display: block;
	padding: 0 5px;
	text-decoration: none;
	color: #000;
}
.acomm-link li a:hover {
	display: block;
	background: #000;
	color: #FFF;
}
.accom-photo {
	width: 18%;
	margin-right: 3%;
}
.accom-photo img {
	width: 100%;
}

.acomm-com-box {
	width: 75%;
}

.chu-list {
	margin: 0 0 20px 20px;
}
.chu-list li {
    font-size: 0.93em;
    list-style: disc;
    margin-bottom: 10px;
    line-height: 130%;
}

.contact-txt-a {
	font-size: 0.93em;
	color: #0C3326;
	margin-right: 30px;
	font-weight: bold;
	padding: 18px 0 0;
}
.contact-txt-b {
	font-size: 2.13em;
	color: #0C3326;
	font-family: 'Open Sans', sans-serif;
}
.contact-txt-b span {
	font-size: 53%;
}

.pt-20 {
	padding-top: 20px;
}
/*フォーム*/
.form_txt {
	font-size: 113%;
	line-height: 150%;
	color: #000000;
	margin-bottom: 3%;
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
}
.red {
	color: #F00;
}
.form_table {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
}
.form_txt_l {
	font-size: 113%;
	color: #000000;
	float: left;
	width: 23.6%;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 10px;
	line-height: 130%;
}
.form_txt_r {
	font-size: 94%;
	color: #777777;
	float: right;
	width: 70%;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 20px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #000000;
	line-height: 130%;
	padding-right: 20px;
}
.form_r {
	padding-top: 25px;
	padding-bottom: 25px;
	float: right;
	width: 72%;
	padding-left: 20px;
	font-size: 113%;
	line-height: 150%;
	color: #000000;
}

.member-box {
	display: flex;
	margin: 0 0 50px 0;
}

.member-box-l {
	width: 50%;
}
.member-box-l p {
	font-size: 1.06em;
	color: #006619;
	font-weight: bold;
	margin-bottom: 20px;
}
.member-box-l ul {
	margin-left: 20px;
}
.member-box-l li {
	list-style: disc;
	font-size: 1.06em;
	color: #006619;
	margin-bottom: 10px;
}
.member-box-r {
	width: 35%;
}
.member-box-r img {
	width: 100%;
}

.member-box-b {
	padding: 0 30px;
	position: relative;
}
.member-box-b p {
    font-size: 1.06em;
    margin-bottom: 10px;
    line-height: 150%;
}
.member-box-b p a {
	color: #000;
}
.member-box-b p a:hover {
	color: #ddd;
}
.member-box-b p span {
    font-size: 150%;
    margin-bottom: 15px;
    font-family: 'Open Sans', sans-serif;
    color: #006619;
    margin-left: 5px;
    margin-right: 5px;
}
.txt-m {
	font-size: 84%!important;
	margin: 20px 0 0 0;
}

.member-transfer {
	border: solid 1px #006619;
	box-sizing: border-box;
	padding: 2%;
	width: 48%;
	color: #006619;
}
.member-transfer h5 {
	font-size: 1.06em;
	margin-bottom: 10px;
}

.member-flex {
	display: flex;
	justify-content: space-between;
	width: 80%
}

.yelow-box {
	background: #FFE599;
}

.yelow-box-inner {
	max-width: 980px;
	padding: 30px 0;
	margin: 0 auto;
}
.yelow-box-inner p {
	font-size: 0.93em;
	line-height: 150%;
	margin-bottom: 30px;
}

.nof-title {
	font-size: 1em;
	padding: 20px 0;
	font-weight: normal;
}

.s-tr-l {
	width: 57%;
	float: left;
	font-size: 0.83em;
	line-height: 170%;
}
.s-tr-r {
	width: 57%;
	float: right;
	font-size: 0.83em;
	line-height: 170%;
}

.stra-photo-r {
    float: right;
    width: 36%;
}
.stra-photo-l {
    float: left;
    width: 36%;
}
.stra-photo-l img {
	width: 100%;
}
.stra-photo-r img {
	width: 100%;
}

.guide-line {
	padding: 20px 0;
	margin: 0 20px;
	border-top: dotted 1px #ddd;
	display: flex;
}
.guide-line-b {
	padding: 20px 0;
	margin: 0 20px 70px;
	border-top: dotted 1px #ddd;
	border-bottom: dotted 1px #ddd;
	display: flex;
}

.guide-l {
	width: 35%;
	margin-right: 5%;
}
.guide-l-b {
	width: 40%;
	margin-right: 5%;
}
.guide-l img,.guide-l-b img {
	width: 100%;
}
.guide-r {
	width: 50%;
	position: relative;
}
.guide-r-inner {
	position: absolute;
	top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}
.guide-r-inner h4 {
	font-size: 1.47em;
	margin-bottom: 15px;
	color: #196600;
	line-height: 130%;
}
.guide-r-inner p {
	font-size: 0.93em;
	line-height: 170%;
}

.guide-green {
    max-width: 700px;
    padding: 30px 30px 10px;
    background: #0C3326;
    margin-left: 20px;
}
.guide-green li {
    font-size: 1.22em;
    color: #FFF;
    margin-bottom: 20px;
    line-height: 130%;
}
.guide-green li span {
	font-family: 'Open Sans', sans-serif;
	font-size: 120%;
}

.jig-txt {
	font-size: 1.22em;
	color: #1A6600;
	line-height: 150%;
}
.jig-txt i {
	margin: 0 20px;
}
.so-table {
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	border-spacing: 0px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.so-table td {
	padding: 2%;
	border-bottom: solid 1px #000;
	border-right: solid 1px #000;
	font-size: 0.93em;
}
.so-back {
	background: #F0F0E1;
	width: 15%;
	text-align: center;
}
.so-name {
	width: 15%;
	text-align: center;
}
.en-table {
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	border-spacing: 0px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.en-table td {
	padding: 2%;
	border-bottom: solid 1px #000;
	border-right: solid 1px #000;
	font-size: 0.93em;
	line-height: 150%;
}
.en-back {
	background: #F0F0E1;
	width: 20%;
}
.fix-txt {
    font-size: 1em;
    line-height: 170%;
    padding: 0 20px 0;
	font-weight: normal;
}
.fix-txt-a {
    font-size: 1em;
    line-height: 170%;
    padding: 0 30px 0 50px;
	font-weight: normal;
}
.fix-txt-a span {
	margin-right: 10px;
	display: inline-block;
}
.fix-txt-a li {
	margin-left: 40px;
	line-height: 150%;
	list-style: disc outside;
}
.fix-txt-b {
    font-size: 1em;
    line-height: 170%;
    padding: 0 30px 0 50px;
	font-weight: normal;
}
.fix-txt-b span {
	margin-right: 10px;
	display: inline-block;
}
.fix-txt-b li {
	margin-left: 20px;
	line-height: 150%;
	list-style: disc outside;
}
.fix-txt-c {
    font-size: 1em;
    line-height: 170%;
    padding: 0 30px 0 70px;
	font-weight: normal;
}
.fix-txt-c span {
	margin-right: 10px;
	display: inline-block;
}
.fix-txt-c li {
	margin-left: 20px;
	line-height: 150%;
	list-style: decimal outside;
}
ol.fix-list {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
  margin: 0 0 0 70px;
}
ol.fix-list li {
    font-size: 1em;
    line-height: 1.5;
    padding-left: 30px;
    position: relative;
    margin: 0 0 10px;
}
ol.fix-list li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 22px;
  width: 22px;
  font-size: 85%;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
}
.fix-list span {
	margin: 0 0 10px;
	display: block;
}
ol.list_parentheses{
    padding-top: 0;
    padding-right: 0;
    padding-left: 90px;
    padding-bottom: 0;
    margin: 0;
}
 
ol.list_parentheses li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
	font-size: 1em;
    line-height: 170%;
    font-weight: normal;
	position: relative;
	padding-left: 5px;
}
ol.list_parentheses li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
	position: absolute;
	left: -20px
}
.tei-table {
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	border-spacing: 0px;
	width: 375px;
}
.tei-table td {
	padding: 2%;
	border-bottom: solid 1px #000;
	border-right: solid 1px #000;
	font-size: 0.93em;
}
.tei-back {
	background: #F0F0E1;
	width: 50%;
	text-align: center;
}
.tei-name {
	width: 50%;
	text-align: center;
}

.pl20 {
	padding-left: 20px;
}
.faq-box {
    width: 100%;
    position: relative;
}

.faq-q {
    display: flex;
    position: relative;
    cursor: pointer;
    background-color: #FFF;
	padding: 20px;
}
.faq-q::after, 
.faq-q.active::after {
    position: absolute;
    right: 20px;
    top: 40%;
    font-weight: bold;
    font-family: Yu Gothic M;
}
.faq-q.active::after {
	font-family: "Font Awesome 5 Free";
     content: "\f077";
    font-size: 188%;
    color: #00661A;
}
.faq-q::after {
	font-family: "Font Awesome 5 Free";
    content: "\f078";
    font-size: 188%;
    color: #00661A;
}
.faq-q-title {
	padding: 10px 10px 15px;
    font-size: 1.56em;
    color: #FFF;
    background-color: #00661A;
    display: block;
    font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}

.faq-q-com {
    position: relative;
        width: 80%;
    display: block;
    font-weight: bold;
    line-height: 130%;   
}

.faq-q-com-inner {
    display: block;
    position: absolute;
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
    font-size: 1.12em;
}
.faq-a-b {
    position: relative;
    background: #D9FFE2;
	padding: 20px;
}
.faq-a-b-title {
    display: inline-block;
    font-size: 1.56em;
	padding: 10px 10px;
    color: #00661A;
    font-family: 'Open Sans', sans-serif;
    float: left;
}
.faq-a-b-com {
    display: inline-block;
    position: relative;
        width: 75%;
    padding-left: 4%;
    float: left;
}
.faq-a-b-com a {
	text-decoration: none;
	font-weight: bold;
	color: #006619;
}
.faq-a-b-com a:hover {
	text-decoration: underline;
}
.faq-a-com-inner-b {
    display: block;
    position: relative;
  font-size: 98%;
    line-height: 150%;
    padding: 1%;
}
.faq-a-com-inner-b ul {
	margin-left: 20px;
}
.faq-a-com-inner-b li {
	list-style: disc;
	line-height: 150%;
}
.pt60 {
	padding-top: 60px;
}
.pt50 {
	padding-top: 50px;
}

.mt60 {
	margin-top: 60px;
}
#page-top {
	position: fixed;
	bottom: 20px;
	right: 10px;
	z-index: 50;
}
.totop a {
	display: block;
	text-decoration: none;
	width: 55px;
	padding: 0px;
	text-align: center;
	margin: 0px;
	height: 50px;
	color: #FFFFFF;
	background: #023328;
	border-radius: 50px;
	line-height: 120%;
	padding-top: 5px;
}
ol.guide-list {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
  margin: 0;
}
ol.guide-list li {
  font-size: 0.87em;
  line-height: 1.5;
  padding-left: 30px;
  position: relative;
	margin: 0 0 10px;
}
ol.guide-list li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #0C3326;
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1px 6px;
  color: #ffffff;
  font-size: 85%;
  position: absolute;
  top: 0;
  left: 0;
    font-family: 'Open Sans', sans-serif;
}
.guide-flex {
	display: flex;
	justify-content: space-between;
	width: 80%;
	margin-bottom: 20px;
}

.guide-pay {
	border: solid 1px #000;
	padding: 25px 0;
	width: 48%;
	text-align: center;
	font-size: 1.06em;
}
.guide-pay span {
	font-size: 204%;
	margin: 0 5px;
	font-family: 'Open Sans', sans-serif;
	color: #FF7F00;
}

.green-size {
	font-size: 134%;
	font-weight: bold;
	color: #0C3326;
}

.guide-list-b {
	margin: 0 20px 0;
	font-size: 1em;
}
.guide-list-b li {
    list-style: disc;
    margin-bottom: 10px;
    font-size: 0.93em;
    line-height: 170%;
}

.visiter-gray {
	position: relative;
	padding: 30px;
	background: #F0F0E1;
}
.visiter-white {
	width: 100%;
	position: relative;
	padding: 50px 0;
}
.visiter-inner {
    max-width: 980px;
    margin: 0 auto;
}

.visiter-l {
	width: 28%;
}
.visiter-l img {
	width: 100%;
}

.visiter-r {
	width: 65%;
	margin-left: 5%;
}
.visiter-r h3 {
	font-size: 1.62em;
	color: #006619;
	margin-bottom: 15px;
}

.visiter-txt {
	font-size: 0.93em;
	line-height: 150%;
	margin-bottom: 5px;
}
.visiter-txt a,.visiter-txt-b a {
	color: #000;
	text-decoration: none;
}
.visiter-txt a:hover,.visiter-txt-b a:hover {
	color: #999;
}
.visiter-txt span {
	margin-right: 20px;
}

.visiter-txt-b {
	display: flex;
	font-size: 0.87em;
	line-height: 150%;
	letter-spacing: 0.2em;
	margin-bottom: 5px;
}

.visiter-nr {
	white-space: nowrap;
}

.visiter-txt-c {
	border-top: dotted 1px #BBBBBB;
	padding: 20px 0 0;
}
.visiter-txt-c p {
	font-size: 0.94em;
	line-height: 150%;
	margin: 0 40px;
}

.model-title {
	font-size: 1.22em;
	line-height: 150%;
	margin-bottom: 20px;
}
.model-green {
	color: #006619;
}

.model-md {
	border-bottom: dotted 1px #BBB;
	border-top: dotted 1px #BBB;
	padding: 30px 20px;
	font-size: 1.37em;
	margin-bottom: 20px;
}

.model-orange {
	color: #FF7F00;
	font-size: 148%;
	margin-left: 10px;
	vertical-align: bottom;
}
.model-blue {
	color: #0085B2;
	font-size: 148%;
	margin-left: 10px;
	vertical-align: bottom;
}
.model-mos {
	color: #008C23;
	font-size: 148%;
	margin-left: 10px;
	vertical-align: bottom;
}

.model-parple {
	color:#6000BF;
	font-size: 148%;
	margin-left: 10px;
	vertical-align: bottom;
}

.model-box {
	padding: 20px 5%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.model-type-a {
	background: #FFECD9;
}
.model-type-b {
	background: #E1F1F7;
}
.model-type-c {
	background: #D9F7E0;
}
.model-type-d {
	background: #F0E1FF;
}
.model-point-box {
	display: flex;
	position: relative;
}
.model-point-box h5 {
	background: #FFBF00;
	border-radius: 50%;
	width: 88px;
	padding: 39px 0;
	text-align: center;
	position: relative;
}
.model-point-a {
	display: block;
	position: absolute;
	top: 48%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
	font-size: 1.34em;
}
.model-point-box p {
    font-size: 0.94em;
    line-height: 150%;
    position: relative;
    width: 100%;
}
.model-point-box p span {
	position: absolute;
	display: block;
	top: 50%;
  left: 20px;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}
.model-l {
	width: 65%;
	padding: 20px 0;
}
.model-sub {
	font-size: 1.47em;
	color: #0C3326;
	line-height: 130%;
	margin-right: 20px;
}

.model-section {
	border: solid 1px #000;
	display: inline-block;
	font-size: 0.93em;
	border-radius: 15px;
	padding: 5px 10px;
	font-family: 'Open Sans', sans-serif;
	margin-right: 15px
}
.model-section span {
	font-size: 130%;
	margin-left: 5px;
}

.model-dist {
	font-size: 1em;
	padding-top: 5px
}
.model-dist span {
	font-size: 148%;
	padding: 0 20px 0 5px;
	font-weight: bold;
}

.model-c {
	width: 100%;
	padding: 20px 0;
}

.model-data {
	background: #006619;
	padding: 3px 10px;
	color: #FFF;
	font-size: 0.93em;
	margin-right: 10px;
}

.model-txt {
	font-size: 1.22em;
	padding-top: 4px;
	margin-right: 10px;
}
.model-txt-b {
	font-size: 1.47em;
	padding-top: 2px;
	margin-right: 10px;
	font-weight: bold;
}

.s-t-box {
	width: 100%;
	position: relative;
}

.s-t-main {
	font-size: 1.75em;
	text-align: center;
	color: #006619;
	margin-bottom: 20px;
}

.s-t-txt {
	font-size: 1.06em;
	line-height: 200%;
	text-align: center;
	margin-bottom: 50px;
}

.s-t-map {
	width: 100%;
}
.s-t-map img {
	width: 100%;
}

.st-photo-a {
	width: 100%;
	position: relative;
	background-image: url("../images/s-trail/st-photo-a.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.st-photo-inner {
	max-width: 1080px;
	height: 510px;
	margin: 0 auto;
	display: flex;
}

.st-photo-box {
	width: 50%;
	position: relative;
}
.st-photo-box h4 {
	color: #FFF;
	line-height: 200%;
	font-size: 1.22em;
	position: absolute;
	top: 50%;
  left: 30%;
  transform: translateY(-50%) translateX(-30%);
  -webkit- transform: translateY(-50%) translateX(-30%);
}
.st-photo-box h4 span {
	font-size: 200%;
	display: block;
}
.st-textbox {
    width: 50%;
    position: relative;
}
.st-textbox-inner {
    position: relative;
	top: 50%;
  left: 20%;
  transform: translateY(-50%) translateX(-20%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.st-textbox-inner p {
    font-size: 0.93em;
	color: #FFF;
	line-height: 170%;
    margin-bottom: 30px;
}
.st-photo-box p {
	position: absolute;
	top: 50%;
  left: 20%;
  transform: translateY(-50%) translateX(-20%);
  -webkit- transform: translateY(-50%) translateX(-50%);
	font-size: 0.93em;
	color: #FFF;
	line-height: 170%;
}
.s-t-photo-b {
	width: 100%;
	display: flex;
	position: relative;
	margin: 30px 0;
}

.s-t-photo-b-l {
	width: 50%;
	position: relative;
}
.s-t-photo-b-l h4 {
	font-size: 1.75em;
	color: #006619;
	margin-bottom: 25px;
	white-space: nowrap;
}
.s-t-photo-b-l p {
	font-size: 0.93em;
	line-height: 170%;
}
.s-t-photo-b-l-in {
	position: absolute;
	top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.s-t-photo-b-r {
	width: 50%;
	background-image: url("../images/s-trail/st-photo-b.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 590px;
}

.s-t-photo-c {
    width: 100%;
    background-image: url("../images/s-trail/st-photo-c.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 30px;
}

.s-t-photo-c-in {
	width: 50%;
	position: relative;
}
.s-t-photo-c-in h4 {
	color: #FFF;
	font-size: 1.75em;
	white-space: nowrap;
	line-height: 130%;
	margin-bottom: 20px;
}
.s-t-photo-c-in p {
	color: #FFF;
	font-size: 0.93em;
	line-height: 170%;
}

.s-t-photo-c-box {
	position: absolute;
	top: 50%;
  left: 30%;
  transform: translateY(-50%) translateX(-30%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.s-t-photo-d {
	width: 100%;
	background-image: url("../images/s-trail/st-photo-d.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 0 50px;
}

.s-t-photo-d-in {
	width: 50%;
	position: relative;
	margin-left: 50%;
}
.s-t-photo-d-in h4 {
	color: #FFF;
	font-size: 1.75em;
	white-space: nowrap;
	line-height: 130%;
	margin-bottom: 20px;
}
.s-t-photo-d-in p {
	color: #FFF;
	font-size: 0.93em;
	line-height: 170%;
}

.s-t-photo-d-box {
	position: absolute;
	top: 50%;
  left: 30%;
  transform: translateY(-50%) translateX(-30%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.manner-title {
	font-size: 1.47em;
	color: #006600;
	border-bottom: solid 1px;
	padding: 20px 0;
	margin-bottom: 20px;
}
.manner-title span {
	font-size: 200%;
	font-family: 'Open Sans', sans-serif;
	margin-right: 10px;
	color: #0C3326;
}

.manner-box {
	padding: 3% 0 5%;
	display: flex;
	justify-content: space-between;
}
.manner-box-b {
	padding: 0.5% 0 2%;
}

.manner-l {
    width: 60%;
}
.manner-box h5,.manner-box-b h5 {
	font-size: 1.37em;
	color: #0C3326;
	margin: 15px 0;
}

.manner-r {
    width: 35%;
}
.manner-r img {
	width: 100%;
}

.manner-name {
	font-size: 1.06em;
	font-weight: bold;
	margin-right: 20px;
	display: inline-block;
}

.manner-tel {
	font-size: 2em;
	font-family: 'Open Sans', sans-serif;
	color: #0C3326;
	display: inline-block;
}
.bol {
    font-weight: bold;
    margin: 26px 0;
    font-size: 120%;
}

.ment-list {
	margin: 20px 0 20px 50px;
}
.ment-list li {
    display: flex;
    font-size: 0.88em;
    line-height: 150%;
    margin-bottom: 10px;
}
.ment-list li span {
	position: relative;
	display: inline-block;
	font-size: 130%;
	margin-right: 5px;
}
.ment-list li span span {
	display: block;
	position: absolute;
	top: 50%;
  left: 100%;
  transform: translateY(-50%) translateX(-100%);
  -webkit- transform: translateY(-50%) translateX(-100%);
}

.ment-photo {
	margin: 0 0 0 20px;
	display: flex;
	justify-content: space-between;
	border-bottom: solid 1px #ccc;
	padding-bottom: 20px;
	margin-bottom: 50px;
}

.ment-photo-box {
	width: 32%;
}
.ment-photo-box img {
	width: 100%;
}
.ment-photo-box p {
	font-size: 0.88em;
	margin: 5px 0;
}

.maint-flex {
	width: 90%;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 50px 20px;
}
.maint-flex li {
    width: 47%;
    margin-top: 5px;
    margin-right: 1%;
    margin-left: 0;
    margin-bottom: 0.8%;
    text-align: center;
    font-size: 0.93em;
}
.maint-flex li img {
	width: 100%;
    margin-bottom: 5px;
}

.maint-sch {
	width: 100%;
	display: flex;
	font-size: 0.93em;
	border-bottom: dotted 1px #CCCCCC;
}
.maint-sch dt {
    width: 15%;
    padding: 3%;
    line-height: 150%;
    position: relative;
}
.maint-sch dt span {
	display: block;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.maint-sch dd {
    padding: 3%;
    line-height: 150%;
}
.maint-com {
	margin-left: 20px;
	width: 460px;
	display: flex;
	flex-wrap: wrap;
}
.maint-com li {
	list-style: none;
	font-size: 0.94em;
	margin: 10px;
	white-space: nowrap;
}
.maint-com li::before {
    content: "";
    width: 13px;
    height: 13px;
    display: inline-block;
    background-color: #000;
	margin-right: 5px;
    border-radius:  50%;
}
.maint-com-b {
	margin-left: 37px;
}
.maint-com-b li {
	list-style: none;
	font-size: 0.94em;
	margin: 10px;
	position: relative;
	line-height: 150%
}
.maint-com-b li a {
	text-decoration: none;
	color: #0C3326;
	font-weight: bold;
}
.maint-com-b li a:hover {
	text-decoration: underline;
}
.maint-com-b li::before {
	position: absolute;
    content: "";
    width: 13px;
    height: 13px;
    display: inline-block;
    background-color: #000;
	border-radius:  50%;
	left: -17px;
	top: 5px;
}
.s-t-menu {
	max-width: 1080px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
    margin-bottom: 50px;
}
.s-t-menu li {
	width: 23%;
	display: block;
	border-bottom: dotted 1px #999999;
	border-top: dotted 1px #999999;
	box-sizing: border-box;
	font-size: 1.03em;
	text-align: center;
	font-weight: bold;
	position: relative;
}
.s-t-menu li a {
	padding: 20px 0;
	display: block;
	text-decoration: none;
	color: #000;
}
.s-t-menu li a:hover {
	display: block;
	background: #F0F0E1;
}
.s-t-arow {
    position: absolute;
    left: 5px;
    width: 35px;
    height: 35px;
    background-image: url(../images/sub-title-arow.png);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.eno-c {
	width: 80%;
}
.eno-l {
    width: 48%;
    margin-right: 2%;
}
.eno-l img {
	width: 100%;
}
.eno-r {
	width: 48%;
}
.eno-r img {
	width: 100%;
}

.spo-list {
	list-style: none;
}
.spo-list li {
    font-size: 0.82em;
    padding-left: 15px;
    margin-bottom: 10px;
    line-height: 150%;
    position: relative;
}
.spo-list li::before {
	content: "※";
	position: absolute;
	left: 0;
}
.spo-list-b {
	list-style: none;
}
.spo-list-b li {
    font-size: 0.82em;
    padding-left: 15px;
    margin-bottom: 10px;
    line-height: 150%;
    position: relative;
    display: flex;
}
.spo-list-b li span {
    display: inline-block;
}
.tra-ray {
	border-bottom: solid 1px #006619;
	padding: 5px 0;
	margin-bottom: 20px;
}
.tra-ray span {
	background: #006619;
	color: #FFF;
	padding: 5px 10px;
	font-size: 0.93em;
}

.tra-name {
	color: #00661A;
	font-size: 1.62em;
	margin-bottom: 20px;
}

.tra-l {
	width: 38%;
	padding-top: 1.8%;
}
.tra-l img {
	width: 100%;
}

.tra-r {
	width: 60%;
}
.tra-tr {
	width: 21%;
	height: 16px;
	position: relative;
	margin: 5px 0;
}
.tra-tr::before {
	content: '';
	position: absolute;
	height: 16px;
	width: 46%;
	border-right: solid 2px;
}
.tra-tr::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 49%;
	 width: 8px;
  height: 8px;
  border-right: 2px solid #000;
  transform: skew(-45deg);
}
.tra-photo {
	display: flex;
	justify-content: space-between;
}
..tra-img-a span {
	width: 155px;
	display: inline-block;
}
.tra-img-a span img {
	width: 100%;
}
.tra-img-b span {
    width: 130px;
    display: inline-block;
}
.tra-img-b span img {
	width: 100%;
}
.tra-img-c span {
	width: 115px;
	display: inline-block;
}
.tra-img-c span img {
	width: 100%;
}
.tra-img-d {
	height: 30px;
}

.footer-link {
	text-align: center;
	margin: 15px 0 0;
	color: #FFF;
}
.footer-link li a {
	font-size: 0.83em;
	color: #FFF;
	text-decoration: none;
	padding: 3px 10px;
}
.footer-link li a:hover {
	background: #FFF;
	color: #006619;
}

.st-link {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
.st-link li {
	font-size: 0.93em;
	text-align: center;
	display: block;
	width: 48%;
	border: solid 1px #000;
	position: relative;
	margin-right: 2%;
}
.st-link li::before {
	content: "";
	position: absolute;
	z-index: 1;
	right: -15px;
	width: 30px;
	padding-bottom: 7.5%;
	border-bottom: solid 1px #000;
}
.st-link li a span {
	width: 100%;
	display: block;
	position: absolute;
	top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
	line-height: 130%
}
.st-link li a {
	padding: 30px 0;
	text-decoration: none;
	display: block;
	color: #000;
}
.st-link li a:hover {
	display: block;
	background: #000;
	color: #FFF;
}
ol.rule_parentheses{
    padding-top: 0;
    padding-right: 0;
    padding-left: 20px;
    padding-bottom: 0;
    margin: 0;
}
 
ol.rule_parentheses li{
    list-style-type: none;
    list-style-position: inside;
    counter-increment: cnt;
    font-size: 0.94em;
    line-height: 170%;
    font-weight: normal;
    position: relative;
    padding-left: 5px;
	margin-bottom: 20px;
}
ol.rule_parentheses li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
	position: absolute;
	left: -20px
}
ol.rule_parentheses li a {
	text-decoration: none;
	font-weight: bold;
	color: #006619;
}
ol.rule_parentheses li a:hover {
	text-decoration: underline;
}
.tra-txt {
	font-size: 0.93em;
	line-height: 150%;
}

.area-box {
	margin-left: 20px;
}

.area-photo {
	width: 35%;
}
.area-photo img {
	width: 100%;
}

.area-txt {
	width: 60%;
}
.area-txt p {
    font-size: 0.93em;
    line-height: 170%;
}
.staff-title {
	width: 25%;
	position: relative;
	height: 216px;
	background: #FF8000;
	border-radius: 50%;
	text-align: center;
	margin-right: 5%;
}
.staff-title-innner {
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
    color: #FFF;
    font-size: 1.64em;
    line-height: 130%;
}

.staff-icon {
	width: 70%;
}
.staff-icon ol {
	width: 100%;
	display: flex;
	justify-content: flex-start;
}
.staff-icon li {
    width: 18%;
    margin-right: 2%;
    margin-bottom: 5px;
}
.staff-icon li img {
	width: 100%;
}

.staff-icon-box {
	display: flex;
}

.staff-list {
	border-top: solid 1px;
	padding: 30px 0;
	display: flex;
}

.staff-list-l {
	width: 35%;
}
.staff-list-l img {
	width: 100%;
}

.staff-list-r {
    width: 60%;
	margin-left: 5%;
}

.staff-txt-a {
	font-size: 0.93em;
	font-weight: bold;
}

.staff-name {
	font-size: 1.68em;
	margin-bottom: 10px;
	color: #006619;
}
.staff-name span {
	font-size: 0.53em;
	margin-left: 20px;
	color: #000;
}

.staff-txt-c {
    font-size: 0.88em;
    line-height: 170%;
}
.staff-txt-c span {
	font-weight: bold;
}

.trek-box {
	width: 100%;
	margin-bottom: 50px;
}

.trek-box-inner {
	position: relative;
	width: 100%;
}

.trek-photo-r {
	width: 50%;
}
.trek-photo-r img {
	width: 100%;
}
.trek-box-r {
	position: absolute;
	width: 60%;
	top: 0;
	bottom: 0;
	right: 0;
}
.trek-box-r-inner {
	width: 94%;
	position: absolute;
	top: 50%;
	left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
	border-right: solid 1px #006600;
}
.trek-box-r-inner::after {
  position: absolute;
	top: 0;
  bottom: 0;
  left: 15px;
  right: 15px;
  z-index: -5;
  content: '';
  box-shadow: 0 10px 10px rgba(0,0,0,.3);
  border-radius: 80px / 15px;
}
.trek-box-l {
	position: absolute;
	width: 60%;
	top: 0;
	bottom: 0;
	left: 0;
}
.trek-box-l-inner {
	width: 94%;
	position: absolute;
	top: 50%;
	left: 0;
  transform: translateY(-50%) translateX(0);
  -webkit- transform: translateY(-50%) translateX(0);
	border-left: solid 1px #006600;
}
.trek-box-l-inner::after {
  position: absolute;
	top: 0;
  bottom: 0;
  left: 15px;
  right: 15px;
  z-index: -5;
  content: '';
  box-shadow: 0 10px 10px rgba(0,0,0,.3);
  border-radius: 80px / 15px;
}
.trek-box-l-inner-in {
	background: #FFF;
	position: relative;
	width: 96%;
	padding: 5% 4%;
}
.trek-box h4 {
    font-size: 1.37em;
    color: #006600;
    margin-bottom: 10px;
}
.trek-box h4 span {
    font-size: 168%;
    font-family: 'Open Sans', sans-serif;
    color: #0C3326;
    margin-right: 2%;
    display: inline-block;
}
.photo-list {
	margin-left: 50px;
}
.photo-list li {
	list-style: disc;
	font-size: 0.93em;
	margin-bottom: 10px;
}
.free-title {
	font-size: 1.56em;
	color: #006619;
}

.free-table {
	display: flex;
	justify-content: space-between;
}
.free-table h5 {
	font-size: 1.56em;
	font-family: 'Open Sans', sans-serif;
}
.free-table h5 span {
	font-size: 120%;
	margin-left: 5px;
}

.free-photo {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 20px 0;
}

.free-photo-inner {
	padding: 2%;
	margin: 0 1%;
	width: 19%;
	background: #FFF;
	margin-bottom: 2%;
	position: relative;
}
.free-photo-inner span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 10px;
}
.free-photo-inner img {
	max-width: 100%;
	max-height: 150px;
	width: auto;
	height: auto;
}
.free-photo-inner p {
	font-size: 0.83em;
	text-align: center;
	margin-bottom: 10px;
}

.free-dl {
	display: flex;
	justify-content: space-around;
}
.free-dl span {
    width: 45%;
    display: block;
}
.free-dl span a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 1%;
}
.free-dl span a:hover {
	display: block;
	color: #999;
}

.top-more {
	max-width: 380px;
	margin-left: auto;
	margin-right: auto;
}
.top-more li {
    display: block;
    background: #023328;
    width: 100%;
    font-size: 1.13em;
    text-align: center;
    position: relative;
    margin-top: 20px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 30px;
}
.top-more li a {
	display: block;
	text-decoration: none;
	color: #FFF;
	height: 55px;
	line-height: 55px;
	border: solid 1px #023328;
	box-sizing: border-box;
}
.top-more li a:hover {
	display: block;
	background: #FFF;
	border: solid 1px #023328;
	color: #023328;
}
.top-more li i {
	font-size: 150%;
	margin-right: 15px;
}

.t-line {
	width: 1px;
	border-right: dotted 1px #FFF;
}
.t-line-b {
	width: 1px;
	border-right: dotted 1px #00698C;
}

.rule-photo {
    height: 80px;
    margin-right: 20px;
    border: solid 1px #999;
    margin-bottom: 10px
}
.rule-photo img {
    height: 100%;

}

.impre-box {
	width: 100%;
}

.impre-inner {
	border-top: solid 1px #006619;
	position: relative;
	padding: 50px 20px;
}
.impre-inner::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	width: 200px;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
	border-bottom: solid 5px #006619;
}

.impre-title {
	font-size: 1.43em;
	padding: 0 10px 15px;
	border-bottom: solid 1px #BBBBBB;
	margin-bottom: 20px;
	color: #0C3326;
	line-height: 130%;
	position: relative;
}
.hike-type-b {
	position: absolute;
	right: 10px;
	font-size: 0.83em;
	border: solid 1px #FF7F00;
	color: #FF7F00;
	padding: 0 15px;
	font-family: 'Open Sans', sans-serif;
	border-radius: 20px;
}
.hike-type-a {
	position: absolute;
	right: 10px;
	font-size: 0.83em;
	border: solid 1px #41A5C5;
	color: #41A5C5;
	padding: 0 15px;
	font-family: 'Open Sans', sans-serif;
	border-radius: 20px;
}

.impre-speck {
	display: flex;
	margin: 10px 0 10px 0;
}

.impre-name {
	font-size: 1.37em;
	white-space: nowrap;
	margin: 0 30px 10px 5px;
}
.impre-name span {
    font-size: 0.58em;
    background: #006619;
    color: #FFF;
    padding: 2px 10px;
    vertical-align: top;
    margin-right: 10px;
}

.impre-space {
	font-size: 1.07em;
	white-space: nowrap;
	margin: 0 30px 10px 0;
}
.impre-space span {
	font-size: 0.76em;
	background: #006619;
    color: #FFF;
    padding: 2px 10px;
    vertical-align: top;
    margin-right: 10px;
}

.impre-section-a {
	width: 15%;
	padding: 10px 0;
	background: #EEEEEE;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
}
.impre-section-b {
	width: 15%;
	padding: 10px 0;
	background: #008C8C;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
}

.impre-section {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.impre-comment {
	padding: 30px;
	background: #F0F0E1;
}
.impre-comment p {
    margin-top: 0!important;
	font-size: 1em;
	line-height: 170%;
}

.top-trails {
	position: absolute;
	bottom: 15px;
	text-align: center;
	width: 100%;
}
.top-trails div img {
	width: 100%;
}
.top-trails div {
	width: 240px;
	margin: 0 auto;
}

.stories-visual {
	position: relative;
	width: 100%;
}

.stories-photo {
	position: relative;
	width: 70%;
	margin-left: 30%;
}
.stories-photo p {
	width: 100%;
	position: absolute;
	color: #FFF;
	bottom: 10px;
	text-align: center;
	font-size: 0.93em;
}
.stories-photo img {
	width: 100%;
}

.stories-main-title {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 0;
  transform: translateY(-50%) translateX(0);
  -webkit- transform: translateY(-50%) translateX(0);
}
.stories-main-title h3 {
    display: inline-block;
    font-size: 1.75em;
    color: #FFF;
    background: #000;
    padding: 1.5%;
    white-space: nowrap;
    margin-bottom: 20px;
    line-height: 120%;
}
.stories-main-title p {
	display: inline-block;
	font-size: 1.18em;
	color: #FFF;
	background: #000;
	padding: 1.5%;
	white-space: nowrap;
}

.stories-midashi {
	font-size: 1em;
	line-height: 150%;
	color: #555555;
}

.stories-info {
    padding: 20px;
    background: #DDDDDD;
}
.stories-info h4 {
	font-size: 0.93em;
	margin-bottom: 10px;
}
.stories-info h4 span {
	font-size: 0.93em;
	margin-left: 10px;
	font-weight: 500;
}
.stories-info p {
    font-size: 0.84em;
    line-height: 170%;
}
.stories-info p a {
	text-decoration: none;
	color: #000000;
}
.stories-info p a:hover {
	text-decoration: underline;
}

.stories-sub {
    font-size: 1.22em;
    margin-bottom: 20px;
    line-height: 130%;
}
.stories-photo-box {

}
.stories-main {
	font-size: 0.93em;
	line-height: 170%;
}
.stories-main-b {
	font-size: 0.93em;
	line-height: 170%;
    font-weight: bold;
}
.stories-photo-box img {
	width: 100%;
	background: #ECECFB;
}
.stories-photo-box-cap {
    padding-top: 4px;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    font-size: 0.81em;
    display: block;
    line-height: 150%;
    color: #959595;
}
.photo-box100 {
	width: 100%;
}
.photo-box40 {
	width: 40%;
}

.stories-next {
	width: 100%;
	position: relative;
}
.stories-next li {
	display: inline-block;
	position: relative;
	color: #ccc;
}
.stories-next-pad {
	padding: 10px;
}
.stories-next li a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 10px;
}
.stories-next li a:hover {
	display: block;
	background: #000;
	color: #fff;
}
.next-a {
	display: inline-block;
	font-size: 0.93em;
	margin-right: 15px;
}
.next-a i {
	margin-right: 5px;
}
.next-b {
	display: inline-block;
	font-size: 1.08em;
	margin-right: 5px;
	font-weight: bold;
}
.next-c {
	display: inline-block;
	font-size: 0.93em;
	margin-right: 10px;
}

.stories-docs {
	display: flex;
}
.stories-docs li {
	display: block;
	background: #eee;
	width: 45px;
	height: 45px;
	line-height: 45px;
	font-size: 1em;
	margin-right: 5px;
	text-align: center;
	color: #999;
}
.stories-docs-none {
	background: #FFF!important;
}
.stories-docs li span {
	font-size: 0.78em;
	vertical-align: top;
}
.stories-docs li i {
	margin: 0 3px;
}
.stories-docs li a {
    display: block;
    text-decoration: none;
    color: #000;
    background: #DDDDDD;
}
.stories-docs li a:hover {
	display: block;
	background: #000;
	color: #FFF;
}

.stories-list {
    margin-left: 30px;
    color: #555555;
    margin-bottom: 20px;
}
.stories-list li {
	font-size: 1em;
	list-style: disc;
	margin-bottom: 10px;
}
.stories-l {
	float: left;
	width: 65%;
}
.stories-r {
	float: right;
	width: 30%;
}
.stories-l-b {
	float: left;
	width: 38%;
}
.stories-r-b {
	float: right;
	width: 58%;
}

.trails-logo {
	width: 175px;
	margin-right: 20px;
}

.join-title {
	font-size: 1.32em;
	line-height: 150%;
	margin-bottom: 20px;
	color: #00661A;
}
.cref-tr-b {
    width: 110px;
    height: 25px;
    position: relative;
    margin: 10px
}
.cref-tr-b::before {
	content: '';
	position: absolute;
	height: 25px;
	width: 45%;
	border-right: solid 2px;
}
.cref-tr-b::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 50%;
	 width: 8px;
  height: 8px;
  border-right: 2px solid #000;
  transform: skew(-45deg);
}

.tent-box {
	width: 100%;
	display: flex;
	margin-left: 20px;
}

.tent-txt {
	width: 70%;
}

.tent-photo {
	width: 28%;
}
.tent-photo img {
	width: 100%;
}

.tent-l {
	width: 40%;
}
.tent-l img {
	width: 100%;
}
.tent-ichi {
	max-width: 840px;
	margin: 0 0 0 20px;
}
.tent-ichi img {
	width: 100%;
}
.tent-table {
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	border-spacing: 0px;
	width: 97%;
	margin-left: auto;
	margin-right: auto;
}
.tent-table td {
	padding: 1.5%;
	border-bottom: solid 1px #000;
	border-right: solid 1px #000;
	font-size: 0.84em;
}
.tent-table ol {
    width: 100%;
}
.tent-table ol li {
    margin: 10px 0 10px;
}
.tent-table ol li span {
    background: #FFBF00;
    font-size: 84%;
    padding: 3px 10px;
    margin-right: 10px;
    border-radius: 10px;
}
.tent-table-center {
	display: block;
	text-align: center;
}
.tent-r {
	width: 60%;
	margin: 0 5%;
}
.tent-r p {
	font-size: 0.93em;
	line-height: 170%
}
.t-a-r {
	text-align: right;
}

.join-sub {
	font-size: 0.93em;
	display: inline-block;
	background: #006619;
	color: #FFF;
	padding: 5px 10px;
	border-radius: 15px;
	margin-bottom: 5px;
}
.box-width {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.box-half {
	width: 48%;
	padding: 3% 0;
	border: dotted 1px #999;
}

.sm {
	font-size: 78%;
}

.bp-color {
	color: #00661A!important;
	font-size: 100%!important;
}

.town-map {
	max-width: 900px;
	margin: 0 auto;
}
.town-map img {
	width: 100%;
}

.town-box {
	margin: 0 20px 0 20px;
	position: relative;
}

.town-box-inner {
	width: 100%;
	position: relative;
}

.town-title-a {
	width: 13%;
	padding: 2% 2% 0;
	margin: 2% 0 0;
	text-align: center;
	line-height: 120%;
	float: left;
}
.town-title-b {
	width: 13%;
	padding: 2.5% 2% 0;
	margin: 2.5% 0 0;
	text-align: center;
	line-height: 120%;
	float: left;
	border-top: dotted 1px #999999;
}
.tt-txt-a {
	font-size: 0.93em;
	font-family: 'Open Sans', sans-serif;
}
.tt-txt-b {
	font-size: 1.55em;
	font-family: 'Open Sans', sans-serif;
}
.tt-txt-c {
    display: block;
	font-size: 0.81em;
}
.w-n-l {
    white-space: nowrap;
}
.town-menu {
	width: 81%;
	float: right;
	margin: 0.8% 0 0;
}
.town-name .sub-main-link {
	background: #F0F0E1;
	display: block;
	font-size: 1.21em;
	font-weight: bold;
	color: #485057;
}
.t-type-a {
	margin: 2% 0 0 0;
}

.town-name {
	margin: 0 0 10px 0;
}

.town-spac {
	background: #F0F0E1;
	padding: 2% 5% 2%;
}
.town-spac h4 {
	font-size: 0.93em;
	color: #FFF;
	background: #495057;
	display: inline-block;
	padding: 2px 10px;
	border-radius: 10px;
	margin: 0 0 10px;
}
.town-spac p {
	font-size: 0.87em;
	line-height: 150%;
	margin: 0 0 20px;
}
.town-spac p i {
    margin-left: 5px;
}
.town-spac p a {
    color: #00661A;
    text-decoration: none;
    font-weight: bold;
}
.town-spac p a:hover {
    color: #00661A;
    text-decoration: underline;
}
.town-image-tate {
	width: 80%;
	margin: 0 auto 30px;
}
.town-image-tate img,.town-image-yoko img {
	width: 100%;
}
.town-image-yoko {
	width: 100%;
	margin: 0 auto 30px;
}
.stories-index {
	font-size: 1.12em;
	padding: 20px 0
}

.stories-index-box {
	width: 100%;
	border-top: dotted 1px #D6D6D6;
}
.stories-index-box li {
	display: block;
	color: #999999;
	font-size: 1.12em;
	border-bottom: solid 1px #D6D6D6;
}
.stories-index-box li a {
	display: block;
	padding: 20px 10px;
	color: #000;
	text-decoration: none;
}
.stories-index-box li a:hover {
	display: block;
	background: #000;
	color: #FFF;
}
.stories-index-box li span {
	font-size: 84%;
	margin: 0 10px;
}
.stories-index-none {
	padding: 20px 10px;
}
.town-pdf {
	width: 50%;
	margin: 0% auto;
	display: block;
	text-align: center;
}
.town-pdf a {
	display: block;
	width: 100%;
	background: #495057;
	color: #FFF;
	text-decoration: none;
	padding: 10px 0;
	font-size: 84%;
}
.town-pdf a:hover {
	display: block;
	background: #8F98A0;
}
.top-stories-inner {
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
}

.bp-color {
	color: #00661A!important;
	font-size: 100%!important;
}

.drawer-hamburger {
	display: none!important;
}
.drawer-hamburger-icon {
	display: none!important;
}
.drawer-nav {
	display: none!important;
}
.anc-list-b {
	background: #008C8C;
	padding: 10px 0;
	position: relative;
	top:0;
	width: 200px!important;
}
.anc-list-b h3 {
	font-size: 0.93em;
	color: #FFF;
	text-align: center;
	padding: 7px 0 15px;
	border-bottom: solid 1px #FFF;
	margin-bottom: 10px;
}
.anc-list-b ul {
	width: 100%;
	position: relative;
}
.anc-list-b li {
	display: block;
	font-size: 0.83em;
	position: relative;
	font-weight: bold;
}
.anc-list-b li span {
	font-size: 1.18em;
	font-family: 'Open Sans', sans-serif;
}
.anc-list-b li a {
	display: block;
	text-decoration: none;
	color: #FFF;
	padding: 10px 3% 10px 15%;
	border: solid 1px #008C8C;
	box-sizing: border-box;
	position: relative;
}
.anc-list-b li a:hover {
	display: block;
	border: solid 1px #FFF;
	box-sizing: border-box;
	position: relative;
	color: #00F2F2;
}
.anc-list-b li a:hover::before {
	content: '';
	position: absolute;
	z-index: 0;
	left: 5px;
	background: #FF4000;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.anc-list-b li a:hover::after {
	content: '';
	position: absolute;
	z-index: 0;
	left: 6px;
	background: #FFF;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.model-r {
    width: 35%;
}
.model-r img {
    width: 100%;
}
.midokoro-inner-l-f {
    width: 23.25%;
    padding: 0 0;
}
.midokoro-t-line-d {
	padding: 0 1px 10px 1px;
	margin-bottom: 5px;
position: absolute;
    left: -2px;
}

.midokoro-t-line-d::before {
    content: "";
    background-image: linear-gradient(to right, #000, #000 3px, transparent 3px, transparent 8px),
    linear-gradient(to right, #000, #000 3px, transparent 3px, transparent 8px),
    linear-gradient(to bottom, #000, #000 3px, transparent 3px, transparent 8px),
    linear-gradient(to bottom, #000, #000 3px, transparent 3px, transparent 8px);
    background-size: 8px 1px, 8px 1px, 1px 8px, 1px 8px;
    background-position: left top, left bottom, left top, right top;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
}
.fushi {
    float: none;
}
.town_icon {
    margin: 0 20px 30px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.town_icon li {
    margin: 0 15px 10px 0;
    font-size: 0.93em;
    
}
.town_icon li img {
    width: 16px;
    margin-right: 5px;
    vertical-align: bottom;
}

.stories-sub-b {
    font-size: 1.02em;
    line-height: 130%;
    margin-bottom: 10px;
}
.line-dec {
    display: inline-block;
    width: 50px;
    vertical-align: top;
    position: relative;
}
.line-dec::before {
    content: "";
    position: absolute;
    padding-bottom: 25%;
    border-bottom: solid 1px #000;
    width: 50px;
}
.bc_table {
	position: absolute;
	width: 100%;
	bottom: 80px;
	z-index: 1;
}
.bc_table li {
    display: block;
    width: 320px;
    background: red;
    margin: 0 auto;
    color: #FFF;
    font-size: 1.23em;
    font-weight: bold;
    border: solid 1px red;
    text-align: center;
    line-height: 130%;
}
.bc_table li a {
    display: block;
    padding: 10px 0;
    text-decoration: none;
    color: #FFF;
}
.bc_table li a:hover {
    display: block;
    background: #FFF;
    color: red;
}
.box{
  width: 50%;
  height: 20px;
}

.container-2{
  width: 5px;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
}

.container-2 input#search{
  width: 20px;
  height: 20px;
  border: none;
  font-size: 10pt;
  float: left;
  color: #000;
  padding-left: 25px;
 -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: width .55s ease;
  -moz-transition: width .55s ease;
  -ms-transition: width .55s ease;
  -o-transition: width .55s ease;
  transition: width .55s ease;
}
.container-2 .icon{
  position: absolute;
  top: 0;
  margin-left: 5px;
  margin-top: 3px;
  z-index: 1;
  color: #4f5b66;
}

.container-2 input#search:focus, .container-2 input#search:active{
  outline:none;
  width: 150px;
}
 
.container-2:hover input#search{
width: 150px;
}
 
.container-2:hover .icon{
  color: #93a2ad;
}
.chu {
	font-size: 1.08em;
	display: inline-block;
	background: #468C00;
	padding: 10px;
	color: #FFF;
}