@charset "utf-8";
/*BASE*/
video {
	display:block;
	max-width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	outline:none;
	border:none;
	cursor:pointer;
}

/*HEADER*/
.keyvisual {
	background-color:#070302;
}
/*MAIN*/
#article {
	background-color:rgba(240,240,240,.98);
}

@media screen and (max-width: 767.98px) {
/*BASE*/
#headerNavi nav .sp li.event .en {
	color:rgb(175, 47, 47) !important;
}

/*HEADER*/
.keyvisual .txt-box {
	backdrop-filter:none;
}
.keyvisual .txt-box li {
	display:block;
	font-family:"Noto Serif JP", serif;
	font-size:24px;
	font-weight:bold;
	color:#FFF;
}
.keyvisual .comment-box li a {
	color:#FFF;
}


/*Article*/

section.article {
	padding:2rem 1.5rem;
}
.timestamp {
	text-align:right;
	margin-bottom:.5rem;
}
.contents {
	border-radius:10px;
	overflow:clip;
	box-shadow:0 0 10px rgba(255,255,255,1);
}
.contents .content-header h1 {
	font-size:16px;
	color:#FFF;
	background-color: rgba(47,41,53,1);
	padding:1rem;
}
.contents .content-body {
	background-color:#ebe4d2;
	padding:1.5rem;
}
.contents .content-body .comment-box {
	margin-bottom:1rem;
}
.contents .content-body .comment-box h2 {
	font-family:"Noto Serif JP", serif;
	font-size:16px;
	margin-bottom:1rem;
}
.contents .content-body .comment-box p {
	text-align:justify;
}
.contents .move-box .summary {
	padding-top:.5rem;
}
}


@media screen and (min-width: 768px), print {
/*BASE*/

#headerNavi.display-on li.event .en {
	color:rgb(175, 47, 47) !important;
}

/*HEADER*/
#article .keyvisual {
	height:240px;
}
.keyvisual .img-bg {
	width:auto;
	height:300px;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.keyvisual .img-bg img {
	max-width:none;
	width:auto;
	height:300px;
}
.keyvisual .txt-box {
	backdrop-filter:none;
}
.keyvisual .comment-box {
	display:flex;
	align-items:center;
	column-gap:40px;
	height:140px;
	padding:0;
	position:relative;
	z-index:1;
}
.keyvisual .comment-box li {
	display:flex;
	align-items:center;
	font-family:"Noto Serif JP", serif;
	font-size:40px;
	font-weight:bold;
	color:#FFF;
	line-height:1;
	letter-spacing:.1em;
	text-indent:.1em;
}
.keyvisual .comment-box li a {
	display:block;
	color:#FFF;
}

/*Article*/

section.article {
	padding:80px 0;
}
.timestamp {
	text-align:right;
	width:934px;
	margin:0 auto 1rem;
}
.contents {
	width:934px;
	margin:auto;
	border-radius:10px;
	overflow:clip;
	box-shadow:0 0 10px rgba(255,255,255,1);
}
.contents .content-header h1 {
	font-size:20px;
	color:#FFF;
	background-color: rgba(47,41,53,1);
	text-align:center;
	padding:40px;
}
.contents .content-body {
	background-color:#ebe4d2;
	padding:40px;
}
.contents .content-body .comment-box h2 {
	font-family:"Noto Serif JP", serif;
	font-size:24px;
	margin-bottom:1rem;
}
.contents .content-body .comment-box p {
	text-align:justify;
}
.contents .move-box .summary {
	text-align:center;
	padding-top:.5rem;
}
}