@charset "UTF-8";

.product-page .common-title,
.product-page .en-title {
	color: var(--akamaru-color-white);
}

/* product-lead */
.product-lead {
	margin-bottom: var(--space-2xl);
}

.product-lead_bg {
	background-image: url('../../images/product-lead_bg.jpg');
	background-size: cover;
	padding: var(--space-2xl) 1em;
	height: 100%;
	background-repeat: no-repeat;
	position: relative;
}

.product-lead_wrapper {
	color: var(--akamaru-color-white);
	margin: 0 auto;
	text-align: center;
}
.product-lead_wrapper .title {
	font-size: var(--fz-40);
	margin-bottom: var(--space-xs);
}
.product-lead_wrapper .text {
	font-size: var(--fz-24);
	line-height: 2.3;
}

@media screen and (max-width: 768px) {
	.product-lead_wrapper .title {
		margin-bottom: var(--space-sm);
	}
	.product-lead_wrapper .text {
		line-height: 1.8;
		font-size: 16px;
	}
}

@media screen and (max-width: 500px) {
	.product-lead {
		margin-bottom: var(--space-lg);
	}
	.product-lead_wrapper .text {
		text-align: left;
		line-height: 1.8;
		font-size: 16px;
	}
	.product-lead_wrapper .title {
		font-size: 22px;
	}
}

/* product-list */

.product-list {
	margin-bottom: var(--space-2xl);
}

.product-item_inner {
	width: 90%;
	margin: 0 auto;
	max-width: 1620px;
}

.product-item {
	margin-bottom: var(--space-xl);
}

.product-item_header {
	position: relative;
	padding-left: clamp(36px, 5vw, 72px);
	margin-bottom: var(--space-sm);
}

.product-item_header::before {
	content: '';
	position: absolute;
	top: 0;
	width: 0.5px;
	height: 100%;
	background-color: var(--akamaru-color-navy_main);
	transform: translateX(calc(-1 * clamp(36px, 5vw, 72px)));
}

.product-item_header_title-wrapper {
	margin-bottom: var(--space-xs);
}

.product-item_header_title-wrapper .title {
	font-size: var(--fz-40);
	color: var(--akamaru-color-navy_main);
	letter-spacing: 0.05em;
}

.product-item_header_title-wrapper .en-title {
	font-size: var(--fz-20);
	color: #999999;
}

.product-item_main-thumbnail {
	margin-bottom: var(--space-lg);
}

.product-item_main-thumbnail img {
	width: 100%;
	max-height: 832px;
	object-fit: cover;
}

.product-item_media-block {
	margin-bottom: var(--space-lg);
	justify-content: space-between;
	align-items: center;
	max-width: 1620px;
	margin-left: auto;
	margin-right: auto;
	gap: var(--space-sm);
}

.product-item_media-large {
	flex: 1 1 45%;
}

.product-item_wrapper {
	flex: 1 1 45%;
}

.product-item_rice .product-item_wrapper {
	margin-right: 2%;
}

.product-item_media-small01 {
	margin-bottom: var(--space-xs);
}
.product-item_media-small01 img {
	margin-left: auto;
}
.product-item_media-small02 img {
	margin-right: auto;
}
.product-item_body {
	margin-bottom: var(--space-sm);
}
.product-item_title {
	font-size: var(--fz-32);
	line-height: 1.8;
	margin-bottom: var(--space-xs);
}
.product-item_wrapper .product-item_text {
	max-width: 550px;
	line-height: 2.2;
}

.product-item_flower .product-item-wrapper {
	margin-right: 0;
}
.product-item_block {
	background-color: #e1e1df;
	padding: var(--space-lg) 0;
}
.product-item_block-wrapper {
	width: 90%;
	margin: 0 auto;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	max-width: 1620px;
}

.product-item_block-content {
	flex: 1 1 45%;
}

.product-item_block-media {
	gap: 20px;
	flex-wrap: nowrap;
	flex: 1 1 45%;
}

/* tomato */
.product-item_tomato .product-item_media-block {
	flex-direction: row-reverse;
}
.product-item_tomato .product-item_wrapper {
	margin-left: 2%;
	flex: 1 1 45%;
}

.product-item_tomato .product-item_wrapper .product-item_text {
	max-width: none;
}

@media screen and (max-width: 768px) {
	.product-item_title {
		margin-bottom: var(--space-sm);
	}
	.product-item_media-block {
		flex-direction: column-reverse;
	}
	.product-item_block-media {
		flex-direction: column;
	}
	.product-item_block-media img {
		object-fit: cover;
		aspect-ratio: 4 / 3;
		width: 100%;
		object-position: top 20%;
	}
	.product-item_tomato .product-item_wrapper{
		margin-left: 0;
	}

	.product-item_block-wrapper {
		flex-direction: column;
		gap: var(--space-sm);
	}
	.product-item_rice .product-item_media-block {
		flex-direction: column-reverse;
	}
	.product-item_wrapper .product-item_text {
		line-height: 2;
	}
	.product-item_rice .product-item_wrapper {
		margin-right: 0;
	}
	.product-item_body {
		margin-bottom: var(--space-lg);
	}
	.product-item_tomato .product-item_media-block {
		flex-direction: column-reverse;
	}
	.product-item_media-large img {
		aspect-ratio: 4 / 3;
		object-fit: contain;
	}
	.product-item_flower .product-item_media-large img {
		aspect-ratio: 16 / 9;
	}
	.product-item_slider {
		margin-top: 90px;
	}
}

@media screen and (max-width: 500px) {
	.product-item{
		margin-bottom: var(--space-lg);
	}
	.product-item_header {
		padding-left: 0;
	}

	.product-item_header::before {
		left: 0;
		transform: none;
		width: 1px;
		display: none;
	}
	.product-item_main-thumbnail{
		margin-bottom: var(--space-sm);
	}
	.product-item_title {
		font-size: 20px;
		line-height: 1.6;
	}

	.product-item_header_title-wrapper .title {
		font-size: 22px;
	}
	.product-item_body{
		margin-bottom: 15px;
	}
	.product-item_media-small01 {
		margin-bottom: 30px;
		margin-bottom: var(--space-lg);
	}
	.product-item_media-small01 img {
		width: 40%;
	}
	.product-item_media-smal02 img {
		width: 100%;
		aspect-ratio: 16 / 9;
		object-fit: cover;
	}
	.product-item_media-large img {
		aspect-ratio: 16 / 9;
		object-fit: cover;
	}
	.product-page .splide__slide img {
		aspect-ratio: 4 / 3;
		object-fit: cover;
	}
	.product-item_block-media img{
		aspect-ratio: 16 /9;
		object-fit: cover;
	}
}