@charset "UTF-8";
/* ------------------------------------
下層専用CSS
------------------------------------ */
/* ------ pageタイトル ------ */
.page-ttl-box {
				display: flex;
				justify-content: center;
				align-items: center;
				flex-wrap: wrap;
				flex-direction: column;
				width: 50%;
				height: 30vw;
				margin: 0 auto;
				/* ページ：旬情報（/season） */
				/* ページ：旭のメロン（/melon） */
				/* ページ：旭の野菜・果物（/green） */
				/* ページ：施設概要（/about） */
}
@media (min-width: 641px) {
				.page-ttl-box {
								width: 324px;
								height: 200px;
				}
}
.page-ttl-box .page-ttl {
				color: #fff;
				font-size: clamp(28px, 1rem + 4vw, 32px);
				font-weight: 700;
				text-align: center;
				letter-spacing: 0.3em;
				line-height: 1.09;
				margin: 6px 0 0;
}
@media (min-width: 641px) {
				.page-ttl-box .page-ttl {
								font-size: 4.2rem;
				}
}
.page-ttl-box.season {
				background: rgba(117, 76, 36, 0.7);
}
.page-ttl-box.melon {
				background: rgba(89, 156, 0, 0.7);
}
.page-ttl-box.green {
				background: rgba(99, 54, 9, 0.7);
}
.page-ttl-box.page-about {
				background: rgba(142, 0, 5, 0.7);
}
.page-ttl-box.today {
				background: rgba(57, 181, 74, 0.7);
}

/* ------ 最初のコンテンツ ------ */
.lower-top {
				margin: 23px 0 0;
}
@media (min-width: 641px) {
				.lower-top {
								margin: 43px 0 0;
				}
}

/* ------ 主に見出し下のリード文 ------ */
.lead-txt {
				font-size: clamp(16px, 1rem + 1vw, 20px);
				letter-spacing: 0.05em;
				line-height: 1.65;
				text-align: center;
}
@media (min-width: 641px) {
				.lead-txt {
								font-size: 2rem;
				}
}

/* ------ 商品紹介（/melon、/greenなど） ------ */
.product {
				margin: 23px 0 0;
}
@media (min-width: 641px) {
				.product {
								margin: 43px 0 0;
				}
}
.product .product-item-wrap {
				display: flex;
				justify-content: center;
				align-items: stretch;
				flex-wrap: wrap;
				margin: 50px auto 0;
}
@media (min-width: 641px) {
				.product .product-item-wrap {
								justify-content: space-between;
								width: 803px;
								margin: 90px auto 0;
				}
}
.product .product-item {
				width: 100%;
				max-width: 358px;
				margin: 0 0 35px;
}
@media (min-width: 641px) {
				.product .product-item {
								width: 358px;
								margin: 0 0 87px;
				}
}
.product .product-img {
				position: relative;
}
.product .product-icon {
				position: absolute;
				top: -24px;
				right: -15px;
				width: 17vw;
				height: 17vw;
}
@media (min-width: 641px) {
				.product .product-icon {
								top: -24px;
								right: -28px;
								width: 78px;
								height: 78px;
				}
}
.product .product-detail {
				font-size: clamp(14px, 1rem + 1vw, 18px);
}
.product .product-name {
				border-bottom: 2px solid #39b54a;
				color: #39b54a;
				font-size: clamp(28px, 1rem + 4vw, 32px);
				font-weight: 700;
				text-align: center;
}
@media (min-width: 641px) {
				.product .product-name {
								font-size: 3.2rem;
				}
}
.product .product-period {
				color: #39b54a;
				font-weight: 300;
				text-align: center;
				margin: 3px 0 0;
}
@media (min-width: 641px) {
				.product .product-period {
								font-size: 1.7rem;
				}
}
.product .product-txt {
				font-size: clamp(16px, 1rem + 1vw, 20px);
				letter-spacing: 0.05em;
				line-height: 1.47;
				margin: 15px 0 0;
}
@media (min-width: 641px) {
				.product .product-txt {
								font-size: 1.7rem;
				}
}