@charset "utf-8";
/* breakpoint */
/*
width < 601 == mobile

@media (601px <= width <= 1100px) {
【tablet】
}

@media (1100px < width) {
【pc】
}

@media (1920px < width) {
【wide monitor】2160px
}
*/

:root{
  --font-xmas-medium: 500;
  --font-xmas-bold: 700;
  --color-xmas-gold: #E3C44B;
  --space-xmas-side: min(7.291vw, 56px);
}

@media (768px <= width) {
  :root{
  --space-xmas-side: max(7.291vw, 56px);
}

}

@media (1100px < width) {
  :root{
    --space-xmas-side: max(6.25vw, 80px);
  }
}

body{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  letter-spacing: .04em;
  overflow: hidden auto;
  line-height: 1.5;
  font-style: normal;
  font-weight: 400;
  color: #000;
  scroll-behavior: smooth;
  filter: none;
  font-family: "Noto Sans JP", sans-serif;
  word-break: break-word;
  -webkit-text-size-adjust: 100%;
  background-color: #16120D;
}

a[href*="tel:"]{
  text-decoration: underline;
}

@media (768px <= width) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}

.font--en{
  font-family: var(--font-en);
}

.--show-pc{
  display: none;
}

.--show-tablet{
  display: none;
}

.--show-pc-tablet{
  display: none;
}

@media (601px <= width) {
  .--show-sp{
    display: none;
  }

  .--show-pc-tablet{
    display: block;
  }
}

@media (601px <= width <= 1100px){
  .--show-tablet{
    display: block;
  }
}

@media (1100px < width) {
  .--show-pc{
    display: block;
  }

  .--show-tablet-sp{
    display: none;
  }
}