@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400&family=Noto+Serif+JP:wght@500;700&display=swap');

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote,
pre,abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size: 1px;
vertical-align:baseline;
background:transparent;
}

html { /* 追加 */
/* font-size: 62.5%; 10rem相当 */
height: 100%;
min-height: 100%;
-ms-overflow-style:none;
}
body { /* 追加 */
background: #EFEBE5;
color: #121212;
font-family: YakuHanMPs, 'Noto Serif JP', '游明朝', YuMincho, 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
font-size: 16rem;
font-weight: 500;
letter-spacing: .7rem;
line-height: 1.8;
/* min-width: 1000rem; */
position: relative;
font-feature-settings: 'palt' 1;
-webkit-text-size-adjust: 100%;
}
.mac body { /* 追加 */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
h1,
h2,
h3,
h4,
h5 { /* 追加 */
    font-weight: 700;
    line-height: 1.6;
    font-size: 16rem;
}
p,
li,
dd,
td { /* 追加 */
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 2;
    font-size: 16rem;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
ul,
li {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
text-decoration: none;
background:transparent;
color:#33221A;
}
.clearfix::after {
content:"";
display: block;
clear: both;
font-size: 0;
}
ins {
background-color:#ff9;
color:#33221A;
text-decoration:none;
}
mark {
background-color:#ff9;
color:#33221A;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1rem dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
hr {
display:block;
height:1rem;
border:0;
border-top:1rem solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
img {
Width:100%;
}
*,*::after,*::before{
Box-sizing:border-box;
}

/* テキストハイライト */
*::selection {
    background: rgba(170, 170, 170, .7);
}
*::-moz-selection {
    background: rgba(170, 170, 170, .7);
}

:root {
    /* Colors: */
    --font-color-light: #fff;
    --font-color-dark: #121212;
    --bg-color-main: #17242E;
    --bg-color-sub: #1D2C2B;
    --bg-color-side: #EFEBE5;

    --font-g: YakuHanJPs, 'Noto Sans JP', sans-serif;
    
    /* Font/text values
    --unnamed-font-family-zen-kaku-gothic-new: Zen Kaku Gothic New;
    --unnamed-font-style-normal: normal;
    --unnamed-font-weight-medium: 500;
    --unnamed-font-size-17: 17rem;
    --unnamed-character-spacing-0-34: 0.34rem;
    --unnamed-line-spacing-25-5: 25.5rem; */
}