body{
    overscroll-behavior-y: contain;
    touch-action: none;
}
.bgblock{
    position: relative;
    font-weight: 900;
}
.overblock{
    position: absolute;
    top: 55px;
    left:50%;
    transform: translate(-50%,0);
}
.fs-80px{
    font-size: 80px;
}
.ffuchi{
     text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
          -1px 1px 0 #FFF, 1px -1px 0 #FFF,
          0px 1px 0 #FFF,  0-1px 0 #FFF,
          -1px 0 0 #FFF, 1px 0 0 #FFF;
}

.loading {
  position: fixed;
  z-index: 1000;
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
    top:0;
  background: #FFFFFF;
}
.loading.hide {
  opacity: 0;
  pointer-events: none;
  transition: opacity 500ms;
}

#canvasField{
    position: relative;
}
canvas{
    position: absolute;
    left: 0;
    top:0;
}
#questionCanvas{
    z-index: 100;
}
#drawCanvas{
    z-index: 200;
}

/* 2024/12/19 追加 */
.row{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    margin: 0;
}
.order-sm-first{
    width: fit-content;
}
.mt-sm-0{
    width: 100%;
}
.order-sm-last{
    width: 100%;
}
.invisible {
    display: none;
}

.btn-book > img{
    height: 24px;
    width: 24px;
}