/* CSS Document */
/* Special Feature — Part 14 css
**********************/
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&display=swap');

/* -- 印刷用CSS ------------ */
@page {
  size: A4 landscape;
	margin: 0mm;
}
@media print{
	*{
		position: relative;
		top: auto;
		left: auto;
	}
	html,
	body,
	main,
	.GridSet,
	.Grid4,
	#main.index,
	#main.index .content-wrap,
	#main .shoumeiPrintBox .modalFrame,
	#main .shoumeiPrintBox .modalFrame2,
	#main .shoumeiPrintBox .modalCont,
	#Contents{
		width: 100% !important;
		height: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
		min-width: auto !important;
		min-height: auto;
		background: none !important;
		box-shadow: none !important;
	}
	#ContentsX{
		display: block;
		height: 100%;
	}
	#top,
	#HeaderArea1,
	#SpMenuModal,
	#HeaderArea2,
	#ContentsX #TopicPath,
	#FatMenuLevel1,
	.hht-megamenu,
	.FatMenu,
	#top,
	.hht-nc21-2,
	#PageTopBottom,
	.movieOverlay,
	#destination_publishing_iframe_hhtech_0,
	body > iframe,
	#FooterArea,
	#main #pageTitle,
	#main #aboutCont,
	#main #index_welcome,
	#main .shoumeiPrintBox,
	#onetrust-consent-sdk,
	.hht-breadcrumb-list{
		display: none !important;
	}
	#main.index .content-wrap{
		max-width: none !important;
	}

	/* #shoujyouContent */
	#main.index #shoujyouContent{
		display: block;
		width: 100%;
		height: 100%;
    margin: 0 !important;
		padding: 45mm 10mm 10mm 10mm;
		text-align: center;
    box-sizing: border-box;
	}
	#main.index #shoujyouContent .bgImg{
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	#main.index #shoujyouContent h3 [data-ruby]::before{
		font-size: 18px;
	}
	#main.index #shoujyouContent h3{
		display: block;
		margin-bottom: 4mm;
		color: #000000;
		font-size: 36pt;
	}
	#main.index #shoujyouContent h3 small{
		display: inline-block;
		color: #ffc93b;
		font-size: 18px;
	}
	#main.index #shoujyouContent h3 span{
		display: inline-block;
		color: #ffc93b;
		font-size: 26px;
	}
	#main.index #shoujyouContent h3 span.mr{
		margin-left: 0.3em;
		margin-right: 0.5em;
	}
	#main.index #shoujyouContent h3 span.ml{
		margin-left: 0.5em;
		margin-right: 0.3em;
	}
	#main.index #shoujyouContent .imgList{
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: center;
		gap: 3mm;
		margin-bottom: 3mm;
	}
	#main.index #shoujyouContent .imgList img{
		display: block;
		width: 28mm;
		height: 28mm;
	}
	#main.index #shoujyouContent p{
		display: block;
		line-height: 2;
	}
	#main.index #shoujyouContent p.base{
		font-size: 22pt;
		line-height: 1.8;
		margin-bottom: 5mm;
	}
	#main.index #shoujyouContent p.date{
		font-size: 20pt;
		margin-bottom: 3mm;
	}
	#main.index #shoujyouContent p.name{
		font-size: 20pt;
		line-height: 1.8;
	}
	#main.index #shoujyouContent p.base [data-ruby]::before{
		font-size: 14px;
	}
	#main.index #shoujyouContent p.date [data-ruby]::before,
	#main.index #shoujyouContent p.name [data-ruby]::before{
		font-size: 10px;
	}

}