@charset "UTF-8";
/* CSS Document */

    .breadcrumb { margin: 0 0 1rem; line-height: 1.6; }
    .breadcrumb a { text-decoration: none; }
    time[itemprop="modified"] { display:block; margin: 0 0 1.2rem; opacity: .85; }

    .content { margin: 0 0 2rem; }
    .content p { margin: .85em 0; line-height: 1.85; }
    .content img { max-width: 100%; height: auto; }

    .heading { margin: 0 0 .6em; line-height: 1.35; }
    .mokuji { margin: .7em 0 0 1.2em; }
    .mokuji li { margin: .35em 0; }
    .cp_list { margin: .7em 0 0 1.2em; }
    .cp_list li { margin: .35em 0; }

    .warn { color: #c00; font-weight: 700; }
    .note { opacity: .9; }

    .youtube2 { margin: 1rem 0; }
    .sample7 { display:block; margin: .6rem 0; line-height: 1.7; }

/* ===== 目次をスマホ向けのタップリストに ===== */

.mokuji {
  list-style: none;
  padding: 0;
  margin: 0.5em 0 1.2em 0;
}

.mokuji li {
  margin: 0.4em 0;
}

/* リンクを「ボタン化」 */
.mokuji li a {
  display: block;
  padding: 0.7em 0.9em;
  border-radius: 10px;
  background: #f5f5f5;
  text-decoration: none;
  color: #111;
  line-height: 1.4;
  border: 1px solid rgba(0,0,0,0.08);
}

/* 押した感触 */
.mokuji li a:active {
  background: #e0e0e0;
}

/* ホバー（PC用） */
.mokuji li a:hover {
  background: #eaeaea;
}

/* スマホはさらに指に優しく */
@media (max-width: 768px) {
  .mokuji li a {
    padding: 0.9em 1em;
    font-size: 1.05em;
  }
}