@charset "UTF-8";

body {
    font-family:"GenJyuuGothic" !important;
    font-size: 1.5rem;
    color: #545454;
    background-image: url(../images/common/bg-wall.jpg);
}

.absolute_center {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.bolder {
    font-weight:bolder;
}

.centerWidthHeight {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.vertical {
  writing-mode: vertical-rl;
}

.align-webkit-base {
  vertical-align: -webkit-baseline-middle;
}

/* hoverアニメーション */
a.menu-atag:hover svg:first-child {
  transition: transform 1s;
  transform: rotate(360deg);
}

.hidden-scrollbar {
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.hidden-scrollbar::-webkit-scrollbar {
  display:none;
}

input[name="rdo_notice_tab"]:checked + label {
  background-color: #d83473!important;
}


@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
    to {
    transform: translateX(-100%);
  }
  }
  .scroll-infinity__wrap {
    display: flex;
    overflow: hidden;
  }
  .scroll-infinity__list {
    display: flex;
    list-style: none;
    padding: 0
  }
  .scroll-infinity__list--left {
    animation: infinity-scroll-left 20s infinite linear 0.5s both;
  }

  .scroll-infinity__item {
    width: calc(100vw / 2);
  }

  .scroll-infinity__item>img {
    width: 100%;
  }

  .menu-animation {
    animation: fadeIn 0.7s cubic-bezier(0.33, 1, 0.68, 1) forwards;
  }

  @media (min-width:768px) {
    .scroll-infinity__item {
      width: calc(100vw / 4);
    }
  }