@charset "utf-8";
.df50 {
  display: flex;
  justify-content: space-between;
}
.df50 div.w50 {
  width: 50%;
}
.un_ih_commodityPriceCont_slideGuideImg {
  display: none;
}
.un_ih_commodityPriceCont_table_wrapper {
  display: flex;
  justify-content: space-between;
}
table.tbl-function {
  margin-top: 91px;
  width: 218px;
  min-width: 218px;
  border-collapse: collapse;
}
table.tbl-function th, table.tbl-function td {
  padding: 0px;
}
table.tbl-function th {
  height: 120px;
  font-size: 16px;
  color: #fff;
  vertical-align: middle;
  text-align: center;
}
table.tbl-function td {
  height: 130px;
  vertical-align: top;
  border-top: #b3b1b1 solid 1px;
  border-bottom: #b3b1b1 solid 1px;
  border-left: #b3b1b1 solid 1px;
  border-right: none;
  background: #fff;
}
table.tbl-function td.width16 {
  width: calc(100% / 6);
  font-weight: bold;
  text-align: center;
  vertical-align: top;
  background: #fffff3;
}
table.tbl-function td.verM {
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
}
table.tbl-function td.autoH {
  height: auto;
  border-right: #b3b1b1 solid 1px;
}
table.tbl-function2 {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
table.tbl-function2 th, table.tbl-function2 td {
  padding: 5px;
  border: #b3b1b1 solid 1px;
}
table.tbl-function2 th {
  font-size: 14px;
  font-weight: normal;
  color: #333;
  vertical-align: middle ! important;
  text-align: center;
}
table.tbl-function2 td {
  height: 120px;
  vertical-align: top;
  vertical-align: middle;
  background: #fff;
}
table.tbl-function2 td.width16 {
  width: calc(100% / 6);
  font-weight: bold;
  text-align: center;
  vertical-align: top;
  background: #fffff3;
}
table.tbl-function2 td.autoH {
  height: auto;
}
div.body1 table, div.body5 table, div.body9 table, div.body13 table {
  border: 3px solid #7fc2ef;
}
div.body1 table.tbl-function2 th, div.body5 table.tbl-function2 th, div.body9 table.tbl-function2 th, div.body13 table.tbl-function2 th {
  color: #0578bd;
  background: #cfecff;
  border: 1px solid #7fc2ef;
}
div.body1 table.tbl-function2 td, div.body5 table.tbl-function2 td, div.body9 table.tbl-function2 td, div.body13 table.tbl-function2 td {
  border: 1px solid #b3b1b1;
}
div.body2 table, div.body6 table, div.body10 table, div.body14 table {
  border: 3px solid #61d072;
}
div.body2 table.tbl-function2 th, div.body6 table.tbl-function2 th, div.body10 table.tbl-function2 th, div.body14 table.tbl-function2 th {
  color: #008013;
  background: #dcfde1;
  border: 1px solid #61d072;
}
div.body2 table.tbl-function2 td, div.body6 table.tbl-function2 td, div.body10 table.tbl-function2 td, div.body14 table.tbl-function2 td {
  border: 1px solid #61d072;
}
div.body3 table, div.body7 table, div.body11 table, div.body15 table {
  border: 3px solid #cfd805;
}
div.body3 table.tbl-function2 th, div.body7 table.tbl-function2 th, div.body11 table.tbl-function2 th, div.body15 table.tbl-function2 th {
  color: #747900;
  background: #f7f9d2;
  border: 1px solid #cfd805;
}
div.body3 table.tbl-function2 td, div.body7 table.tbl-function2 td, div.body11 table.tbl-function2 td, div.body15 table.tbl-function2 td {
  border: 1px solid #cfd805;
}
div.body4 table, div.body8 table, div.body12 table, div.body16 table {
  border: 3px solid #e2a7c6;
}
div.body4 table.tbl-function2 th, div.body8 table.tbl-function2 th, div.body12 table.tbl-function2 th, div.body16 table.tbl-function2 th {
  color: #b3628c;
  background: #fde2f3;
  border: 1px solid #e2a7c6;
}
div.body4 table.tbl-function2 td, div.body8 table.tbl-function2 td, div.body12 table.tbl-function2 td, div.body16 table.tbl-function2 td {
  border: 1px solid #e2a7c6;
}
.title1, .title5, .title9, .title13 {
  border: 2px solid #7fc2ef;
}
.title2, .title6, .title10, .title14 {
  border: 2px solid #61d072;
}
.title3, .title7, .title11, .title15 {
  border: 2px solid #cfd805;
}
.title4, .title8, .title12, .title16 {
  border: 2px solid #e2a7c6;
}
.tab-title {
  border-bottom: none;
  border-radius: .3em .3em 0 0;
  text-align: center;
  display: table;
}
/* radio non-display */
.container .radio, .container2 .radio, .container3 .radio, .container4 .radio {
  display: none;
}
/* tabs position */
.container, .container2, .container3, .container4 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
.container::after, .container2::after, .container3::after, .container4::after {
  content: "";
  width: 100%;
}
.container .tab-title, .container2 .tab-title, .container3 .tab-title, .container4 .tab-title {
  position: relative;
  top: 1px;
  left: 0px;
  width: calc(95% / 4);
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  background: #fff;
}
.container .tab-title:hover, .container2 .tab-title:hover, .container3 .tab-title:hover, .container4 .tab-title:hover {
  cursor: pointer;
}
.container .tab-body, .container2 .tab-body2, .container3 .tab-body3, .container4 .tab-body4 {
  order: 1;
  width: 535px;
}
/* tab's body init */
.add-control .tab-body > div, .add-control .tab-body2 > div, .add-control .tab-body3 > div, .add-control .tab-body4 > div {
  display: none;
}
.add-control #tab1:checked ~ .title1, .add-control #tab5:checked ~ .title5, .add-control #tab9:checked ~ .title9, .add-control #tab13:checked ~ .title13 {
  line-height: 33px;
  background: #7fc2ef;
  position: relative;
  top: 1px;
  left: 0px;
  border-bottom: 1px solid #7fc2ef;
}
.add-control #tab2:checked ~ .title2, .add-control #tab6:checked ~ .title6, .add-control #tab10:checked ~ .title10, .add-control #tab14:checked ~ .title14 {
  line-height: 33px;
  position: relative;
  top: 1px;
  left: 0px;
  border-bottom: 1px solid #61d072;
  background: #61d072;
}
.add-control #tab3:checked ~ .title3, .add-control #tab7:checked ~ .title7, .add-control #tab11:checked ~ .title11, .add-control #tab15:checked ~ .title15 {
  line-height: 33px;
  position: relative;
  top: 1px;
  left: 0px;
  border-bottom: 1px solid #cfd805;
  background: #cfd805;
}
.add-control #tab4:checked ~ .title4, .add-control #tab8:checked ~ .title8, .add-control #tab12:checked ~ .title12, .add-control #tab16:checked ~ .title16 {
  line-height: 33px;
  position: relative;
  top: 1px;
  left: 0px;
  border-bottom: 1px solid #e2a7c6;
  background: #e2a7c6;
}
/* tabs control */
.add-control #tab1:checked ~ .tab-body > .body1, .add-control #tab5:checked ~ .tab-body2 > .body5, .add-control #tab9:checked ~ .tab-body3 > .body9, .add-control #tab13:checked ~ .tab-body4 > .body13 {
  display: block;
}
.add-control #tab1:checked ~ .tab-body > .body1, .add-control #tab5:checked ~ .tab-body2 > .body5, .add-control #tab9:checked ~ .tab-body3 > .body9, .add-control #tab13:checked ~ .tab-body4 > .body13 {
  display: block;
}
.add-control #tab2:checked ~ .tab-body > .body2, .add-control #tab6:checked ~ .tab-body2 > .body6, .add-control #tab10:checked ~ .tab-body3 > .body10, .add-control #tab14:checked ~ .tab-body4 > .body14 {
  display: block;
}
.add-control #tab3:checked ~ .tab-body > .body3, .add-control #tab7:checked ~ .tab-body2 > .body7, .add-control #tab11:checked ~ .tab-body3 > .body11, .add-control #tab15:checked ~ .tab-body4 > .body15 {
  display: block;
}
.add-control #tab4:checked ~ .tab-body > .body4, .add-control #tab8:checked ~ .tab-body2 > .body8, .add-control #tab12:checked ~ .tab-body3 > .body12, .add-control #tab16:checked ~ .tab-body4 > .body16 {
  display: block;
}
span.cir_orange, span.cir_red, span.cir_sky {
  display: block;
  position: relative;
  left: 10px;
  width: 95%;
  font-weight: bold;
  letter-spacing: -0.1px;
}
span.cir_orange::before, span.cir_red::before, span.cir_sky::before {
  content: "●";
  width: 7px;
  height: 7px;
  position: absolute;
  top: -1px;
  left: -12px;
}
span.cir_orange::before {
  color: #fd7400;
}
span.cir_red::before {
  color: #f70302;
}
span.cir_sky::before {
  color: #3f9ee8;
}
div.btn_detail {
  margin: 0 auto;
  width: 65px;
  height: 18px;
  line-height: 18px;
  background: #319b03;
  position: relative;
  top: 0;
  left: 0;
  border-radius: 3px;
}
div.btn_detail::after {
  content: "";
  width: 4px;
  height: 4px;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  position: absolute;
  top: 7px;
  right: 5px;
  z-index: 100;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
div.btn_detail a {
  display: block;
  color: #fff ! important;
  font-size: 12px;
}
div.btn_detail a:hover {
  text-decoration: none;
  background: #77b83e;
  border-radius: 3px;
}
.submenu {
  padding: 10px 0px !important;
  background: #f3f3f3;
}
.un_ih_commodityPrice_maker_txt,
.un_ih_commodityPrice_listprice{
  font-weight: normal;
}
span.un_ih_commodityPrice_maker_txt,
.un_ih_commodityPrice_special_price {
  font-size: 10px;
}
.un_ih_commodityPrice_maker_txt.un_ih_commodityPrice_maker_txt__pc {
  display: block;
}
.un_ih_commodityPrice_maker_txt.un_ih_commodityPrice_maker_txt__sp {
  display: none;
}
img.un_ih_commodityPriceCont_table_product_img {
  height: auto;
  width: 90px;
}
.verM div[data-item-normal_price_taxin]{
  font-size: 16px;
}
.un_ih_listBytype {
  position: relative;
  font-size: 22px;
  font-weight: bold;
  border: var(--defaultBorder);
  border-top: solid 5px #cdcdcd;
  padding: 13px 10px 7px 60px;
  display: flex;
  margin-top: 50px;
}
.un_ih_listBytype::before {
  position: absolute;
  content: '';
  background: url(/gastable/shared/img/icon_binder.png);
  background-size: contain;
  width: 31px;
  height: 38px;
  display: block;
  top: calc(50% - 19px);
  left: 10px;
}
.trigger.title_price01 {
  cursor: pointer;
  border-left: 10px solid var(--backgroundColorHighgrade);
}
.un_ih_commodityPriceTtlArea {
  cursor: pointer;
  color: #222;
  position: relative;
  padding: 0px 47px 5px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.un_ih_commodityPriceTtlArea .un_ih_commodityPriceTtlArea_gradeName {
  font-size: 20px;
  font-weight: bold;
}
.un_ih_commodityPrice {
  margin-left: 50%;
}
.un_ih_commodityPrice_middle {
  margin-left: 47%
}
.un_ih_commodityPrice_basic {
  margin-left: 55%;
}
.un_ih_commodityPriceTtlArea_priceNum {
  font-size: 20px;
  font-weight: bold;
  margin-left: 20px;
}
.trigger.title_price01.none-submenu {
  justify-content: space-between;
  position: relative;
}

ul.accordion li .title_price01.none-submenu::after {
  content: "";
  background-image: url(/gastable/img/common/trigger-plus.png?2023_0508);
  background-size: contain;
  background-color: transparent;
  position: absolute;
  display: block;
  width: 31px;
  height: 31px;
  right: 13px;
  top: calc(50% - 19px);
}
.trigger.title_price02.none-submenu {
  position: relative;
}
ul.accordion li .title_price02.none-submenu::after {
  content: "";
  cursor: pointer;
  background-image: url(/gastable/img/common/trigger-plus.png?2023_0508);
  background-size: contain;
  background-color: transparent;
  position: absolute;
  display: block;
  width: 31px;
  height: 31px;
  right: 13px;
  top: calc(50% - 19px);
}
.trigger.title_price01.active-submenu {
  position: relative;
}
ul.accordion li .title_price01.active-submenu::after {
  content: "";
  background-image: url(/gastable/img/common/triggeractive-minus.png?2023_0508);
  background-size: contain;
  background-color: transparent;
  position: absolute;
  display: block;
  width: 31px;
  height: 31px;
  right: 13px;
  top: calc(50% - 19px);
}
.trigger.title_price02.active-submenu {
  position: relative;
}
ul.accordion li .title_price02.active-submenu::after {
  content: "";
  cursor: pointer;
  background-image: url(/gastable/img/common/triggeractive-minus.png?2023_0508);
  background-size: contain;
  background-color: transparent;
  position: absolute;
  display: block;
  width: 31px;
  height: 31px;
  right: 13px;
  top: calc(50% - 19px);
}
.trigger.title_price03.none-submenu {
  position: relative;
}
ul.accordion li .title_price03.none-submenu::after {
  content: "";
  cursor: pointer;
  background-image: url(/gastable/img/common/trigger-plus.png?2023_0508);
  background-size: contain;
  background-color: transparent;
  position: absolute;
  display: block;
  width: 31px;
  height: 31px;
  right: 13px;
  top: calc(50% - 19px);
}
.trigger.title_price03.active-submenu {
  position: relative;
}
ul.accordion li .title_price03.active-submenu::after {
  content: "";
  cursor: pointer;
  background-image: url(/gastable/img/common/triggeractive-minus.png?2023_0508);
  background-size: contain;
  background-color: transparent;
  position: absolute;
  display: block;
  width: 31px;
  height: 31px;
  right: 13px;
  top: calc(50% - 19px);
}
.trigger.title_price06.none-submenu {
  cursor: pointer;
  position: relative;
}
ul.accordion li .title_price06.none-submenu::after {
  content: "";
  cursor: pointer;
  background-image: url(/gastable/img/common/trigger-plus.png?2023_0508);
  background-size: contain;
  background-color: transparent;
  position: absolute;
  display: block;
  width: 31px;
  height: 31px;
  right: 13px;
  top: calc(50% - 19px);
}
.trigger.title_price06.active-submenu {
  cursor: pointer;
  position: relative;
}
ul.accordion li .title_price06.active-submenu::after {
  content: "";
  cursor: pointer;
  background-image: url(/gastable/img/common/triggeractive-minus.png?2023_0508);
  background-size: contain;
  background-color: transparent;
  position: absolute;
  display: block;
  width: 31px;
  height: 31px;
  right: 13px;
  top: calc(50% - 19px);
}
.un_sharedGasT_listHdg {
  position: relative;
  font-size: 22px;
  font-weight: bold;
  border: var(--defaultBorder);
  border-top: solid 5px #cdcdcd;
  padding: 13px 10px 7px 60px;
  display: flex;
}
.un_sharedGasT_listHdg::before {
  position: absolute;
  content: '';
  background: url(/gastable/shared/img/icon_binder.png);
  background-size: contain;
  width: 31px;
  height: 38px;
  display: block;
  top: calc(50% - 19px);
  left: 10px;
}
.un_sharedGasT_listHdg::after {
  position: absolute;
  content: '';
  background: url(/gastable/shared/img/icon_modalDescription.png) no-repeat;
  background-size: contain;
  bottom: 5px;
  right: 5px;
  display: block;
  width: 106px;
  height: 103px;
}
#list-of-price-type {
  margin-top: 60px;
}
.un_ihTop_transition {
  margin: 20px 0 40px;
}


/* ヒーター 見出し */
.un_ih_commodityPriceCont_table_heaterInfo .un_ih_commodityPriceCont_table_heaterInfo_thHeaterVariation {
  width: 45%;
}
.un_ih_commodityPriceCont_table_heaterInfo .un_ih_commodityPriceCont_table_heaterInfo_thPowerConsumption {
  width: 15%;
}
.un_ih_commodityPriceCont_table_heaterInfo .un_ih_commodityPriceCont_table_heaterInfo_thSaveElectricity {
  width: 13%;
}
.un_ih_commodityPriceCont_table_heaterInfo .un_ih_commodityPriceCont_table_heaterInfo_thAdjustment {
  width: 20%;
}

/* つかいやすさ 見出し */
.un_ih_commodityPriceCont_table_usabilityInfo .un_ih_commodityPriceCont_table_usabilityInfo_thPanel {
  width: 23%;
}
.un_ih_commodityPriceCont_table_usabilityInfo .un_ih_commodityPriceCont_table_usabilityInfo_thEasyMode,
.un_ih_commodityPriceCont_table_usabilityInfo .un_ih_commodityPriceCont_table_usabilityInfo_thVoiceGuide,
.un_ih_commodityPriceCont_table_usabilityInfo .un_ih_commodityPriceCont_table_usabilityInfo_thHood {
  width: 14%;
}
.un_ih_commodityPriceCont_table_usabilityInfo .un_ih_commodityPriceCont_table_usabilityInfo_thTopplate {
  width: 20%;
}

/* 調理機能 見出し */
.un_ih_commodityPriceCont_table_deliciousnessInfo .un_ih_commodityPriceCont_table_deliciousnessInfo_boil,
.un_ih_commodityPriceCont_table_deliciousnessInfo .un_ih_commodityPriceCont_table_deliciousnessInfo_autoRiceCook,
.un_ih_commodityPriceCont_table_deliciousnessInfo .un_ih_commodityPriceCont_table_deliciousnessInfo_fry {
  width: 11%;
}
.un_ih_commodityPriceCont_table_deliciousnessInfo .un_ih_commodityPriceCont_table_deliciousnessInfo_ih,
.un_ih_commodityPriceCont_table_deliciousnessInfo .un_ih_commodityPriceCont_table_deliciousnessInfo_grill {
  width: 25%;
}

/* 清掃性 見出し */
.un_ih_commodityPriceCont_table_cleannessInfo .un_ih_commodityPriceCont_table_cleannessInfo_thDoubleSides {
  width: 15%;
}
.un_ih_commodityPriceCont_table_cleannessInfo .un_ih_commodityPriceCont_table_cleannessInfo_thInsideGrill {
  width: 25%;
}
.un_ih_commodityPriceCont_table_cleannessInfo .un_ih_commodityPriceCont_table_cleannessInfo_thGrillNet {
  width: 10%;
}
.un_ih_commodityPriceCont_table_cleannessInfo .un_ih_commodityPriceCont_table_cleannessInfo_thSmellCut,
.un_ih_commodityPriceCont_table_cleannessInfo .un_ih_commodityPriceCont_table_cleannessInfo_thDetaching {
  width: 15%;
}