@charset "Shift_JIS";

/*設問・注釈文字ボールド
================================================================*/
legend, .wcf__confirm__input li p {
  font-weight: bold;
}
.wcf__notes {
  font-weight: bold;
  white-space: pre-wrap;
}


/*確認画面調整
================================================================*/
.wcf__confirm {
  padding-bottom: 1.0em !important;
}

/*ボタン
================================================================*/
#maincolumn #contents .wcf__form__confirm,
#maincolumn #contents .wcf__form__submit,
#maincolumn #contents .wcf__confirm__back,
#maincolumn #contents .wcf__confirm__submit
{
  position: relative;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  padding-left: 0.8em;
  padding-right: 0.8em;
  color: #1B1B1B;
  background: #fff;
  border:1px solid #1B1B1B;
  margin-bottom: 1.0em !important;
}

#maincolumn #contents .wcf__form__confirm:hover,
#maincolumn #contents .wcf__form__submit:hover,
#maincolumn #contents .wcf__confirm__back:hover,
#maincolumn #contents .wcf__confirm__submit:hover {
  background: #1B1B1B;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

/*ラジオボタン/チェックボックス
================================================================*/
.wcf__checkbox li, .wcf__radio li {
  display : block;
}

.wcf__radio label, .wcf__checkbox label {
  display: inline;
  vertical-align: middle;
  margin: 0.5em;
}

.wcf__radio label img, .wcf__checkbox label img, .wcf__confirm__input img {
  display: block;
  vertical-align: middle;
  padding: 1em;
  max-width: 350px;
}


/*マトリクス
================================================================*/

.wcf__matrix tbody th,
.wcf__matrix tbody td,
.wcf__confirm__matrix tbody th,
.wcf__confirm__matrix tbody td{
  border: 1px solid #999;
}

.wcf__matrix tbody tr td,
.wcf__confirm__matrix tbody tr td{
  width: 5em;
}

.wcf__matrix tbody th,
.wcf__confirm__matrix tbody th{
  text-align: left;
}

.wcf__matrix thead th,
.wcf__confirm__matrix thead th{
  text-align: center;
}


/*レスポンシブ対応
================================================================*/
@media screen and (max-width: 480px) {
   .wcf__matrix,
   .wcf__confirm__matrix {
     min-inline-size: calc(100% - 2em);
   }
   
   .wcf__matrix table,
   .wcf__confirm__matrix table {
     width: 100% !important;
     clear: both !important;
     display: block !important;
     overflow-x: scroll !important;
   }
  
  .wcf__matrix th,
  .wcf__matrix td,
  .wcf__confirm__matrix th,
  .wcf__confirm__matrix td {
    min-width: 100px!important;
  }
  
  .wcf__text input[type="text"],
  .wcf__name input[type="text"],
  .wcf__postal_code input[type="text"],
  .wcf__street_address input[type="text"]
  {
   width: calc(100% - 0.5em) !important;
  }
  
  .wcf__email input[type="email"]
  {
   width: calc(100% - 0.5em) !important;
  }
  
  .wcf__tel  input[type="tel"]
  {
   width: calc(100% - 0.5em) !important;
  }
  
  .wcf__textarea textarea
  {
   width: calc(100% - 0.5em) !important;
  }
  
  #contents .wcf__confirm__input img {
    max-width: calc(100% - 1.0em)!important;
  }
  
  .wcf__confirm__input li ul li
  {
   width: calc(100% - 0.5em) !important;
  }
  
  #contents .wcf__input img {
   max-width: calc(100% - 1.3em)!important;
  }

  .wcf__input legend {
   word-break: break-all;
  }
}