@charset "UTF-8";
/* CSS Document */
:root {
  --easing: cubic-bezier(.2, 1, .2, 1);
  --transition: .8s var(--easing);
  --color-base: #f8f8f8;
  --color-gray: #ddd;
  --color-theme: #3155a3;
  --color-theme-darken: #3155a3;
  --box-shadow: .8rem .8rem 1.2rem rgba(0, 0, 0, .08), -.8rem -.8rem 1.2rem #fff;
  --box-shadow-hover: 1rem 1rem 1.5rem rgba(0, 0, 0, .08), -1rem -1rem 1.5rem #fff;
  --box-shadow-inset: inset .8rem .8rem 1.2rem rgba(0, 0, 0, .05), inset -.8rem -.8rem 1.2rem #fff;
  --box-shadow-dark: .8rem .8rem 1.2rem rgba(0, 0, 0, .1), -.8rem -.8rem 1.2rem rgba(#fff, .2);
}

.top-image {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

@media(max-width: 600px) {

 
.hero-area {
    margin-bottom: 100px;
}

.itempage-innner {
  max-width: 100%;
  margin: 0 auto;
}

.itempage-area {
display: flex;
flex-wrap: wrap;
gap: 50px 10px;
margin-bottom: 5rem;
}

.itempage-list {
box-shadow: var(--box-shadow);
width: calc(100% / 2 - 10px);
}

.slide-media img {
width: 100%;
}

.slide-content {
  padding: 1rem;
  word-break: break-all;
}
.itempage-list p {
  font-size: 1.2rem;
}


}



@media(min-width: 601px) {

  .sp-only {
    display: none;
  }

  .hero-area {
    margin-bottom: 100px;
}

.itempage-innner {
    max-width: 1200px;
    margin: 0 auto;
}

.itempage-area {
  display: flex;
  flex-wrap: wrap;
  gap: 100px 10px;
  margin-bottom: 10rem;
}

.itempage-list {
  box-shadow: var(--box-shadow);
  width: calc(100% / 4 - 10px);
}

.slide-media img {
  width: 100%;
}

.slide-content {
    padding: 3.2rem;
    word-break: break-all;
}
.item-list p {
    font-size: 1.6rem;
}
}