@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;
	position: 0% 0%;
	padding: 0;
	margin: 0;
}
a { color: #4682b4; }
a:visited { color: #999999; }
a:hover { text-decoration: none; color: #ffd700; }

main { width: 100%; }
main img { border: 0; }
header { background-color: #203744;	height: 44px;}
header > ul { margin: 16px 0 0 120px; padding-left: 0; }
header > ul > li { display: inline; }
header > ul > li ~ li::before { content: '>'; margin-right: 4px; }
header img {
	margin: 8px 0 0 120px;
	height: 28px;
}
section#about {
	width: 100%;
	margin-top: 120px;
	border-bottom: solid 1px;
}
h1 {
	font: 12px normal;
	margin-left: 120px;
	padding-bottom: 40px;
}
h1 p { width: 200px; padding-bottom: 8px; border-bottom: 1px solid; }
section#about img { width: 200px; height: 40px; }



/* e */
section#e {
	width: 960px;
	margin-left: 120px;
}
section#e > .edayo:first-child { margin-top: 80px; }
section#e > .edayo { margin-top: 160px; }
section#e > .edayo > p { margin-bottom: 20px; border-bottom: dotted 1px;}
section#e > .edayo > p > span { font-weight: bold; font-size:14px; font-family: century gothic; margin-right: 20px; }
section#e > .edayo > p > span:before { content: '»'; color: #84a2b4; } {}
section#e > .edayo > img { max-width: 1200px; border: 1px solid #f8fbf8; margin-right: 20px;}
section#e > .edayo > img:nth-child(n+3){ margin-top: 12px; }
section#e > .edayo > a img { border: 1px solid #f8fbf8; }
section#e > .edayo > a:hover img { border: 1px solid #ffd700; }



footer { height: 32px; padding: 8px 120px; margin-top: 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 {}
	main { width: 100%; margin-left: 0; padding: 0; }
	header { width: 100%; }
	header img { margin-left: 40px; }
	header > ul { margin-left: 40px; }
	section#about > h1 { margin-left: 40px; }
	section#about > h1 > p { letter-spacing: 0.05em; }
	section#e { width: 300px; margin-left: 12px; }
	section#e > .edayo > img { max-width: 300px;}
	section#e > .edayo > a > img { max-width: 300px;} 
	section#e > .edayo:last-child { border-bottom: 0;}
	section#e > .edayo > p { letter-spacing: 0.05em; }
	section#e > .edayo > p > span { font-size: 11px; margin-right: 8px; }
	footer { height: 24px; }
}