@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;800;900&display=swap');

@font-face {
  font-family: 'Noto Color Emoji';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notocoloremoji/v32/Yq6P-KqIXTD0t4D9z1ESnKM3-HpFab4.ttf) format('truetype');
}



.material-symbols-rounded {
  font-variation-settings:
  'FILL' 0,
  'wght' 300,
  'GRAD' 0,
  'opsz' 20,
    display: inline-flex;
    vertical-align: text-bottom;
}



@media only screen and (min-width: 1200px) {
    img {
		width: 70%;
		margin: auto;
		display: block;
	}
	main{
		width: 50vw;
		margin: auto;
	}
} 
 
 
@media only screen and (max-width: 1199px) {
    /* デバイスの横幅が320px以下の場合 */
    img {
		width: 70%;
		margin: auto;
	}
	main{
		width: 95vw;
		margin: auto;
	}
} 

a{
	color: #333;
	text-decoration:none;
}

header{
	background-color: #333;
	color: #FFF;
	padding: 10px;
	text-align: center;
	width: stretch;
}

body{
	font-family: 'M PLUS Rounded 1c', "Noto Color Emoji", sans-serif; 
	background-color: #f5fffa;
	text-underline-offset: 8px;
}

.emoji{
	font-family: "Noto Color Emoji", 'M PLUS Rounded 1c', sans-serif;
}



blockquote{
	background-color:#ededed ;
}

.comment{
	background-color: #333;
	color: #FFF;
}


main2 h1 {
	text-decoration: underline;
}

main2 h2 {
	text-decoration: underline;
}

main2 h3 {
	text-decoration: underline;
}

main2 h4 {
	text-decoration: underline;
}

main2 a{
	color: #006400;
	text-decoration: underline;
	text-underline-offset: 2px;
}