@charset "utf-8";
html {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "MS Gothic", "ＭＳ ゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
article, aside, figcaption, figure, footer, header, nav, section, summary {
	display: block;
}
body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.7;
	color: #333;
	background: white;
	word-wrap: break-word;
}
strong, em, b {
	font-style: normal;
	font-weight: bold;
}
strong {
	font-size: 130%;
}
em {
	font-size: 110%;
}
dt {
	font-size: 130%;
	font-weight: bold;
}
dd {
	margin-bottom: 1em;
}
q {
/* 	text-decoration: underline; */
	font-style: italic;
}
blockquote {
	margin: 0 1.5em 2em 1.5em;
	padding: 1em .5em;
	background-color: #ededed;
	border-left: 5px double lightgray;
}

	article p {
		margin: 0 0 2em 0;
	}


.notice {
	padding: 1m .5em;
	border: 3px solid lightgray;
	border-radius: 3px;
	font-size: 90%;
}
.note {
	padding: 1em .5em;
	border: 1px solid lightgray;
	border-radius: 3px;
	font-size: 90%;
}
.note-you {
		text-indent: 0;
		width: 70%;
		margin: 0 auto 1em 1em;
		padding: 1em;
		border: 1px solid lightgray;
		border-left: 5px solid lightgray;
		border-radius: 3px;
		font-size: 90%;
	}
.note-me {
		text-indent: 0;
		width: 70%;
		margin: 0 1em 1em auto;
		padding: 1em;
		border: 1px solid lightgray;
		border-right: 5px solid lightgray;
		border-radius: 3px;
		font-size: 90%;
	}
	div .note p:last-child,
	div .note-you p:last-child,
	div .note-me p:last-child {
		margin-bottom: 0;
}


mark {
	color: black;
	font-weight: bold;
	background-color: #ffffb0;
}
a {
	color: royalblue;
	text-decoration: none;
	background: transparent;
	
	font-weight: bold;
}
a:hover {
	color: deeppink;
	text-decoration: underline;
}
table, td, th {
	border: solid 1px silver;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 10px;
	background: white;
}
th {
	background: #ededed;
}
nav p {
	margin: 0;
	padding: 0;
	font-size: 100%;
	text-indent: .5em;
	color: gold;
}
nav p a {
	display: block;
	color: gold;
	background-color: #4c4c4c;
}
nav p a:hover {
	color: white;
	text-decoration: underline;
	background-color: #2e2e2e;
}
header,
.notice,
.note,
#sns-button,
article ul,
article ol,
article dl,
table {
	margin: 2em .8em;
}



article h3 {
	margin: 0 .5em;
}
h3 img, h4 img { display: none;}
article p {
	margin: 0 .5em 2em .5em;
}
figure {
	margin: 0 0 2em 0;
}
img {
	width: 100%;
	border-top: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
}

#img-border-none img,
.none-border img {
	border: none;
}

figcaption {
	margin: 0 .5em;
}
header h1 {
	margin: 0;
	font-size: 130%;
	line-height: 1.5;
	color: #804000;
	border-bottom: solid 1px darkgray;
}
article header p {
	margin: .3em 0 0 0;
	font-size: 80%;
	line-height: 1.5;
	letter-spacing: 0.3em;
	text-align: right;
	color: darkgray;
}

article li {
	margin-bottom: 1em;
}
article h2 {
	margin: 2em .5em 1em .5em;
	padding-left: .8em;
	line-height: 1.5;
	font-size: 150%;
	color: #4c4c4c;
	text-shadow: 1px 1px 1px #f2f2f2;
	border-left: solid .5em gold;
}
h3 {
	font-size: 110%;
}
h4 {margin-bottom: 0;}
article p, figcaption, .comment {
	text-indent: 1em;
}



#sideBar-inner h2 {
	margin-bottom: 2em;
	font-size: 100%;
	font-weight: 500;
	padding-left: 1em;
	color: #4c4c4c;
	background-color: lightgray;
	border-bottom: 1px solid silver;
}

/* sideBar 300px ads vc */
.sideBar-ads-300 {
	margin: 4em auto;
	width: 300px;
}

.sideBar-ads-img img,
.sideBar-ads-300 img {
	border: none;
}
.sideBar-ads-1024,
.bottom-ads-1024 {
	display: none;
}
.sideBar-ads a:hover,
.sideBar-ads-img a:hover {
	opacity: .8;
}
/* vc img */
.banner-200 {
	width: 200px;
}
.sideBar-ads .banner,
.sideBar-ads .banner-200,
.sideBar-ads .banner-img,
.sideBar .banner-img {
	text-align: center;
	margin: 0 auto;
}
/* amazon img only */
.banner-img img:first-child { width: 100px;}
.banner-img img:nth-child(2) { display: none;}

.sideBar-ads ul,
.sideBar-ads dl {
	margin: 0;
	padding: 1em;
}
.sideBar-ads dt {text-shadow: 1px 1px 5px lightgray;}
.sideBar-ads dt:before { content: '✓'; } 
.sideBar-ads li {
	margin: 1em .5em;
}

.sideBar-ads h3 {
	margin: 1em .5em .5em .5em;
}

.comment, .comment-colon {
	margin: 1em .5em 2em .5em;
}
.ad-label {
	margin-bottom: 0;
	letter-spacing: .5em;
	color: silver;
	font-size: 80%;
	text-align: center;
}
#relation-articles ul {
	margin: 0 0 3em 1em;
	padding: 0 1em;
}
#relation-articles li {
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	list-style-type: disc;
	font-size: 90%;
	border-bottom: 1px dotted silver;
}
footer {
	margin: 0;
	background: white;
	padding: 1em .5em 3em .5em;
	text-align: center;
}
footer p {
	margin: 0 auto;
	padding: 0;
}
.web-beacon img,
figcaption img {
	width: 1px;/* 	display: none; */
}


@media screen and (min-width: 600px) {
	body {
		background: whitesmoke;
		font-size: 100%;
	}
	#mainBody, #sideBar {
		width: 600px;
		margin: 0 auto;
	}
	header,
	.notice,
	.note,
	table {
		margin: 2em 0;
	}

	/*
	article p {
		margin: 0 0 2em 0;
	}

	div .note p:last-child {
		margin-bottom: 0;
}
*/

	article img {	border: 1px solid gainsboro;}
	#sns-button {
		margin: 3em 0 2em 0;
	}
	article h3, figcaption {
		margin: 0
	}
	article h2 {
		margin: 2em 0 1em 0;
	}
	blockquote {
		margin: 0 2em 2em 2em;
		padding: 1em;
		background-color: #ededed;
		border-left: 5px solid gray;
	}
	article .note {
		margin: 0 2em 2em 2em;
		padding: 1em;
		border: 1px solid lightgray;
		border-radius: 3px;
		font-size: 90%;
	}
	article .notice {
		margin: 0 2em 2em 2em;
		padding: 1em;
		border: 3px double lightgray;
		border-radius: 3px;
		font-size: 90%;
	}
	
	
	
	#sideBar-inner h2 {
		margin-bottom: 2em;
		font-size: 120%;
		font-weight: 600;
		text-shadow: 1px 1px 1px #f2f2f2;
		color: #4c4c4c;
		background-color: whitesmoke;
		padding-left: .8em;
		border-left: solid .5em gold;
		border-bottom: none;
	}
	
	
	.sideBar-ads h3 {
		margin: 1em 0;
	}
.comment, .comment-colon {
		margin: 1em 0 2em 0;
	}
	footer {
	 padding: 1em 1em 3em 1em;
}
}
@media screen and (min-width: 768px) {
	body {
		background: white;
		font-size: 110%;
	}
	#mainBody, #sideBar {
		width: 640px;
		margin: 0 auto;
	}
	nav p {
		font-size: 120%;
		font-weight: bold;
	}
	header {
		margin: 3em 0;
	}
	header h1 {
		font-size: 160%;
	}
}
@media screen and (min-width: 1024px) {
	body {
		background: whitesmoke;
		font-size: 100%;
	}
	#contents {
		background: white;
		width: 1024px;
		margin: 0 auto;
		border-left: 1px solid lightgray;
		border-right: 1px solid lightgray;
	}
	#mainBody {
		float: left;
		width: 640px;
	}
	article {
		width: 600px;
		margin: 0 auto;
	}
	#sns-button {
		margin-left: 20px;
	}
	#sideBar {
		float: right;
		width: 340px;
		font-size: 90%;
	}
	#sideBar-inner {
		width: 300px;
		margin: 0 auto;
	}
	.sideBar-ads-1024 {
		display: block;
		margin: 2em 0;
	}
	.bottom-ads-1024 {
		display: block;
	}
	.bottom-ads-1024 img {
		width: 728px;
		text-align: center;
		margin: 0 auto;
	}
	.sideBar-ads-1024 p,
	.bottom-ads-1024 p {
		margin: 0;
	}
	


	
	#contents:after {
		content: "";
		clear: both;
		display: block;
	}
}
@media screen and (min-width: 1280px) {
	body {
		background-color: antiquewhite;
	}
	#contents {
		background: antiquewhite;
		width: 1160px;
		border: none;
	}
	#mainBody {
		float: left;
		width: 760px;
		background: white;
		border-left: 1px solid lightgray;
		border-right: 1px solid lightgray;
	}
	article {
		width: 600px;
		margin: 0 auto;
	}
	#sns-button {
		margin-left: 80px;
	}
	#sideBar {
		float: right;
		width: 340px;
		font-size: 90%;
		background: white;
		border-left: 1px solid lightgray;
		border-right: 1px solid lightgray;
		border-bottom: 1px solid lightgray;
	}
	#sideBar-inner {
		width: 300px;
		margin: 0 auto;
	}
}