/* 検索ボタン化 */
.search-icon-button{
	position:absolute;
	left:18px;
	top:50%;
	transform:translateY(-50%);
	background:none;
	border:none;
	padding:0;
	cursor:pointer;
	z-index:2;
}
/* 既存icon位置リセット */
.search-icon{
	position:static;
	transform:none;
	color:var(--gray-3);
	font-size:.9rem;
	pointer-events:none;
}
/* hover */
.search-icon-button:hover .search-icon{
	color:var(--black);
}

/* =========================================================
YOUTUBE
========================================================= */

#youtube-section {
	padding: 60px 0 80px;
}

/* サムネイルエリア */
.youtube-thumb-wrap {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #000;
	overflow: hidden;
	border-radius: 20px;
	cursor: pointer;
}

/* iframe */
.youtube-thumb-wrap iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: none;
}

/* サムネイル画像 */
.youtube-thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .4s ease;
}

.youtube-thumb-wrap:hover .youtube-thumb {
	transform: scale(1.04);
}

/* オーバーレイ */
.youtube-overlay {
	position: absolute;
	inset: 0;

	display: flex;
	align-items: center;
	justify-content: center;

	background: rgba(0,0,0,.2);

	transition: background .3s ease;
}

.youtube-thumb-wrap:hover .youtube-overlay {
	background: rgba(0,0,0,.1);
}

/* 再生ボタン */
.youtube-play-btn {
	width: 84px;
	height: 84px;

	display: flex;
	align-items: center;
	justify-content: center;

	transition: transform .3s ease;
}

.youtube-play-btn img {
	width: 100%;
	height: auto;
	display: block;
}

.youtube-thumb-wrap:hover .youtube-play-btn {
	transform: scale(1.08);
}

/* SP */
@media (max-width: 750px) {

	#youtube-section {
		padding: 50px 0 70px;
	}

	.youtube-play-btn {
		width: 72px;
		height: 72px;
	}
}

/* =========================================================
admin bar
========================================================= */
#wpadminbar {
	display: none;
}
/* admin bar */
html {
	margin-top: 0 !important;
}

/* =========================================================
ブログコンテンツ
========================================================= */
.article-body {
	font-size:.95rem;
	color:var(--text-sub);
	line-height:1.8
}
.article-body p {
	margin-bottom: 12px;
}
.article-body h2 {
	color: var(--white);
	font-weight: 800;
	margin: 20px 0px 8px;
	font-size: 1.1rem;
}