/*=============================================================
 #article
=============================================================*/
#article { margin-top: 30px; padding: 0 10px; }

#article .others { background: #FFF; width: 86.6%; margin: 0 auto; }

#article .others .read { padding: 25px 0; }

#article .others .read h2 { font-size: 1.9rem; }

#article .serial { background: #FFF; border: 4px solid #13202f; padding: 65px 20px 22px; margin-top: -45px; }

#article .serial li { margin-bottom: 17px; padding-bottom: 6px; }

#article .serial li .viewSp { display: block; font-weight: 900; }

#article .serial li a { font-size: 1.5rem; text-decoration: none; border-bottom: 1px solid #000; }

@media all and (min-width: 600px) { #article { margin: 0 50px; padding: 120px 0 0; }
  #article .others { width: 800px; }
  #article .others .read { padding: 25px 0; }
  #article .others .read h2 { font-size: 2.8rem; }
  #article .serial { padding: 100px 0 35px; margin-top: -60px; }
  #article .serial .ulWrap { overflow: hidden; width: 800px; margin: 0 auto; }
  #article .serial .ulWrap .left { width: 400px; float: left; }
  #article .serial .ulWrap .right { float: right; }
  #article .serial .ulWrap li { font-size: 1.6rem; margin-bottom: 20px; }
  #article .serial .ulWrap li .viewSp { display: none; }
  #article .serial .ulWrap li a { text-decoration: none; border-bottom: 1px solid #000; padding-bottom: 5px; }
  #article .serial .ulWrap li a:hover { border: none; }
  #article .serial .ulWrap li a .viewPc { font-weight: 900; font-size: 2.2rem; line-height: 1.3; display: inline-block; margin-right: 8px; } }