@charset "UTF-8";
/* CSS Document */
/* トップページ */
/*注文フォーム*/
#header {
  padding-left: 20px; }

#header .inner {
  width: 100%; }

tr td,
tr th {
  padding: 10px !important;
  vertical-align: middle; }

.order {
  min-width: 680px; }

.order tr td {
  padding-right: 0px !important; }

.order textarea {
  height: 100px; }

.user tr th {
  padding-top: 20px;
  vertical-align: top;
  text-align: center;
  color: #0054b3; }

tr td.number {
  padding: 10px !important;
  width: 65px; }

tr td.item_number {
  width: 20%; }

tr td.item_name {
  width: auto;
  width: calc(25% - 65px); }
  tr td.item_name input {
    width: 100%; }

tr td.item_quantity {
  width: 15%; }

tr td.item_price {
  width: 10%; }

tr td.item_ship {
  width: 15%; }

tr td.subtotal,
tr td.total_price {
  width: 15%;
  text-align: right;
  padding-right: 10px !important; }

input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
textarea {
  width: 100%;
  max-width: 350px;
  padding: 5px; }

textarea {
  max-width: 100%; }

.long_input {
  max-width: 600px !important; }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.number {
  text-align: center; }

.short_input {
  width: 50px !important; }

.total_price {
  text-align: right; }

.zip {
  width: 100px !important;
  margin-bottom: 10px; }

.sp_text {
  display: none; }

@media only screen and (max-width: 768px) {
  html {
    font-size: 13px; }

  .order_wrap {
    overflow-x: scroll; }

  #header {
    padding: 10px;
    height: 50px; }
    #header .inner {
      padding: 0px;
      height: 100%; }
      #header .inner img {
        height: 100%;
        width: auto; }

  .zip {
    width: 80px !important;
    margin-bottom: 5px; }

  .zip_mess {
    display: block;
    padding-bottom: 0px; }

  .contact_submit {
    width: 100%; }

  .sp_text {
    display: block;
    color: #FF0004; } }