.smb-accordion{--smb-accordion--gap:var(--_margin-1);--smb-accordion--title-background-color:var(--_lighter-color-gray);--smb-accordion--title-color:inherit;--smb-accordion--body-padding:var(--_padding1)}.smb-accordion>*+*{margin-top:var(--smb-accordion--gap)}.smb-accordion__item{--smb-accordion-item--background-color:var(--smb-accordion--title-background-color);--smb-accordion-item--color:var(--smb-accordion--title-color);--smb-accordion-item--padding:var(--smb-accordion--body-padding);position:relative}.smb-accordion__item__title{align-items:center;background-color:var(--smb-accordion-item--background-color);color:var(--smb-accordion-item--color);display:flex;padding:calc(var(--_padding-1)*.5) var(--_padding-1)}.smb-accordion__item__title__label{flex:1 1 auto}.smb-accordion__item__title__icon{margin-left:var(--_margin-1);--_transition-duration:var(--_global--transition-duration);--_transition-function-timing:var(--_global--transition-function-timing);--_transition-delay:var(--_global--transition-delay);flex:0 0 auto;transition:transform var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay)}.smb-accordion__item__control{appearance:none!important;cursor:pointer!important;display:block!important;height:100%!important;inset:0!important;opacity:0!important;outline:none!important;position:absolute!important;width:100%!important;z-index:1!important}.smb-accordion__item__control:focus-visible{opacity:1!important;outline:1px solid!important}.smb-accordion__item__body{display:none;padding:var(--smb-accordion--body-padding);position:relative;z-index:2}.smb-accordion .smb-accordion__item__control:checked+.smb-accordion__item__body,.smb-accordion .smb-accordion__item__control:checked+.smb-accordion__item__title+.smb-accordion__item__body{display:block}.smb-accordion .smb-accordion__item__control:checked+.smb-accordion__item__title>.smb-accordion__item__title__icon{transform:rotate(180deg)}:where(.smb-accordion__item__body.is-layout-constrained>*){--wp--style--global--content-size:100%;--wp--style--global--wide-size:100%}




/* ark-block-accordion 用の追加スタイル */
.ark-block-accordion {
  --smb-accordion--gap: var(--_margin-1);
  --smb-accordion--title-background-color: var(--_lighter-color-gray);
  --smb-accordion--title-color: inherit;
  --smb-accordion--body-padding: var(--_padding1);
}

.ark-block-accordion > * + * {
  margin-top: var(--smb-accordion--gap);
}

.ark-block-accordion__item {
  --smb-accordion-item--background-color: var(--smb-accordion--title-background-color);
  --smb-accordion-item--color: var(--smb-accordion--title-color);
  --smb-accordion-item--padding: var(--smb-accordion--body-padding);
  position: relative;
}

.ark-block-accordion__title {
  align-items: center;
  background-color: var(--smb-accordion-item--background-color);
  color: var(--smb-accordion-item--color);
  display: flex;
  padding: calc(var(--_padding-1) * 0.5) var(--_padding-1);
}

.ark-block-accordion__label {
  flex: 1 1 auto;
}

.ark-block-accordion__icon {
  margin-left: var(--_margin-1);
  --_transition-duration: var(--_global--transition-duration);
  --_transition-function-timing: var(--_global--transition-function-timing);
  --_transition-delay: var(--_global--transition-delay);
  flex: 0 0 auto;
  transition: transform var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay);
}

/* 開閉部分は JS 依存のため動作保証はなし */
.ark-block-accordion__body {
  display: none;
  padding: var(--smb-accordion--body-padding);
  position: relative;
  z-index: 2;
}

/* 見た目だけの開閉例（チェックボックスなどで制御している場合） */
.ark-block-accordion input:checked + .ark-block-accordion__body {
  display: block;
}

/* レイアウト制約用 */
:where(.ark-block-accordion__body.is-layout-constrained > *) {
  --wp--style--global--content-size: 100%;
  --wp--style--global--wide-size: 100%;
}