@charset "UTF-8";

/* トップページ（ＰＣ） ファーストビュー用 */

/* sys/base_misc.css のコピー ここから */

.img-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.img-center img {
  flex-shrink: 0;
  text-align: center;
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
}

/* ここまで sys/base_misc.css のコピー */

/* usr/layout.css のコピー ここから */

/* ここまで usr/layout.css のコピー */

/* sys/block_common.css のコピー ここから */

/* ----左メニューブロック共通---- */

.pane-left-menu .pane-block--title {
  font-size: 16px;
  border-top: #444 1px solid;
  padding: 16px 0;
  font-weight: bold;
  margin-bottom: 0;
}

.pane-block--title {
  margin: 20px 0;
  font-size: 26px;
  font-weight: normal;
}

/* ここまで sys/block_common.css のコピー */

/* ----トップページ本文---- */

.block-top-content-1 {
  padding-bottom: 90px;
  background-color: var(--cl-gy-1);
}

.block-top-mv {
  display: flex;
  margin-bottom: 100px;
  overflow: hidden;
}

.block-top-mv.slick-initialized {
  display: block;
  overflow: visible;
}

.block-top-mv-item {
  flex-shrink: 0;
  width: 1154px;
  padding: 0 15px;
}

.block-top-mv-item a {
  display: block;
}

.block-top-mv-item a:hover {
  opacity: 0.65;
}

.block-top-mv-item img {
  display: block;
  border-radius: 10px;
}

.block-top-mv-arrows {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 71px;
  margin-top: -35px;
}

.block-top-mv-arrows-body {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  margin: 0 auto;
}

.block-top-mv-arrows .slick-arrow {
  width: 71px;
  height: 71px;
  border: none;
  background-color: transparent;
  background-image: var(--arw-slider);
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
  font-size: 0;
  cursor: pointer;
  z-index: 9;
}

.block-top-mv-arrows .slick-prev {
  transform: rotate(180deg);
}

.block-top-mv-dots {
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 100%;
}

.block-top-mv-dots ul {
  display: flex;
  justify-content: center;
  width: 1200px;
  margin: 0 auto;
}

.block-top-mv-dots li + li {
  margin-left: 10px;
}

.block-top-mv-dots button {
  width: 10px;
  height: 10px;
  margin: 0;
  padding: 0;
  border: 2px solid var(--cl-dbl);
  border-radius: 10px;
  background-color: var(--cl-dbl);
  color: transparent;
  font-size: 0;
  cursor: pointer;
  transition: 0.15s;
}

.block-top-mv-dots .slick-active button {
  background-color: #ffffff;
}

.block-top-history {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 0;
  border-radius: 10px;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NTUiIGhlaWdodD0iNDYwIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxyZWN0IHdpZHRoPSI2NTUiIGhlaWdodD0iNDYwIiByeD0iMTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMCA4OTQpIiBmaWxsPSIjZmZmIi8+PC9jbGlwUGF0aD48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMCAtODk0KSIgY2xpcC1wYXRoPSJ1cmwoI2EpIj48ZyBvcGFjaXR5PSIuMDM0IiBmaWxsPSIjMWExMzExIj48cGF0aCBkPSJNNTYyLjYzIDg0NS4xNjhhMzAuMzc5IDMwLjM3OSAwIDAgMC0yNi4yODMtMTUuMTgySDIxNC4yOTRhMzAuNDIyIDMwLjQyMiAwIDAgMC0yNi4yODMgMTUuMTgyTDI2Ljk4OCAxMTI0LjA3MmEzMC40ODIgMzAuNDgyIDAgMCAwIDAgMzAuMzUybDE2MS4wMjMgMjc4LjkxM2EzMC40MzIgMzAuNDMyIDAgMCAwIDI2LjI4MyAxNS4xNjZoMzIyLjA1M2EzMC4zODkgMzAuMzg5IDAgMCAwIDI2LjI4My0xNS4xNjZsMTYxLjA0My0yNzguOTEzYTMwLjQ0MyAzMC40NDMgMCAwIDAgMC0zMC4zNTJabTE0LjAxMyA0OTAuOTk0YTE1Mi4xNDEgMTUyLjE0MSAwIDAgMS0xMzEuNDM0IDc1Ljg4NkgzMDUuNDZhMTUyLjEzMSAxNTIuMTMxIDAgMCAxLTEzMS40NDYtNzUuODg2bC02OS44NjUtMTIxLjAzOGExNTIuMDQ5IDE1Mi4wNDkgMCAwIDEgMC0xNTEuNzcxbDY5Ljg2NS0xMjEuMDIyYTE1Mi4xMjMgMTUyLjEyMyAwIDAgMSAxMzEuNDQ2LTc1Ljg4NmgxMzkuNzQ5YTE1Mi4xMzIgMTUyLjEzMiAwIDAgMSAxMzEuNDM0IDc1Ljg4Nmw2OS44NjUgMTIxLjAyMmExNTIuMTA2IDE1Mi4xMDYgMCAwIDEgMCAxNTEuNzcxWiIvPjxwYXRoIGQ9Ik0zOTEuNzM4IDEwNjkuNTM0aDE2LjQzM2ExMy40MTMgMTMuNDEzIDAgMSAwIDAtMjYuODI2aC0xNi40MzNhMTEuMTA2IDExLjEwNiAwIDAgMS0xMS4xMzYtMTAuODE2di0zMC4xNzNhMjMuODUgMjMuODUgMCAwIDAtNDcuNyAwdjI5LjgwOWExMS4xNzggMTEuMTc4IDAgMCAxLTExLjE2OCAxMS4xOGgtMTYuNDAzYTEzLjQxMyAxMy40MTMgMCAwIDAgMCAyNi44MjZoMTYuNGExMS4xNjkgMTEuMTY5IDAgMCAxIDExLjE2OCAxMS4xNzZ2MTkuMzQ1YTcuNDQ3IDcuNDQ3IDAgMCAxLTcuNDQ1IDcuNDUzaC0uMTkzYTIzLjkxOSAyMy45MTkgMCAwIDAtMjMuODQzIDIzLjg0N3YxMTUuNWEyMy45MTQgMjMuOTE0IDAgMCAwIDIzLjg0MyAyMy44NDdoNjIuOTc0YTIzLjkyMSAyMy45MjEgMCAwIDAgMjMuODQzLTIzLjg0N3YtMTE1LjVhMjMuOTI3IDIzLjkyNyAwIDAgMC0yMy44NDMtMjMuODQ3aC0uMTg1YTcuNDQ4IDcuNDQ4IDAgMCAxLTcuNDUzLTcuNDUzdi0xOS4zNDVhMTEuMSAxMS4xIDAgMCAxIDExLjEzNi0xMS4xNzZtLTIyLjEyNiAxNjIuNjA4YTEyLjg1NiAxMi44NTYgMCAwIDEtMjUuNzEyIDB2LTg2LjA2NWExMi44NTYgMTIuODU2IDAgMSAxIDI1LjcxMiAwWk00NzguODkzIDEyMDEuODA4YTEzLjc4NSAxMy43ODUgMCAwIDEgMjcuNTcgMHY3OC45ODlhMTEuMTcxIDExLjE3MSAwIDAgMS0xMS4xNjggMTEuMTcyaC0yMC4xMjlhMy4zNDggMy4zNDggMCAwIDAtMS40ODQgNi4zNTUgMTA5LjMxOCAxMDkuMzE4IDAgMCAwIDU1LjE0MyAxNC44OTEgMjIuNTQ3IDIyLjU0NyAwIDAgMCAyMi4zNTItMjIuMzU2di0yODguOTU3YTI0LjA5MiAyNC4wOTIgMCAwIDAtMjQuMDE2LTI0LjAyNGgtNjguOTU1YTI0LjEgMjQuMSAwIDAgMC0yNC4wMjggMjQuMDI0djE5MC44ODdjMCA1MS4wNTEtMTguMTQ5IDg4LjczNC0yNC45NTcgMTAwLjc0OGEzLjU2NiAzLjU2NiAwIDAgMC0uNSAxLjc5MSAzLjM2MSAzLjM2MSAwIDAgMCA0Ljc4MSAzLjAzNGMyMS40NjItOC45NTIgMzQuMzctMjAuMzI5IDQ1LjA1NC0zNC43NzlhMTA0LjYgMTA0LjYgMCAwIDAgMjAuMzM3LTYxLjc3NG0wLTE4My4zMTlhMTMuNzg1IDEzLjc4NSAwIDEgMSAyNy41NyAwdjM3LjI1N2ExMy43ODUgMTMuNzg1IDAgMSAxLTI3LjU3IDBabTEzLjc4OSAxNDIuNzA3YTEzLjgzMyAxMy44MzMgMCAwIDEtMTMuNzg5LTEzLjc4OXYtMzcuMjYxYTEzLjc4NSAxMy43ODUgMCAxIDEgMjcuNTcgMHYzNy4yNjJhMTMuODI0IDEzLjgyNCAwIDAgMS0xMy43ODEgMTMuNzg4TTI1Ni44NjkgOTkwLjkxM2gtMzcuMjU0YTI2LjA4MiAyNi4wODIgMCAxIDAgMCA1Mi4xNjVoMzcuMjU0YTI2LjA4MiAyNi4wODIgMCAxIDAgMC01Mi4xNjVNMjgyLjkxNiAxMTY1LjY1M2EzLjM2MiAzLjM2MiAwIDAgMC0zLjM1My0zLjM0OSAzLjMwOSAzLjMwOSAwIDAgMC0zLjA1IDEuOTY4Yy0yLjAyNyA0LjQ3LTExLjc1OCAyMS4zMjEtMjYuNzEyIDQxLjg2Ni0xMy45MjcgMTkuMTE3LTMzLjMzMSAzOC41LTQzLjY0OSA0Ny4yODEtOC4yODQgNy4wNTYtMTIuNjU5IDE1LjQ3My0xMi42NTkgMjYuMjQ4YTMzLjUzNSAzMy41MzUgMCAwIDAgMzMuNTMyIDMzLjUzNWMxNC42NzQgMCAyNS45NDgtOS40MDUgMzAuODM2LTIwLjQ1OSA1LjA0NS0xMS40MDggMTMuNjU1LTM1LjYxNyAxOS4wODktNjMuNjMyYTM1Ni4xNzUgMzU2LjE3NSAwIDAgMCA1Ljk2Ni02My40NThNMjgyLjkxNiAxMDg2LjE2YTE5LjA2NCAxOS4wNjQgMCAwIDAtMTktMTkuMDA3aC01MS40MThhMTguOTkgMTguOTkgMCAwIDAtNS43NzMgMzcuMDg1YzEzLjQxOSA0LjM2IDI0LjggMjAuMTU2IDI0LjggMzUuNTgyYTk0Ljc5NCA5NC43OTQgMCAwIDEtMTcuMzc4IDU1LjI4MSAzLjEzMSAzLjEzMSAwIDAgMC0uNDggMS43NTEgMy4zNjIgMy4zNjIgMCAwIDAgMy4zNTcgMy4zNTcgMy4yMzcgMy4yMzcgMCAwIDAgMi4yOTQtLjkxN2MxMi43MDctMTEuNTgxIDMxLjUyNS0zNS4wMzUgNDIuMzU4LTU1LjUyOWEyMzMuOTg5IDIzMy45ODkgMCAwIDAgMjAuMjgxLTUxLjY3OSAxNy43NTggMTcuNzU4IDAgMCAwIC45Ni01LjkyMiIvPjwvZz48L2c+PC9zdmc+");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
}

.block-top-history .item-ttl {
  margin: -4px 0 0;
  padding: 0;
  font-size: 3.2rem;
  font-weight: 700;
  text-align: center;
}

.block-top-history .item-comment {
  width: 800px;
  margin: 34px auto 0;
  font-weight: 600;
  line-height: 2.14;
}

.block-top-history .item-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}

.block-top-history .item-btn .btn-arw {
  width: 287px;
  height: 40px;
}

.block-top-history .item-btn .btn-arw::after {
  right: 32px;
}

/* ----トップページ---- */

.block-top-exclusive {
  padding-top: 88px;
}

@media only screen and (min-width: 1200px) {
  .block-top-exclusive-list {
    margin-right: calc((1200px - 100vw) / 2);
  }
}

.block-top-exclusive-list-slider {
  display: flex;
  overflow: hidden;
}

.block-top-exclusive-list-item {
  flex-shrink: 0;
  width: 244px;
  padding-right: 20px;
}

.block-top-exclusive-list-item a {
  display: block;
  text-decoration: none;
}

.block-top-exclusive-list-item a:hover {
  opacity: 0.65;
}

.block-top-exclusive-list-item .item-img img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.block-top-exclusive-list-item .item-name {
  margin-top: 12px;
  font-weight: 600;
  text-align: center;
}

.block-top-exclusive-list-slider .slick-arrow {
  position: absolute;
  top: 72px;
  left: 1040px;
  width: 71px;
  height: 71px;
  border: none;
  background-color: transparent;
  background-image: var(--arw-slider);
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
  font-size: 0;
  cursor: pointer;
  transition: 0.2s;
  z-index: 9;
}

.block-top-exclusive-list-slider .slick-arrow.slick-disabled {
  opacity: 0;
  visibility: hidden;
}

.block-top-exclusive-list-slider .slick-prev {
  left: 10px;
  transform: rotate(180deg);
}

.block-top-exclusive-list-slider .slick-next {
  left: 1040px;
}

.block-top-pickup {
  margin-top: 120px;
  padding: 100px 0;
  background-color: var(--cl-gy-2);
}

@media only screen and (min-width: 1200px) {
  .block-top-pickup {
    margin-right: calc((1200px - 100vw) / 2);
    margin-left: calc((1200px - 100vw) / 2);
  }
}

.block-top-event .block-top-pickup .ttl-top-h2 {
  margin-top: 0;
}

.block-top-pickup-list {
  margin-top: 30px;
}

.block-top-pickup-list ul {
  display: flex;
}

.block-top-pickup-list li {
  width: calc((100% - 60px) / 4);
}

.block-top-pickup-list li:not(:nth-child(4n)) {
  margin-right: 20px;
}

.block-top-pickup-list a {
  display: block;
  text-decoration: none;
}

.block-top-pickup-list a:hover {
  opacity: 0.65;
}

.block-top-pickup-list .list-img img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.block-top-pickup-list .list-name {
  margin-top: 12px;
  font-weight: 600;
  text-align: center;
}

.block-top-feature {
  margin-top: 120px;
}

.block-top-feature-list {
  margin-top: 30px;
}

.block-top-feature-list ul {
  display: flex;
  flex-wrap: wrap;
}

.block-top-feature-list li {
  width: calc((100% - 42px) / 3);
}

.block-top-feature-list li:not(:nth-child(3n)) {
  margin-right: 21px;
}

.block-top-feature-list a {
  display: block;
  text-decoration: none;
}

.block-top-feature-list a:hover {
  opacity: 0.65;
}

.block-top-feature-list .list-img img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.block-top-feature-list .list-name {
  margin-top: 12px;
  font-weight: 600;
  text-align: center;
}

.block-top-vision {
  margin-top: 120px;
}

.block-top-vision-list ul {
  display: flex;
  justify-content: space-between;
}

.block-top-vision-list li {
  width: calc((100% - 40px) / 3);
  padding: 19px 19px 29px;
  border: 1px solid var(--cl-bdr);
  border-radius: 10px;
}

.block-top-vision-list .list-img img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.block-top-vision-list .list-detail {
  margin-top: 25px;
}

.block-top-vision-list .list-ttl {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}

.block-top-vision-list .list-comment {
  margin-top: 22px;
}

.block-top-vision-list .list-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

.block-top-vision-list .list-btn .btn-arw-s {
  width: 150px;
  height: 31px;
}

.block-top-about {
  width: 100%;
  height: 510px;
  margin-top: 100px;
  padding-top: 106px;
  background-image: url(../../img/usr/top/pc/bg_koikeyaonline_pc.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.block-top-about .item-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.block-top-about .item-logo img {
  display: block;
}

.block-top-about .item-comment {
  margin-top: 34px;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  line-height: 2.14;
}

.block-top-movie {
  height: 300px;
  background-color: var(--cl-main);
}

.block-top-event {
  width: 1200px;
  margin: 0 auto;
}

.block-top-event .ttl-top-h2 {
  margin-top: 120px;
}

.block-top-revico,
.block-top-visumo {
  background-color: var(--cl-gy-2);
}

.block-top-revico {
  margin-top: 120px;
  padding-top: 100px;
}

.block-top-visumo {
  padding: 120px 0 100px;
}

.block-top-recommend_review {
  padding-top: 50px;
  background-color: var(--cl-gy-2);
}

.block-top-recommend_review dl {
  display: flex;
  align-items: center;
}

.block-top-recommend_review dt {
  width: 146px;
}

.block-top-recommend_review dt h3 {
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
}

.block-top-recommend_review dd {
  width: calc(100% - 146px);
}

.block-top-recommend_review ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

.block-top-recommend_review li {
  margin: 0 4px 4px 0;
}

.block-top-recommend_review a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 20px;
  border-radius: 32px;
  background-color: #ffffff;
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}

.block-top-recommend_review a:hover {
  opacity: 0.65;
}

/* ----商品一覧画面：ランキング：block-ranking-r---- */

.block-ranking-r--goods {
  position: relative;
  width: calc((100% - 60px) / 4);
  flex-basis: calc((100% - 60px) / 4);
  margin: 0;
}

.block-ranking-r--goods:not(:nth-child(4n)) {
  margin-right: 20px;
}

.block-ranking-r--goods:not(:nth-child(-n + 4)) {
  margin-top: 60px;
}

.block-ranking-r--goods-image figure {
  width: 100%;
  height: auto;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 1 / 1;
}

.block-ranking-r--goods-image figure::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--cl-bdr);
  border-radius: 10px;
}

.block-ranking-r--goods a {
  display: block;
  text-decoration: none;
}

.block-ranking-r--goods a:hover {
  opacity: 0.65;
}

.block-ranking-r .block-icon {
  position: absolute;
  top: 1px;
  right: 11px;
}

.block-ranking-r--goods-name {
  margin-top: 10px;
}

.block-ranking-r--goods-name a {
  font-weight: 600;
}

.block-ranking-r .block-goods-attr1 {
  margin-top: 4px;
  color: var(--cl-gy-3);
}

.block-ranking-r--price-infos {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  margin-top: 6px;
}

.block-ranking-r--scomment {
  color: var(--cl-rd);
  font-size: 1.2rem;
  font-weight: 700;
}

.block-ranking-r--price-items {
  display: flex;
  flex-direction: row-reverse;
  align-items: baseline;
  margin-top: 4px;
}

.block-ranking-r--price {
  font-size: 2rem;
}

.block-ranking-r--price::after {
  font-size: 1.2rem;
}

.block-ranking-r--scomment + .block-ranking-r--price-items .block-ranking-r--price {
  margin-left: 4px;
  color: var(--cl-rd);
}

.block-ranking-r--default-price {
  font-size: 1.2rem;
}

.block-ranking-r--btns {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}

.block-ranking-r--add-cart {
  width: calc(100% - 50px);
}

.block-ranking-r--add-cart a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 40px;
  border-radius: 4px;
  background-color: var(--cl-dbl);
  color: #ffffff;
  font-weight: 600;
  text-decoration: none;
}

.block-ranking-r--add-cart a::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  background-image: var(--ico-cart);
  background-position: center;
  background-repeat: no-repeat;
}

.block-ranking-r .block-goods-list--favorite--btn,
.block-ranking-r .block-goods-list--favorite-registed--btn {
  position: relative;
  top: auto;
  left: auto;
  width: 40px;
  height: 40px;
  background-image: var(--fv-off);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.block-ranking-r .block-goods-list--favorite-registed--btn {
  background-image: var(--fv-on);
}

.block-ranking-r--goods-image .block-ranking-r--rank {
  top: 0;
  left: 20px;
  width: 41px;
  height: 56px;
  padding-bottom: 14px;
  border-radius: 0;
  background-color: transparent;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MS4wMDMiIGhlaWdodD0iNTUuOTk4Ij48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJtNDAuNTAzIDU1LjA1Mi0xOS43Mi0xMy40NDYtLjI4Mi0uMTkyLS4yODIuMTkyTC41IDU1LjA1MlYuNWg0MC4wMDN2NTQuNTUyWiIvPjxwYXRoIGQ9Ik00MC4wMDMgNTQuMTA2VjFIMXY1My4xMDZsMTkuNTAxLTEzLjI5NyAxOS41MDIgMTMuMjk3bTEgMS44OTJMMjAuNTAxIDQyLjAxOS4wMDEgNTUuOTk4VjBoNDEuMDAydjU1Ljk5OFoiIGZpbGw9IiNlOGU4ZTgiLz48L2c+PC9zdmc+");
  background-position: center;
  background-repeat: no-repeat;
  color: var(--cl-main);
  font-size: 2.7rem;
  font-weight: 700;
}

.block-ranking-r--goods-image .block-ranking-r--rank.block-ranking-r--rank-1 {
  color: #ffffff;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MSIgaGVpZ2h0PSI1NiI+PHBhdGggZD0iTTIwLjUgNDIuMDIzIDAgNTZWNDFoNDF2MTVaTTAgNDFWMGg0MXY0MVoiIGZpbGw9IiNmNmNiNDUiLz48L3N2Zz4=");
}

.block-ranking-r--goods-image .block-ranking-r--rank.block-ranking-r--rank-2 {
  color: #ffffff;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MSIgaGVpZ2h0PSI1NiI+PHBhdGggZD0iTTIwLjUgNDIuMDIzIDAgNTZWNDFoNDF2MTVaTTAgNDFWMGg0MXY0MVoiIGZpbGw9IiNCMkMwQ0UiLz48L3N2Zz4=");
}

.block-ranking-r--goods-image .block-ranking-r--rank.block-ranking-r--rank-3 {
  color: #ffffff;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MSIgaGVpZ2h0PSI1NiI+PHBhdGggZD0iTTIwLjUgNDIuMDIzIDAgNTZWNDFoNDF2MTVaTTAgNDFWMGg0MXY0MVoiIGZpbGw9IiM5NTY5NDkiLz48L3N2Zz4=");
}

/* トップページ */

@media only screen and (min-width: 1200px) {
  .block-top-event--goods {
    margin-right: calc((1200px - 100vw) / 2);
  }
}

.block-top-event--goods .block-ranking-r--items > ul {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}

.block-top-event--goods .block-ranking-r--items > ul.slick-intialized {
  display: block;
  overflow: visible;
}

.block-top-event--goods .block-ranking-r--goods {
  flex-shrink: 0;
  position: relative;
  width: 360px;
  flex-basis: 360px;
  padding-right: 20px;
  margin: 0;
}

.block-top-event--goods .block-ranking-r--goods:not(:nth-child(4n)) {
  margin-right: 0;
}

.block-top-event--goods .block-ranking-r--goods:not(:nth-child(-n + 4)) {
  margin-top: 0;
}

.block-top-event--goods .block-ranking-r .block-icon {
  right: 34px;
}

.block-top-event--goods .block-ranking-r .slick-arrow {
  position: absolute;
  top: 140px;
  width: 71px;
  height: 71px;
  border: none;
  background-color: transparent;
  background-image: var(--arw-slider);
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
  font-size: 0;
  cursor: pointer;
  transition: 0.2s;
  z-index: 9;
}

.block-top-event--goods .block-ranking-r .slick-disabled {
  opacity: 0;
  visibility: hidden;
}

.block-top-event--goods .block-ranking-r .slick-prev {
  left: 10px;
  transform: rotate(180deg);
}

.block-top-event--goods .block-ranking-r .slick-next {
  left: 1040px;
}

/* ----商品一覧画面：サムネイル：block-thumbnail-t---- */

.block-thumbnail-t--items {
  display: flex;
  margin: 0;
}

.block-thumbnail-t--goods {
  position: relative;
  width: calc((100% - 60px) / 4);
  flex-basis: calc((100% - 60px) / 4);
  margin: 0;
}

.block-thumbnail-t--goods:not(:nth-child(4n)) {
  margin-right: 20px;
}

.block-thumbnail-t--goods:not(:nth-child(-n + 4)) {
  margin-top: 60px;
}

.block-thumbnail-t--goods-image figure {
  width: 100%;
  height: auto;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 1 / 1;
}

.block-thumbnail-t--goods-image figure::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--cl-bdr);
  border-radius: 10px;
}

.block-thumbnail-t--goods a {
  display: block;
  text-decoration: none;
}

.block-thumbnail-t--goods a:hover {
  opacity: 0.65;
}

.block-thumbnail-t .block-icon {
  position: absolute;
  top: 1px;
  right: 11px;
}

.block-thumbnail-t--goods-name {
  margin-top: 8px;
}

.block-thumbnail-t--goods-name a {
  font-weight: 600;
}

.block-thumbnail-t .block-goods-attr1 {
  margin-top: 4px;
  color: var(--cl-gy-3);
}

.block-thumbnail-t--price-infos {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  margin-top: 6px;
}

.block-thumbnail-t--scomment {
  color: var(--cl-rd);
  font-size: 1.2rem;
  font-weight: 700;
}

.block-thumbnail-t--price-items {
  display: flex;
  align-items: baseline;
  margin-top: 4px;
}

.block-thumbnail-t--price {
  font-size: 2rem;
}

.block-thumbnail-t--price::after {
  font-size: 1.2rem;
}

.block-thumbnail-t--scomment + .block-thumbnail-t--price-items .block-thumbnail-t--price {
  color: var(--cl-rd);
}

.block-thumbnail-t--default-price {
  margin-right: 4px;
  font-size: 1.2rem;
}

.block-thumbnail-t--goods-comment {
  margin-top: 10px;
  font-size: 1.2rem;
  line-height: 1.667;
}

.block-thumbnail-t--btns {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}

.block-thumbnail-t--add-cart {
  width: calc(100% - 50px);
}

.block-thumbnail-t--add-cart a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 40px;
  border-radius: 4px;
  background-color: var(--cl-dbl);
  color: #ffffff;
  font-weight: 600;
  text-decoration: none;
}

.block-thumbnail-t--add-cart a::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  background-image: var(--ico-cart);
  background-position: center;
  background-repeat: no-repeat;
}

.block-thumbnail-t .block-goods-list--favorite--btn,
.block-thumbnail-t .block-goods-list--favorite-registed--btn {
  position: relative;
  top: auto;
  left: auto;
  width: 40px;
  height: 40px;
  background-image: var(--fv-off);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.block-thumbnail-t .block-goods-list--favorite-registed--btn {
  background-image: var(--fv-on);
}

/* スライダー */

.block-top-event--goods .block-thumbnail-t--items,
.block-reviewdetail-lineup .block-thumbnail-t--items,
.block-accessory-list--list .block-thumbnail-t--items {
  flex-wrap: nowrap;
  overflow: hidden;
}

.block-top-event--goods .block-thumbnail-t--items.slick-initialized,
.block-reviewdetail-lineup .block-thumbnail-t--items.slick-initialized,
.block-accessory-list--list .block-thumbnail-t--items.slick-initialized {
  display: block;
  overflow: visible;
}

.block-top-event--goods .block-thumbnail-t--goods,
.block-reviewdetail-lineup .block-thumbnail-t--goods,
.block-accessory-list--list .block-thumbnail-t--goods {
  flex-shrink: 0;
  position: relative;
  width: 360px;
  flex-basis: 360px;
  padding-right: 20px;
  margin: 0;
}

.block-reviewdetail-lineup .block-thumbnail-t--goods {
  width: 240px;
  flex-basis: 240px;
}

.block-accessory-list--list .block-thumbnail-t--goods {
  width: 266px;
  flex-basis: 266px;
}

.block-top-event--goods .block-thumbnail-t--goods:not(:nth-child(4n)),
.block-reviewdetail-lineup .block-thumbnail-t--goods:not(:nth-child(4n)),
.block-accessory-list--list .block-thumbnail-t--goods:not(:nth-child(4n)) {
  margin-right: 0;
}

.block-top-event--goods .block-thumbnail-t--goods:not(:nth-child(-n + 4)),
.block-reviewdetail-lineup .block-thumbnail-t--goods:not(:nth-child(-n + 4)),
.block-accessory-list--list .block-thumbnail-t--goods:not(:nth-child(-n + 4)) {
  margin-top: 0;
}

.block-top-event--goods .block-thumbnail-t .block-icon {
  right: 34px;
}

.block-reviewdetail-lineup .block-thumbnail-t .block-icon,
.block-accessory-list--list .block-thumbnail-t .block-icon {
  right: 30px;
}

.block-top-event--goods .block-thumbnail-t .slick-arrow,
.block-reviewdetail-lineup .block-thumbnail-t .slick-arrow {
  position: absolute;
  top: 140px;
  left: 1040px;
  width: 71px;
  height: 71px;
  border: none;
  background-color: transparent;
  background-image: var(--arw-slider);
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
  font-size: 0;
  cursor: pointer;
  transition: 0.2s;
  z-index: 9;
}

.block-top-event--goods .block-thumbnail-t .slick-arrow.slick-disabled,
.block-reviewdetail-lineup .block-thumbnail-t .slick-arrow.slick-disabled {
  opacity: 0;
  visibility: hidden;
}

.block-top-event--goods .block-thumbnail-t .slick-prev,
.block-reviewdetail-lineup .block-thumbnail-t .slick-prev {
  left: 10px;
  transform: rotate(180deg);
}

.block-top-event--goods .block-thumbnail-t .slick-next,
.block-reviewdetail-lineup .block-thumbnail-t .slick-next {
  left: 1040px;
}

.block-reviewdetail-lineup .block-thumbnail-t .slick-next {
  top: 166px;
  left: 1130px;
}

.block-accessory-list--list .block-thumbnail-t .slick-arrow {
  position: absolute;
  top: 166px;
  width: 25px;
  height: 25px;
  border: none;
  background-color: transparent;
  background-image: var(--arw-slider-s);
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
  font-size: 0;
  cursor: pointer;
  z-index: 9;
}

.block-accessory-list--list .block-thumbnail-t .slick-prev {
  left: -10px;
}

.block-accessory-list--list .block-thumbnail-t .slick-next {
  right: -10px;
  transform: rotate(180deg);
}

/* ----商品一覧画面：サムネイル(閲覧履歴)：block-thumbnail-h---- */

.block-recent-item {
  width: 1200px;
  margin: 120px auto 0;
}

@media only screen and (min-width: 1200px) {
  .block-recent-item--body {
    margin-right: calc((1200px - 100vw) / 2);
  }
}

.block-recent-item--items {
  width: 100%;
}

.block-thumbnail-h {
  flex-wrap: nowrap;
  margin: 0;
  overflow: hidden;
}

.block-thumbnail-h--item {
  flex-shrink: 0;
  position: relative;
  width: 240px;
  flex-basis: 240px;
  margin: 0;
  padding-right: 20px;
}

.block-thumbnail-h--goods-image figure {
  width: 100%;
  height: auto;
  border-radius: 8px;
  overflow: hidden;
}

.block-thumbnail-h--goods-image figure::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--cl-bdr);
  border-radius: 10px;
}

.block-thumbnail-h--goods a {
  display: block;
  text-decoration: none;
}

.block-thumbnail-h--goods a:hover {
  opacity: 0.65;
}

.block-thumbnail-h .block-icon {
  position: absolute;
  top: 1px;
  right: 34px;
}

.block-thumbnail-h--goods-name {
  margin-top: 10px;
}

.block-thumbnail-h--goods-name a {
  font-weight: 600;
}

.block-thumbnail-h .block-goods-attr1 {
  margin-top: 4px;
  color: var(--cl-gy-3);
}

.block-thumbnail-h--price-infos {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  margin-top: 6px;
}

.block-thumbnail-h--scomment {
  color: var(--cl-rd);
  font-size: 1.2rem;
  font-weight: 700;
}

.block-thumbnail-h--price-items {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin-top: 4px;
}

.block-thumbnail-h--price {
  font-size: 2rem;
  order: 20;
}

.block-thumbnail-h--price::after {
  font-size: 1.2rem;
}

.block-thumbnail-h--scomment + .block-thumbnail-h--price-items .block-thumbnail-h--price {
  color: var(--cl-rd);
}

.block-thumbnail-h--default-price {
  margin-right: 4px;
  font-size: 1.2rem;
  order: 10;
}

.block-thumbnail-h--btns {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}

.block-thumbnail-h--add-cart {
  width: calc(100% - 50px);
}

.block-thumbnail-h--add-cart a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 40px;
  border-radius: 4px;
  background-color: var(--cl-dbl);
  color: #ffffff;
  font-weight: 600;
  text-decoration: none;
}

.block-thumbnail-h .block-goods-list--favorite--btn,
.block-thumbnail-h .block-goods-list--favorite-registed--btn {
  position: relative;
  top: auto;
  left: auto;
  width: 40px;
  height: 40px;
  background-image: var(--fv-off);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.block-thumbnail-h .block-goods-list--favorite-registed--btn {
  background-image: var(--fv-on);
}

.block-thumbnail-h .slick-arrow {
  position: absolute;
  top: 165px;
  width: 71px;
  height: 71px;
  border: none;
  background-color: transparent;
  background-image: var(--arw-slider);
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
  font-size: 0;
  cursor: pointer;
  transition: 0.2s;
  z-index: 9;
}

.block-thumbnail-h .slick-arrow.slick-disabled {
  opacity: 0;
  visibility: hidden;
}

.block-thumbnail-h .slick-prev {
  left: 0;
  transform: rotate(180deg);
}

.block-thumbnail-h .slick-next {
  left: 1130px;
  width: 71px;
}

.block-recent-item--keep-history {
  display: none;
}

/* ----カテゴリ画面---- */

.page-top .block-top-category,
.block-otherpage-brand_list .block-top-category {
  width: 1200px;
  margin: 120px auto 0;
  background: none;
}

.block-category-style-p {
  width: 100%;
  margin: 60px 0 0;
  padding: 0;
}

.page-top .block-category-style-p,
.block-otherpage-brand_list .block-category-style-p {
  margin: 30px 0 0;
}

.block-category-style-p .block-category-style-p--item {
  position: relative;
  margin: 0;
  overflow: hidden;
}

.block-category-style-p .block-category-style-p--item {
  display: flex;
  flex-direction: column;
  width: calc((100% - 60px) / 4);
  flex-basis: calc((100% - 60px) / 4);
  border: 1px solid var(--cl-bdr);
  border-radius: 10px;
}

.page-top .block-category-style-p .block-category-style-p--item,
.block-otherpage-brand_list .block-category-style-p .block-category-style-p--item {
  width: calc((100% - 150px) / 7);
  flex-basis: calc((100% - 150px) / 7);
  border: none;
  transition: opacity 0.2s;
}

.page-top .block-category-style-p .block-category-style-p--item:hover,
.block-otherpage-brand_list .block-category-style-p .block-category-style-p--item:hover {
  opacity: 0.65;
}

.block-category-style-p .block-category-style-p--item:not(:nth-child(4n)) {
  margin-right: 20px;
}

.block-category-style-p .block-category-style-p--item:not(:nth-child(-n + 4)) {
  margin-top: 20px;
}

.page-top .block-category-style-p .block-category-style-p--item:not(:nth-child(4n)),
.block-otherpage-brand_list .block-category-style-p .block-category-style-p--item:not(:nth-child(4n)) {
  margin-right: 0;
}

.page-top .block-category-style-p .block-category-style-p--item:not(:nth-child(-n + 4)),
.block-otherpage-brand_list .block-category-style-p .block-category-style-p--item:not(:nth-child(-n + 4)) {
  margin-top: 0;
}

.page-top .block-category-style-p .block-category-style-p--item:not(:nth-child(7n)),
.block-otherpage-brand_list .block-category-style-p .block-category-style-p--item:not(:nth-child(7n)) {
  margin-right: 25px;
}

.page-top .block-category-style-p .block-category-style-p--item:not(:nth-child(-n + 7)),
.block-otherpage-brand_list .block-category-style-p .block-category-style-p--item:not(:nth-child(-n + 7)) {
  margin-top: 25px;
}

.block-category-style-p .block-category-style-p--item a:hover {
  opacity: 0.65;
}

.page-top .block-category-style-p .block-category-style-p--item a:hover,
.block-otherpage-brand_list .block-category-style-p .block-category-style-p--item a:hover {
  opacity: 1;
}

.block-category-style-p .block-category-style-p--item .block-category-style-p--item-image {
  width: 100%;
  order: 10;
  float: none;
}

.block-category-style-p .block-category-style-p--item .block-category-style-p--item-image a {
  display: block;
  position: relative;
}

.page-top .block-category-style-p .block-category-style-p--item .block-category-style-p--item-image a::before,
.block-otherpage-brand_list .block-category-style-p .block-category-style-p--item .block-category-style-p--item-image a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--cl-bdr);
  border-radius: 10px;
}

.block-category-style-p .block-category-style-p--item .block-category-style-p--item-image img {
  width: 100%;
}

.block-category-style-p .block-category-style-p--item .block-category-style-p--item-name {
  order: 20;
}

.block-category-style-p .block-category-style-p--item .block-category-style-p--item-name {
  position: relative;
  margin: -70px 0 0;
  padding: 0 20px;
  border: none;
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  z-index: 9;
}

.page-top .block-category-style-p .block-category-style-p--item .block-category-style-p--item-name,
.block-otherpage-brand_list .block-category-style-p .block-category-style-p--item .block-category-style-p--item-name {
  position: absolute;
  bottom: 18px;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1.2rem;
  font-weight: 700;
  order: 20;
}

.block-category-style-p .block-category-style-p--item .block-category-style-p--item-name a {
  text-decoration: none;
}

.block-category-style-p .block-category-style-p--item .block-category-style-p--item-comment {
  position: relative;
  width: 100%;
  margin-top: 11px;
  padding: 0 20px 22px;
  line-height: 1.71;
  float: none;
  order: 30;
}

.page-top .block-category-style-p .block-category-style-p--item .block-category-style-p--item-comment,
.block-otherpage-brand_list .block-category-style-p .block-category-style-p--item .block-category-style-p--item-comment {
  display: none;
}

.page-top .block-top-topic {
  width: 1200px;
  margin: 120px auto 0;
  background: none;
}

.block-top-topic--next-page {
  display: none;
}

.block-top-topic--body {
  margin: 0;
}

.block-topic--items {
  border-top: 1px solid var(--cl-bdr);
}

/* ----ジャンル画面---- */

.block-genre-page--goods {
  width: 1200px;
  margin: 120px auto 0;
}

.block-genre-style {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0 0;
  padding: 0;
}

.block-genre-style--item {
  margin: 10px 0 0 0;
}

.block-genre-style--item:not(:nth-child(6n)) {
  margin-right: 10px;
}

.block-genre-style--item a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 160px;
  height: 41px;
  border: 1px solid var(--cl-bdr);
  border-radius: 4px;
  background-color: #ffffff;
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}

.block-genre-style--item a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 13px;
  width: 6px;
  height: 10px;
  margin-top: -5px;
  background-image: var(--arw-btn-bk-s);
  background-position: center;
  background-repeat: no-repeat;
}

.block-genre-style--item a:hover {
  opacity: 0.65;
}

/* ----トピック画面---- */

.page-topicdetaillist .block-topic--items {
  margin: 0 0 36px;
}

.block-topic--items li {
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--cl-bdr);
}

.block-topic--items a {
  display: block;
  padding: 14px 0;
  text-decoration: none;
}

.block-topic--items a:hover {
  opacity: 0.65;
}

.block-topic--items dl,
.block-topic--items dt,
.block-topic--items dd {
  display: flex;
  align-items: center;
}

.block-topic--items dt {
  flex-shrink: 0;
  width: 102px;
  margin: 0;
  color: #999999;
}

.block-topic--items dd:nth-child(2) {
  flex-shrink: 0;
  width: 54px;
}

.block-topic--items dd:nth-child(3) {
  flex-shrink: 1;
  width: 100%;
}

.block-top-topic--icon {
  display: block;
  width: auto;
  height: 19px;
}

/* トップページRevico */

.block-ttl-container {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.block-ttl-btn {
  margin-bottom: 30px;
}

.block-ttl-btn a {
  width: 150px;
  height: 31px;
}

.block-top-revico-list-items {
  display: flex;
}

.block-top-revico-list-item {
  width: calc((100% - 80px) / 5);
  padding: 20px 20px 30px;
  border-radius: 10px;
  background-color: #ffffff;
}

.block-top-revico-list-item:not(:nth-child(5n)) {
  margin-right: 20px;
}

.block-top-revico-list-item .list-img {
  width: 156px;
  margin: 0 auto;
}

.block-top-revico-list-item .list-img img {
  display: block;
}

.block-top-revico-list-item .list-detail {
  margin-top: 20px;
}

.block-top-revico-list-item .list-ttl {
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.block-top-revico-list-item .list-star {
  margin-top: 10px;
}

.block-top-revico-list-item .list-comment {
  margin-top: 10px;
}

.block-top-revico-list-item .list-comment p {
  display: -webkit-box;
  line-height: 1.714;
  letter-spacing: 0.05em;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.block-top-revico-list-item .list-btn {
  margin-top: 15px;
}

.block-top-revico-list-item .list-btn a {
  width: 150px;
  height: 31px;
}