/*
Theme Name: Lightning Child - WhiteningBAR
Theme URI: https://whiteningbar.info/
Description: Lightning child theme for the WhiteningBAR renewal.
Author: 株式会社ピベルダ
Template: lightning
Version: 1.8.38
Text Domain: whiteningbar-lightning-child
*/

.wb-ba-related {
	background: linear-gradient(180deg, #fff 0%, #fcfaf7 100%);
	border: 1px solid rgba(183, 134, 92, .24);
	border-radius: 20px;
	box-shadow: 0 16px 38px rgba(68, 49, 38, .07);
	margin: 40px auto;
	max-width: 960px;
	padding: 28px 32px;
	text-align: center;
}

.wb-ba-related a {
	align-items: center;
	background: #fff;
	border: 1px solid rgba(155, 111, 85, .34);
	border-radius: 999px;
	color: #9b6a43;
	display: inline-flex;
	font-weight: 700;
	line-height: 1.4;
	margin-top: 8px;
	min-height: 40px;
	padding: 9px 16px;
	text-decoration: none;
}

.wb-ba-related a:hover,
.wb-ba-related a:focus {
	background: #9b6f55;
	border-color: #9b6f55;
	color: #fff;
}

@media (max-width: 767px) {
	.home .wb-hero__media,
	.front-page .wb-hero__media,
	.wb-home .wb-hero__media {
		aspect-ratio: 1080 / 1520;
		height: auto !important;
		max-height: none !important;
		min-height: 0 !important;
		overflow: visible !important;
	}

	.home .wb-hero__media img,
	.front-page .wb-hero__media img,
	.wb-home .wb-hero__media img {
		height: auto !important;
		position: relative !important;
		width: 100% !important;
	}
}