/* ===== general ===== */

  button, input, select, textarea {border:0;}
  
  
  
  /* ===== a ===== */
  .na {/* align-content: flex-start | flex-end | center | space-between | space-around | stretch; */}
  .na {-webkit-align-content:flex-start;align-content:flex-start;}
  
  .na {/* align-items: flex-start | flex-end | center | baseline | stretch; */}
  .na {-webkit-align-items:flex-start;align-items:flex-start;}
  .na {-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
  .na {-webkit-box-align:flex-end;-ms-flex-align:flex-end;-webkit-align-items:flex-end;align-items:flex-end;}
  
  
  button, input, select, textarea {-webkit-appearance:none;appearance:none;}
  button, input, select, textarea {border-radius:0;}
  
  
  
  /* ===== b ===== */
  .na {background-position:50% 100%;}
  
  .bg-centered {background-position:50% 50%;}
  
  .na {background-repeat:repeat;}
  
  .bg-cover {background-size:cover;}
  
  .na {border:0 none;}
  
  .na {border-radius:50%;}
  
  .na {bottom:0;}
  
  .na {box-sizing:border-box;}
  
  
  
  
  /* ===== c ===== */
  .na {clear:both;}
  
  .na:after, .na:before {content:" ";}
  
  button, input[type="checkbox"], input[type="radio"], .slick-arrow, .slick-dots {cursor:pointer;}
  
  
  
  
 /* ===== d ===== */
 .na {display:block;}
  
 .d-flex {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
  
  
 .hi {display:none;}
  
  
  
  
  
  /* ===== e ===== */
  
    
  
  /* ===== f ===== */
  .na {/* flex-direction: row | row-reverse | column | column-reverse; */}
  .flex-row-reverse {-webkit-flex-direction:row-reverse;flex-direction:row-reverse;}
  
  .na {/* flex-shrink: <number>;  default 1 */}
  .na {-webkit-flex-shrink:0;flex-shrink:0;}
  
  
  .na {/* flex-grow: <number>; default 0 */}
  .na {-webkit-flex-grow:1;flex-grow:1;}
  .na {-webkit-flex-grow:2;flex-grow:2;}
  
  
  .box{/* flex-wrap: nowrap | wrap | wrap-reverse; */}
  .flex-wrap {-webkit-flex-wrap:wrap;flex-wrap:wrap;}
  
  
  .na {float:left;}
  .na {float:right;}
  
  
  
  * {-webkit-text-size-adjust:none;font-size-adjust:none;}
    
  html, input, select {font-family:"Roboto", "Helvetica Neue", Arial, Microsoft yahei, "Hiragino Sans GB", "Hiragino Sans GB W3", -apple-system-font, sans-serif;}
  html {color:#2c2a29;font-size:16px;}
  
  b, strong {font-weight:bold;}
  .list-item * {font-weight:normal;}
  
  h1 {font-size:2rem;}
  h2 {font-size:1.5rem;}
  h3 {font-size:1.25rem;}
  h4 {font-size:1rem;}
  h5 {font-size:0.875rem;}
  h6 {font-size:0.75rem;}
  
  
  
  
  
  /* ===== g ===== */
  
  
  
  
  /* ===== h ===== */
  .na {height:100%;}
  .na {min-height:100%;}
  
  
  
  /* ===== i ===== */
  
  
  
  
  /* ===== j ===== */
  .na {/* justify-content: flex-start | flex-end | center | space-between | space-around; */}
  .na {-webkit-box-pack:flex-start;-ms-flex-pack:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start;}
  .justify-content-center {-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
  .justify-content-end {-webkit-box-pack:flex-end;-ms-flex-pack:flex-end;-webkit-justify-content:flex-end;justify-content:flex-end;}
  .justify-content-between {-webkit-box-pack:space-between;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;}
  
  
  
  
  /* ===== k ===== */
  
  
  
  
  /* ===== l ===== */
  .na {left:0;}
  
  .na {left:50%;}
  
  * {line-height:1.8;}
  
  
  ol, ul {list-style:none;}
  
  
  
  
  /* ===== m ===== */
  * {margin:0;}
  
  .xc {margin:auto;}
  
  
  
  
  
  /* ===== n ===== */
  
  
  
  
  /* ===== o ===== */
  .na {opacity:0;}

  * {outline:none;}
  
  
  
  
  
  /* ===== p ===== */
  * {padding:0;}
  
  .na {position:absolute;}
  .na {position:fixed;}
  .na {position:relative;}
  
  *.disabled {pointer-events:none;}
  
  
  /* ===== q ===== */
  
  
  
  
  /* ===== r ===== */
  .na {right:0;}
  
  
  
  
  /* ===== s ===== */
  
  
  
  
  /* ===== t ===== */
  .na {text-align:center;}
  
  .na {text-align:right;}
  
  a {text-decoration:none;}
  
  .na {text-transform:uppercase;}
  
  .na {top:0;}
  
  .na {top:50%;}
  
  a {transition:color 400ms ease 0s;}
  .na {transition:all 400ms ease 0s;}
  
  .na {transform:rotate(45deg);}
  .na {transform:rotate(-45deg);}
  
  
  
  
  /* ===== u ===== */
  .na {-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
  
  
  
  
  /* ===== v ===== */
  
  
  
  
  /* ===== w ===== */
  .full-width {width:100%;}
  
  .na {width:50%;}
  
  .na {width:33.3331%;}
  
  .na {width:25%;}
  
  .na {white-space:nowrap;}
  
  
  
  
  /* ===== x ===== */
  
  
  
  
  /* ===== y ===== */
  
  
  
  
  /* ===== z ===== */
  body {z-index:0;}
  
  
  /* ===== special ===== */
  .ot {overflow:hidden;text-indent:-5000rem;}
  
  .na {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  
  .na {opacity:0;visibility:hidden;}
  .na {opacity:1;visibility:visible;}
  
  .ellipsis, .new-book-intro, .book-commend h3, .book-elite h4, .list-book-intro, .list-press-item .info h3, .list-press-item .info p {display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;box-orient:vertical;}
  .ellipsis {-webkit-line-clamp:1;line-clamp:1;}
  .ellipsis.row2, .book-commend h3, .book-elite h4, .list-book-intro, .list-press-item .info h3 {-webkit-line-clamp:2;line-clamp:2;}
  .ellipsis.row3, .new-book-intro, .list-press-item .info p {-webkit-line-clamp:3;line-clamp:3;}
   
 
  @media screen and ( max-width:1239px ) {

    html {background:#ddd;}

    .m-flex {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}

 }  

/** @media screen and ( min-width:1240px ) { **/
  @media screen {

    .pc-flex {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}




}