/* for amanaikeMonjo_site */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');
@media print { aside, nav{ display:none; } } /* 印刷時には消す */
a:visited { text-decoration: underline; }
a:link { color: #00008b; text-decoration: underline; text-underline-offset:0.3em; }
a:hover { color: #cc0077; text-decoration: none; }
body { margin: 5px 1%; }
nav{ line-height:2; background-color:#fff; animation: fadeUp 0.7s ease-out; }
nav a:link { color: #000; text-decoration: none; }
@keyframes fadeUp {
  0% { opacity: 0; transform: translateY(12px); }
  50% { opacity: 0; transform: translateY(12px); }
  100% { opacity: 1; transform: translateY(0); }
}
/* スマホ横スクロール */
nav div.scroll::-webkit-scrollbar{ display: none; }
nav div.scroll{
	position: relative; width: 100%; height: 2.3em; margin:0; border: 1px solid #f0c471;
	box-shadow:rgba(0,0,0,.4) 1px 1px 2px; background-color: #df9c96;
	display: flex; flex-direction: row; justify-content: flex-start; align-items: center;
    flex-wrap: nowrap; overflow-x: auto;
}
nav div.scroll a{ white-space: nowrap; margin:0 1em 0 1em; }
/* スマホ横スクロール_end */
h1 {
	color:#fff; font-size:110%; font-style:normal; font-weight:normal; text-align: right;
	letter-spacing: 2px; padding:3px 1em; background-color: #e6faa9; margin-top:1em;
	border-radius:4px; box-shadow:rgba(0,0,0,.7) 1px 1px 2px;
	background:linear-gradient(#f76531, #f74231);
	background: url("../images/h1_bg.jpg") no-repeat;
}
h2 {
	color:#000; font-size:110%; font-style:normal; font-weight:normal;
	text-indent: 1em; letter-spacing: 2px; margin-top:1em; background-color: #df9c96;
	border-radius:4px; box-shadow:rgba(0,0,0,.7) 1px 1px 2px;
}
h3 {
	font-size:110%; font-style:normal; font-weight:normal; background-color: #fff;
	border-top: 1px solid #f76531; border-bottom: 2px solid #f76531;
	text-indent: 1em; letter-spacing: 2px; margin-top:1em;
}
h4 { margin-top:1em; }
p#chuui {
	float:right; font-size:85%; position:absolute; top:4em; right:1em;
	font-style:normal; color:gray; font-weight:normal;
}
p.green { color: green; }
p.clear { clear: both; display: block; height: 1px; margin: 0; padding: 0; }
p#kensu { color: red; font-size: 85%; }
div#content { clear: both; width:88%; height:auto; margin:1em 6%; line-height:2; font-size: 120%; font-family: "Noto Serif JP", serif; font-weight: 500; font-style: normal; }
@media (min-width:1200px) { div#content { width:76%; margin:1em 12%; } }
span.small { font-size:85%; color:#256b48; letter-spacing:0; margin-left:4px; }
span.under { font-size:100%; color:#000; margin-left:auto; text-decoration: underline; text-underline-offset:0.3em; }
img.wd{ width:auto; height:1em; vertical-align:text-bottom; }
u{ text-decoration:none; border-bottom:1px solid #999; }
div#content p { clear:both; text-indent:0; margin-left:0.5em; }
div#content p.d0 { clear:both; text-indent:0;  margin-left:0.5em;}
div#content p.d1 { clear:both; padding-left:1em; text-indent:0; margin-left:0.5em; }
div#content p.d2 { clear:both; padding-left:2em; text-indent:0; margin-left:0.5em; }
div#content p a img { border: none; vertical-align: middle; margin:0.2em 0; }
div#content p.ri { text-align:right; }
div#content p.ce { text-align:center; }
div#content font { background-color:yellow; padding:2px; }
div.kachu { color:#666; font-size: 85%; }
div.kachu dl dt { display:inline-block; float:left; }
div.kachu dl img { border:1px solid gray; }
div.kachu dl dd { display:inline-block; float:left; margin: 1em; height:48px; }
address { text-align:right; font-size:80%; font-style:normal; color:#999; margin-top:4em; }
div#content dl{ margin-left:0.5em; }
div#content ul{ list-style-type:none; margin-left:0.5em; }
ruby{ ruby-align:distribute-space; ruby-overhang:auto; ruby-position:above; line-height:1.3; font-family: "Noto Serif JP", serif; }
address a:link { color:#999; }
.ce{ text-align:center; }
img.w1500{ width:100%; max-width:1500px; height:auto; }
img.w1200{ width:100%; max-width:1200px; height:auto; }
img.w1000{ width:100%; max-width:1000px; height:auto; }
img.w800{ width:100%; max-width:800px; height:auto; }
img.w600{ width:100%; max-width:600px; height:auto; }
img.w400{ width:100%; max-width:400px; height:auto; }
img.wd{ width:auto; height:1em; vertical-align:text-bottom; }
.highlight { background-color: yellow; font-weight: bold; } /* ページ検索用 */
/* ------------------------- スマホ用 ------------------------------ */
@media (max-width:450px){
	aside { display:none; }
	div#content { width:92%; height:auto; margin:1em 4%; font-size:100%; line-height:1.8; }
}
/* ------------------------- end ------------------------------ */