@charset "UTF-8";
/* ==========================================================================
//
// TABLET & SMARTPHONE
//
========================================================================== */
@media screen and (max-width:1024px) {
  .mod-contents-wrap{
    padding: 0 10px;
  }
  /* ========================================================================
  // area-top
  ======================================================================== */
  /* sec-form
  -------------------------------------------------------- */
  /* address */
  .sec-form .address dd input{
    width: 100%;
  }
  .sec-form .address dd li + li{
    margin-top: 15px !important;
  }
}

/* ==========================================================================
//
// SMARTPHONE
//
========================================================================== */
@media screen and (max-width:480px) {
  /* ========================================================================
  // area-top
  ======================================================================== */

  /* sec-form
  -------------------------------------------------------- */
  .sec-form .w65,
  .sec-form .w50{
    width: 100% !important;
  }
  /* code */
  .sec-form .code input{
    width: 100% !important;
  }
  /* address */
  .sec-form .address dd select{
    width: 100%;
  }
  /* btn-wrap */
  .sec-form .btn-wrap{
    margin-top: 20px;
  }
  /* mailformpro */
  form#mailformpro dl{
    display: block;
  }
  form#mailformpro dl + dl{
    margin-top: 25px;
  }
  form#mailformpro dl dt{
    padding: 15px 10px;
    width: 100%;
  }
  form#mailformpro dl:nth-child(2) dd{
    border:none;
  }
  form#mailformpro dl dd{
    padding: 10px 5px 15px;
    border-bottom: none;
  }
  /* confirm */
  div#mfp_overlay_inner h4{
    font-size: 18px;
  }
  div.mfp_buttons button + button{
    margin: 15px 0 0;
  }
  div.mfp_buttons button#mfp_button_send,
  div.mfp_buttons button#mfp_button_cancel{
    width: 90%;
  }
  table#mfp_confirm_table,
  table#mfp_confirm_table tbody,
  table#mfp_confirm_table tr,
  table#mfp_confirm_table th,
  table#mfp_confirm_table td {
    width: 100% !important;
    display: block;
  }
  table#mfp_confirm_table tr th{
    padding-top: 15px;
    padding-bottom: 0;
  }
  table#mfp_confirm_table tr td{
    padding-top: 5px;
    border-top: none;
  }
}