body{
	font-family: "Noto Sans JP", Helvetica, Arial, "ヒラギノ角ゴ", "游ゴシック", "メイリオ", sans-serif;
	background-color: rgba(255, 255, 255, 0);
	color: #fff;
	font-size: clamp(12px,4vw,24px);
	max-width: 1600px;
}
body > div{
	background-color: rgba(0,0,0,0.4);
}
.flex{
	display: flex;
	align-items: center;
}
#top{
	justify-content: space-between;
	padding:clamp(12px,4vw,25px) 0;
	margin: 0 clamp(25px,4vw,50px);
	border-bottom: 1px solid #fff;
}
#top a{
	justify-content: flex-start;
	text-decoration: none;
	color: #fff;
	font-size: clamp(16px,4vw,36px);
	font-weight: bold;
	transition: opacity 0.3s ease;
}
#top > div{
	font-size: clamp(12px,3vw,20px);
}
#top a:hover{
	opacity: 0.5;
}
#stock_text{
	display: inline-block;
	width: fit-content;
}
#arrow{
	background-color:#E63D30;
	width:clamp(20px,5vw,36px);
	aspect-ratio: 1/1;
	margin: 0 10px;
	justify-content: center;
}
#arrow img{
	width: 60%;
	height: 60%;
}
#bottom{
	padding: clamp(5px,3vw,20px) clamp(25px,4vw,50px) 0;
	
}
#price{
	width:100%;
	justify-content: space-between;
	font-weight: bold;
}
#data1{
	font-size: clamp(36px,10vw,96px);
}
.Ax{
	flex-direction: column;
	align-items: flex-end;
}
#stockinfo{
	flex-direction: column;
}
.timeinfo{
	font-size: clamp(12px,3.5vw,28px);
	margin-top:clamp(5px,3vw,20px);
}
.brandinfo{
	justify-content: space-around;
	max-width: 600px;
	padding:clamp(5px,3vw,20px) 0;
	margin: 0 auto;
}
.brandinfo .flex{
	flex-direction: column;
}
.brandinfo div div{
	padding: 3px;
}
@media screen and (max-width:360px){
	#top{
		padding: 8px 0;
	}
	#stock_text{
		width:95px;
	}
}