@charset "UTF-8";
/*
Template Name: privacy
Theme Name: Gifted Style
Author: Hashikure@Polyphony

プライバシーポリシーページ用のCSS
*/

/* メインラッパー */
.content .wrap {
  max-width: 960px;
}

/* タイトル */
.entry-title {
  &::before {
    background-image: url(../imgs/icon00.svg);
    width: 87px;
    height: 87px;
  }
}

.body {
  & section {
    &:not(:last-child) {
      margin-bottom: 48px;
    }
    &:last-child {
      margin-bottom: 130px;
    }
  }
}

.article {
  h2 {
    font-family: YuGothic, "Yu Gothic", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  }
}

/* IDのあるセクションまたは見出しに上スクロールマージンを付加 */
section[id], h3[id] {
  scroll-margin-top: 80px;
}

ol, ul {
  padding-left: 1.25em;
  & ul {
    list-style-type: circle;
  }
}

/* 付則 */
#by-law {
  & h2 {
    font-size: 1.125rem;
    font-weight: 400;
    margin-bottom: 0.5rem;
  }
  & ul li {
    margin: 0;
  }
}

.change-log {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  list-style: none;
  max-width: 375px;
  padding: 0;
  & li:not(:last-child) {
    margin-bottom: 0.5rem;
  }
  & time {
    margin-left: 1rem;
  }
}

/* カウンターのリセット */
section:has(.parentheses-kana) {
  counter-reset: kanacount;
}
#policy {
  counter-reset: headcount;
}

/* 数字ドットカウンター */
.head-counter {
  counter-increment: headcount;
  &::before {
    content: counter(headcount) ".";
    margin-right: 8px;
  }
}

/* 数字丸カッコカウンター */
ul.number-list {
  counter-reset: numlscount;
  list-style: none;
  padding: 0;
  & li::before {
    counter-increment: numlscount;
    content: "(" counter(numlscount) ")";
    margin-right: 8px;
  }
}

/* カタカナ丸カッコカウンター */
.parentheses-kana {
  counter-increment: kanacount;
  &::before {
    content: "(" counter(kanacount, katakana) ")";
    margin-right: 8px;
  }
}

@media (width < 1140px) {
  .content .wrap {
    width: calc(100% - 186px);
  }
}

@media (width < 1024px) {
  .page-template-temp-simple {
    & .entry-title {
      & span {
        font-size: 1.5rem;
      }
    }
  }
  .entry-content {
    padding-inline: 24px;
  }
}

@media (width <= 834px) {
  .content .wrap {
    width: 100%
  }
  #by-law .change-log {
    padding: 0;
  }
  /* 上スクロールマージンを調整 */
  section[id], h3[id] {
    scroll-margin-top: 30vh;
  }
}