/*sidebar----------------------*/
#sidebar > ul > li { margin-bottom: 20px; }
#sidebar .widgettitle { position: relative; margin-bottom: .8em;
    font-size: 1.125em; border-bottom: 1px solid #cccccc; }
#sidebar .widgettitle::before { content: '';
    position: absolute; bottom: -1px; left: 0;
    width: 20%; height: 1px; background: #c71432; }

#sidebar .widgettitle + ul > li { position: relative; margin-bottom: .8em;
    padding-left: 1.2em; line-height: 1.5; }
#sidebar .widgettitle + ul > li::before { content: ""; position: absolute; top: 50%; left: 0;
    width: 8px; height:1px; background: #ccc; }
#sidebar .widgettitle + ul > li > a {font-size: 0.87em; text-decoration: none; }

/*archives*/
select[name="archive-dropdown"] { width:100%; margin-bottom:1em; }

/*search*/
.screen-reader-text { position: absolute; left: -1000em; }
#searchform > div { display: flex; -webkit-display: flex; }
#searchform input[type="text"] {
    width: 80%; margin: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;}
#searchform input[type="submit"] {
    width: 20%;
    font-size: .8em; letter-spacing: .1em; color: #fff;
    background: #4d4a45;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; }


/*content----------------------*/

/*post*/
.post { padding:40px 10px; border-bottom: 2px double #e2e2e2;}
 #content { padding-bottom:2em; }
#content>div:last-child { border-bottom: none; }
.postTtl { margin-bottom: 1.5em; }
.postTtl h1 { font-size: 1.5em; font-weight: bold; line-height: 1.5em; }
.postTtl h1 a { text-decoration: none; }
.postTtl h1+p { margin-block: .5em 0; text-align: right; }
.tagBox { margin: 0 ; }

.pagetitle  { padding: 50px 20px 0; font-size: 1.8em; font-weight: bold; border-bottom: 4px double #c71432;}

h4[id^="post-"] { font-size: 1.5em; font-weight: bold; }
h4[id^="post-"] a { text-decoration: none; }
h4[id^="post-"]+p { text-align: right; }

.navigation { content:""; clear:both; display:block; padding-top:1em; }
.alignright { float:right; }
.alignleft  { float:left; }

img.centered { display:block; margin-left:auto; margin-right:auto; }
img.alignright { display: inline; padding: 4px; margin: 0 0 2px 7px; }
img.alignleft { display: inline; padding: 4px; margin: 0 7px 2px 0; }


/* wp-pagenavi */
.wp-pagenavi { margin:1.5em 0; text-align:center; }
.wp-pagenavi > .pages { display:none; }
.wp-pagenavi > a, .wp-pagenavi > .current {
   display:inline-block; margin:0 .3em; padding:.2em .65em .3em; line-height:1.4; /* border:1px solid #c71432;*/ }
.wp-pagenavi > a:hover { color:#fff; background:#333; text-decoration:none; }
.wp-pagenavi > .current { color:#fff; background:#c71432; }


.oldmaterial_box { margin-top: 50px; padding: 2em 3em; background: #f6f6f6; }

.oldmaterial_box .ttl { font: 1.1rem / 1.8 "Rubik", sans-serif; }
.oldmaterial_box .ttl::first-letter { color: #c71432; }



/* archive */
.entry-box .thumbnail { width: 35%; }
.entry-box .entry-content { width: 60%; }
.entry-box .entry-content p { margin-top: 0; }

/* ================================================================
  レスポンシブ
=================================================================== */
/* 600以上(PC・タブレット) */
@media screen and (min-width: 600px) {

  #contents { justify-content: space-between; -webkit-justify-content: space-between; }

  /*sidebar----------------------*/
  #sidebar { order: 1;  width: 25%; padding: 50px 20px 0; }

  /*content----------------------*/
  #content { order: 2; width: 75%; }
  /*post*/
  .post { padding: 50px 20px; }

  .oldmaterial_box > div { display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; }
  .oldmaterial_box .img { width: 35%; margin-left: 5%; padding: 1em 0 0; }
  .oldmaterial_box .lead { flex: 1; -webkit-box-flex: 1; }
}



/* ================================================================
  スマホ
=================================================================== */
@media screen and (max-width: 599px){

.wp-block-image img { display: block; width: 100%; }


#contents { display: block; }

/*sidebar----------------------*/
#sidebar { width:100%; margin: 40px auto; padding-top:2em; }

/*content----------------------*/
#content { width: 100%; margin:0 auto; }
#content h3 { line-height: 1.5; margin-bottom: .5em; }

.oldmaterial_box .img { margin-top: 10%; }

.entry-box .thumbnail { order: 2; width: 100%; padding-inline: 10%; }
.entry-box .entry-content { order: 1; width: 100%; }

}