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

#archive .childList .childItem .cat.pre { background: #1cacda; }

#archive .childList .childItem .cat.media { background-color: #00b2b4; }

#archive .childList .childItem .cat.product { background: #febf00; }

#archive .areaLink { margin-top: 25px; padding: 12px 20px 8px; border: 1px solid  #e2e2e2; }

#archive .areaLink .tit { margin-bottom: 18px; padding-bottom: 10px; font-size: 1.7rem; font-weight: 700; border-bottom: 1px solid #016cb1; }

#archive .areaLink .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

#archive .areaLink .list .item { width: 25%; box-sizing: border-box; height: auto; margin: 0 0 12px; border-left: 1px solid  #e2e2e2; }

#archive .areaLink .list .item:nth-child(4n) { border-right: 1px solid  #e2e2e2; }

#archive .areaLink .list .item:last-child { border-right: 1px solid  #e2e2e2; }

#archive .areaLink .list .item a { display: block; color: #016cb1; text-align: center; }

@media all and (min-width: 600px) { #archive .inner { padding-top: 43px; padding-bottom: 5px; }
  #archive .areaLink { margin-top: 40px; padding: 31px 38px 21px; }
  #archive .areaLink .tit { margin-bottom: 33px; padding-bottom: 11px; font-size: 2rem; }
  #archive .areaLink .list .item { width: 78px; margin: 0 0 13px; }
  #archive .areaLink .list .item:nth-child(4n) { border-right: none; }
  #archive .areaLink .list .item:nth-child(13n) { border-right: 1px solid  #e2e2e2; }
  #archive .areaLink .list .item a { font-size: 1.5rem; } }