#bathroom-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;
}
#bathroom-reform-page,#bathroom-reform-page *{box-sizing:border-box!important}
#bathroom-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
}
#bathroom-reform-page p{margin:0 0 8px!important;padding:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
.br-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
}
.br-intro{display:flex!important;flex-wrap:nowrap!important;align-items:flex-start!important;width:620px!important;margin:0 42px 18px!important}
.br-hero{width:165px!important;min-width:165px!important;max-width:165px!important;height:155px!important;object-fit:contain!important}
.br-intro-copy{width:455px!important}
.br-intro-copy h2{margin:10px 0 5px!important;color:#5a9800!important;font-size:31px!important;line-height:1.2!important;white-space:nowrap!important}
.br-question{font-size:18px!important;font-weight:700!important;line-height:1.35!important}
.br-bracket-title{margin:0 0 8px 42px!important;font-size:28px!important;line-height:1.2!important;font-weight:700!important}
.br-section-title{margin:10px 0 8px 42px!important;font-size:23px!important;line-height:1.2!important;font-weight:700!important}
.br-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}
.br-wide-copy{width:616px!important;margin:0 42px 12px!important}
.br-merit-row{display:grid!important;grid-template-columns:96px 512px!important;column-gap:14px!important;width:622px!important;margin:10px 39px!important;align-items:start!important}
.br-badge{width:84px!important;height:58px!important;border-radius:50%!important;color:#fff!important;font-size:18px!important;line-height:58px!important;text-align:center!important;box-shadow:0 2px 4px #999!important;border:2px solid #fff!important}
.br-merit{background:#79bb00!important}
.br-demerit{background:#d7a55d!important}
.br-choice-callout{display:flex!important;align-items:center!important;width:620px!important;margin:8px 40px 12px!important}
.br-choice-callout img{width:75px!important;height:97px!important;object-fit:contain!important}
.br-choice-callout p{margin-left:0!important;color:#6aad00!important;font-size:24px!important;line-height:1.3!important;font-weight:700!important}
.br-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}
.br-large-lead{width:616px!important;margin:0 42px 12px!important;font-size:20px!important;line-height:1.4!important}
.br-pattern-row{display:grid!important;grid-template-columns:145px 66px 1fr!important;column-gap:15px!important;width:616px!important;margin:0 42px 15px!important;align-items:center!important}
.br-child-foam{width:145px!important;height:138px!important;object-fit:contain!important}
.br-pattern-arrow{width:66px!important;height:112px!important;object-fit:contain!important}
.br-pattern-list p{font-size:17px!important;line-height:1.5!important}
.br-green-main-title{margin:0 0 8px 42px!important;color:#66b300!important;font-size:31px!important;line-height:1.2!important}
.br-size-area{display:flex!important;align-items:flex-start!important;width:616px!important;margin:0 42px!important}
.br-size-table{border-collapse:collapse!important;width:482px!important;font-size:18px!important;line-height:1.35!important;border-top:4px solid #dfae6a!important;border-bottom:4px solid #dfae6a!important}
.br-size-table td{padding:3px 8px!important;border-bottom:1px solid #ccc!important}
.br-size-table tr:nth-child(even){background:#f5eee3!important}
.br-size-plant{width:118px!important;height:199px!important;margin-left:15px!important;object-fit:contain!important}
.br-note{width:616px!important;margin:8px 42px 12px!important}
.br-size-photo-grid{display:grid!important;grid-template-columns:repeat(3,191px)!important;column-gap:22px!important;width:617px!important;margin:0 42px!important}
.br-size-photo-grid img{width:191px!important;height:147px!important;object-fit:cover!important}
.br-size-photo-grid h4,.br-four-grid h4,.br-two-grid h4{margin:5px 0 3px!important;font-size:15px!important;line-height:1.3!important;font-weight:400!important}
.br-size-photo-grid h4:before,.br-four-grid h4:before,.br-two-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}
.br-four-grid{display:grid!important;grid-template-columns:repeat(4,142px)!important;column-gap:17px!important;width:619px!important;margin:0 40px!important;align-items:start!important}
.br-four-grid article{width:142px!important;min-width:142px!important;max-width:142px!important;overflow:hidden!important}
.br-four-grid img{width:142px!important;height:122px!important;object-fit:cover!important}
.br-four-grid p,.br-two-grid p{font-size:13px!important;line-height:1.42!important}
.br-feature-row{margin-top:22px!important}
.br-last-row{display:grid!important;grid-template-columns:300px 300px!important;column-gap:20px!important;width:620px!important;margin:24px 40px 0!important}
.br-two-grid{display:grid!important;grid-template-columns:142px 142px!important;column-gap:16px!important}
.br-two-grid article{width:142px!important;overflow:hidden!important}
.br-two-grid img{width:142px!important;height:144px!important;object-fit:cover!important}
.br-large-bath-wrap{position:relative!important;width:300px!important;height:300px!important}
.br-large-bath{width:300px!important;height:145px!important;object-fit:cover!important}
.br-foam-family{position:absolute!important;right:0!important;top:95px!important;width:190px!important;height:195px!important;object-fit:contain!important}
@media screen and (max-width:720px){
  #bathroom-reform-page{width:700px!important;min-width:700px!important;max-width:700px!important;margin-left:0!important;margin-right:0!important}
}


/* v2：取り替えパターン欄の崩れを修正 */
#bathroom-reform-page .br-pattern-row {
  display:grid !important;
  grid-template-columns:145px 66px 375px !important;
  column-gap:15px !important;
  align-items:center !important;
  width:616px !important;
  min-width:616px !important;
  max-width:616px !important;
  margin:0 42px 15px !important;
  padding:0 !important;
}
#bathroom-reform-page .br-child-foam {
  width:145px !important;
  min-width:145px !important;
  max-width:145px !important;
  height:138px !important;
  object-fit:contain !important;
}
#bathroom-reform-page .br-pattern-arrow {
  width:66px !important;
  min-width:66px !important;
  max-width:66px !important;
  height:112px !important;
  object-fit:contain !important;
}
#bathroom-reform-page .br-pattern-list {
  display:block !important;
  width:375px !important;
  min-width:375px !important;
  max-width:375px !important;
  margin:0 !important;
  padding:0 !important;
  white-space:normal !important;
}
#bathroom-reform-page .br-pattern-list p {
  display:block !important;
  width:375px !important;
  min-width:375px !important;
  max-width:375px !important;
  margin:0 0 4px !important;
  padding:0 !important;
  font-size:17px !important;
  line-height:1.5 !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  writing-mode:horizontal-tb !important;
}

/* WordPress側の幅・縦書き指定をこの欄だけ完全に打ち消す */
#bathroom-reform-page .br-pattern-row > *,
#bathroom-reform-page .br-pattern-list,
#bathroom-reform-page .br-pattern-list p {
  float:none !important;
  clear:none !important;
  position:static !important;
  transform:none !important;
}


/* v3：見出しと説明文の左位置を統一 */
#bathroom-reform-page .br-bracket-title,
#bathroom-reform-page .br-section-title,
#bathroom-reform-page .br-green-main-title,
#bathroom-reform-page .br-wide-copy,
#bathroom-reform-page .br-large-lead {
  display:block !important;
  width:616px !important;
  min-width:616px !important;
  max-width:616px !important;
  margin-left:42px !important;
  margin-right:42px !important;
  padding-left:0 !important;
  padding-right:0 !important;
  text-indent:0 !important;
  position:static !important;
  transform:none !important;
  float:none !important;
  clear:none !important;
}

/* 大見出し */
#bathroom-reform-page .br-bracket-title {
  margin-top:0 !important;
  margin-bottom:8px !important;
}

/* 赤四角付き見出し */
#bathroom-reform-page .br-section-title {
  margin-top:10px !important;
  margin-bottom:8px !important;
}

/* 説明文 */
#bathroom-reform-page .br-wide-copy {
  margin-top:0 !important;
  margin-bottom:12px !important;
}

/* WordPressテーマのh2用インデントを完全に解除 */
#bathroom-reform-page h2.br-bracket-title,
#bathroom-reform-page h2.br-section-title,
#bathroom-reform-page h2.br-green-main-title {
  left:auto !important;
  right:auto !important;
  padding-inline-start:0 !important;
  padding-inline-end:0 !important;
}

/* 赤四角は見出しの左端42pxから開始 */
#bathroom-reform-page .br-section-title:before {
  margin-left:0 !important;
}


/* v4：取り替えパターン4種類は一体画像で表示 */
#bathroom-reform-page .br-pattern-image {
  display:block !important;
  width:620px !important;
  min-width:620px !important;
  max-width:620px !important;
  margin:0 40px 15px !important;
  padding:0 !important;
  overflow:hidden !important;
}
#bathroom-reform-page .br-pattern-image img {
  display:block !important;
  width:620px !important;
  min-width:620px !important;
  max-width:620px !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
}


/* v5：上部レイアウトをHTML/CSSで調整 */
#bathroom-reform-page .br-intro {
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  width:620px !important;
  min-width:620px !important;
  max-width:620px !important;
  margin:0 42px 8px !important;
  padding:0 !important;
  column-gap:24px !important;
}
#bathroom-reform-page .br-hero {
  flex:0 0 165px !important;
  width:165px !important;
  min-width:165px !important;
  max-width:165px !important;
  height:155px !important;
  object-fit:contain !important;
}
#bathroom-reform-page .br-intro-copy {
  flex:0 0 431px !important;
  width:431px !important;
  min-width:431px !important;
  max-width:431px !important;
  margin:0 !important;
  padding:0 !important;
}
#bathroom-reform-page .br-intro-copy h2 {
  margin:10px 0 8px !important;
}
#bathroom-reform-page .br-intro-copy p {
  width:431px !important;
  min-width:431px !important;
  max-width:431px !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

/* 2つの質問をイラストの下へ移動 */
#bathroom-reform-page .br-question-block {
  display:block !important;
  width:455px !important;
  min-width:455px !important;
  max-width:455px !important;
  margin:0 0 5px 207px !important;
  padding:0 !important;
}
#bathroom-reform-page .br-question-block p {
  display:block !important;
  width:455px !important;
  min-width:455px !important;
  max-width:455px !important;
  margin:0 0 3px !important;
  padding:0 !important;
  font-size:18px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
  white-space:normal !important;
}
#bathroom-reform-page .br-method-note {
  display:block !important;
  width:455px !important;
  min-width:455px !important;
  max-width:455px !important;
  margin:0 0 14px 207px !important;
  padding:0 !important;
}


/* v6：サイズ表下の注意書きを表の左端と揃える */
#bathroom-reform-page p.br-size-note {
  display:block !important;
  width:482px !important;
  min-width:482px !important;
  max-width:482px !important;
  margin:8px 0 12px 42px !important;
  padding:0 !important;
  left:auto !important;
  right:auto !important;
  float:none !important;
  clear:none !important;
  position:static !important;
  transform:none !important;
  text-indent:0 !important;
  white-space:normal !important;
  box-sizing:border-box !important;
}


/* v10：最後の浴室写真はユーザー提供の合成画像1枚だけを表示 */
#bathroom-reform-page .br-large-bath-wrap {
  position:relative !important;
  display:block !important;
  width:300px !important;
  min-width:300px !important;
  max-width:300px !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}
#bathroom-reform-page .br-bath-family-composite {
  position:static !important;
  display:block !important;
  width:300px !important;
  min-width:300px !important;
  max-width:300px !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
}