﻿
body {
	min-width: initial;
	background: #000;
}

section {
}

#header dl {
	align-items: center;
}

#header dt {
	display: block;
	width: 85%;
}

#header dt .lalap img {
	width: 12%;
}
#header dt .lazona img {
	width: 10%;
}
#header dt .diver img {
	width: 11.25%;
}
#header dt .lalat img {
	width: 12%;
}
#header dt .lalag img {
	width: 12%;
}
#header dt .kit img {
	width: 13%;
}
#header dt .lovela img {
	width: 15.5%;
}
#header dd {
	width: 12%;
}

#header dd img {
	width: 100%;
	vertical-align: middle;
}

@media screen and (min-width: 769px){

	section .secWrap {
		width: 100%;
		margin: 0 auto;
	}


}

@media screen and (max-width: 769px){

	.header-inner {
		padding: 5px 0;
	}

	section .secWrap {
		margin: 0 1.5em;
	}

	.header-logo .lalap img,
	.header-logo .lazona img,
	.header-logo img {
		margin-right: 5px;
	}


}


/*
#header
///////////////////////////////////////////////////*/

.container h1 {
}

.container h1 img {
	margin: 0 auto;
	display: block;
	width: 100%;
}

/*
section
///////////////////////////////////////////////////*/



/*
common
///////////////////////////////////////////////////*/


@media screen and (min-width: 769px){

	.attention p {
		margin: 70px 0;
	}

	.pagetop {
		background: url(/lalaport/special/blackfriday_2026_11/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: url(/lalaport/special/blackfriday_2026_11/shared/img/bg.png) top center repeat-y;
		background-attachment: fixed;
		background-size: cover;
	}

	.header .secWrap {
		padding-top: 0;
	}

}

@media screen and (max-width: 769px){

	.container {
		position: relative;
		width: 100%;
		clip-path: inset(0); /* はみ出し防止（必要に応じて） */
		overflow: hidden;
	}

	.container:before {
		background: #000 url(/lalaport/special/blackfriday_2026_11/shared/img/bg.png) top center repeat-y;
		background-size: 220%;
		content: "";
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background-repeat: no-repeat;
		z-index: -1;
	}

	.header .secWrap {
		margin: 0;
	}

}


/*
nav
///////////////////////////////////////////////////*/


nav dl ul li {
	display: inline;
}

nav dl ul li a {
	display: block;
	width: 87%;
	left: 6.5%;
	height: 7.75%;
	position: absolute;
}

nav dl p a {
	display: block;
	width: 22%;
	left: 38.75%;
	height: 8%;
	top: 85%;
	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: 9%; }
nav dl ul li:nth-child(2) a { top: 17%; }
nav dl ul li:nth-child(3) a { top: 26%; }
nav dl ul li:nth-child(4) a { top: 33%; }
nav dl ul li:nth-child(5) a { top: 41.5%; }
nav dl ul li:nth-child(6) a { top: 49%; }
nav dl ul li:nth-child(7) a { top: 58%; }
nav dl ul li:nth-child(8) a { top: 66%; }
nav dl ul li:nth-child(9) a { top: 74.6%; }

@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;
		top: 50%;
		width: 80px;
		transition: .3s;
		z-index: 999;
		transform: translateY( -130% );
		margin-top: 310px;
	}

	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( 245, 213, 123, 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%;
	}

}


/*
section
///////////////////////////////////////////////////*/

.secTitle {
	max-width: 1200px;
	margin: 0 auto;
}

#sale .secWrap,
#food .secWrap,
#prize .secWrap,
#pointup .secWrap,
#otoku .secWrap,
#codenate .secWrap,
#sns .secWrap,
#active .secWrap {
	background: #fff;
	border-radius: 50px;
	max-width: 1100px;
	margin: 0 auto;
}

@media screen and (min-width: 769px){

	.secTitle {
		margin: 0 auto 50px;
	}

	#sale .secWrap,
	#food .secWrap,
	#prize .secWrap,
	#pointup .secWrap,
	#otoku .secWrap,
	#sns .secWrap,
	#codenate .secWrap,
	#active .secWrap {
		box-sizing: border-box;
		padding: 0 50px;
	}

}

@media screen and (max-width: 769px){

	#sale .secWrap,
	#food .secWrap,
	#prize .secWrap,
	#pointup .secWrap,
	#otoku .secWrap,
	#sns .secWrap,
	#codenate .secWrap,
	#active .secWrap {
		border-radius: 1.5em;
		margin: 1em 1.5em;
		padding: 0 1em;
	}

}


/*
header
///////////////////////////////////////////////////*/

.header .secWrap {
	max-width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}

@media screen and (min-width: 769px){

	.header .secWrap h1.ttl {
		margin: 50px 0 25px;
	}

	.header .secWrap p {
		margin: 25px 0 25px;
	}

}

@media screen and (max-width: 769px){

	.header .secWrap h1.ttl {
		margin: 1em 0;
	}

	.header .secWrap p {
		margin: 0.5em 0 1em;
	}



}


/*
sale
///////////////////////////////////////////////////*/


#sale ul.menu {
}

#sale ul.menu li:nth-child(1) { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn01_o.png) no-repeat;}
#sale ul.menu li:nth-child(2) { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn02_o.png) no-repeat;}
#sale ul.menu li:nth-child(3) { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn03_o.png) no-repeat;}

#sale ul.isotope li.fac01 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn04_o.png) no-repeat;}
#sale ul.isotope li.fac02 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn05_o.png) no-repeat;}
#sale ul.isotope li.fac03 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn06_o.png) no-repeat;}
#sale ul.isotope li.fac04 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn07_o.png) no-repeat;}
#sale ul.isotope li.fac05 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn08_o.png) no-repeat;}
#sale ul.isotope li.fac06 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn09_o.png) no-repeat;}
#sale ul.isotope li.fac07 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn10_o.png) no-repeat;}
#sale ul.isotope li.fac08 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn11_o.png) no-repeat;}
#sale ul.isotope li.fac09 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn12_o.png) no-repeat;}
#sale ul.isotope li.fac10 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn13_o.png) no-repeat;}
#sale ul.isotope li.fac11 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn14_o.png) no-repeat;}
#sale ul.isotope li.fac12 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn15_o.png) no-repeat;}
#sale ul.isotope li.fac13 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn16_o.png) no-repeat;}
#sale ul.isotope li.fac14 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn17_o.png) no-repeat;}
#sale ul.isotope li.fac15 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn18_o.png) no-repeat;}
#sale ul.isotope li.fac16 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn19_o.png) no-repeat;}
#sale ul.isotope li.fac17 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn20_o.png) no-repeat;}
#sale ul.isotope li.fac18 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn21_o.png) no-repeat;}
#sale ul.isotope li.fac19 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn22_o.png) no-repeat;}
#sale ul.isotope li.fac20 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn23_o.png) no-repeat;}
#sale ul.isotope li.fac21 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn24_o.png) no-repeat;}
#sale ul.isotope li.fac22 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn25_o.png) no-repeat;}
#sale ul.isotope li.fac23 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn26_o.png) no-repeat;}
#sale ul.isotope li.fac24 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn27_o.png) no-repeat;}
#sale ul.isotope li.fac25 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn28_o.png) no-repeat;}
#sale ul.isotope li.fac26 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn29_o.png) no-repeat;}
#sale ul.isotope li.fac27 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn30_o.png) no-repeat;}
#sale ul.isotope li.fac28 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn31_o.png) no-repeat;}
#sale ul.isotope li.fac29 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn32_o.png) no-repeat;}
#sale ul.isotope li.fac30 { background: url(/lalaport/special/blackfriday_2026_11/shared/img/accd_btn33_o.png) no-repeat;}

#sale ul.menu {
	display: flex;
	justify-content: space-around;
}

#sale ul.menu li {
	width: 31%;
	background-size: 100% !important;
}

#sale ul.isotope {
	display: flex;
	flex-wrap: wrap;
}

#sale ul.isotope li {
	width: 31%;
	background-size: 100% !important;
}

#sale ul.isotope li{
	margin: 0 10px 15px;
}

#sale ul li a.selected img {
	opacity: 0;
}

#sale .secWrap dl dt {
	position: relative;
}

#sale .secWrap dl dt span {
	position: absolute;
	right: 5%;
	top: 50%;
	transform: translateY( -50% ) rotate( 180deg );
	transition: .3s;
}

#sale .secWrap dl dt.open span {
	transform: translateY( -50% ) rotate( 0deg );
}



@media screen and (min-width: 769px){

	#sale .secWrap dl dt {
		background: url(/lalaport/special/blackfriday_2026_11/shared/img/head_btn01_o.png) no-repeat;
		background-size: contain;
	}

	#sale .secWrap dl dt span {
		background: url(/lalaport/special/blackfriday_2026_11/shared/img/sec01_btn01a.png) no-repeat;
		background-size: contain;
	}

	#sale .secWrap {
		padding-top: 50px;
	}

	#sale .secWrap h2 {
		margin-bottom: 25px;
	}

	#sale ul li a img {
		transition: .3s;
	}

	#sale ul li a:hover img {
		opacity: 0;
	}

	#sale ul.isotope {
		margin: 50px 0 0;
	}

	#sale .secWrap dl {
		padding-bottom: 50px;
	}

	#sale .secWrap dl dd {
		padding-top: 25px;
	}

	#sale .secWrap dl dt img {
		transition: .3s;
	}

	#sale .secWrap dl dt:hover span img,
	#sale .secWrap dl dt:hover img {
		opacity: 0;
	}

}

@media screen and (max-width: 769px){

	#sale .secWrap {
		padding: 1.5em;
	}

	#sale .secWrap h2 {
		margin-bottom: 0.5em;
	}

	#sale ul.isotope  {
		margin: 1.5em 0 0;
	}

	#sale ul.isotope li{
		margin: 0 1% 0.5em;
	}

	#sale .secWrap dl dt span {
		width: 3%;
	}

	#sale .secWrap dl dt span img {
		vertical-align: middle;
	}

	#sale .secWrap dl dd {
		padding-top: 0.5em;
	}

}


/*
food
///////////////////////////////////////////////////*/

#food .secWrap dl dt {
	position: relative;
}

#food .secWrap dl dt span {
	position: absolute;
	right: 5%;
	top: 50%;
	transform: translateY( -50% ) rotate( 180deg );
	transition: .3s;
}

#food .secWrap dl dt.open span {
	transform: translateY( -50% ) rotate( 0deg );
}

#food .secWrap dl dd {
	display: none;
}


@media screen and (min-width: 769px){

	#food .secWrap dl dt {
		background: url(/lalaport/special/blackfriday_2026_11/shared/img/sec01_btn01_o.png) no-repeat;
		background-size: contain;
	}

	#food .secWrap dl dt span {
		background: url(/lalaport/special/blackfriday_2026_11/shared/img/sec01_btn01a.png) no-repeat;
		background-size: contain;
	}

	#food {
		margin: 100px 0 0;
	}

	#food .secWrap {
		padding: 50px;
	}

	#food .secWrap p {
		margin: 50px 0;
	}

	#food .secWrap dl dt:hover span img,
	#food .secWrap dl dt:hover img {
		opacity: 0;
	}

	#food .secWrap dl {
		padding-bottom: 50px;
	}

	#food .secWrap dl dd {
		padding-top: 50px;
	}

	#food .secWrap dl dt img {
		transition: .3s;
	}

}

@media screen and (max-width: 769px){

	#food {
		margin: 2em 0 0;
	}

	#food .secWrap {
		padding: 1.5em 1.5em 1px;
	}

	#food .secWrap p {
		margin: 0 0 1.5em 0;
	}

	#food .secWrap dl {
		padding-bottom: 1.5em;
	}

	#food .secWrap dl dd {
		padding-top: 1.5em;
	}

	#food .secWrap dl dt span {
		width: 3%;
	}

	#food .secWrap dl dt span img {
		display: block;
	}

}


/*
section
///////////////////////////////////////////////////*/


#prize ul {
	display: flex;
	flex-wrap: wrap;
}

#prize ul li {
	width: 25%;
	margin: 0 0 15px;
}

#prize ul li a {
	width: 95%;
	display: block;
	margin: 0 auto;
}

#prize ul li.prize01 {
}

#prize .secWrap dl dt {
	position: relative;
	display: block;
	cursor: pointer;
}

#prize .secWrap dl dt span {
	position: absolute;
	right: 5%;
	top: 42%;
	transform: translateY( -50% ) rotate( 180deg );
	transition: .3s;
}

#prize .secWrap .prize_btn01 a:hover img {
	opacity: 0;
}

#prize .secWrap dl dt.open span {
	transform: translateY( -50% ) rotate( 0deg );
}

#prize .secWrap dl dd {
	display: none;
}

#prize ul li.prize01 a { background: url(/lalaport/special/blackfriday_2026_11/shared/img/sec01_btn02_o.png) no-repeat; }
#prize ul li.prize02 a { background: url(/lalaport/special/blackfriday_2026_11/shared/img/sec01_btn03_o.png) no-repeat; }
#prize ul li.prize03 a { background: url(/lalaport/special/blackfriday_2026_11/shared/img/sec01_btn04_o.png) no-repeat; }
#prize ul li.prize04 a { background: url(/lalaport/special/blackfriday_2026_11/shared/img/sec01_btn05_o.png) no-repeat; }
#prize ul li.prize05 a { background: url(/lalaport/special/blackfriday_2026_11/shared/img/sec01_btn06_o.png) no-repeat; }
#prize ul li.prize06 a { background: url(/lalaport/special/blackfriday_2026_11/shared/img/sec01_btn07_o.png) no-repeat; }
#prize ul li.prize07 a { background: url(/lalaport/special/blackfriday_2026_11/shared/img/sec01_btn08_o.png) no-repeat; }
#prize ul li.prize08 a { background: url(/lalaport/special/blackfriday_2026_11/shared/img/sec01_btn09_o.png) no-repeat; }
#prize ul li.prize09 a { background: url(/lalaport/special/blackfriday_2026_11/shared/img/sec01_btn10_o.png) no-repeat; }
#prize ul li.prize10 a { background: url(/lalaport/special/blackfriday_2026_11/shared/img/sec01_btn11_o.png) no-repeat; }
#prize ul li.prize11 a { background: url(/lalaport/special/blackfriday_2026_11/shared/img/sec01_btn12_o.png) no-repeat; }
#prize ul li.prize12 a { background: url(/lalaport/special/blackfriday_2026_11/shared/img/sec01_btn13_o.png) no-repeat; }
#prize ul li.prize13 a { background: url(/lalaport/special/blackfriday_2026_11/shared/img/sec01_btn14_o.png) no-repeat; }
#prize ul li.prize14 a { background: url(/lalaport/special/blackfriday_2026_11/shared/img/sec01_btn15_o.png) no-repeat; }

#prize ul li a {
	background-size: contain !important;
}

@media screen and (min-width: 769px){

	#prize .secWrap dl dt {
		background: url(/lalaport/special/blackfriday_2026_11/shared/img/sec02_btn01_o.png) no-repeat;
		background-size: contain;
	}

	#prize .secWrap dl dt span {
		background: url(/lalaport/special/blackfriday_2026_11/shared/img/sec01_btn01a.png) no-repeat;
		background-size: contain;
	}

	#prize {
		margin: 100px 0 0;
	}

	#prize .secWrap {
		padding: 50px 50px 1px;
	}

	#prize .secWrap dl {
		margin: 50px 0;
	}

	#prize .secWrap dl dd {
		padding-top: 25px;
	}

	#prize .secWrap dl dt img,
	#prize .secWrap dl dt span img,
	#prize ul li a img {
		transition: .3s;
	}

	#prize .secWrap dl dt:hover img,
	#prize .secWrap dl dt:hover span img,
	#prize ul li a:hover img {
		opacity: 0;
	}

}

@media screen and (max-width: 769px){

	#prize {
		margin: 2em 0 0;
	}

	#prize .secWrap {
		padding: 1.5em 1.5em 1px;
	}

	#prize .secWrap dl {
		margin: 1.5em 0;
	}

	#prize .secWrap dl dd {
		padding-top: 0.75em;
	}

	#prize .secWrap dl dt span {
		width: 3%;
	}

	#prize .secWrap dl dt span img {
		display: block;
	}



}


/*
section
///////////////////////////////////////////////////*/

#codenate .secWrap p.btn01 {
	background: url(/lalaport/special/blackfriday_2026_11/shared/img/sec04_btn01_o.png) no-repeat;
	background-size: contain;
	width: 68%;
	margin: 0 auto;
	display: block;
}

@media screen and (min-width: 769px){

	#codenate {
		margin: 100px 0 0;
	}

	#codenate .secWrap {
		padding: 50px 50px 25px;
	}

	#codenate .secWrap h3 {
		margin: 0 auto 25px;
	}

	#codenate .secWrap p.btn01 {
		margin: 25px auto;
	}

	#codenate .secWrap p.btn01 a img {
		transition: .3s;
	}

	#codenate .secWrap p.btn01 a:hover img {
		opacity: 0;
	}

}

@media screen and (max-width: 769px){

	#codenate {
		margin: 2em 0 0;
	}

	#codenate .secWrap {
		padding: 1.5em 1.5em 0.75em;
	}

	#codenate .secWrap h3 {
		margin: 0em auto 0.5em;
	}

	#codenate .secWrap .includeArea {
		margin: 1.5em 0;
	}

	#codenate .secWrap p.btn01 {
		margin: 0.5em auto;
	}

}


/*
section
///////////////////////////////////////////////////*/

#otoku .secWrap p.btn01 {
	background: url(/lalaport/special/blackfriday_2026_11/shared/img/sec04_btn01_o.png) no-repeat;
	background-size: contain;
	width: 68%;
	margin: 0 auto;
	display: block;
}

@media screen and (min-width: 769px){

	#otoku {
		margin: 100px 0 0;
	}

	#otoku .secWrap {
		padding: 50px;
	}

	#otoku .secWrap p.btn01 {
		margin: 50px auto 25px;
	}

	#otoku .secWrap p.btn01 a img {
		transition: .3s;
	}

	#otoku .secWrap p.btn01 a:hover img {
		opacity: 0;
	}


}

@media screen and (max-width: 769px){

	#otoku {
		margin: 2em 0 0;
	}

	#otoku .secWrap {
		padding: 1.5em;
	}

	#otoku .secWrap p.btn01 {
		margin: 1.5em auto 0.75em;
	}

}

/*
sns
///////////////////////////////////////////////////*/

#sns .secWrap p.btn01 {
	background: url(/lalaport/special/blackfriday_2026_11/shared/img/sec06_btn01_o.png) no-repeat;
	background-size: contain;
	width: 68%;
	margin: 0 auto;
	display: block;
}

@media screen and (min-width: 769px){

	#sns {
		margin: 100px 0 0;
	}

	#sns .secWrap {
		padding: 50px;
	}

	#sns .secWrap p.btn01 {
		margin: 50px auto 25px;
	}

	#sns .secWrap p.btn01 a img {
		transition: .3s;
	}

	#sns .secWrap p.btn01 a:hover img {
		opacity: 0;
	}


}

@media screen and (max-width: 769px){

	#sns {
		margin: 2em 0 0;
	}

	#sns .secWrap {
		padding: 1.5em;
	}

	#sns .secWrap p.btn01 {
		margin: 1.5em auto 0.5em;
	}


}




/*
section
///////////////////////////////////////////////////*/


@media screen and (min-width: 769px){

	#andmall {
		margin: 2em 0 0;
	}

}

@media screen and (max-width: 769px){

	#andmall {
		margin: 2em 0 0;
	}

}

/*
section
///////////////////////////////////////////////////*/

#blackfriday ul.bnr02 {
	max-width: 1100px;
	display: flex;
	justify-content: space-around;
}

#blackfriday ul.bnr02 li {
	width: 46.5%;
}

#blackfriday p.attention {
	color: #fff;
}

@media screen and (min-width: 769px){

	#blackfriday {
		margin: 100px 0 0;
		padding: 0 0 150px;
		overflow: hidden;
	}

	#blackfriday p.bnr01 {
		max-width: 1100px;
		margin: 50px auto;
	}

	#blackfriday ul.bnr02 {
		max-width: 1100px;
		margin: 50px auto;
	}

	#blackfriday p.bnr03 {
		max-width: 1200px;
		margin: 50px auto;
	}

	#blackfriday p.attention {
		text-align: center;
	}

}

@media screen and (max-width: 769px){

	#blackfriday {
		margin: 2em 0 0;
		padding-bottom: 2.5em;
	}

	#blackfriday p.bnr01,
	#blackfriday ul.bnr02,
	#blackfriday p.bnr03 {
		margin: 1.5em;
	}

	#blackfriday p.attention {
		text-align: left;
		margin-left: 1.5em;
	}

	#blackfriday p.attention small {
		display: block;
	}

}

/*
section
///////////////////////////////////////////////////*/


@media screen and (min-width: 769px){

	#active {
		margin: 2em auto 0;
	}

}

@media screen and (max-width: 769px){

	#active {
		margin: 2em 0 0;
	}

}
/*
include
///////////////////////////////////////////////////*/

.staffstart__wrap {
  position: relative;
  overflow-x: scroll;
  overflow-y: hidden;
  padding-bottom: 30px;
  margin-bottom: 30px;
  font-size: 1rem;
  line-height: 1.3;
}

.staffstart {
  position: relative;
  white-space: nowrap;
}

.includeArea .helloroom__staffstart__item {
	width: 200px;
	display: inline-block;
}

.includeArea .helloroom__staffstart__item a {
	font-size: 11px;
	line-height: 1.2;
	text-decoration: none;
	color: #1f1f1f;
}

.helloroom__staffstart__item figure.code_img {
	position: relative;
	margin: 0;
	text-align: center;
}

.helloroom__staffstart__item .helloroom__staffstart__profile {
	position: relative;
	padding-top: 10px;
	text-align: center;
	z-index: 2;
	margin-top: -25px;
	padding-top: 0;
}

.helloroom__staffstart__item .stafficon {
	width: 50px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	border-radius: 50%;
	overflow: hidden;
}

.helloroom__staffstart__item .stafficon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.helloroom__staffstart__item .staffdata {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin-top: 15px;
}

.helloroom__staffstart__item .staffdata .staffshop {
	font-weight: bold;
	white-space: normal !important;
}

.helloroom__staffstart__item .staffdata hr {
	width: 100%;
	height: 0;
	padding: 0;
	border: 0;
	border-top-width: 0px;
	border-top-style: none;
	border-top-color: currentcolor;
	border-top: 1px solid #ccc;
}

@media screen and (min-width: 769px){

	.includeArea .helloroom__staffstart__item {
		margin: 0 15px;
	}

	.includeArea .helloroom__staffstart__item a,
	.helloroom__staffstart__item figure.code_img img {
		transition: .3s;
	}

	.includeArea .helloroom__staffstart__item a:hover {
		opacity: 0.5;
	}

	.helloroom__staffstart__item figure.code_img {
		height: 226px;
		overflow: hidden;
	}

	.helloroom__staffstart__item figure.code_img img {
		position: absolute;
		top: 50%;
		left: 50%;
		height: 226px;
		transform: translate( -50%, -50% );
	}

	.helloroom__staffstart__item figure.code_img:hover img {
		transform: translate( -50%, -50% ) scale( 1.15, 1.15 );
	}

}

@media screen and (max-width: 769px){

	.includeArea .helloroom__staffstart__item {
		margin: 0 0.5em;
	}

}

/*
animation
///////////////////////////////////////////////////*/

.bln > span.ttl img {
	opacity: 0;
}

.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 ); }
}



