@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-keycolor01: #D72323;
  --color-gray01: #CCC;
  --color-gray02: #4B4B4B;
  --color-bg01: #222;
  --color-catalog: #6D96AA;
}
@media screen and (min-width: 769px) and (max-width: 2000px){
  :root {
    --windowW: 1024;
    --winW: calc(100vw / var(--windowW));
  }
}
@media screen and (min-width: 1024px) {
  :root {
    --winW: 1px;
  }
}

/***
* html
**************************************/
/*
html::-webkit-scrollbar {
  display: none;
  -webkit-appearance: none;
}
*/

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

body {
  margin: 0;
  scrollbar-width: none;
  -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: 16px;
	left: 17px;
	z-index: 10;
}
header .logo {
	width: 140px;
}

@media only screen and (min-width: 769px) {
	header {
		top: 22px;
		left: 20px;
	}
	header .logo {
		width: 92px;
	}
}
*/
/***
* 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;
}
*/