@import url("https://fonts.googleapis.com/css2?family=M+PLUS+2:wght@700&display=swap&text=WelcometoCIRCUSCOFFEE");
.mian-visual {
  width: 100%;
  height: calc(100svh - 150px);
  position: relative;
  /* padding-left: 200px; */
}
.mian-visual h1 {
  font-size: 5.7rem;
  /* font-family: var(--ff-en); */
  font-family: "M PLUS 2", sans-serif;
  letter-spacing: 0.03em;
  position: absolute;
  top: 25%;
  left: 40px;
  transform: translateY(-50%);
  z-index: 2;
  color: var(--black);
}
.mian-visual .splide {
  width: 100%;
  height: 100%;
  visibility: visible;
  pointer-events: none;
  user-select: none;
  position: relative;
  z-index: 1;
}
.mian-visual .splide__track {
  width: 100%;
  height: 100%;
}
.mian-visual .splide__list {
  width: 100%;
}
.mian-visual .splide__slide {
  width: 100%;
  height: 100%;
}
.mian-visual .splide picture {
  width: 100%;
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.mian-visual .splide picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mian-visual .splide .splide__pagination {
  position: absolute;
  bottom: 20px;
  right: 30px;
  z-index: 2;
  gap: 4px;
}
.mian-visual .splide .splide__pagination button {
  width: 24px;
  height: 4px;
  background-color: #bfbfbf;
  transition: 0.4s;
}
.mian-visual .splide .splide__pagination button.is-active {
  background-color: #616161;
}

.block1 {
  padding: var(--vw80) 0;
}
#blogList {
  width: 100%;
  max-width: 1070px;
  min-height: 265px;
  padding: 0 15px;
  margin: var(--vw40) auto 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
#blogList li {
  min-width: 0;
  opacity: 0;
  transform: translateY(20px);
  visibility: hidden;
  transition-duration: 1s;
}
#blogList li:nth-of-type(2) {
  transition-delay: 0.2s;
}
#blogList li:nth-of-type(3) {
  transition-delay: 0.4s;
}
#blogList li:nth-of-type(4) {
  transition-delay: 0.6s;
  display: none;
}
#blogList figure {
  width: 100%;
  aspect-ratio: 336/336;
  margin-bottom: 16px;
  overflow: hidden;
  /* padding: 20px; */
  background-repeat: no-repeat;
  background-size: cover;
}
/* #blogList li figure {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzM2IiBoZWlnaHQ9IjMzNiIgdmlld0JveD0iMCAwIDMzNiAzMzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zMjYuNzQ3IDMxNy44NTZDMzI0LjU1OSAzMTAuNzU4IDMzNS44NzEgMzA5LjA1NSAzMzUuODcxIDMwMS42M0MzMzUuODcxIDI5NC4yMDYgMzI2LjU0MiAyOTQuMjA2IDMyNi41NDIgMjg2Ljc4MUMzMjYuNTQyIDI3OS4zNTcgMzM1Ljg3MSAyNzkuMzU3IDMzNS44NzEgMjcxLjkzMkMzMzUuODcxIDI2NC41MDggMzI2LjU0MiAyNjQuNTA4IDMyNi41NDIgMjU3LjA4M0MzMjYuNTQyIDI0OS42NTkgMzM1Ljg3MSAyNDkuNjU5IDMzNS44NzEgMjQyLjIzNEMzMzUuODcxIDIzNC44MDkgMzI2LjU0MiAyMzQuODA5IDMyNi41NDIgMjI3LjM4NUMzMjYuNTQyIDIxOS45NiAzMzUuODcxIDIxOS45NiAzMzUuODcxIDIxMi41MzZDMzM1Ljg3MSAyMDUuMTExIDMyNi41NDIgMjA1LjExMSAzMjYuNTQyIDE5Ny42ODdDMzI2LjU0MiAxOTAuMjYyIDMzNS44NzEgMTkwLjI2MiAzMzUuODcxIDE4Mi44MzdDMzM1Ljg3MSAxNzUuNDEzIDMyNi41NDIgMTc1LjQxMyAzMjYuNTQyIDE2Ny45ODhDMzI2LjU0MiAxNjAuNTY0IDMzNS44NzEgMTYwLjU2NCAzMzUuODcxIDE1My4xMzlDMzM1Ljg3MSAxNDUuNzE1IDMyNi41NDIgMTQ1LjcxNSAzMjYuNTQyIDEzOC4yOUMzMjYuNTQyIDEzMC44NjYgMzM1Ljg3MSAxMzAuODY2IDMzNS44NzEgMTIzLjQ0MUMzMzUuODcxIDExNi4wMTYgMzI2LjU0MiAxMTYuMDE2IDMyNi41NDIgMTA4LjU5MkMzMjYuNTQyIDEwMS4xNjcgMzM1Ljg3MSAxMDEuMTY3IDMzNS44NzEgOTMuNzQyN0MzMzUuODcxIDg2LjMxODEgMzI2LjU0MiA4Ni4zMTgxIDMyNi41NDIgNzguODkzNkMzMjYuNTQyIDcxLjQ2OSAzMzUuODcxIDcxLjQ2OSAzMzUuODcxIDY0LjA0OTFDMzM1Ljg3MSA1Ni42MjkyIDMyNi41NDIgNTYuNjI0NSAzMjYuNTQyIDQ5LjIwNDdDMzI2LjU0MiA0MS43ODQ4IDMzNS44NzEgNDEuNzgwMSAzMzUuODcxIDM0LjM2MDJDMzM1Ljg3MSAyNi45NDAzIDMyNi41NDIgMjYuOTM1NiAzMjYuNTQyIDE5LjUxNTdDMzI2LjU0MiAxMi4wOTU4IDMzOS43NTMgNi42MTcyNCAzMzQuNTA1IDEuMzY3MzFDMzI5LjI1NyAtMy44ODI2MSAzMjMuNzg1IDkuMzMzMiAzMTYuMzU4IDkuMzMzMkMzMDguOTMyIDkuMzMzMiAzMDguOTM2IDAgMzAxLjUxIDBDMjk0LjA4MyAwIDI5NC4wODggOS4zMzMyIDI4Ni42NjYgOS4zMzMyQzI3OS4yNDQgOS4zMzMyIDI3OS4yNDQgMCAyNzEuODIzIDBDMjY0LjQwMSAwIDI2NC40MDEgOS4zMzMyIDI1Ni45NzkgOS4zMzMyQzI0OS41NTcgOS4zMzMyIDI0OS41NTcgMCAyNDIuMTM1IDBDMjM0LjcxMyAwIDIzNC43MTMgOS4zMzMyIDIyNy4yOTIgOS4zMzMyQzIxOS44NyA5LjMzMzIgMjE5Ljg3NCAwLjAwNDY2NjYgMjEyLjQ1MyAwLjAwNDY2NjZDMjA1LjAzMSAwLjAwNDY2NjYgMjA1LjAzMSA5LjMzNzg3IDE5Ny42MDkgOS4zMzc4N0MxOTAuMTg3IDkuMzM3ODcgMTkwLjE4NyAwLjAwNDY2NjYgMTgyLjc2NSAwLjAwNDY2NjZDMTc1LjM0NCAwLjAwNDY2NjYgMTc1LjM0NCA5LjMzNzg3IDE2Ny45MjIgOS4zMzc4N0MxNjAuNSA5LjMzNzg3IDE2MC41MDUgMC4wMDQ2NjY2IDE1My4wODMgMC4wMDQ2NjY2QzE0NS42NjEgMC4wMDQ2NjY2IDE0NS42NjEgOS4zMzc4NyAxMzguMjM5IDkuMzM3ODdDMTMwLjgxNyA5LjMzNzg3IDEzMC44MTcgMC4wMDQ2NjY2IDEyMy4zOTUgMC4wMDQ2NjY2QzExNS45NzQgMC4wMDQ2NjY2IDExNS45NzQgOS4zMzc4NyAxMDguNTUyIDkuMzM3ODdDMTAxLjEzIDkuMzM3ODcgMTAxLjEzNSAwLjAwNDY2NjYgOTMuNzEyOCAwLjAwNDY2NjZDODYuMjkxIDAuMDA0NjY2NiA4Ni4yOTEgOS4zMzc4NyA3OC44NjkxIDkuMzM3ODdDNzEuNDQ3MyA5LjMzNzg3IDcxLjQ1MiAwLjAwNDY2NjYgNjQuMDMwMSAwLjAwNDY2NjZDNTYuNjA4MyAwLjAwNDY2NjYgNTYuNjA4MyA5LjMzNzg3IDQ5LjE5MTIgOS4zMzc4N0M0MS43NzQgOS4zMzc4NyA0MS43NjkzIDAuMDA0NjY2NiAzNC4zNDc1IDAuMDA0NjY2NkMyNi45MjU3IDAuMDA0NjY2NiAyNi45MjU3IDkuMzM3ODcgMTkuNTA4NSA5LjMzNzg3QzEyLjA5MTQgOS4zMzc4NyA2LjYxNDggLTMuODc3OTUgMS4zNjY4MSAxLjM3MTk4Qy0zLjg4MTE4IDYuNjIxOTEgOS4zMjk3NiAxMi4wOTU4IDkuMzI5NzYgMTkuNTI1MUM5LjMyOTc2IDI2Ljk1NDMgMCAyNi45NDk2IDAgMzQuMzc0MkMwIDQxLjc5ODggOS4zMjk3NiA0MS43OTg4IDkuMzI5NzYgNDkuMjIzM0M5LjMyOTc2IDU2LjY0NzkgMCA1Ni42NDc5IDAgNjQuMDcyNEMwIDcxLjQ5NyA5LjMyOTc2IDcxLjQ5NyA5LjMyOTc2IDc4LjkyMTZDOS4zMjk3NiA4Ni4zNDYxIDAgODYuMzQ2MSAwIDkzLjc3MDdDMCAxMDEuMTk1IDkuMzI5NzYgMTAxLjE5NSA5LjMyOTc2IDEwOC42MkM5LjMyOTc2IDExNi4wNDQgMCAxMTYuMDQ0IDAgMTIzLjQ2OUMwIDEzMC44OTQgOS4zMjk3NiAxMzAuODk0IDkuMzI5NzYgMTM4LjMxOEM5LjMyOTc2IDE0NS43NDMgMCAxNDUuNzQzIDAgMTUzLjE2N0MwIDE2MC41OTIgOS4zMjk3NiAxNjAuNTkyIDkuMzI5NzYgMTY4LjAxNkM5LjMyOTc2IDE3NS40NDEgMCAxNzUuNDM2IDAgMTgyLjg2MUMwIDE5MC4yODUgOS4zMjk3NiAxOTAuMjg1IDkuMzI5NzYgMTk3LjcxQzkuMzI5NzYgMjA1LjEzNCAwIDIwNS4xMzQgMCAyMTIuNTU5QzAgMjE5Ljk4NCA5LjMyOTc2IDIxOS45ODQgOS4zMjk3NiAyMjcuNDA4QzkuMzI5NzYgMjM0LjgzMyAwIDIzNC44MzMgMCAyNDIuMjU3QzAgMjQ5LjY4MiA5LjMyOTc2IDI0OS42ODIgOS4zMjk3NiAyNTcuMTA2QzkuMzI5NzYgMjY0LjUzMSAwIDI2NC41MzEgMCAyNzEuOTUxQzAgMjc5LjM3MSA5LjMyOTc2IDI3OS4zNzUgOS4zMjk3NiAyODYuNzk1QzkuMzI5NzYgMjk0LjIxNSAwIDI5NC4yMiAwIDMwMS42NEMwIDMwOS4wNiA5LjMyOTc2IDMwOS4wNjQgOS4zMjk3NiAzMTYuNDg0QzkuMzI5NzYgMzIzLjkwNCAtMy44ODExOCAzMjkuMzgzIDEuMzY2ODEgMzM0LjYzM0M2LjYxNDggMzM5Ljg4MyAxMi4wODY3IDMyNi42NjcgMTkuNTEzMiAzMjYuNjY3QzI2LjkzOTcgMzI2LjY2NyAyNi45MzUgMzM2IDM0LjM2MTUgMzM2QzQxLjc4OCAzMzYgNDEuNzgzMyAzMjYuNjY3IDQ5LjIwNTIgMzI2LjY2N0M1Ni42MjcgMzI2LjY2NyA1Ni42MjcgMzM2IDY0LjA0ODggMzM2QzcxLjQ3MDYgMzM2IDcxLjQ3MDYgMzI2LjY2NyA3OC44OTI1IDMyNi42NjdDODYuMzE0MyAzMjYuNjY3IDg2LjMxNDMgMzM2IDkzLjczNjEgMzM2QzEwMS4xNTggMzM2IDEwMS4xNTggMzI2LjY2NyAxMDguNTggMzI2LjY2N0MxMTYuMDAyIDMyNi42NjcgMTE2LjAwMiAzMzYgMTIzLjQyMyAzMzZDMTMwLjg0NSAzMzYgMTMwLjg0NSAzMjYuNjY3IDEzOC4yNjcgMzI2LjY2N0MxNDUuNjg5IDMyNi42NjcgMTQ1LjY4OSAzMzYgMTUzLjExMSAzMzZDMTYwLjUzMyAzMzYgMTYwLjUzMyAzMjYuNjY3IDE2Ny45NTQgMzI2LjY2N0MxNzUuMzc2IDMyNi42NjcgMTc1LjM3NiAzMzYgMTgyLjc5OCAzMzZDMTkwLjIyIDMzNiAxOTAuMjIgMzI2LjY2NyAxOTcuNjQyIDMyNi42NjdDMjA1LjA2MyAzMjYuNjY3IDIwNS4wNjMgMzM2IDIxMi40ODUgMzM2QzIxOS45MDcgMzM2IDIxOS45MDcgMzI2LjY2NyAyMjcuMzI5IDMyNi42NjdDMjM0Ljc1MSAzMjYuNjY3IDIzNC43NTEgMzM2IDI0Mi4xNzMgMzM2QzI0OS41OTQgMzM2IDI0OS41OTQgMzI2LjY2NyAyNTcuMDE2IDMyNi42NjdDMjY0LjQzOCAzMjYuNjY3IDI2NC40MzggMzM2IDI3MS44NTUgMzM2QzI3OS4yNzIgMzM2IDI3OS4yNzcgMzI2LjY2NyAyODYuNjk0IDMyNi42NjdDMjk0LjExMSAzMjYuNjY3IDI5NC4xMTYgMzM2IDMwMS41MzMgMzM2QzMwOC45NSAzMzYgMzA4Ljk1NSAzMjYuNjY3IDMxNi4zNzIgMzI2LjY2N0MzMjMuNzg5IDMyNi42NjcgMzI5LjI2NiAzMzkuODgzIDMzNC41MTQgMzM0LjYzM0MzMzkuNzYyIDMyOS4zODMgMzI5LjY0OCAzMjcuMjQ1IDMyNi43NTYgMzE3Ljg1NkgzMjYuNzQ3Wk0zMTIuNTQ3IDMxMi42NjdIMjMuMzI0NFYyMy4zMzc3SDMxMi41NDdWMzEyLjY2N1oiIGZpbGw9IiM2OEJGRTEiLz4KPC9zdmc+");
}
#blogList li:nth-of-type(2) figure {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzM2IiBoZWlnaHQ9IjMzNiIgdmlld0JveD0iMCAwIDMzNiAzMzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zMjYuNzQ3IDMxNy44NTZDMzI0LjU1OSAzMTAuNzU4IDMzNS44NzEgMzA5LjA1NSAzMzUuODcxIDMwMS42M0MzMzUuODcxIDI5NC4yMDYgMzI2LjU0MiAyOTQuMjA2IDMyNi41NDIgMjg2Ljc4MUMzMjYuNTQyIDI3OS4zNTcgMzM1Ljg3MSAyNzkuMzU3IDMzNS44NzEgMjcxLjkzMkMzMzUuODcxIDI2NC41MDggMzI2LjU0MiAyNjQuNTA4IDMyNi41NDIgMjU3LjA4M0MzMjYuNTQyIDI0OS42NTkgMzM1Ljg3MSAyNDkuNjU5IDMzNS44NzEgMjQyLjIzNEMzMzUuODcxIDIzNC44MDkgMzI2LjU0MiAyMzQuODA5IDMyNi41NDIgMjI3LjM4NUMzMjYuNTQyIDIxOS45NiAzMzUuODcxIDIxOS45NiAzMzUuODcxIDIxMi41MzZDMzM1Ljg3MSAyMDUuMTExIDMyNi41NDIgMjA1LjExMSAzMjYuNTQyIDE5Ny42ODdDMzI2LjU0MiAxOTAuMjYyIDMzNS44NzEgMTkwLjI2MiAzMzUuODcxIDE4Mi44MzdDMzM1Ljg3MSAxNzUuNDEzIDMyNi41NDIgMTc1LjQxMyAzMjYuNTQyIDE2Ny45ODhDMzI2LjU0MiAxNjAuNTY0IDMzNS44NzEgMTYwLjU2NCAzMzUuODcxIDE1My4xMzlDMzM1Ljg3MSAxNDUuNzE1IDMyNi41NDIgMTQ1LjcxNSAzMjYuNTQyIDEzOC4yOUMzMjYuNTQyIDEzMC44NjYgMzM1Ljg3MSAxMzAuODY2IDMzNS44NzEgMTIzLjQ0MUMzMzUuODcxIDExNi4wMTYgMzI2LjU0MiAxMTYuMDE2IDMyNi41NDIgMTA4LjU5MkMzMjYuNTQyIDEwMS4xNjcgMzM1Ljg3MSAxMDEuMTY3IDMzNS44NzEgOTMuNzQyN0MzMzUuODcxIDg2LjMxODEgMzI2LjU0MiA4Ni4zMTgxIDMyNi41NDIgNzguODkzNkMzMjYuNTQyIDcxLjQ2OSAzMzUuODcxIDcxLjQ2OSAzMzUuODcxIDY0LjA0OTFDMzM1Ljg3MSA1Ni42MjkyIDMyNi41NDIgNTYuNjI0NSAzMjYuNTQyIDQ5LjIwNDZDMzI2LjU0MiA0MS43ODQ4IDMzNS44NzEgNDEuNzgwMSAzMzUuODcxIDM0LjM2MDJDMzM1Ljg3MSAyNi45NDAzIDMyNi41NDIgMjYuOTM1NiAzMjYuNTQyIDE5LjUxNTdDMzI2LjU0MiAxMi4wOTU4IDMzOS43NTMgNi42MTcyNCAzMzQuNTA1IDEuMzY3MzFDMzI5LjI1NyAtMy44ODI2MSAzMjMuNzg1IDkuMzMzMiAzMTYuMzU4IDkuMzMzMkMzMDguOTMyIDkuMzMzMiAzMDguOTM2IDAgMzAxLjUxIDBDMjk0LjA4MyAwIDI5NC4wODggOS4zMzMyIDI4Ni42NjYgOS4zMzMyQzI3OS4yNDQgOS4zMzMyIDI3OS4yNDQgMCAyNzEuODIzIDBDMjY0LjQwMSAwIDI2NC40MDEgOS4zMzMyIDI1Ni45NzkgOS4zMzMyQzI0OS41NTcgOS4zMzMyIDI0OS41NTcgMCAyNDIuMTM1IDBDMjM0LjcxMyAwIDIzNC43MTMgOS4zMzMyIDIyNy4yOTIgOS4zMzMyQzIxOS44NyA5LjMzMzIgMjE5Ljg3NCAwLjAwNDY2NjYgMjEyLjQ1MyAwLjAwNDY2NjZDMjA1LjAzMSAwLjAwNDY2NjYgMjA1LjAzMSA5LjMzNzg3IDE5Ny42MDkgOS4zMzc4N0MxOTAuMTg3IDkuMzM3ODcgMTkwLjE4NyAwLjAwNDY2NjYgMTgyLjc2NSAwLjAwNDY2NjZDMTc1LjM0NCAwLjAwNDY2NjYgMTc1LjM0NCA5LjMzNzg3IDE2Ny45MjIgOS4zMzc4N0MxNjAuNSA5LjMzNzg3IDE2MC41MDUgMC4wMDQ2NjY2IDE1My4wODMgMC4wMDQ2NjY2QzE0NS42NjEgMC4wMDQ2NjY2IDE0NS42NjEgOS4zMzc4NyAxMzguMjM5IDkuMzM3ODdDMTMwLjgxNyA5LjMzNzg3IDEzMC44MTcgMC4wMDQ2NjY2IDEyMy4zOTUgMC4wMDQ2NjY2QzExNS45NzQgMC4wMDQ2NjY2IDExNS45NzQgOS4zMzc4NyAxMDguNTUyIDkuMzM3ODdDMTAxLjEzIDkuMzM3ODcgMTAxLjEzNSAwLjAwNDY2NjYgOTMuNzEyOCAwLjAwNDY2NjZDODYuMjkxIDAuMDA0NjY2NiA4Ni4yOTEgOS4zMzc4NyA3OC44NjkxIDkuMzM3ODdDNzEuNDQ3MyA5LjMzNzg3IDcxLjQ1MiAwLjAwNDY2NjYgNjQuMDMwMSAwLjAwNDY2NjZDNTYuNjA4MyAwLjAwNDY2NjYgNTYuNjA4MyA5LjMzNzg3IDQ5LjE5MTIgOS4zMzc4N0M0MS43NzQgOS4zMzc4NyA0MS43NjkzIDAuMDA0NjY2NiAzNC4zNDc1IDAuMDA0NjY2NkMyNi45MjU3IDAuMDA0NjY2NiAyNi45MjU3IDkuMzM3ODcgMTkuNTA4NSA5LjMzNzg3QzEyLjA5MTQgOS4zMzc4NyA2LjYxNDggLTMuODc3OTUgMS4zNjY4MSAxLjM3MTk4Qy0zLjg4MTE4IDYuNjIxOTEgOS4zMjk3NiAxMi4wOTU4IDkuMzI5NzYgMTkuNTI1MUM5LjMyOTc2IDI2Ljk1NDMgMCAyNi45NDk2IDAgMzQuMzc0MkMwIDQxLjc5ODggOS4zMjk3NiA0MS43OTg4IDkuMzI5NzYgNDkuMjIzM0M5LjMyOTc2IDU2LjY0NzkgMCA1Ni42NDc5IDAgNjQuMDcyNEMwIDcxLjQ5NyA5LjMyOTc2IDcxLjQ5NyA5LjMyOTc2IDc4LjkyMTZDOS4zMjk3NiA4Ni4zNDYxIDAgODYuMzQ2MSAwIDkzLjc3MDdDMCAxMDEuMTk1IDkuMzI5NzYgMTAxLjE5NSA5LjMyOTc2IDEwOC42MkM5LjMyOTc2IDExNi4wNDQgMCAxMTYuMDQ0IDAgMTIzLjQ2OUMwIDEzMC44OTQgOS4zMjk3NiAxMzAuODk0IDkuMzI5NzYgMTM4LjMxOEM5LjMyOTc2IDE0NS43NDMgMCAxNDUuNzQzIDAgMTUzLjE2N0MwIDE2MC41OTIgOS4zMjk3NiAxNjAuNTkyIDkuMzI5NzYgMTY4LjAxNkM5LjMyOTc2IDE3NS40NDEgMCAxNzUuNDM2IDAgMTgyLjg2MUMwIDE5MC4yODUgOS4zMjk3NiAxOTAuMjg1IDkuMzI5NzYgMTk3LjcxQzkuMzI5NzYgMjA1LjEzNCAwIDIwNS4xMzQgMCAyMTIuNTU5QzAgMjE5Ljk4NCA5LjMyOTc2IDIxOS45ODQgOS4zMjk3NiAyMjcuNDA4QzkuMzI5NzYgMjM0LjgzMyAwIDIzNC44MzMgMCAyNDIuMjU3QzAgMjQ5LjY4MiA5LjMyOTc2IDI0OS42ODIgOS4zMjk3NiAyNTcuMTA2QzkuMzI5NzYgMjY0LjUzMSAwIDI2NC41MzEgMCAyNzEuOTUxQzAgMjc5LjM3MSA5LjMyOTc2IDI3OS4zNzUgOS4zMjk3NiAyODYuNzk1QzkuMzI5NzYgMjk0LjIxNSAwIDI5NC4yMiAwIDMwMS42NEMwIDMwOS4wNiA5LjMyOTc2IDMwOS4wNjQgOS4zMjk3NiAzMTYuNDg0QzkuMzI5NzYgMzIzLjkwNCAtMy44ODExOCAzMjkuMzgzIDEuMzY2ODEgMzM0LjYzM0M2LjYxNDggMzM5Ljg4MyAxMi4wODY3IDMyNi42NjcgMTkuNTEzMiAzMjYuNjY3QzI2LjkzOTcgMzI2LjY2NyAyNi45MzUgMzM2IDM0LjM2MTUgMzM2QzQxLjc4OCAzMzYgNDEuNzgzMyAzMjYuNjY3IDQ5LjIwNTIgMzI2LjY2N0M1Ni42MjcgMzI2LjY2NyA1Ni42MjcgMzM2IDY0LjA0ODggMzM2QzcxLjQ3MDYgMzM2IDcxLjQ3MDYgMzI2LjY2NyA3OC44OTI1IDMyNi42NjdDODYuMzE0MyAzMjYuNjY3IDg2LjMxNDMgMzM2IDkzLjczNjEgMzM2QzEwMS4xNTggMzM2IDEwMS4xNTggMzI2LjY2NyAxMDguNTggMzI2LjY2N0MxMTYuMDAyIDMyNi42NjcgMTE2LjAwMiAzMzYgMTIzLjQyMyAzMzZDMTMwLjg0NSAzMzYgMTMwLjg0NSAzMjYuNjY3IDEzOC4yNjcgMzI2LjY2N0MxNDUuNjg5IDMyNi42NjcgMTQ1LjY4OSAzMzYgMTUzLjExMSAzMzZDMTYwLjUzMyAzMzYgMTYwLjUzMyAzMjYuNjY3IDE2Ny45NTQgMzI2LjY2N0MxNzUuMzc2IDMyNi42NjcgMTc1LjM3NiAzMzYgMTgyLjc5OCAzMzZDMTkwLjIyIDMzNiAxOTAuMjIgMzI2LjY2NyAxOTcuNjQyIDMyNi42NjdDMjA1LjA2MyAzMjYuNjY3IDIwNS4wNjMgMzM2IDIxMi40ODUgMzM2QzIxOS45MDcgMzM2IDIxOS45MDcgMzI2LjY2NyAyMjcuMzI5IDMyNi42NjdDMjM0Ljc1MSAzMjYuNjY3IDIzNC43NTEgMzM2IDI0Mi4xNzMgMzM2QzI0OS41OTQgMzM2IDI0OS41OTQgMzI2LjY2NyAyNTcuMDE2IDMyNi42NjdDMjY0LjQzOCAzMjYuNjY3IDI2NC40MzggMzM2IDI3MS44NTUgMzM2QzI3OS4yNzIgMzM2IDI3OS4yNzcgMzI2LjY2NyAyODYuNjk0IDMyNi42NjdDMjk0LjExMSAzMjYuNjY3IDI5NC4xMTYgMzM2IDMwMS41MzMgMzM2QzMwOC45NSAzMzYgMzA4Ljk1NSAzMjYuNjY3IDMxNi4zNzIgMzI2LjY2N0MzMjMuNzg5IDMyNi42NjcgMzI5LjI2NiAzMzkuODgzIDMzNC41MTQgMzM0LjYzM0MzMzkuNzYyIDMyOS4zODMgMzI5LjY0OCAzMjcuMjQ1IDMyNi43NTYgMzE3Ljg1NkgzMjYuNzQ3Wk0zMTIuNTQ3IDMxMi42NjdIMjMuMzI0NFYyMy4zMzc3SDMxMi41NDdWMzEyLjY2N1oiIGZpbGw9IiNGRkU1N0YiLz4KPC9zdmc+");
}
#blogList li:nth-of-type(3) figure {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzM2IiBoZWlnaHQ9IjMzNiIgdmlld0JveD0iMCAwIDMzNiAzMzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zMjYuNzQ3IDMxNy44NTZDMzI0LjU1OSAzMTAuNzU4IDMzNS44NzEgMzA5LjA1NSAzMzUuODcxIDMwMS42M0MzMzUuODcxIDI5NC4yMDYgMzI2LjU0MiAyOTQuMjA2IDMyNi41NDIgMjg2Ljc4MUMzMjYuNTQyIDI3OS4zNTcgMzM1Ljg3MSAyNzkuMzU3IDMzNS44NzEgMjcxLjkzMkMzMzUuODcxIDI2NC41MDggMzI2LjU0MiAyNjQuNTA4IDMyNi41NDIgMjU3LjA4M0MzMjYuNTQyIDI0OS42NTkgMzM1Ljg3MSAyNDkuNjU5IDMzNS44NzEgMjQyLjIzNEMzMzUuODcxIDIzNC44MDkgMzI2LjU0MiAyMzQuODA5IDMyNi41NDIgMjI3LjM4NUMzMjYuNTQyIDIxOS45NiAzMzUuODcxIDIxOS45NiAzMzUuODcxIDIxMi41MzZDMzM1Ljg3MSAyMDUuMTExIDMyNi41NDIgMjA1LjExMSAzMjYuNTQyIDE5Ny42ODdDMzI2LjU0MiAxOTAuMjYyIDMzNS44NzEgMTkwLjI2MiAzMzUuODcxIDE4Mi44MzdDMzM1Ljg3MSAxNzUuNDEzIDMyNi41NDIgMTc1LjQxMyAzMjYuNTQyIDE2Ny45ODhDMzI2LjU0MiAxNjAuNTY0IDMzNS44NzEgMTYwLjU2NCAzMzUuODcxIDE1My4xMzlDMzM1Ljg3MSAxNDUuNzE1IDMyNi41NDIgMTQ1LjcxNSAzMjYuNTQyIDEzOC4yOUMzMjYuNTQyIDEzMC44NjYgMzM1Ljg3MSAxMzAuODY2IDMzNS44NzEgMTIzLjQ0MUMzMzUuODcxIDExNi4wMTYgMzI2LjU0MiAxMTYuMDE2IDMyNi41NDIgMTA4LjU5MkMzMjYuNTQyIDEwMS4xNjcgMzM1Ljg3MSAxMDEuMTY3IDMzNS44NzEgOTMuNzQyN0MzMzUuODcxIDg2LjMxODEgMzI2LjU0MiA4Ni4zMTgxIDMyNi41NDIgNzguODkzNkMzMjYuNTQyIDcxLjQ2OSAzMzUuODcxIDcxLjQ2OSAzMzUuODcxIDY0LjA0OTFDMzM1Ljg3MSA1Ni42MjkyIDMyNi41NDIgNTYuNjI0NSAzMjYuNTQyIDQ5LjIwNDZDMzI2LjU0MiA0MS43ODQ4IDMzNS44NzEgNDEuNzgwMSAzMzUuODcxIDM0LjM2MDJDMzM1Ljg3MSAyNi45NDAzIDMyNi41NDIgMjYuOTM1NiAzMjYuNTQyIDE5LjUxNTdDMzI2LjU0MiAxMi4wOTU4IDMzOS43NTMgNi42MTcyNCAzMzQuNTA1IDEuMzY3MzFDMzI5LjI1NyAtMy44ODI2MSAzMjMuNzg1IDkuMzMzMiAzMTYuMzU4IDkuMzMzMkMzMDguOTMyIDkuMzMzMiAzMDguOTM2IDAgMzAxLjUxIDBDMjk0LjA4MyAwIDI5NC4wODggOS4zMzMyIDI4Ni42NjYgOS4zMzMyQzI3OS4yNDQgOS4zMzMyIDI3OS4yNDQgMCAyNzEuODIzIDBDMjY0LjQwMSAwIDI2NC40MDEgOS4zMzMyIDI1Ni45NzkgOS4zMzMyQzI0OS41NTcgOS4zMzMyIDI0OS41NTcgMCAyNDIuMTM1IDBDMjM0LjcxMyAwIDIzNC43MTMgOS4zMzMyIDIyNy4yOTIgOS4zMzMyQzIxOS44NyA5LjMzMzIgMjE5Ljg3NCAwLjAwNDY2NjYgMjEyLjQ1MyAwLjAwNDY2NjZDMjA1LjAzMSAwLjAwNDY2NjYgMjA1LjAzMSA5LjMzNzg3IDE5Ny42MDkgOS4zMzc4N0MxOTAuMTg3IDkuMzM3ODcgMTkwLjE4NyAwLjAwNDY2NjYgMTgyLjc2NSAwLjAwNDY2NjZDMTc1LjM0NCAwLjAwNDY2NjYgMTc1LjM0NCA5LjMzNzg3IDE2Ny45MjIgOS4zMzc4N0MxNjAuNSA5LjMzNzg3IDE2MC41MDUgMC4wMDQ2NjY2IDE1My4wODMgMC4wMDQ2NjY2QzE0NS42NjEgMC4wMDQ2NjY2IDE0NS42NjEgOS4zMzc4NyAxMzguMjM5IDkuMzM3ODdDMTMwLjgxNyA5LjMzNzg3IDEzMC44MTcgMC4wMDQ2NjY2IDEyMy4zOTUgMC4wMDQ2NjY2QzExNS45NzQgMC4wMDQ2NjY2IDExNS45NzQgOS4zMzc4NyAxMDguNTUyIDkuMzM3ODdDMTAxLjEzIDkuMzM3ODcgMTAxLjEzNSAwLjAwNDY2NjYgOTMuNzEyOCAwLjAwNDY2NjZDODYuMjkxIDAuMDA0NjY2NiA4Ni4yOTEgOS4zMzc4NyA3OC44NjkxIDkuMzM3ODdDNzEuNDQ3MyA5LjMzNzg3IDcxLjQ1MiAwLjAwNDY2NjYgNjQuMDMwMSAwLjAwNDY2NjZDNTYuNjA4MyAwLjAwNDY2NjYgNTYuNjA4MyA5LjMzNzg3IDQ5LjE5MTIgOS4zMzc4N0M0MS43NzQgOS4zMzc4NyA0MS43NjkzIDAuMDA0NjY2NiAzNC4zNDc1IDAuMDA0NjY2NkMyNi45MjU3IDAuMDA0NjY2NiAyNi45MjU3IDkuMzM3ODcgMTkuNTA4NSA5LjMzNzg3QzEyLjA5MTQgOS4zMzc4NyA2LjYxNDggLTMuODc3OTUgMS4zNjY4MSAxLjM3MTk4Qy0zLjg4MTE4IDYuNjIxOTEgOS4zMjk3NiAxMi4wOTU4IDkuMzI5NzYgMTkuNTI1MUM5LjMyOTc2IDI2Ljk1NDMgMCAyNi45NDk2IDAgMzQuMzc0MkMwIDQxLjc5ODggOS4zMjk3NiA0MS43OTg4IDkuMzI5NzYgNDkuMjIzM0M5LjMyOTc2IDU2LjY0NzkgMCA1Ni42NDc5IDAgNjQuMDcyNEMwIDcxLjQ5NyA5LjMyOTc2IDcxLjQ5NyA5LjMyOTc2IDc4LjkyMTZDOS4zMjk3NiA4Ni4zNDYxIDAgODYuMzQ2MSAwIDkzLjc3MDdDMCAxMDEuMTk1IDkuMzI5NzYgMTAxLjE5NSA5LjMyOTc2IDEwOC42MkM5LjMyOTc2IDExNi4wNDQgMCAxMTYuMDQ0IDAgMTIzLjQ2OUMwIDEzMC44OTQgOS4zMjk3NiAxMzAuODk0IDkuMzI5NzYgMTM4LjMxOEM5LjMyOTc2IDE0NS43NDMgMCAxNDUuNzQzIDAgMTUzLjE2N0MwIDE2MC41OTIgOS4zMjk3NiAxNjAuNTkyIDkuMzI5NzYgMTY4LjAxNkM5LjMyOTc2IDE3NS40NDEgMCAxNzUuNDM2IDAgMTgyLjg2MUMwIDE5MC4yODUgOS4zMjk3NiAxOTAuMjg1IDkuMzI5NzYgMTk3LjcxQzkuMzI5NzYgMjA1LjEzNCAwIDIwNS4xMzQgMCAyMTIuNTU5QzAgMjE5Ljk4NCA5LjMyOTc2IDIxOS45ODQgOS4zMjk3NiAyMjcuNDA4QzkuMzI5NzYgMjM0LjgzMyAwIDIzNC44MzMgMCAyNDIuMjU3QzAgMjQ5LjY4MiA5LjMyOTc2IDI0OS42ODIgOS4zMjk3NiAyNTcuMTA2QzkuMzI5NzYgMjY0LjUzMSAwIDI2NC41MzEgMCAyNzEuOTUxQzAgMjc5LjM3MSA5LjMyOTc2IDI3OS4zNzUgOS4zMjk3NiAyODYuNzk1QzkuMzI5NzYgMjk0LjIxNSAwIDI5NC4yMiAwIDMwMS42NEMwIDMwOS4wNiA5LjMyOTc2IDMwOS4wNjQgOS4zMjk3NiAzMTYuNDg0QzkuMzI5NzYgMzIzLjkwNCAtMy44ODExOCAzMjkuMzgzIDEuMzY2ODEgMzM0LjYzM0M2LjYxNDggMzM5Ljg4MyAxMi4wODY3IDMyNi42NjcgMTkuNTEzMiAzMjYuNjY3QzI2LjkzOTcgMzI2LjY2NyAyNi45MzUgMzM2IDM0LjM2MTUgMzM2QzQxLjc4OCAzMzYgNDEuNzgzMyAzMjYuNjY3IDQ5LjIwNTIgMzI2LjY2N0M1Ni42MjcgMzI2LjY2NyA1Ni42MjcgMzM2IDY0LjA0ODggMzM2QzcxLjQ3MDYgMzM2IDcxLjQ3MDYgMzI2LjY2NyA3OC44OTI1IDMyNi42NjdDODYuMzE0MyAzMjYuNjY3IDg2LjMxNDMgMzM2IDkzLjczNjEgMzM2QzEwMS4xNTggMzM2IDEwMS4xNTggMzI2LjY2NyAxMDguNTggMzI2LjY2N0MxMTYuMDAyIDMyNi42NjcgMTE2LjAwMiAzMzYgMTIzLjQyMyAzMzZDMTMwLjg0NSAzMzYgMTMwLjg0NSAzMjYuNjY3IDEzOC4yNjcgMzI2LjY2N0MxNDUuNjg5IDMyNi42NjcgMTQ1LjY4OSAzMzYgMTUzLjExMSAzMzZDMTYwLjUzMyAzMzYgMTYwLjUzMyAzMjYuNjY3IDE2Ny45NTQgMzI2LjY2N0MxNzUuMzc2IDMyNi42NjcgMTc1LjM3NiAzMzYgMTgyLjc5OCAzMzZDMTkwLjIyIDMzNiAxOTAuMjIgMzI2LjY2NyAxOTcuNjQyIDMyNi42NjdDMjA1LjA2MyAzMjYuNjY3IDIwNS4wNjMgMzM2IDIxMi40ODUgMzM2QzIxOS45MDcgMzM2IDIxOS45MDcgMzI2LjY2NyAyMjcuMzI5IDMyNi42NjdDMjM0Ljc1MSAzMjYuNjY3IDIzNC43NTEgMzM2IDI0Mi4xNzMgMzM2QzI0OS41OTQgMzM2IDI0OS41OTQgMzI2LjY2NyAyNTcuMDE2IDMyNi42NjdDMjY0LjQzOCAzMjYuNjY3IDI2NC40MzggMzM2IDI3MS44NTUgMzM2QzI3OS4yNzIgMzM2IDI3OS4yNzcgMzI2LjY2NyAyODYuNjk0IDMyNi42NjdDMjk0LjExMSAzMjYuNjY3IDI5NC4xMTYgMzM2IDMwMS41MzMgMzM2QzMwOC45NSAzMzYgMzA4Ljk1NSAzMjYuNjY3IDMxNi4zNzIgMzI2LjY2N0MzMjMuNzg5IDMyNi42NjcgMzI5LjI2NiAzMzkuODgzIDMzNC41MTQgMzM0LjYzM0MzMzkuNzYyIDMyOS4zODMgMzI5LjY0OCAzMjcuMjQ1IDMyNi43NTYgMzE3Ljg1NkgzMjYuNzQ3Wk0zMTIuNTQ3IDMxMi42NjdIMjMuMzI0NFYyMy4zMzc3SDMxMi41NDdWMzEyLjY2N1oiIGZpbGw9IiNGRkQ3RDciLz4KPC9zdmc+");
} */
#blogList figure > div {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  overflow: hidden;
}
#blogList figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s;
}
#blogList time {
  font-size: 1.4rem;
}
#blogList h3 {
  font-size: 1.6rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 5px;
}
#blogList a:hover img {
  transform: scale(1.05);
}
#blogList.active li {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.block2 {
  background-color: #f6f6f6;
  padding: var(--vw60) 0;
}
.block2 .recs {
  width: 100%;
  max-width: 1070px;
  padding: 0 15px;
  margin: var(--vw40) auto 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.block2 .recs a {
  position: relative;
  z-index: 1;
  min-width: 0;
  opacity: 0;
  transform: translateY(20px);
  visibility: hidden;
  transition-duration: 1s;
}
.block2 .recs a:nth-of-type(2) {
  transition-delay: 0.2s;
}
.block2 .recs a:nth-of-type(3) {
  transition-delay: 0.4s;
}
.block2 .recs .label {
  color: #fff;
  font-weight: bold;
  font-size: 1.6rem;
  background-color: var(--gold);
  border-radius: 50%;
  padding: 20px 16px;
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 2;
}
.block2 .recs figure {
  width: 100%;
  aspect-ratio: 1;
  margin-bottom: 16px;
  overflow: hidden;
}
.block2 .recs figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s;
}
.block2 .recs h3 {
  font-size: 1.6rem;
  margin-bottom: 5px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.block2 .recs p {
  font-size: 1.6rem;
}
.block2 .recs a:hover img {
  transform: scale(1.05);
}
.block2 .recs.active a {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.block3 {
  padding: var(--vw60) 0;
}
#topCategoryList {
  width: 100%;
  max-width: 1070px;
  padding: 0 15px;
  margin: var(--vw40) auto 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
#topCategoryList a {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 248/240;
  overflow: hidden;
}
#topCategoryList a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.3);
  transition: 0.4s;
}
#topCategoryList a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  transition: 0.4s;
}
#topCategoryList p {
  font-size: 2rem;
  color: #fff;
}
#topCategoryList a:first-of-type {
  grid-column: 1/3;
  aspect-ratio: 511/240;
}
#topCategoryList a:nth-of-type(2) {
  grid-column: 3/5;
  aspect-ratio: 511/240;
}
#topCategoryList a:nth-of-type(3) {
  grid-column: 1/3;
  aspect-ratio: 511/240;
}
#topCategoryList a:nth-of-type(4) {
  grid-column: 3/5;
  aspect-ratio: 511/240;
}
#topCategoryList a:hover::before {
  background-color: rgba(0, 0, 0, 0.5);
}
#topCategoryList a:hover img {
  transform: scale(1.05);
}

.loop_wrap {
  padding: var(--vw40) 0;
  background-color: #f6f6f6;
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  align-items: center;
  user-select: none;
  pointer-events: none;
}
.loop_wrap > div {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
}
.loop_wrap > div:nth-of-type(odd) {
  animation: loop 160s -80s linear infinite;
}
.loop_wrap > div:nth-of-type(even) {
  animation: loop2 160s linear infinite;
}

@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-200%);
  }
}

.block4 {
  padding: var(--vw60) 0;
}
.block4 .content {
  width: 100%;
  max-width: 1070px;
  padding: 0 15px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: var(--vw80);
}
.block4 .content .banner {
  width: 100%;
  height: auto;
  aspect-ratio: 1040/200;
  background-color: #ccc;
  transition: 0.4s;
}
.block4 .content .banner:hover {
  opacity: 0.5;
}
.block4 .content .banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.block4 .content .illust01 {
  position: absolute;
  top: -95px;
  left: calc(100% - 15px);
  pointer-events: none;
  user-select: none;
}
.block4 .content .illust02 {
  position: absolute;
  bottom: -125px;
  right: calc(100% - 30px);
  pointer-events: none;
  user-select: none;
}

.block5 {
  padding: var(--vw60) 0;
}
.block5 .items {
  width: 100%;
  max-width: 1070px;
  padding: 0 15px;
  margin: var(--vw40) auto 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px 16px;
}
.block5 .items a {
  min-width: 0;
  opacity: 0;
  transform: translateY(20px);
  visibility: hidden;
  transition-duration: 1s;
  position: relative;
  z-index: 1;
}
.block5 .items a:nth-of-type(2) {
  transition-delay: 0.2s;
}
.block5 .items a:nth-of-type(3) {
  transition-delay: 0.4s;
}
.block5 .items a:nth-of-type(4) {
  transition-delay: 0.6s;
}
.block5 .items a:nth-of-type(5) {
  transition-delay: 0.8s;
}
.block5 .items a:nth-of-type(6) {
  transition-delay: 1s;
}
.block5 .items a:nth-child(n + 7) {
  display: none !important;
}
.block5 .items a .item_label {
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 2;
  max-width: 64px;
  height: auto;
}
.block5 .items a .item_label img {
  max-width: 100%;
  height: auto;
}
.block5 .items a picture {
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  margin-bottom: 16px;
}
.block5 .items a picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s;
}
.block5 .items a h3 {
  font-size: 1.6rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.block5 .items a p {
  font-size: 1.6rem;
}
.block5 .items a:hover picture img {
  transform: scale(1.05);
}
.block5 .items.active a {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.block6 {
  padding: var(--vw60) 0;
  background-color: #f6f6f6;
}
#searchForm {
  width: 100%;
  max-width: 1070px;
  padding: 0 15px;
  margin: var(--vw40) auto 0;
  display: flex;
  flex-direction: column;
  gap: var(--vw40);
  position: relative;
  z-index: 1;
}
#searchForm h3 {
  font-size: 1.8rem;
  margin-bottom: -20px;
}
#searchForm .flex {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
#searchForm .search-area {
  width: 100%;
  max-width: 790px;
  height: 52px;
  position: relative;
  z-index: 1;
}
#searchForm .search-area input {
  width: 100%;
  height: 100%;
  padding-left: 50px;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
}
#searchForm .search-area .error-text {
  color: var(--red);
  font-size: 1.4rem;
  position: absolute;
  bottom: -25px;
  left: 10px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
#searchForm .search-area button {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
#searchForm .search-area button svg path {
  transition: 0.4s;
}
#searchForm .search-area button:hover svg path {
  fill: var(--orange);
}
#searchForm .search-area.error input {
  border-color: var(--red);
}
#searchForm .search-area.error .error-text {
  opacity: 1;
  visibility: visible;
}
#searchForm .presetBtn {
  color: #fffacf;
  border: 1px solid #26b593;
  background-color: #26b593;
  border-radius: 45px;
  padding: 8px 16px;
  transition: 0.4s;
}
#searchForm .presetBtn:hover {
  opacity: 0.5;
}
#searchForm .illust03 {
  position: absolute;
  top: -30px;
  right: 30px;
  z-index: -1;
  width: 184px;
  height: auto;
  pointer-events: none;
  user-select: none;
}
#searchForm .illust04 {
  position: absolute;
  bottom: 40px;
  right: 300px;
  z-index: -1;
  width: 172px;
  height: auto;
  pointer-events: none;
  user-select: none;
}
#searchForm .illust05 {
  position: absolute;
  bottom: 140px;
  right: 5px;
  z-index: -1;
  width: 172px;
  height: auto;
  pointer-events: none;
  user-select: none;
}

#browsingHistory {
  padding: var(--vw80) 0;
}
#browsingHistory .no-view {
  padding: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#recently-viewed {
  width: 100%;
  max-width: 1060px;
  padding: var(--vw40) 60px 0;
  margin: 0 auto;
}
#Recentry .splide__slide picture {
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  /* margin-bottom: 16px; */
}
#Recentry .splide__slide picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s;
}
#Recentry .splide__slide h3 {
  font-size: 1.6rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#Recentry .splide__list {
  width: 100%;
}
#Recentry .splide__slide a:hover picture img {
  transform: scale(1.05);
}
#Recentry .splide__arrows {
  width: calc(100% + 80px);
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  pointer-events: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#Recentry .splide__arrows button {
  pointer-events: auto;
  transition: 0.4s;
}
#Recentry .splide__arrows button svg path {
  transition: 0.4s;
}
#Recentry .splide__arrows button:hover svg path {
  stroke: var(--orange);
}
#Recentry .splide__arrows button:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.f-img {
  width: 100%;
  height: 320px;
  clip-path: inset(0);
}
.f-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1350px) {
  .block4 .content .illust01,
  .block4 .content .illust02 {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  #searchForm .illust03 {
    top: unset;
    bottom: 100px;
    right: 0;
  }
  #searchForm .illust04 {
    display: none;
  }
  #searchForm .illust05 {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .mian-visual {
    height: auto;
  }
  .mian-visual .sp {
    width: 100%;
    height: 216px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ff4956;
  }
  .mian-visual .splide {
    height: 240px;
  }
  .mian-visual h1 {
    font-size: 4rem;
    top: 50%;
    left: 15px;
  }
  #blogList {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px 8px;
  }
  #blogList figure {
    margin-bottom: 8px;
    padding: 10px;
  }
  #blogList li:nth-of-type(4) {
    display: block;
  }
  #blogList time {
    font-size: 1.2rem;
  }
  #blogList h3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    font-size: 1.4rem;
  }
  .block2 .recs {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px 8px;
  }
  .block2 .recs figure {
    margin-bottom: 8px;
  }
  .block2 .recs h3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    font-size: 1.4rem;
  }
  .block2 .recs .label {
    font-size: 1.1rem;
    padding: 10px 8px;
  }
  #topCategoryList {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
  #topCategoryList a:first-of-type,
  #topCategoryList a:nth-of-type(2),
  #topCategoryList a:nth-of-type(3),
  #topCategoryList a:nth-of-type(4) {
    grid-column: 1/3;
  }
  #topCategoryList p {
    font-size: 1.8rem;
  }
  .loop_wrap > div img {
    width: 768px;
    height: auto;
  }
  .block4 .content {
    gap: 20px;
  }
  .block5 .items {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px 8px;
  }
  .block5 .items a picture {
    margin-bottom: 8px;
  }
  .block5 .items a .item_label {
    max-width: 45px;
  }
  .block5 .items a h3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    font-size: 1.4rem;
  }

  #searchForm h3 {
    font-size: 1.6rem;
  }
  #searchForm .flex {
    gap: 8px;
  }
  #searchForm .illust03 {
    width: 116px;
    bottom: 62px;
  }

  #recently-viewed {
    padding-left: 45px;
    padding-right: 45px;
  }
  #Recentry .splide__arrows {
    width: calc(100% + 66px);
  }
  #Recentry .splide__arrows svg {
    width: 16px;
    height: auto;
  }
  .f-img {
    height: 200px;
  }
}