@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 2.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; }
    .lead { font-size: 1.05em; }

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

    .box {
      padding: 1rem 1.1rem;
      border: 1px solid rgba(0,0,0,.15);
      border-radius: 14px;
      background: rgba(0,0,0,.02);
      margin: 1rem 0;
    }

    .notice {
      padding: .85rem 1rem;
      border-left: 4px solid #c00;
      background: rgba(255,0,0,.06);
      margin: 1rem 0;
    }

    .ctaRow { margin: 1rem 0; }

    /* 既存の square_btn / square_btn2 がある前提。無ければこの見た目だけ有効 */
    .btnLike {
      display:inline-block;
      padding:.85em 1.1em;
      border-radius:10px;
      background:#f5f5f5;
      border:1px solid rgba(0,0,0,.1);
      text-decoration:none;
      color:#111;
      line-height:1.1;
    }

    .list { margin: .7em 0 0 1.2em; }
    .list li { margin: .35em 0; }

    /* 関連情報の「縦にだらだら」を改善：ulの乱立を吸収 */
    .kyozaiWrap { margin: .6em 0 0; }
    .kyozaiWrap ul { margin: .35em 0; padding: 0; }

/* ================================
   シンプル・モダンなボタン
================================ */

/* 共通 */
.square_btn,
.square_btn2{
  display: inline-block;
  padding: 0.8em 1.2em;
  border-radius: 8px;
  font-size: 0.95rem;
  line-height: 1.2;
  text-decoration: none;
  text-align: center;
  transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
  cursor: pointer;
}

/* メインCTA */
.square_btn{
  background: #111;
  color: #fff;
  border: 1px solid #111;
}

.square_btn:hover{
  background: #333;
}

.square_btn:active{
  background: #000;
}

/* サブCTA */
.square_btn2{
  background: #fff;
  color: #111;
  border: 1px solid #bbb;
}

.square_btn2:hover{
  background: #f3f3f3;
}

.square_btn2:active{
  background: #e5e5e5;
}

/* スマホはタップしやすく */
@media (max-width: 768px){
  .square_btn,
  .square_btn2{
    padding: 1em 1.3em;
    font-size: 1rem;
  }
}

p.heading {
  margin: 0.01em 0 0.5em 0;
  font-weight: bold;
}