/* メインメニューを縦並びに変更 */
ul#primary-menu {
    display: block;
}
ul#primary-menu {
    background-color: rgba(0, 0, 0, 0.6); /* 黒の60%透過 */
    padding: 10px;
    border-radius: 4px; /* 任意：角丸 */
}

ul#primary-menu {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 12px 16px;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

div#outline ol li {
    padding: 0;
}

/* add */
#masthead {
    min-height: 300px;
    background-color: #008C9E;
}

#masthead {
    height: 500px; /* 任意の高さに変更 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.logo a {
  font-family: 'Shippori Mincho', serif;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  text-shadow:
    0 2px 6px rgba(0, 0, 0, 0.8),  /* メイン影：濃く */
    0 0 2px rgba(0, 0, 0, 0.9);    /* 微細な内側ぼかし追加 */
  text-decoration: none;
  letter-spacing: 0.04em;
  transition: all 0.3s;
}

div#content.front_page
 {
    margin-top: 4rem;
}

div#content.download
 {
    margin-top: 4rem;
}

/* サムネイル画像をブロック要素にする */
.sidebar .widget-container ul li .recent-post-thumb {
    display: block; /* 画像をブロック要素にして、その後に続く要素を次の行に配置 */
    max-width: 100%; /* 親要素からはみ出さないようにする */
    height: auto; /* アスペクト比を維持 */
}

/* タイトルと日付のラッパーもブロック要素に念のため指定 */
.sidebar .widget-container ul li .recent-post-text-wrap {
    display: block; /* テキスト全体をブロック要素として次の行に配置 */
}

/* 各投稿のリストアイテムもブロック要素として振る舞うことを保証 */
.sidebar .widget-container ul li {
    display: block;
    margin-bottom: 15px; /* 各投稿間の下余白 */
    list-style: none; /* リストの点マークを非表示 */
    padding: 0;
}

/* その他の基本的なスタイル（回り込みには直接関係しないが、見た目を整える） */
.sidebar .widget-container ul li .recent-post-thumbnail-link {
    display: block; /* 画像リンク全体もブロック要素に */
    margin-bottom: 5px; /* 画像の下に少し余白 */
}

.sidebar .widget-container ul li .recent-post-text-wrap a {
    display: block; /* タイトルもブロック要素 */
    text-decoration: none;
    color: inherit;
}

.sidebar .widget-container ul li .post-date {
    display: block; /* 日付もブロック要素 */
    font-size: 0.8em;
    color: #777;
    margin-top: 3px;
}

.footerright {
    max-width: 15rem;
}

.edd-cart-added-alert {
    position: static;
    margin: 15px 0;
}
a.edd_go_to_checkout.button.blue.edd-submit ,.button.edd-add-to-cart.button.blue.edd-submit.edd-has-js , input#edd-purchase-button{
    font-size: 20px;
    padding: 10px 20px;
}

article.post {
    padding-top: 0.65em;
}


#main h2 {
    text-decoration: underline;
}
#main h3 {
  font-size: 1.3em;
  background-color: #eef5fb;
  padding: 0.5em 0.7em;
  border-left: 4px solid #0073aa;
  margin-top: 1em;
}

#main h4 {

  color: #555;
  margin: 0.3em 0 1em;
}

#colophon p {
    margin: 15px 0;
}

code {
  background-color: #d4d4d4; /* 薄いベージュ系背景 */
  padding: 2px 6px;         /* 上下左右の余白 */
  border-radius: 4px;       /* 角丸 */
  font-family: monospace;   /* 等幅フォント */
  font-size: 0.95em;         /* 少し小さめ */
}

@media screen and (max-width: 900px) {
  .registration p {
   /* text-align: right;*/
  }
#colophon p {
    margin: 0;
}
  .menu-footer-container {
      text-align: left;
  }

}