@charset "utf-8";


#campaign_bnr {
	padding: var(--cont-margin50) 0;
}
.bannerlist {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 450px), 1fr));
	gap: var(--cont-margin40);
	margin-top: var(--cont-margin50);
}

#whatsnew {
	padding-top: var(--cont-margin50);
}
#market h3 span {
	font-size: .7em;
}
.lowermarket_wrap {
	margin-top: var(--cont-margin50);
}
.material_price {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
	gap: var(--cont-margin20);
	dl {
		background: #fff;
		border-radius: 16px;
		overflow: hidden;
		border: 3px solid #ddd;
	}
	dl.gold { border-color: #dfa824; }
	dl.platinum { border-color: #7cbec8; }
	dl.silver { border-color: #7f7f7f; }
	dt {
		text-align: center;
		color: #fff;
		font-weight: 500;
		font-size: var(--font-l);
		padding: var(--cont-margin20);
		line-height: 1.1;
		position: relative;
		overflow: hidden;
		span { font-size:.75em;}
	}
	dt::before {
		display: block;
		content: "";
		width: min(calc(10vw + 50px), 125px);
		height: auto;
		aspect-ratio: 125/80;
		background: url(../img/svg/ingot_bg.svg) no-repeat center center / contain;
		opacity: .25;
		position: absolute;
		right: -30px;
		bottom: 5px;
	}
	dd {
		text-align: center;
		font-size: var(--font-ll);
		font-weight: 500;
		padding: var(--cont-margin20);
		line-height: 1.1;
		span { font-size:.75em;}
	}
}

.lowernews_title_box {
	h3 {
		font-size: var(--font-ll);
		line-height: 1.0;
		text-align: center;
		margin-bottom: var(--cont-margin30);
	}
	h3::first-letter {
		color: var(--base-color01);
	}
}
.lowernews_wrap {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 480px), 1fr));
	gap: var(--cont-margin40);
	margin-top: var(--cont-margin50);
}
.lowernews_box {
	position: relative;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	padding: var(--cont-margin30);
	.linkBtn_wrap {
		margin-top: var(--cont-margin30);
	}
}
.lowernews_wa_list {
	display: flex;
	flex-direction: column;
	gap: var(--cont-margin20);
}
.lowernews_wa_box {
	.date_box {
		display: flex;
		align-items: center;
		gap: 10px;
		margin-bottom: 5px;
	}
	p a:hover {
		color: var(--base-color01);
		text-decoration: underline;
	}
}
.lowernews_wa_box:not(:last-of-type) {
	padding-bottom: var(--cont-margin20);
	border-bottom: 1px dotted #333;
}
@media (max-width: 599.98px) {
	#market.lowernews_box {
		margin-bottom: calc(1.5rem + var(--cont-margin40));
	}
	.lowernews_box {
		margin-bottom: 1.5rem;
	}
	.lowernews_title_box {
		flex-direction: column;
		align-items: flex-start;
		p {
			margin-left: auto;
			position: absolute;
			bottom: 0;
			right: 0;
			translate: 0 100%;
		}
	}
}