@charset "utf-8";

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  min-width: 0;
  overflow-x: hidden;
  background-position: top center;
}

img,
object,
embed,
iframe {
  max-width: 100%;
}

img {
  height: auto;
}

input,
select,
textarea,
button {
  max-width: 100%;
  font-size: 16px;
}

textarea {
  width: 100%;
}

#content {
  width: min(964px, 100%);
}

table[align="center"],
table[width="1000"],
table[width="964"],
table[width="956"],
table[width="940"] {
  max-width: 100%;
}

.Product_img,
.Product_img a,
.Product_img2,
.Product_img2 a {
  max-width: 100%;
}

.Product_img img,
.Product_img2 img {
  object-fit: cover;
}

@media (max-width: 1000px) {
  body {
    background-size: auto;
  }

  table[width="1000"],
  table[width="964"],
  table[width="956"],
  table[width="940"],
  table[width="912"],
  table[width="785"],
  table[width="755"],
  table[width="670"],
  table[width="510"],
  table[width="490"],
  table[width="425"],
  table[width="414"],
  table[width="389"] {
    width: 100% !important;
  }

  td[width="510"],
  td[width="490"],
  td[width="414"],
  td[width="330"] {
    width: auto !important;
  }

  td[background],
  table[background] {
    background-size: 100% auto;
  }

  img[width="964"],
  img[width="956"],
  img[width="941"],
  img[width="912"],
  img[width="755"],
  img[width="490"],
  img[width="425"] {
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
  }
}

@media (max-width: 768px) {
  body {
    background-image: none;
    background-color: #f1f5f8;
  }

  body > table,
  body > table > tbody,
  body > table > tbody > tr,
  body > table > tbody > tr > td {
    display: block;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }

  body > table > tbody > tr > td {
    padding-right: 12px;
    padding-left: 12px;
    background-image: none !important;
    background-color: #fff;
  }

  #content {
    width: 100%;
    padding: 0 10px;
  }

  #content > table,
  #content > table > tbody,
  #content > table > tbody > tr {
    display: block;
    width: 100% !important;
  }

  #content > table > tbody > tr > td {
    display: block;
    width: 100% !important;
    height: auto !important;
    text-align: center;
  }

  #content > table > tbody > tr > td:first-child {
    padding: 10px 0 4px;
  }

  #content > table table,
  #content > table tbody,
  #content > table tr,
  #content > table td {
    width: auto !important;
  }

  #content > table > tbody > tr > td:first-child img {
    width: min(179px, 70vw) !important;
  }

  #content > table > tbody > tr > td:nth-child(2) > table,
  #content > table > tbody > tr > td:nth-child(2) > table > tbody,
  #content > table > tbody > tr > td:nth-child(2) > table > tbody > tr,
  #content > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td {
    display: block;
    width: 100% !important;
    height: auto !important;
  }

  #content > table > tbody > tr > td:nth-child(2) > table > tbody > tr:first-child > td {
    min-height: 42px;
    padding: 8px 0;
    background-image: none !important;
  }

  #content > table > tbody > tr > td:nth-child(2) > table > tbody > tr:nth-child(2) table,
  #content > table > tbody > tr > td:nth-child(2) > table > tbody > tr:nth-child(2) tbody,
  #content > table > tbody > tr > td:nth-child(2) > table > tbody > tr:nth-child(2) tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    width: 100% !important;
  }

  #content > table > tbody > tr > td:nth-child(2) > table > tbody > tr:nth-child(2) td {
    display: block;
    width: auto !important;
    flex: 1 1 124px;
    max-width: 160px;
  }

  #content > table > tbody > tr > td:nth-child(2) > table > tbody > tr:nth-child(2) a,
  #content > table > tbody > tr > td:nth-child(2) > table > tbody > tr:nth-child(2) img {
    display: block;
    width: 100% !important;
    height: auto !important;
  }

  #links1,
  #links2,
  #links3,
  #links4,
  #links5 {
    display: none !important;
  }

  body > table table[width="964"],
  body > table table[width="940"],
  body > table table[width="956"],
  body > table table[width="490"],
  body > table table[width="414"],
  body > table table[width="172"] {
    display: block;
    width: 100% !important;
  }

  body > table table[width="964"] > tbody,
  body > table table[width="940"] > tbody,
  body > table table[width="956"] > tbody,
  body > table table[width="490"] > tbody,
  body > table table[width="414"] > tbody,
  body > table table[width="172"] > tbody,
  body > table table[width="964"] > tbody > tr,
  body > table table[width="940"] > tbody > tr,
  body > table table[width="956"] > tbody > tr,
  body > table table[width="490"] > tbody > tr,
  body > table table[width="414"] > tbody > tr,
  body > table table[width="172"] > tbody > tr {
    display: block;
    width: 100% !important;
  }

  body > table table[width="940"] > tbody > tr > td,
  body > table table[width="490"] > tbody > tr > td,
  body > table table[width="414"] > tbody > tr > td {
    display: block;
    width: 100% !important;
    height: auto !important;
  }

  body > table table[width="940"] > tbody > tr > td:first-child[width="185"] {
    padding: 10px 0 !important;
  }

  body > table table[width="940"] > tbody > tr > td:first-child[width="185"] > table,
  body > table table[width="940"] > tbody > tr > td:first-child[width="185"] > table > tbody,
  body > table table[width="940"] > tbody > tr > td:first-child[width="185"] > table > tbody > tr,
  body > table table[width="940"] > tbody > tr > td:first-child[width="185"] > table > tbody > tr > td,
  body > table table[width="940"] > tbody > tr > td:first-child[width="185"] table[width="172"],
  body > table table[width="940"] > tbody > tr > td:first-child[width="185"] table[width="150"] {
    display: block;
    width: 100% !important;
    height: auto !important;
  }

  body > table table[width="940"] > tbody > tr > td:first-child[width="185"] img[src*="menu01"],
  body > table table[width="940"] > tbody > tr > td:first-child[width="185"] img[src*="menu06"],
  body > table table[width="940"] > tbody > tr > td:first-child[width="185"] img[src*="menu02"],
  body > table table[width="940"] > tbody > tr > td:first-child[width="185"] img[src*="menu04"] {
    display: none;
  }

  body > table table[width="940"] > tbody > tr > td:first-child[width="185"] td[background*="menu03"],
  body > table table[width="940"] > tbody > tr > td:first-child[width="185"] td[background*="menu05"] {
    background-image: none !important;
  }

  body > table table[width="940"] > tbody > tr > td:first-child[width="185"] a.iink7 {
    display: block;
    margin: 4px 0;
    padding: 10px 12px;
    color: #fff;
    background: #0b85bd;
    border-radius: 4px;
    line-height: 1.4;
  }

  td[id="Img_Bg"] {
    display: block;
    width: 100% !important;
    height: auto !important;
    min-height: 260px;
    background-size: cover !important;
    background-position: center center;
  }

  img[style*="border:1px solid #AAAAAA"],
  img[Style*="border:1px solid #AAAAAA"] {
    width: auto !important;
    max-width: 100%;
    height: auto !important;
  }

  .px12,
  .px12-2,
  .px12-3,
  .px12-4,
  .px12-5,
  .px12-6,
  .px13,
  .px13-2,
  .iink1,
  a.iink1:link,
  a.iink1:visited,
  a.iink1:hover {
    font-size: 14px;
    line-height: 1.7;
  }

  .px15,
  .px15-2,
  .px15-3,
  .px15-4,
  .px15-5,
  .iink2,
  .iink4,
  .iink8 {
    font-size: 16px;
    line-height: 1.6;
  }

  .px18,
  .px18-2,
  .px18-3,
  .px18-4 {
    font-size: 20px;
    line-height: 1.45;
  }

  td[style*="padding:8px 0px 0px 38px"] {
    padding: 12px 10px !important;
    background-image: none !important;
    border-bottom: 2px solid #0b85bd;
  }

  .dede_pages,
  .pagelist {
    float: none;
    left: auto;
    right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
  }

  .pagelist li {
    float: none;
    right: auto;
    margin: 0;
  }
}

@media (max-width: 560px) {
  body > table > tbody > tr > td {
    padding-right: 8px;
    padding-left: 8px;
  }

  table[bgcolor="#CCCCCC"],
  table[bgcolor="#999999"] {
    display: block;
    width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  table[bgcolor="#CCCCCC"] > tbody,
  table[bgcolor="#999999"] > tbody {
    display: table;
    width: 520px;
    min-width: 520px;
  }

  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  select,
  textarea {
    width: 100% !important;
  }

  input[type="radio"],
  input[type="checkbox"] {
    width: auto !important;
  }

  td[id="Img_Bg"] {
    min-height: 210px;
  }

  #content > table > tbody > tr > td:nth-child(2) > table > tbody > tr:nth-child(2) td {
    flex-basis: 46%;
  }
}