/* =========================
   nemuの手帖｜DIARY
   ========================= */

.diary-entry {
  width: 88%;
  max-width: 700px;
  margin: 30px auto 40px;
  padding: 28px 20px 30px;
  box-sizing: border-box;

  background: #FFFDF7;
  border: 1px solid #D8CCDF;
  border-radius: 4px;

  box-shadow: 2px 4px 12px rgba(85,68,111,0.08);

  text-align: center;
}

.diary-entry .diary-photo {
  display: block;
  width: 30% !important;
  height: auto;
  margin: 0 auto 18px;

  border: 1px solid #E1D8E5;
  box-shadow: 0 3px 9px rgba(85,68,111,0.10);
}

.diary-entry .diary-title {
  margin: 5px 0 7px;

  font-family: serif;
  font-size: 19px;
  line-height: 1.8;
  letter-spacing: 2px;
}

.diary-entry .diary-title a {
  color: #55446F;
  text-decoration: none;
}

.diary-entry .diary-title a:hover {
  color: #735F91;
  text-decoration: underline;
  text-decoration-color: #D8CCDF;
}

.diary-entry .diary-date {
  color: #A18A6A;

  font-family: serif;
  font-size: 11px;
  line-height: 1.8;
  letter-spacing: 2px;
}

.diary-entry hr {
  width: 55%;
  margin: 25px auto 0;

  border: none;
  border-top: 1px dotted #D8CCDF;
}

.diary-entry .new {
  color: #A18A6A;
  font-size: 10px;
  letter-spacing: 1px;
}


/* =========================
   nemuの手帖｜DIARY 個別記事
   ========================= */

.diary-page {
  width: 100%;
  margin: 0;
  padding: 30px 10px 50px;
  box-sizing: border-box;
}

/* 紙 */

.diary-paper {
  width: 94%;
  max-width: 760px;
  margin: 0 auto;
  padding: 30px 25px 45px;
  box-sizing: border-box;

  background: #FFFDF7;
  border: 1px solid #D8CCDF;
  border-radius: 4px;

  box-shadow: 2px 4px 14px rgba(85,68,111,0.10);

  color: #55446F;
}

/* メイン画像 */

.diary-page .diary-photo {
  width: 100%;
  margin: 0 auto 28px;
  text-align: center;
}

.diary-page .diary-photo img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;

  border: 1px solid #E1D8E5;
  box-shadow: 0 4px 12px rgba(85,68,111,0.10);
}

/* タイトル */

.diary-page .diary-title {
  margin: 5px 0 8px;

  color: #55446F;

  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    serif;

  font-size: 24px;
  line-height: 1.8;
  letter-spacing: 2px;

  text-align: center;
}

/* NEW */

.diary-page .diary-title .new {
  color: #A18A6A;
  font-size: 10px;
  margin-right: 5px;
}

/* 日付 */

.diary-page .diary-date {
  color: #A18A6A;

  font-family: serif;
  font-size: 11px;

  line-height: 1.8;
  letter-spacing: 2px;

  text-align: center;
}

/* 飾り */

.diary-decoration {
  margin: 25px auto 28px;

  color: #A18A6A;

  font-family: serif;
  font-size: 11px;

  letter-spacing: 5px;

  text-align: center;
}

/* 本文 */

.diary-page .diary-text {
  width: 94%;
  margin: 0 auto;

  color: #55446F;

  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    serif;

  font-size: 16px;
  line-height: 2.4;
  letter-spacing: 0.5px;

  text-align: left;

  overflow-wrap: break-word;
}

/* 本文中の画像 */

.diary-page .diary-text img {
  max-width: 100%;
  height: auto;
}

/* 本文中のリンク */

.diary-page .diary-text a {
  color: #735F91;
}

/* ページ送り */

.diary-navigation {
  margin: 45px auto 0;

  color: #735F91;

  font-family: serif;
  font-size: 15px;

  letter-spacing: 1px;

  text-align: center;
}

.diary-navigation a {
  color: #735F91;
  text-decoration: underline;
  text-decoration-color: #D8CCDF;
  text-underline-offset: 3px;
}

/* diaryへ戻る */

.diary-back {
  margin: 28px auto 0;

  color: #A18A6A;

  font-family: serif;
  font-size: 14px;

  letter-spacing: 2px;

  text-align: center;
}

.diary-back a {
  color: #A18A6A;
  text-decoration: underline;
  text-decoration-color: #D8CCDF;
}


/* =========================
   スマホ
   ========================= */

@media screen and (max-width: 600px) {

  .diary-page {
    padding: 20px 5px 40px;
  }

  .diary-paper {
    width: 94%;
    padding: 20px 15px 35px;
  }

  .diary-page .diary-photo {
    margin-bottom: 23px;
  }

  .diary-page .diary-title {
    font-size: 21px;
    letter-spacing: 1.5px;
  }

  .diary-page .diary-date {
    font-size: 10px;
    letter-spacing: 1.5px;
  }

  .diary-decoration {
    margin: 22px auto 24px;
  }

  .diary-page .diary-text {
    width: 96%;
    font-size: 15px;
    line-height: 2.3;
  }

  .diary-navigation {
    margin-top: 35px;
    font-size: 14px;
  }

  .diary-back {
    margin-top: 23px;
    font-size: 13px;
  }

}