@charset "UTF-8";
/* ------ キーヴィジュアル ------ */
.kv {
				background: url(../images/season/kv.jpg) no-repeat center center;
				background-size: cover;
}

/* ------ 今月のサングリーン旭の旬はコレ！ ------ */
.pickup {
				margin: 50px 0 0;
}
@media (min-width: 641px) {
				.pickup {
								margin: 104px 0 0;
				}
}
.pickup .sec-ttl-bg {
				width: 95%;
}
.pickup .season-item-wrap {
				display: flex;
				justify-content: space-between;
				align-items: center;
				flex-wrap: wrap;
				flex-direction: column;
				width: 100%;
				margin: 0 auto;
				padding: 15vw 0;
}
@media (min-width: 641px) {
				.pickup .season-item-wrap {
								align-items: stretch;
								flex-direction: row;
								width: 996px;
								margin: 0 auto;
								padding: 70px 0 69px;
				}
}
.pickup .list-box .list-link {
				display: block;
				color: #fff;
}
.pickup .list-box img:hover {
				opacity: 1;
}
.pickup .season-item-link {
				width: 100%;
				max-width: 298px;
}
@media (min-width: 641px) {
				.pickup .season-item-link {
								width: 298px;
				}
}
.pickup .season-item-link:nth-child(n+2) {
				margin: 35px 0 0;
}
@media (min-width: 641px) {
				.pickup .season-item-link:nth-child(n+2) {
								margin: 0;
				}
}
.pickup .season-item {
				position: relative;
				display: block;
				text-align: center;
				max-width: 298px;
				max-height: 250px;
				height: 95.467vw;
				margin: 0 auto;
}
@media (min-width: 641px) {
				.pickup .season-item {
								width: 298px;
								height: 250px;
								margin: 0;
				}
}

/* アールスメロン */
.pickup .season-item.melon {
				background: url(../images/season/season_bg_melon.jpg) no-repeat center center;
				background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 640px) {
				.pickup .season-item.melon {
								background: url(../images/season/season_bg_melon@2x.jpg) no-repeat center center;
								background-size: cover;
				}
}
@media (-webkit-min-device-pixel-ratio: 3) and (max-width: 640px) {
				.pickup .season-item.melon {
								background: url(../images/season/season_bg_melon@3x.jpg) no-repeat center center;
								background-size: cover;
				}
}
.pickup .season-item.melon .season-item-link-bg {
				background: rgba(7, 119, 23, 0.8);
}

/* ほしいも */
.pickup .season-item.hosiimo {
				background: url(../images/season/season_bg_hosiimo.jpg) no-repeat center center;
				background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 640px) {
				.pickup .season-item.hosiimo {
								background: url(../images/season/season_bg_hosiimo@2x.jpg) no-repeat center center;
								background-size: cover;
				}
}
@media (-webkit-min-device-pixel-ratio: 3) and (max-width: 640px) {
				.pickup .season-item.hosiimo {
								background: url(../images/season/season_bg_hosiimo@3x.jpg) no-repeat center center;
								background-size: cover;
				}
}
.pickup .season-item.hosiimo .season-item-link-bg {
				background: rgba(111, 41, 0, 0.8);
}

/* トマト */
.pickup .season-item.tomato {
				background: url(../images/season/season_bg_tomato.jpg) no-repeat center center;
				background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 640px) {
				.pickup .season-item.tomato {
								background: url(../images/season/season_bg_tomato@2x.jpg) no-repeat center center;
								background-size: cover;
				}
}
@media (-webkit-min-device-pixel-ratio: 3) and (max-width: 640px) {
				.pickup .season-item.tomato {
								background: url(../images/season/season_bg_tomato@3x.jpg) no-repeat center center;
								background-size: cover;
				}
}
.pickup .season-item.tomato .season-item-link-bg {
				background: rgba(130, 0, 5, 0.8);
}

/* さつまいも */
.pickup .season-item.sweetpotato {
				background: url(../images/season/season_bg_sweetpotato.jpg) no-repeat center center;
				background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 640px) {
				.pickup .season-item.sweetpotato {
								background: url(../images/season/season_bg_sweetpotato@2x.jpg) no-repeat center center;
								background-size: cover;
				}
}
@media (-webkit-min-device-pixel-ratio: 3) and (max-width: 640px) {
				.pickup .season-item.sweetpotato {
								background: url(../images/season/season_bg_sweetpotato@3x.jpg) no-repeat center center;
								background-size: cover;
				}
}
.pickup .season-item.sweetpotato .season-item-link-bg {
				background: rgba(140,20,120,0.8);
}

/* いちご */
.pickup .season-item.strawberry {
				background: url(../images/season/season_bg_strawberry.jpg) no-repeat center center;
				background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 640px) {
				.pickup .season-item.strawberry {
								background: url(../images/season/season_bg_strawberry@2x.jpg) no-repeat center center;
								background-size: cover;
				}
}
@media (-webkit-min-device-pixel-ratio: 3) and (max-width: 640px) {
				.pickup .season-item.strawberry {
								background: url(../images/season/season_bg_strawberry@3x.jpg) no-repeat center center;
								background-size: cover;
				}
}
.pickup .season-item.strawberry .season-item-link-bg {
				background: rgba(250,0,50,0.8);
}

.pickup .season-item-link-bg {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translateY(-50%) translateX(-50%);
				width: 100%;
				padding: 0.8em 0;
}
@media (min-width: 641px) {
				.pickup .season-item-link-bg {
								padding: 0.8em 0;
				}
}
.pickup .season-item-name {
				font-size: clamp(28px, 1rem + 3vw, 32px);
				font-weight: 900;
				line-height: 1.71;
				margin: -0.2em 0 0;
}
@media (min-width: 641px) {
				.pickup .season-item-name {
								font-size: 3.2rem;
								margin: -0.2em 0 0;
				}
}
.pickup .season-item-period {
				font-size: clamp(14px, 1rem + 1vw, 18px);
				font-weight: 400;
				line-height: 1.62;
}
@media (min-width: 641px) {
				.pickup .season-item-period {
								font-size: 1.6rem;
				}
}
.pickup .list-info {
				color: #000;
				margin: 3px 0 0;
}
.pickup .item-detail {
				color: #000;
				font-size: clamp(16px, 1rem + 1vw, 20px);
				line-height: 1.56;
				margin: 8px 0 0;
}
@media (min-width: 641px) {
				.pickup .item-detail {
								font-size: 1.6rem;
				}
}
.pickup .item-detail .item-detail-name {
				font-size: clamp(18px, 1rem + 1vw, 22px);
				font-weight: 700;
				line-height: 1.1;
				margin: 0 0 8px;
}
@media (min-width: 641px) {
				.pickup .item-detail .item-detail-name {
								font-size: 2rem;
				}
}

/* ------ サングリーン旭の食材 ------ */
.food {
				margin: 43px 0 50px;
}
@media (min-width: 641px) {
				.food {
								margin: 43px 0 123px;
				}
}
.food .sec-ttl-box {
				margin: 0 0 15px;
}
.food .food-item-wrap {
				margin: 35px 0 0;
}
.food .food-item:nth-child(n+2) {
				margin: 25px 0 0;
}
.food .food-item:hover {
				opacity: 0.7;
}