@charset "utf-8";

/* 記事設定 */
.entry-post { position:relative; margin-bottom:30px; padding-bottom:50px; border-bottom:1px solid #ddd; }
.entry-header { position:relative; margin-bottom:3em; padding:0 0 1.3em; font-weight:bold;  border-bottom:1px solid #ddd; }
.entry-header:before, .entry-post:after { content:""; position:absolute; bottom:-1px; left:0; z-index:2; width:50%; height:1px; background:#9090a7; }
.entry-header .entry-title { margin:.6em 0 0; font-size:1.4em; line-height:1.5; color:#333; font-weight:bold; }
.entry-header .date { display:inline-block; font-size:.9em; }
.entry-header .category { display:inline-block; margin:0; font-size:.9em; }
.entry-header .date + .category { margin-left:1em; }
.entry-header .category .cat, .entry-header .date { color:#717070; }
.entry-header .category .cat { margin-left:0; text-decoration:none; line-height:1.3em; }
.entry-header .category .cat + .cat { margin-left:.6em; }

.entry-pagenav { position:relative; }
.entry-pagenav a { text-decoration:none; }
.entry-pagenav .next, .entry-pagenav .prev { width:42.5%; line-height:1.4; }
.entry-pagenav .next a, .entry-pagenav .prev a { position:relative; display:block; padding:1em; }
.entry-pagenav .next { float:left; }
.entry-pagenav .prev { float:right; text-align:right; }
.entry-pagenav .next a:before, .entry-pagenav .prev a:after {
 content:""; position:absolute; top:1.7em; width:5px; height:5px; -webkit-transform:rotate(45deg) translateY(-3px); transform:rotate(45deg) translateY(-3px); border-style:solid; border-color:#3e3e78; }
.entry-pagenav .next a:before { left:0; border-width:0 0 2px 2px; }
.entry-pagenav .prev a:after { right:0; border-width:2px 2px 0 0; }

.entry-pagenav .list { position:absolute; right:0; left:0; width:15%; margin:0 auto; }
.entry-pagenav .list a { display:block; padding:2em 1em 1em; text-align:center; font-size:.85em; }
.entry-pagenav .list a:before { content:""; position:absolute; top:.5em; left:0; right:0; width:1.2em; height:1.2em; margin:0 auto; background:url(../img/common/ico_list.svg) no-repeat center / 100%; }

/* タグ　*/
.tag_list { margin-top:4em; margin-bottom:-30px; padding-top:1em;  border-top:1px dotted #eee; }
.tag_list li { display:inline-block; }
.tag_list li:after { margin:0 .6em; color:#ddd; content:'/'; }
.tag_list li a { color:#3e3e78; text-decoration:none; }
.tag_list li a:hover { opacity:.8; }

/* 本文設定 */
.entry-content a { color:#4e4eb7; }
.entry-content em { font-style:italic; font-weight:normal; }
.entry-content strong { font-size:1em; }
.entry-content hr { margin:3em 0; border:none; border-top:1px dotted #ddd; }
.has-normal-font-size , .has-regular-font-size { font-size:inherit !important; }

h2[class^=is-style] { font-size:1.4em; }
h3[class^=is-style] { font-size:1.2em; }
h4[class^=is-style] { font-size:1.15em; }
h5[class^=is-style] { font-size:1.1em; }
h6[class^=is-style] { font-size:1.05em; }

/* 投稿画像等設定 */
.wp-block-gallery { margin:2.5em 0 !important; padding-left:0 !important; }

.wp-caption { max-width:100%; margin:3em auto; }
.wp-caption-text { margin:.8em 0; font-size:.9em; 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; }

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

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

@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: 599px){

  .entry-header { margin-bottom:2em; }
  .entry-header .entry-title { font-size:1.2em; }

  .entry-pagenav .next, .entry-pagenav .prev { width:50%; }
  .entry-pagenav .next a { padding-right:.5em; }
  .entry-pagenav .prev a { padding-left:.5em; }
  .entry-pagenav .list { clear:both; position:relative; width:100%; }
  .entry-pagenav .list a { padding:1em .5em; background:#f5f5f5; }
  .entry-pagenav .list a:before { position:static; display:inline-block; margin-right:.5em; vertical-align:middle; }


}