@charset "UTF-8";
/* =============================================================
   配信・二次創作ガイドラインページ専用スタイル

   ※このファイルは SCSS からのコンパイル対象ではありません。
     （/assets/css/privacy.css と同様、直接編集してください）
   ※PC（/assets/css/style.css）・SP（/assets/css/sp/style.css）
     どちらの後ろに読み込んでも成立するように記述しています。
   ============================================================= */

.guidelineArea {
  width: calc(100% - 160px);
  max-width: 960px;
  margin: 0 auto;
  padding: 48px 0 0;
  color: #333;
}

/* 言語出し分け（common.js が body に付与する jp / en クラスで切り替え） */
.guidelineArea__lang {
  display: none;
}
.guidelineArea__lang--ja {
  display: block;
}
body.en .guidelineArea__lang--ja {
  display: none;
}
body.en .guidelineArea__lang--en {
  display: block;
}
body.jp .guidelineArea__lang--en {
  display: none;
}

.guidelineArea__title {
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
  padding-bottom: 24px;
  margin-bottom: 16px;
  border-bottom: 2px solid #f06e00;
}

.guidelineArea__company {
  font-size: 1.5rem;
  text-align: right;
  margin-bottom: 32px;
}

.guidelineArea__section {
  margin-bottom: 32px;
}
/* 序文と最初の章（適用範囲）の間の余白 */
.guidelineArea__lang > .guidelineArea__text + .guidelineArea__section {
  margin-top: 32px;
}

.guidelineArea__heading {
  font-size: 2rem;
  font-weight: bold;
  color: #f06e00;
  padding-left: 12px;
  margin-bottom: 12px;
  border-left: 4px solid #f06e00;
}

.guidelineArea__subheading {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 20px 0 8px;
}

.guidelineArea__text {
  font-size: 1.5rem;
  line-height: 1.9;
}
.guidelineArea__text + .guidelineArea__text {
  margin-top: 12px;
}

.guidelineArea__list {
  margin-top: 8px;
}
.guidelineArea__list--num {
  list-style: decimal;
  padding-left: 1.8em;
}
.guidelineArea__list--disc {
  list-style: disc;
  padding-left: 1.6em;
}
.guidelineArea__list li {
  font-size: 1.5rem;
  line-height: 1.9;
}
.guidelineArea__list li + li {
  margin-top: 8px;
}
.guidelineArea__list .guidelineArea__list {
  margin-top: 8px;
  margin-bottom: 8px;
}
/* 箇条書きの後に続く本文との間の余白 */
.guidelineArea__list + .guidelineArea__text {
  margin-top: 16px;
}

/* 適用範囲の表 */
.guidelineArea__tableWrap {
  margin-top: 12px;
  overflow-x: auto;
}

.guidelineArea__table {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
  font-size: 1.5rem;
  line-height: 1.7;
  text-align: left;
}
.guidelineArea__table th,
.guidelineArea__table td {
  padding: 12px 16px;
  border: 1px solid #ddd;
  vertical-align: top;
}
.guidelineArea__table thead th {
  background: #f06e00;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
}
.guidelineArea__table tbody th {
  background: #fdf3ea;
  font-weight: bold;
}

/* 表の下の注記（※） */
.guidelineArea__note {
  font-size: 1.4rem;
  line-height: 1.8;
  margin-top: 8px;
}
.guidelineArea__tableWrap + .guidelineArea__note {
  margin-top: 16px;
}

.guidelineArea__link {
  color: #f06e00;
  text-decoration: underline;
  word-break: break-all;
}

.guidelineArea__updated {
  font-size: 1.4rem;
  text-align: right;
  margin-top: 40px;
}

/* SP 表示 */
@media screen and (max-width: 768px) {
  .guidelineArea {
    width: calc(100% - 40px);
    padding-top: 32px;
  }
  .guidelineArea__title {
    font-size: 2.2rem;
    padding-bottom: 16px;
    margin-bottom: 12px;
  }
  .guidelineArea__company {
    font-size: 1.4rem;
    margin-bottom: 24px;
  }
  .guidelineArea__heading {
    font-size: 1.7rem;
  }
  .guidelineArea__text,
  .guidelineArea__list li {
    font-size: 1.4rem;
  }
  .guidelineArea__table {
    min-width: 560px;
    font-size: 1.4rem;
  }
  .guidelineArea__table th,
  .guidelineArea__table td {
    padding: 10px 12px;
  }
  .guidelineArea__note {
    font-size: 1.3rem;
  }
  .guidelineArea__updated {
    font-size: 1.3rem;
  }
}

/* UA 判定で SP 表示にしている場合（body.is-sp-view）にも同じ指定を適用 */
.is-sp-view .guidelineArea {
  width: calc(100% - 40px);
  padding-top: 32px;
}
.is-sp-view .guidelineArea__title {
  font-size: 2.2rem;
  padding-bottom: 16px;
  margin-bottom: 12px;
}
.is-sp-view .guidelineArea__company {
  font-size: 1.4rem;
  margin-bottom: 24px;
}
.is-sp-view .guidelineArea__heading {
  font-size: 1.7rem;
}
.is-sp-view .guidelineArea__text,
.is-sp-view .guidelineArea__list li {
  font-size: 1.4rem;
}
.is-sp-view .guidelineArea__table {
  min-width: 560px;
  font-size: 1.4rem;
}
.is-sp-view .guidelineArea__table th,
.is-sp-view .guidelineArea__table td {
  padding: 10px 12px;
}
.is-sp-view .guidelineArea__note {
  font-size: 1.3rem;
}
.is-sp-view .guidelineArea__updated {
  font-size: 1.3rem;
}