@charset "UTF-8";

/* -------------------------- */
/* basic */
/* -------------------------- */

.title_top {
	margin-bottom: 15px;
	font-size: 1.6rem;
	text-align: center;
}
	.fasIcon {
		margin: 0 auto 5px;
	}

.list_topInfo {
}
	.list_topInfo li {
		padding-bottom: 15px;
	}
		.list_topInfo li a {
			padding: 10px 35px 10px 10px;
			background: #fff;
			box-shadow: 0 0 2px 1px rgba(0,0,0,0.05);
			border-radius: 3px;
			display: block;
			line-height: 1.4;
			position: relative;
		}
		.list_topInfo li a::after {
			margin: auto;
			font-family: "Font Awesome 5 Free";
			content: "\f138";
			font-size: 1.5rem;
			font-weight: 900;
			position: absolute;
			right: 10px;
			top: 50%;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
		}
			.list_topInfo li a .date_topInfo {
				margin-bottom: 5px;
				color: #333;
				display: block;
				font-size: 1.2rem;
			}
		.list_topInfo li a:hover {
			color: #fff !important;
			opacity: 1;
		}
		.list_topInfo li a:hover::after {
			color: #fff !important;
		}
			.list_topInfo li a:hover .date_topInfo {
				color: #fff !important;
			}

.btn_topLink {
}
	.btn_topLink a {
		padding: 10px;
		border: 1px solid #eee1cf;
		border-radius: 3px;
		color: #333;
		display: block;
		text-align: center;
	}
		.btn_topLink a .fas {
			margin-left: 10px;
		}


/* -------------------------- */
/* content */
/* -------------------------- */

.content {
	padding: 0;
}

.mainVisual {
}
	.js-slideBox {
		position: relative;
	}
		.js-btnArrow {
			width: 20px;
			height: 20px;
			cursor: pointer;
			position: absolute;
			top: 50%;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			z-index: 2;
		}
		.js-btnPrev {
			left: 10px;
		}
		.js-btnNext {
			right: 10px;
		}
		.js-slideBox .slideList {
			line-height: 0;
			position: relative;
		}
			.js-slideBox .slideList a {
				display: block;
				position: relative;
			}
				.js-slideBox .slideList span {
					width: 100%;
					padding: 10px 15px;
					background: rgba(0,0,0,0.5);
					color: #fff;
					display: none;
					font-size: 1.2rem;
					line-height: 1.4;
					position: absolute;
					left: 0;
					bottom: 0;
					z-index: 1;
				}
				.js-slideBox .slick-active span {
					display: block;
				}

.introduction {
}
	.form_dateTop {
		margin-top: 1px;
		padding: 25px 15px;
		background: #f0ebe1;
		order: 2;
	}
		.form_dateTop .title_dateTop {
			margin-bottom: 5px;
			font-size: 1.6rem;
		}
			.form_dateTop .title_dateTop .fas {
				margin-right: 10px;
				color: #056e93;
			}
		.form_dateTop .form_dateBox {
			padding: 5px;
			background: #fff;
			box-shadow: 0 0 2px 1px rgba(0,0,0,0.05);
			border-radius: 3px;
			display: flex;
		}
		.form_dateTop .form_dateBox input[type=text] {
			width: 80%;
			border: none;
			font-size: 1.6rem;
		}
		.form_dateTop .form_dateBox input[type=submit] {
			width: 20%;
			padding: 5px 0;
			background: #056e93;
			border: none;
			border-radius: 3px;
			color: #fff;
			font-size: 1.4rem;
		}
		.form_dateTop .form_dateBox input[type=submit]:hover {
			opacity: 0.7;
		}
	.area {
		padding: 25px 15px;
		background: #f0ebe1;
		order: 1;
		position: relative;
	}
		.area .txt_area {
			font-size: 1.2rem;
			position: relative;
			z-index: 1;
		}
		.area .thum_img {
			width: 140px;
			position: absolute;
			right: 15px;
			top: 50%;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
		}

.catalog {
	padding: 25px 0;
}
	.catalog .fasIcon {
		background: #347c3b;
	}
	.catalog .bg_color_beige {
	}
		.list_total {
			padding: 25px 0;
		}
			.list_total li {
				width: 25%;
			}
			.list_total li:not(:last-child) {
				border-right: 1px solid #fff;
			}
				.list_total li a {
					color: #333;
					display: block;
					font-size: 0.8rem;
					line-height: 1.2;
					text-align: center;
				}
					.list_total li a span {
						color: #347c3b;
						display: block;
						font-family: "DINNextLTPro-Bold";
						font-size: 2.2rem;
					}
		.list_catalog {
			padding: 0 8px;
		}
			.list_catalog li {
				width: 50%;
				padding: 0 7px 15px;
			}
				.list_catalog li a {
					padding: 15px 0;
					background: #fff;
					box-shadow: 0 0 2px 1px rgba(0,0,0,0.05);
					border-radius: 3px;
					color: #333;
					display: block;
					text-align: center;
					font-size: 1.1rem;
				}
					.list_catalog li a .icon {
						width: 67px;
						height: 40px;
						margin: 0 auto 10px;
						display: block;
						fill: #347c3b;
					}
				.list_catalog li a:hover {
					background: #d2e2d4;
					opacity: 1;
				}
					.list_catalog li a:hover .icon {
						fill: #fff;
					}
	.openData {
		margin-top: 1px;
	}
		.openData .title_openData {
			padding: 25px 0;
			text-align: center;
			display: flex;
			justify-content: center;
			font-size: 1.2rem;
		}
			.openData .title_openData br {
				display: none;
			}
			.openData .title_openData .fasIcon {
				width: 20px;
				height: 20px;
				margin: 0 10px 0 0;
				font-size: 0.8rem;
			}
		.openData .list_topInfo li {
			padding: 0 15px 15px;
		}
			.openData .list_topInfo li a,
			.openData .list_topInfo li a::after {
				color: #347c3b;
			}
			.openData .list_topInfo li a:hover {
				background: #347c3b;
			}

.info {
	padding-bottom: 25px;
}
	.info .fasIcon {
		background: #9b6d28;
	}
			.info .list_topInfo li a,
			.info .list_topInfo li a::after {
				color: #9b6d28;
			}
			.info .list_topInfo li a:hover {
				background: #9b6d28;
			}
			.info .btn_topLink a .fas {
				color: #9b6d28;
			}

.idea {
	padding-bottom: 25px;
}
	.idea .fasIcon {
		background: #8c1a47;
	}
			.idea .list_topInfo li a,
			.idea .list_topInfo li a::after {
				color: #8c1a47;
			}
			.idea .list_topInfo li a:hover {
				background: #8c1a47;
			}
			.idea .btn_topLink a .fas {
				color: #8c1a47;
			}

.snsBox {
	padding: 25px 0;
	background: #f5f1e9;
	border-top: 1px solid #eee1cf;
}
	.faceBook {
		padding-bottom: 25px;
		text-align: center;
	}
		.faceBook .fb_iframe_widget_fluid {
			width: 100%;
			margin: 0 auto;
			display: block !important;
			text-align: center;
		}
	.twitter {
	}
		.twitter .fab {
		}
		.twitter .title_twitter {
			padding-bottom: 15px;
			border-bottom: 1px solid #eee1cf;
			font-size: 1.4rem;
		}
		.twitter .title_twitter::before,
		.twitter .title_tweet::before {
			margin-right: 10px;
			color: #2496be;
			content: "";
			font-family: "Font Awesome 5 Brands";
			content: "\f099";
		}
		.tweetList {
			border-bottom: 1px solid #eee1cf;
		}
			.tweetList a {
				padding: 10px 0;
				color: #333;
				display: flex;
			}
				.tweetList a .tweetList_txt {
					padding-left: 10px;
					order: 2;
					flex: 1;
				}
					.tweetList a .tweetList_txt .title_tweet {
						color: #2496be;
						font-size: 1.2rem;
					}
					.tweetList a .tweetList_txt .txt_tweet {
						font-size: 1.2rem;
					}
				.tweetList a .thum_img {
					width: 40px;
					min-height: 10px;
					order: 1;
				}


/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:768px) {

/* -------------------------- */
/* content */
/* -------------------------- */

.content {
	padding: 0;
}

.mainVisual {
}
	.js-slideBox {
	}
		.js-btnArrow {
			width: 30px;
			height: 30px;
		}
		.js-slideBox .slideList {
			background: #000;
			line-height: 0;
			position: relative;
		}
			.js-slideBox .slideList img {
				opacity: 0.85;
			}
			.js-slideBox .slick-center img {
				opacity: 1;
			}


.introduction {
	background: #f0ebe1;
	align-items: center;
}
	.form_dateTop {
		width: 50%;
		margin-top: 0;
		padding: 25px 30px;
		order: 1;
	}
	.area {
		width: 50%;
		padding: 25px 30px 25px 0;
		background: -webkit-linear-gradient(left, #f0ebe1, #f6f4f0);
		background: linear-gradient(to right, #f0ebe1, #f6f4f0);
		order: 2;
	}
		.area .thum_img {
			width: 170px;
			right: 30px;
		}

.catalog {
}
		.list_total {
			justify-content: center;
		}
			.list_total li {
				width: auto;
				min-width: 140px;
			}
			.list_total li:not(:last-child) {
				border-width: 2px;
			}
		.list_catalog {
		}
			.list_catalog li {
				width: 25%;
			}
	.openData {
		padding: 15px 15px 0;
		display: flex;
		align-items: center;
	}
		.openData .title_openData {
			width: 25%;
			padding-right: 15px;
			flex-direction: column;
			justify-content: center;
		}
			.openData .title_openData br {
				display: block;
			}
			.openData .title_openData .fasIcon {
				margin: 0 auto 10px;
			}
		.openData .list_topInfo {
			flex: 1;
		}

.info {
	width: 50%;
	padding-right: 7px;
}

.idea {
	width: 50%;
	padding-left: 7px;
}

.snsBox {
}
	.snsBox .flexible_y_type01 {
		flex-wrap: nowrap;
	}
	.snsBox .faceBook {
		padding: 0 7px 0 0;
	}
	.snsBox .twitter {
		padding-left: 7px;
		flex: 1;
	}
		.tweetList {
		}
			.tweetList a {
				padding: 20px 0;
			}
				.tweetList a .tweetList_txt {
					padding-left: 20px;
				}
					.tweetList a .tweetList_txt .title_tweet {
						font-size: 1.3rem;
					}
					.tweetList a .tweetList_txt .txt_tweet {
						font-size: 1.4rem;
					}
				.tweetList a .thum_img {
					width: 80px;
				}

}


/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:1024px) {

/* -------------------------- */
/* basic */
/* -------------------------- */

.title_top {
	margin-bottom: 40px;
	font-size: 2.2rem;
}
	.fasIcon {
		margin: 0 auto 15px;
	}

.list_topInfo {
}
	.list_topInfo li {
	}
		.list_topInfo li a {
			padding: 20px 45px 20px 20px;
			font-size: 1.6rem;
		}
		.list_topInfo li a::after {
			font-size: 2rem;
			right: 20px;
		}
			.list_topInfo li a .date_topInfo {
				margin-bottom: 10px;
				font-size: 1.6rem;
			}

.btn_topLink {
}
	.btn_topLink a {
		padding: 10px 20px 10px;
		border: none;
		text-align: right;
		font-size: 1.6rem;
	}

/* -------------------------- */
/* content */
/* -------------------------- */

.introduction {
}
		.form_dateTop {
			padding: 0 30px;
		}
		.form_dateTop .form_dateBox {
			padding: 10px;
		}
			.form_dateTop .title_dateTop {
				margin-bottom: 10px;
			}
			.form_dateTop .form_dateBox input[type=text] {
				font-size: 1.6rem;
			}
			.form_dateTop .form_dateBox input[type=submit] {
				padding: 10px 0;
				font-size: 1.6rem;
			}
	.area {
		padding: 40px 30px 40px 0;
		order: 1;
	}
		.area .txt_area {
			font-size: 1.6rem;
		}
		.area .thum_img {
			width: 255px;
			right: 30px;
		}

.catalog {
	padding: 50px 0;
}
	.list_total {
		padding: 40px 0;
	}
				.list_total li a {
					font-size: 1.3rem;
				}
					.list_total li a span {
						font-size: 3rem;
					}
		.list_catalog {
			padding: 0 23px 35px;
		}
				.list_catalog li a {
					font-size: 1.6rem;
				}
					.list_catalog li a .icon {
						width: 94px;
						height: 56px;
					}
	.openData {
		padding: 50px 0 35px 30px;
	}
		.openData .title_openData {
			padding-right: 15px;
			font-size: 1.8rem;
			line-height: 1.4;
		}
			.openData .title_openData .fasIcon {
				width: 40px;
				height: 40px;
				margin: 0 auto 10px;
				font-size: 1.6rem;
			}
		.openData .list_topInfo li {
			padding: 0 30px 15px 0;
		}

.info {
	padding: 0 15px 50px 0;
}
			.info .btn_topLink a .fas {
				font-size: 2rem;
			}

.idea {
	padding: 0 0 50px 15px;
}

.snsBox {
	padding: 50px 0;
}
	.snsBox .faceBook {
		padding: 0 15px 0 0;
	}
	.snsBox .twitter {
		padding: 0 0 0 15px;
	}
		.twitter .title_twitter {
			padding-bottom: 30px;
			font-size: 1.6rem;
		}


}


/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:1280px) {

/* -------------------------- */
/* content */
/* -------------------------- */

.content {
	padding: 0;
}

.introduction {
}
	.form_dateTop {
		padding: 0 50px;
	}
	.area {
		padding: 40px 50px 40px 0;
		order: 1;
	}
		.area .thum_img {
			right: 50px;
		}

.catalog {
}
	.list_total {
	}
	.list_catalog {
		padding: 0 43px 35px;
	}

.openData {
	padding: 50px 0 35px 50px;
}
	.openData .title_openData {
		width: 24%;
		padding-right: 30px;
	}
		.openData .list_topInfo li {
			padding: 0 50px 15px 0;
		}

.info {
	padding: 0 25px 50px 0;
}

.idea {
	padding: 0 0 25px 30px;
}

.snsBox {
}
	.snsBox .faceBook {
		padding: 0 25px 0 0;
	}
	.snsBox .twitter {
		padding: 0 0 0 25px;
	}


}



/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:1366px) {

/* -------------------------- */
/* content */
/* -------------------------- */



}