@charset "utf-8";
body {
	margin: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size:12px;
	line-height: 1.8;
	letter-spacing: .1em;
	color: #203744;
	background-color: #f5f5f5;
	text-rendering: optimizeLegibility;
}
a { color: #4682b4; font-weight: bold; }
a:visited { color: #999999; }
a:hover { text-decoration: none; }
header {
	background-color: #203744;
	height: 44px;
}
header > ul { margin: 16px 0 0 160px; padding-left: 0; }
header > ul > li { display: inline; }
header > ul > li ~ li::before { content: '>'; margin-right: 4px; }
header img {
	margin: 8px 0 0 160px;
	height: 28px;
}


main { width: 480px; margin-left: 160px; padding: 0; box-sizing: border-box; }

section > h2 { font-size: 150%; font-weight:normal; margin: 0;}
section > h3 { font-size: 122%; }

section.namae { margin-top: 120px; position: relative; }
section.namae > div.title { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
section.namae > div.title { padding-top: 20px; font-weight:bold; border-top:1px solid; font-size: 14px; }
section.namae > div.title > span { margin-left: 8px; font-size: 12px; font-weight:normal; color:#8b968d; }
section.namae > p.maimai { font-size: 15px; margin: 4px 0; }

section.namae img { margin-bottom: 20px; }
section.namae > address { font-style: normal; }
section.namae > p { margin: 20px 0; }
section.namae > div.note { font-size: 12px ; margin:16px 0 40px; line-height: 1.3; letter-spacing: .05em; }
/*main > div.h1 > :nth-child(n) { margin: 0; }*/


/*よそのこ*/
section.namae > div.neighbor { width: 200px; padding-bottom: 20px; margin-bottom: 80px; border-top: dotted 1px; border-bottom: dotted 1px; }
section.namae > div.neighbor > p {}
section.namae > div.neighbor > p > span.atttion { font-size:11px; font-weight: bold; color:#ba2636; letter-spacing: 0.05em;}
section.namae > div.neighbor > ul {	padding: 0;	list-style: none; }
section.namae > div.neighbor > ul > li {
	display: block;
	width: 200px;
	height: 40px;
	padding: 4px 0;
	border-top: solid 1px #fff;
}
/*section.namae > div.neighbor > ul > li:hover { background-color: #fff; }*/
section.namae > div.neighbor > ul > a:hover {}
section.namae > div.neighbor > ul > li > div.info { float: right; width: 84px; margin-left: 8px;}
section.namae > div.neighbor > ul > li > div.info > p { margin: 0; display: block; }
section.namae > div.neighbor > ul > li > div.info > p.chnm { margin-top: 4px; color: #302833; font: bold 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
section.namae > div.neighbor > ul > li > div.info > p.author { color: #5b7e91; font-size: 11px; }
section.namae > div.neighbor > ul > li > div.info > p.author::before { content: '©'; font-size: 13px; margin-right: 2px; }



section.yattawa { line-height: 1.2;}
section.yattawa > h3 {}
section.yattawa > h3 { margin-top: 120px; font-size: 12px; }
section.yattawa > p { padding: 4px 8px; background-color: #e6eae3; font-weight: bold; }
section.yattawa > p ~ p { margin-top: 40px; }
section.yattawa > ul { list-style-type: none; padding: 0; }
section.yattawa > ul > li {}
section.yattawa > ul > li ~ li { margin-top: 4px; }
section.yattawa > ul > li > span:nth-of-type(1) { margin-right: 8px; }
section.yattawa > ul > li > span:nth-of-type(1)::before { content: '「'; color: #84a2b4;}
section.yattawa > ul > li > span:nth-of-type(1)::after { content: '」 -'; color: #84a2b4;}

section.yattawa > ul > li > span:nth-of-type(2) { color: #5b7e91; font-size: 10px; margin-left: 8px; }
section.yattawa > ul > li > span:nth-of-type(2)::before { content: '□'; color: #84a2b4;}
section.yattawa > ul > li a { color: #84a2b4; text-decoration: underline; }

section > div.ry { margin: 40px 0 80px; font-size: 11px; color:16160e; }


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




/* アウトライン上いるけど、出んでよい */
.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 16px; }
	header { padding: 0 16px; }
	header img { margin-left: 0; }
	header > ul { margin-left: 0; }
	section.yattawa > ul > li ~ li { margin-top: 16px; }
	section.yattawa > ul > li > span:nth-of-type(2) { display: block; margin-left: 0; }
	footer { padding: 0; }
}