@keyframes ticker {/*アニメーション設定。右から左に流す、を繰り返す*/
	0% {
		transform: translate(0, 0);
		visibility: visible;
	}
	100% {
		transform: translate(-100%, 0);
	}
}
.ticker_inner_page {
	position:relative;
	width: 100%;
	height: 10rem;
	margin: 0 0 20px;
}
.ticker-wrap {/*ティッカーを包括している親要素*/
	position: absolute;
	bottom: 3rem;
	width: 100%;
	overflow: hidden;
	height: 10rem;
	padding-left: 100%;
	box-sizing: content-box;
	font-size: 10rem;
	z-index: 99;
}
.ticker_inner_page .ticker-wrap {
	bottom: 0;
}
.ticker-wrap .ticker {/*ティッカー本体*/
	display: inline-block;
	height: 10rem;
	line-height: 10rem;
	white-space: nowrap;
	padding-right: 100%;
	box-sizing: content-box;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-name: ticker;
	animation-duration: 38s;
}
.ticker-wrap .ticker__item {/*個別設定*/
	display: inline-block;
	padding: 0 15rem;
	font-size: 10rem;
	color: white;
	font-family: 'Noto Serif JP', sans-serif;
}
.ticker-wrap .ticker__item_red {
	color: #d90000;
}

@media screen and (max-width: 813px) {
	.ticker_inner_page {
		width: 100%;
		height: 5rem;
	}
	.ticker-wrap {/*ティッカーを包括している親要素*/
		bottom: 1rem;
		height: 5rem;
		font-size: 5rem;
	}
	.ticker-wrap .ticker {/*ティッカー本体*/
		height: 5rem;
		line-height: 5rem;
	}
	.ticker-wrap .ticker__item {/*個別設定*/
		padding: 0 7rem;
		font-size: 5rem;
	}
}
