/* 洗面リフォーム：700px固定・WordPress向け完全指定版 */
#washroom-reform-page {
  display:block !important;
  width:700px !important;
  min-width:700px !important;
  max-width:700px !important;
  margin:0 auto !important;
  padding:0 3px 30px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
  color:#222 !important;
  background:#fff !important;
  font-family:"Yu Gothic","Meiryo",sans-serif !important;
  font-size:14px !important;
  line-height:1.55 !important;
}
#washroom-reform-page,
#washroom-reform-page * {
  box-sizing:border-box !important;
}
#washroom-reform-page section,
#washroom-reform-page article,
#washroom-reform-page div {
  max-width:none !important;
}
#washroom-reform-page img {
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  float:none !important;
  max-width:none !important;
  min-width:0 !important;
  height:auto !important;
}

/* ページタイトル */
#washroom-reform-page .wr-main-title {
  display:block !important;
  width:694px !important;
  height:45px !important;
  margin:0 0 9px !important;
  padding:4px 38px !important;
  font-size:23px !important;
  line-height:34px !important;
  font-weight:400 !important;
  background:linear-gradient(#fff,#f3f3f3) !important;
  border:1px solid #ccc !important;
  box-shadow:1px 2px 3px #777 !important;
}

/* 最上部：家族画像とタイトル文を必ず横並び */
#washroom-reform-page .wr-intro {
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:654px !important;
  min-width:654px !important;
  margin:0 20px !important;
  padding:0 !important;
  gap:0 !important;
}
#washroom-reform-page .wr-intro > .wr-hero {
  flex:0 0 190px !important;
  width:190px !important;
  min-width:190px !important;
  max-width:190px !important;
  height:134px !important;
  object-fit:contain !important;
}
#washroom-reform-page .wr-intro > div {
  flex:0 0 464px !important;
  width:464px !important;
  min-width:464px !important;
  max-width:464px !important;
  margin:0 !important;
  padding:0 !important;
}
#washroom-reform-page .wr-intro h2 {
  margin:0 !important;
  padding:0 !important;
  color:#5a9800 !important;
  font-size:31px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}
#washroom-reform-page .wr-intro p {
  margin:6px 0 0 !important;
  padding:0 !important;
  font-size:15px !important;
  line-height:1.55 !important;
}

/* 設置説明：文章と寸法図を必ず横並び */
#washroom-reform-page .wr-space {
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  width:619px !important;
  min-width:619px !important;
  margin:4px 40px 20px !important;
  padding:0 !important;
  gap:10px !important;
}
#washroom-reform-page .wr-space-text {
  flex:0 0 365px !important;
  width:365px !important;
  min-width:365px !important;
  max-width:365px !important;
}
#washroom-reform-page .wr-space-text p {
  margin:0 0 5px !important;
  padding:0 !important;
  font-size:14px !important;
  line-height:1.55 !important;
}
#washroom-reform-page .wr-size {
  flex:0 0 244px !important;
  width:244px !important;
  min-width:244px !important;
  max-width:244px !important;
}
#washroom-reform-page .wr-size img {
  width:244px !important;
  min-width:244px !important;
  max-width:244px !important;
  height:120px !important;
  object-fit:fill !important;
}
#washroom-reform-page .wr-size p {
  width:244px !important;
  margin:3px 0 0 !important;
  padding:0 !important;
  font-size:12px !important;
  line-height:1.45 !important;
}

/* 共通見出し */
#washroom-reform-page .wr-section-title {
  display:block !important;
  margin:10px 0 10px 42px !important;
  padding:0 !important;
  font-size:23px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}
#washroom-reform-page .wr-section-title:before {
  content:"" !important;
  display:inline-block !important;
  width:18px !important;
  height:18px !important;
  margin-right:3px !important;
  background:#c94300 !important;
  vertical-align:-1px !important;
}

/* セミオーダー・ユニット・女の子：必ず3列横並び */
#washroom-reform-page .wr-choice-grid {
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  width:616px !important;
  min-width:616px !important;
  margin:0 42px !important;
  padding:0 !important;
  gap:0 !important;
}
#washroom-reform-page .wr-choice-grid > article {
  flex:0 0 215px !important;
  width:215px !important;
  min-width:215px !important;
  max-width:215px !important;
  margin:0 35px 0 0 !important;
  padding:0 !important;
}
#washroom-reform-page .wr-choice-grid > article:nth-child(2) {
  margin-right:20px !important;
}
#washroom-reform-page .wr-choice-grid > article > img {
  width:215px !important;
  min-width:215px !important;
  max-width:215px !important;
  height:233px !important;
  object-fit:cover !important;
}
#washroom-reform-page .wr-choice-grid > .wr-schoolgirl {
  flex:0 0 92px !important;
  width:92px !important;
  min-width:92px !important;
  max-width:92px !important;
  height:171px !important;
  margin-top:67px !important;
  object-fit:contain !important;
}
#washroom-reform-page .wr-choice-grid h3,
#washroom-reform-page .wr-four-grid h4,
#washroom-reform-page .wr-material-grid h4 {
  margin:5px 0 3px !important;
  padding:0 !important;
  font-size:16px !important;
  line-height:1.3 !important;
  font-weight:400 !important;
}
#washroom-reform-page .wr-choice-grid h3:before,
#washroom-reform-page .wr-four-grid h4:before,
#washroom-reform-page .wr-material-grid h4:before {
  content:"" !important;
  display:inline-block !important;
  width:13px !important;
  height:13px !important;
  margin-right:3px !important;
  background:#63a900 !important;
  vertical-align:-1px !important;
}
#washroom-reform-page .wr-choice-grid p,
#washroom-reform-page .wr-four-grid p,
#washroom-reform-page .wr-material-grid p {
  margin:0 !important;
  padding:0 !important;
  font-size:13px !important;
  line-height:1.42 !important;
}

/* 点線 */
#washroom-reform-page .wr-divider {
  display:block !important;
  width:621px !important;
  height:8px !important;
  margin:16px 39px !important;
  background-image:radial-gradient(circle,#e4c59f 3px,transparent 4px) !important;
  background-size:10px 8px !important;
  background-repeat:repeat-x !important;
}

/* 見出し＋説明 */
#washroom-reform-page .wr-heading-row {
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  width:624px !important;
  min-width:624px !important;
  margin:0 38px 5px !important;
  padding:0 !important;
  gap:8px !important;
}
#washroom-reform-page .wr-heading-row .wr-section-title {
  flex:0 0 130px !important;
  width:130px !important;
  margin:4px 0 !important;
  white-space:nowrap !important;
}
#washroom-reform-page .wr-heading-row > p {
  flex:0 0 486px !important;
  width:486px !important;
  margin:0 !important;
  padding:0 !important;
  font-size:14px !important;
}

/* 緑見出し */
#washroom-reform-page .wr-green-heading {
  display:block !important;
  margin:0 0 7px 37px !important;
  padding:0 !important;
  color:#579500 !important;
  font-size:20px !important;
  line-height:1.3 !important;
  font-weight:700 !important;
}

/* 4列画像：画像幅・列幅を固定 */
#washroom-reform-page .wr-four-grid {
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  width:626px !important;
  min-width:626px !important;
  margin:0 37px !important;
  padding:0 !important;
  gap:16px !important;
}
#washroom-reform-page .wr-four-grid > article,
#washroom-reform-page .wr-four-grid > .wr-eco-family {
  flex:0 0 144.5px !important;
  width:144.5px !important;
  min-width:144.5px !important;
  max-width:144.5px !important;
  margin:0 !important;
  padding:0 !important;
}
#washroom-reform-page .wr-four-grid > article > img {
  width:144.5px !important;
  min-width:144.5px !important;
  max-width:144.5px !important;
  height:132px !important;
  object-fit:cover !important;
}
#washroom-reform-page .wr-four-grid h4 {
  font-size:15px !important;
}
#washroom-reform-page .wr-eco-family > img {
  width:135px !important;
  min-width:135px !important;
  max-width:135px !important;
  height:170px !important;
  margin-top:-25px !important;
  object-fit:contain !important;
}

/* 床材・壁材：必ず3列横並び */
#washroom-reform-page .wr-material-grid {
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  width:509px !important;
  min-width:509px !important;
  margin:0 42px !important;
  padding:0 !important;
  gap:13px !important;
}
#washroom-reform-page .wr-material-grid > article:nth-child(1) {
  flex:0 0 135px !important;
  width:135px !important;
  min-width:135px !important;
  max-width:135px !important;
}
#washroom-reform-page .wr-material-grid > article:nth-child(2) {
  flex:0 0 137px !important;
  width:137px !important;
  min-width:137px !important;
  max-width:137px !important;
}
#washroom-reform-page .wr-material-grid > article:nth-child(3) {
  flex:0 0 211px !important;
  width:211px !important;
  min-width:211px !important;
  max-width:211px !important;
}
#washroom-reform-page .wr-material-grid .wr-green-heading {
  margin:0 0 5px !important;
}
#washroom-reform-page .wr-material-grid > article:nth-child(1) img {
  width:135px !important;
  min-width:135px !important;
  max-width:135px !important;
  height:183px !important;
  object-fit:cover !important;
}
#washroom-reform-page .wr-material-grid > article:nth-child(2) img {
  width:137px !important;
  min-width:137px !important;
  max-width:137px !important;
  height:183px !important;
  object-fit:cover !important;
}
#washroom-reform-page .wr-material-grid > article:nth-child(3) img {
  width:211px !important;
  min-width:211px !important;
  max-width:211px !important;
  height:183px !important;
  object-fit:cover !important;
}
/* このページは700px固定。スマホでも列を崩さない */
@media screen and (max-width:720px) {
  #washroom-reform-page {
    width:700px !important;
    min-width:700px !important;
    max-width:700px !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}


/* FINAL: 床材・壁材の3画像上端を揃える */
#washroom-reform-page .wr-material-heading-spacer {
  display:block !important;
  width:137px !important;
  height:31px !important;
  min-height:31px !important;
  margin:0 0 5px !important;
  padding:0 !important;
}
#washroom-reform-page .wr-material-grid > article:nth-child(1) > img,
#washroom-reform-page .wr-material-grid > article:nth-child(2) > img,
#washroom-reform-page .wr-material-grid > article:nth-child(3) > img {
  margin-top:0 !important;
  vertical-align:top !important;
}


/* FINAL v2：中央列にも左右と同一寸法の見出しを置き、非表示にして画像上端を完全に揃える */
#washroom-reform-page .wr-material-grid .wr-hidden-heading {
  visibility:hidden !important;
}
#washroom-reform-page .wr-material-grid > article {
  margin:0 !important;
  padding:0 !important;
}
#washroom-reform-page .wr-material-grid > article > .wr-green-heading {
  height:31px !important;
  min-height:31px !important;
  margin:0 0 5px !important;
  padding:0 !important;
  line-height:26px !important;
}
#washroom-reform-page .wr-material-grid > article > img {
  display:block !important;
  margin:0 !important;
  vertical-align:top !important;
}


/* MASTER FINAL：省エネ性見出しと上段説明文の間隔 */
#washroom-reform-page .wr-energy-title {
  margin-top:24px !important;
}

/* MASTER FINAL：壁材説明文を隣の説明文と同じ高さから開始 */
#washroom-reform-page .wr-material-title-space {
  display:block !important;
  width:211px !important;
  height:27px !important;
  min-height:27px !important;
  margin:5px 0 3px !important;
  padding:0 !important;
}