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%;
}

.firstArea {
	background: url(/lalaport/special/lego_onepiece2025/shared/img/main/head_bg01.png) bottom no-repeat;
	background-size: cover;
}

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



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


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

	.attention p {
		margin: 70px 0;
	}

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

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

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

	.attention {
		margin-top: 3vh;
	}

	.pagetop.fixed {
		bottom: 1.5em;
	}

}

@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;
		position: fixed;
		right: 2%;
		bottom: 2%;
		z-index: 999;
	}

	.pagetop img {
		vertical-align: bottom;
	}

}

#header {
	background: #fff;
}

footer {
	background: #eceff1;
	position: relative;
}

.header {
	background: url(/lalaport/special/lego_onepiece2025/shared/img/main/head_visual.png) top no-repeat;
	background-size: 100%;
}

.header h1 {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.header h1 img.pop {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

@keyframes pop {
	  0% { opacity: 0; transform: scale(0.7); }
	 40% { opacity: 1; transform: scale(1.1); }
	 60% { transform: scale(1); }
	 80% { transform: scale(1.05); }
	100% { opacity: 1; transform: scale(1); }
}

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

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

	section.header .secWrap p {
		max-width: 1000px;
		margin: 0 auto;
	}


}

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

	.header .secWrap {
		margin: 0;
	}

	section.header .secWrap p {
		width: 90%;
		margin: 0 auto 1.5em;
	}

	section.header .secWrap p {
	}

	section#facility {
		margin: 0 1.5em;
	}

}


/*
box
///////////////////////////////////////////////////*/

section.secBlock {
	position: relative;
}

.secWrap.block {
	background-image: url(/lalaport/special/lego_onepiece2025/shared/img/main/wrap_bg02t.png), url(/lalaport/special/lego_onepiece2025/shared/img/main/wrap_bg02b.png), url(/lalaport/special/lego_onepiece2025/shared/img/main/wrap_bg01.png);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: center top, center bottom, center top;
	background-size: contain, contain, 100%;
}

.secWrap.block p,
.secWrap.block dl,
.secWrap.block ul {
	width: 84%;
	margin: 0 auto;
}

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

	section.secBlock {
		margin: 80px auto 0;
	}

	section.secBlock#event {
		margin-top: 0;
	}

	.mainArea {
		margin-bottom: 80px;
	}

	.secWrap.block {
		max-width: 700px;
		margin: 0 auto;
		padding: 4vw 0;
	}

}

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

	section.secBlock {
		margin: 0.5em;
	}

	.mainArea {
		margin-bottom: 2em;
	}

	section.secBlock#event {
		margin-top: 0;
	}

	.secWrap.block {
		margin: 1.5em;
		padding: 2em 0;
	}

}

/*
canvas
///////////////////////////////////////////////////*/

.sec01_cnt01,
.sec01_cnt02,
.sec02_cnt01 {
	position: relative;
}

.sec01_cnt01 dd {
	position: absolute;
	bottom: 6.5%;
}

.sec01_cnt02 dd {
	position: absolute;
	bottom: 5.5%;
}

.sec02_cnt01 dd {
	position: absolute;
	bottom: 18%;
}

.event_link {
	position: relative;
}

.event_link a {
	display: block;
	position: absolute;
	top: 23%;
	left: 10%;
	width: 80%;
	height: 8%;
}

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

	.secWrap.block dl.sec01_cnt01,
	.secWrap.block dl.sec01_cnt02 {
		margin: 50px auto;
	}

	.sec01_cnt01 dd {
		background: url(/lalaport/special/lego_onepiece2025/shared/img/main/sec01_btn01_o.png) no-repeat;
		background-size: 100%;
	}

	.sec02_cnt01 dd ul li:nth-child(1) {
		background: url(/lalaport/special/lego_onepiece2025/shared/img/main/sec02_btn01_o.png) no-repeat;
		background-size: 100%;
	}

	.sec02_cnt01 dd ul li:nth-child(2) {
		background: url(/lalaport/special/lego_onepiece2025/shared/img/main/sec02_btn02_o.png) no-repeat;
		background-size: 100%;
	}

	.sec03_cnt01 li:nth-child(1) {
		background: url(/lalaport/special/lego_onepiece2025/shared/img/main/sec03_btn01_o.png) no-repeat;
		background-size: 100%;
	}

	.sec03_cnt01 li:nth-child(2),
	#instagram p:nth-child(2) {
		background: url(/lalaport/special/lego_onepiece2025/shared/img/main/sec03_btn02_o.png) no-repeat;
		background-size: 100%;
	}

	.sec01_cnt02 dd ul li {
		margin: 40px 0;
	}

	.sec02_cnt01 dd ul li {
		margin: 10px 0;
	}

	.sec01_cnt01 dd a img,
	.sec01_cnt02 dd a img,
	.sec02_cnt01 dd a img,
	.sec03_cnt01 li a img,
	#instagram p:nth-child(2) a img {
		transition: .3s;
		opacity: 1;
	}

	.sec01_cnt01 dd a:hover img,
	.sec02_cnt01 dd a:hover img,
	.sec03_cnt01 li a:hover img,
	#instagram p:nth-child(2) a:hover img {
		opacity: 0;
	}

	.sec01_cnt02 dd a:hover img {
		opacity: 0.5;
	}

	.secWrap.block ul.sec03_cnt01 {
		margin-top: 50px;
	}

}

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

	.secWrap.block dl.sec01_cnt01 {
		margin: 1.5em;
	}

	.secWrap.block dl.sec01_cnt02 {
		margin: 1.5em auto;
	}

	.secWrap.block dl.sec01_cnt02 dd {
		bottom: 5%;
	}

	.sec01_cnt02 dd ul li {
		margin: 1em 0;
	}

	.sec01 .secWrap {
		overflow: hidden;
	}

	.sec02_cnt01 dd {
		bottom: 17.5%;
	}

	.sec02_cnt01 dd ul li {
		margin: 0.5em 0;
	}

	.secWrap.block ul.sec03_cnt01 {
		margin-top: 1.5em;
	}

}




.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;
	}

}

/*
canvas
///////////////////////////////////////////////////*/

canvas#can {
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

/*
#facility
///////////////////////////////////////////////////*/

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

#facility dl {
}

#facility dl dt {
	position: relative;
}

#facility dl dd {
	display: none;
}

#facility dl dd ul {
	display: flex;
	flex-wrap: wrap;
}

#facility dl dd ul li {
	width: 33%;
	margin-right: 0.5%;
}

#facility dl dd ul li:nth-child( 3n - 3 ) {
	margin-right: 0;
}

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

	#facility p#coming {
		background: url(/lalaport/special/lego_onepiece2025/shared/img/main/fac_btn00_o.png) no-repeat;
		background-size: contain;
	}

	#facility p#coming a img {
		transition: .3s;
		opacity: 1;
	}

	#facility p#coming a:hover img {
		opacity: 0;
	}

	#facility dl dt {
		background: url(/lalaport/special/lego_onepiece2025/shared/img/main/fac_nav01_o.png) no-repeat;
		background-size: contain;
	}

	#facility dl dt > img {
		transition: .3s;
		cursor: pointer;
	}

	#facility dl dt:hover > img {
		opacity: 0;
	}

	#facility dl dd ul li.fac01 { background: url(/lalaport/special/lego_onepiece2025/shared/img/main/fac_btn01_o.png) no-repeat; background-size: contain; }
	#facility dl dd ul li.fac02 { background: url(/lalaport/special/lego_onepiece2025/shared/img/main/fac_btn02_o.png) no-repeat; background-size: contain; }
	#facility dl dd ul li.fac03 { background: url(/lalaport/special/lego_onepiece2025/shared/img/main/fac_btn03_o.png) no-repeat; background-size: contain; }
	#facility dl dd ul li.fac04 { background: url(/lalaport/special/lego_onepiece2025/shared/img/main/fac_btn04_o.png) no-repeat; background-size: contain; }
	#facility dl dd ul li.fac05 { background: url(/lalaport/special/lego_onepiece2025/shared/img/main/fac_btn05_o.png) no-repeat; background-size: contain; }
	#facility dl dd ul li.fac06 { background: url(/lalaport/special/lego_onepiece2025/shared/img/main/fac_btn06_o.png) no-repeat; background-size: contain; }
	#facility dl dd ul li.fac07 { background: url(/lalaport/special/lego_onepiece2025/shared/img/main/fac_btn07_o.png) no-repeat; background-size: contain; }
	#facility dl dd ul li.fac08 { background: url(/lalaport/special/lego_onepiece2025/shared/img/main/fac_btn08_o.png) no-repeat; background-size: contain; }
	#facility dl dd ul li.fac09 { background: url(/lalaport/special/lego_onepiece2025/shared/img/main/fac_btn09_o.png) no-repeat; background-size: contain; }
	#facility dl dd ul li.fac10 { background: url(/lalaport/special/lego_onepiece2025/shared/img/main/fac_btn10_o.png) no-repeat; background-size: contain; }
	#facility dl dd ul li.fac11 { background: url(/lalaport/special/lego_onepiece2025/shared/img/main/fac_btn11_o.png) no-repeat; background-size: contain; }
	#facility dl dd ul li.fac12 { background: url(/lalaport/special/lego_onepiece2025/shared/img/main/fac_btn12_o.png) no-repeat; background-size: contain; }
	#facility dl dd ul li.fac13 { background: url(/lalaport/special/lego_onepiece2025/shared/img/main/fac_btn13_o.png) no-repeat; background-size: contain; }
	#facility dl dd ul li.fac14 { background: url(/lalaport/special/lego_onepiece2025/shared/img/main/fac_btn14_o.png) no-repeat; background-size: contain; }
	#facility dl dd ul li.fac15 { background: url(/lalaport/special/lego_onepiece2025/shared/img/main/fac_btn15_o.png) no-repeat; background-size: contain; }
	#facility dl dd ul li.fac16 { background: url(/lalaport/special/lego_onepiece2025/shared/img/main/fac_btn16_o.png) no-repeat; background-size: contain; }
	#facility dl dd ul li.fac17 { background: url(/lalaport/special/lego_onepiece2025/shared/img/main/fac_btn17_o.png) no-repeat; background-size: contain; }
	#facility dl dd ul li.fac18 { background: url(/lalaport/special/lego_onepiece2025/shared/img/main/fac_btn18_o.png) no-repeat; background-size: contain; }
	#facility dl dd ul li.fac19 { background: url(/lalaport/special/lego_onepiece2025/shared/img/main/fac_btn19_o.png) no-repeat; background-size: contain; }
	#facility dl dd ul li.fac20 { background: url(/lalaport/special/lego_onepiece2025/shared/img/main/fac_btn20_o.png) no-repeat; background-size: contain; }
	#facility dl dd ul li.fac21 { background: url(/lalaport/special/lego_onepiece2025/shared/img/main/fac_btn21_o.png) no-repeat; background-size: contain; }

	#facility dl dd ul li a img {
		transition: .3s;
		opacity: 1;
	}

	#facility dl dd ul li a:hover img {
		opacity: 0;
	}

	#facility dl dt span {
		position: absolute;
		display: block;
		left: 50%;
		top: 50%;
		transition: .3s;
	}

	#facility dl dt.open span {
		transform: rotate( -180deg );
	}

	#facility p {
		width: 90%;
		margin: 1.5em auto 3em;
	}

	#facility p#coming {
		margin: 0 auto;
	}

}

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

	#facility dl dt span {
		position: absolute;
		display: block;
		left: 50%;
		top: 50%;
		width: 3%;
		transform: translateY( -50% );
		transition: .3s;
	}

	#facility dl dt.open span {
		transform: translateY( 0% ) rotate( -180deg );
	}

	#facility p {
		width: 90%;
		margin: 0.25em auto 1em;
	}

	#facility p#coming {
		margin: 0 auto;
	}

}


/*
nav
///////////////////////////////////////////////////*/


nav dl ul li {
	display: inline;
}

nav dl ul li a {
	display: block;
	width: 86%;
	left: 7%;
	position: absolute;
}

nav dl p a {
	display: block;
	width: 22%;
	left: 38.75%;
	height: 12%;
	top: 81.3%;
	position: absolute;
	border-radius: 50%;
}

nav dl ul li a span,
nav dl p a span {
	display: none;
}

nav dl ul li:nth-child(1) a { top: 11%; }
nav dl ul li:nth-child(2) a { top: 23%; }
nav dl ul li:nth-child(3) a { top: 34%; }
nav dl ul li:nth-child(4) a { top: 45%; }
nav dl ul li:nth-child(5) a { top: 56%; }
nav dl ul li:nth-child(6) a { top: 67%; }

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

	nav dl {
		position: relative;
	}

	nav dl ul li a img,
	nav dl p a img {
		transition: .3s;
	}

	nav dl ul li a:hover img,
	nav dl p a:hover img {
		opacity: 0.5;
	}

}

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

/*
nav
///////////////////////////////////////////////////*/

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

	.cpWrap {
		width: 100%;
	}

/*
	.left {
		width: 20%;
		margin: 50px 0 0 0;
	}
*/
	.mainArea {
		width: 60%;
		margin: 0 auto;
	}

/*
	nav {
		width: 20%;
		max-width: 340px;
		height: 5000px;
	}

	nav dl {
		position: sticky;
		display: block;
		width: 100%;
		top: 50px;
	}
*/


	nav p.menu {
		position: fixed;
		right: 0;
		bottom: 130px;
		width: 80px;
		transition: .3s;
		z-index: 999;
	}

	nav p.menu a {
		display: block;
	}

	nav p.menu a.close img.close,
	nav p.menu a.open img.menu {
		display: none;
	}

	nav dl {
		position: fixed;
		right: -100%;
		bottom: 13.5%;
		width: 320px;
		transition: .3s;
		z-index: 998;
	}

	nav dl.open {
		right: 0%;
	}

}



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

	nav p.menu {
		position: fixed;
		right: 0;
		bottom: 11.5%;
		width: 15%;
		transition: .3s;
		z-index: 999;
	}

	nav p.menu a.close img.close,
	nav p.menu a.open img.menu {
		display: none;
	}

	nav dl {
		position: fixed;
		right: -100%;
		bottom: 10%;
		width: 60%;
		transition: .3s;
		z-index: 998;
	}

	nav dl.open {
		right: 0%;
	}

}



/*
charctor
///////////////////////////////////////////////////*/

span.char01, span.char02, span.char03, span.char04, span.char05, span.char06, span.char07, span.char08, span.char09 {
	position: absolute;
	z-index: 990;
}

span.char01 {
	top: 0%;
	right: -1%;
	width: 16%;
}

span.char02 {
	top: 0%;
	right: 0%;
	width: 22%;
}

span.char03 {
	top: 38%;
	right: 74%;
	width: 18%;
}

span.char04 {
	top: -1%;
	right: 2%;
	width: 21%;
}

span.char05 {
	top: -3%;
	right: 74%;
	width: 26%;
}

span.char06 {
	top: -1%;
	right: -4%;
	width: 29%;
}

span.char07 {
	top: -1.5%;
	right: 78%;
	width: 25%;
}

span.char08 {
	top: -2%;
	right: 8%;
	width: 16%;
}

span.char09 {
	top: -4%;
	right: 88%;
	width: 21%;
}

/*
title
///////////////////////////////////////////////////*/

.bln {
	position: relative;
}

.bln > span.ttl {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.bln > span.ttl.kidsclub {
	top: 39%;
}

.mall.bln > span.ttl {
	top: 5%;
}

.sec02_cnt01 .bln > span.ttl {
	top: 17%;
}

#present .bln > span.ttl {
	top: 36%;
}

#instagram .bln > span.ttl {
	top: 32%;
}

.bln > span.ttl.ruffy {
	top: 4%;
}

.bln > span.ttl img[data-animation=popup] {
	opacity: 0;
	transform: scale(0.9);
	transition: none;
}

.bln > span.ttl img.is-animated {
	animation: popup 0.8s ease-in-out 0s 1 normal forwards running;
}

@keyframes popup {
	  0% { opacity: 0; transform: scale(0.7); }
	 40% { opacity: 1; transform: scale(1.1); }
	 60% { transform: scale(1); }
	 80% { transform: scale(1.05); }
	100% { opacity: 1; transform: scale(1); }
}

.fade {
	position: relative;
}

.fade img {
	opacity: 0;
	transform: translateY( 100px );
	transition: none;
}

.fade img.is-animated {
	animation: fade 1s ease-in-out 0s 1 normal forwards running;
}

@keyframes fade {
	  0% { opacity: 0; transform: translateY( 100px ); }
	100% { opacity: 1; transform: translateY( 0px ); }
}

/*
wave_bg
///////////////////////////////////////////////////*/

.bg {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	overflow: hidden;
}

.bg .wave01 {
	background: url(/lalaport/special/lego_onepiece2025/shared/img/main/main_bg01.png) no-repeat;
	background-size: cover;
	width: 110%;
	height: 110%;
	position: absolute;
	top: 0;
	left: 0;
}

.bg .wave02 {
	background: url(/lalaport/special/lego_onepiece2025/shared/img/main/main_bg02.png) no-repeat;
	background-size: cover;
	width: 110%;
	height: 110%;
	position: absolute;
	top: 0;
	left: 0;
	animation: w02 6s ease infinite;
}

@keyframes w01 {
	  0% { left: -5%; }
	 50% { left:  0%; top: -5%; }
	100% { left: -5%; }
}

@keyframes w02 {
	  0% { left:  0%; }
	 50% { left:  -10%; }
	100% { left:  0%; }
}

/*
sec05
///////////////////////////////////////////////////*/

#campaign {
	background: #fdd23e;
	position: relative;
	margin-top: 150px;
	width: 100%;
}

#campaign:before {
	content: '';
	background: url(/lalaport/special/lego_onepiece2025/shared/img/main/sec05_bg01.png) top no-repeat;
	background-size: 100%;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 200px;
	z-index: -1;
	transform: translateY( -180px );
}

#campaign .secWrap {
	background: #fff;
	border: 6px solid #dc9015;
	border-radius: 30px;
	padding: 0;
}

#campaign .secWrap dl,
#campaign .secWrap span.fade {
	display: block;
	width: 90%;
	position: relative;
}

#campaign .secWrap dl {
}

#campaign .secWrap dl dd {
	position: absolute;
	bottom: 62%;
	width: 82%;
	left: 9%;
}


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

	#campaign .secWrap {
		width: 1000px;
		margin: 0 auto;
	}

	#campaign .secWrap dl,
	#campaign .secWrap span.fade {
		margin: 50px auto;
	}

	#campaign .secWrap span.ttl {
		padding-bottom: 50px;
	}

	#campaign p.last {
		width: 1000px;
		margin: 5vw auto 0;
		padding-bottom: 5vw;
	}


}

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

	#campaign {
		margin-top: 70px;
	}

	#campaign:before {
		background: url(/lalaport/special/lego_onepiece2025/shared/img/main/sec05_bg01.png) top no-repeat;
		background-size: 200%;
		transform: translateY( -60px );
	}

	#campaign .secWrap {
		margin: 1.5em;
	}

	#campaign p.last {
		margin: 1.5em 1.5em 0;
		padding-bottom: 1.5em;
	}

	#campaign .secWrap span.ttl {
		padding-bottom: 2em;
	}

	#campaign .secWrap dl,
	#campaign .secWrap span.fade {
		margin: 1.5em auto;
	}

}

/*
modal
///////////////////////////////////////////////////*/

.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1001;
	display: none;
}

.modal .overlay {
	background: rgba( 0, 0, 0, 0.5 );
	width: 100%;
	height: 100%;
}

.modal .modalWrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate( -50%, -50% );
}

.modal .modalWrap span {
	display: block;
}

.modal .modalWrap span img {
	cursor: pointer;
	width: 50px;
	float: right;
	margin-bottom: 15px;
}

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

	.modal .modalWrap {
		max-height: 90%;
		width 640px;
	}

	.modal .modalWrap img {
		display: block;
		max-width: 100%;
		max-height: 640px;
	}

}

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

	.modal .modalWrap {
		width: 85%;
	}

}