/* ヘッダー */
.header {
  margin-bottom: 50px;
}
.header-image img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.header-text {
  color: #ea5b7c;
  text-align: center;
  margin: 60px 0 49px;
}
.header-title {
  font-size: 48px;
}
.header-date {
  font-size: 26px;
  font-weight: bold;
  margin: 14px 0 0;
}

/* 注意事項 */
.header-accordion {
  width: max-content;
  margin: 0 auto;
}

.attention-contents {
  overflow: hidden;
  position: relative;
  h3 {
    text-align: center;
    margin-bottom: 4px;
  }
  p {
    margin: 0;
    line-height: 1.8;
  }
}
.is-closed .attention-contents {
  max-height: 7em;
  &::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background: linear-gradient(transparent, #fff);
  }
}

.attention-login-link {
  margin-top: 20px;
  a {
    font-weight: bold;
    text-decoration: underline;
  }
}

.header-accordion-button {
  cursor: pointer;
  text-align: center;
  padding: 15px 0;
  background-color: white;
  text-decoration: underline;
}


/* カテゴリ/ブランドから探すボタン */
.custom-search-button {
  margin: 20px auto;
}