* {
margin: 0;
padding: 0;
line-height: calc(0.25rem + 1.3em + 0.25rem);
outline: 0;
color: var(--f_color);
quotes: none;
vertical-align: baseline;
font-family: var(--font_ja);
}
*, ::before, ::after {
box-sizing: border-box
}
*:where(:not(fieldset, progress, meter)) {
border-width: 0;
border-style: solid;
background-origin: border-box;
background-repeat: no-repeat
}
html {
block-size: 100%;
-webkit-text-size-adjust: none
}
@media (prefers-reduced-motion:no-preference) {
html:focus-within {
scroll-behavior: smooth
}
}
body {
-webkit-font-smoothing: antialiased;
text-rendering: optimizeSpeed;
min-block-size: 100%;
font-size: 16px;
position: relative;
}
:where(img, svg, video, canvas, audio, iframe, embed, object) {
display: block
}
:where(img, svg, video) {
block-size: auto;
max-inline-size: 100%
}
:where(svg) {
stroke: none;
fill: currentColor
}
:where(svg):where(:not([fill])) {
stroke: currentColor;
fill: none;
stroke-linecap: round;
stroke-linejoin: round
}
:where(svg):where(:not([width])) {
inline-size: 5rem
}
:where(input, button, textarea, select), :where(input[type="file"])::-webkit-file-upload-button {
color: inherit;
font: inherit;
font-size: inherit;
letter-spacing: inherit -webkit-appearance: none;
}
:where(textarea) {
resize: vertical
}
@supports (resize:block) {
:where(textarea) {
resize: block
}
}
:where(p, h1, h2, h3, h4, h5, h6) {
overflow-wrap: break-word
}
h1 {
font-size: 2em
}
:where(ul, ol)[role="list"] {
list-style: none
}
a:not([class]) {
text-decoration-skip-ink: auto
}
:where(a[href], area, button, input, label[for], select, summary, textarea, [tabindex]:not([tabindex*="-"])) {
cursor: pointer;
touch-action: manipulation
}
:where(input[type="file"]) {
cursor: auto
}
:where(input[type="file"])::-webkit-file-upload-button, :where(input[type="file"])::file-selector-button {
cursor: pointer
}
@media (prefers-reduced-motion:no-preference) {
:focus-visible {
transition: outline-offset 145ms cubic-bezier(.25, 0, .4, 1)
}
:where(:not(:active)):focus-visible {
transition-duration: 0.25s
}
}
:where(:not(:active)):focus-visible {
outline-offset: 5px
}
:where(button, button[type], input[type="button"], input[type="submit"], input[type="reset"]), :where(input[type="file"])::-webkit-file-upload-button, :where(input[type="file"])::file-selector-button {
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
user-select: none;
text-align: center
}
:where(button, button[type], input[type="button"], input[type="submit"], input[type="reset"])[disabled] {
cursor: not-allowed
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset {
border: none;
padding: 0;
margin: 0;
}
ul,
ol,
li {
list-style: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
a,
a:visited {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background-color: transparent;
color: #2ca6e0;
transition: var(--tr);
}
a:hover {
text-decoration: none;
}
.clearfix:after {
content: "";
display: block;
clear: both;
overflow: hidden;
height: 0px;
}
.clear {
clear: both;
}
img {
width: auto;
max-width: 100%;
vertical-align: bottom;
margin: 0;
padding: 0;
}
img:not([alt]) {
outline: 3px dashed fuchsia;
}