/*
	英語の同時通訳
	2025.3.7
*/

#Contents{
	& h1{
		margin:.4em 0;
		color:#c22ff0;
	}

	& figure{
		display:grid;
		grid-template-columns:23em calc(100% - 23em - 4em);
		row-gap:10px;
		margin:1em 2em;
		background:/*#ffffe1*//*LightSkyBlue*/#caebff;

		& figcaption{
			padding:1em;
			text-align:left;
		}
		& img{
			width:270px;
			margin:auto;
			padding:5px;
		}
	}
}

#SMenu a:first-child{
	font-family:"Noto Serif JP",serif;
	font-size:120%;
	font-weight:bold;
}

/*
** Respansible
*/

/*幅 960px 以下 (Tablet)*/
@media screen and (max-width:960px){
	#Contents{
		h1{font-size:1.9em;}

		& figure{
			grid-template-columns:23em calc(100% - 23em - 2em);
			margin:1em;
			font-size:.95em;

			& img{width:200px;}
		}
	}
}
@media screen and (max-width:810px){
	#Contents{
		grid-template-columns:1fr 173px;

		& h1{font-size:1.8em;}
		& figure{
			grid-template-columns:23em calc(100% - 23em - 1em);
			margin:.5em .5em 1em .5em;
			font-size:.9em;
		}
	}
}
@media screen and (max-width:760px){
	#Contents{
		grid-template-columns:1fr 165px;

		& h1{font-size:1.7em;}
		& figure{
			grid-template-columns:22em calc(100% - 22em - .4em);
			margin:.2em .2em 1em .2em;
			font-size:.85em;

			& img{width:180px;}
		}
	}
}
@media screen and (max-width:710px){
	#Contents{grid-template-columns:1fr 140px;}
	#SMenu{font-size:.9em;}
}
@media screen and (max-width:665px){
	#Contents{
		grid-template-columns:1fr;
		font-size:.94em;
	}
	#Contents figure img{width:170px;}
}
@media screen and (max-width:500px){
	#Contents{
		& h1{font-size:1.5em;}
		& figure{
			grid-template-columns:calc(100% - .4em);

			& figcaption{padding-bottom:0;}
			& img{
				width:145px;
				padding:0 0 1em;
			}
		}
	}
}
@media screen and (max-width:470px){}