@charset "utf-8";
:root {
    --black:#000;
    --color-blue:#9caece;
    --color-blue2:#e0e8f7;
    --color-gray:#bcbec2;
    --color-purple:#BDA7CA;
    --color-green:#96BCA6;
    --color-yellow:#D6D496;
    --font-noto:"Noto Sans JP",sans-serif;
    --font-sub:"Marcellus",serif;
    --font-en:"EB Garamond",serif;
    --font-main:"Shippori Mincho",serif
}
.bx-main {
    color:var(--black);
    font-family:var(--font-main)
}
a {
    transition:.3s
}
a:hover {
    opacity:.7
}
.bx-links,.bx-mvIntro,.bx-mv_img,.bx-wrap_left {
    opacity:0;
    visibility:hidden;
    transform:translateY(50px);
    transition:opacity 1s,visibility 1s,transform 1s
}
.fadeIn {
    opacity:1;
    visibility:visible;
    transform:translateY(0)
}
@media(max-width:520px) {
    a:hover {
        opacity:1
    }
}
.u-mobile {
    display:none
}
.u-desktop {
    display:block
}
@media(max-width:521px) {
    .u-mobile {
        display:block
    }
    .u-desktop {
        display:none
    }
}
#summer-women09 .bx-wrap {
    display:grid;
    grid-template-columns:33% 34% 33%;
    background-color:rgb(188 192 194 / .28)
}
.bx-wrap_center {
    background-color:#fff
}
.bx-section {
    margin-top:-50px;
    padding-top:50px
}
.bx-item+.bx-section,
.bx-section+.bx-section {
    margin-top:200px;
    padding-top:0
}
.bx-section#items,.bx-section#pants,.bx-section#tops {
    margin-top:-140px;
    padding-top:140px
}
@media(max-width:1080px) {
    .bx-wrap {
        grid-template-columns:40% 45%!important
    }
    .bx-wrap_right {
        display:none
    }
}
@media(max-width:521px) {
    .bx-wrap {
        display:block!important
    }
    .bx-section+.bx-section {
        margin-top:100px
    }
    .bx-section + .bx-section, .bx-item + .bx-section {
        margin-top: 100px;
    }
    .bx-section {
        margin-top:-90px;
        padding-top:90px
    }
    .bx-section#items,.bx-section#pants,.bx-section#tops {
        margin-top:-170px;
        padding-top:170px
    }
    
}
.bx-wrapLeft {
    position:sticky;
    top:0;
    left:0;
    height:100vh
}
.bx-wrapLeft_img {
    height:100%
}
.bx-wrapLeft_img img {
    aspect-ratio:1160/1984;
    object-fit:cover;
    width:100%;
    height:100%;
    display:block;
    position:absolute;
    opacity:0;
    animation:fadeAnime 12s ease infinite
}
.bx-wrapLeft_img img:nth-child(1) {
    animation-delay:0s
}
.bx-wrapLeft_img img:nth-child(2) {
    animation-delay:4s
}
.bx-wrapLeft_img img:nth-child(3) {
    animation-delay:8s
}
@keyframes fadeAnime {
    0% {
        opacity:0
    }
    8% {
        opacity:1
    }
    32% {
        opacity:1
    }
    40% {
        opacity:0
    }
    100% {
        opacity:0
    }
}
.bx-wrapRight_content {
    position:sticky;
    top:17vw;
    width:82%;
    margin-inline:auto
}
@media(min-width:1750px) {
    .bx-wrapRight_content {
        top:17vw;
        width:74%
    }
}
.bx-mv {
    position:relative
}
.bx-mv_img {
    width:100%
}
.bx-mv_img img {
    aspect-ratio:1463/1872;
    object-fit:cover;
    width:100%;
    height:100%
}
.bx-mvIntro {
    margin-top:60px
}
.bx-mvIntro_img {
    width:80%;
    margin-inline:auto
}
.bx-mvIntro_img img {
    aspect-ratio:1257/359;
    object-fit:contain;
    width:100%;
    height:100%
}
.bx-mvIntro_text {
    width:85%;
    margin-top:20px;
    margin-inline:auto;
    font-size:16px;
    text-align:center;
    line-height:2em
}
.bx-centerLinks {
    margin-top:60px;
    display:none
}
@media(max-width:1080px) {
    .bx-centerLinks {
        display:block
    }
}
.bx-links_items {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:7px;
    width:80%;
    margin-inline:auto
}
.bx-links_item img {
    aspect-ratio:653/721;
    object-fit:contain;
    width:100%;
    height:100%
}
.bx-item_wrap {
    background-color:rgba(224,232,247,.28);
    padding-bottom:100px;
    margin-top:80px
}
#tops .bx-item_wrap {
    background-color:rgba(220,209,227,.27);
    margin-top:0
}
#pants .bx-item_wrap {
    background-color:rgba(209,229,217,.2);
    margin-top:0
}
#items .bx-item_wrap {
    background-color:rgba(214,212,150,.15);
    margin-top:0
}
.bx-item_mainTitle img {
    aspect-ratio:1501/516;
    object-fit:contain;
    width:100%;
    height:100%
}
.bx-item_title {
    margin-top:60px;
    margin-inline:auto;
    width:85%
}
.bx-item_title img {
    aspect-ratio:1306/310;
    object-fit:contain;
    width:100%;
    height:100%
}
.bx-item_mainBox {
    position:relative;
    z-index:3
}
.bx-item_mainImgBox {
    width:85%;
    overflow:hidden;
    margin-top:30px;
    margin-inline:auto
}
.bx-item_mainImg {
    width:100%;
    transition:opacity .3s
}
.bx-item_mainImg.js-zoomOut {
    opacity:0
}
.bx-item_mainImg img {
    aspect-ratio:1279/1758;
    object-fit:cover;
    width:100%;
    height:100%
}
.bx-item_mainImg.is-active {
    animation-name:zoomOut;
    animation-duration:3.2s;
    animation-delay:0s;
    animation-iteration-count:1;
    animation-fill-mode:forwards
}
@keyframes zoomOut {
    0% {
        transform:scale(1.2);
        opacity:0
    }
    50% {
        opacity:1
    }
    100% {
        transform:scale(1);
        opacity:1
    }
}
.bx-item_point {
    position:absolute;
    bottom:-7em;
    left:1em;
    z-index:3;
    border:1px solid #000;
    background-color:#fff;
    padding:1em 1.6em;
    width:280px;
    max-width:65%
}
.bx-item_pointLine {
    position:absolute;
    bottom:0;
    left:4em;
    z-index:2;
    width:calc(50 / 1440 * 122vw)
}
.bx-item_pointLine.bx-item_pointLine__onep3 {
    right:4em;
    left:initial;
    bottom:2.6em;
    width:calc(60 / 1440 * 100vw)
}
.bx-item_pointLine.bx-item_pointLine__tops {
    right:4em;
    left:initial;
    transform:scale(-1,1)
}
.bx-item_pointLine.bx-item_pointLine__tops2 {
    right:5em;
    bottom:0;
    left:initial;
    height:20vw
}
.bx-item_pointLine.bx-item_pointLine__tops3 {
    height:20vw
}
[data-position=right] {
    left:initial;
    right:1em
}
.bx-item_pointLine img {
    aspect-ratio:182/339;
    object-fit:contain;
    width:100%;
    height:100%
}
.pants1 {
    bottom:-2.8em;
    left:9.5em
}
.pants2 {
    right:7em!important;
    bottom:-4em!important
}
.bx-item_pointTitle {
    font-size:20px;
    font-weight:500;
    font-family:var(--font-en);
    text-transform:uppercase;
    margin-bottom:0!important
}
.bx-item_pointText {
    font-size:clamp(.813rem,.746rem + .282vw,1rem);
    margin-bottom:0!important
}
.bx-item_subImg {
    width:85%;
    margin-top:180px;
    margin-left:auto
}
.bx-item_subImg.bx-item_subImg__rev,.bx-item_subImg.bx-item_subImg__rev2,.bx-item_subImg.bx-item_subImg__rev3 {
    margin-right:auto;
    margin-left:0
}
.bx-item_subImg.bx-item_subImg__center {
    margin-right:auto
}
.bx-item_subImg img {
    aspect-ratio:1127/1319;
    object-fit:contain;
    width:100%;
    height:100%
}
.bx-item_subImg.bx-item_subImg__rev {
    aspect-ratio:1100/1226
}
.bx-item_subImg.bx-item_subImg__rev2 {
    aspect-ratio:1127/1319
}
.bx-item_subImg.bx-item_subImg__rev3 img {
    aspect-ratio:1098/1387
}
.bx-item_subImg.bx-item_subImg__tops3 img {
    aspect-ratio:1114/1318
}
.bx-item_subImg+.bx-item_subImg {
    margin-top:10px
}
.bx-item_priceBox {
    margin-top:40px;
    display:block
}
.bx-item_priceBox:hover {
    text-decoration:none
}
.bx-item_list {
    margin-top:120px
}
@media(max-width:1080px) {
    .bx-item_point::before {
        top:10px
    }
    .bx-item_pointLine {
        width:calc(60 / 1080 * 100vw)
    }
    .bx-item_pointLine.bx-item_pointLine__onep3 {
        bottom:2.2em;
        right:5em;
        width:calc(60 / 1080 * 100vw)
    }
}
@media(max-width:521px) {
    .bottom-6 {
        bottom:-6em!important
    }
    .bx-item_point::before {
        top:14px
    }
    .bx-item_pointLine {
        width:calc(60 / 375 * 100vw);
        bottom:-.5em
    }
    .bx-item_pointLine.bx-item_pointLine__onep3 {
        right:3em;
        bottom:.4em;
        width:calc(70 / 375 * 100vw)
    }
    .bx-item_pointLine.bx-item_pointLine__tops2,.bx-item_pointLine.bx-item_pointLine__tops3 {
        width:calc(118 / 375 * 100vw);
        height:60vw
    }
    .bx-item_pointLine.bx-item_pointLine__tops2 {
        right:2.3em
    }
    .bx-item_pointLine.bx-item_pointLine__tops3 {
        left:5em
    }
    .bx-item_pointLine.bx-item_pointLine__tops3.left1 {
        left:1em
    }
    .pants2 {
        right:3.1em!important
    }
}
.bx-price_content {
    width:85%;
    margin-inline:auto;
    display:grid;
    grid-template-columns:63% 33%;
    gap:16px
}
.bx-price_btn img {
    aspect-ratio:374/374;
    object-fit:contain;
    width:100%;
    height:100%
}
.bx-price_detail .itemname {
    font-size:16px!important
}
.bx-price_detail .price {
    font-size:22px!important
}
.bx-price_items {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:2px;
    margin-top:16px
}
.bx-price_item {
    font-size:14px!important;
    text-align:center;
    color:#fff;
    padding:.3em;
    letter-spacing:-.04em
}
.bx-price_item span {
    font-size:10px!important
}
[data-bgc=blue] .bx-price_item {
    background-color:var(--color-blue)
}
[data-bgc=purple] .bx-price_item {
    background-color:var(--color-purple)
}
[data-bgc=green] .bx-price_item {
    background-color:var(--color-green)
}
[data-bgc=yellow] .bx-price_item {
    background-color:var(--color-yellow)
}
.left {
    margin-right:auto;
    margin-left:0
}
.mt100 {
    margin-top:100px
}
.mt60 {
    margin-top:60px!important
}
.mt180 {
    margin-top:180px!important
}
.mb30 {
    margin-bottom:30px!important
}
@media(max-width:521px) {
    .bx-price_content {
        grid-template-columns:1fr 122px
    }
    .mb30 {
        margin-bottom:0!important
    }
    .bx-price_content {
        width:90%;
        margin-inline:auto;
        display:grid;
        grid-template-columns:63% 33%;
        gap:16px
    }
}
.bx-list_imgTitle {
    width:45%;
    margin-inline:auto
}
.bx-list_imgTitle img {
    object-fit:contain;
    width:100%;
    height:100%
}
.bx-list__items {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
    width:85%;
    margin-top:40px;
    margin-inline:auto;
    margin-bottom:0
}
.bx-list_img img {
    aspect-ratio:653/818;
    object-fit:cover;
    width:100%;
    height:100%
}
.bx-list_link:hover {
    text-decoration:none
}
.bx-list_itemDetail .price {
    font-size:20px
}
.bx-list_btn {
    margin-top:60px;
    text-align:center
}
.bx-list_btn a {
    border:1px solid #000;
    background-color:#fff;
    padding:.4em;
    font-size:16px;
    width:63%;
    margin-inline:auto;
    display:block;
    position:relative
}
.bx-list_btn a::after {
    content:'';
    position:absolute;
    top:4px;
    left:4px;
    width:100%;
    height:100%;
    border-right:1px solid;
    border-bottom:1px solid;
}
.bx-list_btn a:hover {
    text-decoration:none
}
@media(max-width:521px) {
    .bx-list_itemDetail .price {
        font-size:18px
    }
}
.footer {
    padding-bottom:3em
}
#summer-women09 .feature_nav ul {
    display:flex;
    column-gap:.9rem;
    justify-content:center;
    flex-wrap:wrap;
    margin:0 auto;
    padding-bottom:10%
}
.footer h2 {
    text-align:center;
    font-family:var(--font-sub)!important
}
.allWrap .star {
    align-items:baseline!important
}
p.bx-price_itemName.itemname {
    white-space: normal;
}
p.reviewnumber {
    font-size:12px
}
.left6 {
    left:6em!important
}
.mt140 {
    margin-top:140px!important
}