#whim_240906 {
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  font-style: normal;
}
#whim_240906 img {
  display: block;
  width: 100%;
}
#whim_240906 figure {
  margin: 0;
}
#whim_240906 a {
  display: block;
}
#whim_240906 .container {
  width: 95%;
  margin: 100px auto;
  max-width: 750px;
}
#whim_240906 .grid_title {
  font-size: clamp(24px, 5.3333333333vw, 38px);
  text-align: center;
  margin: 0 auto 30px;
  text-decoration: underline;
}
#whim_240906 .item_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px 5%;
}
#whim_240906 .item_grid li figure {
  position: relative;
}
#whim_240906 .item_grid li figure span {
  position: absolute;
  width: 80%;
  translate: -50% -50%;
  top: 50%;
  left: 50%;
}
#whim_240906 .item_grid ol {
  display: flex;
  justify-content: center;
  width: 40%;
  gap: 10%;
  margin: 20px auto 0;
}
#whim_240906 .alpha {
  font-size: clamp(20px, 5.3333333333vw, 32px);
  text-decoration: underline;
  text-align: center;
  padding-bottom: 5px;
}
#whim_240906 .item_name {
  font-size: clamp(12px, 3.2vw, 18px);
  text-align: center;
}
#whim_240906 .com {
  text-align: center;
  font-size: clamp(9px, 2.4vw, 14px);
  line-height: 1.2;
}
#whim_240906 .credit {
  margin: 10px auto 0;
  text-align: center;
  text-decoration: none;
}
#whim_240906 .buy {
  border: 1px solid #000;
  text-align: center;
  padding: 5px 0;
  width: 50px;
  margin: 5px auto 0;
}
#whim_240906 .line {
  width: 70%;
  margin: clamp(100px, 26.6666666667vw, 150px) auto;
  border: 1px solid #cdcdcd;
}
#whim_240906 .code_grid .alpha {
  text-decoration: none;
}
#whim_240906 .code_grid .alpha span {
  padding: 0 20px;
}
#whim_240906 .code_grid > li:not(li:first-child) {
  margin-top: clamp(80px, 21.3333333333vw, 140px);
}
#whim_240906 .code_grid .flex {
  display: flex;
  gap: 1%;
  justify-content: center;
}
#whim_240906 .code_grid .alpha {
  padding-bottom: clamp(10px, 2.6666666667vw, 20px);
}
#whim_240906 .code_grid .flex .left,
#whim_240906 .code_grid .flex .right {
  width: 44.6666666667vw;
  max-width: 330px;
  height: 100%;
  font-size: 0;
}
#whim_240906 .code_grid .flex .left img,
#whim_240906 .code_grid .flex .right img {
  object-fit: cover;
  height: 100%;
}
#whim_240906 .code_grid .credit {
  width: fit-content;
  text-decoration: underline;
}
#whim_240906 .all_btn {
  width: 80%;
  max-width: 500px;
  padding: 15px 0 12px;
  text-align: center;
  margin: 50px auto 0;
  border: 1px solid #000;
} /*# sourceMappingURL=style.css.map */