@charset "UTF-8";
/* �y�[�W�ݒ� */
body {
  /* �t�H���g�̐ݒ�(ns4�݂̂����ł̃J���[�ݒ肪��Ή�) */
  font-family: "�l�r �o�S�V�b�N", "Osaka","sans-serif";
  font-size: 12px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  color: #333333;
}

td {
  font-size: 12px;
}

h1 {
  margin: 0;
}

/* �����N�̐ݒ�*/
a:link {
  color: #0000AA;
}

a:visited {
  color: #000055;
}

a:hover {
  color: #FF3300;
  text-decoration: none;
}

a:active {
  color: #FF3300;
}

/* �e�L�X�g�̐ݒ�(win-ie) */
/*10px*/
.f10_14 {
  font-size: 10px;
  line-height: 14px;
}

/*12px*/
.f12_16 {
  font-size: 12px;
  line-height: 16px;
}

/*14px*/
.f14_18 {
  font-size: 14px;
  line-height: 18px;
}

/*16px*/
.f16_21 {
  font-size: 16px;
  line-height: 21px;
}

/*���ӏ���*/
.attention {
  font-size: 10px;
  color: #FF3300;
}

@media (max-width: 599px) {
  body {
    word-break: normal;
  }
  * {
    max-width: 100%;
    width: auto;
    height: auto;
  }
  p, div {
    width: auto !important;
  }
  input, select, textarea {
    font-size: 16px !important;
    box-sizing: border-box;
  }
  input[type=text], input[type=email], textarea {
    width: 100%;
  }
  #zipcode, #czipcode {
    width: 80px !important;
  }
  .-header {
    overflow: hidden;
  }
  .-header tr:first-child {
    display: block;
    width: 100vw;
  }
  .-header tr:first-child td {
    white-space: nowrap;
  }
  .-header tr:first-child td img {
    max-width: none;
    height: 50px;
  }
  .-header tr + tr {
    background: #0134ff;
    display: flex;
    flex-wrap: wrap;
  }
  .-header tr + tr td {
    width: 50%;
    text-align: right;
  }
  .-header tr + tr td img {
    width: 90%;
  }
  .-header tr + tr td:nth-child(2n) {
    text-align: left;
  }
  td[nowrap] {
    white-space: normal !important;
  }
  td[nowrap] input[name="item_num01"], td[nowrap] input[name="item_num02"], td[nowrap] input[name="item_num03"] {
    width: 65px !important;
  }
  table.-nowrapkaijo td[nowrap] {
    white-space: nowrap !important;
  }
  table.-nowrapkaijo td[nowrap] input[size="5"] {
    width: 40px;
  }
  img[src$="spacer.gif"] {
    width: auto !important;
  }
  .-table1 > tbody > tr > td:first-child {
    width: 85px;
  }
  .-spblock {
    display: block;
  }
  .-spblock > td {
    display: block;
    margin-bottom: 5px;
  }
  .-spblock > td select {
    margin: 4px 0 0 20px;
  }
  form > table > tbody > tr:last-child {
    padding: 30px;
  }
  form > table > tbody > tr:last-child > td > table > tbody > tr {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
  }
  form > table > tbody > tr:last-child > td > table > tbody > tr > td {
    width: 100%;
    order: 2;
  }
  form > table > tbody > tr:last-child > td > table > tbody > tr > td[align="right"] {
    order: 1;
    text-align: left;
    margin-bottom: 7px;
  }
}

@media screen and (min-width: 600px) {
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 599px) {
  .pc {
    display: none !important;
  }
}