@charset "utf-8";
/* CSS Document */
/****************************************************************************/
/**								愛知で遊ぶ用CSS								*/
/****************************************************************************/


/* ----------------------------------------------------
		愛知で遊ぶ
---------------------------------------------------- */
#play_top_wrap {
	padding: 7% 0;
}

#play_top_explain {
	background: url(/img/ja/play/play_title_bg.png) no-repeat center top;
	padding-top: 40px;
}

#play_top_explain h2 {
	text-align: center;
}

#play_top_explain p {
	text-align: center;
	font-size: 1.5rem;
	line-height: 2;
	margin-top: 30px;
}

.play_box {
	margin-top: 13%;
}

#history.play_box {
	margin-top: 4%;
}

.play_box .toggle_title {
	background-color: #aa85b2;
	color: #ffffff;
 	font-size: 3.0rem;
	font-family: 'honokamin';
	font-weight: normal;
	position: relative;
	cursor: pointer;
	padding: 10px 50px 10px 10px;
	box-sizing: border-box;
	line-height: 1.2;
	text-align: center;
	margin: 5% 0 4%;
}

.play_box .toggle_title:after {
	background: url(/img/ja/common/arrow_down_white.png) no-repeat;
	content: "";
	width: 34px;
	height: 34px;
	position: absolute;
	right: 13px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.play_box .toggle_title.active:after {
	transform: rotate(-90deg);
}

#industry.play_box .toggle_title {
	background-color: #6d7da8;
}

#tradition.play_box .toggle_title {
	background-color: #bfa359;
}

#nature.play_box .toggle_title {
	background-color: #94ae77;
}

#museum.play_box .toggle_title {
	background-color: #5bb1d4;
}

#amusement.play_box .toggle_title {
	background-color: #ca7c7c;
}

.play_box_inner {
	display: none;
}

.play_box_inner_open {
	
}

.play_box .play_subtitle {
	margin: 7% 0 0;
}

.play_box .play_subtitle + p {
	margin: 3% 0;
}

.play_box h2 {
	font-size: 2.0rem;
	font-family: 'honokamin';
	font-weight: normal;
	line-height: 1.2;
	text-align: center;
	margin-top: 5px;
}

.play_box h2 span {
	font-size: 1.6rem;
}

.play_box p {
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.6;
}

.play_box li {
	margin-top: 2.5%;
}


/* ----------------------------------------------------
		愛知で遊ぶ
---------------------------------------------------- */
#play_wrap {
	padding-bottom: 7%;
}

#play_wrap .headline {
	padding-top: 7%;
}

.play_img {
	margin: 10% 0 4%;
}
.play_img img {
	width: 100%;
}

#play_wrap .caption {
	margin-top: 4%;
}

.play_explain {
	margin-top: 30px;
	color: #5d4037;
	font-size: 1.5rem;
	line-height: 1.8;
}

#play_wrap .free_html p {
	line-height: 1.8;
}

#play_wrap #search_form h1 {
	background-color: #b6c797;
	margin-top: 5%;
}

#play_wrap .pagination li a:hover, #play_wrap .pagination li.page_select {
	background-color: #b6c797;
}

#course {
	margin: 12% 0 7%;
	padding: 50px 0;
	background-color: #ebf5da;
}

#course h1 {
	margin-bottom: 20px;
}

.slider_arrow_l .bx-prev {
	left: -100px;
}

.slider_arrow_l .bx-next {
	right: -100px;
}

#course li {
	position: relative;
	width: 240px;
}

#course li .area {
	position: absolute;
	top: 0;
	left: 0;
}

#course li div {
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	bottom: 0;
	width: 100%;
	font-weight: bold;
	color: #ffffff;
	padding: 10px;
	box-sizing: border-box;
	line-height: 1.37;
}

#course li div strong {
	font-size: 1.4rem;
}

.genre_list li {
	float: left;
	width: 135px;
	margin: 6px 9px 0 0;
	text-align: center;
}

.genre_list h2 {
	font-size: 1.6rem;
	line-height: 1.3;
	margin-top: 10px;
	font-weight: normal;
}

.genre_list li:nth-child(7n) {
	margin-right: 0;
}