@charset "UTF-8";
html {
    font-size: 100%;
  }
  body {
    color: #383e45;
    font-size: 0.9rem;
    background-color: rgb(255, 255, 255);
  }
  a{
    color:rgb(50, 102, 140);
  }
  mark { 
    background: gold; color: black; 
  }
  label {
    font-size: 1.0rem;
  }
  .wrapper{
    margin: 30px auto;
    padding: 0 5%;
    text-align: center;
    max-width: 1280px;
  }
  div#dataTable_filter {
    margin: 10px;
  }
  #dataTable_filter label::before {
    content: "医薬品名等で";
  }
  .dataTables_wrapper .dataTables_filter input {
    border: 2px solid rgb(95, 95, 95);
  }
  table {
    border-collapse: collapse;
    border: solid 1px rgb(95, 95, 95);
    text-align: left;
    line-height: 1.8;
    margin: 20px auto;
  }
  table th{
    color: #fff;
    background-color:#327cb3;
    border: solid 1px rgb(95, 95, 95);
    padding: 10px 15px!important;
        /* 縦スクロール時に固定する */
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        /* tbody内のセルより手前に表示する */
        z-index: 1;
  }
  table td {
    border: dashed 1px rgb(95, 95, 95);
    padding: 10px 15px!important;
  }
  td.col-b{
    font-weight: 600;
  }
  .col-E {
    width: 100px;
  }
  .pc{
    display: block;
  }
  .sp{
    display: none;
  }


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

    h1 {
      font-size: 24px;
    }

    p {
      text-align: left;
      display: block;
      margin: 10;
      font-size: 12px;
  }

  .pc{
    display: none;
  }
  .sp{
    display: block;
  }

  .col-A {
      display: none;
  }



  .col-E {
      display: none;
  }

  .col-F {
      display: none;
  }

  table th,table td {
      font-size: 12px;
      padding:10px 5px!important;
  }

  div#dataTable_length {
      display: none;
  }

  div#dataTable_wrapper {
      margin-right: 10px;
  }

  .col-D {
      width: 60px;
  }

  }