/* TABLE OF CONTENTS:
 * 
 * 01 どのサイズでも共通で適用されるスタイル
 *    - 買取品目
 * 02 幅 480px 以上
 * 03 幅 768px 以上
 * 04 幅 880px 以上
 * 05 幅 1072px 以上
 * 06 幅 1264px 以上
 */

/* --------------------------------------------------------------------------------------------------------
   01
 *
 * どのサイズでも共通で適用されるスタイル
 */


  /* 表 */
    #main table {
      border-collapse: collapse;
      margin-bottom: 15px;
      padding: 0;
      table-layout: fixed;
      width: 100%;
    }
    #main table th,
    #main table td {
      border: none;
      box-sizing: border-box;
      display: block;
      line-height:1.6em;
      padding: 5px 10px;
      width: 100%;
    }
    #main table th {
      background-color: #dbdbdb;
      text-align: left;
      vertical-align:middle;
    }
    #main table td {
      line-height:1.6em;
      text-align:left;
      vertical-align:middle;
    }
    #main table td:last-child {
      padding-bottom: 15px;
    }
    #main table td p:last-child {
      margin:0;
    }
    #main table td ul {
      list-style-position: outside;
    }
    #main table tr td textarea {
      font-size:12px;
    }
    #main table a {
      font-weight:normal;
    }


  /* グーグルマップ */
    .gmap {
      height: 0;
      overflow: hidden;
      position: relative;
      padding: 30px 0 56.25%;
    }
     
    .gmap iframe,
    .gmap object,
    .gmap embed {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
    }


/* --------------------------------------------------------------------------------------------------------
   02
 *
 * 幅 480px 以上
 */
@media screen and (min-width: 30em) {

    /* ここにスタイル */

}/* End 620px Mobile Large */



/* --------------------------------------------------------------------------------------------------------
   03
 *
 * 幅 768px 以上
 */
@media screen and (min-width: 48em) {

    #main table th,
    #main table td,
    #main table td:last-child {
      border: 1px solid #ccc;
      display: table-cell;
      padding:10px 15px;
    }
    #main table th {
      background-color: #efefef;
      width:24%;
    }
    #main table th br {
      display: none;
    }
    #main table td {
      background: #fff;
    }

}/* End 740px Tablet Small */



/* --------------------------------------------------------------------------------------------------------
   04
 *
 * 幅 880px 以上
 */
@media screen and (min-width: 55em) {

    /* ここにスタイル */

}/* End 880px Tablet Large */



/* --------------------------------------------------------------------------------------------------------
   05
 *
 * 幅 1072px 以上
 */
@media screen and (min-width: 67em) {

    /* ここにスタイル */

}/* End 955px Desktop Small */



/* --------------------------------------------------------------------------------------------------------
   06
 *
 * 幅 1264px 以上
 */
@media screen and (min-width: 79em) {

    /* ここにスタイル */

}/* End 1100px Desktop Medium */