@charset "utf-8";
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size:12px;
	line-height: 1.8;
	letter-spacing: 0.1em;
	color: #1d3235;
	background-color: #f5f5f5;
	background-image: url(https://res.cloudinary.com/maimaio/image/upload/f_auto/img/nandayoo/tgtg2311f.png);
	background-repeat: no-repeat;
	position: 0% 0%;
	padding: 0;
	margin: 0;
}
a { color: #4682b4; }
a:visited { color: #999999; }
a:hover { text-decoration: none; color: #ffd700; }

main { width: 700px; }
main img { border: 0; }
header {
	width: 600px;
	margin: 40px 0 180px 100px;
}
header ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
header li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin:10px;
	width: 145px;
	height: 145px;
	list-style: none;
}
header li > a > img:hover { opacity: 0.8; background-color: #fff; }
/* e */
section#honya {
	width: 800px;
	margin: 0 0 240px 120px;
}
section#honya > .honyarabi {
	margin-top: 80px;
	border-top: dotted 1px;
	padding-top: 80px;
}
section#honya > .honyarabi p:nth-child(1) { margin: 0; }
section#honya > .honyarabi img { margin-bottom: 16px; border: 1px solid #f8fbf8; max-width: 800px;}
section#honya > .honyarabi a:hover img { border: 1px solid #ffd700; }
section#honya > .honyarabi > p.dokingan { color: #3F5671; font-size: 1.5rem; font-weight: 600; margin:24px 0 0 0; }
section#honya > .honyarabi > p > span { font-size: 10px; color: #513743; }
section#honya > .honyarabi > p > span:nth-of-type(1)::before { content: "["; margin-right: 4px; margin-left: 12px; }
section#honya > .honyarabi > p > span:nth-of-type(1)::after { content: "]"; margin-left: 4px; }
section#honya > .honyarabi > p > span:nth-of-type(2){ border-bottom: dotted 1px; margin-left: 8px; }
section#honya > .honyarabi > .date { font: normal 10px "Lucida Grande", Verdana, Helvetica, sans-serif;	color: #3F5671;	margin-top: 24px; border-left: 8px solid #426579; padding-left: 8px; }

footer { height: 32px; padding: 8px 120px; border-top: 8px double #e6eae3; }

/* アウトライン上いるけど、出んでよい */
.visuallyhidden { width: 1px; height: 1px; margin: -1px; overflow: hidden; position: absolute; clip: rect(0 0 0 0); }


@media screen and (max-width: 320px) {
	body { width: 320px; }
	main { width: 100%; margin-left: 0; padding: 0; }
	header { width: 320px; margin-left: 16px; }
	header > h1 > img { width: 280px;}
	header > ul > li { margin:0; }
	header > ul > li:nth-child(3) { width: 1px; height: 1px; margin: -1px; overflow: hidden; position: absolute; clip: rect(0 0 0 0); }
	header > ul > li:nth-child(5) { width: 1px; height: 1px; margin: -1px; overflow: hidden; position: absolute; clip: rect(0 0 0 0); }
	header > ul > li { margin: 4px; }
	section#honya { width: 320px; margin: 0 0 40px 12px; }
	section#honya > .honyarabi > img { max-width: 300px;}
	section#honya > .honyarabi > a > img { max-width: 300px;}
	section#honya > .honyarabi > p { font-size: 11px; letter-spacing: 0.05em;}
	section#honya > .honyarabi:last-child { border-bottom: 0;}
	footer { width: 100%; height: 24px; padding: 4px 16px; }
}