@media screen and (min-width: 700px) {
body{	width: 700px;
	margin: 0 auto;}
}

body{	font-family: "Kiwi Maru", serif;
	margin: 0 auto;
	background-color: #b0c4be;	
	color: #2f4f4f;
	font-size: 0.85em;
	padding: 0 5px 0;
	line-height: 1.5;
}

a{ color: #008080; text-decoration: none;}
a:hover { font-weight: bold; text-decoration: none;}

img{ max-width: 90%; max-height: auto; 
	width: 90%; height: auto;
	display: block;
	margin: 0 auto;}

header{ margin: 5em auto;
	text-align: center;
	font-size: 1em;
	line-height: ;
	letter-spacing: ;
	color: ;}
header p{ font-size: small;}

summary{ display: inline-block;}
summary::-webkit-details-marker{ display: none}
summary img{
	width: 4em; min-width: 4em;
	height: 4em; min-height: 4em;
	border-radius: 50%;
	display: inline-block;}

footer{ margin: 1em; text-align: center; font-size:;
	letter-spacing: 3px;}

.dateseparator { 
	font-size: 0.7em;
	letter-spacing: 0.5em;
	color: white;
	}

.onepost{
	background-color: rgba(255, 240,230,0.4);
	border-radius: 8px;
	padding: 1em;
	letter-spacing: ;
	}

.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;}

.box{ margin: 0 5px; padding: 0 5px;}
.margin{ margin: 5vh 0;}
.gyoukan{ letter-spacing: 2px;}
.xsmall{ font-size: x-small; letter-spacing: 1px;}
.bold{ font-weight: 800;}

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

img{
	pointer-events: none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	user-select:none;
	}
@media print {
    body { display: none }
}