/* --------------------------------------------------
	イベント・キャンペーン共通
-------------------------------------------------- */

/* - hero area
---------------------------------------------------------------------- */
.hero { margin-top: 30px; }

.hero > .content {
	background: url(/event/img/bg_hero.jpg) 0 0 no-repeat;
	min-height: 135px;
	text-align: center;
	padding-top: 20px;
	position: relative;
}

.hero > .content h2 {
	font-size: 2.6rem;
	color: #fff;
	background-color: rgba(6,52,13,0.8);
	padding: 6px 16px;
	display: inline-block;
}

/* - カテゴリータブ
---------------------------------------------------------------------- */
.category_nav_area {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.category_nav_area > .category_nav {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 0 1px;
}

.category_nav_area > .category_nav > div > a {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #e6e6e6;
	background-color: #f7f7f7;
	min-height: 40px;
	min-width: 250px;
	padding: 0 15px;
	text-align: center;
	box-sizing: border-box;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.4;
	color: #026aa9;
	transition: color 0.4s ease-in-out;
}

.category_nav_area > .category_nav > div > a i {
	margin-right: 0.4em;
	vertical-align: middle;
	font-size: 1.3rem;
	line-height: 1;
}

.category_nav_area > .category_nav > div > a i.fa.fa-chevron-circle-right { display: inline-block; }
.category_nav_area > .category_nav > div > a i.fa.fa-chevron-circle-down { display: none; }

.category_nav_area > .category_nav > div.current { border-top: 4px solid #2aa83d; }
.category_nav_area > .category_nav > div.current > a i { font-size: 1.5rem; }

.category_nav_area > .category_nav > div.current > a i.fa.fa-chevron-circle-right { display: none; }
.category_nav_area > .category_nav > div.current > a i.fa.fa-chevron-circle-down { display: inline-block; }

.no-touch .category_nav_area > .category_nav > div > a:hover,
.category_nav_area > .category_nav > div > a:focus { color: #268300; }

.category_nav_area > .category_nav > div.current > a {
	background-color: #fff;
	color: #444;
	border-bottom: 1px solid #fff;
	border-top: none;
	min-height: 50px;
	font-weight: bold;
	font-size: 1.8rem;
}


/* - イベントカテゴリータブ
---------------------------------------------------------------------- */
.event_nav {
	margin-top: 20px;
	border-bottom: 1px solid #e6e6e6;
}

.event_nav > .select_line {
	width: 100%;
	display: flex;
	align-items: center;
	background-color: #268300;
	
	display: none;
}

.event_nav > .select_line > .current_select {
	flex-grow: 0;
	padding: 4px 12px;
	min-width: 135px;
	color: #fff;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: center;
	border-right: 1px dotted #1b521f;
}

.event_nav > .select_line > .current_select i { margin-right: 0.4em; }

.event_nav > .select_line > .btn {
	flex-grow: 1;
	padding: 8px;
}

.event_nav > .select_line > .btn > a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2rem;
	text-align: center;
	text-shadow: 0 1px 3px rgba(0,0,0,0.1);

	padding: 6px;
	border-radius: 3px;
	background-color: #fff;
	color: #06a;
	box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}

.event_nav > .select_line > .btn.on > a {
	background-color: #1b521f;
	color: #eee;
	text-shadow: none;
	box-shadow: rgb(0,0,0, 0.1) 3px 3px 6px 0px inset, rgba(0,0,0,0.1) -3px -3px 6px 1px inset;
}

.event_nav > .select_line > .btn > a i { margin-right: 0.5em; }


.event_nav div.nav_list {
	display: flex;
	align-items: flex-end;
	width: 100%;
	gap: 0 2px;
	margin-bottom: -1px;
}

.event_nav div.nav_list > div { width: 14.286%; }

.event_nav div.nav_list > div > a {
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;

    border: 1px solid #e6e6e6;
    background-color: #f7f7f7;
    min-height: 35px;
    text-align: center;
    box-sizing: border-box;
    text-decoration: none;
    color: #0069a8;
    font-weight: bold;
    color: #026aa9;
    width: 100%;
	min-width: 120px;

	transition: color 0.4s ease-in-out;
}

.event_nav div.nav_list > div.current > a {
	background-color: #fff;
    color: #444;
    border-top: 4px solid #e4e4e4;
    border-bottom: 1px solid #fff;
    border-top: 4px solid #2aa83d;
    min-height: 56px;
	
    font-size: 1.6rem;
    font-weight: bold;

	min-height: 46px;
	font-size: 1.5rem;
}

.no-touch .event_nav div.nav_list > div > a:hover,
.event_nav div.nav_list > div > a:focus { color: #268300; }


.event_nav div.nav_list > div > a i {
	display: none;
	margin-right: 0.3em;
	font-size: 1.2rem;
	color: #188542;
}

.event_nav div.nav_list > div.current > a i { color: #fff; }

/*
.event_nav div.nav_list > div > a i {
	margin-right: 0.3em;
	font-size: 1.2rem;
}

.event_nav div.nav_list > div > a i.fa.fa-chevron-circle-down { display: none; }
.event_nav div.nav_list > div > a i.fa.fa-chevron-circle-right { display: inline-block; }

.event_nav div.nav_list > div.current > a i.fa.fa-chevron-circle-down { display: inline-block; }
.event_nav div.nav_list > div.current > a i.fa.fa-chevron-circle-right { display: none; }
*/









/* ----------------------------------------------------------------------

	ウインズ・パークウインズ・乗馬・その他

---------------------------------------------------------------------- */

/* - レイアウト
---------------------------------------------------------------------- */
.event_layout_grid {
	display: grid;
	grid-template-columns: 180px auto;
	gap: 30px;
}

.event_layout_grid > .main .event_unit + .event_unit { margin-top: 30px; }
.event_layout_grid > .main .event_unit .block_header + .link_list { margin-top: 15px; }

/* - データリストカスタマイズ
---------------------------------------------------------------------- */
ul.data_line_list.event_unit_list > li .data_list_unit > div.content { padding: 0; }



/* ------------------------------------------------------------
	979px以下
------------------------------------------------------------ */
@media screen and ( max-width : 979px ) {
	
	/* - hero image
	-------------------------------------------------- */
	.hero_area {
		max-width: 100%;
		box-sizing: border-box;
		padding: 0 10px;
		width: 100%;
	}
	
	.hero_area .content {
		height: auto;
		padding: 10px;
		background-position: right center;
	}
	
}

/* ------------------------------------------------------------
	939px以下
------------------------------------------------------------ */
@media screen and ( max-width : 939px ) {
	
	.hero { margin-top: 15px; }
	.hero > .content { min-height: 120px; padding-top: 15px; }

	/* --- カテゴリータブ --- */
	.category_nav_area {
		border: none;
		/*margin-top: 15px;*/
		bottom: -1px;
	}

	.category_nav_area > .category_nav {
		/*position: static;
		filter:none;*/
		width: 100%;
	}

	.category_nav_area > .category_nav > div { flex-grow: 1; }

	.category_nav_area > .category_nav > div.current { border-top-width: 3px; }
	.category_nav_area > .category_nav > div.current > a { min-height: 40px; }

	.category_nav_area > .category_nav > div > a {
		min-width: auto;
		padding: 0 5px;
	}

	/* --- イベントカテゴリーナビ --- */
	/*
	.event_nav div.nav.pills {
		display: flex;
		flex-wrap: wrap;
	}

	.event_nav div.nav.pills > div {
		display: block;
		width: 25%;
	}
	*/

	.event_nav div.nav_list {
		margin-bottom: 0;
		gap: 0;
		padding: 4px;

		flex-wrap: wrap;
		
		background-color: #ebebeb;
		/*padding: 4px;
		gap: 4px;
		*/
	}

	.event_nav div.nav_list > div {
		width: 25%;
		padding: 4px;
	}

	.event_nav div.nav_list > div > a {
		font-size: 1.3rem;
		line-height: 1.4;
		border-radius: 3px;
		min-height: auto;

		background-color: #fff;
		padding: 10px 5px;
		box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
		transition: background-color 0.4s ease-in-out;
	}

	.event_nav div.nav_list > div.current > a {
		background-color: #268300;
		color: #fff;

		min-height: auto;
		border: none;
		font-size: 1.3rem;
	}

	.no-touch .event_nav div.nav_list > div > a:hover,
	.event_nav div.nav_list > div > a:focus { background-color: #fff8e1; }

	.no-touch .event_nav div.nav_list > div.current > a:hover,
	.event_nav div.nav_list > div.current > a:focus { color: #fff; background-color: #268300; }

	.event_nav div.nav_list > div > a i.fa.fa-chevron-circle-down { display: none; }
	.event_nav div.nav_list > div > a i.fa.fa-chevron-circle-right { display: inline-block; }

	.event_nav div.nav_list > div.current > a i.fa.fa-chevron-circle-down { display: inline-block; }
	.event_nav div.nav_list > div.current > a i.fa.fa-chevron-circle-right { display: none; }


}


/* ------------------------------------------------------------
	767px以下
------------------------------------------------------------ */
@media screen and ( max-width : 767px ) {
	
	/* - hero image
	-------------------------------------------------- */
	.hero_area {
		max-width: 100%;
		box-sizing: border-box;
		padding: 0 10px;
		width: 100%;
	}
	
	.hero_area .content {
		height: auto;
		padding: 10px;
		padding: 0;
		background-position: right center;
	}
	
	.hero_area .content .info {
		height: auto;
		width: 100%;
		max-width: 100%;
		padding: 10px;
		background-color: rgba(6,52,13,0.6);
	}
	
	.hero_area .content .info h2 {
		font-size: 2.0rem;
		margin: 0;
		line-height: 1.4;
	}
	
	.hero_area .content .info p {
		margin-top: 5px;
		padding-right: 36px;
		font-size: 1.1rem;
	}
	
	.hero_area .content .info .arrow {
		font-size: 3.0rem;
		bottom: 10px;
		right: 10px;
		text-align: right;
	}

	.category_nav_area > .category_nav > div > a {
		font-size: 1.3rem;
	}

	.category_nav_area > .category_nav > div.current > a {
		font-size: 1.6rem;
	}

	.category_nav_area > .category_nav > div.current > a i {
		font-size: 1.3rem;
		line-height: 1;
	}
	
	
	/* - レイアウト
	-------------------------------------------------- */
	.event_layout_grid { grid-template-columns: 1fr; }
/*	.event_layout_grid > .img { display: none; } */
	
}

/* ------------------------------------------------------------
	639px以下
------------------------------------------------------------ */
@media screen and ( max-width : 639px ) {

	/* - hero image
	-------------------------------------------------- */
	.hero_area .content .info p { padding-right: 0; }
	
	/* --- イベントカテゴリーナビ --- */
	/*
	.event_nav div.nav.pills {
		display: flex;
		flex-wrap: wrap;
	}

	.event_nav div.nav.pills > div {
		display: block;
		width: 33.333%;
	}
	*/

	.event_nav div.nav_list > div {
		width: 33.333%;
	}
}

/* ------------------------------------------------------------
	479px以下
------------------------------------------------------------ */
@media screen and ( max-width : 479px ) {

	.hero > .content h2 { font-size: 2.2rem; }

	/* --- カテゴリータブ --- */
	.category_nav_area > .category_nav > div { width: 33.333%; }

	.category_nav_area > .category_nav > div > a {
		min-width: 0;
		font-size: 1.2rem;
		padding: 0;
	}

	.category_nav_area > .category_nav > div.current > a { font-size: 1.2rem; }

	.category_nav_area > .category_nav > div > a i,
	.category_nav_area > .category_nav > div.current > a i {
		font-size: 1rem;
		margin-right: 0.3em;
		line-height: 1.3;
	}

	/* --- イベントカテゴリーナビ --- */
	
	.event_nav { margin-top: 10px; }
	.event_nav > .select_line { display: flex; }
	.event_nav > .nav_line { display: none; }
	.event_nav > .nav_line.on { display: block; }

	.event_nav > dl > dt { display: block; }
	.event_nav > dl > dd { display: none; }
	.event_nav > dl > dd.on { display: block; }

	/*
	.event_nav div.nav.pills > div { width: 50%; }

	.event_nav div.nav.pills > div > a {
		font-size: 1.3rem;
		padding: 8px 2px;
	}
	*/

	.event_nav div.nav_list > div {
		width: 50%;
	}

}

/* ------------------------------------------------------------
	359px以下
------------------------------------------------------------ */
@media screen and ( max-width : 359px ) {

	.hero > .content {
		min-height: 100px;
		padding-top: 10px;
	}
	.hero > .content h2 { font-size: 1.8rem; }

	.category_nav_area > .category_nav > div > a { font-size: 1rem; }
	.category_nav_area > .category_nav > div.current > a { font-size: 1.1rem; }
	
	.event_nav > .select_line > .btn > a span { display: none; }
}