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/19thanniversary/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 {
	background: url(/lalaport/yokohama/campaign/19thanniversary/common/image/head_bg01.png);
}

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

.sec_head ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.sec_head ul li {
	width: 49%;
}

.sec_head ul li:nth-child(odd) {
	margin-right: 1%;
}

.sec_head ul li:nth-child(even) {
	margin-left: 1%;
}

.sec_head ul li:last-child {
	width: 88%;
	margin: 0;
}

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

	.sec_head .secWrap {
		padding: 0 0 100px;
	}

	.sec_head p,
	.sec_head ul {
		margin: 65px auto 0;
	}

	.sec_head ul li {
		margin-bottom: 10px;
	}

	.sec_head ul li a {
		display: block;
	}

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

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

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

	.sec_head ul li:nth-child(4) a {
		background: url(/lalaport/yokohama/campaign/19thanniversary/common/image/nav04_o.png) no-repeat;
		background-size: contain;
	}

	.sec_head ul li:nth-child(5) a {
		background: url(/lalaport/yokohama/campaign/19thanniversary/common/image/nav05_o.png) no-repeat;
		background-size: contain;
	}

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

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

}

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

	.sec_head .secWrap {
		margin: 0 auto;
		padding: 0 0 2em;
	}

	.sec_head p,
	.sec_head ul {
		margin: 2em 1.5em 0;
	}

	.sec_head ul li {
		margin-bottom: 0.25em;
	}

}

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

.sec01 {
	background: #f08437;
}

.sec02 {
	background: #5bb53c;
}

.sec03 {
	background: #57c3ea;
}

.sec04 {
	background: #ef857d;
}

.sec05 {
	background: #49aba4;
}

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

	.sec01 .secWrap,
	.sec02 .secWrap,
	.sec03 .secWrap,
	.sec04 .secWrap,
	.sec05 .secWrap {
		max-width: 1000px;
		margin: 0 auto;
		padding: 100px 0;
	}

	.sec01 .secWrap h2,
	.sec02 .secWrap h2,
	.sec03 .secWrap h2,
	.sec04 .secWrap h2,
	.sec05 .secWrap h2 {
	}

	.sec01 .secWrap p,
	.sec02 .secWrap p,
	.sec03 .secWrap p,
	.sec04 .secWrap p,
	.sec05 .secWrap p {
		margin: 65px auto 0;
	}

}

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

	.sec01 .secWrap,
	.sec02 .secWrap,
	.sec03 .secWrap,
	.sec04 .secWrap,
	.sec05 .secWrap {
		margin: 0 1.5em;
		padding: 2em 0;
	}

	.sec01 .secWrap h2,
	.sec02 .secWrap h2,
	.sec03 .secWrap h2,
	.sec04 .secWrap h2,
	.sec05 .secWrap h2 {
	}

	.sec01 .secWrap p,
	.sec02 .secWrap p,
	.sec03 .secWrap p,
	.sec04 .secWrap p,
	.sec05 .secWrap p {
		margin: 2em auto 0;
	}

}

/*
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;
	}

}