@charset "utf-8";

/* ======================

 [brake-point]
 min-width:769px
 max-width:768px

====================== */

/* -----------------------------------------------------------------------------------------------------------
 メインスライダー
----------------------------------------------------------------------------------------------------------- */
#topMainSlide {
	position: relative;
	width: 100%;
	height: 650px;
	background-image: url(../img/top/top_slide_bg_grass.png), url(../img/top/top_slide_bg_mt_l.png), url(../img/top/top_slide_bg_mt_r.png);
	background-repeat: repeat-x, no-repeat, no-repeat;
	background-position: center bottom, left bottom, right bottom;
}
#topMainSlide > #mainSlide {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 500px;
	z-index: 1;
}
#topMainSlide > #mainSlide::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 452px;
	height: 202px;
	background-image: url(../img/top/top_slide_bg_flag.png);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 2;
}
#topMainSlide > #mainSlide::after {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	width: 452px;
	height: 202px;
	background-image: url(../img/top/top_slide_bg_flag.png);
	background-repeat: no-repeat;
	background-position: right top;
	-ms-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	transform: scale(-1, 1);
	z-index: 2;
}
#topMainSlide > #mainSlide > .slickSlider {
}
#topMainSlide > #mainSlide > .slickSlider .slick-slide {
}
#topMainSlide > #mainSlide > .slickSlider .slick-slide img {
	width: 100%;
	height: auto;
}
#topMainSlide > #mainSlide > .slick-slide:not(.slick-current) {}
#topMainSlide > #mainTitle {
	position: absolute;
	left: 50%;
	bottom: 90px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 742px;
	height: 192px;
	background-image: url(../img/top/top_slide_bg_title.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	z-index: 3;
}
#topMainSlide > #mainTitle .txt {
	font-size: 2.0rem;
	font-weight: bold;
	padding-top: 150px;
}
#topMainSlide > #mainTitle .txt .s1 {
	color: #5ab6ad;
}
#topMainSlide > #mainTitle .txt .s2 {
	background-image: url(../img/top/top_slide_bg_line.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}


/* -----------------------------------------------------------------------------------------------------------
 TOPページ
----------------------------------------------------------------------------------------------------------- */

.topContents .innerContainer,
#topWrapSeazon .innerContainer,
#topWrapInt .innerContainer{
	width: 1000px;
	margin: 0 auto;
}

#topWrapSeazon {
	padding-top: 50px;
}

#topWrapBanner {
	padding-bottom: 70px;
}

/*	レイアウト
---------------------------------------------------------------------- */
.topWrapThumb {
	overflow: hidden;
}
.topWrapThumb > .item  {
	position: relative;
	float: left;
}
.topWrapThumb > .item:nth-child(3n+2) {
	margin: 0 5px;
}
.topWrapThumb > .item:nth-child(n+4) {
	margin-top: 5px;
}
.topWrapThumb > .item > .thumbTxt {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 1.7rem;
	font-weight: bold;
	color: #fff !important;
	line-height: 1.2;
	padding: 20px 15px 12px;
	text-shadow: 3px 3px 10px rgba(0,0,0,0.3);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 60%, rgba(0,0,0,0.5) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 60%,rgba(0,0,0,0.5) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 60%,rgba(0,0,0,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#80000000',GradientType=0 );
}
.topWrapThumb > .item > .thumbTxt .date {
	font-size: 1.5rem;
	padding-bottom: 5px;
	color: #fff !important;
}
.topWrapThumb > .item > .thumbTxt a {
	color: #fff;
	text-decoration: none;
}

/*	今が旬
---------------------------------------------------------------------- */
#topWrapSeazon {}
#topWrapSeazon .wrapPageTtlSeazon {
	margin-bottom: 30px !important;
}

/*	お知らせ
---------------------------------------------------------------------- */
#topWrapNews {
	padding: 50px 0 70px;
}
#topWrapNews .innerBox {
	display: table;
	width: 1000px;
	margin: 0 auto;
}
#topWrapNews .innerBox .leftW {
	display: table-cell;
	width: 200px;
	padding: 40px;
	text-align: center;
	background-color: #e6f4d6;
	vertical-align: middle;
	border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
}
#topWrapNews .innerBox .rightW {
	display: table-cell;
	border-width: 2px 2px 2px 0;
	border-style: solid;
	border-color: #e4e4e4;
	padding: 20px 25px;
	border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
}
#topWrapNews .innerBox .ttl {
	font-size: 2.4rem;
	color: #333;
	margin-bottom: 20px;
}
#topWrapNews .innerBox .wrapBtnListS .btn {
	width: 140px;
}
#topWrapNews .innerBox .wrapBtnListS .btn a {
	font-size: 1.4rem;
	padding: 5px 18px 5px 8px;
}
#topWrapNews .innerBox dl {
	display: table;
	width: 100%;
	font-size: 1.6rem;
	color: #333;
	padding: 10px 0;
}
#topWrapNews .innerBox dl:not(:last-child){
	border-bottom: 1px dotted #bbb;
}
#topWrapNews .innerBox dl dt {
	display: table-cell;
	width: 7.5em;
}
#topWrapNews .innerBox dl dd {
	display: table-cell;
	line-height: 1.6;
}
#topWrapNews .innerBox dl dd a {
	color: #333;
}
#topWrapNews .innerBox dl dd a:hover {
	color: #4a8505;
}

/*	体験・アクティビティを探す
---------------------------------------------------------------------- */
#topWrapSearch {}
#topWrapSearch .sTtl {
	font-size: 2.0rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #53a2c3;
	padding: 8px 10px 6px;
	border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
}

/* 地域で探す -------------------------*/
#topWrapSearch #searchArea {
	float: left;
	width: 486px;
	margin-bottom: 30px;
}

/* ジャンルで探す -------------------------*/
#topWrapSearch #searchGenre {
	float: right;
	width: 486px;
}
#topWrapSearch #searchGenre > .genreList {
}
#topWrapSearch #searchGenre > .genreList > .item {
	width: 239px;
	margin-top: 10px;
	box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.3);
}
#topWrapSearch #searchGenre > .genreList > .item:nth-child(odd) {
	float: left;
}
#topWrapSearch #searchGenre > .genreList > .item:nth-child(even) {
	float: right;
}
#topWrapSearch #searchGenre > .genreList > .item > .thumbP {
	position: relative;
}
#topWrapSearch #searchGenre > .genreList > .item > .thumbP > .txt {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	padding: 20px 15px 10px;
	text-shadow: 3px 3px 10px rgba(0,0,0,0.3);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 60%, rgba(0,0,0,0.5) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 60%,rgba(0,0,0,0.5) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 60%,rgba(0,0,0,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#80000000',GradientType=0 );
}
#topWrapSearch #searchGenre > .genreList > .item > .thumbP > .txt a {
	color: #fff;
	text-decoration: none;
}
#topWrapSearch #searchGenre > .genreList > .item > .thumbT {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	background-repeat: no-repeat;
	background-position: left 10px center;
	padding: 10px 8px 10px 53px;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #e0e0e0;
}
#topWrapSearch #searchGenre > .genreList > #genre01.item > .thumbT {
	background-image: url(../img/top/ic_genre_01.png);
	color: #df8719;
}
#topWrapSearch #searchGenre > .genreList > #genre02.item > .thumbT {
	background-image: url(../img/top/ic_genre_02.png);
	color: #d95e79;
}
#topWrapSearch #searchGenre > .genreList > #genre03.item > .thumbT {
	background-image: url(../img/top/ic_genre_03.png);
	color: #3d5692;
}
#topWrapSearch #searchGenre > .genreList > #genre04.item > .thumbT {
	background-image: url(../img/top/ic_genre_04.png);
	color: #4a8505;
}

/* 月別で探す -------------------------*/
#topWrapSearch #searchMonth {
	clear: both;
	width: 880px;
	margin: 0 auto;
}
#topWrapSearch #searchMonth > .monthList {
	background-color: #f1f0eb;
	padding: 14px;
	letter-spacing: -.4em;
}
#topWrapSearch #searchMonth > .monthList > li {
	display: inline-block;
	width: 142px;
	text-align: center;
	letter-spacing: normal;
}
#topWrapSearch #searchMonth > .monthList > li:not(:nth-child(6n+1)) {
	border-left: 1px solid #f1f0eb;
}
#topWrapSearch #searchMonth > .monthList > li:nth-child(n+6) {
	border-top: 1px solid #f1f0eb;
}
#topWrapSearch #searchMonth > .monthList > li a {
	display: block;
	font-size: 2.6rem;
	font-weight: bold;
	color: #539ec6;
	text-decoration: none;
	background-color: #fff;
	padding: 23px 10px;
	transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
}
#topWrapSearch #searchMonth > .monthList > li a:hover {
	color: #fff;
	background-color: #539ec6;
}
#topWrapSearch #searchMonth > .monthList > li a span {
	position: relative;
	left: 3px;
	font-size: 1.6rem;
	font-weight: normal;
	vertical-align: baseline;
}

/*	通年開催
---------------------------------------------------------------------- */
#topWrapHold {}

/*	オモシロ体験
---------------------------------------------------------------------- */
#topWrapInt {
	width: 100%;
	background-image: url(../img/top/bg_wrap_int.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 65px 0;
}
#topWrapInt > .innerContainer {
	position: relative;
	padding: 30px 40px 40px;
	background-color: rgba(255,255,255,0.9);
}
#topWrapInt > .innerContainer::before {
	position: absolute;
	display: block;
	content: '';
	top: -15px;
	right: 60px;
	width: 160px;
	height: 153px;
	background-image: url(../img/top/bg_int_children.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
#topWrapInt > .innerContainer > .wrapPageTtlInt {
	margin-bottom: 15px !important;
}
#topWrapInt > .innerContainer > .wrapThumbThree {
	margin-bottom: 40px;
}
#topWrapInt > .innerContainer > .wrapThumbThree .item:nth-of-type(2) {
	margin: 0 25px;
}

/*	MOVIE
---------------------------------------------------------------------- */
#topWrapMv {
	padding-top: 4em;
}
#topWrapMv > .innerContainer > .wrapMvThree {
	overflow: hidden;
}
#topWrapMv > .innerContainer > .wrapMvThree > .item  {
	float: left;
	width: 303px;
	height: 234px;
	margin-bottom: 20px;
}
#topWrapMv > .innerContainer > .wrapMvThree > .item:nth-child(3n-1) {
	margin: 0 45px 0 46px;
}
#topWrapMv > .innerContainer > .wrapMvThree > .item .photo {
	position: relative;
	margin-bottom: 10px;
	border: 4px solid #d4d4d4;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#topWrapMv > .innerContainer > .wrapMvThree > .item .photo::after {
	position: absolute;
	display: block;
	content: '';
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 68px;
	height: 48px;
	background-image: url(../img/top/ic_mv_play.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#topWrapMv > .innerContainer > .wrapMvThree > .item a .thumbTxt {}
#topWrapMv > .innerContainer > .wrapMvThree > .item a {
	font-size: 1.6rem !important;
    color: #333 !important;
    line-height: 1.4;
}
#topWrapMv > .innerContainer > .wrapMvThree > .item a:hover {
	color: #4a8505 !important;
}

/*	心の豊かさ
---------------------------------------------------------------------- */
#topWrapHeart {
	background-color: #f1f9ea;
	margin-bottom: 8em;
}
#topWrapHeart .innerContainer {
	position: relative;
}
#topWrapHeart .innerContainer::after {
	position: absolute;
	content: '';
	display: block;
	right: 0;
	bottom: -15px;
	width: 562px;
	height: 66px;
	background-image: url(../img/top/bg_heart.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 562px auto;
	z-index: 1;
}
#topWrapHeart > .innerContainer {
	position: relative;
	padding: 50px 0 40px;
	z-index: 2;
}
#topWrapHeart > .innerContainer > .wrapHeartTwo {
	display: table;
}
#topWrapHeart > .innerContainer > .wrapHeartTwo > .leftW {
	display: table-cell;
	vertical-align: top;
	padding-right: 30px;
	width: 55.2%;
}
#topWrapHeart > .innerContainer > .wrapHeartTwo > .rightW {
	display: table-cell;
	vertical-align: top;
	width: 41.8%;
}
#topWrapHeart > .innerContainer > .wrapHeartTwo .title {
	font-size: 2.2rem;
	color: #333;
	padding: 30px 0;
	margin-bottom: 20px;
	background-image: url(../img/common/bg_ttl_info.png), url(../img/common/bg_ttl_info.png);
	background-repeat: repeat-x, repeat-x;
	background-position: left top, left bottom;
	background-size: 30% auto, 30% auto;
}
#topWrapHeart > .innerContainer > .wrapHeartTwo .title img {
	max-width: 100%;
	width: 434px;
}
#topWrapHeart > .innerContainer > .wrapHeartTwo .title strong {
	color: #5BA419;
}
#topWrapHeart > .innerContainer > .wrapHeartTwo .txt {
	font-size: 1.6rem;
}
#topWrapHeart > .innerContainer > .wrapHeartTwo .txt:not(last-child) {
	padding-bottom: 15px;
}
#topWrapHeart > .innerContainer > .wrapHeartTwo .txt strong {
	color: #000;
}
#topWrapHeart > .innerContainer > .wrapHeartTwo .photo {
}
#topWrapHeart > .innerContainer > .wrapHeartTwo .photo img {
	max-width: 417px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#topWrapHeart > .innerContainer > .wrapHeartTwo .caption {
	font-size: 1.3rem;
	color: #666;
	text-align: right;
	margin-top: 5px;
}