/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */html{box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}audio:not([controls]){display:none;height:0}hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:0;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,select{text-transform:none}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}img{border-style:none}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}
:root {
  --f-size: 100;
  --f-unit: 1vmin;
  --f: calc(var(--f-size) * var(--f-unit));
  --bg: rgba(21, 21, 21, 0.7); }

:root {
  --f-size: 100;
  --f-unit: 1vmin;
  --f: calc(var(--f-size) * var(--f-unit));
  --bg: rgba(21, 21, 21, 0.7); }

html {
  overflow-x: hidden;
  overflow-y: scroll;
  line-height: 1.4;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 62.5%;
  letter-spacing: 0.0625em; }

body {
  overflow-x: hidden;
  font-size: 1rem;
  font-weight: normal;
  color: #000; }

header, footer, main, nav,
section, article, aside,
h1, h2, h3, h4,
figure, figcaption, table,
p, ul, li, dl, dd, dt, th, td, button,
a, input, textarea, select,
hr {
  box-sizing: border-box; }

h1 {
  font-size: 3rem; }

h2 {
  font-size: 2.6rem; }

h3 {
  font-size: 2.4rem; }

h4 {
  font-size: 2.2rem; }

h1, h2, h3, h4 {
  line-height: 1.4;
  font-weight: normal; }

h3, h4 {
  line-height: 1.2; }

p, li, dd, dt, th, td, button, figcaption,
a, input, textarea, select {
  font-size: 1.4rem; }

li {
  list-style: none; }

a {
  display: block;
  text-decoration: none;
  color: #000;
  transition: 0.3s; }

img {
  display: block;
  width: 100%;
  height: auto; }

button {
  outline: none;
  display: block;
  border-radius: 0;
  cursor: pointer; }

input {
  outline: 0;
  display: block; }

textarea {
  outline: 0;
  display: block; }

select {
  outline: 0;
  border-radius: 0; }

hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

svg {
  display: block; }
  svg:not(:root) {
    overflow: visible; }

.disNone {
  overflow: hidden !important;
  display: none !important; }

.disBlock {
  overflow: visible !important;
  display: block !important; }

.spDisBlock {
  overflow: visible !important;
  display: block !important; }
  @media screen and (min-width: 768px) {
    .spDisBlock {
      overflow: hidden !important;
      display: none !important; } }

.pcDisBlock {
  overflow: hidden !important;
  display: none !important; }
  @media screen and (min-width: 1025px) {
    .pcDisBlock {
      overflow: visible !important;
      display: block !important; } }

.spDisFlex {
  overflow: visible !important;
  display: flex !important; }
  @media screen and (min-width: 768px) {
    .spDisFlex {
      overflow: hidden !important;
      display: none !important; } }

.pcDisFlex {
  overflow: hidden !important;
  display: none !important; }
  @media screen and (min-width: 1025px) {
    .pcDisFlex {
      overflow: visible !important;
      display: flex !important; } }

.textAL {
  text-align: left !important; }

.textAC {
  text-align: center !important; }

.textAR {
  text-align: right !important; }

.fontWB {
  font-weight: bold !important; }

:root {
  --f-size: 100;
  --f-unit: 1vmin;
  --f: calc(var(--f-size) * var(--f-unit));
  --bg: rgba(21, 21, 21, 0.7); }

body {
  background: #111;
  color: white; }

a {
  color: white; }

.main {
  margin-top: 56px; }
  .main::after {
    content: '';
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: url(../../assets/images/noise.gif);
    opacity: .03; }

.tag_title {
  padding: 48px 0;
  text-align: center;
  font-weight: bold;
  backface-visibility: hidden;
  letter-spacing: .5rem;
  animation: glitch 5s steps(100) infinite; }

@keyframes glitch {
  0% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  1% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  2% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  3% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  4% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  5% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  6% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  7% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  8% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  9% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  10% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  11% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  12% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  13% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  14% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  15% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  16% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  17% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  18% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  19% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  20% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  21% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  22% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  23% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  24% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  25% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  26% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  27% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  28% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  29% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  30% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  31% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  32% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  33% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  34% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  35% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  36% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  37% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  38% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  39% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  40% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  41% {
    text-shadow: 10px 0 0 #ff000b, -10px 0 0 #3bff00; }
  42% {
    text-shadow: 0 0 0 #ff000b, 0 0 0 #3bff00; }
  43% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  44% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  45% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  46% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  47% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  48% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  49% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  50% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  51% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  52% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  53% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  54% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  55% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  56% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  57% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  58% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  59% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  60% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  61% {
    text-shadow: 30px 0 0 #00fbff, -30px 0 0 #3bff00; }
  62% {
    text-shadow: 0 0 0 #00fbff, 0 0 0 #3bff00; }
  63% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #ff000b; }
  64% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #ff000b; }
  65% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #ff000b; }
  66% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #ff000b; }
  67% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  68% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  69% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  70% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  71% {
    text-shadow: 50px 0 0 #00fbff, -50px 0 0 #ff000b; }
  72% {
    text-shadow: 0 0 0 #00fbff, 0 0 0 #ff000b; }
  73% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  74% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  75% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  76% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  77% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  78% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  79% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  80% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  81% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  82% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  83% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  84% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  85% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  86% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  87% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  88% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  89% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  90% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  91% {
    text-shadow: 60px 0 0 #3bff00, -60px 0 0 #ff000b; }
  92% {
    text-shadow: 0 0 0 #3bff00, 0 0 0 #ff000b; }
  92% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  93% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  94% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  95% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  96% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  97% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  98% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  99% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  100% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; } }

.page_title {
  padding: 48px 0;
  text-align: center;
  font-weight: bold;
  backface-visibility: hidden;
  letter-spacing: .5rem;
  animation: glitch 5s steps(100) infinite; }

@keyframes glitch {
  0% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  1% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  2% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  3% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  4% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  5% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  6% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  7% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  8% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  9% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  10% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  11% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  12% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  13% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  14% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  15% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  16% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  17% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  18% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  19% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  20% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  21% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  22% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  23% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  24% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  25% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  26% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  27% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  28% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  29% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  30% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  31% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  32% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  33% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  34% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  35% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  36% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  37% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  38% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  39% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  40% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  41% {
    text-shadow: 10px 0 0 #ff000b, -10px 0 0 #3bff00; }
  42% {
    text-shadow: 0 0 0 #ff000b, 0 0 0 #3bff00; }
  43% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  44% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  45% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  46% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  47% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  48% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  49% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  50% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  51% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  52% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  53% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  54% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  55% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  56% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  57% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  58% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  59% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  60% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  61% {
    text-shadow: 30px 0 0 #00fbff, -30px 0 0 #3bff00; }
  62% {
    text-shadow: 0 0 0 #00fbff, 0 0 0 #3bff00; }
  63% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #ff000b; }
  64% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #ff000b; }
  65% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #ff000b; }
  66% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #ff000b; }
  67% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  68% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  69% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  70% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  71% {
    text-shadow: 50px 0 0 #00fbff, -50px 0 0 #ff000b; }
  72% {
    text-shadow: 0 0 0 #00fbff, 0 0 0 #ff000b; }
  73% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  74% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  75% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  76% {
    text-shadow: 3px 0 0 #00fbff, -3px 0 0 #ff000b; }
  77% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  78% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  79% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  80% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #ff000b; }
  81% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  82% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  83% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  84% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  85% {
    text-shadow: 1px 0 0 #00fbff, -1px 0 0 #3bff00; }
  86% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  87% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  88% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  89% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  90% {
    text-shadow: -3px 0 0 #00fbff, 3px 0 0 #3bff00; }
  91% {
    text-shadow: 60px 0 0 #3bff00, -60px 0 0 #ff000b; }
  92% {
    text-shadow: 0 0 0 #3bff00, 0 0 0 #ff000b; }
  92% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  93% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  94% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  95% {
    text-shadow: 0.8px 0 0 #ff000b, -0.8px 0 0 #3bff00; }
  96% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  97% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  98% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  99% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; }
  100% {
    text-shadow: -3px 0 0 #ff000b, 3px 0 0 #3bff00; } }

.about_powered {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid white; }
  .about_powered_caption {
    text-align: center; }
  .about_powered_logo {
    width: 60%;
    height: auto;
    margin: 24px auto; }

.search_form {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
  .search_form_input {
    width: 100%;
    padding-bottom: 8px; }
  .search_form_btn {
    padding-bottom: 8px; }
    .search_form_btn svg {
      width: 18px;
      height: 18px; }
      .search_form_btn svg path {
        fill: white;
        fill-rule: evenodd;
        clip-rule: evenodd; }

.search_result {
  margin-top: 12px; }

.sec-tag {
  margin-top: 24px; }
  .sec-tag:first-of-type {
    margin-top: 0; }

.sec_title {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 8px; }

.sec_link {
  width: 100%;
  margin-top: 12px;
  padding: 12px 0;
  text-align: center;
  font-weight: bold;
  color: #111;
  background: white; }

.sec_heading {
  margin-top: 24px;
  font-size: 2rem; }

.sec_sentence {
  line-height: 1.6; }
  .sec_sentence_link {
    display: inline-block;
    text-decoration: underline; }

.inner {
  padding: 0 12px; }

@media screen and (min-width: 960px) {
  ::-webkit-scrollbar {
    width: 12px; }
    ::-webkit-scrollbar-track {
      background: #111; }
    ::-webkit-scrollbar-thumb {
      background: #3b3b3b; }
  .main {
    margin: 0 0 0 300px;
    padding: 0 0 56px; }
    .main_inner {
      max-width: 1296px;
      width: 100%;
      margin: 0 auto;
      padding: 0 48px; }
  .tag_title {
    padding: 96px 0;
    display: block;
    flex: 1;
    line-height: 1;
    text-align: center;
    font-size: 3rem;
    transform: scaleX(var(--scale, 1));
    animation: glitch-p 1s infinite alternate; }
  @keyframes glitch-p {
    17% {
      --scale: 1; }
    31% {
      --scale: 1.001; }
    37% {
      --scale: 1; }
    47% {
      --scale: 1; }
    87% {
      --scale: .999; } }
  @keyframes glitch-a {
    10%, 30%, 50%, 70%, 90% {
      --top: 0;
      --left: 0; }
    0% {
      --v-height: 15%; }
    20% {
      --left: .005; }
    40% {
      --left: .01;
      --v-height: 20%;
      --top: 3; }
    60% {
      --left: .03;
      --v-height: 25%;
      --top: 6; }
    80% {
      --left: .07;
      --v-height: 5%;
      --top: 8; }
    100% {
      --left: .083;
      --v-height: 30%;
      --top: 1; } }
  @keyframes glitch-b {
    10%, 30%, 50%, 70%, 90% {
      --top: 0;
      --left: 0; }
    0% {
      --v-height: 15%;
      --top: 10; }
    20% {
      --left: -.005; }
    40% {
      --left: -.01;
      --v-height: 17%;
      --top: 3; }
    60% {
      --left: -.03;
      --v-height: 35%;
      --top: 6; }
    80% {
      --left: -.07;
      --v-height: 5%;
      --top: 8; }
    100% {
      --left: -.083;
      --v-height: 30%;
      --top: 1; } }
    .tag_title::before, .tag_title::after {
      --top: 0;
      --left: 0;
      --v-height: 30%;
      --n-tenth: calc(var(--f-size) * .1 * var(--top));
      --t-cut: calc(var(--n-tenth) / var(--f-size) * 100%);
      --b-cut: calc(var(--t-cut) + var(--v-height));
      content: attr(data-glitch);
      position: absolute;
      width: 100%;
      left: 0;
      text-align: center;
      transform: translateX(calc(var(--left) * 25em));
      filter: drop-shadow(0 0 transparent);
      text-shadow: calc(var(--left) * -3em) 0 0.02em #00daff, calc(var(--left) * -6em) 0 0.02em #53dc00;
      background-color: var(--bg);
      clip-path: polygon(0% var(--t-cut), 100% var(--t-cut), 100% var(--b-cut), 0% var(--b-cut)); }
    .tag_title::before {
      animation: glitch-b 1s infinite alternate-reverse; }
    .tag_title::after {
      animation: glitch-a 3s infinite alternate; }
  .page_inner {
    max-width: 1296px;
    width: 100%;
    margin: 0 auto;
    max-width: 900px; }
  .page_title {
    padding: 96px 0;
    display: block;
    flex: 1;
    line-height: 1;
    text-align: center;
    font-size: 3rem;
    transform: scaleX(var(--scale, 1));
    animation: glitch-p 1s infinite alternate; }
  @keyframes glitch-p {
    17% {
      --scale: 1; }
    31% {
      --scale: 1.001; }
    37% {
      --scale: 1; }
    47% {
      --scale: 1; }
    87% {
      --scale: .999; } }
  @keyframes glitch-a {
    10%, 30%, 50%, 70%, 90% {
      --top: 0;
      --left: 0; }
    0% {
      --v-height: 15%; }
    20% {
      --left: .005; }
    40% {
      --left: .01;
      --v-height: 20%;
      --top: 3; }
    60% {
      --left: .03;
      --v-height: 25%;
      --top: 6; }
    80% {
      --left: .07;
      --v-height: 5%;
      --top: 8; }
    100% {
      --left: .083;
      --v-height: 30%;
      --top: 1; } }
  @keyframes glitch-b {
    10%, 30%, 50%, 70%, 90% {
      --top: 0;
      --left: 0; }
    0% {
      --v-height: 15%;
      --top: 10; }
    20% {
      --left: -.005; }
    40% {
      --left: -.01;
      --v-height: 17%;
      --top: 3; }
    60% {
      --left: -.03;
      --v-height: 35%;
      --top: 6; }
    80% {
      --left: -.07;
      --v-height: 5%;
      --top: 8; }
    100% {
      --left: -.083;
      --v-height: 30%;
      --top: 1; } }
    .page_title::before, .page_title::after {
      --top: 0;
      --left: 0;
      --v-height: 30%;
      --n-tenth: calc(var(--f-size) * .1 * var(--top));
      --t-cut: calc(var(--n-tenth) / var(--f-size) * 100%);
      --b-cut: calc(var(--t-cut) + var(--v-height));
      content: attr(data-glitch);
      position: absolute;
      width: 100%;
      left: 0;
      text-align: center;
      transform: translateX(calc(var(--left) * 25em));
      filter: drop-shadow(0 0 transparent);
      text-shadow: calc(var(--left) * -3em) 0 0.02em #00daff, calc(var(--left) * -6em) 0 0.02em #53dc00;
      background-color: var(--bg);
      clip-path: polygon(0% var(--t-cut), 100% var(--t-cut), 100% var(--b-cut), 0% var(--b-cut)); }
    .page_title::before {
      animation: glitch-b 1s infinite alternate-reverse; }
    .page_title::after {
      animation: glitch-a 3s infinite alternate; }
  .about_powered {
    margin-top: 48px;
    padding-top: 48px; }
    .about_powered_caption {
      font-size: 1.6rem; }
    .about_powered_logo {
      width: 30%;
      margin: 24px auto; }
  .search_result {
    margin-top: 24px; }
  .sec-tag {
    margin-top: 48px; }
    .sec-tag:first-of-type {
      margin-top: 0; }
  .sec_title {
    font-size: 2rem; }
  .sec_link {
    width: 300px;
    margin: 12px auto 0;
    border: 1px solid white; }
    .sec_link:hover {
      color: white;
      background: #111; }
  .sec_heading {
    margin: 48px 0 4px;
    font-size: 1.8rem; }
  .sec_sentence {
    font-size: 1.6rem; }
    .sec_sentence_link {
      font-size: 1.6rem; }
      .sec_sentence_link:hover {
        opacity: 0.5; }
  .inner {
    padding: 0; } }

.loading {
  position: fixed;
  z-index: 99999;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  background: black;
  display: none; }
  .loading_logo {
    width: 55%;
    height: auto; }

.spotskateboarding {
  display: none; }

.spMenu {
  overflow-y: auto;
  position: fixed;
  z-index: 102;
  top: 0;
  left: 0;
  width: 95%;
  height: 100vh;
  background: rgba(17, 17, 17, 0.95);
  transform: translate3d(-101%, 0, 0); }
  .spMenu_close {
    position: fixed;
    width: 100%;
    height: 56px;
    letter-spacing: .1rem;
    text-align: center;
    font-weight: bold;
    color: #111;
    background: white; }
  .spMenuBg {
    position: fixed;
    z-index: 101;
    top: 0;
    left: 0;
    width: 95%;
    height: 100vh;
    background: white;
    opacity: 0.5;
    transform: translate3d(-101%, 0, 0); }

.nav {
  position: relative;
  top: 56px; }
  .nav_item_link {
    padding: 10px 0 10px 20px; }
    .nav_item_link-powered {
      padding: 0 0 0 20px;
      font-size: 1rem; }
  .nav_item:first-child {
    margin-top: 10px; }
  .nav_item-copyright {
    margin: 20px 0 0 20px;
    font-size: 1rem; }

.header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 56px;
  background: black;
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2); }
  .header_inner {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    justify-content: center;
    align-items: center;
    height: 100%; }
  .header_btn {
    position: absolute;
    left: 24px; }
    .header_btn_icon {
      width: 24px;
      height: auto; }
      .header_btn_icon path {
        fill: white; }
  .header_logo {
    position: absolute;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: 56px; }
    .header_logo_link {
      width: inherit;
      height: inherit; }
    .header_logo_img {
      width: inherit;
      height: inherit; }

@media screen and (min-width: 960px) {
  .loading_logo {
    width: 15%;
    height: auto; }
  .spMenu {
    overflow: hidden;
    display: none; }
    .spMenuBg {
      overflow: hidden;
      display: none; }
  .nav {
    top: 24px; }
    .nav_item {
      margin-top: 4px; }
      .nav_item:first-child {
        margin-top: 0; }
      .nav_item_link:hover {
        opacity: .8;
        filter: blur(1px); }
      .nav_item-copyright {
        margin-top: 48px; }
  .header {
    overflow-y: auto;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 300px;
    height: 100%;
    box-shadow: 2px 0 2px -1px rgba(255, 255, 255, 0.1); }
    .header::-webkit-scrollbar {
      width: 1px; }
      .header::-webkit-scrollbar-track {
        background: #111; }
      .header::-webkit-scrollbar-thumb {
        background: #3b3b3b; }
    .header_inner {
      display: block; }
    .header_btn {
      overflow: hidden;
      display: none; }
    .header_logo {
      position: relative;
      display: block;
      width: 100%;
      height: auto; } }

.footer {
  padding: 10px 0;
  text-align: center;
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2); }
  .footer_copyright {
    font-size: 1.2rem; }
  .footer_powered {
    margin-top: 4px;
    font-size: 1rem; }

:root {
  --f-size: 100;
  --f-unit: 1vmin;
  --f: calc(var(--f-size) * var(--f-unit));
  --bg: rgba(21, 21, 21, 0.7); }

.article_item {
  position: relative;
  margin-top: 20px; }
  .article_item:first-child {
    margin-top: 0; }
  .article_item_icon {
    position: absolute;
    top: 4%;
    left: 2.5%;
    display: block;
    height: auto;
    width: 40px; }
    .article_item_icon path {
      fill: #111; }
  .article_item_header {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-top: 8px;
    padding: 0 12px; }
    .article_item_header_badge {
      margin-right: 8px; }
      .article_item_header_badge img {
        overflow: hidden;
        object-fit: cover;
        height: 40px;
        width: 40px;
        background: #111;
        border: 2px solid white;
        border-radius: 50%; }
    .article_item_header_title {
      font-size: 1.4rem;
      line-height: 1.2; }
    .article_item_header_author {
      margin-top: 4px;
      font-size: 1.2rem;
      opacity: 0.5; }

.subArticle_item {
  position: relative;
  margin-top: 12px; }
  .subArticle_item:first-child {
    margin-top: 0; }
  .subArticle_item_link {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start; }
  .subArticle_item_icon {
    position: absolute;
    top: 4%;
    left: 1.5%;
    display: block;
    height: auto;
    width: 30px; }
    .subArticle_item_icon path {
      fill: #111; }
  .subArticle_item_figure {
    width: 160px;
    height: auto;
    margin-right: 12px; }
    .subArticle_item_figure img {
      width: 160px;
      height: auto; }
  .subArticle_item_header_title {
    font-size: 1.4rem; }
    .subArticle_item_header_title-relation {
      color: #111; }
  .subArticle_item_header_author {
    font-size: 1rem;
    opacity: 0.5; }
    .subArticle_item_header_author-relation {
      color: #111; }

@media screen and (min-width: 960px) {
  .article_list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    flex-wrap: wrap; }
  .article_item {
    width: 24.0625%;
    margin: 0 1.25% 1.25% 0; }
    .article_item:nth-child(4n) {
      margin-right: 0; }
    .article_item_link:hover {
      filter: drop-shadow(0px 0px 30px rgba(211, 211, 211, 0.8)); }
    .article_item_header {
      padding: 0; }
      .article_item_header_badge-relation {
        display: none; }
      .article_item_header_title-relation {
        color: #111; }
      .article_item_header_author-relation {
        color: #111; } }