/* main-visual */
main.contents .main-visual {
  background-image: url('/product/kyutou_bath/hybrid/column/img/05_mansion/img_01_sp.jpg');
}

@media print, screen and (min-width: 767.5px) {
  main.contents .main-visual {
    background-image: url('/product/kyutou_bath/hybrid/column/img/05_mansion/img_01_pc.jpg');
  }
}




/* custom-tables--diff-scroll-table */
main.contents .custom-tables--diff-scroll-table {
  position: relative;
  overflow-x: scroll;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}

@media print, screen and (min-width: 767.5px) {
  main.contents .custom-tables--diff-scroll-table {
    overflow-x: scroll;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

main.contents .custom-tables--diff-scroll-table .custom-tables {
  width: 1255px;
}

@media print, screen and (min-width: 767.5px) {
  main.contents .custom-tables--diff-scroll-table .custom-tables {
    width: 1568px;
  }
}

main.contents .diff-scroll-info {
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: right;
  margin-bottom: 4px;
}




/* table-button */
main.contents .table-button {
  display: block;
  background-color: #fff;
  border: 1px solid #D2D2D2;
  border-radius: 8px;
  font-size: 1.2rem;
  line-height: 2;
  padding: 3px;
  text-align: center;
  color: #000000;
  position: relative;
}

@media print, screen and (min-width: 767.5px) {
  main.contents .table-button {
    opacity: 1;
    border-radius: 8px;
    font-size: 1.6rem;
    padding: 4px;
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  }

  main.contents .table-button:hover {
    background-color: #e8380d;
    border-color: #e8380d;
    color: #ffffff;
  }
}

main.contents .table-button i {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  color: #e8380d;
}

@media print, screen and (min-width: 767.5px) {
  main.contents .table-button i {
    right: 34px;
    transition: color 0.3s ease;
  }

  main.contents .table-button:hover i {
    color: #ffffff;
  }
}