.mac BODY     { font-family: 'Menlo', "Hiragino Sans", "Hiragino Kaku Gothic ProN",monospace; font-size: 11pt; font-weight: 200; }
.ipad BODY    { font-family: 'Menlo', "Hiragino Sans", "Hiragino Kaku Gothic ProN",monospace; font-size: 11pt; font-weight: 300; }
.windows BODY { font-family: 'ＭＳ ゴシック',monospace; font-size: 11pt; }
.otheros BODY { font-family: 'Noto Sans mono','Noto Sans CJK JP','IPAexGothic','VL Gothic','Sazanami Gothic',monospace; font-size: 11pt; font-weight: 200; }
BODY     { font-size: 11pt;
  scrollbar-track-color: #eeeeee;
  scrollbar-face-color: #ffffff;
  scrollbar-shadow-color: #c0c0c0;
  scrollbar-darkshadow-color: #808080;
  scrollbar-highlight-color: #e0e0e0;
  scrollbar-3dlight-color: #c0c0c0;
  scrollbar-arrow-color: #a0a0a0;
}
H1     { font-weight: bold; font-size: 22pt;}
H2     { font-weight: bold; font-size: 14pt; background-color: #ffcc33; padding-left: 5px;}
H3     { font-weight: bold; font-size: 12pt;}
.mac H1{ font-weight: 300;}
.mac H2{ font-weight: 300;}
.mac H3{ font-weight: 300;}
.ipad H1{ font-weight: 600;}
.ipad H2{ font-weight: 600;}
.ipad H3{ font-weight: 600;}
.otheros H1{ font-weight: 400;}
.otheros H2{ font-weight: 400;}
.otheros H3{ font-weight: 400;}
P     { font-size: 11pt;}
TD     { font-size: 11pt;}
UL     { padding-left: 12px; }
BLOCKQUOTE { font-family: 'Courier New'; font-size: 11pt; background-color: gainsboro;}
A:Link, A:Visited, A:Active {color: lightslategray; text-decoration: none;}
a.name {text-decoration: none;}
A:Hover {background-color: gainsboro; color: blueviolet;}
.enitalic {
	font-family: 'Times New Roman';
	font-style: italic;
}
.fade-box {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0 10px; /* 横余白だけ先に設定 */
  transition: max-height 0.8s ease, opacity 0.5s ease, padding 0.3s ease;
}

.fade-box.show {
  max-height: 800px;
  opacity: 1;
  padding: 5px; /* 表示時の上下余白 */
}