/* Maru */

/* Closed */

.closed #header {
	height: 130px !important;
}
.closed #header .inner {
	height: 127px !important;
}
.closed.page_home #header {
	height: 163px !important;
}
.closed.page_home #header .inner {
	height: 160px !important;
}
.closed.fixed.page_home #header {
	height: 130px !important;
}
.closed.fixed.page_home #header .inner {
	height: 130px !important;
}
.closed.fixed.page_home #header #menu {
    bottom: 0;
}
.closed.page_home #header #menu {
	bottom: 55px;
}
.closed #announcement {
	clear: both;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 15px;
	height: 50px;
	width: 100%;
	color: #fff;
	box-sizing: border-box;
	background: #1c7ad0;
	text-align: center;
}


.marquee-container {
	clear: both;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 15px;
	height: 50px;
	width: 100%;
	box-sizing: border-box;
	text-align: center;

	overflow: hidden;
	white-space: nowrap;
	background-color: #f3f4f6;
	padding: 15px;
	box-sizing: border-box;
	display: flex;
}
.marquee-track {
	display: flex;
	flex-shrink: 0;
	animation: marquee-scroll linear infinite;
}

/* ホバー時に一時停止 */
.marquee-container:hover .marquee-track {
	animation-play-state: paused;
}
.marquee-item {
	padding-right: 2em;
	font-size: 1em;
}
.marquee-item .note {
	margin-left: 1em;
	font-size: 0.85em;
	letter-spacing: 0.05em;
}
.marquee-item a {
	color: #fff !important;
	text-decoration: underline !important;
}

/* 左へスクロールするキーフレーム */
@keyframes marquee-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}


@media screen and (max-width:600px) {
	.closed #announcement {
		padding: 10px !important;
		height: 60px !important;
		font-size: 15px !important;
		font-weight: 500;
		line-height: 40px;
	}
	.closed #announcement .marquee-item {
	}
	.closed.fixed #header {
		height: 140px !important;
		height: 170px !important;
	}
	.closed.fixed.page_home #header {
		height: 170px !important;
	}
	.closed.page_home #header {
		height: 140px !important;
		height: 170px !important;
	}
	.closed.page_home #header .inner {
		height: 135px !important;
		height: 165px !important;
	}
}