/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 15 2025 | 05:19:32 */
.rtc_tbl_df table tr td:first-of-type {
	width: 100px;
}

.esc-image-hover-zoom { overflow: hidden; }
.esc-image-hover-zoom img { transition: transform .5s ease; }
.esc-image-hover-zoom:hover img { transform: scale( 1.1 ); }
.esc-image-hover-zoom figcaption:hover + a > img { transform: scale( 1.1 ); }

/* ★特集・バナー画像カスタム-B3 */
.esx-list-style-b3 .es-list a,
.esx-list-style-b3 figure.wp-block-image {
	position: relative;
}
.esx-list-style-b3 .es-list .es-list-content h3.wrap, 
.esx-list-style-b3 .uagb-columns__inner-wrap .wp-block-image figcaption {
	position: absolute;
	width: calc( 100% - 25% );
	margin: 0 auto;
	padding: 0.25rem 0;
	border: solid;
	border-width: 0.15rem 0 0.15rem 0;
	font-family: 'Noto Serif JP', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 1.2rem;
	font-weight: 800;
	color: #fff;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate( -50%, -50% );
	text-shadow: 0 0 8px rgba( 0, 0, 0, 1 );
}
.esx-list-style-b3 .es-list .es-list-content::before, 
.esx-list-style-b3 figure.wp-block-image::before {
	content: ' ';
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba( 0, 0, 0, 0.3 );
}
.esx-list-style-b3 .es-list a:hover .es-list-content::before {
	background-color: rgba( 0, 0, 0, 0 );
	transition: .35s ;
}
.esx-list-style-b3 .es-list a:hover h3.wrap {
	text-decoration: none;
}


@media (max-width: 480px) {
	/* 特集画像がPC3列時、SP2列に */
	.esx-list-style-b3 .has-3-columns > * {
		width: calc( 50% - 10px );
	}
	.esx-list-style-b3 .has-3-columns > *:not(:nth-child(3n+1)) {
		margin: 0 0 20px 0;
	}
	.esx-list-style-b3 .has-3-columns {
		justify-content: space-between;
	}
	/* 特集画像のみ、SP時キャプション調整 */
	.esx-list-style-b3 .es-list .es-list-content h3.wrap {
		width: calc( 100% - 20% );
		font-size: 1rem;
	}
}

.rtc_ttl_pd0 {
	padding-bottom: 0 !important;
}
.rtc_ttl_pd0::after {
	margin-bottom: 0 !important;
}

/* スマホ版：sp
-------------------------------------------------- */
@media ( max-width: 480px ) {
	
	.rtc_tbl_df table tr td:first-of-type {
		width: 100%;
	}
	.rtc_tbl_df table tr td {
		display: block;
	}
}