@charset "UTF-8";

#top
{
	overflow: hidden;
}

.entry-title_p
{
	margin-bottom: 0;
	padding: 0rem 0rem 1rem;
}

.entry-title_p .entry-title
{
	width: 100%;
	max-width: calc(1020px + 4rem);
	margin: 0rem auto;
	padding: 5rem 2rem 0rem 4rem;
}


/**********************************************************************/
/******************************* Text ********************************/
/**********************************************************************/

.news
{
	width: 100%;
	max-width: calc(1020px + 4rem);
	margin: 0rem auto;
	padding: 2rem 2rem 2rem 4rem;
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.news + .news
{
	border-top: solid rgb(150, 150, 150) 1px;
}

.cont
{
	width: calc(100% - 10rem);
}

.month_navi
{
	display:flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 10rem;
}

.month_navi .year_month
{
	font-size: clamp(1rem, 2vw, 1.2rem);
	transform: translateX(-.5em);
}

.en .month_navi .year_month
{
	font-size: clamp(.9rem, 1vw, 1rem);
}

.year_month
{
	font-family: 'Zen-B', serif;
	font-weight: 700;
	line-height: 1;
	display: flex;
	align-items: flex-end;
}

.year_month .y + span
{
	font-size: 3em;
	margin: 0 0 0 .1em;
}

.en .year_month .y + span
{
	font-size: 2.5em;
}

.news .cont > p
{
	display: flex;
	font-family: "R-M", "GG-M", sans-serif;
	font-weight: 550;
}

.news .cont > p + p
{
	margin-top: .5em;
}

.news .cont > p > span
{
	width: 8rem;
}

.news .cont > p > a
{
	font-family: "R-M", "GG-M", sans-serif;
	font-weight: 550;
	max-width:calc(100% - 8rem);
	color: rgb(50, 50, 50);
	text-decoration:none;
	border-bottom: 0;
	margin: 0;
}

.news .cont > p > a > span:not(.class)
{
	border-bottom: 1px solid rgba(50, 50, 50, 0);
}

body:not(.touch) .news .cont > p > a:hover
{
	color: rgb(0, 0, 0);
}

body:not(.touch) .news .cont > p > a > span:not(.class)
{
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
body:not(.touch) .news .cont > p > a:hover > span:not(.class)
{
	border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.title span.tag
{
	font-size: .9em;
	font-family: 'GG-M', sans-serif;
	font-weight: 550;
	line-height: 1;
	display: inline-block;
	padding: .25em 1em;
	margin-right: .5em;
	background-color: rgb(50, 50, 50);
	color: rgb(255, 255, 255);
	border-radius: 1em;
	white-space:nowrap;
	transform: translateY(-.2em);
}

.title span.tag._imp{background-color: rgb(138, 51, 50);}
.title span.tag._exhi{background-color: rgb(65, 91, 54);}
.title span.tag._evt{background-color: rgb(194, 114, 59);}
.title span.tag._info{background-color: rgb(68, 78, 143);}
.title span.tag._other{background-color: rgb(100, 100, 100);}

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

@media screen and (max-width: 900px)
{	
	.news .cont > p
	{
		flex-direction:column;
	}
	.news .cont > p > span
	{
		color:rgb(150, 150, 150);
	}
	.news .cont > p > a
	{
		max-width: 100%;
	}
}

@media screen and (max-width: 650px)
{
	body:not(.en) #concept h2
	{
		writing-mode: lr;
		margin-right: 0em;
		margin-bottom: 2em;
	}
	body:not(.en) #concept
	{
		flex-direction: column;
	}
}

@media screen and (max-width: 600px), (max-height: 600px)
{
	.entry-title_p .entry-title
	{
		padding: 0;
	}
	.news
	{
		flex-direction: column;
		padding: 2rem 2rem 2rem 2rem;
	}
	.month_navi
	{
		width: 100%;
		margin-bottom: 2rem;
		justify-content: center;
	}
	.cont
	{
		width: 100%;
	}
}