@charset "utf-8";
/* CSS Document */
/*タブ切替css*/
.tab_wrap1 {
  width: 755px;
}
input[type="radio"] {
  display: none;
}
.tab_area1 {
  font-size: 0;
}
.tab_area1 label {
  width: 32.6%;
  margin-left: 1%;
  margin-top: 5px;
  border-radius: 6px;
  display: inline-block;
  padding: 15px 15px 10px 15px;
  color: #3e692b;
  background: #dfeadc;
  border: #ccdcc7 1px solid;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  transition: ease 0.2s opacity;
  box-sizing: border-box;
}
.tab_area1 label:hover {
  background: #319b03 !important;
  color: #fff;
}
.panel_area1 {
margin-top:30px;
}
.tab_panel1 {
  width: 100%;
  display: none;
}
#tab1:checked ~ .tab_area1 .tab1_label {
  background: #319b03 !important;
  color: #fff !important;
  padding:13px 15px 10px 15px;
  font-weight: bold;
  border: #319b03 2px solid;
  margin-top: 0;
  font-size: 18px;
}
#tab1:checked ~ .panel_area1 #panel1 {
  display: block;
}
#tab2:checked ~ .tab_area1 .tab2_label {
  background: #319b03 !important;
  color: #fff !important;
  padding:13px 15px 10px 15px;
  font-weight: bold;
  border: #319b03 2px solid;
  margin-top: 0;
  font-size: 18px;
}
#tab2:checked ~ .panel_area1 #panel2 {
  display: block;
}
#tab3:checked ~ .tab_area1 .tab3_label {
  background: #319b03 !important;
  color: #fff !important;
  padding:13px 15px 10px 15px;
  font-weight: bold;
  border: #319b03 2px solid;
  margin-top: 0;
  font-size: 18px;
}
#tab3:checked ~ .panel_area1 #panel3 {
  display: block;
}
#tab4:checked ~ .tab_area1 .tab4_label {
  background: #319b03 !important;
  color: #fff !important;
  padding:13px 15px 10px 15px;
  font-weight: bold;
  border: #319b03 2px solid;
  margin-top: 0;
  font-size: 18px;
}
#tab4:checked ~ .panel_area1 #panel4 {
  display: block;
}
#tab5:checked ~ .tab_area1 .tab5_label {
  background: #319b03 !important;
  color: #fff !important;
  padding:13px 15px 10px 15px;
  font-weight: bold;
  border: #319b03 2px solid;
  margin-top: 0;
  font-size: 18px;
}
#tab5:checked ~ .panel_area1 #panel5 {
  display: block;
}
#tab6:checked ~ .tab_area1 .tab6_label {
  background: #319b03 !important;
  color: #fff !important;
  padding:13px 15px 10px 15px;
  font-weight: bold;
  border: #319b03 2px solid;
  margin-top: 0;
  font-size: 18px;
}
#tab6:checked ~ .panel_area1 #panel6 {
  display: block;
}
#tab7:checked ~ .tab_area1 .tab7_label {
  background: #319b03 !important;
  color: #fff !important;
  padding:13px 15px 10px 15px;
  font-weight: bold;
  border: #319b03 2px solid;
  margin-top: 0;
  font-size: 18px;
}
#tab7:checked ~ .panel_area1 #panel7 {
  display: block;
}
#tab8:checked ~ .tab_area1 .tab8_label {
  background: #319b03 !important;
  color: #fff !important;
  padding:13px 15px 10px 15px;
  font-weight: bold;
  border: #319b03 2px solid;
  margin-top: 0;
  font-size: 18px;
}
#tab8:checked ~ .panel_area1 #panel8 {
  display: block;
}
#tab9:checked ~ .tab_area1 .tab9_label {
  background: #319b03 !important;
  color: #fff !important;
  padding:13px 15px 10px 15px;
  font-weight: bold;
  border: #319b03 2px solid;
  margin-top: 0;
  font-size: 18px;
}
#tab9:checked ~ .panel_area1 #panel9 {
  display: block;
}
#tab10:checked ~ .tab_area1 .tab10_label {
  background: #319b03 !important;
  color: #fff !important;
  padding:13px 15px 10px 15px;
  font-weight: bold;
  border: #319b03 2px solid;
  font-size: 18px;
}
#tab10:checked ~ .panel_area1 #panel10 {
  display: block;
}
#tab11:checked ~ .tab_area1 .tab11_label {
  background: #319b03 !important;
  color: #fff !important;
  padding:13px 15px 10px 15px;
  font-weight: bold;
  border: #319b03 2px solid;
  margin-top: 0;
  font-size: 18px;
}
#tab11:checked ~ .panel_area1 #panel11 {
  display: block;
}
#tab12:checked ~ .tab_area1 .tab12_label {
  background: #319b03 !important;
  color: #fff !important;
  padding:13px 15px 10px 15px;
  font-weight: bold;
  border: #319b03 2px solid;
  margin-top: 0;
  font-size: 18px;
}
#tab12:checked ~ .panel_area1 #panel12 {
  display: block;
}
.txt_marker {
  background: linear-gradient(transparent 5%, #ff0 0%);
}
.exchange_text {
  padding: 10px;
  text-align: center;
  font-weight: bold;
  border: solid 2px #d70101;
  color: #d70101;
}
.exchange_text_box {
  text-align: center;
  border: #eae8e8 solid 1px;
  background: #f3f2f3;
  padding: 30px 0;
  margin-top: 10px;
}
/*ガスコンロの設定*/
.box_width_345{
width:345px;
}
.box_width_449{
width:449px;
}
/*フードの設定*/
.box_width_291{
width:291px;
}
.box_width_166{
width:166px;
}
.box_width_518{
width:518px;
}
/*IHの設定*/
.box_width_204{
width:204px;
}
.box_width_495{
width:495px;
}
/*トイレの設定*/
.box_width_470{
width:470px;
}
.box_width_369_auto{
width:369px;
margin-left:auto;
margin-right:auto;
}
.box-bg-yellow-memo{
    border-radius: 6px;
    background: #fdfbea;
    padding: 15px;
}
/*食洗機の設定*/
.box_width_553{
width:553px;
}
.box_width_562{
width:562px;
}
.box_width_359_auto{
width:359px;
margin-left:auto;
margin-right:auto;
}
.box_width_514_auto{
width:514px;
margin-left:auto;
margin-right:auto;
}
/*蛇口の設定*/
.box_width_326_auto {
    width: 326px;
    margin-right: auto;
    margin-left: auto;
}
.box_width_370_auto{
width:370px;
margin-left:auto;
margin-right:auto;
}
.box_width_282_auto{
width:282px;
margin-left:auto;
margin-right:auto;
}

.box_width_313_auto{
width:313px;
margin-left:auto;
margin-right:auto;
}
.box_height_63{
height:63px;
}
/*蛇口の設定*/
.box_width_470_auto{
width:470px;
margin-left:auto;
margin-right:auto;
}
.box_width_225{
width:225px;
}
/*洗面台の設定*/
.box_width_540_auto{
width:540px;
margin-left:auto;
margin-right:auto;
}
.box_width_260{
width:260px;
}
/*バス乾の設定*/
.box_width_163{
width:163px;
}
.box_width_346_auto{
width:346px;
margin-left:auto;
margin-right:auto;
}


.un_srEstiPic_ventilationFan {
  border: 4px solid var(--emphasisRed);
  color: var(--emphasisRed);
  margin-bottom: 20px;
  padding: 10px;
}

.un_l_img {
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
}

.venti_img_text {
  margin-top: 10px;
  text-align: center;
}