@CHARSET "UTF-8";

/* お客様情報テーブル */
#customerDetail {
  border-width: 1px;
  table-layout: fixed;
}

/* お客様詳細テーブル */
#customerDetail .th1 { width: 29%; }
#customerDetail .th2 { width: 11%; }
#customerDetail .th3 { width: 47%; }
#customerDetail .th4 { width: 3%; }
#customerDetail .th5 { width: 10%; }

#customerDetail a {
  font-size: 10pt;
  font-weight: 500;
}

/* ?ボタン設定 */
.description {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  margin-left: 3px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}

/* ?ボタン画像 */
.img {
  background-image: url(../image/common/i_v-q.png);
}

/* 変更ボタン表示設定 */
.btnPosition {
  padding: 5px 0;
}

/* 変更ボタン位置 */
.btnS {
  margin: 0 auto;
}

/* レスポンシブデザイン */
@media screen and (max-width:767px) {
  /* テーブル設定 */
  table#customerDetail {
    width: auto;
    border-style: none;
  }
  table#customerDetail > colgroup {
    width: auto;
    display: block;
  }
  /* テーブル行設定 */
  table#customerDetail > tbody > tr {
    width: auto;
    display: block;
    margin-top: 20px;
    border-width: 1px;
  }
  table#customerDetail > tbody > tr:first-child,
  table#customerDetail > tbody > tr.mailaddressCC,
  table#customerDetail > tbody > tr:nth-last-child(-n+4) {
    margin-top: 0;
  }
  /* テーブル列設定 */
  table#customerDetail th,
  table#customerDetail td {
    width: auto;
    min-height: 20px;
    border-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
  }
  table#customerDetail th {
    border-bottom-style: none;
  }
  table#customerDetail > tbody > tr:nth-last-child(-n+3) > th,
  table#customerDetail > tbody > tr:nth-last-child(4) > th:first-child {
    border-top-style: none;
  }
  /* CC列設定 */
  table#customerDetail > tbody > tr.mailaddressCC > th {
    border-top-style: none;
  }
  /* ボタンブロック設定 */
  table#customerDetail > tbody > tr:first-child > td:nth-child(2),
  table#customerDetail #mainMail,
  table#customerDetail #mailSendMessage,
  table#customerDetail #csvDownloadMessage,
  table#customerDetail > tbody > tr:nth-last-child(5) > td:nth-child(2) {
    border-bottom-style: none;
  }
  table#customerDetail .btnPosition {
    border-top-style: none;
  }
  /* 様ブロック非表示 */
  #mailSendNameSama,
  #comNameSama,
  #bushoNameSama,
  #tantoNameSama {
    display: none;
  }
  /* 様表示 */
  #mailSendName[label='honorific']::after,
  #comName[label='honorific']::after,
  #bushoName[label='honorific']::after,
  #tantoName[label='honorific']::after {
    content: '　様';
  }
}