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

}

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


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

	.attention p {
		margin: 70px 0;
	}

	.pagetop {
		background: url(/lalaport/special/blackfriday_2025_11/shared/img/common/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: 1000;
		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;
	}

}

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

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

}

@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#intro {
		margin: 0 1.5em;
	}

}

/*
#navigation
///////////////////////////////////////////////////*/

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

	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;
		background: #fff;
	}

	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;
		background: #fff;
	}

	nav dl.open {
		right: 0%;
	}

}

/*
background
///////////////////////////////////////////////////*/

#header {
	background: #fff;
	position: relative;
	z-index: 1;
}
.header {
	position: relative;
	z-index: 1;
}



.bg01 {
	background: #231815;
}

.bg02 {
	background: #f5d57b;
	overflow: hidden;
}

.bg03 {
	background: #e3007b;
	position: relative;
}

.snow {
	height: 100vh;
	width: 100%;
	top: 0;
	left: 0;
	position: fixed;
	overflow: hidden;
}

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

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



/*
header
///////////////////////////////////////////////////*/

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

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

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

#intro {
	position: relative;
}

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

#intro dl {
}

#intro dl dt {
	position: relative;
}

#intro dl dd {
	display: none;
}

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

#intro dl dd ul li {
	width: 32.3%;
	margin-right: 1.5%;
}

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

#intro .sec_icons li:nth-child(1),
#intro .sec_icons li:nth-child(2) {
	top: 35%;
}

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

	#intro .secWrap {
		padding-top: 75px;
	}

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

	#intro dl {
		margin: 50px 0;
	}

	#intro dl dt {
		background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/head_btn01_o.png) no-repeat;
		background-size: contain;
	}

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

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

	#intro dl dd ul li:nth-child(1)  { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/head_nav01_o.png) no-repeat; background-size: contain; }
	#intro dl dd ul li:nth-child(2)  { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/head_nav02_o.png) no-repeat; background-size: contain; }
	#intro dl dd ul li:nth-child(3)  { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/head_nav03_o.png) no-repeat; background-size: contain; }
	#intro dl dd ul li:nth-child(4)  { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/head_nav04_o.png) no-repeat; background-size: contain; }
	#intro dl dd ul li:nth-child(5)  { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/head_nav05_o.png) no-repeat; background-size: contain; }
	#intro dl dd ul li:nth-child(6)  { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/head_nav06_o.png) no-repeat; background-size: contain; }
	#intro dl dd ul li:nth-child(7)  { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/head_nav07_o.png) no-repeat; background-size: contain; }
	#intro dl dd ul li:nth-child(8)  { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/head_nav08_o.png) no-repeat; background-size: contain; }
	#intro dl dd ul li:nth-child(9)  { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/head_nav09_o.png) no-repeat; background-size: contain; }
	#intro dl dd ul li:nth-child(10) { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/head_nav10_o.png) no-repeat; background-size: contain; }
	#intro dl dd ul li:nth-child(11) { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/head_nav11_o.png) no-repeat; background-size: contain; }
	#intro dl dd ul li:nth-child(12) { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/head_nav12_o.png) no-repeat; background-size: contain; }
	#intro dl dd ul li:nth-child(13) { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/head_nav13_o.png) no-repeat; background-size: contain; }
	#intro dl dd ul li:nth-child(14) { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/head_nav14_o.png) no-repeat; background-size: contain; }
	#intro dl dd ul li:nth-child(15) { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/head_nav15_o.png) no-repeat; background-size: contain; }
	#intro dl dd ul li:nth-child(16) { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/head_nav16_o.png) no-repeat; background-size: contain; }
	#intro dl dd ul li:nth-child(17) { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/head_nav17_o.png) no-repeat; background-size: contain; }
	#intro dl dd ul li:nth-child(18) { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/head_nav18_o.png) no-repeat; background-size: contain; }
	#intro dl dd ul li:nth-child(19) { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/head_nav19_o.png) no-repeat; background-size: contain; }
	#intro dl dd ul li:nth-child(20) { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/head_nav20_o.png) no-repeat; background-size: contain; }
	#intro dl dd ul li:nth-child(21) { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/head_nav21_o.png) no-repeat; background-size: contain; }
	#intro dl dd ul li:nth-child(22) { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/head_nav22_o.png) no-repeat; background-size: contain; }

	#intro dl dd p {
		margin: 35px 0 20px;
	}

	#intro dl dd ul li {
		margin-top: 15px;
	}

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

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

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

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

}

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

	#intro .secWrap {
		padding-top: 1.5em;
	}

	#intro dl {
		width: 97.5%;
		margin: 1.5em auto 0.5em;
	}

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

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

	#intro dl dd ul li {
		margin-top: 0.5em;
	}

	#intro p {
		width: 100%;
		margin: 0.5em auto 1em;
	}

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

}

/*
commons
///////////////////////////////////////////////////*/

.secBlock {
	position: relative;
	overflow: hidden;
}

.secBlock .secWrap:last-child {
	margin-bottom: 75px;
}

.secBlock img.bg_t,
.secBlock img.bg_b {
	position: absolute;
	width: 115%;
	max-width: 1070px;
	left: 50%;
}

.secBlock img.bg_t {
	top: 0;
	transform: translate( -50%, -20px );
}

.secBlock img.bg_b {
	bottom: 0;
	transform: translate( -50%, 20px );
}

.sec_icons li {
	position: absolute;
	z-index: 1;
}

.sec_icons li span {
	position: relative;
	display: block;
}

.sec_icons li span img {
	display: block;
	max-width: 100%;
}

.sec_icons li:nth-child(3n) span img {
	animation: rotate2 3s infinite  ease-out;
}

.sec_icons li:nth-child(3n + 1) span img {
	animation: rotate2 5s infinite  ease-in;
}

.sec_icons li:nth-child(3n + 2) span img {
	animation: rotate2 6s infinite  ease-out;
}

@keyframes rotate2 {
	0% { transform: translateY( 25px ); }
	50% { transform: translateY( 0 ); }
	100% { transform: translateY( 25px ); }
}


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

	.secBlock img.bg_t,
	.secBlock img.bg_b {
		position: absolute;
		width: 115%;
		max-width: 1070px;
		left: 50%;
	}

	.secBlock img.bg_t {
		top: 0;
		transform: translate( -50%, -20px );
	}

	.secBlock img.bg_b {
		bottom: 0;
		transform: translate( -50%, 20px );
	}

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

	.sec_icons li:nth-child(odd) {
		right: 50%;
		transform: translateX( 620px );
	}

	.sec_icons li:nth-child(even) {
		left: 50%;
		transform: translateX( -620px );
	}

	.sec_icons li span {
		max-width: 180px;
	}

	.sec_icons li:nth-child(1) { top: 50px; }
	.sec_icons li:nth-child(2) { top: 425px; }
	.sec_icons li:nth-child(3) { top: 800px; }
	.sec_icons li:nth-child(4) { top: 1175px; }
	.sec_icons li:nth-child(5) { top: 1550px; }
	.sec_icons li:nth-child(6) { top: 1925px; }
	.sec_icons li:nth-child(7) { top: 2300px; }
	.sec_icons li:nth-child(8) { top: 2675px; }
	.sec_icons li:nth-child(9) { top: 3050px; }
	.sec_icons li:nth-child(10) { top: 3425px; }
	.sec_icons li:nth-child(11) { top: 3800px; }
	.sec_icons li:nth-child(12) { top: 4175px; }
	.sec_icons li:nth-child(13) { top: 4550px; }
	.sec_icons li:nth-child(14) { top: 4925px; }
	.sec_icons li:nth-child(15) { top: 5300px; }
	.sec_icons li:nth-child(16) { top: 5675px; }
	.sec_icons li:nth-child(17) { top: 6050px; }
	.sec_icons li:nth-child(18) { top: 6425px; }
	.sec_icons li:nth-child(19) { top: 6800px; }
	.sec_icons li:nth-child(20) { top: 7175px; }
	.sec_icons li:nth-child(21) { top: 7550px; }
	.sec_icons li:nth-child(22) { top: 7925px; }
	.sec_icons li:nth-child(23) { top: 8300px; }
	.sec_icons li:nth-child(24) { top: 8675px; }
	.sec_icons li:nth-child(25) { top: 9050px; }
	.sec_icons li:nth-child(26) { top: 9425px; }
	.sec_icons li:nth-child(27) { top: 9800px; }

}

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

	.secBlock img.bg_t,
	.secBlock img.bg_b {
		position: absolute;
		width: 95%;
		left: 50%;
	}

	.secBlock img.bg_t {
		top: 0;
		transform: translate( -50%, 20px );
	}

	.secBlock img.bg_b {
		bottom: 0;
		transform: translate( -50%, 20px );
	}

	.secBlock .secWrap {
		margin: 0 2em;
		overflow: hidden;
	}

	.sec_icons li:nth-child(odd) {
		right: -3.5%;
	}

	.sec_icons li:nth-child(even) {
		left: -3.5%;
	}

	.sec_icons li {
		width: 15%;
	}

	.sec_icons li:nth-child(1) { top: 3vh; transform: translateX( -10% ); }
	.sec_icons li:nth-child(2) { top: 23vh; }
	.sec_icons li:nth-child(3) { top: 43vh; }
	.sec_icons li:nth-child(4) { top: 63vh; }
	.sec_icons li:nth-child(5) { top: 83vh; }
	.sec_icons li:nth-child(6) { top: 103vh; }
	.sec_icons li:nth-child(7) { top: 123vh; }
	.sec_icons li:nth-child(8) { top: 143vh; }
	.sec_icons li:nth-child(9) { top: 163vh; }
	.sec_icons li:nth-child(10) { top: 183vh; }
	.sec_icons li:nth-child(11) { top: 203vh; }
	.sec_icons li:nth-child(12) { top: 223vh; }
	.sec_icons li:nth-child(13) { top: 243vh; }
	.sec_icons li:nth-child(14) { top: 263vh; }
	.sec_icons li:nth-child(15) { top: 283vh; }
	.sec_icons li:nth-child(16) { top: 303vh; }
	.sec_icons li:nth-child(17) { top: 323vh; }
	.sec_icons li:nth-child(18) { top: 343vh; }
	.sec_icons li:nth-child(19) { top: 363vh; }
	.sec_icons li:nth-child(20) { top: 383vh; }
	.sec_icons li:nth-child(21) { top: 403vh; }
	.sec_icons li:nth-child(22) { top: 423vh; }
	.sec_icons li:nth-child(23) { top: 443vh; }
	.sec_icons li:nth-child(24) { top: 463vh; }
	.sec_icons li:nth-child(25) { top: 483vh; }
	.sec_icons li:nth-child(26) { top: 503vh; }
	.sec_icons li:nth-child(27) { top: 523vh; }

}



/*
sec01(stamp)
///////////////////////////////////////////////////*/

#stamp {
}

#stamp .secWrap.block {
	background: #f5d57b;
	overflow: hidden;
}

#stamp .secWrap.block02 {
	background: #fbeeca;
	overflow: hidden;
}

#stamp p.sec01_btn01,
#stamp p.sec01_btn02,
#stamp p.sec02_btn01,
#photo p.sec02_btn01,
#stamp ul.sec03_cnt01 li {
	width: 87%;
	margin-left: auto;
	margin-right: auto;
}

#stamp p.mg {
	width: 87%;
	margin-left: auto;
	margin-right: auto;
}

#stamp .mb0 {
	margin-bottom: 0 !important;
}

#stamp .mt0 {
	margin-top: 0 !important;
	width: 83% !important;
}

#stamp p.sec01_link01 {
	position: relative;
}

#stamp p.sec01_link01 a {
	display: block;
	position: absolute;
	width: 28%;
	height: 7%;
	left: 38%;
	top: 13%;
}

#stamp p.sec01_link01 a span {
	display: none;
}

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

	#stamp {
		padding: 30px 0 100px;
	}

	#stamp.secBlock img.bg_t {
		top: 0;
		transform: translate( -50%, 0px );
	}

	#stamp.secBlock img.bg_b {
		bottom: 0;
		transform: translate( -50%, -120px );
	}

	#stamp p.sec01_btn01 {
		background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec01_btn01_o.png) no-repeat;
		background-size: contain;
	}

	#stamp p.sec01_btn02 {
		background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec01_btn02_o.png) no-repeat;
		background-size: contain;
	}

	#stamp p.sec02_btn01,
	#photo p.sec02_btn01 {
		background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec02_btn01_o.png) no-repeat;
		background-size: contain;
	}

	#stamp ul.sec03_cnt01 li:nth-child(1) {
		background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec03_btn01_o.png) no-repeat;
		background-size: contain;
	}

	#stamp ul.sec03_cnt01 li:nth-child(2) {
		background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec03_btn02_o.png) no-repeat;
		background-size: contain;
	}

	#stamp p.sec01_link01 a,
	#stamp p.sec01_btn01 a img,
	#stamp p.sec01_btn02 a img,
	#stamp p.sec02_btn01 a img,
	#photo p.sec02_btn01 a img,
	#stamp ul.sec03_cnt01 li a img {
		transition: .3s;
	}

	#stamp p.sec01_link01 a:hover {
		background: rgba( 245, 213, 123, 0.5 );
	}

	#stamp p.sec01_btn01 a:hover img,
	#stamp p.sec01_btn02 a:hover img,
	#stamp p.sec02_btn01 a:hover img,
	#photo p.sec02_btn01 a:hover img,
	#stamp ul.sec03_cnt01 li a:hover img {
		opacity: 0;
	}

	#stamp h2,
	#stamp h3,
	#stamp p {
		margin: 65px 0;
	}

	#stamp ul {
		margin: 65px auto;
	}

}

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

	#stamp {
		padding: 2em 0 3em;
	}

	#stamp.secBlock img.bg_t {
		top: 0;
		transform: translate( -50%, 20px );
	}

	#stamp.secBlock img.bg_b {
		bottom: 0;
		transform: translate( -50%, -35px );
	}

	#stamp h2,
	#stamp h3,
	#stamp p {
		margin: 1.5em 0;
	}

	#stamp.secBlock ul.sec03_cnt01 {
		margin-bottom: 2em;
	}

}

/*
sec03(photo)
///////////////////////////////////////////////////*/

#photo {
}

#photo .secWrap.block,
#photo02 .secWrap.block {
	background: #000;
	overflow: hidden;
}

#photo .secWrap.block02 {
	background: #fff;
	overflow: hidden;
}

#photo .sec_icons li:nth-child(1) { top: 150px; }
#photo .sec_icons li:nth-child(2) { top: 425px; }
#photo .sec_icons li:nth-child(3) { top: 900px; }
#photo .sec_icons li:nth-child(4) { top: 1275px; }
#photo .sec_icons li:nth-child(5) { top: 1650px; }
#photo .sec_icons li:nth-child(6) { top: 2025px; }
#photo .sec_icons li:nth-child(7) { top: 2400px; }
#photo .sec_icons li:nth-child(8) { top: 2775px; }
#photo .sec_icons li:nth-child(9) { top: 3150px; }
#photo .sec_icons li:nth-child(10) { top: 3525px; }
#photo .sec_icons li:nth-child(11) { top: 3900px; }

#photo02 .sec_icons li:nth-child(1) { top: 150px; }
#photo02 .sec_icons li:nth-child(2) { top: 425px; }
#photo02 .sec_icons li:nth-child(3) { top: 900px; }
#photo02 .sec_icons li:nth-child(4) { top: 1275px; }
#photo02 .sec_icons li:nth-child(5) { top: 1650px; }
#photo02 .sec_icons li:nth-child(6) { top: 2025px; }
#photo02 .sec_icons li:nth-child(7) { top: 2400px; }
#photo02 .sec_icons li:nth-child(8) { top: 2775px; }
#photo02 .sec_icons li:nth-child(9) { top: 3150px; }
#photo02 .sec_icons li:nth-child(10) { top: 3525px; }
#photo02 .sec_icons li:nth-child(11) { top: 3900px; }

#photo p.mg,
#photo02 p.mg {
	width: 87%;
	margin-left: auto;
	margin-right: auto;
}

#photo p.sec04_link01,
#photo02 p.sec04_link01,
#pic p.sec04_link02 {
	position: relative;
}

#photo p.sec04_link01 a,
#photo02 p.sec04_link01 a {
	display: block;
	position: absolute;
	width: 28%;
	height: 9%;
	left: 38%;
	top: 57%;
}

#pic p.sec04_link02 a {
	display: block;
	position: absolute;
	width: 28%;
	height: 9%;
	left: 38%;
	top: 38%;
}

#photo p.sec04_link01 a span,
#photo02 p.sec04_link01 a span,
#pic p.sec04_link02 a span {
	display: none;
}


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

	.photo_icon01 {
		margin: 50px auto;
		max-width: 1000px;
	}

	.photo_icon02 {
		margin: 0 auto 100px;
		max-width: 1000px;
	}

	.photo_icon01 img {
		transform: translateY( 75% );
	}

	#photo {
		padding: 50px 0;
	}

	#photo02 {
		padding: 50px 0 100px;
	}

	#photo.secBlock img.bg_t {
		top: 0;
		transform: translate( -50%, 25px );
	}

	#photo02.secBlock img.bg_t {
		top: 0;
		transform: translate( -50%, 25px );
	}

	#photo.secBlock img.bg_b,
	#photo02.secBlock img.bg_b {
		bottom: 0;
		transform: translate( -50%, -50px );
	}

	#photo h2,
	#photo h3,
	#photo p,
	#photo02 h2,
	#photo02 h3,
	#photo02 p {
		margin: 50px 0;
	}

	#photo ul {
		margin: 50px auto 35px;
	}

	#photo p.sec04_link01 a,
	#photo02 p.sec04_link01 a,
	#pic p.sec04_link02 a {
		transition: .3s;
	}

	#photo p.sec04_link01 a:hover,
	#photo02 p.sec04_link01 a:hover,
	#pic p.sec04_link02 a:hover {
		background: rgba( 0, 0, 0, 0.5 );
	}



}

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


	.photo_icon01,
	.photo_icon02 {
		margin: 1.5em;
	}

	.photo_icon01 img {
		transform: translateY( 75% );
	}

	#photo {
		padding: 2em 0;
	}

	#photo02 {
		padding: 0 0 3em;
	}

	#photo.secBlock img.bg_t,
	#photo02.secBlock img.bg_t {
		top: 0;
		transform: translate( -50%, 20px );
	}

	#photo.secBlock img.bg_b,
	#photo02.secBlock img.bg_b {
		bottom: 0;
		transform: translate( -50%, -35px );
	}

	#photo h2,
	#photo h3,
	#photo p,
	#photo02 h2,
	#photo02 h3,
	#photo02 p {
		margin: 1.5em 0;
	}

}

/*
sec03
///////////////////////////////////////////////////*/

#photo {
}

#photo secWrap.block,
#photo02 secWrap.block {
	background: #f5d57b;
}

#photo secWrap.block02,
#photo02 secWrap.block02 {
	background: #fbeeca;
}

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

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


/*
sec03
///////////////////////////////////////////////////*/

#black .secWrap.block {
	border: 6px solid #000;
	border-radius: 30px;
	overflow: hidden;
}

#black .secWrap.block div.bg01 {
	background: #f5bed1;
	overflow: hidden;
}

#black .secWrap.block div.bg02 {
	background: #fff;
	overflow: hidden;
}

#black dl {
}

#black dl dt {
	position: relative;
}

#black dl dd {
	display: none;
}

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

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

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

#black .secWrap.block div p.sec05_btn01 {
	margin-left: auto;
	margin-right: auto;
	width: 65%;
}

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

	#black p.black_caption {
		margin: 50px auto;
		max-width: 1000px;
	}

	#black .secWrap.block.box02 {
		margin-top: 75px;
	}

	#black .secWrap {
	}

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

	#black dl {
		margin: 50px;
	}

	#black dl dt {
		background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec06_btn01_o.png) no-repeat;
		background-size: contain;
	}

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

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

	#black dl dd ul li:nth-child(1)  { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec06_nav01_o.png) no-repeat; background-size: contain; }
	#black dl dd ul li:nth-child(2)  { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec06_nav02_o.png) no-repeat; background-size: contain; }
	#black dl dd ul li:nth-child(3)  { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec06_nav03_o.png) no-repeat; background-size: contain; }
	#black dl dd ul li:nth-child(4)  { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec06_nav04_o.png) no-repeat; background-size: contain; }
	#black dl dd ul li:nth-child(5)  { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec06_nav05_o.png) no-repeat; background-size: contain; }
	#black dl dd ul li:nth-child(6)  { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec06_nav06_o.png) no-repeat; background-size: contain; }
	#black dl dd ul li:nth-child(7)  { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec06_nav07_o.png) no-repeat; background-size: contain; }
	#black dl dd ul li:nth-child(8)  { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec06_nav08_o.png) no-repeat; background-size: contain; }
	#black dl dd ul li:nth-child(9)  { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec06_nav09_o.png) no-repeat; background-size: contain; }
	#black dl dd ul li:nth-child(10) { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec06_nav10_o.png) no-repeat; background-size: contain; }
	#black dl dd ul li:nth-child(11) { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec06_nav11_o.png) no-repeat; background-size: contain; }
	#black dl dd ul li:nth-child(12) { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec06_nav12_o.png) no-repeat; background-size: contain; }
	#black dl dd ul li:nth-child(13) { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec06_nav13_o.png) no-repeat; background-size: contain; }
	#black dl dd ul li:nth-child(14) { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec06_nav14_o.png) no-repeat; background-size: contain; }
	#black dl dd ul li:nth-child(15) { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec06_nav15_o.png) no-repeat; background-size: contain; }
	#black dl dd ul li:nth-child(16) { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec06_nav16_o.png) no-repeat; background-size: contain; }
	#black dl dd ul li:nth-child(17) { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec06_nav17_o.png) no-repeat; background-size: contain; }
	#black dl dd ul li:nth-child(18) { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec06_nav18_o.png) no-repeat; background-size: contain; }
	#black dl dd ul li:nth-child(19) { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec06_nav19_o.png) no-repeat; background-size: contain; }
	#black dl dd ul li:nth-child(20) { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec06_nav20_o.png) no-repeat; background-size: contain; }
	#black dl dd ul li:nth-child(21) { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec06_nav21_o.png) no-repeat; background-size: contain; }
	#black dl dd ul li:nth-child(22) { background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec06_nav22_o.png) no-repeat; background-size: contain; }

	#black dl dd p {
		margin: 35px 0 20px;
	}

	#black dl dd ul li {
		margin-top: 15px;
	}

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

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

	#black dl dt span {
		background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec05_btn01_icon_o.png) no-repeat;
		position: absolute;
		display: block;
		left: 50%;
		top: 55%;
		transition: .3s;
	}

	#black dl dt span img {
		transition: .3s;
	}

	#black dl dt:hover span img {
		opacity: 0;
	}

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

	#black .secWrap.block div picture,
	#black .secWrap.block div h2,
	#black .secWrap.block div h3,
	#black .secWrap.block div p {
		margin: 50px;
	}

	#black p.sec05_btn01 {
		background: url(/lalaport/special/blackfriday_2025_11/shared/img/teaser/sec05_btn01_o.png) no-repeat;
		background-size: contain;
	}

	#black p.sec05_btn01 a img {
		transition: .3s;
	}

	#black p.sec05_btn01 a:hover img {
		opacity: 0;
	}

}

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

	#black .secWrap.block {
		border-width: 3px;
		border-radius: 1rem;
	}

	#black .secWrap.block.box02 {
		margin-top: 2rem;
	}

	#black p.black_caption {
		margin: 1em;
	}

	#black .secWrap {
	}

	#black dl {
		margin: 1.5em;
	}

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

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

	#black dl dd ul li {
		margin-top: 0.5em;
	}

	#black .secWrap.block div picture {
		max-width: 100%;
		display: block;
	}

	#black .secWrap.block div picture,
	#black .secWrap.block div h2,
	#black .secWrap.block div h3,
	#black .secWrap.block div p {
		margin: 1.5em;
	}

}

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

	ul.attention {
		margin: 75px 0;
		text-align: center;
		font-size: 85%;
	}

	ul.attention li {
		display: inline-block;
	}

}

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

	ul.attention {
		margin: 2em;
	}

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

}

.secWrap.block.box02 dl dd,
#intro dl dd {
	position: relative;
}

.soon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: rgba( 0, 0, 0, 0.5 );
}

.soon p {
	position: relative;
	width: 100%;
	height: 100%;
}

.soon p img {
	width: 60%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate( -50%, -50% );
}

#black .secWrap.block.box02 div.soon,
#black .secWrap.block.box02 div.soon p {
	margin: 0;
}

.secWrap.block.box02 dl dd div.soon {
	text-align: center;
}


/*
sec03
///////////////////////////////////////////////////*/

.bln {
	position: relative;
}

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

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

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




nav dl.open {
	background: #000;
	padding: 1.5em;
}

nav dl.open ul li {
	padding: 0.5em;
	border-bottom: 1px solid #888;
}

nav dl.open a {
	color: #fff;
	text-decoration: none;
	font-size: 85%;
}



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

	nav dl.open {
		background: #000;
		padding: 1.5em;
	}

	nav dl.open ul li {
		padding: 0.5em;
		border-bottom: 1px solid #888;
	}

	nav dl.open a {
		transition: .3s;
	}

	nav dl.open a:hover {
		opacity: 0.5;
	}

}