html {
  /* 1rem = 10px */
  font-size: 62.5%;
}

body {
  position: relative;
  overflow-x: hidden;
  color: #1a1a1a;
  font-size: 16px;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
  background-image: url(../img/common/pc_bg.png);
  background-size: 100% auto;
  background-repeat: repeat-y;
  background-color: #f5d952;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  line-height: unset;
}

a {
  color: #1a1a1a;
  font-weight: 400;
  text-decoration: underline;
  text-decoration-color: #1a1a1a;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

a:hover {
  color: #ffc400;
  text-decoration: underline;
}

a.txt_link {
  color: #ff0000;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: #ff0000;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

a.txt_link:hover {
  color: #1a1a1a;
  text-decoration: underline;
}


.img-events img {
  pointer-events: none;
}

.lity-image img {
  pointer-events: none;
}

@media screen and (min-width: 1px) and (max-width: 767px) {
  
  body {
    font-size: 14px;
    background-image: url(../img/common/sp_bg.png);
  }

  
}