/* =========================================================
   キッチンリフォーム専用CSS
   700px固定・完全新規作成版
========================================================= */

#kitchen-reform-page,
#kitchen-reform-page *{
  box-sizing:border-box !important;
}

#kitchen-reform-page{
  width:700px !important;
  min-width:700px !important;
  max-width:700px !important;
  margin:0 auto !important;
  padding:6px 43px 30px !important;
  background:#ffffff !important;
  color:#222222 !important;
  font-family:
    "Yu Gothic",
    "YuGothic",
    "Hiragino Kaku Gothic ProN",
    "Meiryo",
    sans-serif !important;
  font-size:13px !important;
  line-height:1.45 !important;
  overflow:hidden !important;
}

#kitchen-reform-page img{
  display:block !important;
  float:none !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

#kitchen-reform-page h1,
#kitchen-reform-page h2,
#kitchen-reform-page h3,
#kitchen-reform-page p{
  writing-mode:horizontal-tb !important;
  text-orientation:mixed !important;
  word-break:normal !important;
}

/* メインタイトル */
#kitchen-reform-page .kr-main-title{
  width:694px !important;
  margin:0 0 20px -40px !important;
  padding:5px 40px 7px !important;
  border:1px solid #bbbbbb !important;
  background:linear-gradient(to bottom,#ffffff 0%,#ffffff 48%,#eeeeee 100%) !important;
  box-shadow:0 3px 4px rgba(0,0,0,.45) !important;
  color:#555555 !important;
  font-size:27px !important;
  font-weight:400 !important;
  line-height:1.2 !important;
}

/* 最上部：画像左、文章右 */
#kitchen-reform-page .kr-intro{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  gap:22px !important;
  width:614px !important;
  margin:0 0 20px !important;
  padding:0 !important;
}

#kitchen-reform-page .kr-intro-image{
  flex:0 0 115px !important;
  width:115px !important;
  min-width:115px !important;
  max-width:115px !important;
}

#kitchen-reform-page .kr-intro-text{
  flex:1 1 auto !important;
  min-width:0 !important;
  padding-top:8px !important;
}

#kitchen-reform-page .kr-intro-title{
  margin:0 0 8px !important;
  padding:0 !important;
  color:#5b9900 !important;
  font-size:29px !important;
  font-weight:700 !important;
  line-height:1.22 !important;
  white-space:nowrap !important;
}

#kitchen-reform-page .kr-lead{
  margin:0 !important;
  padding:0 !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

/* オレンジ見出し */
#kitchen-reform-page .kr-orange-title{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 0 8px !important;
  color:#f18a00 !important;
  font-size:24px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}

#kitchen-reform-page .kr-orange-title::before,
#kitchen-reform-page .kr-orange-title::after{
  content:"" !important;
  flex:0 0 40px !important;
  width:40px !important;
  height:22px !important;
  background:#ead5b7 !important;
}

/* 番号＋見出し＋説明 */
#kitchen-reform-page .kr-step{
  display:grid !important;
  grid-template-columns:max-content minmax(0,1fr) !important;
  column-gap:14px !important;
  align-items:start !important;
  width:614px !important;
  margin:10px 0 12px !important;
  padding:0 !important;
}

#kitchen-reform-page .kr-step-label{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  gap:8px !important;
  width:max-content !important;
  min-width:max-content !important;
}

#kitchen-reform-page .kr-number{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 25px !important;
  width:25px !important;
  height:25px !important;
  border-radius:5px !important;
  background:#69b400 !important;
  color:#ffffff !important;
  font-size:20px !important;
  font-weight:700 !important;
  line-height:1 !important;
}

#kitchen-reform-page .kr-step-heading{
  width:max-content !important;
  min-width:max-content !important;
  margin:0 !important;
  padding:0 !important;
  color:#5a9500 !important;
  font-size:23px !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
}

#kitchen-reform-page .kr-step-text{
  min-width:0 !important;
  margin:0 !important;
  padding-top:1px !important;
  font-size:13px !important;
  line-height:1.45 !important;
}

/* 3列 */
#kitchen-reform-page .kr-grid-3{
  display:grid !important;
  grid-template-columns:171px 171px 171px !important;
  column-gap:52px !important;
  row-gap:18px !important;
  width:617px !important;
  align-items:start !important;
}

/* 2列 */
#kitchen-reform-page .kr-grid-2{
  display:grid !important;
  grid-template-columns:272px 272px !important;
  column-gap:70px !important;
  row-gap:18px !important;
  width:614px !important;
  align-items:start !important;
}

#kitchen-reform-page .kr-card{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

#kitchen-reform-page .kr-card img{
  width:100% !important;
  max-width:100% !important;
}

#kitchen-reform-page .kr-bar{
  display:block !important;
  width:100% !important;
  margin:0 0 12px !important;
  padding:4px 8px !important;
  color:#ffffff !important;
  font-size:20px !important;
  font-weight:700 !important;
  line-height:1.25 !important;
  text-align:center !important;
}

#kitchen-reform-page .kr-bar-wall{background:#dfb06f !important;}
#kitchen-reform-page .kr-bar-facing{background:#6f88b8 !important;}
#kitchen-reform-page .kr-bar-island{background:#99bf5d !important;}

#kitchen-reform-page .kr-item-title{
  position:relative !important;
  display:block !important;
  width:100% !important;
  margin:5px 0 3px !important;
  padding-left:13px !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
}

#kitchen-reform-page .kr-item-title::before{
  content:"" !important;
  position:absolute !important;
  top:4px !important;
  left:0 !important;
  width:11px !important;
  height:11px !important;
  background:#69a800 !important;
}

#kitchen-reform-page .kr-item-title.blue::before{background:#07548a !important;}
#kitchen-reform-page .kr-item-title.brown::before{background:#6d4a1d !important;}

#kitchen-reform-page .kr-card-text{
  margin:0 !important;
  padding:0 !important;
  font-size:12px !important;
  line-height:1.38 !important;
}

/* 右端イラスト */
#kitchen-reform-page .kr-note-card{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-end !important;
  width:171px !important;
  min-width:171px !important;
  max-width:171px !important;
  overflow:hidden !important;
}

#kitchen-reform-page .kr-note-card img{
  width:145px !important;
  max-width:145px !important;
  margin:0 auto !important;
}

#kitchen-reform-page .kr-note{
  width:171px !important;
  margin-top:14px !important;
  padding:11px 10px !important;
  border-radius:6px !important;
  background:#f39200 !important;
  color:#ffffff !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
}

/* 点線 */
#kitchen-reform-page .kr-divider{
  width:614px !important;
  height:8px !important;
  margin:18px 0 12px !important;
  background-image:radial-gradient(circle,#999999 2px,transparent 2.5px) !important;
  background-size:9px 8px !important;
  background-repeat:repeat-x !important;
}

/* レイアウト */
#kitchen-reform-page .kr-layout-card img{
  width:100% !important;
  height:155px !important;
  object-fit:contain !important;
}

#kitchen-reform-page .kr-layout-card .kr-item-title{
  font-size:19px !important;
  font-weight:400 !important;
}

/* サイズ */
#kitchen-reform-page .kr-size-card img{
  width:100% !important;
  height:120px !important;
  object-fit:contain !important;
}

/* オプション */
#kitchen-reform-page .kr-option-grid{
  display:grid !important;
  grid-template-columns:180px 180px 180px !important;
  column-gap:36px !important;
  row-gap:30px !important;
  width:612px !important;
  align-items:start !important;
}

#kitchen-reform-page .kr-option-card img{
  width:180px !important;
  max-width:180px !important;
}

#kitchen-reform-page .kr-family{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:180px !important;
  overflow:hidden !important;
}

#kitchen-reform-page .kr-family img{
  width:160px !important;
  max-width:160px !important;
}