/*  #mainImg
================================================ */
#mainImg { background-color: #1b1b1b; }

/*  #archive
================================================ */
#archive .inner { padding-top: 50px; padding-bottom: 50px; }

#archive .anchor .btn + .btn { margin-top: 10px; }

#archive .anchor .btn a { position: relative; display: block; box-sizing: border-box; padding: 10px 30px; text-decoration: none; text-align: center; border: 1px solid #1b1b1b; font-weight: 700; }

#archive .anchor .btn a:before { content: ''; position: absolute; top: 52%; right: 10px; width: 18px; height: 10px; background: url(../img/common/ico_arw02.png) no-repeat; background-size: contain; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#archive .list { margin-top: 30px; }

#archive .list .item:nth-child(2n+1) { background: #f5f5f5; }

#archive .list .item a { display: block; padding: 15px 18px; text-decoration: none; }

#archive .list .date { font-size: 1.2rem; line-height: 1; font-weight: 600; letter-spacing: .06em; }

#archive .list .cat { margin-top: 5px; display: inline-block; padding: 2px 7px; border: 1px solid #9a9a9a; color: #9a9a9a; line-height: 1.3; font-size: 1.1rem; }

#archive .list .tit { margin-top: 5px; line-height: 1.6; }

#archive .catTit { margin: 30px 0 0; padding-bottom: 5px; border-bottom: 1px solid #9a9a9a; font-size: 1.8rem; font-weight: 700; }

#archive .pager { margin-top: 20px; }

@media screen and (min-width: 600px) { #archive .inner { padding-top: 100px; padding-bottom: 130px; }
  #archive .anchor { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 75px; }
  #archive .anchor .btn { width: calc(25% - 10px); margin: 0 5px; }
  #archive .anchor .btn + .btn { margin-top: 0; }
  #archive .anchor .btn:nth-of-type(n+5) { margin-top: 10px; }
  #archive .anchor .btn a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding: 13px 35px 13px 15px; line-height: 1.5; font-size: 1.5rem; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  #archive .anchor .btn a:hover { border-color: #a2005b; background: #a2005b; color: #fff; }
  #archive .anchor .btn a:hover:before { right: 15px; -webkit-animation: arw_small 0.5s ease; animation: arw_small 0.5s ease; background-image: url(../img/common/ico_arw01.png); }
  #archive .catTit { margin: 50px 80px 0; font-size: 2.4rem; }
  #archive .list { margin-top: 40px; padding: 0 80px; }
  #archive .list .item a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; padding: 17px 40px; }
  #archive .list .date { width: 80px; font-size: 1.4rem; line-height: 1.8; }
  #archive .list .cat { margin-top: 0; }
  #archive .list .titWrap { width: calc(100% - 80px); padding-left: 15px; border-left: 1px solid #ddd; line-height: 1.2; }
  #archive .list .tit { line-height: 1.6; }
  #archive .pager { margin-top: 50px; } }

/*  #single
================================================ */
#single .inner { padding-top: 50px; padding-bottom: 55px; }

#single .titWrap { padding: 15px 20px; background: #f5f5f5; }

#single .titWrap .date { font-size: 1.2rem; font-weight: 600; }

#single .titWrap .tit { font-size: 2rem; font-weight: 700; line-height: 1.6; }

#single .txtWrap { padding: 10px 0 25px; }

#single .txtWrap p + p { margin-top: 25px; }

#single .pager { margin: 0 -20px; padding: 30px 20px 0; border-top: 1px solid #434343; }

#single .pager .btn { width: 260px; margin: auto; }

@media screen and (min-width: 600px) { #single .inner { padding-top: 100px; padding-bottom: 130px; }
  #single .post { margin: 0 80px; padding: 60px 60px; border: 1px solid #434343; }
  #single .titWrap { padding: 15px 30px; }
  #single .titWrap .date { font-size: 1.4rem; }
  #single .titWrap .tit { font-size: 2.4rem; }
  #single .txtWrap { padding: 20px 0 15px; }
  #single .txtWrap p + p { margin-top: 30px; }
  #single .pager { margin: 0; padding: 50px 0 0; border-top: none; }
  #single .pager .btn { width: 400px; } }