/*  #blog
================================================ */
#blog #contents .inner { padding-bottom: 30px; }

#blog #contents .list a { display: block; text-decoration: none; }

#blog #contents .item { border-bottom: 1px solid #ebe6e6; padding-bottom: 15px; }

#blog #contents .item + .item { padding-top: 15px; }

#blog #contents .item .info .time { display: inline-block; vertical-align: top; color: #666464; font-size: 1.2rem; letter-spacing: .08em; margin-right: 8px; }

#blog #contents .item .info .categories { display: inline-block; }

#blog #contents .item .info .categories span { vertical-align: top; color: #fff; background: #ff7391; font-size: 1.1rem; letter-spacing: .08em; padding: 1px 5px; margin-right: 6px; }

#blog #contents .item .box { float: left; width: 59%; box-sizing: border-box; }

#blog #contents .item .tit { font-size: 1.7rem; line-height: 1.55; padding-right: 15px; }

#blog #contents .item .eyecatch { float: right; width: 41%; }

#blog #contents .item .readmore { display: inline-block; color: #ff7391; border-bottom: 1px solid #ff7391; font-size: 1.4rem; letter-spacing: .08em; padding-bottom: 1px; }

@media screen and (min-width: 600px) { #blog #contents .inner { padding-bottom: 100px; }
  #blog #contents .headerTit { margin-top: 90px; margin-bottom: 31px; }
  #blog #contents .item { padding-bottom: 34px; }
  #blog #contents .item + .item { padding-top: 34px; }
  #blog #contents .item .info { margin-bottom: 1px; }
  #blog #contents .item .info .time { font-size: 1.3rem; padding: 1px 0 0 3px; margin-right: 9px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  #blog #contents .item .info .categories span { font-size: 1.3rem; padding: 1px 10px; }
  #blog #contents .item .tit { font-size: 2.4rem; padding-right: 0; margin-bottom: 15px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  #blog #contents .item .txt { font-size: 1.5rem; letter-spacing: .08em; line-height: 2; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  #blog #contents .item .box { width: 715px; min-height: 246px; padding-right: 35px; }
  #blog #contents .item .eyecatch { width: 385px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  #blog #contents .item .readmore { font-size: 1.5rem; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  #blog #contents .item:hover .tit, #blog #contents .item:hover .txt, #blog #contents .item:hover .time { color: #ff7391; }
  #blog #contents .item:hover .eyecatch { opacity: .8; }
  #blog #contents .item:hover .readmore { border-bottom: none; } }

/*  #blog #post
================================================ */
#post div { padding: 0 15px 22px; border-bottom: 8px solid #ffe3e9; }

#post time { display: inline-block; vertical-align: middle; color: #666464; font-size: 1.2rem; font-family: 'Cinzel', serif; letter-spacing: .08em; margin-right: 3px; }

#post .category { vertical-align: middle; color: #fff; background: #ff7391; font-size: 1.1rem; letter-spacing: .08em; padding: 1px 5px; margin-right: 6px; }

#post h1 { font-size: 2.1rem; font-family: 'Noto Serif JP', serif; font-weight: bold; letter-spacing: .08em; border-bottom: 1px solid #ff7391; padding-bottom: 10px; margin-bottom: 12px; }

#post p { color: #666464; letter-spacing: .08em; line-height: 2; margin-bottom: 10px; }

#post p img { display: block; margin: 0 auto; width: auto !important; }

@media screen and (min-width: 600px) { #post div { width: 1100px; margin: 120px auto 0; border: 8px solid #ffe3e9; box-sizing: border-box; padding: 70px 70px 50px; }
  #post time { font-size: 1.3rem; margin-right: 11px; }
  #post .category { font-size: 1.3rem; padding: 1px 9px; }
  #post h1 { font-size: 2.8rem; padding-bottom: 20px; margin-bottom: 22px; }
  #post p { margin-bottom: 32px; } }

#pager { padding-bottom: 50px; }

@media screen and (min-width: 600px) { #pager { padding-bottom: 100px; } }