@charset "utf-8";

html {
	font-size: 16px !important;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	line-height: 1.75 !important;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff;
	overflow-x: hidden;
}

.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}

img {
	width: 100%;
	height: auto;
	vertical-align:top;
}

a {
	text-decoration: none;
}
a:hover img {
	opacity: 0.8;
}
a.anchor {
	display: block;
	padding-top: 100px;
	margin-top: -100px;
	box-shadow: none;
}
a.ourstory-anchor {
	display: block;
	padding-top: 180px;
	margin-top: -180px;
	box-shadow: none;
}



a.txtlink-1 {
	color: #000;
	text-decoration: underline;
}
a.txtlink-1:hover {
	color: #28a14a;
}


h1 {
	margin: 0;
	padding: 0;
}

.w100 {
	width: 100%;
}

.mt0 {
	margin-top:0;
}
.mt10 {
	margin-top:10px;
}
.mt20 {
	margin-top:20px;
}
.mt30 {
	margin-top:30px;
}
.mt40 {
	margin-top:40px;
}
.mt50 {
	margin-top:50px;
}
.mt60 {
	margin-top:60px;
}
.mt70 {
	margin-top:70px;
}
.mt80 {
	margin-top:80px;
}
.mt90 {
	margin-top:90px;
}
.mt100 {
	margin-top:100px;
}
.mr0 {
	margin-right:0;
}
.mr10 {
	margin-right:10px;
}
.mr20 {
	margin-right:20px;
}
.mr30 {
	margin-right:30px;
}
.mr40 {
	margin-right:40px;
}
.mr50 {
	margin-right:50px;
}
.mr60 {
	margin-right:60px;
}
.mr70 {
	margin-right:70px;
}
.mb0 {
	margin-bottom:0;
}
.mb10 {
	margin-bottom:10px;
}
.mb20 {
	margin-bottom:20px;
}
.mb30 {
	margin-bottom:30px;
}
.mb40 {
	margin-bottom:40px;
}
.mb50 {
	margin-bottom:50px;
}
.mb60 {
	margin-bottom:60px;
}
.mb70 {
	margin-bottom:70px;
}
.mb80 {
	margin-bottom:80px;
}
.mb90 {
	margin-bottom:90px;
}
.mb100 {
	margin-bottom:100px;
}
.ml0 {
	margin-left:0;
}
.ml10 {
	margin-left:10px;
}
.ml20 {
	margin-left:20px;
}
.ml30 {
	margin-left:30px;
}
.ml40 {
	margin-left:40px;
}
.pt0 {
	padding-top:0;
}
.pt5 {
	padding-top:5px;
}
.pt10 {
	padding-top:10px;
}
.pt20 {
	padding-top:20px;
}
.pt30 {
	padding-top:30px;
}
.pt40 {
	padding-top:40px;
}
.pt50 {
	padding-top:50px;
}
.pt60 {
	padding-top:60px;
}
.pr0 {
	padding-right:0;
}
.pr10 {
	padding-right:10px;
}
.pr20 {
	padding-right:20px;
}
.pr30 {
	padding-right:30px;
}
.pr40 {
	padding-right:40px;
}
.pb0 {
	padding-bottom:0;
}
.pb5 {
	padding-bottom:5px;
}
.pb10 {
	padding-bottom:10px;
}
.pb20 {
	padding-bottom:20px;
}
.pb30 {
	padding-bottom:30px;
}
.pb40 {
	padding-bottom:40px;
}
.pb50 {
	padding-bottom:50px;
}
.pb60 {
	padding-bottom:60px
}
.pl0 {
	padding-left:0;
}
.pl10 {
	padding-left:10px;
}
.pl20 {
	padding-left:20px;
}
.pl30 {
	padding-left:30px;
}
.pl40 {
	padding-left:40px;
}

.fll {
	float:left;
}
.flr {
	float:right;
}

.tal {
	text-align:left;
}
.tac {
	text-align:center;
}
.tar {
	text-align:right;
}

@media print, screen and (max-width: 768px) {

	a.anchor {
		display: block;
		padding-top: 50px;
		margin-top: -50px;
		box-shadow: none;
	}
	a.ourstory-anchor {
		display: block;
		padding-top: 150px;
		margin-top: -150px;
		box-shadow: none;
	}

	.ml0-sp {
		margin-left:0;
	}
	.ml5-sp {
		margin-left:5px;
	}
	.ml10-sp {
		margin-left:10px;
	}
	.ml15-sp {
		margin-left:15px;
	}
	.ml20-sp {
		margin-left:20px;
	}
	.ml25-sp {
		margin-left:25px;
	}
	.ml30-sp {
		margin-left:30px;
	}
	.ml40-sp {
		margin-left:40px;
	}

}

.fc-g {
	color: #28a14a;
}

.fw-400 {
	font-weight: 400;
}
.fw-500 {
	font-weight: 500;
}
.fw-600 {
	font-weight: 600;
}
.fw-700 {
	font-weight: 700;
}
.fw-800 {
	font-weight: 800;
}
.fw-900 {
	font-weight: 900;
}



.contents-title-9-24 {
	width: 100%;
	font-size: 2.4rem;
	font-weight: 900;
	line-height: 1.4;
	text-align: center;
}
.contents-title-9-22 {
	width: 100%;
	font-size: 2.2rem;
	font-weight: 900;
	line-height: 1.4;
	text-align: center;
}
.contents-title-9-20 {
	width: 100%;
	font-size: 2.0rem;
	font-weight: 900;
	line-height: 1.4;
	text-align: center;
}
.contents-title-9-19 {
	width: 100%;
	font-size: 1.9rem;
	font-weight: 900;
	line-height: 1.4;
	text-align: center;
}
.contents-title-9-18 {
	width: 100%;
	font-size: 1.8rem;
	font-weight: 900;
	line-height: 1.4;
	text-align: center;
}
.contents-title-9-17 {
	width: 100%;
	font-size: 1.7rem;
	font-weight: 900;
	line-height: 1.4;
	text-align: center;
}
.contents-title-9-16 {
	width: 100%;
	font-size: 1.6rem;
	font-weight: 900;
	line-height: 1.4;
	text-align: center;
}


.contents-title-7-16 {
	width: 100%;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
}
.contents-title-7-15 {
	width: 100%;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
}
.contents-title-7-14 {
	width: 100%;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
}



.contents-title-4-11 {
	width: 100%;
	font-size: 1.1rem;
	font-weight: 400;
	text-align: center;
}
.contents-title-4-10 {
	width: 100%;
	font-size: 1.0rem;
	font-weight: 400;
	text-align: center;
}
.contents-title-4-09 {
	width: 100%;
	font-size: 0.9rem;
	font-weight: 400;
	text-align: center;
}



.contents-txt-9-20 {
	width: 100%;
	font-size: 2.0rem;
	font-weight: 900;
	line-height: 1.4;
	text-align: left;
}
.contents-txt-9-18 {
	width: 100%;
	font-size: 1.8rem;
	font-weight: 900;
	line-height: 1.4;
	text-align: left;
}
.contents-txt-9-17 {
	width: 100%;
	font-size: 1.7rem;
	font-weight: 900;
	line-height: 1.4;
	text-align: left;
}
.contents-txt-9-16 {
	width: 100%;
	font-size: 1.6rem;
	font-weight: 900;
	line-height: 1.4;
	text-align: left;
}


.contents-txt-7-18 {
	width: 100%;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: left;
}
.contents-txt-7-17 {
	width: 100%;
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: left;
}
.contents-txt-7-16 {
	width: 100%;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: left;
}
.contents-txt-7-15 {
	width: 100%;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: left;
}



.contents-txt-6-13 {
	width: 100%;
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1.4;
	text-align: left;
}
.contents-txt-4-10 {
	width: 100%;
	font-size: 1.0rem;
	font-weight: 400;
	line-height: 1.4;
	text-align: left;
}
.contents-txt-4-09 {
	width: 100%;
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 1.4;
	text-align: left;
}
.contents-txt-4-08 {
	width: 100%;
	font-size: 0.8rem;
	font-weight: 400;
	line-height: 1.4;
	text-align: left;
}
.contents-txt-4-07 {
	width: 100%;
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 1.4;
	text-align: left;
}

@media print, screen and (max-width: 768px) {

	.contents-title-sp-9-24 {
		width: 100%;
		font-size: 2.4rem;
		font-weight: 900;
		line-height: 1.4;
		text-align: center;
	}
	.contents-title-sp-9-22 {
		width: 100%;
		font-size: 2.2rem;
		font-weight: 900;
		line-height: 1.4;
		text-align: center;
	}
	.contents-title-sp-9-20 {
		width: 100%;
		font-size: 2.0rem;
		font-weight: 900;
		line-height: 1.4;
		text-align: center;
	}
	.contents-title-sp-9-19 {
		width: 100%;
		font-size: 1.9rem;
		font-weight: 900;
		line-height: 1.4;
		text-align: center;
	}
	.contents-title-sp-9-18 {
		width: 100%;
		font-size: 1.8rem;
		font-weight: 900;
		line-height: 1.4;
		text-align: center;
	}
	.contents-title-sp-9-17 {
		width: 100%;
		font-size: 1.7rem;
		font-weight: 900;
		line-height: 1.4;
		text-align: center;
	}
	.contents-title-sp-9-16 {
		width: 100%;
		font-size: 1.6rem;
		font-weight: 900;
		line-height: 1.4;
		text-align: center;
	}
	.contents-title-sp-9-15 {
		width: 100%;
		font-size: 1.5rem;
		font-weight: 900;
		line-height: 1.4;
		text-align: center;
	}


	.contents-title-sp-7-18 {
		width: 100%;
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1.4;
		text-align: center;
	}
	.contents-title-sp-7-17 {
		width: 100%;
		font-size: 1.7rem;
		font-weight: 700;
		line-height: 1.4;
		text-align: center;
	}
	.contents-title-sp-7-16 {
		width: 100%;
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 1.4;
		text-align: center;
	}
	.contents-title-sp-7-15 {
		width: 100%;
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1.4;
		text-align: center;
	}
	.contents-title-sp-7-14 {
		width: 100%;
		font-size: 1.4rem;
		font-weight: 700;
		line-height: 1.4;
		text-align: center;
	}
	.contents-title-sp-7-13 {
		width: 100%;
		font-size: 1.3rem;
		font-weight: 700;
		line-height: 1.4;
		text-align: center;
	}
	.contents-title-sp-7-12 {
		width: 100%;
		font-size: 1.2rem;
		font-weight: 700;
		line-height: 1.4;
		text-align: center;
	}
	.contents-title-sp-7-11 {
		width: 100%;
		font-size: 1.1rem;
		font-weight: 700;
		line-height: 1.4;
		text-align: center;
	}


	.contents-title-sp-4-11 {
		width: 100%;
		font-size: 1.1rem;
		font-weight: 400;
		text-align: center;
	}
	.contents-title-sp-4-10 {
		width: 100%;
		font-size: 1.0rem;
		font-weight: 400;
		text-align: center;
	}
	.contents-title-sp-4-09 {
		width: 100%;
		font-size: 0.9rem;
		font-weight: 400;
		text-align: center;
	}
	.contents-title-sp-4-08 {
		width: 100%;
		font-size: 0.8rem;
		font-weight: 400;
		text-align: center;
	}
	.contents-title-sp-4-07 {
		width: 100%;
		font-size: 0.7rem;
		font-weight: 400;
		text-align: center;
	}
	
	
	.contents-txt-sp-9-20 {
		width: 100%;
		font-size: 2.0rem;
		font-weight: 900;
		line-height: 1.4;
		text-align: left;
	}
	.contents-txt-sp-9-18 {
		width: 100%;
		font-size: 1.8rem;
		font-weight: 900;
		line-height: 1.4;
		text-align: left;
	}
	.contents-txt-sp-9-17 {
		width: 100%;
		font-size: 1.7rem;
		font-weight: 900;
		line-height: 1.4;
		text-align: left;
	}
	.contents-txt-sp-9-16 {
		width: 100%;
		font-size: 1.6rem;
		font-weight: 900;
		line-height: 1.4;
		text-align: left;
	}
	.contents-txt-sp-9-15 {
		width: 100%;
		font-size: 1.5rem;
		font-weight: 900;
		line-height: 1.4;
		text-align: left;
	}
	.contents-txt-sp-9-14 {
		width: 100%;
		font-size: 1.4rem;
		font-weight: 900;
		line-height: 1.4;
		text-align: left;
	}


	.contents-txt-sp-7-15 {
		width: 100%;
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1.4;
		text-align: left;
	}
	.contents-txt-sp-7-14 {
		width: 100%;
		font-size: 1.4rem;
		font-weight: 700;
		line-height: 1.4;
		text-align: left;
	}
	.contents-txt-sp-7-13 {
		width: 100%;
		font-size: 1.3rem;
		font-weight: 700;
		line-height: 1.4;
		text-align: left;
	}
	.contents-txt-sp-7-12 {
		width: 100%;
		font-size: 1.2rem;
		font-weight: 700;
		line-height: 1.4;
		text-align: left;
	}
	.contents-txt-sp-7-11 {
		width: 100%;
		font-size: 1.1rem;
		font-weight: 700;
		line-height: 1.4;
		text-align: left;
	}
	.contents-txt-sp-7-10 {
		width: 100%;
		font-size: 1.0rem;
		font-weight: 700;
		line-height: 1.4;
		text-align: left;
	}


	.contents-txt-sp-6-13 {
		width: 100%;
		font-size: 1.3rem;
		font-weight: 600;
		line-height: 1.4;
		text-align: left;
	}
	.contents-txt-sp-6-12 {
		width: 100%;
		font-size: 1.2rem;
		font-weight: 600;
		line-height: 1.4;
		text-align: left;
	}
	.contents-txt-sp-6-11 {
		width: 100%;
		font-size: 1.1rem;
		font-weight: 600;
		line-height: 1.4;
		text-align: left;
	}
	.contents-txt-sp-6-10 {
		width: 100%;
		font-size: 1.0rem;
		font-weight: 600;
		line-height: 1.4;
		text-align: left;
	}
	.contents-txt-sp-6-09 {
		width: 100%;
		font-size: 0.9rem;
		font-weight: 600;
		line-height: 1.4;
		text-align: left;
	}


	.contents-txt-sp-4-13 {
		width: 100%;
		font-size: 1.3rem;
		font-weight: 400;
		line-height: 1.55;
		text-align: left;
	}
	.contents-txt-sp-4-12 {
		width: 100%;
		font-size: 1.2rem;
		font-weight: 400;
		line-height: 1.55;
		text-align: left;
	}
	.contents-txt-sp-4-11 {
		width: 100%;
		font-size: 1.1rem;
		font-weight: 400;
		line-height: 1.55;
		text-align: left;
	}
	.contents-txt-sp-4-10 {
		width: 100%;
		font-size: 1.0rem;
		font-weight: 400;
		line-height: 1.55;
		text-align: left;
	}
	.contents-txt-sp-4-09 {
		width: 100%;
		font-size: 0.9rem;
		font-weight: 400;
		line-height: 1.55;
		text-align: left;
	}
	.contents-txt-sp-4-08 {
		width: 100%;
		font-size: 0.8rem;
		font-weight: 400;
		line-height: 1.55;
		text-align: left;
	}
	.contents-txt-sp-4-07 {
		width: 100%;
		font-size: 0.7rem;
		font-weight: 400;
		line-height: 1.55;
		text-align: left;
	}

}



.pc_hide { 
	display:none;
}
.sp_hide { 
	display:block;
}


@media print, screen and (max-width: 768px) {

	.pc_hide { 
		display:block;
	}
	.sp_hide { 
		display:none;
	}

}



.js-fade {
	opacity: 0;
	visibility: hidden;
	transform: translateY(50px);
	transition: opacity 1.8s,visibility 1.8s, transform 1.8s;
}
.js-fade-1 {
	opacity: 0;
	visibility: hidden;
	transform: translateY(50px);
	transition: opacity 1.8s,visibility 1.8s, transform 1.8s;
}
.js-fade-2 {
	opacity: 0;
	visibility: hidden;
	transform: translateY(50px);
	transition: opacity 1.8s,visibility 1.8s, transform 1.8s;
}
.js-fade-3 {
	opacity: 0;
	visibility: hidden;
	transform: translateY(50px);
	transition: opacity 1.8s,visibility 1.8s, transform 1.8s;
}

.inview {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}



.inviewDelayTrigger_fadeInBottom .inviewDelay_child {
	transition: all 0.8s ease;
	opacity: 0;
	visibility: hidden;
}
.inviewDelayTrigger_fadeInBottom .inviewDelay_child.st_animation {
	opacity: 1;
	visibility: visible;
}
.inviewDelayTrigger_fadeInBottom .inviewDelay_child {
	transform: translateY(100px);
}
.inviewDelayTrigger_fadeInBottom .inviewDelay_child.st_animation {
	transform: translateY(0);
}











/* 総合 */
.general-menu, 
.general-menu a {
	color: #00A95F;
	text-decoration: none;
}
/* イベント */
.events-menu, 
.events-menu a {
	color: #EE7800;
	text-decoration: none;
}
/* スポット */
.attractions-menu, 
.attractions-menu a {
	color: #0089CE;
	text-decoration: none;
}
/* お店 */
.shops-menu, 
.shops-menu a {
	color: #A84A00;
	text-decoration: none;
}
/* ホテル・宿 */
.accommodation-menu, 
.accommodation-menu a {
	color: #E84572;
	text-decoration: none;
}


.header-sitemenu.general-menu {
	border-bottom: 2px solid #00A95F;
}
.header-sitemenu.events-menu {
	border-bottom: 2px solid #EE7800;
}
.header-sitemenu.attractions-menu {
	border-bottom: 2px solid #0089CE;
}
.header-sitemenu.shops-menu {
	border-bottom: 2px solid #A84A00;
}
.header-sitemenu.accommodation-menu {
	border-bottom: 2px solid #E84572;
}


.header-sitemenu:hover.general-menu, 
.footer-menu:hover.general-menu {
	background-color: #00A95F;
}
.header-sitemenu:hover.events-menu, 
.footer-menu:hover.events-menu,
.recommend-category-item.events-category, 
.info-index-category-item.events-category {
	background-color: #EE7800;
}
.header-sitemenu:hover.attractions-menu, 
.footer-menu:hover.attractions-menu, 
.recommend-category-item.attractions-category, 
.info-index-category-item.attractions-category {
	background-color: #0089CE;
}
.header-sitemenu:hover.shops-menu, 
.footer-menu:hover.shops-menu, 
.recommend-category-item.shops-category, 
.info-index-category-item.shops-category {
	background-color: #A84A00;
}
.header-sitemenu:hover.accommodation-menu, 
.footer-menu:hover.accommodation-menu, 
.recommend-category-item.accommodation-category, 
.info-index-category-item.accommodation-category {
	background-color: #E84572;
}


.header-sitemenu.general-menu a:hover, .header-sitemenu.events-menu a:hover, 
.header-sitemenu.attractions-menu a:hover, .header-sitemenu.shops-menu a:hover, 
.header-sitemenu.accommodation-menu a:hover {
	color: #fff;
	text-decoration: none;
}


.footer-menu.general-menu a:hover, .footer-menu.events-menu a:hover, 
.footer-menu.attractions-menu a:hover, .footer-menu.shops-menu a:hover, 
.footer-menu.accommodation-menu a:hover {
	color: #fff;
	text-decoration: none;
}


.info-index-category-item.events-category {

}