/*============================================================= #blog =============================================================*/
#blog { background: url("../img/common/bg_white01.png"); }

/* #mainImg
================================================ */
#mainImg { background-image: url("../img/blog/bg_main01_sp.png"); }

@media screen and (min-width: 600px) { #mainImg { background-image: url("../img/blog/bg_main01_pc.png"); } }

/* #blogArchive
================================================ */
#blog #blogArchive { padding: 34px 0 50px; }

#blog #blogArchive .head { margin-bottom: 15px; }

#blog #blogArchive .head .secTit { margin-bottom: 15px; }

#blog #blogArchive .head .lead { text-align: center; }

@media screen and (min-width: 600px) { #blog #blogArchive { padding: 23px 0 90px; }
  #blog #blogArchive .head { margin-bottom: 29px; }
  #blog #blogArchive .head .secTit { margin-bottom: 18px; } }

/* #blogSingle
================================================ */
#blogSingle { padding: 39px 0 53px; }

#blogSingle .singlePost { padding: 27px 15px 14px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3); background: #fff; }

#blogSingle .head { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #e4e1df; }

#blogSingle .head .tit { margin-bottom: 8px; }

#blogSingle .head .date { float: left; margin-right: 12px; }

#blogSingle .content img { display: block; margin: 0 auto 18px; }

#blogSingle .content h2 { color: #4d372a; font-weight: bold; font-size: 1.8rem; margin-bottom: 6px; }

#blogSingle .content h3 { font-size: 1.6rem; padding: 0 0 0 21px; margin-bottom: 10px; position: relative; }

#blogSingle .content h3:before { content: ""; display: block; width: 15px; height: 15px; border-radius: 50%; background: #8f7362; position: absolute; left: 0; top: 7px; }

#blogSingle .content p { margin-bottom: 24px; }

#blogSingle .content p + p { margin-top: -9px; }

#blogSingle .pager { margin-top: 15px; }

@media screen and (min-width: 600px) { #blogSingle { padding: 34px 0 77px; }
  #blogSingle .singlePost { padding: 47px 53px 30px; margin-bottom: 40px; }
  #blogSingle .head { padding-bottom: 12px; margin-bottom: 40px; }
  #blogSingle .head .tit { margin-bottom: 15px; }
  #blogSingle .content img { width: auto; margin-bottom: 28px; }
  #blogSingle .content h2 { font-size: 2.2rem; }
  #blogSingle .content h3 { font-size: 1.8rem; padding: 0 0 0 23px; margin-bottom: 6px; }
  #blogSingle .content h3:before { width: 17px; height: 17px; top: 8px; }
  #blogSingle .content p { margin-bottom: 36px; }
  #blogSingle .content p + p { margin-top: -3px; }
  #blogSingle .btn { position: relative; z-index: 2; }
  #blogSingle .pager { margin: -76px auto 0; } }

/* #blogOther
================================================ */
#blogOther { padding: 0 0 20px; }

#blogOther .head .secTit { margin-bottom: 5px; }

@media screen and (min-width: 600px) { #blogOther { padding: 0 0 50px; }
  #blogOther .head { margin-bottom: 29px; }
  #blogOther .archive { border-bottom: 1px solid #e4e1df; }
  #blogOther .archive .post { width: 46.7%; border: none; margin-bottom: 28px; }
  #blogOther .archive .post:nth-of-type(odd) { clear: both; float: left; }
  #blogOther .archive .post:nth-of-type(even) { float: right; }
  #blogOther .archive .post a { padding: 0; }
  #blogOther .archive .post .imgBox { width: 272px; }
  #blogOther .archive .post .txtBox { width: 47.5%; } }