@CHARSET "UTF-8";

@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);

/* caption_photo */
.parallax-container.parallax_sub {
	height: 300px;
}

.parallax-container .section {
	width: 100%;
	margin: 10px auto;
}

.parallax-container p {
	margin: 180px 0;
	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif;
	font-size: 3.2rem;
	color: white;
	text-shadow: 2px 2px 5px #333;
	line-height: normal;
}

.parallax-container p .caption_msg_big {
	font-size: 3.6rem;
}

.parallax-container .caption {
	text-shadow: 2px 2px 5px #333;
}

/* ボタン間隔保持のため（他ページはpadding:0設定） */
@media screen and (max-width:992px) {
	.row .col {
		padding: 0 0.75rem;
	}
}

@media ( max-width :768px) {
	.parallax-container p {
		font-size: 2.5rem;
	}
	.parallax-container p .caption_msg_big {
		font-size: 3rem;
	}
}

@media ( max-width :600px) {
	.parallax-container {
		height: 400px;
	}
	.parallax-container p {
		margin: 160px 0;
		font-size: 1.7rem;
	}
	.parallax-container p .caption_msg_big {
		font-size: 2.2rem;
	}
	.parallax-container.parallax_sub {
		height: 300px;
	}
}

@media ( max-width :380px) {
	.parallax-container p {
		font-size: 1.4rem;
	}
}

/* section topics */
.topic {
	display: block;
	margin: 10px 0;
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

.topic_photo {
	padding: 10px 10px 0;
}

.topic_caption {
	padding: 10px;
}

.topic_caption span {
	font-size: 1.4rem;
	color: #005ebb;
}

.topic_title {
	border-bottom: 1px #2196F3 solid;
}

/* section news */
.collection a.collection-item {
	color: #333;
}

.collection a.collection-item:hover:not(.active) {
	background-color: #A7E6FF;
}

.collection-item span {
	display: inline-block;
	padding: 3px 10px;
}

.news_icon {
	background-color: #0090e2;
	color: #fff;
	text-align: center;
	width: 130px;
}

.news_icon_rec {
	background-color: #e99f11;
	color: #fff;
	text-align: center;
	width: 130px;
}

/* section access */
#google_map iframe {
	width: 100%;
	height: 300px;
}

.access_info_area {
	display: block;
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

a.access_info {
	width: 100%
}

#modal_access_info {
	font-size: 1.2rem;
	max-height: 500px;
}

/* section license */
.licence_area {
	text-align: center;
	margin: 5px 0;
}

.licence_area img {
	height: 70px;
}

@media ( max-width :768px) {
	.licence_area img {
		height: 60px;
	}
}