* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family:
    'Hiragino Kaku Gothic ProN',
    'Hiragino Sans',
    'Noto Sans JP',
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
}

.container {
  width: 100%;
  margin: 0 auto;
}

.before\:bg-image-icon-menuBar-open:before {
  content: var(--tw-content);
  background-image: url(https://static-media.www.a-tm.co.jp/user/ec1f175…/_next/images/icon_menuBar_open.svg);
}

.menu-icon-open {
  display: block;
  background-image: url(../images/sp/icon_menuBar_open.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  transition: opacity 0.2s ease;
}

.menu-icon-close {
  display: none;
  background-image: url(../images/sp/icon_menuBar_close.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  transition: opacity 0.2s ease;
}

.menu-active .menu-icon-close {
  display: block;
}

.menu-inactive .menu-icon-close,
.menu-icon-close {
  display: none;
}

@media (min-width: 768px) {
  #js-drawerList {
    display: none !important;
  }
}

.category-checkbox {
  display: none;
}

.category-list {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.category-checkbox:checked + label + .category-list {
  max-height: 500px;
}

@media (min-width: 768px) {
  .category-list {
    max-height: none;
    display: block;
  }
}

#js-menuCloseButton {
  z-index: 60;
}

.footerContainer {
  background-color: rgb(255 225 160);
}
