@charset "Shift_JIS";
/* --------------------------------------------------------------------
	ABC MART Y2h
--------------------------------------------------------------------- */
.y2k-main {
	max-width: 1500px;
	margin: 0 auto;
	/* overflow: ; */
	overflow-x: hidden;
}

.y2k-main-inner{
    max-width: 1200px;
    margin: 0 auto;
}

.y2k-main img{
    display: block;
    max-width: 100%;
    height: auto;
}
.y2k-banner{
    width: 100%;
}
.y2k-banner img{
    display: block;
    width: 100%;
    height: auto;
}

.y2k-info{
    width: 1120px;
    margin: 75px auto 0 auto;
    display: grid;
    grid-template-columns: 40% auto;
    column-gap: 10px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.8em;
    align-items: flex-start;
    justify-content: center;
}

.y2k-menu{
    width: 1140px;
    margin: 65px auto 0 auto;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
}
.y2k-menu a:nth-child(1){
    width: 35%;
    display: block;
    transform: rotate(-7.2deg);
    margin-bottom: 30px;
}
.y2k-menu a:nth-child(2){
    width: 35%;
    display: block;
    transform: rotate(4deg);
    position: absolute;
    left: 31.5%;
    top: 45px;
}
.y2k-menu a:nth-child(3){
    width: 35%;
    display: block;
    transform: rotate(-4.2deg);
    margin-top: 40px;
}

.y2k-pick-up-item{
    width: 1120px;
    margin: 90px auto 0 auto;
    display: grid;
    grid-template-columns: 35% auto;
    column-gap: 2.5%;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.8em;
    align-items: flex-start;
    justify-content: center;
}
.y2k-pick-up-item dt{
    transform: rotate(-7.2deg);
}
.y2k-goods{
    width: 100%;
    background: url("https://img.abc-mart.net/img/event/2024/2411_nike_y2k/bg01.png") no-repeat center top;
    background-size: 1302px auto;
    margin-top: 40px;
}
.y2k-goods .sub-box{
    height: 670px;
    position: relative;
}
.y2k-goods .ttlA{
    width: 303px;
    position: absolute;
    transform: rotate(8.7deg);
    left: 62px;
    top: 117px;
}
.y2k-goods .ttlB{
    width: 327px;
    position: absolute;
    transform: rotate(-12.4deg);
    left: 498px;
    top: 50px;
}
.y2k-goods .ttlC{
    width: 194px;
    position: absolute;
    transform: rotate(10.6deg);
    right: 68px;
    top: 180px;
}
.y2k-goods .goodsA{
    width: 408px;
    position: absolute;
    left: 11px;
    top: 240px;
}
.y2k-goods .goodsB{
    width: 404px;
    position: absolute;
    left: 420px;
    top: 152px;
}
.y2k-goods .goodsC{
    width: 400px;
    position: absolute;
    right: 3px;
    top: 263px;
}
.y2k-goods .goodsD{
    width: 404px;
    position: absolute;
    left: 421px;
    top: 390px;
}
.y2k-goods ul{
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    font-weight: bold;
    font-size: 22px;
}
.y2k-goods li{
    width: 255px;
    height: 175px;
}
.y2k-goods li a{
    display: flex;
    width: calc(100% - 30px);
    height: calc(100% - 80px);
    align-items: center;
    justify-content: center;
    color: black;
    padding: 60px 30px 20px 0;
}
.y2k-goods li a span{
    display: block;
}
.y2k-goods li:nth-child(1){
    background: url("https://img.abc-mart.net/img/event/2024/2411_nike_y2k/bg-note03.png") no-repeat center center;
    background-size: 100% 100%;
    transform: rotate(-12.5deg);
}
.y2k-goods li:nth-child(2){
    background: url("https://img.abc-mart.net/img/event/2024/2411_nike_y2k/bg-note04.png") no-repeat center center;
    background-size: 100% 100%;
    transform: rotate(10deg);
}
.y2k-goods li:nth-child(3){
    background: url("https://img.abc-mart.net/img/event/2024/2411_nike_y2k/bg-note05.png") no-repeat center center;
    background-size: 100% 100%;
    transform: rotate(-12.9deg);
}

.y2k-style1{
    margin: 80px 44px 0 0;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}
.y2k-style1 .sub-box{
    width: 550px;
}
.y2k-style1 .pic{
    width: 600px;
    position: absolute;
    left: -38px;
    top: -60px;
}
.ttl-style1{
    width: 400px;
    transform: rotate(4.3deg);
    margin: 0 auto;
}

.y2k-style2{
    margin: 200px 0 0 64px;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.y2k-style2 .sub-box{
    width: 550px;
}
.y2k-style2 .pic{
    width: 687px;
    position: absolute;
    right: -43px;
    top: -20px;
}
.ttl-style2{
    width: 400px;
    transform: rotate(-5.3deg);
}

.y2k-style3{
    margin: 200px 44px 0 0;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}
.y2k-style3 .sub-box{
    width: 550px;
}
.y2k-style3 .pic{
    width: 950px;
    position: absolute;
    left: -116px;
    top: -50px;
}
.ttl-style3{
    width: 400px;
    transform: rotate(4.3deg);
    margin: 0 auto;
}

.y2k-style4{
    margin: 280px 0 0 64px;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.y2k-style4 .sub-box{
    width: 550px;
}
.y2k-style4 .pic{
    width: 678px;
    position: absolute;
    right: 20px;
    top: -10px;
}
.ttl-style4{
    width: 400px;
    transform: rotate(-5.3deg);
}

.y2k-style1 ul,
.y2k-style2 ul,
.y2k-style3 ul,
.y2k-style4 ul{
    display: flex;
    gap: 20px;
    margin-top: 30px;
}
.y2k-style1 dd,
.y2k-style2 dd,
.y2k-style3 dd,
.y2k-style4 dd{
    font-size: 19px;
    line-height: 1.8em;
}
.y2k-style1 dt,
.y2k-style2 dt,
.y2k-style3 dt,
.y2k-style4 dt{
    font-size: 27px;
    font-weight: bold;
    line-height: 1.5em;
    margin-top: 30px;
    margin-bottom: 20px;
}


.ttl-apparel-goods-list{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ttl-apparel-goods-list img:nth-child(1){
    width: 395px;
    transform: rotate(-5.5deg);
    margin-top: 80px;
    margin-left: 76px;
}
.ttl-apparel-goods-list img:nth-child(2){
    width: 564px;
    margin-right: -140px;
}

.apparel-goods-list{
    background: url("https://img.abc-mart.net/img/event/2024/2411_nike_y2k/bg01.png") repeat-y center top;
    background-size: 1300px auto;
    padding-bottom: 50px;
}
.apparel-goods-list ul{
    display: grid;
    grid-template-columns: repeat(2, 510px);
    align-items: flex-start;
    justify-content: space-between;
    width: 1080px;
    margin: 0 auto;
    position: relative;
    top: -30px;
}

.apparel-goods-list li a{
    color:#000;
}

.apparel-goods-list li:nth-child(odd) a{
    padding: 150px 75px 60px 30px;
    display: flex;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.3em;
    align-items: center;
}
.apparel-goods-list li:nth-child(odd) a p{
    margin-left: -1.5rem;
}
.apparel-goods-list li:nth-child(odd) a img{
    display: block;
    width: 57%;
    height: auto;
}

.apparel-goods-list li:nth-child(even){
    padding: 150px 65px 60px 20px;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.3em;
}
.apparel-goods-list li:nth-child(even) img{
    display: block;
    width: 90%;
    height: auto;
    mix-blend-mode: multiply;
    margin: 0 auto;
}
.apparel-goods-list li span{
    font-size: 18px;
    display: block;
    line-height: 1.3em;
}
.apparel-goods-list li:nth-child(3n+1){
    background: url("https://img.abc-mart.net/img/event/2024/2411_nike_y2k/bg-note02.png") no-repeat center center;
    background-size: 100% 100%;
    transform: rotate(-7.4deg);
}
.apparel-goods-list li:nth-child(3n+2){
    background: url("https://img.abc-mart.net/img/event/2024/2411_nike_y2k/bg-note03.png") no-repeat center center;
    background-size: 100% 100%;
    transform: rotate(5.3deg);
}
.apparel-goods-list li:nth-child(3n+3){
    background: url("https://img.abc-mart.net/img/event/2024/2411_nike_y2k/bg-note01.png") no-repeat center center;
    background-size: 100% 100%;
    transform: rotate(0.5deg);
}


.apparel-goods-list li:nth-child(2){
    position: relative;
    top: 60px;
}
.apparel-goods-list li:nth-child(4){
    position: relative;
    top: 30px;
}
.apparel-goods-list li:nth-child(5){
    transform: rotate(-7deg);
}
.apparel-goods-list li:nth-child(6){
    transform: rotate(6deg);
    position: relative;
    top: 50px;

}
.apparel-goods-list li:nth-child(7){
    transform: rotate(-0.3deg);
}
.apparel-goods-list li:nth-child(8){
    transform: rotate(-5.3deg);
    position: relative;
    top: 50px;
}