@charset "utf-8";

/* Initialization
--------------------------------------------------*/
a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {margin: 0;padding: 0;outline: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
abbr[title], dfn[title] {border-bottom: 1px dotted;cursor: help;}
address,caption,cite,code,dfn,th,var {font-style: normal;font-weight: normal;}
body {font-size: small;line-height: 1;-webkit-text-size-adjust: none;font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,Helvetica,sans-serif;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
del {text-decoration: line-through;}
ins {background-color: #ff9;color: #000;text-decoration: none;}
mark {background-color: #ff0;color: #000;}
table {border-collapse: collapse;border-spacing: 0;}
caption,th {text-align: left;}
fieldset,img {border: 0;}
ol,ul {list-style: none;}
input, textarea, select {font-family: inherit;font-weight: inherit;font-size: 100%;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;}
img {vertical-align: top; -webkit-backface-visibility: hidden;}

/* clearfix
--------------------------------------------------*/
.clearfix {zoom:1;}
.clearfix:after{content: "";display: block;clear: both;overflow:hidden;}

/* mouseover
--------------------------------------------------*/
a:hover.over,a:hover img.over,a:focus img.over {opacity: 0.7;filter: alpha(opacity=70);-moz-opacity: 0.7;}

/* link
--------------------------------------------------*/
a:link,
a:active,
a:visited {
	color: #058ED9;
	text-decoration: underline;
}
a:hover,
a:focus {
	color: #058ED9;
	text-decoration: none;
}


/* PC/SP表示切り替え
--------------------------------------------------*/
.sp {
	display: none !important;
}
@media screen and (max-width: 740px) {
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}
	
	img {
		max-width: 100%;
		height: auto;
	}
	img.sp {
		display: inline !important;
	}
}

/* outline
--------------------------------------------------*/

.container {
	margin: 0 auto;
	width: 100%;
	max-width: 1020px;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
}

/* Navigation
--------------------------------------------------*/
.gnavi {
	background: #32b03c;
	margin-top: 51px;
}
body#top .gnavi {
	margin: 0 0 65px;
}
.mainNavi > li {
	float: left;
	width: 33%;
	position: relative;
	z-index: 100;
}
	.mainNavi li a,
	.mainNavi li span {
		display: block;
		height: 50px;
		text-indent: -999em;
		overflow: hidden;
		background: no-repeat center center;
	}
	.mainNavi > li:nth-child(2) a {
		background-image: url(../img/nav_about.png);
	}
	.mainNavi > li:nth-child(3) a {
		background-image: url(../img/nav_news.png);
	}
	.mainNavi > li:nth-child(4) a {
		background-image: url(../img/nav_tour.png);
	}
	.mainNavi li:hover,
	.mainNavi li.active {
		background-color: #2a9632;
	}
	.mainNavi li ul {
		display: none;
		position: absolute;
		background: #fffdec;
		box-shadow: 1px 2px 10px rgba(0,0,0,.25);
		width: 100%;
	}
	.mainNavi.footerNavi li ul {
		bottom: 50px;
	}
		.mainNavi .navFeature li:nth-child(1) a {
			background-image: url(../img/nav_feature_spring.png);
		}
		.mainNavi .navFeature li:nth-child(2) a {
			background-image: url(../img/nav_feature_summer.png);
		}
		.mainNavi .navFeature li:nth-child(3) a {
			background-image: url(../img/nav_feature_autumn.png);
		}
		.mainNavi .navFeature li:nth-child(4) a {
			background-image: url(../img/nav_feature_winter.png);
		}
		.mainNavi .navFeature li:hover,
		.mainNavi .navFeature li a.active {
			background-color: #fbd449;
		}
	.footerLink{
		border-top: 1px dotted #fff;
		padding-top: 2%;
		padding-left: 1%
	}
		.footerLink li a{
			color: #fff;
			text-decoration: none;
		}
@media screen and (max-width: 1020px) {
	.gnavi {
		margin-top: 3%;
	}
	.mainNavi li a,
	.mainNavi li span {
		background-size: auto 25px;
	}
	.mainNavi li ul li a {
		background-size: 80%;
	}
}
@media screen and (max-width: 740px) {
	/* メニューオープンボタン */
	.btnMenu {
		position: absolute;
		z-index: 50;
		top: 10px;
		right: 15px;
	}
		.btnMenu img {
			width: 50px;
		}
	/* メニュークローズボタン */
	.btnMenu_close a {
		display: block;
		font-size: 1.2em;
		text-align: right;
		color: #fff;
		text-decoration: none;
		padding: 20px 20px 15px;
	}
		.btnMenu_close a:after {
			content: '';
			display: inline-block;
			background: url(../img/btn_navi_close.png) no-repeat center center;
			background-size: cover;
			width: 14px;
			height: 14px;
			margin-left: 8px;
		}
	body#top .gnavi {
		margin: 0 0 10px;
	}
	.gnavi {
		background: url(../img/bg_navi_sp.png) repeat;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;
		width: 100%;
		display: none;
		margin: 0;
	}
		.gnavi .container {
			padding: 0;
		}
	.mainNavi > li {
		float: none;
		width: 100%;
		border-top: 1px solid #fff;
		font-weight: bold;
	}
		.mainNavi li ul {
			display: block;
			position: static;
			background: inherit;
			box-shadow: none;
			width: 100%;
			font-weight: normal;
		}
			.mainNavi li ul li {
				border-top: 1px dotted #fff;
			}
	.mainNavi li a,
	.mainNavi li span {
		background: none !important;
		text-indent: 0;
		color: #fff;
		height: auto;
		text-decoration: none;
		font-size: 1.2em;
		padding: 16px 20px;
		position: relative;
	}
	.mainNavi li:hover {
		background: inherit !important;
	}
	.mainNavi li.active {
		background: #3cba47 !important;
	}
		.mainNavi li a:after {
			display: block;
			content: "";
			position: absolute;
			top: 50%;
			right: 20px;
			width: 10px;
			height: 10px;
			margin: -6px 0 0 0;
			border-top: solid 2px #fff;
			border-right: solid 2px #fff;
			transform: rotate(45deg);
		}
		.mainNavi .navFeature > a:after {
			content: none;
		}
	.mainNavi li li a {
		padding-left: 40px;
	}
}


/* main
--------------------------------------------------*/
#contents p {
	line-height: 1.8;
}

/* contents
--------------------------------------------------*/
#contents {
}

@media screen and (max-width: 740px) {
	#contents {
	}
}


/* footer
--------------------------------------------------*/
#pagetop {
    bottom: 20px;
    display: none;
    position: fixed;
    right: 20px;
    z-index: 500;
}
	#pagetop img {
		width: 60px;
		height: 55px;
	}
footer {
	background: #00B532;
	color: #fff;
	padding: 20px 0;
	box-sizing: border-box;
}
	footer > div {
		display: table;
		padding-bottom: 20px;
	}
		footer > div > * {
			display: table-cell;
			vertical-align: middle;
		}
		footer > div > h1 {
			width: 26%;
			max-width: 270px;
		}
		footer > div > h1 img {
			width: 100%;
		}
		footer > div > * h2 {
			margin: 0 0 0 15px;
			font-size: 109%;
		}
		footer > div > * p {
			display: inline-block;
			margin: 10px 5px 0 15px;
		}
		footer > div > * p a:link,
		footer > div > * p a:active,
		footer > div > * p a:visited {
			color: #fff;
		}
		footer > div > * p a:hover,
		footer > div > * p a:focus {
			color: #fff;
		}
	footer > p {
		text-align: center;
		margin-top: 10px;
		padding-top: 10px;
		border-top: 1px dotted #fff;
	}
@media screen and (max-width: 740px) {
	#pagetop img {
		width: 40px;
		height: 37px;
	}
	
	footer {
		padding: 10px 0;
	}
		footer > div {
			display: block;
			padding-bottom: 10px;
		}
		footer > div > * {
			display: block;
		}
		footer > div > h1 {
			width: 100%;
			max-width: 300px;
			margin: 0 auto;
		}
		footer > div > * h2,
		footer > div > * p {
			display: block;
			margin: 10px 0;
		}
}