@charset "utf-8";



/* local common
============================================================================= */
html:has(.dress_archive-contents) {
  scroll-behavior: unset;
}
.content_wrap {}

/* Accordion
----------------------------------------------------------------------------- */
.js-accordion-button:not(.is-sp,.is-pc) {
	cursor: pointer;
}
@media (width > 767px) {
	.js-accordion-button:not(.is-sp) {
		cursor: pointer;
	}
}
@media (width <= 767px) {
	.js-accordion-button:not(.is-pc) {
		cursor: pointer;
	}
}
.js-accordion-target {
  &:not(.is-sp,.is-pc) {
    overflow: hidden;
    position: relative;
    &[aria-hidden="true"] {
      height: 0;
    }
    &[aria-hidden="false"] {
      z-index: 1;
    }
  }
  @media (width > 767px) {
    &:not(.is-sp) {
      overflow: hidden;
      position: relative;
      &[aria-hidden="true"] {
        height: 0;
      }
      &[aria-hidden="false"] {
        z-index: 1;
      }
    }
  }
  @media (width <= 767px) {
    &:not(.is-pc) {
      overflow: hidden;
      position: relative;
      &[aria-hidden="true"] {
        height: 0;
      }
      &[aria-hidden="false"] {
        z-index: 1;
      }
    }
  }
}



/* contents
============================================================================= */

.dress_archive-kv {
  display:grid;

	@media (width > 767px) {/* PC */
    grid-template-rows:80.0rem;
    grid-template-columns:auto calc(50% + 20.0rem);
    padding-top:2.0rem;
    padding-inline:2.0rem;
	}
	@media (width <= 767px) {/* SP */
	}

  .kv-title {
    font-family:var(--ff_en);
    font-size:15.0rem;
    font-weight:400;
    line-height:1;
    @media (width <= 767px) {/* SP */
      padding-block:4.0rem 2.4rem;
      text-align: center;
      font-size:5.8rem;
    }
    &:first-letter {
      font-size:14.0rem;
      @media (width <= 767px) {/* SP */
        font-size:5.4rem;
      }
    }
  }
  .-of {
    @media (width > 767px) {/* PC */
      height:100%;
    }
    @media (width <= 767px) {/* SP */
      height:52.0rem;
    }
  }

  + .dress_archive-search {
    margin-top:4.6rem;
    @media (width <= 767px) {/* SP */
      margin-top:2.0rem;
    }
  }
}


.dress_archive-search {
	&:last-child {
		margin-bottom:16.0rem;
		@media (width <= 767px) {/* SP */
			margin-bottom:10.0rem;
		}
	}
  @media (width > 767px) {/* PC */
    margin-inline:2.0rem;
    position:relative;

    &::before {
      content:"";
      display:block;
      background-color:var(--bc_gray);
      width:calc(50% - 40.0rem);
      position:absolute;
      inset-block:0;
      left:0;
      z-index: -1;
    }
  }
  @media (width <= 767px) {/* SP */
    margin-inline:1.0rem;
  }
  > .inner {
    position:relative;
    @media (width > 767px) {/* PC */
      display:grid;
      grid-template-columns:calc(50% - 40.0rem) 1fr;
      column-gap:4.0rem;
      margin-inline:auto;
    }
    @media (width <= 767px) {/* SP */
    }
  }
  .search-heading {
    font-family:var(--ff_en);
    font-size:5.5rem;
    font-weight:400;
    line-height:1;
    @media (width > 767px) {/* PC */
      position:absolute;
      top:-.5lh;
    }
    @media (width <= 767px) {/* SP */
      font-size:3.0rem;
      padding-block:4.0rem;
    }
  }

  .search-block_wrap {
    @media (width > 767px) {/* PC */
      display:flex;
      border-block:1px solid var(--bc_line);
    }
    .search-block {
      @media (width > 767px) {/* PC */
				flex:1;
        padding-left:4.0rem;
      }
      @media (width <= 767px) {/* SP */
        margin-inline:2.0rem;
        padding-block:2.0rem;
      }
      &:not(:first-child) {
        @media (width > 767px) {/* PC */
          border-left:1px solid var(--bc_line);
        }
        @media (width <= 767px) {/* SP */
          border-top:1px solid var(--bc_line);
        }
      }
    }
		&.js-accordion-target {
			.search-block {
				&:last-child {
					@media (width <= 767px) {/* SP */
						padding-bottom:4.0rem;
					}
				}
			}
		}
		&:not(.js-accordion-target) {
			.search-block {
				&:last-child {
					@media (width <= 767px) {/* SP */
						border-bottom:1px solid var(--bc_line);
					}
				}
			}
		}
  }
  .search-block {
    @media (width > 767px) {/* PC */
      margin-block:5.2rem;
    }
    @media (width <= 767px) {/* SP */
    }

    &.-collection {
      @media (width > 767px) {/* PC */
        margin-inline: auto;
        width:fit-content;
      }
      @media (width <= 767px) {/* SP */
        padding-inline:2.0rem;
        padding-bottom:4.0rem;
        background-color:var(--bc_gray);
      }
    }
  }
  .block-heading {
    margin-bottom:2.4rem;
    font-family:var(--ff_en);
    font-size:2.0rem;
    font-weight:400;
    line-height:1.3;
    @media (width > 767px) {/* PC */
    }
    @media (width <= 767px) {/* SP */
      margin-bottom:1.6rem;
    }
  }
  .block-list {
    display:grid;
    gap:2.4rem;
    font-size:1.3rem;
    line-height:1.2;
    letter-spacing: .05em;
    @media (width <= 767px) {/* SP */
      grid-template-columns:repeat(2,1fr);
      gap:1.5rem 1.0rem;
    }

    .list-item {
      @media (width <= 767px) {/* SP */
        &.-sp_full {
          grid-column:1/-1;
        }
      }
    }

    .item-radio {
      display:flex;
      align-items: flex-start;
      gap:.8rem;
      cursor: pointer;
			transition-property: opacity;
			transition-duration:.5s;
      &:has(input[type="checkbox"]:checked) {
        > i {
          &::after {
            opacity:1;
          }
        }
      }
			&:has(input[type="checkbox"]:disabled) {
				opacity:.6;
				cursor: not-allowed;
			}

      > input[type="checkbox"] {
        position:absolute;
      }
      > i {
        flex-shrink: 0;
        display:flex;
        align-items: center;
        justify-content: center;
        border-radius:.2rem;
        width:1.4rem;
        height:1.4rem;
        border:1px solid var(--bc_line);
        background-color:#fff;
        position:relative;
        top:-1px;

        &::after {
          content:"";
          border-radius:.2rem;
          background-color:var(--bc_black);
          width:calc(100% - 4px);
          height:calc(100% - 4px);
          position:absolute;
          opacity:0;
          transition-property: opacity;
          transition-duration:.5s;
        }
      }
    }
    .item-link {
      display:flex;
      align-items: flex-start;
      gap:.8rem;
      cursor: pointer;
      &::before {
        content:"";
        margin-top:.5lh;
        width:.8rem;
        border-bottom:1px solid;
      }

    }
  }

  .js-accordion-button {
    @media (width > 767px) {/* PC */
      display:none !important;
    }
    display:flex;
    justify-content: center;
    align-items: center;
    padding-block:1.6rem;
    gap:.8rem;
    width:100%;
    border-top:1px solid var(--bc_line);
    font-family:var(--ff_min);
    font-weight:500;
    font-size:1.2rem;
    line-height:1.8;
    &:is([aria-expanded="false"]) {
      > i::after {
        transform:rotate(-90deg);
      }
    }
    &:is([aria-expanded="true"]) {
      > i::before {
        transform:rotate(180deg);
      }
    }
    > i {
      display:flex;
      justify-content: center;
      align-items: center;
      width:1.1rem;
      height:1.1rem;
      position:relative;
      bottom:.05em;
      &::before,&::after {
        content:"";
        width:100%;
        height:1px;
        background-color:var(--bc_black);
        position:absolute;
        transition-property:transform;
        transition-duration: .5s;
      }
    }
  }

  .dress_archive-contents_wrap + & {
    margin-bottom:14.4rem;
    @media (width <= 767px) {/* SP */
      margin-bottom:8.0rem;
    }
  }
}
.dress_archive-search_backlink {
	&:last-child {
		margin-bottom:14.4rem;
		@media (width <= 767px) {/* SP */
			margin-bottom:8.0rem;
		}
	}
	display:flex;
	justify-content: center;
	margin-top:8.0rem;
	@media (width <= 767px) {/* SP */
		margin-top:5.6rem;
	}

	.-btn01 {
		justify-content: space-between;
		@media (width > 767px) {/* PC */
			width:25.6rem;
		}
		@media (width <= 767px) {/* SP */
			width:27.0rem;
		}
		@media (hover:hover) {
			&:hover {
				&::after {
					background-color:var(--bc_black);
				}
			}
		}

		&::after {
			content:"";
			width:1.1rem;
			height:1.1rem;
			mask-image:url(/antonio-riva/assets/img/dress/ico_list.svg);
			mask-size:contain;
			mask-position:center;
			background-color:#fff;
			transition-property: background-color;
			transition-duration: .5s;
		}
	}
}


.dress_archive-contents_wrap {
  padding-bottom:18.0rem;
  @media (width <= 767px) {/* SP */
    padding-bottom:10.0rem;
  }
}
.dress_archive-contents {

  > * {
    transition-property: opacity;
    transition-duration: .5s;
  }
  &.is-loading {
    > * {
      opacity:0 !important;
      pointer-events:none;
    }
  }
	&:not(:has(.contents-heading,.contents-tax_header,.contents-list)) {
		min-height:100dvh;
	}

  .contents-heading {
    --cgap:2.2rem;
    padding-block:8.0rem 6.8rem;
    column-gap:var(--cgap);
    display:flex;
    font-family:var(--ff_min);
    font-weight:500;
    font-size:3.2rem;
    line-height:1.5;
    letter-spacing: .05em;
    text-align: center;
    @media (width > 767px) {/* PC */
      justify-content: center;
      flex-wrap:wrap;
    }
    @media (width <= 767px) {/* SP */
      --cgap:1.8rem;
      flex-direction: column;
      align-items: center;
      padding-block:8.0rem 4.0rem;
    }

    span:not(:first-child) {
      display:flex;
      align-items: baseline;
      column-gap:var(--cgap);
      &::before {
        content:"";
        width:2.0rem;
        height:2.0rem;
        background-image:url(/antonio-riva/assets/img/dress/cross.svg);
        background-size:contain;
        background-repeat:no-repeat;
      }
    }
  }

  .contents-error {
    --cgap:2.2rem;
    font-family:var(--ff_min);
    font-weight:500;
    font-size:2.4rem;
    line-height:1.5;
    text-align: center;
    letter-spacing: .05em;
    @media (width <= 767px) {/* SP */
      --cgap:1.6rem;
    }

  }

  .contents-tax_header {
    display:grid;
    margin-block:12.0rem 11.2rem;
		background-color:var(--bc_gray);
    @media (width > 767px) {/* PC */
      align-content: flex-start;
      grid-template-rows:auto 1fr;
      grid-template-columns:45.0rem 1fr;
      gap:1.5rem;
      margin-inline:auto;
      width:136.0rem;
    }
    @media (width <= 767px) {/* SP */
      margin:6.4rem 1.0rem 8.0rem;
			padding-bottom:2.0rem;
      grid-template-rows:14.3rem 1fr;
      grid-template-columns:13.0rem 1fr;
      row-gap:1.6rem;
    }
    .img {
      grid-column:1/2;
      @media (width > 767px) {/* PC */
        grid-row:1/-1;
        height:50.0rem;
      }
      @media (width <= 767px) {/* SP */
        grid-row:1/2;
      }
    }
    .heading {
      font-family:var(--ff_en);
      font-weight:400;
      font-size:6.4rem;
      line-height: 1.1;
      @media (width > 767px) {/* PC */
        margin-bottom:4.0rem;
        padding-top:1.2rem;
      }
      @media (width <= 767px) {/* SP */
        grid-column:2/3;
        padding-top:1.6rem;
        padding-left:1.6rem;
        font-size:2.8rem;
      }
    }
    .desc {
      font-family:var(--ff_min);
      font-weight:500;
      font-size:1.3rem;
      line-height: 1.8;
      letter-spacing: .05em;
      text-align: justify;
      @media (width > 767px) {/* PC */
        width:62.4rem;
      }
      @media (width <= 767px) {/* SP */
        grid-column:1/-1;
        letter-spacing: 0;
				padding-inline:2.0rem;
      }
    }
  }

  .contents-list {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-auto-flow:dense;
    gap:8.0rem 2.0rem;
    padding-inline:2.0rem;
    padding-bottom:8.0rem;

    @media (width <= 767px) {/* SP */
      grid-template-columns:repeat(2,1fr);
      gap:.8rem 1.0rem;
      padding-inline:1.0rem;
      padding-bottom:.8rem;
    }


    .item {
      &.is-em {
        grid-row:span 2;
        grid-column:span 2;
        .item-link {
          .-of {
            @media (width > 767px) {/* PC */
              aspect-ratio:770 / 1028;
            }
            @media (width <= 767px) {/* SP */
              aspect-ratio:370/494;
            }
          }
        }
      }
			&.dress_archive_js-list_item-ios {
				transition-property: opacity;
				transition-duration: 1s;
				&:not(.is-active) {
					opacity:0;
					pointer-events: none;
				}
			}
    }
    .item-link {
				display:block;
        position:relative;

        @media (width > 767px) {/* PC */
					@media (hover:hover) {
						&:hover {
							.-of > img {
								&.f {
									opacity:0;
								}
								&.b {
									opacity:1;
								}
							}
						}
					}
				}

      .-of {
        width:100%;
        height:auto;
        aspect-ratio:375/474;
        position:relative;
        pointer-events: none;
        @media (width <= 767px) {/* SP */
          aspect-ratio:180/227;
        }

        > img {
          position:absolute;
          top:0;
          transition-property: opacity;
          transition-duration:.5s;
          &.f {

          }
          &.b {
            opacity:0;
          }
        }
      }
      .text {
        padding-top:1.0rem;
        color:var(--bc_blue_gray);
        font-family:var(--ff_en);
        font-weight:400;
        line-height: 1.3;
        @media (width > 767px) {/* PC */
          position:absolute;
          top:100%;
        }
        @media (width <= 767px) {/* SP */
          padding-top:.8rem;
        }
        .name {
          margin-bottom:.04rem;
          font-size:1.4rem;
          font-weight: inherit;
          @media (width <= 767px) {/* SP */
            font-size:1.3rem;
          }
        }
        .id {
          font-size:1.0rem;
        }
      }
    }
  }
}

.dress_archive_js-paged_hook {
	display:flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height:60px;
	background-color:transparent;
	pointer-events:none;
	transition-property: opacity;
	transition-duration: .5s;

	.dress_archive-contents:not(.is-loading,.is-next_loading) + & {
		opacity:0;
	}

	> div {
		width: 60px;
		aspect-ratio: 2;
		--_g: no-repeat radial-gradient(circle closest-side,var(--bc_black) 90%,#0000);
		background:
			var(--_g) 0%   50%,
			var(--_g) 50%  50%,
			var(--_g) 100% 50%;
		background-size: calc(100%/3) 50%;
		animation: l3 1s infinite linear;
	}
}
@keyframes l3 {
	20%{background-position:0%   0%, 50%  50%,100%  50%}
	40%{background-position:0% 100%, 50%   0%,100%  50%}
	60%{background-position:0%  50%, 50% 100%,100%   0%}
	80%{background-position:0%  50%, 50%  50%,100% 100%}
}

.dress_single-contents {
	& + .dress_archive-search {
		margin-top:16.0rem;
		@media (width <= 767px){
			margin-top:10.0rem;
		}	
	}
  @media (width > 767px) {/* PC */
    display:grid;
    grid-template-rows:1fr;
    grid-template-columns:calc(50% - 14.0rem) 1fr;
    align-items: stretch;
  }

  .contents-kv {
    @media (width > 767px) {/* PC */
      grid-row:1/2;
      grid-column:1/2;
    }
    @media (width <= 767px) {/* SP */
			padding-bottom:3.6rem;
			position:relative;
		}
    .dress_single_js-kv {
      @media (width > 767px) {/* PC */
	      margin-top:-7.2rem;
        height:100dvh;
        position:sticky;
        top:0;
        z-index: 100000;
				transition-property: opacity;
				transition-duration:.5s;
				body:has(#menuopenstate:is(:checked)) & {
					opacity:0;
					pointer-events:none;
				}
				&::after {
					content:"";
					display:block;
					width:100%;
					height:12.0rem;
					background-image:linear-gradient(
						to bottom,
						rgb(from var(--bc_black) r g b / 0) 0%,
						rgb(from var(--bc_black) r g b / .3) 100%
					);
					position:absolute;
					left:0;
					bottom:0;
					z-index: 9;
					pointer-events: none;
				}
      }
      @media (width <= 767px) {/* SP */
				height:51.6rem;
				position:static;
				overflow:visible;
			}
      .splide__track {
				height:100%;
      }
      .splide__list {
				height:100%;
      }
      .splide__slide {
				width:100%;
				height:100%;
        @media (width > 767px) {/* PC */
          transition-property: clip-path,opacity;
          transition-duration:.5s;
          clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);
          position:absolute;
          top:0;
          left:0;
					pointer-events:none;

          &:not(.is-pc_active) {
            &.is-pc_af {
              clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
            }
          }
          &:is(.is-pc_active) {
            clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);
          }
        }

				.js-video {
					width:100%;
					height:100%;
					object-fit: cover;
				}
      }
			@media (width <= 767px) {/* SP */
			}
			.js-carousel-count-A {
				@media (width > 767px) {/* PC */
				}
				@media (width <= 767px) {/* SP */
					position:absolute;
					right:2.0rem;
					bottom:0;
				}
				.splide__pagination {
					@media (width > 767px) {/* PC */
						display:none;
					}
				}
				.arrows_number {
					display:flex;
					align-items: center;
					gap:1.2rem;
					font-size:1.4rem;
					line-height:1;

					.number {
						@media (width > 767px) {/* PC */
							display:grid;
							grid-template-rows:repeat(2,auto);
							grid-template-columns:repeat(3,auto);
							grid-auto-flow:column;
							justify-content: center;
							align-items: center;
							align-content: center;
							row-gap:.8rem;
							margin-left:3.2rem;
							padding-left:2.0rem;
							border-left:1px solid;
							height:7.2rem;
							font-family:var(--ff_en);
							font-size:2.4rem;
							letter-spacing: .15em;
							line-height:1;
							color:#fff;
							position:absolute;
							bottom:0;
							left:0;
							z-index: 10;

							&::before {
								grid-row:1/2;
								grid-column:1/-1;
								content:"Scroll";
								font-size:1.4rem;
								letter-spacing: 0;
							}
						}
					}
				}
				.js-splide-arrow-A {
					display:flex;
					@media (width > 767px) {/* PC */
						display:none;
					}
					&::after {
						content:"";
						display:block;
						width:1.8rem;
						height:1.8rem;
						background-image:url(/antonio-riva/assets/img/dress/arrow_right.svg);
						background-position: center;
						background-size:contain;
					}
					&.is-prev {
						flex-direction: row-reverse;
						&::after {
							transform:scaleX(-1);
						}
					}
				}
			}
			.recommend_link {
				display:flex;
				align-items: center;
				border-bottom:1px solid;
				font-family:var(--ff_en);
				gap:.4rem;
				padding-block:.2rem;
				font-size:1.4rem;
				letter-spacing: 0;
				line-height:1;
				color:#fff;
				position:absolute;
				z-index: 10;
				right:1.2rem;
				bottom:1.2rem;
				transition-property: opacity;
				transition-duration: .5s;

				&::after {
					content:"";
					display:block;
					width:1.2rem;
					height:auto;
					aspect-ratio: 1/1;
					background-color:#fff;
					mask-image:url(/antonio-riva/assets/img/common/ico_pagetop_arrow.svg);
					mask-size:contain;
					mask-position: center;
					transform:scaleY(-1);
				}
			}
    }
		.dress_single_js-thumbnail {
			@media (width <= 767px) {/* SP */
				margin-top:2.0rem;
				margin-inline:2.0rem;

				.splide__track {
					touch-action: pan-y;
				}
				.splide__list:not(:has(.splide__slide:nth-child(4))) {
					justify-content: center;
					.splide__slide:last-child {
						margin-right:0;
					}
				}
				.splide__slide {
					height:10.6rem;
					transition-property: opacity;
					transition-duration:.5s;

					&:not(.is-active) {
						opacity:.5;
					}
					.video-icon {
						display:flex;
						justify-content: center;
						align-items: center;
						margin:auto;
						border-radius:50%;
						width:3.2rem;
						height:3.2rem;
						background-color:rgb(from var(--bc_blue_gray) r g b / .7);
						position:absolute;
						inset:0;

						&::after {
							content:"";
							width:1.0rem;
							height:1.2rem;
							clip-path:polygon(0 0, 100% 50%, 0 100%);
							background-color:var(--bc_black);
						}
					}
				}
			}
		}
		.progress_bar {
			margin-left:calc(100% + 1.6rem);
			margin-top:-50dvh;
			border-radius:3px;
			width:3px;
			height:50dvh;
			background-color:var(--bc_line);
			position:sticky;
			top:50dvh;

			&::after {
				content:"";
				display:block;
				width:100%;
				height:calc(var(--tftl) * 100%);
				border-radius:3px;
				background-color:var(--bc_blue_gray);
			}
		}
  }

  .contents-scroll {
    pointer-events:none;
    @media (width > 767px) {
      grid-row:1/2;
      grid-column:1/2;
      width:1px;
    }
    .scroll-item {
      @media (width > 767px) {
        height:150dvh;
        &:last-child {
          height:200dvh;
        }
      }
    }
  }
	& + .dress_single-recommend {
		@media (width <= 767px) {
			margin-top:0;
		}
	}

  .contents-text {
    @media (width > 767px) {
      grid-row:1/2;
      grid-column:2/3;
    }
		@media (width <= 767px) {/* SP */
			padding:4.8rem 2.0rem 8.0rem;
		}
    > .inner {
			@media (width > 767px) {/* PC */
				display:grid;
				height:calc(100dvh - 7.2rem);
				position:sticky;
				top:7.2rem;
			}
    }

		.text-header {
			font-family:var(--ff_en);
			font-weight:500;
			@media (width > 767px) {/* PC */
				margin-top:8.0rem;
				margin-left:4.0rem;
				transition-property: transform;
				transition-duration: 1s;
				body.is-header_up & {
					/* transform:translateY(-7.2rem); */
				}
			}
			@media (width <= 767px) {/* SP */
				margin-bottom:4.8rem;
			}

			.collection {
				margin-bottom:.8rem;
				line-height:1.1;
				@media (width <= 767px) {/* SP */
					font-size:1.4rem;
				}
			}
			.title {
				margin-bottom:.8rem;
				font-weight:inherit;
				font-size:5.0rem;
				line-height:1;
				@media (width <= 767px) {/* SP */
					font-size:4.0rem;
				}
			}
			.id {
				font-size:1.2rem;
				line-height:1;
				color:var(--bc_blue_gray);
			}
		}
		.text-detail {
			@media (width > 767px) {/* PC */
				margin-block:auto 4.0rem;
				margin-inline:auto 4.0rem;
				width:58.0rem;
			}

			.heading {
				margin-bottom:.8rem;
				font-family:var(--ff_min);
				font-weight:400;
				font-size:2.0rem;
				line-height:1.7;
				@media (width > 767px) {/* PC */
					width:42.0rem;
				}
				@media (width <= 767px) {/* SP */
					margin-bottom:2.4rem;
					line-height:1.6;
				}
			}
			.desc {
				margin-bottom:4.4rem;
				font-family:var(--ff_min);
				font-weight:400;
				font-size:1.3rem;
				line-height:1.8;
				letter-spacing: .05em;
				text-align: justify;
				@media (width > 767px) {/* PC */
					width:42.0rem;
				}
				@media (width <= 767px) {/* SP */
					margin-bottom:4.0rem;
					letter-spacing: 0;
				}
			}
			.table {
				display:grid;
				grid-template-columns:10.0rem 1fr;
				border-top:1px solid var(--bc_line);
				@media (width <= 767px) {/* SP */
				}

				> div {
					grid-column:1/-1;
					display:grid;
					grid-template-columns:subgrid;
					border-bottom:1px solid var(--bc_line);
					padding-block:.8rem;
				}
				dt {
					font-family:var(--ff_en);
					font-size:1.4rem;
					line-height:1.5;
					letter-spacing: .05em;
				}
				dd {
					display:flex;
					flex-wrap:wrap;
					gap:.5em;
					font-size:1.2rem;
					letter-spacing: .05em;
					line-height:1.8;
				}
			}
			.button_wrap {
				display:grid;
				grid-template-columns: 1fr 1fr;
				gap:2.0rem;
				margin-top:4.0rem;
				@media (width <= 767px) {/* SP */
					gap:1.0rem;
				}
				.-btn01 {
					padding-block:1.2rem;
					width:100%;
					height:3.8rem;
				}
			}
			.note {
				margin-top:1.6rem;
				font-size:1.1rem;
				letter-spacing: .05em;
				line-height:1.7;
				color:var(--bc_black_text);
			}
		}

  }
}


/* instagram */
.section_insta {
	.section_insta-inner {
		position: relative;
		max-width: 144rem;
		width: 100%;
		margin-inline: auto;
		margin-top: 12.0rem;
		@media (width <= 767px){
			max-width: calc(100% - 4.0rem);
			margin-top: 8.0rem;
		}
	}
	.section_insta-sec_tit {
		text-align: center;
		.-title {
			font-size: 5.6rem;
			letter-spacing: 0.03em;
			@media (width <= 767px){
				font-size: 4rem;
			}
		}
	}
	.hash_label {
		display:flex;
		flex-wrap: wrap;
		gap:.5rem;
		font-family:var(--ff_en);
		line-height: 1;
		letter-spacing: -0.02em;
		color: var(--bc_black_text);
		@media (width > 767px){
			justify-content: center;
			font-size: 1.6rem;
		}
		@media (width <= 767px){
			font-size: 1.3rem;
			left: 0;
			top: -2.0rem;
		}
	}
	.section_insta-detail {
		position: relative;
		display: grid;
		grid-template-columns:repeat(6,1fr);
		gap:3.6rem;
		justify-content: space-between;
		@media (width > 767px){
			margin-top: 2.0rem;
		}
		@media (width <= 767px){
			grid-template-columns:repeat(3,1fr);
			gap: 1.0rem;
			margin-top: .8rem;
		}
		.thumb_wrap {
			height:auto;
			aspect-ratio: 210/373;
			@media (width <= 767px){
			}
			.no-touchevents &:hover {
				.thumb {
					opacity: 0.5;
				}
			}
		}
		.thumb {
			width: 100%;
			height: 100%;
			transition: opacity 0.5s;
		}
	}
	.section_insta-link {
		text-align: center;
		margin-top: 4.0rem;
		@media (width <= 767px){
			margin-top: 5.0rem;
		}
		.-btn01 {
			width: 25.6rem;
			@media (width <= 767px){
				width: 27rem;
			}
		}
	}
}



.mod_accessories {
	margin-block:14.4rem 16.0rem;
	@media (width > 767px){
		display:grid;
		grid-template-columns: 112.0rem 1fr;
		margin-inline:auto;
		width:156.0rem;
	}
	@media (width <= 767px){
		margin-block:8.0rem 12.0rem;
		padding-inline:1.0rem;
	}
	
	.detail {
		display:grid;
		grid-template-columns:repeat(5,1fr);
		gap:4.0rem 8.0rem;
		@media (width <= 767px){
			grid-template-columns:repeat(3,1fr);
			gap:1.1rem;
		}

		> a {
			overflow:hidden;
			@media (hover:hover) {
				&:hover > img {
					transform:scale(1.05);
					opacity:.7;
				}
			}
			@media (width <= 767px){
				&:nth-last-child(-n+4) {
					display:none;
				}
			}
			> img {
				transition-property: transform,opacity;
				transition-duration: .5s;
			}
		}
	}
	.link {
		display:flex;
		justify-content: center;
		align-items: center;
		@media (width <= 767px){
			margin-top:1.8rem;
		}

		> a {
			display:flex;
			align-items: center;
			gap:1.2rem;
			font-family:var(--ff_en);
			font-weight:400;
			font-size:4.8rem;
			line-height:1;
			border-bottom:1px solid;
			transition-property: transform,opacity;
			transition-duration: .5s;
			@media (hover:hover) {
				&:hover {
					opacity:.7;
				}
			}
			@media (width <= 767px){
				gap:1.6rem;
				padding-block:.4rem;
				font-size:1.5rem;
			}
			
			> i {
				width:2.4rem;
				height:2.4rem;
				@media (width <= 767px){
					width:.8rem;
					height:.8rem;
				}
			}
		}
	}
}


.dress_single-recommend {
	& + .dress_archive-search {
		margin-top:16.0rem;
		@media (width <= 767px){
			margin-top:10.0rem;
		}
	}
	overflow:hidden;
	margin-top: 14.4rem;
	position:relative;
	@media (width > 767px){
		padding-block:16.0rem 11.6rem;
	}
	@media (width <= 767px){
		margin-top: 10.0rem;
		padding-block:10.4rem 5.6rem;
	}
	&::before {
		content:"";
		display:block;
		width:calc(50% + 76.0rem);
		background-color:var(--bc_gray);
		position:absolute;
		inset-block:4.0rem 0;
		right:0;
		z-index: -1;
		@media (width <= 767px){
			width:calc(100% - 1.0rem);
			inset-block:3.2rem 0;
		}
	}

	.inner {
		@media (width > 767px){
			margin-left:auto;
			width:calc(50% + 68.0rem);
		}
	}

	.recommend-heading {
		font-family:var(--ff_en);
		font-weight:400;
		font-size:8.0rem;
		line-height:1;
		position:absolute;
		top:0;
		@media (width <= 767px){
			padding-left:2.0rem;
			font-size:4.8rem;
		}
	}

	.dress_single_js-recommend {
		overflow:visible;
		@media (width > 767px){
			width:144.0rem;
		}
		@media (width <= 767px){
			margin-left:3.0rem;
			width:31.6rem;
		}
		&:not(.is-active) {
			.js-carousel-count-A {
				display:none !important;
			}
			.splide__list {
				display:grid;
				@media (width > 767px){
					grid-template-columns: repeat(4,1fr);
					gap:2.0rem;
				}
				@media (width <= 767px){
					grid-template-columns: repeat(2,1fr);
					gap:1.6rem;
				}
			}
		}

		.splide__track {
			overflow: visible;
		}
    .recommend-link {
			position:relative;

			@media (width > 767px) {/* PC */
				@media (hover:hover) {
					&:hover {
						.-of > img {
							&.f {
								opacity:0;
							}
							&.b {
								opacity:1;
							}
						}
					}
				}
			}
			.-of {
				width:100%;
				height:auto;
				aspect-ratio:344/515;
				position:relative;
				pointer-events: none;
				@media (width <= 767px) {/* SP */
					aspect-ratio:150/225;
				}

				> img {
					position:absolute;
					top:0;
					transition-property: opacity;
					transition-duration:.5s;
					&.f {

					}
					&.b {
						opacity:0;
					}
				}
			}
			.text {
				padding-top:1.0rem;
				color:var(--bc_blue_gray);
				font-family:var(--ff_en);
				font-weight:400;
				line-height: 1.3;
				@media (width > 767px) {/* PC */
					position:absolute;
					top:100%;
				}
				@media (width <= 767px) {/* SP */
					padding-top:.8rem;
				}
				.name {
					margin-bottom:.04rem;
					font-size:1.4rem;
					font-weight: inherit;
					@media (width <= 767px) {/* SP */
						font-size:1.3rem;
					}
				}
				.id {
					font-size:1.0rem;
				}
			}
		}
		.js-carousel-count-A {
			font-family:var(--ff_en);
			@media (width > 767px) {/* PC */
				position:absolute;
				bottom:calc(100% + 5.4rem);
				right:8.0rem;
			}
			@media (width <= 767px) {/* SP */
				margin-top:4.0rem;
				margin-inline:auto -1.8rem;
				width:fit-content;
			}
			.arrows_number {
				display:flex;
				align-items: center;
				gap:1.2rem;
				font-size:1.4rem;
				line-height:1;
			}
			.js-splide-arrow-A {
				display:flex;
				&::after {
					content:"";
					display:block;
					width:1.8rem;
					height:1.8rem;
					background-image:url(/antonio-riva/assets/img/dress/arrow_right.svg);
					background-position: center;
					background-size:contain;
				}
				&.is-prev {
					flex-direction: row-reverse;
					&::after {
						transform:scaleX(-1);
					}
				}
			}
		}
	}
}