@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;1,400&family=Zen+Old+Mincho&display=swap');
@import url('https://cdn.jsdelivr.net/npm/remixicon@4.2.0/fonts/remixicon.css');

/*=======================================
設定
=======================================*/
:root {
  /*color*/
  --white: #fff;
  --white_tr: 255,255,255;
  --black: #000;
  --black_tr: 0,0,0;
  --gray: 128,128,128;
  --gray_l: 204,204,204;
  --gray_d: 24,24,24;
  --gray_d2: 36,36,36;
  --yellow: #ffffc0;
  --blue: #c0ffff;
}

/* ----------------------------------------------------------------reset */
/*base*/
body, div, pre, p, blockquote, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, tr, embed, object, a, img, figure, figcaption {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
/*font*/
h1, h2, h3, h4, h5, h6, p {
    font-style: normal;
    font-weight: normal;
    line-height: 170%;
}
/*others*/
table {
    border-spacing: 0;
}
* html table {
    border-collapse: collapse;
}
*:first-child + html table {
    border-collapse: collapse;
}
th, td {
    vertical-align: middle;
    border-collapse: collapse;
}
table, th, td, tr, img {
    border: 0;
}
img {
    vertical-align: bottom;
}
q:before, q:after {
    content: '';
}
ul, ol {
    list-style: none;
}
/* ------------------------------------------------------------------base*/
html {
    font: 62.5%/1.7 "Zen Old Mincho", serif;
}
/*body*/
body {
    height: 100%;
    text-align: center;
    color: var(--white);
    word-break: break-all;
    background-color: var(--black);
    font-size: 1.6rem; /* 16px */
    font-size: 16px;
    font-feature-settings: "palt";
    -webkit-text-size-adjust: 100%;
}
/*link*/
a {
    color: var(--white);
    text-decoration: underline;
    transition: all 0.3s;
}
a img {
    border-style: none;
}
a:visited {
    color: var(--white);
}
a:hover {
    color: rgba(var(--gray_l),1);
    text-decoration: none;
}
/*font-size*/
h1, h2, h3, h4, h5, p {
    font-size: 1.6rem; /* 16px */
    font-size: 16px;
    font-weight: 400;
}
li, dt, dd {
    font-size: 1.6rem; /* 16px */
    font-size: 16px;
}
table {
    font-size: 1.6rem; /* 16px */
    font-size: 16px;
}
strong {
    font-weight: 400;
}
input, button {
    font-family: "Zen Old Mincho", serif;
}
input, button {
    cursor: pointer;
}
input[type="text"] {
    padding: 5px;
    font-family: "Zen Old Mincho", serif;
    font-size: 16px;
    border: solid 1px rgba(var(--gray_l),1);
    border-radius: 0;
    background: rgba(var(--gray_l),1);
}
select {
    font-family: "Zen Old Mincho", serif;
    font-size: 16px;
}

/* iOSでのデフォルトスタイルをリセット------------------------------------- */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}