@charset "utf-8";
/* CSS Document */

/* トップ見出し用CSS(黒文字) */
.text_lp_half_titleobi_top {
  font-size: 20px;
  margin-bottom: 20px;
  color: #434343;
  border-bottom: 1px solid #ccc;
  font-weight: 500;
  margin-top: 0;
  padding-bottom: 5px;
  text-align: left;
}

span.title_half_obi_top {
  font-weight: 700;
  font-size: 32px;
}

/* 見出し用CSS(青文字) */
.text_lp_half_titleobi {
  font-size: 30px;
  margin-bottom: 15px;
  color: #8bace4;
  border-bottom: 1px solid #ccc;
  font-weight: 700;
  margin-top: 10px;
  padding-bottom: 5px;
  text-align: left;
}

span.title_half_obi {
  font-weight: 500;
  font-size: 16px;
}

/* メインイメージ画像用CSS */
img.mag_1 {
  margin-top: 3px;
  box-shadow: 1px 1px 5px #cacaca;
  width: 820px;
  margin-bottom: 0px;
}

/* シチュエーション用CSS */
.cell_space4 table {
  border-collapse: collapse;
  table-layout: fixed;
  width: auto !important;
}

.cell_space4 table,
.cell_space4 td {
  line-height: 1.2em;
  position: relative;
  margin-top: 15px;
}

.line_none {
  border: none;
}

.cell_space4 table td {
  width: auto !important;
  display: table-cell !important;
  padding: 3px;
}

table a.hover_on_img1 {
  display: block;
  background: url(http://perfect-floors.jp/img/lp/new_halfshelf_lp/test/new_halfshelf_lp_01_on.png)
    no-repeat 0 0;
}

table a.hover_on_img2 {
  display: block;
  background: url(http://perfect-floors.jp/img/lp/new_halfshelf_lp/test/new_halfshelf_lp_02_on.png)
    no-repeat 0 0;
}

table a.hover_on_img3 {
  display: block;
  background: url(http://perfect-floors.jp/img/lp/new_halfshelf_lp/test/new_halfshelf_lp_03_on.png)
    no-repeat 0 0;
}

table a.hover_on_img4 {
  display: block;
  background: url(http://perfect-floors.jp/img/lp/new_halfshelf_lp/test/new_halfshelf_lp_04_on.png)
    no-repeat 0 0;
}

/* シチュエーションコメント用CSS */
/* シチュエーション-タイトル部分 */
.text_lp_half_title {
  font-weight: 700;
  font-size: 23px;
  color: #434343;
  margin: 10px 0px 10px 2px;
}

span.title_half {
  font-size: 16px;
}

h3.text_lp_half_titleobi br {
  display: none;
}

/* シチュエーション-コメント部分 */
.text_lp_half {
  line-height: 1.4em;
  margin-left: 5px;
  color: #434343;
  margin-bottom: 10px;
  margin-top: 0px;
  font-size: 13px;
}

/* 商品リンク用CSS */

ul.link_halfshelf {
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 0;
  position: relative;
}

li.border_bottom_line:hover {
  -webkit-filter: saturate(0%);
  -moz-filter: saturate(0%);
  -o-filter: saturate(0%);
  -ms-filter: saturate(0%);
  filter: saturate(0%);
  transition-duration: 0.5s;
}

li.border_bottom_line {
  width: 825px;
  border-bottom: 1px solid #ccc;
  height: 81px;
  list-style: none;
}

li.border_top_line {
  border-top: 1px solid #ccc;
  height: 82px;
}

/* 商品ディテール用CSS */

div#detail_halfshelf {
  margin-bottom: 20px;
}
img.size_cap {
  width: 91px;
}

div.back-image {
  position: relative;
}

img.back-image {
  position: absolute;
  right: 44px;
  bottom: 5px;
}

/* 商品スペック用部分CSS */
.cell_space5 table {
  border-collapse: collapse;
  table-layout: fixed;
  width: auto !important;
  margin-bottom: 20px;
}

.cell_space5 table,
.cell_space5 td {
  line-height: 0;
}

.line_none {
  border: none;
}

.cell_space5 table td {
  width: auto !important;
  display: table-cell !important;
  padding: 4px;
}

.border_right_lp {
  border-right: 1px solid #ccc;
}

table a.hover_on_img8 {
  display: block;
  background: url(http://perfect-floors.jp/img/lp/new_halfshelf_lp/test/new_halfshelf_lp_05_on.jpg)
    no-repeat 0 0;
}

/* カスタマーボイス用CSS */
p.customers_voice_star {
  color: #d1a000;
  /* Old browsers */
  color: -moz-linear-gradient(top, #d1a000 0%, #e2c800 100%);
  /* FF3.6-15 */
  color: -webkit-linear-gradient(top, #d1a000 0%, #e2c800 100%);
  /* Chrome10-25,Safari5.1-6 */
  color: linear-gradient(to bottom, #d1a000 0%, #e2c800 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1a000',endColorstr='#e2c800',GradientType=0);
  /* IE6-9 */
  font-size: 20px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

p.text0 {
  color: #434343;
  font-size: 16px;
  line-height: 1.5em;
  margin-top: 0;
}

.customers_voice {
  width: 825px;
  margin: 0 auto;
}

/* オリジナルバナー用CSS */
.spec_mag22 {
  margin-top: 45px;
}

.dis_none {
  margin: 0 5px 0;
}
.img_sm_size {
  max-width: 100%;
  height: auto;
}

.cell_space4 {
  width: 100%;
}

.cell_space4 table {
  width: 100% !important;
  table-layout: auto !important;
  border-collapse: collapse;
}

.cell_space4 tbody {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.cell_space4 tr {
  display: contents;
}

.cell_space4 td {
  display: block;
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: top;
}

.cell_space4 td a,
.cell_space4 td img {
  display: block;
  width: 100% !important;
}

.cell_space4 .text_lp_half_title,
.cell_space4 .text_lp_half {
  overflow-wrap: anywhere;
}
@media screen and (max-width: 768px) {
  body {
    padding: 0 8px;
  }
  .text_lp_half_titleobi_top {
    font-size: 16px;
    padding-bottom: 2px;
    margin: 10px 0;
  }
  span.title_half_obi_top {
    font-size: 24px;
  }
  .text_lp_half_titleobi {
    font-size: 20px;
    margin-bottom: 10px;
    padding-bottom: 2px;
  }
  img.mag_1 {
    width: 100%;
    box-shadow: none;
  }
  .img_halfshelf_image {
    width: 100%;
  }
  .cell_space4 tbody {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .cell_space4 .text_lp_half_title {
    margin: 8px 0px 5px 2px;
  }
  .customers_voice {
    width: 100%;
  }
  p.customers_voice_star {
    font-size: 16px;
  }
  .spec_mag22 {
    margin-top: 20px;
  }
  p.text0 {
    font-size: 13px;
  }
  .text_lp_half_title {
    font-size: 20px;
  }
}