@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP);

/* 点線 */
hr.rmb-dotted {
	height: 30px;
	background-image: linear-gradient(to right, #CCC 2px, transparent 2px);
	background-size: 8px 2px;
	background-repeat: repeat-x;
	background-position: center;
	border: none;
}

/* TOPキャッチコピーテキストアニメ */
/* Aパターン */
.rmb-toptext {
	font-size: clamp(24px, 4vw, 3rem);
	font-family: Noto Sans JP;
	animation-name: rmb-toptext-anim;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	opacity: 0;
}

@keyframes rmb-toptext-anim {
	from {
		opacity: 0;
		transform: translateX(-100px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

/* Bパターン */
/*
.rmb-toptext {
	width: 0;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	animation: rmb-toptext-anim 1s forwards linear;
}

@keyframes rmb-toptext-anim {
	0% {
		width: 0%;
		opacity: 0;
	}
	100% {
		width: 100%;
		opacity: 1;
	}
}
*/

.rmb-toptext:nth-child(1) {
	animation-delay: 1s;
}

.rmb-toptext:nth-child(2) {
	animation-delay: 2s;
}

.rmb-toptext:nth-child(3) {
	animation-delay: 3.5s;
}

.rmb-cover {
	filter: brightness(0.5);
	animation: rmb-cover-anim 1s forwards linear;
}

.rmb-cover:nth-child(1) {
	animation-delay: 4s;
}

@keyframes rmb-cover-anim {
	0% {
		filter: brightness(0.5);
	}
	100% {
		filter: brightness(1);
	}
}

/* ヘッダー ナビゲーション リンク アニメ */
a.wp-block-navigation-item__content {
	position: relative;
	text-decoration: none;
}

a.wp-block-navigation-item__content::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	border-radius: 4px;
	background-color: #FF521D;
	bottom: 0;
	left: 0;
	transform-origin: right;
	transform: scaleX(0);
	transition: transform .3s ease-in-out;
}

a.wp-block-navigation-item__content:hover::before {
	transform-origin: left;
	transform: scaleX(1);
}

/* Remove meta data */
.entry-meta .byline, .entry-meta .cat-links { display: none; }
.entry-meta .posted-on { display: none; }