@charset "utf-8";

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * メイン
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* -------------------------------------------------------------------------------------------------
   * セクショニング
/* ---------------------------------------------------------------------------------------------- */

#main {}

#main-contents {}

#main-contents div.body {
  padding-left:20px;
  padding-right: 20px;
  margin: 0 auto;
}

#main-contents .column ~ .column {
  margin-top: 40px;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:1100px) {

 #main-contents div.body {
   max-width: 100%;
   padding-left:20px;
   padding-right: 20px;
   margin: 0 auto;
 }
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:736px) {

#main-contents > .section {
  padding-top: 4em;
  padding-bottom: 4em;
}

#main-contents div.body {
  max-width: 100%;
  padding:0 1em;
  margin: 0 auto;
}

#main-contents .column ~ .column {
  margin-top: 20px;
}

}

/* ****************************************************************************************************
   * 見積り照会
**************************************************************************************************** */
/* ----------------------------------------------------------------------------------------------------
   * 共通
/* ------------------------------------------------------------------------------------------------- */

    table {
      border-collapse: collapse;
    }
    table th {
      font-weight: normal;
      border: 1px solid rgba(0, 0, 0, 0.15);
    }
    table th[scope="col"] {
      background-color: rgba(0, 0, 0, 0.06);
    }
    table th[scope="row"] {
      background-color: rgba(0, 0, 0, 0.02);
    }
    table td {
      padding-left: 1em;
      padding-right: 1em;
      border: 1px solid rgba(0, 0, 0, 0.15);
      background-color: #fff;
    }
    /**
     * 番号確認
     */
    #confirm div.inquiry div.message {
      margin-bottom: 30px;
      text-align: center;
    }
    #confirm div.inquiry div.form {
    }
    #confirm div.inquiry div.button {
      margin-top: 30px;
      text-align: center;
    }
    /**
     * 見積り確認
     */
    #confirm div.mitsumori {
    }



/* ****************************************************************************************************
   * 新品タイヤ検索 検索結果 一覧ページ
**************************************************************************************************** */
/* ----------------------------------------------------------------------------------------------------
   * 共通
/* ------------------------------------------------------------------------------------------------- */

.mitsumori-inquiry {
  position: relative;
  padding-top: 50px;
  padding-bottom: 90px;
}
.mitsumori-inquiry .body {
  max-width: 1120px;
  padding: 0 20px;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:736px) {
  /*ブラウザの幅が736px以下の時*/
  .mitsumori-inquiry {
    position: relative;
    padding-top: 2rem !important;
  }
}

/* ****************************************************************************************************
   * フォームボタン
**************************************************************************************************** */
/* ----------------------------------------------------------------------------------------------------
   * 確認画面へ進む / 送信する
/* ------------------------------------------------------------------------------------------------- */

#main .form-button {
  text-align: center;
  margin-bottom: 1.5em;
  transition: 0.3s;
}
#main .form-button button {
  transition: 0.3s;
}

#main .form-button .btn-1 {
  border: 0px;
  cursor: pointer;
  text-align: center;
  width: 350px;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 20px 1em;
  transition: 0.3s;
  background: var(--c-blue);
  color: var(--c-yellow);
  box-shadow: 0px 2px 1px 2px rgb(97, 108, 192) inset,0px 10px 10px 0px rgba(0, 0, 0, 0.1);
}
#main .form-button .btn-1::after {
  border-color: var(--c-yellow);
  width: 10px;
  height: 10px;
  margin-top: -7px;
}

#main .form-button .btn-1 > input {
  background: none;
  padding: 0;
  border-radius: 0;
  border: 0;
  margin: 0 auto;
}

#main .form-button .return {
  border: none;
  margin: 10px;
  cursor: pointer;
  font-size: 1.6rem;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:736px) {
  /*ブラウザの幅が736px以下の時*/
  #main .form-button .btn-1 {
    border: 0px;
    cursor: pointer;
    text-align: center;
    width: 240px;
    font-size: 1.6rem;
    padding: 20px 1em;
    transition: 0.3s;
    background: var(--c-blue);
    color: var(--c-yellow);
    box-shadow: 0px 2px 1px 2px rgb(97, 108, 192) inset,0px 10px 10px 0px rgba(0, 0, 0, 0.1);
  }
}