/** Shopify CDN: Minification failed

Line 92:7 Cannot use type selector "after" directly after nesting selector "&"
Line 156:7 Cannot use type selector "after" directly after nesting selector "&"

**/
/*===============================
ご利用案内 
================================*/

/*-------------------------------
アコーディオン
-------------------------------*/
.acd-qanda  {
  details {
    padding: 0.8em 0.8em 0.7em;
    background: rgba(255,255,255,0.8);
    border-radius: 4px;
    cursor: pointer;
    &:not(:last-child) {
      margin-block-end: 0.6em;
    }
    summary, p {
      line-height: 1.5;
    }
  }
}

/* アニメーション */
.acd-qanda  {
  details {
    transition: transform 0.3s;
    &::details-content {
      transition: height 0.3s, opacity 0.3s, content-visibility 0.3s allow-discrete;
      height: 0;
      opacity: 0;
      overflow: clip;
    }
  }
  details[open] {
    &::details-content {
      opacity: 1;
    }
  }
}
@supports (interpolate-size: allow-keywords) {
  :root {
    interpolate-size: allow-keywords; 
  }
  .acd-qanda details[open]::details-content {
    height: auto;
  }
}

/*-------------------------------
Question
-------------------------------*/
/* Safariで表示されるデフォルトの三角形アイコン削除 */
summary::-webkit-details-marker {
  display: none;
}

.acd-qanda {
  details {
    summary {
      display: flex;
      flex-grow: 1;
      position: relative;
      &::before,
      &::after {
        display: inline-block;
        flex-shrink: 0;
        width: 1.25em;
        height: 1em;
        color: #8C5C34;
        font-weight: bold;
      }
      &::before {
        position: relative;
        top: -0.15em;
        margin-right: 0.4rem;
        content: 'Q.';
      }
      &::after {
        margin-left: 0.4rem;
        content: '＋';
      }
    }
  }
  details[open] {
    summary {
      &after {
        content: 'ー';
      }
    }
  }
  span {
    display: inline-block;
    flex-grow: 1;
  }
}

/*-------------------------------
Answer
-------------------------------*/
.acd-qanda {
  p {
    display: flex;
    margin-block-start: 0.6em;
    margin-block-end: 0;
    &::before {
      display: block;
      margin-right: 0.4rem;
      color: #8C5C34;
      font-weight: bold;
      content: 'A.';
    }
  }
}
/*-------------------------------
送料
-------------------------------*/
/* Safariで表示されるデフォルトの三角形アイコン削除 */
summary::-webkit-details-marker {
  display: none;
}

.acd-postage {
  details {
    summary {
      display: flex;
      flex-grow: 1;
      position: relative;
      &::before,
      &::after {
        display: inline-block;
        flex-shrink: 0;
        width: 1.25em;
        height: 1em;
        color: #8C5C34;
        font-weight: bold;
      }
      &::before {
        position: relative;
        top: -0.15em;
        margin-right: 0.4rem;
        content: '＋';
      }
      &::after {
        margin-left: 0.4rem;
      }
    }
  }
  details[open] {
    summary {
      &after {
        content: 'ー';
      }
    }
  }
  span {
    display: inline-block;
    flex-grow: 1;
  }
}

/*-------------------------------
Answer
-------------------------------*/
.acd-postage {
  p {
    display: flex;
    margin-block-start: 0.6em;
    margin-block-end: 0;
    &::before {
      display: block;
      margin-right: 0.4rem;
      color: #8C5C34;
      font-weight: bold;
    }
  }
}