@charset "utf-8";

@media screen and (min-width: 855px) {  }
@media screen and (min-width: 641px) and (max-width: 854px) {  }
@media screen and (min-width: 480px) and (max-width: 640px) {  }

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

/* iPhone XS Max/XR/11/11 Pro Max　横　およびpad */
@media screen and (max-width: 896px) {
}

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

}

@media screen and (max-width: 640px) {
  #users.home article .topics .topic {
    flex-wrap: wrap;
  }
  
  #users.home article .topics .detail {
    width: 100%;
  }

  header h1 {
   width: 100%;
   padding: 8px 16px;
  }
  
  .container,
  .signin .logo,
  .signin form {
    width: 100%;
  }

  .container {
    padding: 0 4%;
  }

  header {
    padding: 14px 0;
  }

  header .flex {
    flex-flow: column;
  }

  header h1.title img {
    width: 100%;
  }

  #users header h1 img {
    width: 100%;
  }

  header .actions p {
    margin: 2px 0 8px;
    text-align: center;
    font-size: 90%;
  }

  header .actions p.signout a {
    padding: 6px 20px;
    font-size: 70%;
    text-align: center;
  }

  article h2 {
    font-size: 125%;
  }

  article .search_area {
    font-size: 90%;
  }

  article .search_area label span {
    display: block;
    margin: 0 0 4px;
  }

  article .search_area label [type="text"] {
    width: 45%;
  }

  article .content .tabs {
    text-align: center;
  }

  article .content .tabs a:last-child {
    margin: 0;
  }

  article .content table.register_table th,
  article .content table.register_table td {
    width: 100%;
    display: block;
    padding: 12px 6px;
  }

  article .content table.register_table td input[type=text] {
    width: 100%;
  }

  article #pdf_table {
    font-size: 100%;
  }

  article #pdf_table td:nth-child(2) a {
    font-size: 75%;
  }

  .scroll_table {
    overflow: auto;
    white-space: nowrap;
  }

  .scroll_table table {
    table-layout: initial;
  }

  .signin {
    padding: 0;
  }

  .signin .logo img {
    width: 85%;
  }

  .signin form {
    padding: 40px 20px;
  }

  .signin .btn [type=submit] {
    padding: 14px 50px;
  }

  #admin.home article .content ul {
    flex-flow: column;
  }

  #admin.home article .content ul li {
    width: 100%;
  }

  #admin.home article .content a {
    width: 100%;
    padding: 20px 30px;
    font-size: 110%;
    margin: 0 0 20px;
  }
  
  /* お知らせ 新規登録・編集 */

  #admin.topics.new article th,
  #admin.topics.new article td {
    width: 100%;
    display: block;
  }
  
  #admin.topics.new article td {
    padding: 16px 8px;
  }

}

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