/* =========================
   基本設定
========================= */

body{
  margin:0;
  font-family:
    "Hiragino Kaku Gothic ProN",
    "Noto Sans JP",
    sans-serif;
  line-height:1.9;
  color:#333;
  background:#ffffff;
}

/* 幅制御（読みやすさ最重要） */
.wrap{
  max-width:860px;
  margin:auto;
  padding:20px;
}

/* =========================
   ヘッダー
========================= */

.site-header{
  border-bottom:1px solid #eee;
  background:#fafafa;
}

.site-title{
  margin:0;
  font-size:26px;
}

.site-title a{
  text-decoration:none;
  color:#222;
}

.site-description{
  color:#777;
  font-size:14px;
}

/* =========================
   レイアウト
========================= */

.main-layout{
  display:block;
}

.entry{
  margin-top:20px;
}

/* =========================
   パンくず
========================= */

.breadcrumb{
  font-size:13px;
  color:#777;
  margin-bottom:15px;
}

.breadcrumb a{
  color:#777;
  text-decoration:none;
}

/* =========================
   記事タイトル
========================= */

.entry-title{
  font-size:28px;
  line-height:1.4;
  margin:10px 0 20px;
}

/* 投稿日 */
.entry-meta{
  font-size:13px;
  color:#888;
  margin-bottom:25px;
}

/* =========================
   記事本文（超重要）
========================= */

.entry-content{
  font-size:17px;
}

/* 見出し（SEO重要） */

.entry-content h2{
  font-size:22px;
  margin-top:45px;
  padding-left:12px;
  border-left:5px solid #6aa84f;
}

.entry-content h3{
  font-size:19px;
  margin-top:35px;
}

/* 段落 */
.entry-content p{
  margin:18px 0;
}

/* リスト */
.entry-content ul,
.entry-content ol{
  margin:20px 0 20px 20px;
}

/* 強調 */
.entry-content strong{
  background:linear-gradient(transparent 60%, #fff3a0 60%);
}

/* 引用 */
.entry-content blockquote{
  border-left:4px solid #ccc;
  padding:10px 15px;
  background:#fafafa;
}

/* 画像 */
.entry-content img{
  max-width:100%;
  height:auto;
  border-radius:6px;
}

/* =========================
   タグ
========================= */

.entry-tags ul{
  list-style:none;
  padding:0;
}

.entry-tags li{
  display:inline-block;
  margin:5px;
}

.entry-tags a{
  background:#f0f0f0;
  padding:5px 10px;
  font-size:13px;
  text-decoration:none;
  border-radius:4px;
}

/* =========================
   前後記事リンク（PV増装置）
========================= */

.post-nav{
  display:flex;
  justify-content:space-between;
  margin:50px 0;
  font-size:14px;
}

.post-nav a{
  text-decoration:none;
  color:#2a7ae2;
}

/* =========================
   サイドバー
========================= */

.sidebar{
  border-top:1px solid #eee;
  margin-top:40px;
}

.module{
  margin:25px 0;
}

.module h2{
  font-size:18px;
  border-bottom:2px solid #eee;
  padding-bottom:5px;
}

/* =========================
   フッター
========================= */

.site-footer{
  border-top:1px solid #eee;
  margin-top:50px;
  padding:30px 0;
  text-align: left;
  font-size:13px;
  color:#777;
}

/* =========================
   スマホ最適化（最重要）
========================= */

@media (max-width:768px){

.wrap{
  padding:15px;
}

.entry-title{
  font-size:22px;
}

.entry-content{
  font-size:16px;
}

.entry-content h2{
  font-size:20px;
}

}