@charset "UTF-8";
/*====================================================================================================

  TOPPAGE

====================================================================================================*/
p.mainimg {
	margin: 0;
	padding: 0;
	background-color:#FBDEBE;
	text-align:center;

	& img { width:min(930px, 100%);}
}
#toppage h2.top-midashi {
	display: block;
	width:267px;
	height:32px;
	margin: 20px 0 0;
	padding: 0;
	text-indent: -9999px;
	background: url(../../image/top-midashi.gif) no-repeat;
}
#toppage .midashi-comment {
	margin: 0;
	padding: 10px 0 20px;
	font-size:medium;
}


/*** INFORMATION ***********************************************************/
#toppage .top_others {
	display:grid;
	grid-template:
		"img1 news" 1fr
		"img2 news" 1fr / 1fr 1fr;
	gap:10px;

	& > a:nth-of-type(1) { grid-area:img1;}
	& > a:nth-of-type(2) { grid-area:img2;}
	& .information { grid-area:news;}
}

#toppage .information {
	background-color:#F9F7F6;
}
#toppage .information h3.info-title {
	display: block;
	height:52px;
	margin: 0 0 10px;
	text-indent: -9999px;
	background: url(../../image/top-info.gif) no-repeat;
}

#toppage .information .waku {
	clear:both;
	float:right;
	width:100%;
	margin:0px;
	padding: 0 0 10px;
	border-bottom: 1px dashed #CCCCCC;
	list-style-type: none;

	& + .waku { margin-top:10px;}
}
#toppage .information .photo {
	float:right;
	width:110px;
	margin: 0;
	padding: 0;

	&:has(img[src$="noimage.gif"]) {
		display:none;
	}
	& img {
		padding: 0 0 0 10px;
	}
}

#toppage .information h3.midashi {
	margin: 0;
	padding: 0;
	font-size:1.1em;
	font-weight:bold;
}
#toppage .information .comment {
	margin: 0;
	padding: 0;
}
#toppage .scroll {
	margin: 0;
	padding-inline:10px;
	width:100%;
	height:197px;
	overflow-y:auto;

	&:has(table[align="center"]) {
		resize:vertical;
	}
}

@media (max-width:700px){
	#toppage .top_others {
		grid-template:
			"img1 img2" auto
			"news news" 1fr / 1fr 1fr;
		
		& .information { width:min(320px, 100%); margin-inline:auto;}
	}
}