@charset "utf-8";

/* CSS Document */
h1.h1.block-topic-page--article-header {
	margin-left: 240px;
	color: #22304F;
}


#text {
	margin: 0 240px 0 240px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	font-size:clamp(14px,3.7333333333vw,21px);
	line-height:1.8;
}

#text a {
	color: #fff;
	text-decoration: none;
}

.date {
	text-align: center;
}

.goods_btn {
	margin: 0 auto;
}

.btn{
	position:relative;
	max-width:450px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding: 0 60px;
	height:clamp(50px,9vw,75px);
	margin-top: 20px;
	font-size:clamp(18px,4.8vw,25px);
	font-weight:600;
	background-color:#F29200;
	border-radius:clamp(75px,20vw,112.5px);
	transition:transform .3s ease
	
}

.btn:hover{
	opacity:1;transform:scale(1.05);
	text-decoration:none
}

#info {
	width: fit-content;
	font-size:clamp(18px,4.8vw,25px);
	font-weight: 600;
	text-decoration: underline; 
	text-decoration-thickness: 0.5em; 
	text-decoration-color: rgba(255, 228, 0, 0.6); 
	text-underline-offset: -0.2em; 
	margin-bottom: 15px;
}

@media screen and (max-width: 670px) {
	h1.h1.block-topic-page--article-header {
		margin-left: inherit;
	}
	
	#text {
		margin: 0;
		display: block;
		line-height: 1.6rem;
	}
}strong {font-weight: bold;}