@charset "UTF-8";
/*------------------------------
 Layout
------------------------------*/
#hnav_item + div { position: relative; z-index: 2;}
.main-wrapper { color: #000000; font-family: "Noto Sans JP", sans-serif; font-weight: 400; overflow: hidden;}
.main-inner { width: 100%; margin: 0 auto;}
.main-inner > .content { background: #FFFDEB;}

#shipsany .shipsany__menu--footer .shipsany__menu--footer--left > ul > li a,
#shipsany .shipsany__menu--footer .shipsany__menu--footer--right .shipsany__top--link a { text-decoration: none;}

.for-sp { display: none !important;}

/* main-visual
------------------------------*/
.main-visual-position { width: 100%; position: relative;}
.main-visual-slider .slick-slide img { width: 100%;}
.main-visual-position .main-visual__inner { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.main-visual__title { height: 100%; font-size: 0; line-height: 0; text-align: center;}
.main-visual__title img { width: auto; max-width: initial; height: 100%; vertical-align: top;}
.main-visual-caption-title { padding: 90px 0 0 0; font-family: "Noto Sans JP", sans-serif; font-size: 38px; font-weight: 700; line-height: 1.0; text-align: center; position: relative;}
.main-visual-caption { padding: 35px 0 150px 0; font-family: "Noto Sans JP", sans-serif; font-size: 18px; font-weight: 700; line-height: 2.0; text-align: center; position: relative;}

/* content
------------------------------*/
.content { margin: 0 auto 180px;}
.content__inner     { width: 1120px; margin: 0 auto;}
.content__box       { position: relative; margin: 0 auto;}
.content__image-box { position: relative; font-size: 0; line-height: 0; text-align: center;}
.content__image     { display: inline-block;}
.content__column-item--image  { position: relative; z-index: 2;}
.content__column-item--credit { width: 100%; display: flex; align-items: flex-end; gap: 30px; position: relative; z-index: 3; box-sizing: border-box;}
.content__column-item--image .number { position: absolute; top: 20px; left: 20px; z-index: 3;}

#itemset01        { margin: 0 0 15px 0;}
#itemset01 .img01 { width: 494px; margin: 0 auto; text-align: center;}
#itemset01 .img02 img { position: relative; top: -50px;}
#itemset01 .content__column-item--credit { flex-direction: row-reverse; justify-content: flex-start; position: relative; top: -165px;}
#itemset02        { margin: 0 0 180px 0;}
#itemset02 .img01 { width: 624px; padding: 0 0 0 130px; margin: 0 0 75px 0; text-align: center; box-sizing: border-box;}
#itemset02 .img01 .number { left: 150px;}
#itemset02 .img02 { margin: 0 0 160px 0; text-align: right;}
#itemset02 .img03 { margin: 0 0 30px 0; text-align: center;}
#itemset03        { margin: 0 0 180px 0;}
#itemset03 .img01 { width: 494px; margin: 0 auto; text-align: center;}
#itemset03 .img01 .number { left: auto; right: 20px;}
#itemset03 .img02 { height: 130px; position: relative;}
#itemset03 .img02 img { position: absolute; top: 0; left: 0;}
#itemset03 .content__column-item--credit { padding: 0 0 0 130px; justify-content: space-between; flex-direction: row-reverse;}
#itemset03 .content__column-item--credit ul { position: relative; bottom: -40px;}
#itemset04        { margin: 0 0 180px 0;}
#itemset04 .img01 { width: 494px; margin: 0 auto; text-align: center;}
#itemset04 .img02 { height: 280px; position: relative;}
#itemset04 .img02 img { position: absolute; top: -130px; right: 0;}
#itemset05        { margin: 0 0 180px 0;}
#itemset05 .img01 { width: 494px; margin: 0 auto 105px; text-align: center;}
#itemset05 .img02 { width: 900px; margin: 0 auto; text-align: center;}
#itemset05 .img03 { width: 900px; margin: 0 auto 30px; text-align: center;}
#itemset05 .img03 .text { position: absolute; top: 74px; left: 442px;}
#itemset05 .content__column-item--credit { width: 900px; margin: 0 auto; align-items: flex-start; justify-content: space-between; flex-direction: row-reverse;}
#itemset06        { padding: 0 0 180px 0;}
#itemset06 .img01 { width: 494px; margin: 0 auto 30px; text-align: center;}
#itemset06 .img02 { height: 315px; margin: 0 auto; position: relative;}
#itemset06 .img02 img { position: absolute; top: 30px; right: 0;}

/* credit
------------------------------*/
.credit--space { width: 100%; margin-bottom: 30px;}
.credit__title { font-size: 18px; line-height: 17px; font-weight: 600; letter-spacing: 1px; text-align: left; margin-bottom: 11px;}
.credit__inner { width: 100%;}
.credit__item-box { width: 100%;}
.credit__item { margin-bottom: 16px;}
.credit__item:last-child { margin-bottom: 0;}
.credit__item-inner { display: flex; flex-flow: row wrap;}
.credit__buy-button { width: 36px; margin: -3px 0 0 15px;}
.credit__buy-link   { width: 100%; border: 1px solid #000000; padding: 0 0 2px 0; color: #000000; font-family: "Barlow Condensed", sans-serif; font-size: 17px; font-weight: 600; line-height: 17px; letter-spacing: 1px; text-align: center; text-decoration: none; box-sizing: border-box; display: block;}
.credit__text { font-family: "Barlow Condensed", sans-serif; font-size: 17px; font-weight: 400; font-style: italic; line-height: 17px; letter-spacing: 1px; text-align: left; color: #000000;}
.credit__text--small-gray { margin-top: 2px; font-family: "Barlow Condensed", sans-serif; font-size: 14px; font-weight: 400; font-style: italic; display: block; letter-spacing: 1px; color: #656565;}

/* gallery
------------------------------*/
.gallery { width: 100%; margin-bottom: 97px;}
.gallery__inner { width: 100%;}
.gallery__item-box { display: flex; flex-flow: row wrap; width: 802px; margin: 0 auto;}
.gallery__item { position: relative; font-family: "Roboto Condensed", sans-serif; width: 170px; margin-right: 145px; margin-bottom: 66px;}
.gallery__item:nth-child(3n) { margin-right: 0;}
.gallery__item:nth-child(3n-1) .gallery__credit-item { left: -70px;}
.gallery__item:nth-child(3n) .gallery__credit-item { right: 0; margin: 0 0 0 auto;}
.gallery__date { font-family: "Roboto Condensed", sans-serif; color: #000; font-size: 22px; font-weight: 700; line-height: 36px; margin-bottom: 19px;}
.gallery__link { display: block; cursor: pointer;}
.gallery__image-box { font-size: 0; line-height: 0; margin-bottom: 13px;}
.gallery__image { width: 100%; height: auto;}
.gallery__text { color: #000000; font-size: 16px; font-weight: 700; line-height: 18px; text-align: center; font-family: "Roboto Condensed", sans-serif;}
.gallery__icon { display: inline-block; position: relative; padding-right: 24px;}
.gallery__icon::before { content: ""; position: absolute; right: 0; bottom: 6px; width: 17px; height: 7px; background-image: url(/label/shipsany/images/pc/contents/lookbook/2023fw/icon_arrow_black.png); background-size: 100% auto; background-position: top center; background-repeat: no-repeat;}
.gallery__credit-item { position: absolute; top: calc(100% + 15px); left: 0; width: calc(314% + 20px); height: auto; background-color: #FFFFFF; border: 1px solid #eaeaea; transform: translateY(15px); transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); padding: 17px 20px 10px; box-sizing: border-box; opacity: 0; z-index: 5; visibility: hidden;}
.is-active .gallery__credit-item { transform: translateY(0); opacity: 1; visibility: visible;}
.gallery__credit-item .credit__item-box { display: flex; flex-wrap: wrap; justify-content: space-between; letter-spacing: 0.08em;}
.gallery__credit-item .credit__item { width: calc(50% - 12px); margin-bottom: 7px;}
.gallery__credit-item .credit__buy-button { width: 28px; height: 14px;}
.gallery__credit-item .credit__buy-link { font-size: 10px; line-height: 12px; transform: scale(0.9); padding: 1px 0 0 0;}
.gallery__credit-item .credit__text { font-size: 11px; line-height: 1.1;}
.gallery__credit-item .credit__text--small-gray { font-size: 10px; transform: scale(0.85); transform-origin: left center;}

/* banner
------------------------------*/
.banner { width: 1120px; margin: 0 auto 200px;}
.banner__inner { width: 100%;}
.banner__item-box { display: flex; flex-flow: row wrap;}
.banner__item { width: 416px; margin-right: 203px;}
.banner__item:last-child { margin-right: 0;}
.banner__title { font-family: "Roboto Condensed", sans-serif; font-size: 37px; line-height: 1; margin-bottom: 26px; font-weight: bold;}
.banner__link { display: block; font-size: 0; line-height: 0;}
.banner__image { width: 100%; height: auto;}

/* links
------------------------------*/
.links { width: 1120px; margin: 0 auto 140px;}
.links__item-box { display: flex; flex-flow: row wrap;}
.links__item { margin-right: 55px;}
.links__item:last-child { margin-right: 0;}
.links__link { display: inline-block; font-family: "Questrial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif; font-size: 32px; font-weight: bold; line-height: 59px; text-decoration: none;}

/* slide
------------------------------*/
.slide-box { position: relative; width: auto;}
.slide,
.slide--2-1,
.slide--2-2 { position: absolute; left: 0; top: 0; width: 100%; height: auto; animation-fill-mode: both; animation-timing-function: linear; animation-duration: 9s; animation-iteration-count: infinite;}
.slide--2-1 { position: relative; width: 100%; height: auto; animation-name: slideAnime; animation-delay: 0s;}
.slide--2-2 { animation-name: slideAnime; animation-delay: 4.5s;}

/* keyframes 2枚の時
--------------------*/
@keyframes slideAnime {
	0%   { opacity: 0;}
  25%  { opacity: 1;}
  50%  { opacity: 1;}
  75%  { opacity: 0;}
  100% { opacity: 0;}
}