@charset "UTF-8";

#news
{
	padding:10rem 1rem;
}

.newsWrapper
{
	display:flex;
	justify-content:center;
	align-items:flex-start;
	margin: 0 auto;
	max-width: 1200px;
	padding: 5rem;
	background-color: rgb(255, 255, 255);
	border-radius: 1rem;
}

#date
{
	width: 10rem;
	position:sticky;
	top: 5rem;
}

#date a.direction
{
	border-bottom-width: 0;
	margin-bottom: 1em;
}

#contents
{
	width:calc(100% - 10rem);
	max-width: 650px;
}

#contents h1
{
	font-size: 1.2rem;
	margin-bottom: 1em;
	letter-spacing: .1;
}

/*//////////////////////////////////////////////////////////////////////////////////
///////////////////////////////// MEDIA SCREEN ////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////*/

@media screen and (max-width: 700px)
{
	.newsWrapper
	{
		padding: 2rem;
	}
	#date
	{
		width: 8rem;
	}
	#contents
	{
		width:calc(100% - 8rem);
	}
}

@media screen and (max-width: 600px)
{
	.newsWrapper
	{
		padding: 1rem;
		flex-direction: column;
	}
	#contents
	{
		width:calc(100% - 0rem);
	}
	#date
	{
		position:relative;
		margin-bottom: 2rem;
		top: 0;
	}
}