@charset "utf-8";

/***
* reset
**************************************/
*,
*::before,
*::after {
  box-sizing: border-box;
}
* {
  margin: 0;
  padding: 0;
}
body {
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
img,
picture,
video,
canvas,
svg {
  display: block;
  vertical-align: middle;
  width: 100%;
  height: auto;
}
input,
button,
textarea,
select {
  font: inherit;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
  font-weight: normal;
  font-size: 100%;
}
#root,
#__next {
  isolation: isolate;
}
li {
  list-style-type: none;
}

/***
* root
**************************************/
:root {
  --windowW: 375;
  --winW: calc(100vw / var(--windowW));

  /* color */
  --color-base: #fff;
  --color-btn: #000;
  --color-special: #7DB6E8;
  --color-points: #60C1C2;
  --color-points-shadow-inner: #FFF;
  --color-points-shadow-border: #249294;
  --color-lineup: #FAC83E;
  --color-lineup-shadow-inner: #7DB6E8;
  --color-lineup-shadow-border: #3D82D3;
  --color-news: #EB7AAB;
  --color-links: #EEEEEE;
}
@media screen and (min-width: 769px) {
  :root {
    --windowW: 1600;
    --winW: calc(100vw / var(--windowW));
  }
}
/* @media screen and (min-width: 1600px) {
  :root {
    --winW: 1px;
  }
} */

/***
* html
**************************************/
html::-webkit-scrollbar {
  display: none;
  -webkit-appearance: none;
  background: var(--color-base-01);
}

/***
* body
**************************************/
body::-webkit-scrollbar {
  display: none;
}

body {
  margin: 0;
  /*スクロールバー非表示（Firefox）*/
  scrollbar-width: none;
  /*スクロールバー非表示（IE・Edge）*/
  -ms-overflow-style: none;
}

/***
* common
**************************************/
a {
  text-decoration: none;
  color: var(--color-link);
}

.is-sp {
  display: block;
}
.is-pc {
  display: none;
}

@media only screen and (min-width: 769px) {
  .is-sp {
    display: none;
  }
  .is-pc {
    display: block;
  }
}

/***
* header
**************************************/
header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  height: calc(var(--winW) * 60);
}
header img {
  filter: brightness(0) invert(0);
}
header .logo_pc {
  display: none;
  width: calc(var(--winW) * 92);
}
header .logo_sp {
  display: block;
  width: calc(var(--winW) * 120);
  margin-left: calc(var(--winW) * 20);
  margin-top: calc(var(--winW) * 24);
}
.headerLogoArea {
  display: inline-block;
  vertical-align: bottom;
}
.is-sp {
  display: block;
}
.is-pc {
  display: none;
}
@media only screen and (min-width: 769px) {
  header {
    height: 120px;
  }
  .headerLogoArea {
    margin-left: calc(var(--winW) * 30);
    margin-top: calc(var(--winW) * 30);
  }
  header .logo_pc {
    display: block;
  }
  header .logo_sp {
    display: none;
  }
  .is-sp {
    display: none;
  }
  .is-pc {
    display: block;
  }
}

/***
* footer
**************************************/
#gn_footer .gn_element .grid-row.bleed {
  max-width: none !important;
}
#gn_footer .gn_element .grid-row.bleed {
  max-width: none !important;
}
#gn_footer {
  position: relative;
  z-index: 999;
}