@charset "utf-8";

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

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

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

/* -----------------------------------------------------------------------------------------------------------
 メインスライダー
----------------------------------------------------------------------------------------------------------- */
#topMainSlide {
	position: relative;
	width: 100%;
	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;
	background-size: 50%, 50%;
}
#topMainSlide > #mainSlide {
	position: relative;
	width: 100%;
	z-index: 1;
}
#topMainSlide > #mainSlide::before {
	content: '';
	display: block;
	padding-top: 50%;
}
#topMainSlide > #mainSlide > .slickSlider {
	margin-top: -50%;
}
#topMainSlide > #mainSlide > .slickSlider .slick-slide img {
	max-width: 100%;
	width: 100%;
	height: auto;
}
#topMainSlide > #mainTitle {
	position: relative;
	width: 90%;
	margin: -10% auto 0;
	background-image: url(../img/top/top_slide_bg_title.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	text-align: center;
	z-index: 3;
}
#topMainSlide > #mainTitle .txt {
	font-size: 2.0rem;
	font-weight: bold;
	padding: 21% 0 25px;
}
#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;
	background-size: 100% 30%;
}


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

.topContents .innerContainer,
#topWrapSeazon .innerContainer,
#topWrapInt .innerContainer {
	width: 100%;
}

#topWrapSeazon {
	padding-top: 30px;
}

#topWrapBanner {
	padding-bottom: 40px;
}

/*	レイアウト
---------------------------------------------------------------------- */
.topWrapThumb {
	overflow: hidden;
	width: 94%;
	margin: 0 auto;
}
.topWrapThumb > .item  {
	position: relative;
	float: left;
	width: 49%;
}
.topWrapThumb > .item:nth-child(odd) {
	margin-right: 1%;
}
.topWrapThumb > .item:nth-child(even) {
	margin-left: 1%;
}
.topWrapThumb > .item:nth-child(n+3) {
	margin-top: 1.75%;
}
.topWrapThumb > .item > .photo img {
	width: 100%;
}
.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 {}

/*	お知らせ
---------------------------------------------------------------------- */
#topWrapNews {
	overflow: hidden;
	width: 94%;
	margin: 0 auto;
}
#topWrapNews .innerBox {}
#topWrapNews .innerBox .leftW {
	padding: 10px;
	text-align: center;
	background-color: #e6f4d6;
	border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
}
#topWrapNews .innerBox .rightW {
	border-width:  0 2px 2px;
	border-style: solid;
	border-color: #e4e4e4;
	padding: 5px 15px;
	margin-bottom: 3em;
	border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
}
#topWrapNews .innerBox .ttl {
	font-size: 2.4rem;
	color: #333;
}
#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 {
	width: 94%;
	margin: 0 auto 20px;
}
#topWrapSearch #searchArea .map img {
	width: 100%;
}

/* ジャンルで探す -------------------------*/
#topWrapSearch #searchGenre {
	width: 94%;
	margin: 0 auto 20px;
}
#topWrapSearch #searchGenre > .genreList {
}
#topWrapSearch #searchGenre > .genreList > .item {
	width: 49%;
	margin-top: 2%;
	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 > .photo img {
	width: 100%;
}
#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.6rem;
	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: 94%;
	margin: 0 auto;
}
#topWrapSearch #searchMonth > .monthList {
	background-color: #f1f0eb;
	padding: 10px;
	letter-spacing: -.4em;
}
#topWrapSearch #searchMonth > .monthList > li {
	display: inline-block;
	width: 33.3333%;
	text-align: center;
	letter-spacing: normal;
}
#topWrapSearch #searchMonth > .monthList > li:not(:nth-child(3n+1)) {
	border-left: 1px solid #f1f0eb;
}
#topWrapSearch #searchMonth > .monthList > li:nth-child(n+3) {
	border-top: 1px solid #f1f0eb;
}
#topWrapSearch #searchMonth > .monthList > li a {
	display: block;
	font-size: 2.2rem;
	font-weight: bold;
	color: #539ec6;
	text-decoration: none;
	background-color: #fff;
	padding: 10px 10px;
	transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
}
#topWrapSearch #searchMonth > .monthList > li a:hover {}
#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: 3%;
}
#topWrapInt > .innerContainer {
	position: relative;
	padding: 30px 15px 30px;
	background-color: rgba(255,255,255,0.9);
}
#topWrapInt > .innerContainer > .wrapPageTtlInt {
	margin-bottom: 20px !important;
}
#topWrapInt > .innerContainer > .wrapThumbThree {
	margin-bottom: 40px;
}
#topWrapInt > .innerContainer > .wrapThumbThree .item:nth-of-type(2) {
}

/*	MOVIE
---------------------------------------------------------------------- */
#topWrapMv {
	padding-top: 4em;
}
#topWrapMv > .innerContainer > .wrapMvThree {
	overflow: hidden;
}
#topWrapMv > .innerContainer > .wrapMvThree > .item  {
	max-width: 303px;
	width: 94%;
	margin: 0 auto;
}
#topWrapMv > .innerContainer > .wrapMvThree > .item:not(:first-child) {
	margin-top: 20px;
}
#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 img {
	max-width: 100%;
}
#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;
}

/*	心の豊かさ
---------------------------------------------------------------------- */
#topWrapHeart {
	position: relative;
	background-color: #f1f9ea;
	margin-bottom: 8em;
}
#topWrapHeart::after {
	position: absolute;
	content: '';
	display: block;
	bottom: -50px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	height: 302px;
	background-image: url(../img/top/bg_heart.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 100% auto;
	z-index: 1;
}
#topWrapHeart > .innerContainer {
	position: relative;
	padding: 20px 5%;
	z-index: 2;
}
#topWrapHeart > .innerContainer > .wrapHeartTwo {
}
#topWrapHeart > .innerContainer > .wrapHeartTwo > .leftW {
}
#topWrapHeart > .innerContainer > .wrapHeartTwo > .rightW {
}
#topWrapHeart > .innerContainer > .wrapHeartTwo .title {
	font-size: 2.2rem;
	color: #333;
	padding: 20px 0;
	text-align: center;
	line-height: 1.4;
	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 strong {
	color: #5BA419;
}
#topWrapHeart > .innerContainer > .wrapHeartTwo .title img {
	display: inline-block;
	width: 80%;
	max-width: 100%;
}
#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 {
	text-align: center;
}
#topWrapHeart > .innerContainer > .wrapHeartTwo .photo img {
	width: 100%;
	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: center;
	margin-top: 5px;
}

/*	バナー（大募集）
---------------------------------------------------------- */
.topContents .wrapRec {
	padding: 0 5%;
}