/* 共通 ------------------------*/

#contents { position:relative; z-index:1; }
#main { padding-bottom:min(7%,100px); }
#side { padding-bottom:min(7%,100px); }

.single { margin-bottom:30px; padding:1em; border:1px solid #ddd; }

.entry-title { color: var(--color-base); margin-bottom:0; padding-bottom: .5em; font-size: 1.5em; border-bottom:2px solid var(--color-base); }
.entry-title > a, .entry-header a, #side a { text-decoration:none; }

.entry-header { padding:10px .3rem 0; font-weight:bold; }
.entry-header > p { margin:0; text-align:right; font-size:.92em; }
.entry-header i { color:var(--color-base); }

.entry-content { margin:1em 0 4em; }

  /* 本文再設定 */
  .entry-content a { color:var(--color-sub); text-decoration:underline; }
  .entry-content h2, h2[class^=is-style] { font-size:1.3em; }
  .entry-content h3, h3[class^=is-style] { font-size:1.2em; }
  .entry-content h4, h4[class^=is-style] { font-size:1.1em; }
  .entry-content h5, h5[class^=is-style] { font-size:1em; }
  .entry-content h6, h6[class^=is-style] { font-size:1em; }

  .wp-block-heading:not(:first-child) { margin-top:1.5em; }

  .entry-content p { margin:1em 0; }
  .entry-content em { font-style:italic; font-weight:normal; }
  .entry-content ol , .entry-content ul { margin:1em 0; padding-left:1em; }
  .entry-content ol li , .entry-content ul li { margin-bottom:.2em; }
  .entry-content ul { list-style-type:disc; }
  .entry-content ol { list-style-type:decimal; }
  .entry-content hr { margin:3em 0; border:none; border-top:1px dotted #ddd; }
  .entry-content .subttl2 { margin:2em 0 .8em; padding-top:.1em; font-size:1.5em; }
  .entry-content .img-box { margin:3em 0; }
  .entry-content .img-box p { font-size:.9em; }
  .entry-content .wp-caption-text { margin:.8em 0; font-size:.9em; }
  .has-normal-font-size , .has-regular-font-size { font-size:inherit !important; }

  .entry-content .addtoany-content { margin:3em auto 0; padding:1em .5em .8em; text-align:center; border-radius:5px; border:2px solid #111; }

/*ボタン*/
.wp-block-buttons { margin-block:1.5em }
.wp-block-button__link.wp-element-button {
  display:inline-block; position:relative;
  min-width:300px; padding:.8em .5em; font-weight:bold;
  font-size:1em; color:#fff; text-align:center; text-decoration:none;
  border-radius:5px;
  border:2px solid var(--color-sub);
  background-color:var(--color-sub)
  }
a.wp-block-button__link.wp-element-button::before {
  top:50%; left:.5em; transform:translateY(-50%);
  background-image:url(../img/i-pdf-w.svg);
}
.wp-block-button__link.wp-element-button:hover {
  color:var(--color-sub); background-color:#fff}
a.wp-block-button__link.wp-element-button:hover::before {
  background-image:url(../img/i-pdf.svg);
}


/* シングルページ,固定ページ */
.post .author { margin-top:15px; overflow:hidden; }
.post .author img { float:left; }
.post .author p { margin-left:111px; }

.navigation { clear:both; height:34px; margin:0 0 25px 0; padding-top:.5em; border-top:1px dotted var(--color-gry); }
.navigation span { display:block; max-width:48%; }
.navigation a { display:inline-block; padding-block:.7em; line-height:1.4; position:relative; }
.navigation a:hover { color:var(--color-gry); }

.navigation a::before {
  display:block; content:"";
  position:absolute; top:50%; width:.5em; height:.5em;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
}
.navigation a::after {
  content:""; display:block; z-index:-1;
  position:absolute; top:50%; transform:translateY(-50%);
  width:1.25em; height:1.25em;
  background-color:var(--color-base); border-radius:50%;
  }

.navigation .prev { float:right; }
.navigation .prev a { padding-right:1.6em; }
.navigation .prev a::before { right:.5em; transform:translateY(-50%) rotate(-45deg) }
.navigation .prev a::after { right:0; }
.navigation .next { float:left; }
.navigation .next a { padding-left:1.6em; }
.navigation .next a::before { left:.5em; transform:translateY(-50%) rotate(135deg) }
.navigation .next a::after { left:0; }





/* 投稿画像等設定 */
.wp-caption { max-width:100%; margin:3em auto; }
.wp-caption-text { text-align:center; }
.img-box .wp-caption { margin:0 auto; }
.alignright div, .alignleft div { margin:0 auto; }
.gallery .gallery-item { padding:.5em .8em; }

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
  max-width:100%; height:auto; }

.aligncenter,
img.aligncenter {
  clear:both; display:block; margin-left:auto; margin-right:auto; }

.alignleft,
img.alignleft {
  display:inline; float:left; margin:6px 20px 0 0; }

.alignright,
img.alignright {
  display:inline; float:right; margin:0 0 0 20px; }

#contents .attachment img { display:block; margin:0 auto; }
#contents .gallery { margin-top:2em; margin-bottom:2em; }

[id^="gallery-"] img,
[id*=" gallery-"] img {
  border:none !important;
}

/* 投稿画像等設定end */

/* シングルページ,固定ページend */


/* side------------------------ */
#side h2 { margin-bottom:.5em; padding:.6em 1em; font-size:1.08em; background-color:#f0f1f3; }
#side h2 + ul { margin:.5em 0 2em .5em; }
#side h2 + ul li > a { display:block; padding-left:1.3em; line-height:1.5; position:relative; }
#side h2 + ul li > a::before { font-family:'Font Awesome 5 free'; font-weight:400; position:absolute; top:.1em; left:0; color:var(--color-base); }
.wp-block-latest-posts__list li a:before { content: "\f249"; }
.wp-block-archives-list li a:before      { content: "\f073"; }
.wp-block-categories-list li a:before    { content: "\f07c"; }

#side h2 + ul li:nth-child(n+2) { margin-top:.5em; }

#side .wp-block-group__inner-container { width:100%; }
#side .widget_search { margin-bottom:2em; }
#side .wp-block-search__label { display:none; }
#side .wp-block-search__input { border-color:#b4b4b4; }
#side .wp-block-search__button { min-width:4em; margin-left:0; border:none; }


/* セレクトボックス */
#side select { margin:30px 0px 30px 0px; }

/* タグクラウド */
.tagcloud { margin:10px 0px 10px 0px; }

/* WP-PageNavi */
.wp-pagenavi { margin:2em 0; text-align:center; }
#contents .wp-pagenavi a, #contents .wp-pagenavi span { display:inline-block; padding:.5em .7em .45em; border:2px solid var(--color-base); background:#fff; }
#contents .wp-pagenavi a:hover,
#contents .wp-pagenavi span.current { color:#fff; background:var(--color-base);  }

.pagenation { margin-top:2em; text-align:center; }
.pagenation li { display:inline-block; margin:0 3px; font-weight:bold; }
.pagenation li a { display:block; }
.pagenation li.current, .pagenation li.pages, .pagenation li a {
  padding:.3em .8em .4em; border:2px solid #eee; background:#fff; border-radius:5px; }
.pagenation li.current { color:#fff; border-color:var(--color-base); background:var(--color-base); }

/* 960px 以上 ------------------------ */
@media screen and (min-width: 960px) {
  #contents {
    display:grid; grid-template-columns:1fr 28%; gap:50px;
  }
}

/* 599px 以下 ------------------------ */
@media screen and (max-width: 599px) {
  #contents { padding-top:5vw; }
  .navigation span { max-width:100%; }
}