/* 共通 ------------------------*/
#blog_main { float:left; width:690px; margin-bottom:60px; }
#side { float:right; width:270px; margin-bottom:60px; padding:16px; background:#fcfaf0; }
.outline-title { margin-bottom:30px; padding:15px 0 12px; line-height:1.2em; text-align:center; font-size:1.6em; color:#533c34; border-top:2px solid #f5a547; border-bottom:2px solid #f5a547; }

.post { margin:0 0 80px; background:#fff; }

#blog_main h1 { height:auto; }
h1.entry-title { margin-bottom:15px; padding:10px 0 3px 42px; color:#533c34; font-size:1.4em; line-height:1.6; border-bottom:1px dashed #533c34; background:url(../img/common/sprout.svg) no-repeat 0 20px / 30px;  }
h1.entry-title a { color:#533c34; text-decoration:none; }
h1.entry-title a:hover { color:#8A8A8A; }

.entry-header p { margin:0 0 35px; padding-left:5px; font-size:.9em; color:#533c34; }
.entry-header i { color:#533c34; }

.entry-content { padding:0 0 30px 5px; }
.entry-footer { padding:5px 10px; font-size:.9em; border-top:1px solid #000; }
.entry-footer p { margin:0; }
.entry-footer i { color:#817333; }
.entry-footer a { color:#000; }

  /* 本文再設定 */
  .entry-content h1, .post h2, .post h3, .post h4, .post h5, .post h6{margin:1.5em 0 0.5em; font-weight:bold;}
  .entry-content h1{font-size:180%; margin-top:1em;}
  .entry-content h2{font-size:160%; margin-top:1em;}
  .entry-content h3{font-size:140%;}
  .entry-content h4{font-size:120%;}
  .entry-content h5{font-size:110%;}
  .entry-content h6{font-size:100%;}

  .entry-content p { margin:0 0 1em; line-height:1.6; }
  .entry-content ul { list-style-type:disc; margin:15px 0px 15px 1.5em; }
  .entry-content ol { list-style-type:decimal; margin:15px 0px 15px 1.8em; padding:0; }

  .post blockquote{
    border-left:5px solid #ddd;
    background:#eee;
    padding:10px;
    margin:20px 0;
    font-style:italic;
    }
    .post blockquote p{margin:0;}


.more-link { float:right }
.more-link:hover {  }

.tag { padding:30px 0px 0px 0px; clear:both; }

/* 検索結果 */
.search .post { min-height:110px; margin-bottom:20px; padding: 15px 13px; }
.search .post:before { content:""; }
.search .entry-header p { text-align:left; margin-left:12px; }
.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 { clear:both; height:34px; margin:0 0 25px 0; }
.navigation span { display:block; }
.navigation a {position:relative; display:inline-block; color:#000; }
.navigation a:after {
  content: ' '; position: absolute; top:40%; width: 0; height: 0;}

.navigation .prev { float:left; }
.navigation .prev a { padding:5px 0px 5px 25px; background:url(../img/common/arrow_b.png) no-repeat center left;}

.navigation .next { float:right; }
.navigation .next a { padding:5px 25px 5px 0px; background:url(../img/common/arrow.png) no-repeat center right; }

.navigation a:hover { color:#8A8A8A; }


/* コメント欄 */
#respond { margin-top:15px; }
#reply-title { font-size:1.2em; font-weight:bold; }
#commentform p{ margin:5px 0px; }
#commentform label { display:inline-block; width:120px; }
#commentform input[type="text"], #commentform textarea { width:475px; padding:4px; border:1px solid #DDD; }
#commentform .form-submit { text-align:center; }
#commentform .form-submit input { padding:5px 10px; }

#comments { padding:15px; text-align:left; background:url(../img/common/bg_comments.png); }
#comments-count { padding:3px 15px; color:#FFF; background:#630; font-size:1.2em; font-weight:bold; box-shadow:0 0 3px rgba(0,0,0,0.4); }

#comments-list li { margin-top:15px; position:relative; }
#comments-list .children li { margin-left:20px; padding-right:0; padding-bottom:0; border-top:1px dotted #DDD; box-shadow:none; }
  #comments-list .comment-author .fn { font-style:normal; font-weight:bold; font-size:1.2em; }
  #comments-list .avatar { float:left; margin-right:15px; }
  #comments-list .comment-meta { margin-bottom:20px; line-height:1; }
    #comments-list .comment-meta a { color:#666; }
      #comments-list .comment-meta a:hover { color:#999; }
  #comments-list p{ margin:0 0 0.8em 63px; }
  #comments-list .reply { text-align:right; }
    #comments-list .reply a{ padding:3px 10px; background:#6DCBAB; color:#FFF; }
      #comments-list .reply a:hover { background:#53C8D9; }
/* コメント欄end */


/* 投稿画像等設定 */

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

.alignleft,
img.alignleft {
  display:inline; float:left; margin-right:15px; margin-top:4px; }

.alignright,
img.alignright {
  display:inline; float:right; margin-left:15px; margin-top:4px; }

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

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

.post div.wp-caption{margin:20px 0;}
  .post div.wp-caption img{ margin:0;}
  .post div.wp-caption p{ font-size:85%;}
.wp-smiley { margin:0; }
#content .attachment img { display:block; margin:0 auto; background: }
/* 投稿画像等設定end */

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


/* side------------------------ */
/* ウィジェット */
.widget { margin-bottom:50px; }
.widget-title { margin-bottom:20px; padding:5px 0; font-size:16px; text-align:center; line-height:20px; color:#533c34; border-bottom:1px dashed #533c34; }
.widget li { font-size:14px; margin-left:3px; margin-bottom:6px; padding-left:20px; background:url(../img/common/icon-mark.svg) no-repeat 0 7px / 10px; }
.widget li a { color:#533c34; }
.widget li a:hover { color:#8A8A8A; }

/* 検索フォーム */
#side form { margin:10px 0px 30px; }
#search label { display: none; }
#s { width:80%; height:32px; margin:0; padding:0 8px; line-height:31px; border:1px solid #533c34; border-radius:0; }
#s:focus { outline:none; }
#searchsubmit { position:relative; width:20%; height:32px; margin:0; color:#fff; font-weight:900; font-family:"Font Awesome 5 Free"; vertical-align:bottom; border:none; border-radius:0;  background:#533c34; cursor:pointer; transition:all .5s; -webkit-transition:all .5s;
  -webkit-appearance:none; }

/* カレンダー */
#wp-calendar { margin:10px auto 0px auto; width:90%; font-size:14px; }
#wp-calendar td { padding:7px; }
#wp-calendar caption { color:#000; font-size:1.1em; font-weight:bold; margin:0px 0px 5px 0px; }
#wp-calendar thead th { font-weight:normal; }
#wp-calendar tbody { color:#aaa; }
#wp-calendar tbody td {  border:1px solid #fff; padding:3px 0 2px; text-align:center; }
#wp-calendar tbody .pad { background:none; }
#wp-calendar tfoot #next { text-align:right; }

/* ブログ一覧 */
.blogBox .blogList li { width: 32%; height: 220px; margin-bottom: 15px; }
.blogBox .blogList li:not(:nth-child(3n+1)) { margin-left: 2%; }
.blogBox .blogList li a { display: block; width: 100%; height: 100%; position: relative; }
.blogBox .blogList li a:before {
  content: ''; display: block;
  position: absolute; top: 0; bottom: 0; left: 0; right: 0;
  background: linear-gradient(to bottom,rgba(0,0,0,0) 52%,rgba(0,0,0,0.66) 100%);
  z-index: 1;
}
.blogBox .blogList li figure { width: 100%; height: 100%; position: relative; overflow: hidden; }
.blogBox .blogList li figure img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ -webkit-transform: scale(1); transform: scale(1); text-decoration: none; -webkit-transition: all .3s; transition: all .3s; }
.blogBox .blogList li .summary { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px; color: #fff; z-index: 2; }
.blogBox .blogList li .summary p { margin: 0; }

.blogBox .blogList li a:hover { color: #fff; }
.blogBox .blogList li a:hover figure img { -webkit-transform: scale(1.05); transform: scale(1.05); }

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

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

/* WP-PageNavi */
.wp-pagenavi { margin-top:2em; text-align:center; }
#contents .wp-pagenavi a, #contents .wp-pagenavi span { padding:.2em .3em; border:1px solid #f5a547; background:#fff; border-radius:.2em;
  transition: all .3s; -webkit-transition: all .3s; }
#contents .wp-pagenavi a:hover,
#contents .wp-pagenavi span.current { color:#fff; background:#f5a547;  }

.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; border-radius:5px; }
.pagenation li.current { color:#fff; border-color:#f5a547; background:#f5a547; }

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

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

/* スマホ */
@media screen and (max-width: 600px){
  .blogBox .blogList li { width: 100%; height: auto; margin-bottom: 10px; position: relative; }
  .blogBox .blogList li:not(:nth-child(3n+1)) { margin-left: 0; }
  .blogBox .blogList li + li { padding-top: 10px; border-top: 1px dashed #ddd; }
  .blogBox .blogList li a::before { display: none; }
  .blogBox .blogList li a { display: -webkit-flex; display: flex; text-decoration: none; }
  .blogBox .blogList li figure { width: 80px; height: 80px; }
  .blogBox .blogList li .summary { position: static; width: calc(100% - 80px); margin-left: 10px; padding: 0; color: #222; }
}