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

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


  /* ビルボード */
    .site-main #mainImg > div {
      text-align: center;
    }
    .site-main #mainImg > div h1 img {
      height: 160px;
      object-fit: cover;
    }

  /* 表 */
    #main table {
      border-collapse: collapse;
      margin-bottom: 15px;
      padding: 0;
      table-layout: fixed;
    }
    #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 th span.small {
      font-size: 0.8em;
      font-weight: normal;
      display: block;
    }
    #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 {
      margin-bottom: 15px;
    }
     
    .gmap iframe {
      height: 100%;
      margin: 0;
    }



  /* 営業所 */
  section[id$="-office"] section + section {
    margin-top: 2em;
  }
  section[id$="-office"] h3 {
    font-size: min(5vw,1.5rem);
    font-weight: 700;
    text-align: center;
    position: relative;
  }
  section[id$="-office"] h3::before,
  section[id$="-office"] h3::after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: min(25vw,380px);
    height: 1px;
    background-color: #2082d7;
  }
  section[id$="-office"] h3::before {
    left: 0;
  }
  section[id$="-office"] h3::after {
    right: 0;
  }
  section[id$="-office"] th {
    padding-left: min( 25vw, 3em ) !important;
  }




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

    /* ここにスタイル */

}/* End 620px Mobile Large */



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


  /* ビルボード */
    .site-main #mainImg > div h1 img {
      height: auto;
    }


  /* 表 */
    #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:43%;
    }
    #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 */