@charset "UTF-8";
.h_bar {
  display: none;
}
/*------------------------------
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;}

#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__title { height: 100%; margin: 30px auto 0; 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: 56px 0 100px 0; font-family: "Noto Sans JP", sans-serif; font-size: 38px;font-weight: 700; line-height: 1.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; flex-direction: column; gap: 30px; position: relative; z-index: 3; box-sizing: border-box;}
.content__column-item--credit-text { position: absolute; z-index: 3;}
.content__column-item--credit-text p { font-family: "Noto Sans JP", sans-serif; font-size: 14px; font-weight: 500; text-align: justify; line-height: 1.6;}
.content__box .number { position: absolute; z-index: 3;}
.main-visual__image { max-width: 1120px!important; width: 100%;}

#itemset01 { padding: 150px 0 0 0; margin: 0 0 150px;}
#itemset01 .number { top: 150px; right: 0px; max-width: 150px; width: 100%;}
#itemset01 .img01  { position: absolute; top: 170px; left: 500px; max-width: 329px; width: 100%;}
#itemset01 .img02  { position: absolute; top:  525px; right: 0; max-width: 380px; width: 100%;}
#itemset01 .img03  { position: absolute; top: 540px; left: 525px; max-width: 231px; width: 100%;}
#itemset01 .img04  { position: absolute; top: 860px; right: 0; max-width: 184px; width: 100%;}
#itemset01 .img_m  { max-width: 475px; width: 100%;}
#itemset01 .content__column-item--credit-text { width: 260px; top: 340px; left: 845px;}

#itemset02 { padding: 30px 0 0 0; margin: 0 0 150px;}
#itemset02 .number { top: 70px; left: 465px; max-width: 129px; width: 100%;}
#itemset02 .img_m  { margin: 0 0 0 645px;}
#itemset02 .img01  { position: absolute; top:  30px; left: 0px; max-width: 370px; width: 100%;}
#itemset02 .img02  { position: absolute; top:  205px; left: 375px; max-width: 183px; width: 100%;}
#itemset02 .img03  { position: absolute; top: 655px; left: 260px; max-width: 322px; width: 100%;}
#itemset02 .content__column-item--credit-text { width: 209px; top: 870px; left: 0;}
#itemset02 .content__column-item--credit .credit { padding-left: 645px;}

#itemset03 { margin: 0 0 150px 0;} 
#itemset03 .number { top: 0; right: 0; max-width: 129px; width: 100%;}
#itemset03 .img01  { position: absolute; top: 160px; right: -60px; z-index: 4; max-width: 640px; width: 100%;}
#itemset03 .img02  { position: absolute; top: 500px; right: -100px; z-index: 4; max-width: 510px; width: 100%;}
#itemset03 .content__column-item--credit-text { width: 246px; top: 0; left: 640px;}
#itemset03 .img_m {padding-left: 30px; max-width: 582px; width: 100%;}
#itemset03 .credit__inner {display: flex;}
#itemset03 .credit__item-box {width: 30%;}

#itemset04 {padding: 30px 0 0 0; margin: 0 0 150px;}
#itemset04 .number { top: 0; right: 0; max-width: 135px; width: 100%;}
#itemset04 .img_m  { padding: 50px 0 0 0; max-width: 475px; width: 100%;}
#itemset04 .img01  { position: absolute; top:  60px; left: 370px; max-width: 246px; width: 100%;}
#itemset04 .img02  { position: absolute; top: 0; left: 0; max-width: 303px; width: 100%;}
#itemset04 .img03  { position: absolute; top: 405px; left: 0px; z-index: 4; max-width: 178px; width: 100%;}
#itemset04 .img04  { position: absolute; top: 675px; left: 110px; max-width: 361px; width: 100%;}
#itemset04 .img05  { position: absolute; top: 635px; left: 825px; z-index: 4;}
#itemset04 .content__column-item--credit-text { width: 245px; top: 485px; left: 210px;}
#itemset04 .content__column-item--credit { padding-left: 640px;}

#itemset05 { padding: 40px 0 0 0; margin: 0 0 150px 0;}
#itemset05 .number { top: 20px; left: 225px; max-width: 126px; width: 100%;}
#itemset05 .img01  { position: absolute; top:  0; right: 0; max-width: 811px; width: 100%;}
#itemset05 .img02  { margin: 125px 0 0 -70px; max-width: 495px; width: 100%;}
#itemset05 .img03  { position: absolute; top: 850px; left:  310px; max-width: 145px; width: 100%;}
#itemset05 .img04  { position: absolute; top: 610px; left: 660px;}
#itemset05 .img_m  { margin: -160px 105px 0 505px;}
#itemset05 .content__column-item--credit-text { width: 255px; top: 715px; left: 0;}
#itemset05 .content__column-item--credit {position: absolute; top: 905px; left: 0;}

#itemset06 { padding: 120px 0 0 0; margin: 0 0 150px 0;}
#itemset06 .number { top: 45px; left: 0; max-width: 127px; width: 100%;}
#itemset06 .img_m {margin: -300px 0 0 645px;}
#itemset06 .img01  {margin: 35px 0 0 0; max-width: 410px; width: 100%;}
#itemset06 .img02  { top: -120px; left: 300px; z-index: 4; max-width: 225px; width: 100%;}
#itemset06 .img03  { position: absolute; top: 235px; left:  490px; z-index: 4; max-width: 175px; width: 100%;}
#itemset06 .img04  { position: absolute; top: 625px; left:  345px; z-index: 4; max-width: 206px; width: 100%;}
#itemset06 .content__column-item--credit-text {width: 473px; top: 160px; right: 0;}
#itemset06 .content__column-item--credit {position: absolute; top: 90px; left: 0;}

#itemset07 { padding: 90px 0 0 0; margin: 0 0 100px 0;}
#itemset07 .number { top: 150px; left: 725px; max-width: 127px; width: 100%;}
#itemset07 .img_m { margin: 0 435px 0 135px;}
#itemset07 .img01  { margin: 0 0 0 20px; max-width: 393px; width: 100%;}
#itemset07 .img02  { position: absolute; top:  785px; left: 40px; max-width: 448px; width: 100%;}
#itemset07 .img03  { position: absolute; top: 930px; right: 45px; z-index: 4; max-width: 136px; width: 100%;}
#itemset07 .img04  { position: absolute; top: 310px; left:   0px; z-index: 4;}
#itemset07 .img05  { position: absolute; top: 790px; right:  0px;}
#itemset07 .content__column-item--credit-text { width: 275px; top: 405px; left: 715px;}
#itemset07 .content__column-item--credit { padding-left: 80px; margin: -410px 0 0 500px;}
#itemset07 .credit {padding: 0 0 0 20px}

#itemset08 { margin: 0 0 150px 0;} 
#itemset08 .number { top: 95px; right: 0; max-width: 126px; width: 100%;}
#itemset08 .img01  { position: absolute; top: 70px; left: 620px; max-width: 291px; width: 100%;}
#itemset08 .img02  { position: absolute; top: 285px; right: 30px; max-width: 152px; width: 100%;}
#itemset08 .img03  { position: absolute; top: 730px; right: 0; margin: 0 0 0 742px;}
#itemset08 .img_m { max-width: 583px; width: 100%;}
#itemset08 .content__column-item--credit-text { width: 235px; top: 500px; right: 0;}
#itemset08 .credit {padding-left: 110px;}

#itemset09 { padding: 90px 0 0 0; margin: 0 0 150px 0;}
#itemset09 .number { top: 90px; left: 0; max-width: 127px; width: 100%;}
#itemset09 .img01  { position: absolute; top: 170px; left: 40px; max-width: 605px; width: 100%;}
#itemset09 .img02  { position: absolute; top: 740px; left: 0; margin: 0 760px 0 0;}
#itemset09 .img03  { position: absolute; top: 880px; left: 440px; max-width: 141px; width: 100%;}
#itemset09 .img_m { max-width: 475px; width: 100%;}
#itemset09 .content__column-item--credit-text { position: relative; width: 460px;}
#itemset09 .content__column-item--credit { margin: 0 0 0 645px;}

#itemset10 { margin: 0 0 150px 0;}
#itemset10 .number { top: 145px; left: 110px; max-width: 122px; width: 100%;}
#itemset10 .img01  { max-width: 198px; width: 100%;}
#itemset10 .img02  { position: absolute; top: 400px; left: 0; max-width: 234px; width: 100%;}
#itemset10 .img_m {position: absolute; top: 55px; right: 0; margin: 0 0 0 570px;}
#itemset10 .content__column-item--credit-text { position: relative; width: 290px;}
#itemset10 .content__column-item--credit { margin: 0 0 0 245px;}

#itemset11 { padding: 100px 0 0 0; margin: 0 0 150px 0;}
#itemset11 .number { top: 100px; right: 0; max-width: 108px; width: 100%;}
#itemset11 .img01  { position: absolute; top: 60px; left: 665px; max-width: 245px; width: 100%;}
#itemset11 .img02  { position: absolute; top: 305px; right: 50px; z-index: 4; max-width: 174px; width: 100%;}
#itemset11 .img03  { position: absolute; top: 620px; right: 0; margin: 0 0 0 512px;}
#itemset11 .img_m  { margin: 0 645px 0 0;}
#itemset11 .content__column-item--credit-text { position: absolute; top: 385px; left: 510px; width: 235px;}

#itemset12 { margin: 0 0 150px 0;}
#itemset12 .number { top: 90px; right: 100px; max-width: 121px; width: 100%;}
#itemset12 .img01  { position: absolute; top: 0; right: 190px; max-width: 387px; width: 100%;}
#itemset12 .img02  { position: absolute; top: 0; left: 110px; max-width: 448px; width: 100%;}
#itemset12 .img_m  { padding: 570px 235px 0 335px;}
#itemset12 .content__column-item--credit-text { width: 305px; position: absolute; top: 950px; left: 0;}
#itemset12 .content__column-item--credit { position: absolute; top: 1125px; left: 0; }

#itemset13 { padding: 95px 0 0 0; margin: 0 0 220px 0;}
#itemset13 .number { top: 0; left: 0; max-width: 121px; width: 100%;}
#itemset13 .img01  { position: absolute; top: 30px; right: 45px; z-index: 4; max-width: 646px; width: 100%;}
#itemset13 .img02  { position: absolute; top: 710px; left: 520px; max-width: 217px; width: 100%;}
#itemset13 .img03  { position: absolute; top: 800px; right: 0; margin: 0 0 0 756px;}
#itemset13 .img_m  {margin: 0 645px 0 0;}
#itemset13 .content__column-item--credit-text { position: relative; width: 460px; }

#itemset14 {margin: 0 0 150px 0;}
#itemset14 .number { top: 70px; right: 0; max-width: 127px; width: 100%;}
#itemset14 .img01  { max-width: 489px; width: 100%;}
#itemset14 .img02  { position: absolute; top: 345px; left: 310px; z-index: 4; max-width: 239px; width: 100%;}
#itemset14 .img_m  {position: absolute; top: 150px; right: 0; margin: 0 0 0 570px;}
#itemset14 .content__column-item--credit-text {width: 320px; position: relative;}

/* 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; align-items: flex-end;}
.credit__buy-button { width: 36px; margin: -3px 0 0 15px;}
.credit__buy-link   { width: 38px; height: 23px; border: 1px solid #000000; padding: 0; color: #000000; font-family: "Poppins", sans-serif; font-size: 15px; font-weight: 600; line-height: 21px; letter-spacing: 1px; text-decoration: none; box-sizing: border-box; display: flex; justify-content: center; align-content: center;}
.credit__text { margin: 0; font-family: "Poppins", sans-serif; font-size: 17px; font-weight: 400; font-style: normal; line-height: 17px; letter-spacing: 1px; text-align: left; color: #000000;}
.credit__text--small-gray { margin-top: 2px; font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 500; font-style: normal; display: block; letter-spacing: 1px; color: #656565;}

/* gallery
------------------------------*/
.gallery { width: 100%; margin-bottom: 97px;}
.gallery__inner { width: 100%;}
.gallery__item-box { width: 1120px; margin: 0 auto; display: flex; flex-flow: row wrap;}
.gallery__item { position: relative; font-family: "Roboto Condensed", sans-serif; width: 170px; margin-right: 145px; margin-bottom: 66px;}
.gallery__item:nth-child(4n) { margin-right: 0;}
.gallery__item:nth-child(4n-1) .gallery__credit-item { left: -70px;}
.gallery__item:nth-child(4n) .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 { width: 30px; height: 18px; 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;}
}