@charset "UTF-8";

/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERED / HTML ->                     */
/* =====>=====>=====>=====>=====>=====>===== */

*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)) {
  all: unset;
  display: revert;
}
*,
*::before,*::after {
  box-sizing: inherit;
}

html {
  block-size: 100%;
  box-sizing: border-box;
  font-family:
    'Calibri',
    'Helvetica Neue',
    'Arial',
    'BIZ UDPゴシック','BIZ UDPGothic',
    'Hiragino Sans',
    Meiryo,
    sans-serif;
  font-feature-settings: 'palt';
  line-height: 1.15;
   -webkit-text-size-adjust: none;
  text-size-adjust: none;
  touch-action: manipulation;
  scroll-behavior: smooth;
}
:where([draggable="true"]) { /* Chromium, Safari // Apply back the draggable feature - exist only. */
  -webkit-user-drag: element;
}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERED / GENERAL ->                  */
/* =====>=====>=====>=====>=====>=====>===== */

html,
body {
  height: 100%;
}
body {
  min-block-size: 100%;
  text-align: justify;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4,h5,h6,
p {
  line-height: calc(.25rem + 1em + .25rem);
  overflow-wrap: break-word;
}
ol,ul,menu {
  list-style: none;
}
details,
img {
  display: block;
}
img {
  max-width: 100%;
  pointer-events: none;
}
a,button { /* Reapply the pointer cursor for anchor tags. */
  cursor: revert;
}
a:not([class]) {
  text-decoration-skip-ink: auto;
}



/* =====<=====<=====<=====<=====<=====<===== */
/* !<- ORDERED / MOTION ->                   */
/* =====>=====>=====>=====>=====>=====>===== */

@media (hover:hover) and (pointer:fine) {

/*===== .alpha =====*/
.alpha,
.alpha img {
  transition: .5s ease-in-out;
  cursor: pointer;
}
.alpha:hover,
.alpha:hover img {
  opacity: .6;
}

}