@charset "utf-8";
/*-追加　↓　システムキッチン価格-*/
.system_kitchen .content .inner ul li .price01,
.reform_menu_bsl .price .price01,
.select .price .price01{
  font-size: 16px;
  line-height: 1.2;
}
.system_kitchen .content .inner ul li .price01 .pack_price_text,
.reform_menu_bsl .price .price01 .pack_price_text,
.select .price .price01 .pack_price_text
{
  font-size: 18px
}
.system_kitchen .content .inner ul li .price01 .red,
.reform_menu_bsl .price .red,
.select .price .red{
  color: #d30008
}
.system_kitchen .content .inner ul li .price .price01 .pack_price, 
.reform_menu_bsl .price .price01 .pack_price,
.select .price .price01 .pack_price{
  font-size: 36px
}
.system_kitchen .content .inner ul li .content .inner ul li .price01 .reg_price,
.reform_menu_bsl .price .price01 .reg_price,
.select .price .price01 .reg_price{
  font-size: 24px
}
.system_kitchen .content .inner ul li .price02,
.reform_menu_bsl .price .price02,
.select .price .price02 {
  font-size: 16px;
  line-height: 1.2;
  margin-top: 36px
}
.system_kitchen .content .inner ul li .price02 .red,
.reform_menu_bsl .price .price02 .red,
.select .price .price02 .red{
  color: #d30008
}
.system_kitchen .content .inner ul li .price02 .pack_price,
.reform_menu_bsl .price .price02 .pack_price,
.select .price .price02 .pack_price{
  font-size: 32px
}
.system_kitchen .content .inner ul li .price02 .reg_price,
.reform_menu_bsl .price .price02 .reg_price,
.select .price .price02 .reg_price{
  font-size: 20px
}

/*-背景透明　↓　-*/
.reformshowroom .content .search_results .bg_transparent {
  padding: 48px 20px
}
.column_archive .content .search_results .bg_transparent {
  padding: 48px 20px
}

/*-システムキッチンエリア　↓　-*/

/*-↓　縦仕切り線-*/
.multi-line {
  position: relative;
  padding-left: 15px;
}
.multi-line::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background: #EFDCB8;
}

/*-リフォームメニューエリア-*/
.reform_menu .color_note{
	transform:translateY(-35px)
}

.reform_menu .content .color_note{
	transform:translateY(-19px);
	font-size: 1em;}
.reform_menu .content .opcolor_note{
	transform:translateY(-5px);
	font-size: 0.7em;}

.reform_menu .content .inner > details:nth-of-type(2) .section_wrapper 
.standard_specifications .content h6 {
  font-size: 1em;
  font-weight: 600;
/*-テスト色マーク202508color:darkolivegreen-*/	
}
/*-追加202508　↓　-*/
.reform_menu .content .inner > details:nth-of-type(2) .section_wrapper .color > h5 {
  font-size: 1.142857143em;
  font-weight: 500;
	/*-オリジナルmargin: 88px 0 16px-*/
  margin: 0px;
/*-テスト色付けcolor: deeppink-*/
}
.reform_menu .content .inner > details:nth-of-type(2) .section_wrapper .handle > h5 {
  font-size: 1.142857143em;
  font-weight: 500;
	/*-オリジナルmargin: 88px 0 16px-*/
  margin: 0px;
 /*-テスト色付けcolor: deeppink-*/
}
.reform_menu .content .inner > details:nth-of-type(2) .section_wrapper .handle > h5 {
  font-size: 1.142857143em;
  font-weight: 500;
	/*-オリジナルmargin: 88px 0 16px-*/
  margin: 0px;
 /*-テスト色付けcolor: deeppink-*/
}
.reform_menu details > summary h5{
  font-weight: 500;
	/*-オリジナルmargin: 88px 0 16px-*/
  margin: 0px;
/*-テスト色付けcolor: deeppink-*/
}

/*-other_kitchen 追加-*/
.reform_menu .other_kitchen {
  background: #fafafa;
  padding: 80px 20px
}
.reform_menu .other_kitchen .inner {
  max-width: 960px
}
.reform_menu .other_kitchen h3 {
  font-size: 1.142857143em;
  font-weight: 700;
  margin-bottom: 16px
}
.reform_menu .other_kitchen .flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  gap: 48px 5%;
  justify-content: space-between
}
.reform_menu .other_kitchen .flex a {
  display: block;
  position: relative;
  width: 47.5%
}
.reform_menu .other_kitchen .flex a p {
  color: #fff;
  display: block;
  font-size: 1.285714286em;
  font-weight: 700;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%
}
.reform_menu .other_kitchen .flex a img {
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    overflow:hidden;
  }	

/*-洗面エリア　↓　-*/
.reform_menu_bathroom_vanity .content .inner .note .gray {
  color: #888
}
.reform_menu_bathroom_vanity .content .inner .product_overview .right .note .gray a {
  text-decoration: underline  
}
.reform_menu_bathroom_vanity .content .inner .note li:first-child {
  padding-top: 2em;
}
/*-　↑　-*/

/*-オプションエリア　↓　-*/
.option .content .inner > details .section_wrapper h6 {
  font-size: 0.8em;
  font-weight: 600;
  margin-bottom: 10px
}
.content .inner > details .section_wrapper h6 {
  font-size: 0.75em;
  font-weight: 700;
  margin-bottom: 10px
}

.option .content .inner > details .section_wrapper details {
  border-bottom: 1px dashed #c5c5c5; 
	padding-bottom: 16px;
}

@media screen and (max-width:768px) {		
/*-洗面エリア　max768　↓　-*/
  .bathroom_vanity .relatedimg{
    width: 60vw;
  }
  .reform_menu_bathroom_vanity .content .product_overview h3 {
    font-size: 5.2vw;
    font-weight: 600;
    text-align: left;
    width: 100%
  }
/*-追加 202508サブタイトル　max768-*/
.reform_menu_bathroom_vanity .content .inner .text_new {
	font-size: 3.5vw;
    font-weight: 300;
    text-align: left;
    width: 100%;
	margin-bottom: 4vw	
  }
/*-　システムキッチン　max768　-*/	
  .system_kitchen .content .inner ul li .price01,
	  .reform_menu_bsl .price .price01,
	  .select .price .price01{
    font-size: 3.7333333333vw;
    max-width: 82.9333333333vw
  }
  .system_kitchen .content .inner ul li .price01 .pack_price_text,
	  .reform_menu_bsl .price .price01 .pack_price_text,
	  .select .price .price01 .pack_price_text{
    font-size: 4.2666666667vw
  }
  .system_kitchen .content .inner ul li .price01 .pack_price,
	  .reform_menu_bsl .price .price01 .pack_price,
	  .select .price .price01 .pack_price
	{
    font-size: 8.5333333333vw
  }
  .system_kitchen .content .inner ul li .price01 .reg_price,
	  .reform_menu_bsl .price .price01 .reg_price,
	  .select .price .price01 .reg_price{
    font-size: 6.4vw
  }
  .system_kitchen .content .inner ul li .price02,
	  .reform_menu_bsl .price .price02,
	  .select .price .price02{
    font-size: 3.7333333333vw;
    margin-top: 8.5333333333vw
  }
  .system_kitchen .content .inner ul li .price02 .pack_price,
	  .reform_menu_bsl .price .price02 .pack_price,
	  .select .price .price02 .pack_price{
    font-size: 7.4666666667vw
  }
  .system_kitchen .content .inner ul li .price02 .reg_price,
	  .reform_menu_bsl .price .price02 .reg_price,
	  .select .price .price02 .reg_price{
    font-size: 5.3333333333vw
  }
	.reform_menu .content .color_note{
	transform:translateY(-7px);
	font-size: 3.1vw;
}
	.reform_menu .content .opcolor_note{
	transform:translateY(-7px);
	font-size: 3.1vw;
}	

/*-other_kitchen　max768 追加２　202508	-*/
 .reform_menu .other_kitchen {
    padding: 17.0666666667vw 4.2666666667vw
  }
  .reform_menu .other_kitchen h3 {
    font-size: 5.3333333333vw;
    margin-bottom: 4.2666666667vw
  }
  .reform_menu .other_kitchen .flex {
    gap: 2.1333333333vw
  }
  .reform_menu .other_kitchen .flex a {
    height: 29.8666666667vw;
    width: 44.5333333333vw
  }
  .reform_menu .other_kitchen .flex a p {
    font-size: 3.7333333333vw
  }
  .reform_menu .other_kitchen .flex a img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
  }	
/*-　↑　-*/	
	
/*-背景透明　max768　↓　-*/	
  .reform_examples_archive .content .search_results .bg_transparent {
    padding: 48px 20px
  }	
  .reform_examples_archive .content .search_results .bg_transparent {
    padding: 9.6vw 4.2666666667vw
  }	
  .reformshowroom .content .search_results .bg_transparent {
    padding: 9.6vw 4.2666666667vw
  }
	.column_archive .content .search_results .bg_transparent {
    padding: 9.6vw 4.2666666667vw
  }
		
/*-オプションmax768　↓　-*/	
.option .content .inner > details .section_wrapper h6 {	
  font-weight: 500;
    font-size: 0.7rem;
  }
		
	
	
}

