body {
	min-width: initial;
}

/*
#header
///////////////////////////////////////////////////*/

@media screen and (min-width: 769px){

	#header dd img {
		width: 179px;
	}

}

@media screen and (max-width: 769px){

}

/*
#attention
///////////////////////////////////////////////////*/

.attention {
	background: #fff;
	color: #000;
	padding-top: 2em;
}

section.attention ul li {
	font-size: 85%;
}

@media screen and (min-width: 769px){

}

@media screen and (max-width: 769px) {

	.attention p img {
		width: 50%;
	}

	.attention {
		padding-top: 1em;
		overflow: hidden;
	}

}

/*
pagetop
///////////////////////////////////////////////////*/

@media screen and (min-width: 769px){

	.pagetop {
		background: url(/lalaport/yokohama/campaign/2025SNEAKERSCOLLECTION/common/image/pagetop_o.png) top no-repeat;
		background-size: contain;
		position: fixed;
		line-height: 1.0;
		right: 1.5em;
		bottom: 1.5em;
		width: 75px;
		height: 75px;
		margin: 0;
	}

	.pagetop a img {
		opacity: 1;
		transition: .3s;
	}

	.pagetop a:hover img {
		opacity: 0;
	}

}

@media screen and (max-width: 769px){

	.pagetop {
		position: fixed;
		line-height: 1.0;
		right: 1.5em;
		bottom: 1.5em;
		width: 15%;
	}

}


/*
PC
///////////////////////////////////////////////////*/


@media screen and (min-width: 1920px){

	.container {
	}

	.wrapper {
		max-width: 640px;
		margin: 0 auto;
	}

}

@media screen and (max-width: 1920px){

	.container {
	}

	.wrapper {
		max-width: 640px;
		margin: 0 auto;
	}

}

@media screen and (max-width: 769px){

	.wrapper {
		width: 100%;
	}

}




/*
sec_head
///////////////////////////////////////////////////*/

.sec_head .secWrap {
}

.sec_head .secWrap ul {
	display: flex;
	justify-content: space-between;
}

.sec_head .secWrap ul li {
	width: 32%;
}

.sec_head .secWrap ul li:nth-child(1) {
	background: url(/lalaport/yokohama/campaign/2025SNEAKERSCOLLECTION/common/image/202510/nav01_o.png) no-repeat;
	background-size: contain;
}

.sec_head .secWrap ul li:nth-child(2) {
	background: url(/lalaport/yokohama/campaign/2025SNEAKERSCOLLECTION/common/image/202510/nav02_o.png) no-repeat;
	background-size: contain;
}

.sec_head .secWrap ul li:nth-child(3) {
	background: url(/lalaport/yokohama/campaign/2025SNEAKERSCOLLECTION/common/image/202510/nav03_o.png) no-repeat;
	background-size: contain;
}

.sec_head .secWrap ul li a.selected img {
	opacity: 0;
}

@media screen and (min-width: 769px){

	.sec_head .secWrap {
		max-width: 1000px;
		margin: 0 auto;
	}

	.sec_head .secWrap p,
	.sec_head .secWrap ul {
		width: 70%;
	}

	.sec_head .secWrap p {
		margin: 50px auto;
	}

	.sec_head .secWrap ul {
		margin: 50px auto 100px;
	}

	.sec_head .secWrap ul li a img {
		transition: .3s;
	}

	.sec_head .secWrap ul li a:hover img {
		opacity: 0;
	}

	.sec_head .secWrap ul li {
	}

}

@media screen and (max-width: 769px){

	.sec_head,
	.sec_head .secWrap {
		padding: 0;
		margin: 0;
	}

	.sec_head .secWrap p {
		margin: 1.5em 0;
	}

	.sec_head .secWrap ul {
		margin: 1.5em auto 3em;
		width: 70%;
	}

	.sec_head .secWrap p img {
		width: 70%;
		margin: 0 auto;
		display: block;
	}


}



/*
sec01
///////////////////////////////////////////////////*/

.sec01 {
	background: #f6f0cc;
	overflow: hidden;
}

.sec01 .secWrap h2 {
	background: #eadd8b;
}

.sec02 .secWrap h2 {
	background: #e7a14b;
}

.sec03 .secWrap h2 {
	background: #f6c2aa;
}

.sec01 .secWrap dl dt,
.sec02 .secWrap dl dt,
.sec03 .secWrap dl dt {
	background: #fff;
	display: block;
}

.sec01 .secWrap dl dd img,
.sec02 .secWrap dl dd img,
.sec03 .secWrap dl dd img {
	max-width: 640px;
	margin: 0 auto;
	display: block;
}

@media screen and (min-width: 769px){

	.sec01 .secWrap h2 img,
	.sec02 .secWrap h2 img,
	.sec03 .secWrap h2 img {
		max-width: 640px;
		margin: 0 auto;
		display: block;
	}

	.sec01 .secWrap dt img,
	.sec02 .secWrap dt img,
	.sec03 .secWrap dt img {
		max-width: 640px;
		margin: 0 auto;
		display: block;
	}

	.sec01 .secWrap dl dd,
	.sec02 .secWrap dl dd,
	.sec03 .secWrap dl dd {
		padding: 100px 0 0;
	}

	.sec01 .secWrap dl dd:first-child,
	.sec02 .secWrap dl dd:first-child,
	.sec03 .secWrap dl dd:first-child {
		padding: 50px 0 0;
	}

	.sec01 .secWrap dl dd:last-child,
	.sec02 .secWrap dl dd:last-child,
	.sec03 .secWrap dl dd:last-child {
		padding-bottom: 100px;
	}

	.sec02 .secWrap dl dd img {
		max-width: 710px;
		margin: 0 auto;
		display: block;
	}

}

@media screen and (max-width: 769px){

	.sec01 {
		background-size: 120%;
	}

	.sec01 .secWrap h2,
	.sec02 .secWrap h2 {
	}

	.sec01 .secWrap dl dd,
	.sec02 .secWrap dl dd,
	.sec03 .secWrap dl dd {
		padding: 1.5em 0;
	}

	.sec01 .secWrap dl dt img,
	.sec02 .secWrap dl dt img,
	.sec03 .secWrap dl dt img,
	.sec01 .secWrap dl dd img,
	.sec02 .secWrap dl dd img,
	.sec03 .secWrap dl dd img {
		max-width: 100%;
	}

	.sec01 .secWrap dl dd:last-child,
	.sec02 .secWrap dl dd:last-child,
	.sec03 .secWrap dl dd:last-child {
		padding-bottom: 1.5em;
	}

	.sec02 .secWrap dl dd {
		overflow: hidden;
		width: 110%;
		margin: 0 -5%;
	}

	.sec02 .secWrap dl dd img {
		display: block;
	}

}


/*
sec01
///////////////////////////////////////////////////*/

.sec02 {
	background: #faebd7;
	overflow: hidden;
}

.sec03 {
	background: #fef1ea;
	overflow: hidden;
}



@media screen and (min-width: 769px){

	.sec02,
	.sec03 {
		background-size: 800px;
	}


}

@media screen and (max-width: 769px){

	.sec02,
	.sec03 {
		background-size: 110%;
	}

}

/*
sec01
///////////////////////////////////////////////////*/

.attention p {
	margin-bottom: 30px;
}

.attention strong {
	font-weight: 600;
}

@media screen and (min-width: 769px){

	.attention .secWrap {
		max-width: 1000px;
		margin: 0 auto;
	}

}

@media screen and (max-width: 769px){

	.attention .secWrap {
		margin: 1.5em;
	}

	section.attention {
		padding: 0;
	}

}