@charset "utf-8";
/* CSS Document */
@media all and (max-width: 1600px) {
}

@media all and (max-width: 1440px) {
}

@media all and (max-width: 1399px) {
}

@media all and (max-width: 1199px) {
}

@media all and (max-width: 1024px) {
  main{ min-height: auto; }
}

@media all and (max-width: 991px) {
  .dist_box p{ font-size: 3em;}
}

@media all and (max-width: 768px) {
}

@media all and (max-width: 767px) {
}

@media all and (max-width: 600px) {
}

@media all and (max-width: 575px) {
  h2{ font-size: 1.5em; }
  h3{ font-size: 1.25em; }
  h4{ font-size: 1.125em; }
  h5{ font-size: 1em; }
  h6{ font-size: 1em; }

  main{ padding: 20px 0; }

  section{ padding: 20px 0; }
  section h2{ margin-bottom: 20px; }

/*   .container{ padding: 0 10px;} */
  header{ height: 50px;}
  header .logo a{ margin-top: 1px; color: #fff; font-size: .75em;}
  header .dropdown button{ margin-top: -3px; padding: 5px 20px 7px 20px; font-size: .875em;}
  header .dropdown .dropdown-menu{ min-width: 114px; margin-right: -1px !important;}

  .dist_box{ border: 10px solid #e93f63;}
  .dist_box p{ font-size: 2em;}

  /* .box_wrap .box_img .rate{ width: 80px; padding: 5px 5px 2px 5px; font-size: 1.5em; } */
  .box_wrap .box_img .info{ padding: 8px 12px 8px 12px; font-size: 1em;}
  .box_wrap .box_txt{ padding: 15px; }
/*   .box_wrap .box_txt .collist:nth-child(2){ display: none; } */
  .box_wrap .box_txt .dist{ display: inline-block; }
  /* .box_wrap .box_txt .collist:nth-child(2), .box_wrap .box_txt .collist:nth-child(5), .box_wrap .box_txt .collist:nth-child(6), .box_wrap .box_txt .collist:nth-child(8){ display: none; } */
  /* .box_wrap .box_img .info li{ float: none; width: 100%; text-align: center; }
  .box_wrap .box_img .info li:last-child{ display: none; }
  .box_wrap .box_txt{ padding: 10px; }
  .box_wrap .box_txt .collist{ display: none; }
  .box_wrap .box_txt .price{ display: block; } */

  .dtl_txt{ font-size: 1em; }
  .dtl_txt .cap .rate{ height: 20px; margin: 3px 0 0 20px; padding: 0px 10px; font-size: .813em; line-height: 1.5em; }
  .dtl_txt .price{ margin: 20px 0;}

  .pagination{ display: none; }
  .pagination_jump{ display: block; }

  section h2 .func_wrap{ margin: 20px 0 20px 0; position: static; }

  footer .logo a{font-size: 1em;}
}

@media all and (max-width: 480px) {

  .btn{ padding: 12px 25px 14px 25px;}
}

@media all and (max-width: 375px) {
}

@media all and (max-width: 374px) {
  .btn{ padding: 7px 15px 9px 15px;}
}

@media all and (max-width: 320px) {
}