@charset "utf-8";

/*---------------------------------------------
	トップページ
  ---------------------------------------------*/

/* ------ スクロール後メニュ ------ */

#header {
	background: none;
}
#header .pc-menu {
	background: none;
}

#header #js-fixed-header .pc-menu {
	background-image: url("../image/menu-bg.jpg");
	background-size: cover;
	filter: saturate(100%);
	filter: brightness(100%);
}
#header #js-fixed-header a:link,
#header #js-fixed-header a:hover,
#header #js-fixed-header a:visited { /*color: #ffffff;*/ }

.fixed-header {
	position: fixed;
	top: -100px;
	left: 0;
	width: 100%;
	z-index: 1;
	transition: all 0.3s ease-in-out;
	visibility: hidden;
}
.fixed-header.is-show {
	top: 0;
	visibility: visible;
}

/* ------ メインビジュアル ------ */
#mainvisual {
	margin-top: -100px;
	width: 100%;
	height: 100vh;
	background-image: url("../top/main.jpg");
	background-size: cover;
	filter: saturate(60%) brightness(100%);
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
#mainvisual::before {
  content: '';
  background-color: rgba(0,0,0,0.12);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#mainvisual .catch {
	width: 700px;
	max-width: 80%;
	text-align: center;
	filter: drop-shadow(3px 3px 2px rgba(0,125,191,0.9));
}
#mainvisual .catch .text {
	color: #ffffff;
	font-size: 250%;
	font-weight: 500;
}
@media (max-width: 599px) {
	#mainvisual .catch .text { font-size: 200%; font-weight: 300; }
}

/* ------ カウントダウン ------ */
.timer-fig01 img,
.timer-fig02 img {
	height: 160px;
	position: absolute;
}
.timer-fig01 img {
	bottom: 0;
	left: 30px;
}
.timer-fig02 img {
	bottom: 0;
	right: 0px;
}

.timer {
	width: 400px;
	margin: 50px auto;
	text-align: center;
	line-height: 1.5;
}
#remaining-days {
	font-size: 72px;
	vertical-align: -5px;
	margin: 0 10px;
}

@media (max-width: 800px) {
	.timer-fig01 img,
	.timer-fig02 img { height: 120px; }
	.timer-fig01 img { left: 50px; }
	.timer-fig02 img { right: 30px; }
}
@media (max-width: 599px) {
	.timer-fig01 img,
	.timer-fig02 img { height: 80px; bottom: 30px; }
	.timer-fig01 img { left: 15px; }
	.timer-fig02 img { right: 5px; }
	.timer { width: 100%; }
	#remaining-days { font-size: 50px; }
}



/* ------ News ------ */
.news-column {
	flex-wrap: wrap;
	display: flex;
	margin-left: -60px;
	position: relative;
}
.news-column section.photo {
	flex: 0.4;
	margin: 15px 0 15px 60px;
}
.news-column section {
	flex: 1;
	margin: 15px 0 15px 30px;
}
@media (max-width: 850px) {
	.news-column { margin-left: -30px; }
	.news-column section.photo { margin-left: 30px; }
}
@media (max-width: 599px) {
	.news-column section { flex: 100%; margin: 0 0 10px 30px; }
}

/* ------ トピックス ------ */
dl.news {
	font-size: 14px; font-size: 1.4rem;
	border-bottom: 1px dotted #cccccc;
	margin-bottom: 20px;
}
dl.news dt {
	display: block;
	width: 200px;
	clear: left;
	float: left;
	margin-bottom: 20px;
}
dl.news dd {
	display: block;
	float: left;
	margin-bottom: 20px;
	margin-left: 30px;
}
@media (max-width: 520px) {
	dl.news dt { float : none; width : auto; }
	dl.news dd { margin-left : 0; }
}