@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

section {
	width: 1080px;
	margin: 50px auto;
	text-align: left;
}

section.archives {
	padding: 30px 0;
}
section.archives ul {
	margin: 20px 10px 80px 35px;
	font-size: 16px;
	list-style-type: circle;
}
section.archives ul li span {
	display: block;
	font-size: 14px;
	margin: 5px 0 20px 0;
}
article div {
	width: 980px;
	margin: 20px auto;
	text-align: left;
	vertical-align: top;
}
article div p.photos {
	display: inline-block;
	width: 300px;
	margin: 0 15px 20px 0;
	text-align: center;
	vertical-align: top;
	font-size: 12px;
	line-height: 1.4em;
}
article div p.photos img {
	display: block;
	width: 100%;
	height: auto;
}
article div p.photos500 {
	display: inline-block;
	width: 500px;
	margin: 0 15px 20px 0;
	text-align: center;
}
article div p.photos500 img {
	display: block;
	width: 100%;
	height: auto;
}
section.archives p.day {
	text-align: right;
}
section.archives p strong {
	color: #CC6600;
	font-weight: bold;
}
section.archives p span.ml3em {
	display: block;
	margin: 0 0 0 3em;
	padding: 0
}


@media screen and (max-width: 767px) {
section {
	width: 90%;
	margin: 50px auto 50px auto;
	text-align: left;
}
section img {
	margin: 0 auto;
	text-align: center;
	display: block;
}
section.archives p {
	width: 100%;
	margin: 20px auto;
	text-align: left;
}
section.archives ul {
	margin: 20px auto 70px auto;
	padding: 5px;
	font-size: 16px;
	list-style-type: circle;
	width:90%;
}
section.archives ul li span {
	display: block;
	font-size: 14px;
	margin: 5px 0 20px 0;
}
article div {
	width: 90%;
	margin: 20px auto;
	font-size: 14px;
	text-align: left;
}
article div p.photos {
	display: block;
	width: 100%;
	margin: 0 auto 20px auto;
	text-align: center;
}
article div p.photos500 {
	display: block;
	width: 100%;
	margin: 0 auto 20px auto;
	text-align: center;
}
}

section.archives h3 {
	margin: 0 auto 30px auto;
	background-color: #fdf3f0;
	border: 1px solid #fdf3f0;
	display:block;
	padding: 10px 10px;
	border-radius: 15px;
	text-align: center;
	font-size: 20px;
}
section.archives h3 br {
	display: none;
}
@media screen and (max-width: 767px) {
section.archives h3 br {
	display: inline-block;
}
}