@charset "utf-8";
#wrap{animation: dispWrap 0.9s  ease-in 0.3s 1 normal forwards;}
#menu{opacity: 1;}
footer{
	padding: 8px;
	color: #ffffff;
	text-align: center;
	font-size: 70%;
}

.header{
	position: relative;
	margin: 0 auto;
	background-color: #000000;
	padding: 8px 0;
}
.header a{
	position: relative;
	margin: 0 auto;
	width: 70px;
	display: block;
}

#news{
	position: relative;
	margin: 0 auto;
	padding: 30px 0;
	background-color: #fdd000;
}
#news h2{
	position: relative;
	margin: 0 auto;
	width: calc(100% - 30px);
	max-width: 960px;
}
#news .mainImg{
	position: relative;
	margin: 20px auto;
	width: calc(100% - 30px);
	max-width: 960px;
}
#news .text{
	position: relative;
	margin: 20px auto 0 auto;
	width: calc(100% - 30px);
	max-width: 960px;
}
#news .text p{
	position: relative;
	margin:  0 auto;
	padding-bottom: 1.5em;
}
#news .text .comment{
	position: relative;
	margin:  0 auto;
}
#news .text .comment .comBox{
	position: relative;
	margin:  0 auto 40px auto;
	gap: 0;
}
#news .text .comment .comBox .Img{
	position: relative;
	margin: 0 auto;
	width: 100%;
	outline: solid 2px #000000;
	outline-offset: -2px;
}
#news .text .comment .comBox .Txt{
	position: relative;
	margin: 0 auto;
	width: 100%;
}
#news .text .comment .comBox .Txt .name{
	position: relative;
	margin: 0 auto;
	background-color: #000000;
	color: #ffffff;
	padding: 5px 10px;
}
#news .text .comment .comBox .Txt p{
	position: relative;
	margin: 0.6em auto 0 auto;
	padding-bottom: 0;
}

/* ----- pc ----- */
@media screen and (min-width: 799px) and (orientation: landscape) {

	.header{padding: 10px 0;}
	.header a{width: 80px;}

	#news{padding: 50px 0;}
	#news h2{font-size: 190%;}
	#news .mainImg{
		margin: 40px auto;
		width: calc(100% - 80px);
	}
	#news .text{
		margin: 0 auto;
		width: calc(100% - 80px);
	}

	#news .text .comment{margin: 10px auto 0 auto;}
	#news .text .comment .comBox{
		margin:  0 auto 50px auto;
		gap: 0 30px;
	}
	#news .text .comment .comBox .Img{
		margin: 0;
		width: 40%;
	}
	#news .text .comment .comBox .Txt{
		margin: 0;
		width: calc(60% - 30px);
	}

}