/* === インフォメーション === */

.guide-wrap {
  margin: 1rem auto 3rem;
  border: 1px solid #3c3c3c;
}
.guide-txt {
  font-size: 1.5rem;
  text-align: center;
  padding: 11px;
}

#luffroom .luffroom_ttl {
  text-align: center;
  margin: 3rem 0 2rem;
}
#luffroom .luffroom_ttl img {
  width: 18rem;
}
#luffroom .luffroom_ttl span.ttl_s {
  display: block;
  font-weight: bold;
}
#luffroom .luffroom_exp {
  font-size: 1.3rem;
}
#luffroom .sp_br {
  display: block;
}
#luffroom .pc_br {
  display: none;
}
#luffroom .item-desc__inner-sec {
  margin-bottom: 5rem;
}

#luffroom .padding_rl {
  padding: 0 1.5rem;
  margin: 5rem auto 5.5rem;
}
.luffroom-info .bg-wrap {
  position: relative;
}

.luffroom-info .bg-wrap::before {
  content: "";
  position: absolute;
  top: -11.5rem;
  left: 0;
  width: 100%;
  height: 120%;
  background-image: url("https://www.fromfloor.com/images/floor/carpet/luffroom/bg_sp01.png");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}

.luffroom-info .bg-wrap::after {
  content: "";
  position: absolute;
  bottom: -11rem;
  left: 0;
  width: 100%;
  height: 80%;
  background-image: url("https://www.fromfloor.com/images/floor/carpet/luffroom/bg_sp02.png");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.comfort-rel {
  position: relative;
}
.comfort-txt {
  font-family: "Playfair Display", serif;
  font-weight: 400;
  letter-spacing: 0.03em;
  font-size: 20px;
  color: white;
  position: absolute;
  left: 6px;
  bottom: -13px;
}

/* === インフォメーションここまで === */

/* === 5つのポイント === */

#luffroom .point-desc_txt {
  margin-bottom: 2rem;
}
#luffroom .pt-ttl-en {
  margin-bottom: -10px;
}
#luffroom .pt-ttl-en2 {
  margin-bottom: -2px;
}
#luffroom .pt-ttl-en,
#luffroom .pt-ttl-en2 img {
  width: 17rem;
  display: block;
  margin: 0 auto -4px;
}
#luffroom .point-desc_head {
  font-weight: 600;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
  border-bottom: 2px dotted #c6c6c6;
  font-size: 1.5rem;
}
#luffroom .point-ttl {
  text-align: center;
  padding-bottom: 1.5rem;
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 0 1.5rem;
  letter-spacing: 1px;
}
#luffroom .point-ttl_span {
  font-size: 2rem;
  color: #9e7171;
  padding-left: 5px;
}
#luffroom .highlight {
  font-weight: bold;
  font-size: 2.5rem;
}
#luffroom .vertical-divider::before {
  content: "|";
  margin: 0 0.3em;
  color: #333333;
  vertical-align: top;
}
#luffroom .shaggy-spec {
  font-size: 1.4rem;
  font-weight: bold;
}
#luffroom .shaggy-spec-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
  margin: 1rem 0 2rem;
}
#luffroom .shaggy-spec-text {
  font-size: 1.4rem;
  font-weight: bold;
}
#luffroom .center {
  text-align: center;
}
#luffroom .point-wrap {
  margin-bottom: 2rem;
}
#luffroom .line {
  flex: 0 0 40px;
  height: 1px;
  background: #000;
}
#luffroom .images_sizecut {
  width: 80%;
  margin: 4rem auto 2rem;
}
#luffroom .size_link {
  text-align: center;
  font-size: 1.5rem;
  border-bottom: 1px solid #446ab7;
  padding-bottom: 0.3rem;
  color: #446ab7;
  width: 76%;
  margin: 0 auto 5rem;
}

/* === 5つのポイントここまで === */

/* === 各ページへのリンクアイコン === */

#luffroom .find-rug-bg {
  position: relative;
  padding-top: 10px;
}

#luffroom .find-rug-bg::before {
  content: "";
  position: absolute;
  top: -20px;
  width: 100%;
  height: 100%;
  background-color: #f2f1ec;
  z-index: -1;
}

#luffroom .heading-find-rug_text {
  text-align: center;
  font-size: 1.7rem;
}
#luffroom .find-rug-desc {
  margin-bottom: 5px;
}
#luffroom .find-rug-desc_item {
  font-size: 1.5rem;
  text-align: center;
}
#luffroom .find-rug-buttons {
  flex-direction: row;
  display: flex;
  width: 85%;
  justify-content: space-between;
  gap: 10px;
  margin: 0 auto 2.5rem;
}
#luffroom .heading-find-rug {
  font-size: 1.6rem;
  margin-bottom: 3rem;
}
#luffroom .heading-find-rug_text {
  text-decoration: underline double #888888;
  text-underline-offset: 5px;
  font-weight: bold;
}
#luffroom .find-rug-desc_item::before {
  content: "\\";
  margin: 0 0.3em;
  color: #333333;
  vertical-align: top;
  font-family: "Consolas", "Courier New", monospace;
}
#luffroom .find-rug-desc_item::after {
  content: "/";
  margin: 0 0.3em;
  color: #333333;
  vertical-align: top;
}
#luffroom .find-rug-balloon {
  width: 26rem;
  display: block;
  margin: 3rem auto 3px;
}
#luffroom .func-check {
  text-align: center;
  font-size: 1.45rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
#luffroom .find-rug_btn a:hover {
  transform: scale(1.1);
  transition: transform 0.3s ease; /* 動きを滑らかに */
}
#luffroom a[target="_blank"]::after {
  content: none !important;
}

/* === 各ページへのリンクアイコンここまで === */

/* === マージン調整用 === */

.mb-0 {
  margin-bottom: 0;
}
.mb-05 {
  margin-bottom: 0.5rem;
}
.mb-1 {
  margin-bottom: 1rem;
}
.mb-15 {
  margin-bottom: 1.5rem;
}
.mb-2 {
  margin-bottom: 2rem;
}
.mb-25 {
  margin-bottom: 2.5rem;
}
.mb-3 {
  margin-bottom: 3rem;
}
/* === マージン調整用ここまで === */

/* === PC用: 960px以上 === */

@media screen and (min-width: 960px) {
  /* === インフォメーション === */
  .guide-wrap {
    width: 90%;
  }
  #luffroom .luffroom_exp {
    font-size: 1.8rem;
    text-align: center;
  }
  #luffroom .luffroom_ttl img {
    width: 22rem;
  }

  .luffroom-info .bg-wrap {
    width: 100%;
    margin-left: 0 auto;
    position: relative;
  }

  .luffroom-info .bg-wrap::before {
    top: -9.5rem;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://www.fromfloor.com/images/floor/carpet/luffroom/bg-page_pc01.png");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
  }

  .luffroom-info .bg-wrap::after {
    bottom: -21.5rem;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://www.fromfloor.com/images/floor/carpet/luffroom/bg-page_pc02.png");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
  }
  #luffroom .luffroom-info::after {
    bottom: -13.5rem;
    left: 0;
    width: 100%;
    height: auto;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
  }
  .luffroom-info .padding_rl {
    margin: 0 auto;
    padding: 0 1.5rem;
  }
  #luffroom .sp_br {
    display: none;
  }
  #luffroom .pc_br {
    display: block;
  }
  #luffroom .padding_rl {
    margin: 8rem auto 11.5rem;
  }

  .comfort-txt {
    font-size: 35px;
    color: white;
    position: absolute;
    left: 10px;
    bottom: -23px;
  }
  /* === インフォメーションここまで === */

  /* === 5つのポイント === */

  #luffroom .point-ttl {
    font-size: 2rem;
  }
  #luffroom .point-ttl_span {
    font-size: 2.8rem;
    padding-right: 0.3rem;
    position: relative;
    bottom: -0.3rem;
  }
  #luffroom .item-size_ver {
    margin-top: auto;
    margin-bottom: auto;
  }
  #luffroom .pt-ttl-en {
    margin-bottom: -3px;
  }
  #luffroom .highlight {
    font-size: 4.8rem;
  }
  #luffroom .size_link {
    width: 40%;
  }
  #luffroom .luffroom-info::before,
  #luffroom .luffroom-info::after {
    background-size: contain;
  }

  /* === 5つのポイントここまで === */

  /* === 各ページへのリンクアイコン === */

  #luffroom .find-rug_container {
    display: flex;
    gap: 10px;
    padding: 0 2.5rem;
    margin-bottom: 3rem;
  }

  #luffroom .find-rug-buttons {
    margin: 0 auto;
    width: 100%;
  }
  #luffroom .find-rug-desc_item {
    font-size: 1.65rem;
  }
  #luffroom .heading-find-rug_text {
    font-size: 1.8rem;
  }
  #luffroom .find-rug-balloon {
    width: 34rem;
  }
  #luffroom .func-check {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
  #luffroom .find-rug-bg::before {
    top: -40px;
    height: 100%;
  }

  /* === 各ページへのリンクアイコンここまで === */
}

/* === PC用ここまで === */

/* === インフォメーション微調整 === */

/* ▼ スマホ小（〜375px） */
@media screen and (max-width: 375px) {
  .luffroom-info .bg-wrap::before {
    top: -11.5rem;
    width: 100%;
    height: 85%;
  }
  #luffroom .padding_rl {
    margin: 6rem auto 5.5rem;
  }
}

/* ▼ スマホ大（376〜599px） */
@media screen and (min-width: 376px) and (max-width: 599px) {
  .luffroom-info .bg-wrap::before {
    height: 120%;
  }
  .luffroom-info .bg-wrap::before {
    top: -16.5rem;
  }
}

/* ▼ タブレット（600〜960px） */
@media screen and (min-width: 600px) and (max-width: 960px) {
  .luffroom-info .bg-wrap::before {
    top: -29.5rem;
    width: 100%;
    height: 200%;
  }
  .luffroom-info .bg-wrap::after {
    height: 88%;
  }
  #luffroom .padding_rl {
    margin: 8rem auto 9.5rem;
  }
  #luffroom .luffroom_exp {
    font-size: 1.5rem;
    padding: 0 40px;
  }
}
/* === インフォメーション微調整ここまで === */