.khm-toggle-container {
  display: flex;
  align-items: center;
  gap: 10px;
}

.khm-label-text {
  color: black;
  font-size: 16px;
}

.khm-state-text {
  font-size: 16px;
  min-width: 30px;
}

.khm-switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 24px;
}

.khm-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.khm-slider {
  position: absolute;
  cursor: pointer;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: #ccc;
  transition: .4s;
  border-radius: 24px;
}

.khm-slider::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}

.khm-switch input:checked + .khm-slider {
  background-color: #4CAF50;
}

.khm-switch input:checked + .khm-slider::before {
  transform: translateX(18px);
}

.khm-toggle-wrapper {
  display: flex;
  justify-content: center;
  margin: 0;
}
/* メニュー系 */
.ix_menu.khm-on {
  background: linear-gradient(#FFFACD, #f9e98d);
  color: #000;
}

ul.ixmenu li.khm-on {
  background: linear-gradient(#FFFACD, #F5F5B5);
}

ul.ixmenu a.khm-on {
  color: #000;
}

.menu_pink dd.khm-on {
  background: linear-gradient(#FAFAD2, #f9e98d);
}

.menu_pink a.khm-on {
  color: #000;
}

/* アコーディオン系 */
.ac_title.khm-on {
  background: linear-gradient(#e6f9ff, #c3e6fb);
  color: #000;
}

.list_head.khm-on {
  background: linear-gradient(#d5f9a5, #aeef65);
  color: #000;
}

/* ボタン系 */
.closeBtn.khm-on,
.returnBtn.khm-on {
  color: #000;
  font-weight: normal;
  text-shadow: none;
}

/* 矢印（疑似要素） */
.ix_menu.khm-on::before,
.ix_menu.khm-on::after,
.ac_title.khm-on::before,
.ac_title.khm-on::after,
.list_head.khm-on::before,
.list_head.khm-on::after {
  background-color: #000;
}

/* 共通トランジション（背景色と文字色） */
.ix_menu,
ul.ixmenu li,
ul.ixmenu a,
.menu_pink dd,
.menu_pink a,
.ac_title,
.list_head,
.closeBtn,
.returnBtn {
  transition: background-color 0.4s ease, color 0.4s ease, font-weight 0.4s ease, text-shadow 0.4s ease;
}

/* 背景色変更＋ */
.khm-pinkback{
  background-color: #FEF1F4 !important;
}
.khm-yellowback{
  background-color: #FFFBE1 !important;
}
.khm-greenback{
  background-color: #ECFAF2 !important;
}
