/* トイレリフォーム 700px固定 WordPress対応 */
#toilet-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;
  background:#fff!important;
  color:#222!important;
  font-family:"Yu Gothic","Meiryo",sans-serif!important;
  font-size:14px!important;
  line-height:1.55!important;
}
#toilet-reform-page,#toilet-reform-page *{box-sizing:border-box!important}
#toilet-reform-page section,#toilet-reform-page article,#toilet-reform-page div{max-width:none!important}
#toilet-reform-page img{
  display:block!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
}
#toilet-reform-page p{margin:0 0 7px!important;padding:0!important}
.tr-main-title{
  width:694px!important;height:45px!important;margin:0 0 10px!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;
}
.tr-intro{
  display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
  width:620px!important;margin:0 42px 18px!important;padding:0!important;
}
.tr-hero{width:160px!important;min-width:160px!important;max-width:160px!important;height:120px!important;object-fit:contain!important}
.tr-intro-copy{width:460px!important;min-width:460px!important;max-width:460px!important}
.tr-intro-copy h2{margin:0!important;color:#5a9800!important;font-size:31px!important;line-height:1.2!important;white-space:nowrap!important}
.tr-intro-copy p{margin-top:6px!important;font-size:15px!important}
.tr-step-block{
  display:flex!important;flex-wrap:nowrap!important;align-items:flex-start!important;
  width:620px!important;margin:0 42px 20px!important;gap:10px!important
}
.tr-step-text{width:275px!important;min-width:275px!important;max-width:275px!important}
.tr-step-diagram{width:335px!important;min-width:335px!important;max-width:335px!important;height:141px!important;object-fit:contain!important}
.tr-section-title{margin:10px 0 10px 42px!important;font-size:23px!important;line-height:1.25!important;font-weight:700!important}
.tr-section-title:before{content:""!important;display:inline-block!important;width:18px!important;height:18px!important;background:#c94300!important;margin-right:3px!important;vertical-align:-1px!important}
.tr-wide-copy{width:616px!important;margin:0 42px 14px!important}
.tr-type-top{display:flex!important;flex-wrap:nowrap!important;align-items:flex-start!important;width:620px!important;margin:0 42px 12px!important;gap:18px!important}
.tr-tankless-card{width:108px!important;min-width:108px!important;max-width:108px!important}
.tr-tankless-card img{width:108px!important;height:102px!important;object-fit:contain!important}
.tr-type-top>p{width:494px!important}
.tr-type-grid{
  display:grid!important;grid-template-columns:115px 118px 275px 92px!important;
  column-gap:12px!important;align-items:start!important;width:624px!important;margin:0 42px!important
}
.tr-type-grid article>img{width:100%!important;height:150px!important;object-fit:contain!important}
.tr-type-grid .tr-storage-type>img{width:275px!important;height:198px!important;object-fit:contain!important}
.tr-type-grid h3,.tr-three-grid h4,.tr-four-grid h4,.tr-material-grid h4{margin:5px 0 4px!important;font-size:15px!important;line-height:1.25!important;font-weight:400!important}
.tr-type-grid h3:before,.tr-three-grid h4:before,.tr-four-grid h4:before,.tr-material-grid h4:before{
  content:""!important;display:inline-block!important;width:13px!important;height:13px!important;background:#63a900!important;margin-right:3px!important;vertical-align:-1px!important
}
.tr-type-grid p,.tr-three-grid p,.tr-four-grid p,.tr-material-grid p{font-size:13px!important;line-height:1.42!important}
.tr-senior-man{width:92px!important;min-width:92px!important;max-width:92px!important;height:174px!important;margin-top:247px!important;object-fit:contain!important}
.tr-divider{width:620px!important;height:8px!important;margin:17px 39px!important;background-image:radial-gradient(circle,#e4c59f 3px,transparent 4px)!important;background-size:10px 8px!important;background-repeat:repeat-x!important}
.tr-green-heading{color:#579500!important;font-size:20px!important;line-height:1.3!important;font-weight:700!important;margin:0 0 7px!important}
.tr-hidden-heading{visibility:hidden!important}
.tr-material-grid{display:grid!important;grid-template-columns:184px 184px 187px!important;gap:18px!important;width:591px!important;margin:0 42px!important;align-items:start!important}
.tr-material-grid article>img{width:100%!important;height:136px!important;object-fit:cover!important}
.tr-material-title-space{height:27px!important;min-height:27px!important;margin:5px 0 3px!important}
.tr-heading-row{display:flex!important;flex-wrap:nowrap!important;align-items:flex-start!important;width:620px!important;margin:0 42px 8px!important}
.tr-heading-row .tr-section-title{width:145px!important;min-width:145px!important;margin:4px 0!important;white-space:nowrap!important}
.tr-heading-row>p{width:475px!important}
.tr-subheading{margin:0 0 8px 42px!important}
.tr-three-grid{display:grid!important;grid-template-columns:repeat(3,182px)!important;gap:36px!important;width:618px!important;margin:0 42px!important}
.tr-three-grid article>img{width:182px!important;height:137px!important;object-fit:cover!important}
.tr-feature-spacer{height:18px!important}
.tr-four-grid{display:grid!important;grid-template-columns:repeat(4,145px)!important;gap:14px!important;width:622px!important;margin:0 39px!important;align-items:start!important}
.tr-four-grid article>img{width:145px!important;height:136px!important;object-fit:cover!important}
.tr-four-grid>div{width:145px!important}
.tr-energy-title{margin-top:24px!important}
.tr-eco-grid{grid-template-columns:182px 182px 200px!important;gap:36px!important}
.tr-eco-grid h5{margin:0 0 3px!important;font-size:14px!important;font-weight:400!important}
.tr-eco-family img{width:178px!important;height:203px!important;object-fit:contain!important;margin-top:-15px!important}
.tr-convenient-title{margin-top:24px!important}
@media screen and (max-width:720px){
  #toilet-reform-page{width:700px!important;min-width:700px!important;max-width:700px!important;margin-left:0!important;margin-right:0!important}
}


/* v2 FIX：WordPressのnowrap・幅継承を打ち消し、各カード内で確実に改行 */
#toilet-reform-page .tr-three-grid > article,
#toilet-reform-page .tr-four-grid > article,
#toilet-reform-page .tr-material-grid > article,
#toilet-reform-page .tr-type-grid > article {
  display:block !important;
  min-width:0 !important;
  max-width:none !important;
  overflow:visible !important;
  white-space:normal !important;
}

#toilet-reform-page .tr-three-grid h4,
#toilet-reform-page .tr-three-grid h5,
#toilet-reform-page .tr-three-grid p,
#toilet-reform-page .tr-four-grid h4,
#toilet-reform-page .tr-four-grid h5,
#toilet-reform-page .tr-four-grid p,
#toilet-reform-page .tr-material-grid h4,
#toilet-reform-page .tr-material-grid p,
#toilet-reform-page .tr-type-grid h3,
#toilet-reform-page .tr-type-grid p {
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  writing-mode:horizontal-tb !important;
}

/* 最新設備：3列の幅を固定し、説明文が横へ流れないようにする */
#toilet-reform-page .tr-three-grid {
  display:grid !important;
  grid-template-columns:182px 182px 182px !important;
  column-gap:36px !important;
  row-gap:0 !important;
  width:618px !important;
  min-width:618px !important;
  max-width:618px !important;
}
#toilet-reform-page .tr-three-grid > article {
  width:182px !important;
  min-width:182px !important;
  max-width:182px !important;
}
#toilet-reform-page .tr-three-grid > article > img {
  width:182px !important;
  min-width:182px !important;
  max-width:182px !important;
  height:137px !important;
  object-fit:cover !important;
}

/* 便利機能：4列の幅を固定 */
#toilet-reform-page .tr-four-grid {
  display:grid !important;
  grid-template-columns:145px 145px 145px 145px !important;
  column-gap:14px !important;
  row-gap:0 !important;
  width:622px !important;
  min-width:622px !important;
  max-width:622px !important;
}
#toilet-reform-page .tr-four-grid > article {
  width:145px !important;
  min-width:145px !important;
  max-width:145px !important;
}
#toilet-reform-page .tr-four-grid > article > img {
  width:145px !important;
  min-width:145px !important;
  max-width:145px !important;
  height:136px !important;
  object-fit:cover !important;
}

/* 洋式便器タイプ：画像を一律拡大せず個別サイズに固定 */
#toilet-reform-page .tr-type-grid > .tr-tank-type-card {
  width:115px !important;
  min-width:115px !important;
  max-width:115px !important;
}
#toilet-reform-page .tr-type-grid > .tr-tank-type-card > img {
  width:115px !important;
  min-width:115px !important;
  max-width:115px !important;
  height:150px !important;
  object-fit:contain !important;
}
#toilet-reform-page .tr-type-grid > .tr-low-silhouette-card {
  width:118px !important;
  min-width:118px !important;
  max-width:118px !important;
}
#toilet-reform-page .tr-type-grid > .tr-low-silhouette-card > img {
  width:118px !important;
  min-width:118px !important;
  max-width:118px !important;
  height:115px !important;
  margin-top:35px !important;
  object-fit:contain !important;
}
#toilet-reform-page .tr-type-grid > .tr-storage-type {
  width:275px !important;
  min-width:275px !important;
  max-width:275px !important;
}
#toilet-reform-page .tr-type-grid > .tr-storage-type > img {
  width:275px !important;
  min-width:275px !important;
  max-width:275px !important;
  height:198px !important;
  object-fit:contain !important;
}


/* =========================================================
   v3 最終修正
   1. 最新設備の説明欄を横に広くする
   2. カード説明文を各列幅内で確実に改行
   3. タンク付便器2画像に共通説明文を配置
   ========================================================= */

/* 最新の設備：見出し145px、説明475pxを必ず横並び */
#toilet-reform-page .tr-heading-row {
  display:grid !important;
  grid-template-columns:145px 475px !important;
  column-gap:0 !important;
  align-items:start !important;
  width:620px !important;
  min-width:620px !important;
  max-width:620px !important;
  margin:0 42px 12px !important;
}
#toilet-reform-page .tr-heading-row > .tr-section-title {
  width:145px !important;
  min-width:145px !important;
  max-width:145px !important;
  margin:4px 0 !important;
}
#toilet-reform-page .tr-heading-row > p {
  display:block !important;
  width:475px !important;
  min-width:475px !important;
  max-width:475px !important;
  margin:0 !important;
  padding:0 !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
  line-break:strict !important;
}

/* 3列・4列カードの文章を列幅内で確実に折り返す */
#toilet-reform-page .tr-three-grid > article,
#toilet-reform-page .tr-four-grid > article {
  display:block !important;
  white-space:normal !important;
  overflow:hidden !important;
}
#toilet-reform-page .tr-three-grid > article {
  inline-size:182px !important;
  width:182px !important;
  min-width:182px !important;
  max-width:182px !important;
}
#toilet-reform-page .tr-four-grid > article {
  inline-size:145px !important;
  width:145px !important;
  min-width:145px !important;
  max-width:145px !important;
}
#toilet-reform-page .tr-three-grid > article h4,
#toilet-reform-page .tr-three-grid > article h5,
#toilet-reform-page .tr-three-grid > article p {
  display:block !important;
  inline-size:182px !important;
  width:182px !important;
  min-width:182px !important;
  max-width:182px !important;
  white-space:normal !important;
  word-break:break-all !important;
  overflow-wrap:anywhere !important;
}
#toilet-reform-page .tr-four-grid > article h4,
#toilet-reform-page .tr-four-grid > article h5,
#toilet-reform-page .tr-four-grid > article p {
  display:block !important;
  inline-size:145px !important;
  width:145px !important;
  min-width:145px !important;
  max-width:145px !important;
  white-space:normal !important;
  word-break:break-all !important;
  overflow-wrap:anywhere !important;
}

/* タンク付便器2種類＋収納一体型＋人物 */
#toilet-reform-page .tr-type-grid {
  display:grid !important;
  grid-template-columns:245px 275px 92px !important;
  column-gap:14px !important;
  align-items:start !important;
  width:640px !important;
  min-width:640px !important;
  max-width:640px !important;
  margin:0 30px !important;
}
#toilet-reform-page .tr-tank-pair {
  display:block !important;
  width:245px !important;
  min-width:245px !important;
  max-width:245px !important;
}
#toilet-reform-page .tr-tank-pair-images {
  display:grid !important;
  grid-template-columns:115px 118px !important;
  column-gap:12px !important;
  align-items:end !important;
  width:245px !important;
}
#toilet-reform-page .tr-tank-image-item {
  display:block !important;
  width:100% !important;
}
#toilet-reform-page .tr-tank-image-item:nth-child(1) img {
  width:115px !important;
  min-width:115px !important;
  max-width:115px !important;
  height:150px !important;
  object-fit:contain !important;
}
#toilet-reform-page .tr-tank-image-item:nth-child(2) img {
  width:118px !important;
  min-width:118px !important;
  max-width:118px !important;
  height:115px !important;
  margin-top:35px !important;
  object-fit:contain !important;
}
#toilet-reform-page .tr-tank-image-item h3 {
  display:block !important;
  width:100% !important;
  margin:5px 0 4px !important;
  font-size:15px !important;
  line-height:1.25 !important;
  font-weight:400 !important;
  white-space:normal !important;
}
#toilet-reform-page .tr-tank-image-item h3:before {
  content:"" !important;
  display:inline-block !important;
  width:13px !important;
  height:13px !important;
  margin-right:3px !important;
  background:#63a900 !important;
  vertical-align:-1px !important;
}
#toilet-reform-page .tr-tank-pair > p {
  display:block !important;
  width:245px !important;
  min-width:245px !important;
  max-width:245px !important;
  margin:4px 0 0 !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
}
#toilet-reform-page .tr-storage-type {
  width:275px !important;
  min-width:275px !important;
  max-width:275px !important;
}
#toilet-reform-page .tr-storage-type > img {
  width:275px !important;
  min-width:275px !important;
  max-width:275px !important;
  height:198px !important;
  object-fit:contain !important;
}
#toilet-reform-page .tr-storage-type > p {
  width:275px !important;
  min-width:275px !important;
  max-width:275px !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
#toilet-reform-page .tr-senior-man {
  width:92px !important;
  min-width:92px !important;
  max-width:92px !important;
  height:174px !important;
  margin-top:247px !important;
  object-fit:contain !important;
}


/* =========================================================
   v4 最終調整
   ・収納一体型をタンク付便器と同じ高さまで下げる
   ・説明文の横流れを完全に防止
   ・3枚構成を700pxページ幅いっぱいに近い幅で配置
   ========================================================= */

/* 便器タイプ：収納一体型の画像上端をタンク付便器側に合わせる */
#toilet-reform-page .tr-type-grid {
  display:grid !important;
  grid-template-columns:260px 260px 84px !important;
  column-gap:16px !important;
  width:636px !important;
  min-width:636px !important;
  max-width:636px !important;
  margin:0 32px !important;
  align-items:start !important;
}
#toilet-reform-page .tr-tank-pair {
  width:260px !important;
  min-width:260px !important;
  max-width:260px !important;
}
#toilet-reform-page .tr-tank-pair-images {
  display:grid !important;
  grid-template-columns:122px 122px !important;
  column-gap:16px !important;
  width:260px !important;
  height:198px !important;
  align-items:start !important;
}
#toilet-reform-page .tr-tank-image-item:nth-child(1) img {
  width:122px !important;
  min-width:122px !important;
  max-width:122px !important;
  height:150px !important;
  object-fit:contain !important;
}
#toilet-reform-page .tr-tank-image-item:nth-child(2) img {
  width:122px !important;
  min-width:122px !important;
  max-width:122px !important;
  height:115px !important;
  margin-top:35px !important;
  object-fit:contain !important;
}
#toilet-reform-page .tr-tank-pair > p {
  width:260px !important;
  min-width:260px !important;
  max-width:260px !important;
}
#toilet-reform-page .tr-storage-type {
  width:260px !important;
  min-width:260px !important;
  max-width:260px !important;
  padding-top:47px !important;
}
#toilet-reform-page .tr-storage-type > img {
  width:260px !important;
  min-width:260px !important;
  max-width:260px !important;
  height:198px !important;
  object-fit:contain !important;
}
#toilet-reform-page .tr-storage-type > h3,
#toilet-reform-page .tr-storage-type > p {
  width:260px !important;
  min-width:260px !important;
  max-width:260px !important;
}
#toilet-reform-page .tr-senior-man {
  width:84px !important;
  min-width:84px !important;
  max-width:84px !important;
  height:174px !important;
  margin-top:247px !important;
  object-fit:contain !important;
}

/* 最新設備の見出し横説明は、残り幅を全部利用 */
#toilet-reform-page .tr-heading-row {
  display:grid !important;
  grid-template-columns:145px 491px !important;
  column-gap:0 !important;
  width:636px !important;
  min-width:636px !important;
  max-width:636px !important;
  margin:0 32px 12px !important;
}
#toilet-reform-page .tr-heading-row > p {
  width:491px !important;
  min-width:491px !important;
  max-width:491px !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}

/* 3枚並び：ページの横幅を広く使う */
#toilet-reform-page .tr-three-grid {
  display:grid !important;
  grid-template-columns:196px 196px 196px !important;
  column-gap:16px !important;
  row-gap:0 !important;
  width:620px !important;
  min-width:620px !important;
  max-width:620px !important;
  margin:0 40px !important;
  align-items:start !important;
}
#toilet-reform-page .tr-three-grid > article {
  display:block !important;
  width:196px !important;
  min-width:196px !important;
  max-width:196px !important;
  overflow:hidden !important;
  white-space:normal !important;
}
#toilet-reform-page .tr-three-grid > article > img {
  display:block !important;
  width:196px !important;
  min-width:196px !important;
  max-width:196px !important;
  height:147px !important;
  object-fit:cover !important;
}
#toilet-reform-page .tr-three-grid > article h4,
#toilet-reform-page .tr-three-grid > article h5,
#toilet-reform-page .tr-three-grid > article p {
  display:block !important;
  width:196px !important;
  min-width:196px !important;
  max-width:196px !important;
  margin-left:0 !important;
  margin-right:0 !important;
  white-space:normal !important;
  overflow:hidden !important;
  overflow-wrap:anywhere !important;
  word-break:break-all !important;
  line-break:anywhere !important;
}

/* 床材・壁材も横幅全体を使って3枚配置 */
#toilet-reform-page .tr-material-grid {
  display:grid !important;
  grid-template-columns:196px 196px 196px !important;
  column-gap:16px !important;
  width:620px !important;
  min-width:620px !important;
  max-width:620px !important;
  margin:0 40px !important;
  align-items:start !important;
}
#toilet-reform-page .tr-material-grid > article {
  width:196px !important;
  min-width:196px !important;
  max-width:196px !important;
  overflow:hidden !important;
}
#toilet-reform-page .tr-material-grid > article > img {
  width:196px !important;
  min-width:196px !important;
  max-width:196px !important;
  height:147px !important;
  object-fit:cover !important;
}
#toilet-reform-page .tr-material-grid > article h4,
#toilet-reform-page .tr-material-grid > article p {
  display:block !important;
  width:196px !important;
  min-width:196px !important;
  max-width:196px !important;
  white-space:normal !important;
  overflow:hidden !important;
  overflow-wrap:anywhere !important;
  word-break:break-all !important;
  line-break:anywhere !important;
}
#toilet-reform-page .tr-material-title-space {
  width:196px !important;
  min-width:196px !important;
  max-width:196px !important;
}

/* WordPressテーマ側のnowrapを最後に完全上書き */
#toilet-reform-page article p,
#toilet-reform-page article h3,
#toilet-reform-page article h4,
#toilet-reform-page article h5 {
  white-space:normal !important;
  writing-mode:horizontal-tb !important;
  text-orientation:mixed !important;
}


/* v5：洗浄機能3枚を下段と同じ横幅で均等配置 */
#toilet-reform-page .tr-wash-grid {
  display:grid !important;
  grid-template-columns:196px 196px 196px !important;
  column-gap:16px !important;
  width:620px !important;
  min-width:620px !important;
  max-width:620px !important;
  margin:0 40px !important;
  align-items:start !important;
}
#toilet-reform-page .tr-wash-grid > article {
  width:196px !important;
  min-width:196px !important;
  max-width:196px !important;
}
#toilet-reform-page .tr-wash-grid > article > img {
  width:196px !important;
  min-width:196px !important;
  max-width:196px !important;
  height:147px !important;
  object-fit:cover !important;
}
#toilet-reform-page .tr-wash-grid > article h4,
#toilet-reform-page .tr-wash-grid > article p {
  width:196px !important;
  min-width:196px !important;
  max-width:196px !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-all !important;
}