body {
	min-width: initial;
}

section {
}

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

	section .secWrap {
		width: 100%;
		margin: 0 auto;
	}

	#header dd img {
		width: 200px;
	}

}

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

	section .secWrap {
		margin: 0 1.5em;
	}

}


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

.container h1 {
}

.container h1 img {
	margin: 0 auto;
	display: block;
	width: 100%;
	max-width: 1800px;
}

/*
section
///////////////////////////////////////////////////*/


/*
common
///////////////////////////////////////////////////*/

.pagetop {
	position: fixed;
	right: 1.5em;
	bottom: 1.5em;
}


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

	.attention p {
		margin: 70px 0;
	}

	.pagetop {
		background: url(/lalaport/special/lego_onepiece2025/shared/img/teaser/pagetop_o.png);
		background-size: contain;
		position: fixed;
		line-height: 1.0;
		right: 1.5em;
		bottom: 1.5em;
		width: 60px;
		height: 60px;
		margin: 0;
		z-index: 10;
	}

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

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

	.attention {
		margin-top: 3vh;
	}

}

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

	.attention p {
		margin: 2em 0;
	}

	.pagetop {
		width: 12px;
		height: 12px;
	}

	section.attention {
		margin: 3vh 0 0;
		padding-bottom: 0 !important;
	}

	.pagetop {
		width: 12%;
		height: auto;
	}

	.pagetop img {
		vertical-align: bottom;
	}

}

footer {
	background: #eceff1;
}

.header {
	background: #6db5b2 url(/lalaport/special/lego_onepiece2025/shared/img/teaser/head_visual.jpg) top no-repeat;
	background-size: contain;
}

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

	section.header .secWrap {
		width: 100%;
		padding: 0 0 3vw;
	}


}

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

	.header .secWrap {
		margin: 0;
	}

}


.sec01 {
	background: linear-gradient(180deg,rgba(109, 181, 178, 1) 0%, rgba(15, 95, 180, 1) 40%, rgba(5, 75, 150, 1) 75%, rgba(24, 25, 74, 1) 100%);
	color: #fff;
}

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

	.sec01 .secWrap {
		padding: 0;
		overflow: hidden;
	}

	.sec01 h2 {
		margin: 0 auto 50px;
		max-width: 840px;
	}

	.sec01 p {
		margin: 50px auto;
		max-width: 800px;
	}

	.sec01 ul {
		margin: 50px auto;
		max-width: 800px;
		font-size: 13px;
	}

	.sec01 ul li {
		display: inline;
	}

	.sec01 p.copy {
		margin: 50px auto;
		max-width: 480px;
	}

}

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

	.sec01 .secWrap {
		overflow: hidden;
	}

	.sec01 h2,
	.sec01 p,
	.sec01 ul {
		margin: 1.5em 0;
	}

	.sec01 ul li {
		padding-left: 1em;
		font-size: 75%;
		text-indent: -1em;
	}

	.sec01 p.copy {
		max-width: 75%;
		margin: 1.5em auto;
	}

}




.sec02 {
	background: #d70000;
}

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

	.sec02 .secWrap {
		padding: 2vw 0;
	}

	.sec02 p {
		margin: 0 auto;
		max-width: 800px;
	}

}

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

	.sec02 .secWrap {
		padding: 1.5em;
	}

}