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

.contents { padding-bottom:70px; }
#main { width:72%; }
#side { width:23%; }

#blog_pan { max-width: 1100px; position: absolute; right: 0; bottom: -20px; }
#blog_pan ul { padding: .5em 2em; display: flex; -webkit-display: flex; background: #a0e349; overflow-x: auto; white-space: nowrap; }
#blog_pan ul>li { font-size: .875em; color: #fff; }
#blog_pan ul>li:not(:first-child) { position: relative; margin-left: 1em; }
#blog_pan ul>li:not(:first-child)::before { content:">"; margin-right: 1em; }
#blog_pan ul>li>a { color: #fff; }
#blog_pan ul>li>a:hover { opacity: .7; transition: .3s; }

.blog-subttl { padding:.5em 1em; text-align:center; line-height:1.4; color:#fff; font-size:1.5rem; font-weight:bold; border-bottom:6px double #fff; background:#d82337; }

.entry-title { padding:0 0 .5em; font-size:1.3em; line-height:1.5; font-weight:bold; border-bottom:2px solid #ddd; position: relative; }
.entry-title::before { content: ""; position: absolute; left: 0; bottom: -2px; width: min(8vw,40px); height: 2px; background-color: #81bd32; }
.entry-title > a, .entry-header a, #side a { text-decoration:none; }

.entry-header { padding:10px .3rem 0; }
.entry-header > p { margin:0; text-align:right; font-size:.9em; }
.entry-header i { color:#81bd32; }

.single-title { margin-bottom: 1em; padding-bottom: .5em; font-size: 1.5em; font-weight: bold; line-height: 1.5; border-bottom: 2px solid #ddd; position: relative;}
.single-title::before { content: ""; position: absolute; left: 0; bottom: -2px; width: min(8vw,80px); height: 2px; background-color: #a0e349; }
.archive-ttl {margin-bottom: 1em; font-size: 1.5em; line-height: 1.5; text-align: center;}

.entry-content { margin-bottom:3em; padding:1.5em .2rem; }

  /* 本文再設定 */
  .entry-content a { color:#d82337; }
  .entry-content h2, h2[class^=is-style] { font-size:1.35em; line-height: 1.3;}
  .entry-content h3, h3[class^=is-style] { font-size:1.25em; }
  .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; }

  .entry-content p { margin:0 0 1em; }
  .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; }

/* IE10以降 */
@media all and (-ms-high-contrast:none){
  .entry_list figure img { height:100%; }
}
/* 検索結果 */
.search .post:before { content:""; }
.search .entry-header p { text-align:left; }
.search .entry-header span { margin-left:0; margin-right:1em; }
.search .entry-summary p { margin: 10px 0 0 12px; }

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

.navigation { padding-top: 1em; clear:both; height:34px; margin:0 0 25px 0; border-top: 2px solid #ddd; }
.navigation span { display:block; }
.navigation a { display:inline-block; text-decoration:none; position: relative; }
.navigation a::before { content: ""; position: absolute; top: 0; bottom: 0; width: 10px;
  height: 10px;
  margin: auto;
  border-top: 2px solid #d82337;
  border-right: 2px solid #d82337;
  transform: rotate(45deg); }

.navigation .prev { float:left; }
.navigation .next { float:right; }
.navigation .prev a { padding-left: 1em; }
.navigation .prev a::before { left: 0; transform: rotate(230deg); }
.navigation .next a { padding-right: 1em; }
.navigation .next a::before { right: 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; }

img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom:12px; }

  img.eedee-emoji { font-size: 1em;}

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

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

/* youtube */
.wp-block-embed-youtube { width:100%; padding-top:56.25%; position:relative; }
.wp-block-embed-youtube iframe { position:absolute; top:0; right:0; width:100% !important; height:100% !important; }

.wp-block-quote { margin:1.8em 0; padding:1em 2em .5em; background:#f0f0f0; border-left: none !important; position:relative; }
.wp-block-quote::before { position:absolute; top:-.5em; left: 10px; content:'“'; font-size:5em; color:#ff7d19; }


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

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


/* side------------------------ */
/* ウィジェット */
.widget > ul { margin:15px 0 20px; font-size:0.9em; }

.widget li a { display:block; padding:0 0 7px 28px; padding-bottom: 0.7em; margin-top: 0.7em; line-height: 1.5; border-bottom:1px solid #ddd; position:relative; }
.widget li a::before { font-family:'Font Awesome 5 Free'; font-weight:900; position:absolute; top:0; left:5px; color:#81bd32; }
.wp-block-archives-list li a:before      { content: "\f073"; }
.wp-block-categories-list li a:before    { content: "\f07c"; }
.wp-block-latest-posts__list li a:before { content: "\f017"; }


/* 検索フォーム */
#side .widget { margin-bottom: min(3vw,30px); }

#side .wp-block-search .wp-block-search__label { display:none; }
#side .wp-block-search__inside-wrapper { margin-bottom:2em; }
#side .wp-block-search__input { border-width:2px; border-right:0; border-radius:10px 0 0 10px; }
#side .wp-block-search__input:focus { outline:none; }
#side .wp-block-search__button { margin-left:-2px; border-width:2px; border-color:#949494; border-radius:0 10px 10px 0; word-break: auto-phrase!important; }
/* #side .wp-block-search__button::before { content:"\f002"; font-family:'Font Awesome 5 Free'; font-weight:900; } */

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

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

/* WP-PageNavi */
.wp-pagenavi { display: flex; justify-content: center; margin-top:2em; text-align:center; }
.wp-pagenavi .pages,.wp-pagenavi .last { width: 5em;}
#contents .wp-pagenavi a, #contents .wp-pagenavi span { padding:.4em .8em; border:1px solid #2f3681; background:#fff; }
#contents .wp-pagenavi a:hover,
#contents .wp-pagenavi span.current { color:#fff; background:#2f3681;  }

.pagenation { margin-top:2em; text-align:center; }
.pagenation li { display:inline-block; margin:0 3px; }
.pagenation li a { display:block; }
.pagenation li.current, .pagenation li.pages, .pagenation li a {
  padding:.3em .8em; border:1px solid #eee; background:#fff; }
.pagenation li.current { color:#fff; border-color:#1c5ba9; background:#1c5ba9; }


/* ================================================================
  レスポンシブ
=================================================================== */
@media screen and (min-width: 600px) {
  .alignleft,
  img.alignleft {
    display:inline; float:left; margin:6px 20px 0 0; }

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

@media screen and (max-width: 959px) {
  .contents { padding-bottom:30px; }
  #main, #side { width:100%; margin-bottom:4em; }
  #side .widget { margin-bottom:1em; }
  #side { margin-bottom:0; }

  #s { width:90%; }
  #searchsubmit { width:10%; }

}

@media screen and (max-width: 599px) {
  #contents .wp-pagenavi a, #contents .wp-pagenavi span { padding:.4em .5em;}
  .entry-content { margin-bottom:0; }
  .wp-block-quote { padding:1em 1em .5em; }

  #blog_pan { left: 0; }
}
