/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 21 2025 | 06:19:05 */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&display=swap');

/* メディアと文章ブロックをカスタマイズ */
.esx-halfimage-banner {
	position: relative;
	background: #fff;
	border: solid 1px #e5e5e5;
	border-radius: 4px;
	overflow: hidden;
}
.esx-halfimage-banner:hover img {
	transform: none;
}
.esx-halfimage-banner:hover img:hover {
	transform: none;
}
.esx-halfimage-banner{
	grid-template-columns: 40% auto;
}
.esx-halfimage-banner .wp-block-media-text__content {
	padding-left: 0;
	font-size: 0.8rem;
	text-align: center;
	color: #555;
}
.esx-halfimage-banner .wp-block-media-text__content > * {
	margin: 0;
}
.esx-halfimage-banner h4 {
	font-size: 1.2rem;
	color: #555;
}
.esx-halfimage-banner .wp-block-media-text__content > p {
	margin-top: 4px;
}

@media (max-width: 767px) {
	.esx-button-columns .uagb-columns__stack-mobile > .uagb-columns__inner-wrap {
		display: flex;
	}
}
@media (max-width: 480px) {
	.esx-button-columns .uagb-columns__stack-mobile > .uagb-columns__inner-wrap {
		display: block;
	}
}

/* シャドウ＋hover時の動作 */
.esx-banner-shadow {
	box-shadow: var(--b-box-shadow-gray-4);
	transition: transform .25s ease-out, box-shadow .25s ease-out;
}
.esx-banner-shadow:hover {
	transform: translate(0, 4px);
	box-shadow: var(--b-box-shadow-off);
}

/* ホバー時 */
.entry-content .esx-expand-link:hover {
	opacity: 0.75;
	cursor: pointer;
}
.entry-content .esx-expand-link a:hover img {
	text-decoration: none;
	transform: none;
}