@media screen and (min-width: 600px) {
body{	width: 500px;
	margin: 0 auto !important;}
}

body{	font-family: "Noto Sans JP", sans-serif;
	margin: 0 auto;
	background-color: gainsboro;	
	color: black;
	font-size: ;
	padding: 3vh 10px 0;
	line-height: 1.7;
}

a{ color: black; text-decoration: underline;}
a:hover { font-weight: bold; text-decoration: underline;}

img{ width: 100px; height: 100px; object-fit: cover;}

header{ margin: 2vh 0 5vh; text-align: ; font-size: 1.1em;
	line-height: 2; color: ;}

.cattree { margin-left: 0; padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	font-size: normal;
	list-style-type: none;}
.cattree li{	margin: 0 3px;}

.hashtaglist { margin-left: 0; padding-left: 0;
	color: gray;
	display: flex;
	flex-wrap: wrap;
	font-size: normal;
	list-style-type: none;}
.hashtaglist li{	margin: 0 3px;}

.hashtaglist .taglink::before { content:"#"; }
.hashtaglist a{color: gray; }

.situation{ margin: 4vh 0 0 5px;
	font-size: x-large;
	font-weight: 800;
	letter-spacing: 1px;}

footer{ margin: 10vh 0 10vh; text-align: center; font-size: large;
	letter-spacing: 2px;}
.box{ margin: 0 10px; padding: 0 20px;}
.margin{ margin: 10vh 0;}
.gyoukan{letter-spacing: 2px;}
.xsmall{ font-size: x-small; letter-spacing: 1px;}
.bold{ font-weight: 800;}

@media screen and (max-width: 600px) {
body{ font-size: 0.8em;}
}