@charset "UTF-8";
/* Sass Document */
/*!
Theme Name:飛鳥学院
Description: テンプレート
Author: masaichi
*/
/*1: ress.css*/
/* A (more) Modern CSS Reset
 2023-10
 */
/* box-sizing: border-box;を設定 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

*::before,
*::after {
  display: block;
}

/* フォントサイズの拡大を防ぐ */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* デフォルトのマージンを削除、作成するCSSの制御を改善するため
*p,dl,ddの記述を削除*/
h1,
h2,
h3,
h4,
figure,
blockquote {
  -webkit-margin-after: 0;
  margin-block-end: 0;
}

/* リストのスタイルを削除、これはデフォルトのスタイルが削除されることを示唆します*/
ul[role="list"],
ol[role="list"] {
  list-style: none;
}

/* bodyのデフォルトを設定 */
body {
  min-height: 100vh;
  line-height: 1.5;
}

/* 見出しやインタラクティブ要素のline-heightを設定 */
h1,
h2,
h3,
h4,
button,
input,
label {
  line-height: 1.1;
}

/* 見出しのテキスト折り返しをbalanceに設定（複数行の文字数を同じにする）
h1,
h2,
h3,
h4 {
	text-wrap: balance;
}
*/
/* classを持たないa要素はデフォルトのスタイルを継承 */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

/* 画像の扱い */
img,
picture {
  max-width: 100%;
  height: auto;
  -o-object-fit: scale-down;
  object-fit: scale-down;
}

/* inputやbuttonなどのfontは継承 */
input,
button,
textarea,
select {
  font: inherit;
}

/* rows属性のないtextareasが小さくならないようにする */
textarea:not([rows]) {
  min-height: 10em;
}

/* アンカーされている要素には余分なスクロールマージンが必要 */
:target {
  scroll-margin-block: 5ex;
}

/*2: 独自設定 */
a {
  word-wrap: break-word;
}

.innerwrap > :not(.mainblock) a:not([class]) {
  color: currentColor;
  text-decoration: none;
}

.innerwrap > :not(.mainblock) ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

body {
  font-size: clamp(1rem, 0.8295454545rem + 0.7272727273vw, 1.375rem);
  margin: 0;
  font-family:
    "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
    "メイリオ", Meiryo, sans-serif;
  font-feature-settings: "palt" 1;
  word-break: normal;
}

h1 {
  font-size: clamp(24px, 3.6vw, 36px);
  /* 24px~36pxで可変*/
}

h2 {
  font-size: clamp(20px, 2.4vw, 24px);
  /* 20px~24pxで可変*/
}

pre {
  white-space: break-spaces;
}

.pagination ul {
  display: flex;
  font-size: clamp(1rem, 0.8295454545rem + 0.7272727273vw, 1.375rem);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 4% auto;
  padding-left: 0;
}
.pagination li {
  list-style-type: none;
}
.pagination a {
  text-decoration: none;
}

.page-numbers {
  gap: 0.5em;
}
.page-numbers li {
  list-style-type: none;
}
.page-numbers a,
.page-numbers span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.5em;
  aspect-ratio: 1/1;
}
.page-numbers .page-numbers:not(:is(.dots, .prev, .next)) {
  background-color: #ccc;
}

.single-pagination {
  gap: 1em;
}

.input,
textarea {
  border: 1px solid #ccc;
}