@import url('//fonts.googleapis.com/css2?family=Caveat&family=Sniglet:wght@800&family=Peddana&display=swap&family=Kosugi+Maru&subset=japanese');

:root {

  --text: #999;      /* 文字色 */
  --back: #fffff4;   /* 背景色 */
  --link: #fab;      /* 未訪問 */
  --exit: #ba8;      /* 訪問済 */
  --bold: #986;      /* 太字等 */
  --thin: #bbb;      /* 細字等 */
  --miss: #ddd;      /* 薄文字 */
  --error: #c25;     /* 警告等 */

  --belt: #4238;     /* 画像帯 */
  --form: #fabc;     /* 透過枠 */
  --border: #f4f4ee; /* 区切線 */
  --select: #fab9;   /* 選択色 */
  --filter: #fffb;   /* 白被色 */

  --stripe: repeating-linear-gradient(to right,
  #fcc, #fcc 10px,
  #fdd 0, #fdd 20px);
}

*, ::before, ::after {
  background-repeat: no-repeat;
  box-sizing: inherit;
  line-height: 1.5;
  margin: 0; padding: 0;
  text-decoration-skip-ink: none;
  word-break: break-all;
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

::before, ::after {
  width: inherit;
  text-decoration: inherit;
}

html, body {
  width: 100%;  height: 100%;
}

html {
  font-size: 62.5%;
}

body {
  box-sizing: border-box;
  font-family: monospace, "Kosugi Maru";
  font-size: 1.6rem;
}

:active, :hover {
  outline: none;
}

a, img, del, label, span {
  display: inline-block;
}

.f11 {
  width: 100%;
  height: auto;
}

input, textarea, button {
  appearance: none;
  background: transparent;
  border: none;
  color: transplant;
}

input:focus, textarea:focus, button:focus {
  outline: none;
}



i {
  font-style: normal;
  text-align: center;
}



/* @media (orientation: portrait) and (min-width: 640px) and (max-width: 1024px){
  タブ用
}

@media (orientation: landscape){
  横向けたりパソコンで見る用
}  */