@media only screen and (max-device-width : 480px) {
	img { max-width: 100%; }
	iframe { width : 100% ; }
}
body {
  margin: 0;
  background: #fafaf7;
  color: #4a4a4a;
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: 0.03em;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Hiragino Kaku Gothic ProN",
    "Meiryo",
    sans-serif;
}

.f2 { font-size: 9px; }
h2 { color: #696969; font-size: 17px; font-weight: 500; line-height: 1.5em; margin-top: 2px; margin-bottom: 2px; margin-left: 10px; }
h3 { font-size: 14px; font-weight: normal; line-height: 1.5em; margin-top: 2px; margin-bottom: 2px; margin-left: 12px; }
h1 { color: #8c6b3f; font-size: 19px; font-weight: 500; margin-top: 2px; margin-bottom: 2px; margin-left: 12px; }
/* 折りたたみ時（通常表示） */
.text-block { position: relative; overflow: hidden; line-height: 18px; color: #333; font-size: 12px; display: -webkit-box; -webkit-box-orient: vertical; }

.text-block:not(.is-open) {
  -webkit-line-clamp: 4;
}

.text-block.is-open {
  display: block;
}

.text-block h3,
.text-block p {
  margin: 0 0 0.6em;
}

.more-btn {
  background: none;
  border: none;
  padding: 4px 0;
  color: #8b4513;
  font-size: 13px;
}
/* 閉じている時だけフェードを出す */
.text-block:not(.is-open)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3em;
  background: linear-gradient(
    rgba(255,255,255,0),
    rgba(255,255,255,1)
  );
}

.name { color: #808080; font-size: 12px; font-weight: 200; line-height: 18px; }
.name2 { color: #696969; font-size: 13px; font-weight: 200; line-height: 19px; padding: 4px; }
a:active {  }
			a:link { color: #787878; text-decoration: underline; }
			a:visited { color: #787878; text-decoration: underline; }
.hcolor_b { color: #b8860b; }
.template{ background:#fdf5e6; padding:8px; border-radius:10px; font-size:13px; line-height: 19px; margin: 5px; }