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

/* ------ sectionタイトル ------ */
.sec-ttl-box {
				margin: 0 0 21px;
}
@media (min-width: 641px) {
				.sec-ttl-box {
								margin: 0 0 21px;
				}
}
@media (min-width: 641px) {
				.sec-ttl-box .sec-ttl {
								font-size: 2.7rem;
				}
}

/* ------ おいしさのヒミツ ------ */
.secret {
				margin: 70px 0 0;
				/* 選りすぐりのメロンをお客様へお届け */
				/* サングリーン旭の販売規格 */
				/* 「プレミアム（極）」と「特秀」も販売 */
				/* 甘さの保証 */
}
@media (min-width: 641px) {
				.secret {
								margin: 100px 0 0;
				}
}
.secret .sec-bg {
				position: relative;
				background: url(../images/melon/secret_kv.jpg) no-repeat center center;
				background-size: cover;
				height: 50vw;
}
@media (min-width: 641px) {
				.secret .sec-bg {
								height: 370px;
				}
}
.secret .secret-wrap {
				width: 100%;
				margin: 0 auto;
				padding: 20px 0 70px;
}
@media (min-width: 641px) {
				.secret .secret-wrap {
								width: 990px;
								padding: 58px 0 128px;
				}
}
.secret .secret-content {
				display: flex;
				justify-content: center;
				align-items: center;
				flex-wrap: wrap;
				flex-direction: column;
}
@media (min-width: 641px) {
				.secret .secret-content {
								justify-content: space-between;
								align-items: flex-start;
								flex-direction: row;
				}
}
.secret .secret-content:nth-child(n+2) {
				margin: 37px 0 0;
}
@media (min-width: 641px) {
				.secret .secret-content:nth-child(n+2) {
								margin: 80px 0 0;
				}
}
.secret .secret-block {
				font-size: clamp(16px, 1rem + 1vw, 20px);
				letter-spacing: 0.05em;
				line-height: 1.7;
}
@media (min-width: 641px) {
				.secret .secret-block {
								font-size: 1.7rem;
								width: 478px;
				}
}
.secret .secret-box:nth-child(n+2) {
				margin: 30px 0 0;
}
.secret .secret-ttl {
				color: #009245;
				font-size: clamp(18px, 1rem + 4vw, 22px);
				font-weight: 700;
				margin: 0 0 7px;
}
@media (min-width: 641px) {
				.secret .secret-ttl {
								font-size: 2.7rem;
								margin: 0 0 11px;
				}
}
.secret .secret-select {
				margin: 25px 0 12px;
}
.secret .secret-notes {
				margin-left: 1.0em;
				display: block;
				text-indent: -1.0em;
				color: #c1272d;
				font-weight: 300;
				letter-spacing: 0.05em;
				line-height: 1.57;
}
@media (min-width: 641px) {
				.secret .secret-notes {
								font-size: 1.4rem;
				}
}
.secret .secret-img .secret-img-txt {
				font-size: clamp(18px, 1rem + 2vw, 22px);
				font-weight: 700;
				margin: 20px 0 0 2em;
}
@media (min-width: 641px) {
.secret .secret-img { width: 478px;}
.secret .secret-img .secret-img-txt {
				font-size: 2.1rem;
				margin: 28px 0 1em 2.7em;
}
}
.secret .secret-img .secret-img-title {
				font-size: 2.1rem;
                text-align: center;
                font-weight: 700;
}

.secret .sale-std .secret-img {
				margin: 24px 0 0;
}
.secret .melon-rank {
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				flex-wrap: nowrap;
				margin: 10px 0 0;
}
.secret .melon-rank .secret-img-box:nth-child(n+2) {
				margin: 0 0 0 24px;
}
.secret .melon-rank .secret-img-txt {
				font-size: clamp(16px, 1rem + 1vw, 20px);
				font-weight: 400;
				letter-spacing: 0.05em;
				line-height: 1.7;
				margin: 3px 0 0;
}
@media (min-width: 641px) {
				.secret .melon-rank .secret-img-txt {
								font-size: 1.7rem;
								margin: -1px 0 0;
				}
}
.secret .guarantee .secret-img a img:hover {
				opacity: 0.7;
}

/* ------ メロンのおいしい食べ方 ------ */
.eat {
				margin: 50px 0;
}
@media (min-width: 641px) {
				.eat {
								margin: 77px 0 105px;
				}
}
.eat .sec-ttl-bg {
				position: static;
				transform: none;
				margin: 0 auto;
}
@media (min-width: 641px) {
				.eat .sec-ttl-bg {
								margin: 0 auto 20px;
				}
}

.movie-wrap {
				margin: 32px auto 0;
}
@media (min-width: 641px) {
				.movie-wrap {
								margin: 42px auto 0;
				}
}

.movie {
				width: 100%;
				margin: 0 auto;
}
@media (min-width: 641px) {
				.movie {
								width: 636px;
								height: 360px;
				}
}

p.notes {
	margin-top: 1em;
	margin-left: 1.25em;
	text-indent: -1.25em;
	font-size: 0.9em;}