﻿
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/gw_lego_soccer_2026_04-05/shared/img/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/gw_lego_soccer_2026_04-05/shared/img/float_btn02_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;
}

/*
box
///////////////////////////////////////////////////*/

section.secBlock {
	position: relative;
}

/*
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%;
	}

}



/*
header
///////////////////////////////////////////////////*/


@media screen and (min-width: 769px){

	.container {
		background-image: linear-gradient(90deg, #97c93c, #00a852 26% 74%, #97c93c);
	}

	.header .secWrap {
		padding-top: 0;
	}

}

@media screen and (max-width: 769px){

	.container {
		background-image: linear-gradient(90deg, #97c93c, #00a852 10% 90%, #97c93c);
	}

	.header .secWrap {
		margin: 0;
	}

}



/*
facility
///////////////////////////////////////////////////*/

#facility dl.facility_sec01 dt {
	position: relative;
}

#facility dl.facility_sec01 dt > span {
	position: absolute;
	width: 2.5%;
	left: 50%;
	bottom: 32%;
	display: block;
}

#facility dl.facility_sec01 dt > span img {
	transition: .3s;
}

#facility dl.facility_sec01 dt.open > span img {
	transform: rotate( 180deg );
}

.facilty_list {
	display: none;
}

.facilty_list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.facilty_list ul li {
	width: 32%;
}

@media screen and (min-width: 769px){

	#facility .secWrap {
		margin: 0 auto;
		max-width: 1000px;
	}

	#facility dl.facility_sec01 dt {
		background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/header_btn01_o.png) no-repeat;
		background-size: contain;
		margin-top: 50px;
	}

	.facilty_list ul li.fac01 { background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/accd_btn01_o.png) no-repeat; background-size: contain; }
	.facilty_list ul li.fac02 { background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/accd_btn02_o.png) no-repeat; background-size: contain; }
	.facilty_list ul li.fac03 { background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/accd_btn03_o.png) no-repeat; background-size: contain; }
	.facilty_list ul li.fac04 { background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/accd_btn04_o.png) no-repeat; background-size: contain; }
	.facilty_list ul li.fac05 { background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/accd_btn05_o.png) no-repeat; background-size: contain; }
	.facilty_list ul li.fac06 { background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/accd_btn06_o.png) no-repeat; background-size: contain; }
	.facilty_list ul li.fac07 { background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/accd_btn07_o.png) no-repeat; background-size: contain; }
	.facilty_list ul li.fac08 { background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/accd_btn08_o.png) no-repeat; background-size: contain; }
	.facilty_list ul li.fac09 { background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/accd_btn09_o.png) no-repeat; background-size: contain; }
	.facilty_list ul li.fac10 { background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/accd_btn10_o.png) no-repeat; background-size: contain; }
	.facilty_list ul li.fac11 { background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/accd_btn11_o.png) no-repeat; background-size: contain; }
	.facilty_list ul li.fac12 { background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/accd_btn12_o.png) no-repeat; background-size: contain; }
	.facilty_list ul li.fac13 { background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/accd_btn13_o.png) no-repeat; background-size: contain; }
	.facilty_list ul li.fac14 { background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/accd_btn14_o.png) no-repeat; background-size: contain; }
	.facilty_list ul li.fac15 { background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/accd_btn15_o.png) no-repeat; background-size: contain; }
	.facilty_list ul li.fac16 { background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/accd_btn16_o.png) no-repeat; background-size: contain; }
	.facilty_list ul li.fac17 { background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/accd_btn17_o.png) no-repeat; background-size: contain; }
	.facilty_list ul li.fac18 { background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/accd_btn18_o.png) no-repeat; background-size: contain; }
	.facilty_list ul li.fac19 { background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/accd_btn19_o.png) no-repeat; background-size: contain; }
	.facilty_list ul li.fac20 { background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/accd_btn20_o.png) no-repeat; background-size: contain; }
	.facilty_list ul li.fac21 { background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/accd_btn21_o.png) no-repeat; background-size: contain; }
	.facilty_list ul li.fac22 { background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/accd_btn22_o.png) no-repeat; background-size: contain; }
	.facilty_list ul li.fac23 { background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/accd_btn23_o.png) no-repeat; background-size: contain; }

	#facility dl.facility_sec01 dt > img,
	.facilty_list ul li a img,
	#facility dl ul li a img {
		transition: .3s;
	}

	#facility dl.facility_sec01 dt:hover > img,
	.facilty_list ul li a:hover img,
	#facility dl ul li a:hover img {
		opacity: 0;
	}

	.facilty_list p img {
		width: 95%;
		display: block;
		margin: 0 auto;
	}


	.facilty_list p,
	.facilty_list ul {
		margin: 25px 0 50px;
	}

}

@media screen and (max-width: 769px){

	#facility {
		margin: 2.5em 0 1em;
	}

	#facility dl.facility_sec01 dt {
		margin-top: 1.5em;
	}

	#facility .facilty_list p {
		margin: 0.5em auto 1em;
		width: 95%;
	}

}

/*
event
///////////////////////////////////////////////////*/

#event .secWrap {
	background: #fff;
}

#event .secWrap h2 img {
	width: 82%;
	margin: 0 auto;
	display: block;
}

#event .secWrap .sec01_cnt01 {
	position: relative;
}

#event .secWrap .sec01_cnt01 a {
	display: block;
	position: absolute;
	width: 53%;
	left: 24%;
	top: 7%;
	height: 6%;
}

#event .secWrap p {
	background-image: linear-gradient(0deg, #ececec, #ffffff 100px);
}

#event .secWrap p.sec01_cnt01 {
	padding-top: 0;
}

#event .secWrap p:last-child {
	background: none;
}

@media screen and (min-width: 769px){

	#event .secWrap {
		margin: 0 auto;
		max-width: 1000px;
	}

	#event .secWrap h2 {
		margin: 25px 0 50px;
	}

	#event .secWrap p {
		padding: 100px 0;
	}

	#event .secWrap .sec01_cnt01 a {
		transition: .3s;
	}

	#event .secWrap .sec01_cnt01 a:hover {
		background: rgba( 255, 255, 255, 0.5 );
	}

	#event .secWrap p:last-child {
		padding-bottom: 50px;
	}

}

@media screen and (max-width: 769px){

	#event {
		margin-bottom: 1.5em;
	}

	#event .secWrap {
		padding: 1em 0;
	}

	#event .secWrap h2 {
		margin: 1.5em 0 1.5em;
	}

	#event .secWrap p {
		padding: 1.5em 0;
	}

	#event .secWrap p:last-child {
		padding-bottom: 1.5em;
	}


}

/*
stamp
///////////////////////////////////////////////////*/

#stamp {
}

#stamp .secWrap .sec01_cnt07 {
	position: relative;
}

#stamp .secWrap .sec01_cnt07 a {
	display: block;
	position: absolute;
	width: 53%;
	left: 24%;
	top: 43%;
	height: 6%;
}

@media screen and (min-width: 769px){

	#stamp .secWrap {
		margin: 100px auto;
		max-width: 1000px;
		padding: 0;
	}

	#stamp .secWrap .sec01_cnt07 a {
		transition: .3s;
	}

	#stamp .secWrap .sec01_cnt07 a:hover {
		background: rgba( 255, 255, 255, 0.5 );
	}



}

@media screen and (max-width: 769px){

	#stamp {
		margin-bottom: 1.5em;
	}

}



/*
campaign
///////////////////////////////////////////////////*/


#campaign .secWrap {
	background: #fff;
}

#campaign .sec02_cnt01,
#campaign .sec02_cnt02 {
	position: relative;
}

#campaign .sec02_cnt01 a {
	display: block;
	position: absolute;
	width: 53%;
	left: 24%;
	top: 82%;
	height: 21%;
}

#campaign .sec02_cnt02 ul,
#campaign .sec02_cnt02 dd,
#campaign .sec02_cnt02 li {
	display: inline;
}

#campaign .sec02_cnt02 a {
	display: block;
	position: absolute;
	width: 65.6%;
	left: 17.5%;
}

#campaign .sec02_cnt02 li:nth-child(1) a {
	top: 20.5%;
	width: 67.67%;
	left: 16.5%;
}

#campaign .sec02_cnt02 li:nth-child(2) a {
	top: 30.65%;
	width: 67.67%;
	left: 16.5%;
}

#campaign .sec02_cnt02 li:nth-child(3) a {
	top: 75.47%;
	width: 65.66%;
}

#campaign .sec03_cnt02,
#campaign .sec03_cnt03 {
	position: relative;
}

#campaign .sec03_cnt02 a {
	position: absolute;
	width: 64.9%;
	left: 17.5%;
	bottom: 5.1%;
}

#campaign .sec03_cnt03 a {
	position: absolute;
	width: 64.9%;
	left: 17.5%;
	bottom: 8.45%;
}

#campaign .sec03_cnt04 a {
	width: 75%;
}

@media screen and (min-width: 769px){

	#campaign .secWrap {
		margin: 100px auto;
		max-width: 1000px;
	}

	#campaign .secWrap h2 {
		margin: 25px 0 50px;
	}

	#campaign .secWrap h3 {
		margin: 50px 0;
	}

	#campaign .secWrap p {
		margin: 0 0 60px;
	}

	#campaign .sec02_cnt02 {
		margin: 0 0 90px;
	}

	#campaign .sec03_cnt04 a {
		background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/sec03_btn03_o.png) no-repeat;
		background-size: contain;
		margin: 60px auto 0;
		display: block;
	}

	#campaign .sec02_cnt01 a,
	#campaign .sec02_cnt02 a img,
	#campaign .sec03_cnt02 a img,
	#campaign .sec03_cnt03 a img,
	#campaign .sec03_cnt04 a img {
		transition: .3s;
	}

	#campaign .sec02_cnt01 a:hover {
		background: rgba( 255, 255, 255, 0.5 );
	}

	#campaign .sec02_cnt02 a:hover img,
	#campaign .sec03_cnt02 a:hover img,
	#campaign .sec03_cnt03 a:hover img,
	#campaign .sec03_cnt04 a:hover img {
		opacity: 0;
	}


}

@media screen and (max-width: 769px){

	#campaign {
		margin-bottom: 1.5em;
	}

	#campaign .secWrap {
		padding-top: 2.5em;
	}

	#campaign .secWrap h2 {
		margin: 0 0 1.5em;
	}

	#campaign .secWrap h3 {
		margin: 1.5em 0;
	}

	#campaign .secWrap p {
		margin: 0 0 1.5em;
	}

	#campaign .sec02_cnt02 {
		margin: 0 0 2em;
	}

	#campaign .sec03_cnt04 a {
		margin: 1.5em auto 0;
		padding-bottom: 2.5em;
		display: block;
	}

}


/*
section
///////////////////////////////////////////////////*/


#present {
	background-image: linear-gradient(90deg, #f1db7b, #e3b900 1% 99%, #f1db7b);
	position: relative;
	margin-top: 150px;
	width: 100%;
}

#present:before {
	content: '';
	background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/sec04_bg01.png) no-repeat;
	background-size: 100%;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 200px;
	transform: translateY( -100px );
	display: block;
}

#present .secWrap {
	border: 3px solid #f3ebba;
	background: #fff;
	position: relative;
}

@media screen and (min-width: 769px){

	#present {
		padding: 50px 0 100px;
	}

	#present .secWrap {
		border-width: 6px;
		border-radius: 30px;
		margin: 0 auto;
		padding-top: 70px;
		max-width: 1000px;
	}

	#present .secWrap h2,
	#present .secWrap h3,
	#present .secWrap p {
		margin: 0 auto 50px;
		width: 82%;
		display: block;
	}

	#present .secWrap p:last-child {
		margin-bottom: 0;
	}

	#present p.copy {
		padding: 50px 0 0;
		max-width: 1000px;
		margin: 0 auto;
	}

	.sec04_btn01 {
		background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/sec04_btn01_o.png) no-repeat;
		background-size: contain;
	}

	.sec04_btn01 a img {
		transition: .3s;
	}

	.sec04_btn01 a:hover img {
		opacity: 0;
	}

}

@media screen and (max-width: 769px){

	#present {
		margin-top: 5.5em;
	}

	#present::before {
		height: 3%;
		top: 1.25%;
	}

	#present .secWrap {
		border-radius: 1em;
		margin-top: 0.5em;
		padding-top: 2em;
	}

	#present .secWrap h2,
	#present .secWrap h3,
	#present .secWrap p {
		margin: 0 auto 1.5em;
		width: 82%;
		display: block;
	}

	#present p.copy {
		margin: 2em 1.5em 0;
		padding-bottom: 2em;
	}

}

/*
nav
///////////////////////////////////////////////////*/


nav dl ul li {
	display: inline;
}

nav dl ul li a {
	display: block;
	width: 87%;
	left: 6.5%;
	height: 11%;
	position: absolute;
}

nav dl p a {
	display: block;
	width: 22%;
	left: 38.75%;
	height: 12%;
	top: 78%;
	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: 12%; height: 12%; }
nav dl ul li:nth-child(2) a { top: 26%; }
nav dl ul li:nth-child(3) a { top: 37.5%; }
nav dl ul li:nth-child(4) a { top: 50%; }
nav dl ul li:nth-child(5) a { top: 62%; height: 14%; }

@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;
	}

	nav p.menu {
		position: fixed;
		right: 0;
		bottom: 155px;
		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: -320px;
		bottom: 16.5%;
		width: 320px;
		transition: .3s;
		z-index: 998;
	}

	nav dl.open {
		right: 0%;
	}

	nav dl ul li a {
		transition: .3s;
	}

	nav dl ul li a:hover {
		background: rgba( 0, 87, 55, 0.5 );
	}

	nav dl ul li:nth-child(1) a:hover {
		background: rgba( 227, 185, 0, 0.5 );
	}


}

@media screen and (max-width: 769px){

	nav p.menu {
		position: fixed;
		right: 0;
		bottom: 12%;
		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: -60%;
		bottom: 11%;
		width: 60%;
		transition: .3s;
		z-index: 998;
	}

	nav dl.open {
		right: 0%;
	}

}

/*
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;
}

.modal_cont {
	display: none;
	background: #fff;
	overflow-y: scroll;
	max-height: 70%;
}

#rally.modal_cont ul {
	display: flex;
	flex-wrap: wrap;
}

#rally.modal_cont ul li {
	width: 50%;
}

@media screen and (min-width: 769px){

	.modal .modalWrap {
		max-height: 90%;
		width 640px;
	}

	.modal .modalWrap img {
		display: block;
		max-width: 100%;
		max-height: 640px;
	}

	.modal_cont {
		padding: 25px 0;
		height: 600px;
	}

	#ev_modal.modal_cont p {
		margin-bottom: 25px;
	}

	.modal .close {
		margin-top: 25px;
	}

	#rally.modal_cont h2 {
		margin-top: 50px;
	}

	#rally.modal_cont ul {
		margin: 50px auto;
		width: 65%;
	}

	#rally.modal_cont ul li:nth-child(1) {
		background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/modal_btn01_o.png) no-repeat;
		background-size: contain;
	}

	#rally.modal_cont ul li:nth-child(2) {
		background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/modal_btn02_o.png) no-repeat;
		background-size: contain;
	}

	#rally.modal_cont ul li:nth-child(3) {
		background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/modal_btn03_o.png) no-repeat;
		background-size: contain;
	}

	#rally.modal_cont ul li:nth-child(4) {
		background: url(/lalaport/special/gw_lego_soccer_2026_04-05/shared/img/modal_btn04_o.png) no-repeat;
		background-size: contain;
	}

	#rally.modal_cont ul li a img {
		transition: .3s;
	}

	#rally.modal_cont ul li a:hover img {
		opacity: 0;
	}

}

@media screen and (max-width: 769px){

	.modal .modalWrap {
		width: 85%;
		height: 80%;
	}

	.modal .modalWrap {
		width 75%;
	}

	.modal .modalWrap img {
		display: block;
	}

	.modal_cont {
		padding: 0.5em 0;
		overflow-y: scroll;
	}

	#ev_modal.modal_cont p {
		margin-bottom: 0.5em;
	}

	.modal .close {
		margin-top: 1em;
	}

	#rally.modal_cont h2 {
		margin-top: 1.5em;
	}

	#rally.modal_cont ul {
		margin: 1.5em auto;
		width: 65%;
	}

}



/*
section
///////////////////////////////////////////////////*/


@media screen and (min-width: 769px){
}

@media screen and (max-width: 769px){
}





