@charset "UTF-8";

#renewal2022 {
	z-index: 0;
}

#renewal2022 .cpWrap {
	background: url(/lazona-kawasaki/campaign/wardrobe_2024catalog/common/image/202508/head_bg01.png) top center no-repeat;
	background-size: 100%;
	position: sticky;
}

/* navigation
*********************************************/

.side_title {
	position: fixed;
	top: 50%;
}

.side_navi {
}

.side_navi .naviWrap {
	position: relative;
}

#renewal2022 .side_navi .naviWrap dl,
#renewal2022 .side_navi .naviWrap > dl > dt,
#renewal2022 .side_navi .naviWrap dd,
#renewal2022 .side_navi .naviWrap ul {
	display: inline;
}

#renewal2022 .side_navi .naviWrap .nav01,
#renewal2022 .side_navi .naviWrap .nav02,
#renewal2022 .side_navi .naviWrap .nav03,
#renewal2022 .side_navi .naviWrap .nav04,
#renewal2022 .side_navi .naviWrap .nav05,
#renewal2022 .side_navi .naviWrap .nav06,
#renewal2022 .side_navi .naviWrap .nav07,
#renewal2022 .side_navi .naviWrap .nav08 {
	display: block;
	position: relative;
	margin: 1.5em 0;
}

#renewal2022 .side_navi .naviWrap dl.nav_list {
	display: flex;
	justify-content: space-between;
	margin: 1.5em 0 2.5em;
}

#renewal2022 .side_navi .naviWrap dl.nav_list dt {
	width: 4%;
}

#renewal2022 .side_navi .naviWrap dl.nav_list dd {
	width: 90%;
}

#renewal2022 .side_navi .naviWrap ul li {
	margin-top: 1em;
}

#renewal2022 .side_navi .naviWrap ul li.ht {
	margin-top: 0.85em;
}

#renewal2022 .side_navi .naviWrap ul li.mt {
	margin-top: 0.5em;
}

#renewal2022 .side_navi .naviWrap dl.accd dd {
	display: none;
}

#renewal2022 .side_navi .naviWrap dl.accd dt {
	position: relative;
}

#renewal2022 .side_navi .naviWrap dl.nav_list dd ul li.ht {
	margin: 0 0 1em;
}

#renewal2022 .side_navi .naviWrap dl.nav_list dd ul li.ht:last-child {
	margin-bottom: 0;
}


#renewal2022 .side_navi .naviWrap dl.nav_list.al dd ul li.ht {
	margin-bottom: 0;
}

#renewal2022 .side_navi .naviWrap dl.accd dt span {
	position: absolute;
	display: block;
	top: 50%;
	transform: translateY( -60% );
	transition: .3s;
}

#renewal2022 .side_navi .naviWrap dl.accd.nav01 dt span { left: 29%; }
#renewal2022 .side_navi .naviWrap dl.accd.nav02 dt span { left: 16%; }
#renewal2022 .side_navi .naviWrap dl.accd.nav03 dt span { left: 25%; }
#renewal2022 .side_navi .naviWrap dl.accd.nav04 dt span { left: 22%; }
#renewal2022 .side_navi .naviWrap dl.accd.nav05 dt span { left: 25%; }
#renewal2022 .side_navi .naviWrap dl.accd dt span img { width: 9px; }

#renewal2022 .side_navi .naviWrap dl.accd.selected dt span {
	transform: translateY( -60% ) rotate( 90deg );
}

#renewal2022 .side_navi .naviWrap dl.accd dd {
	display: none;
}

@media (min-width: 769px) {

	#renewal2022 .side_navi .naviWrap dt a,
	#renewal2022 .side_navi .naviWrap li a {
		left: 0;
		width: 100%;
	}

	.area_left {
		position: fixed;
		width: calc( 50% - 530px );
		transition: 2s;
		margin-left: -100%;
		top: 50%;
		transform: translateY(-50%);
		left: 3em;
		z-index: 99999;
	}

	.area_left.flex {
		transition: 2s;
		margin-left: 0;
	}

	.side_title {
		margin-left: 15px;
		width: 8px;
		top: 60%;
		left: 0;
		transform: translateY(-50%);
	}

	.side_navi ._scroll {
		max-height: 700px;
		overflow-y: scroll;
	}

	.side_navi ._scroll::-webkit-scrollbar{
		display: none;
	}

	.side_navi .naviWrap picture img {
		width: 145px;
	}

	.side_navi .naviWrap {
		width: 250px;
		display: block;
	}

	#renewal2022 .side_navi .naviWrap img {
		width: 220px;
		margin: 0;
	}

	#renewal2022 .side_navi .naviWrap dl.nav02 dl dd {
	}

	#renewal2022 .side_navi .naviWrap dt a:hover,
	#renewal2022 .side_navi .naviWrap li a:hover {
		opacity: 0.5
	}

	#renewal2022 .side_navi .naviWrap dl.nav02 dl dt span {
		width: 0.65em;
	}

}

@media (max-width: 769px) {

	#renewal2022 .side_navi .naviWrap li a {
		left: 0;
	}

	.side_title {
		left: 0.75em;
		width: 2vw;
		top: 0;
		height: 100%;
		text-align: center;
	}

	.side_title img {
		margin-top: 160px;
		max-height: 65vh;
	}

	.side_navi ._scroll {
		max-height: 90vh;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.side_navi {
		position: fixed;
		top: 0;
		left: -100%;
		background: #fff;
		width: 100%;
		height: 100%;
		transition: .3s;
		padding-top: 0px;
	}

	.side_navi.flex {
		left: 0;
		transition: .3s;
	}

	.side_navi picture {
		display: block;
	}

	.side_navi img {
		margin: 0 1.5em;
		width: 40%;
		display: block;
	}

	.sp_menu {
		z-index: 55555;
		position: fixed;
		right: 1em;
		top: 110px;
		height: 35px;
		width: 35px;
	}

	.sp_menu span {
		transition: .3s;
		height: 2px;
		background: #000;
		position: absolute;
		display: block;
		transition: .3s;
		top: 50%;
		left: 50%;
		transform: translateX( -50% );
	}

	.sp_menu span:nth-child(1) {
		transform: translate( -50%, -8px );
		width: 80%;
	}

	.sp_menu span:nth-child(2) {
		width: 80%;
	}

	.sp_menu span:nth-child(3) {
		transform: translate( -50%, 8px );
		width: 80%;
	}

	.sp_menu.flex span:nth-child(1) {
		transform: translateX( -50% ) rotate( 45deg );
		width: 100%;
	}

	.sp_menu.flex span:nth-child(2) {
		width: 0;
	}

	.sp_menu.flex span:nth-child(3) {
		transform: translateX( -50% ) rotate( -45deg );
		width: 100%;
	}

	#renewal2022 .side_navi .naviWrap dl.nav02 dl dd {
		padding: 1em 1.5em 0;
		overflow: hidden;
		position: relative;
	}

	#renewal2022 .side_navi .naviWrap dl.nav02 dl dd ul {
		display: block;
		height: auto;
	}

	#renewal2022 .side_navi .naviWrap dl.nav02 dl dt span {
		width: 2%;
		top: 10%;
	}

	#renewal2022 .side_navi .naviWrap dl.accd.nav01 dt span { left: 16%; }
	#renewal2022 .side_navi .naviWrap dl.accd.nav02 dt span { left: 9%; }
	#renewal2022 .side_navi .naviWrap dl.accd.nav03 dt span { left: 15%; }
	#renewal2022 .side_navi .naviWrap dl.accd.nav04 dt span { left: 12%; }
	#renewal2022 .side_navi .naviWrap dl.accd.nav05 dt span { left: 15%; }

}



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

	#renewal2022 .side_navi .naviWrap dl.nav02 dl dd ul li a {
		font-size: 9px;
	}

}

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

	#renewal2022 .side_navi .naviWrap dl.nav02 dl dd ul li a {
		font-size: 9px;
	}

}


/* head
*********************************************/

#hd div.nav01,
#hd div.nav02,
#hd div.nav03,
#hd div.nav04,
#hd div.nav05,
#hd div.nav06,
#hd div.nav07,
#hd div.nav08,
#hd div.nav09 {
	position: relative;
}

#renewal2022 #hd p,
#renewal2022 #hd ul,
#renewal2022 #hd li {
	display: inline;
}

#renewal2022 #hd li a {
	position: absolute;
	display: block;
}

#renewal2022 #hd li a span {
	display: none;
}



#renewal2022 #hd li.nv0101 a {top: 30%; left: 27%; width: 46%; height: 14%; }
#renewal2022 #hd li.nv0102 a {top: 49%; left: 16%; width: 39%; height: 14%; }
#renewal2022 #hd li.nv0103 a {top: 49%; left: 47%; width: 12%; height: 14%; }
#renewal2022 #hd li.nv0104 a {top: 49%; left: 60%; width: 24%; height: 14%; }
#renewal2022 #hd li.nv0105 a {top: 89%; left: 25%; width: 11.5%; height: 14%; }
#renewal2022 #hd li.nv0106 a {top: 89%; left: 41%; width: 15%; height: 14%; }
#renewal2022 #hd li.nv0107 a {top: 70%; left: 51%; width: 50%; height: 14%; }
#renewal2022 #hd li.nv0108 a {top: 70%; left: -1%; width: 46%; height: 14%; }
#renewal2022 #hd li.nv0109 a {top: 89%; left: 61.5%; width: 13%; height: 14%; }
#renewal2022 #hd li.nv0110 a {top: 89%; left: 17%; width: 66%; height: 14%; }

#renewal2022 #hd li.nv02 a {top: 69%; left: 35%; width: 30%; height: 37%; }

#renewal2022 #hd li.nv03 a {top: 72%; left: 39%; width: 22%; height: 32%; }

#renewal2022 #hd li.nv0401 a {top: 73%; left: 25%; width: 16%; height: 37%; }
#renewal2022 #hd li.nv0402 a {top: 73%; left: 49.5%; width: 26.5%; height: 37%; }

#renewal2022 #hd li.nv05 a {top: 65%; left: 35%; width: 30%; height: 38%; }
#renewal2022 #hd li.nv0601 a {top: 75%; left: 8%; width: 18.5%; height: 32%; }
#renewal2022 #hd li.nv0602 a {top: 75%; left: 33%; width: 13%; height: 32%; }
#renewal2022 #hd li.nv0603 a {top: 75%; left: 52%; width: 16%; height: 32%; }
#renewal2022 #hd li.nv0604 a {top: 75%; left: 74%; width: 6%; height: 32%; }
#renewal2022 #hd li.nv0605 a {top: 75%; left: 86%; width: 6%; height: 32%; }
#renewal2022 #hd .nav07 a {top: 78%; left: 24%; width: 52%; height: 28%; }
#renewal2022 #hd li.nv08 a {top: 78%; left: 39%; width: 22%; height: 28%; }



@media (min-width: 769px) {

	#hd .secWrap {
		max-width: 900px;
		margin: 0 auto;
	}

	#renewal2022 #hd a:hover {
		background: rgba( 255, 255, 255, 0.7 );
	}

	#renewal2022 #hd .nav01,
	#renewal2022 #hd .nav02,
	#renewal2022 #hd .nav03,
	#renewal2022 #hd .nav04,
	#renewal2022 #hd .nav05,
	#renewal2022 #hd .nav06,
	#renewal2022 #hd .nav07,
	#renewal2022 #hd .nav08 {
		display: block;
		margin: 50px 0;
	}

}

@media (max-width: 769px) {

	#hd .secWrap {
		margin: 0 1em;
	}

	#renewal2022 #hd .nav01,
	#renewal2022 #hd .nav02,
	#renewal2022 #hd .nav03,
	#renewal2022 #hd .nav04,
	#renewal2022 #hd .nav05,
	#renewal2022 #hd .nav06,
	#renewal2022 #hd .nav07,
	#renewal2022 #hd .nav08 {
		display: block;
		margin: 6vw 0;
	}

}

/* sec08
*********************************************/

#i01 p,
#j01 p {
	position: relative;
}

#i01 p a,
#j01 p a {
	position: absolute;
	display: block;
	top: 68%;
	left: 72%;
	width: 12%;
	height: 12%;
}

@media (min-width: 769px) {

	#i01 .secWrap,
	#j01 .secWrap {
		max-width: 850px;
		margin: 0 auto;
		padding: 30px 0;
	}

	#i01 .secWrap p.mt,
	#j01 .secWrap p.mt {
		margin-top: 30px;
	}

	#i01 .secWrap p.mb,
	#j01 .secWrap p.mb {
		margin-bottom: 30px;
	}

}

@media (max-width: 769px) {

	#i01 .secWrap,
	#j01 .secWrap {
		margin: 0 1em;
		padding: 3vw 0;
	}

	#i01 .secWrap p.mt,
	#j01 .secWrap p.mt {
		margin-top: 3vw;
	}

	#i01 .secWrap p.mb,
	#j01 .secWrap p.mb {
		margin-bottom: 3vw;
	}


}



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

#archive .secWrap {
	background: #f6f6f7;
}

#archive .secWrap ul {
	background: url(/lazona-kawasaki/campaign/wardrobe_2024catalog/common/image/202508/archive_bg01.png) top center no-repeat;
	background-size: 89%;
	display: flex;
	margin: 0 auto;
	width: 95%;
	flex-wrap: wrap;
}

#archive .secWrap ul li {
	width: calc( 100% / 3 );
}

#archive .secWrap ul li img {
	width: 72%;
	margin: 0 auto 86px;
}

#archive .secWrap ul li:last-child img {
	margin-bottom 0;
}



@media (min-width: 769px) {

	#archive .secWrap {
		max-width: 790px;
		margin: 50px auto 0;
		overflow: hidden;
	}

	#archive .secWrap h2 {
		margin: 50px 0;
	}

}

@media (max-width: 769px) {

	#archive .secWrap {
		overflow: hidden;
		width: 72%;
		margin: 1.5em auto 0;
	}

	#archive .secWrap h2 {
		margin: 5vw 0;
	}

	#archive .secWrap ul li img {
		margin: 0 auto 10vw;
	}

}


/* sec
*********************************************/

#other .secWrap {
	position: relative;
}

#other a {
	position: absolute;
	top: 16.25%;
	left: 21%;
	width: 58%;
	height: 74%;
}

@media (min-width: 769px) {

	#other .secWrap {
		overflow: hidden;
		width: 66%;
		margin: 0 auto;
		padding: 60px 0;
	}

	#other a {
		transition: .3s;
	}

	#other a:hover {
		background: rgba( 255, 255, 255, 0.6 );
	}

}

@media (max-width: 769px) {

	#other .secWrap {
		overflow: hidden;
		width: 82%;
		padding: 3vw 0;
		margin: 0 auto 3vw;
	}

}

/* hd
*********************************************/


@media (min-width: 769px) {

}

@media (max-width: 769px) {

	#hd {
		padding: 2em;
	}

}

/* sec
*********************************************/

#sec01 .secWrap {
	position: relative;
}

#sec01 .secWrap p {
	position: relative;
}

#sec01 .secWrap a {
	display: block;
	position: absolute;
}

#sec01 .secWrap #sec0101 a { top: 80.5%; left: 22%; width: 11%; height: 7%; }
#sec01 .secWrap #sec0102 a { top: 81.5%; left: 21.5%; width: 12%; height: 5%; }
#sec01 .secWrap #sec0103 a { top: 88.4%; left: 22.5%; width: 10%; height: 5%; }
#sec01 .secWrap #sec0105 a.a01 { top: 8.5%; left: 63%; width: 14%; height: 4%; }
#sec01 .secWrap #sec0105 a.a02 { top: 71%; left: 21%; width: 16%; height: 4%; }
#sec01 .secWrap #sec0106 a { top: 79%; left: 21%; width: 13%; height: 8.5%; }
#sec01 .secWrap #sec0107 a { top: 79%; left: 21%; width: 13%; height: 7.5%; }
#sec01 .secWrap #sec0108 a { top: 81.5%; left: 20%; width: 14.5%; height: 5%; }
#sec01 .secWrap #sec0109 a { top: 89.5%; left: 22%; width: 21%; height: 3.5%; }

#sec0105-02 {
	display: block;
	position: absolute;
	top: 50%;
}

@media (min-width: 769px) {

	#sec01 .secWrap {
		padding-top: 50px;
	}

	#sec01 .secWrap a {
		transition: .3s;
	}

	#sec01 .secWrap a:hover {
		background: rgba( 246, 246, 247, 0.7 );
	}

	#sec01 .secWrap a#sec0102:hover {
		background: rgba( 255, 0, 0, 0.7 );
	}

	#sec01 .secWrap p {
		margin: 50px 0 0;
	}

}

@media (max-width: 769px) {

	#sec01 .secWrap {
		padding-top: 2em;
	}

	#sec01 .secWrap p {
		margin: 1em 0 0;
	}

}

#sec01 .secWrap p.mt0 {
	margin-top: 0;
}

/* sec
*********************************************/


#sec02 .secWrap {
	position: relative;
}

#sec02 .secWrap p {
	position: relative;
}

#sec02 .secWrap a {
	display: block;
	position: absolute;
}

#sec02 .secWrap p a {
	position: absolute;
	display: block;
	width: 13%;
	height: 6%;
	top: 80%;
	left: 21%;
}

#sec02 .secWrap a.sec0201 { top: 34.5%; left: 18%; width: 9%; height: 7.5%; }
#sec02 .secWrap a.sec0202 { top: 87%; left: 61.5%; width: 16%; height: 3%; }
#sec02 .secWrap #sec0203 a { top: 86.5%; left: 56.5%; width: 12%; height: 3%; }

@media (min-width: 769px) {

	#sec02 .secWrap {
		padding-top: 50px;
	}

	#sec02 .secWrap p {
		margin: 50px 0 0;
	}

	#sec02 .secWrap a {
		transition: .3s;
	}

	#sec02 .secWrap a:hover {
		background: rgba( 246, 246, 247, 0.7 );
	}

}

@media (max-width: 769px) {

	#sec02 .secWrap {
		padding-top: 2em;
	}

	#sec02 .secWrap p {
		margin: 1em 0 0;
	}

}

/* sec
*********************************************/

#sec03 .secWrap {
	position: relative;
}

#sec03 .secWrap p {
	position: relative;
}

#sec03 .secWrap p a {
	position: absolute;
	display: block;
	width: 15%;
	height: 4%;
	top: 81%;
	left: 21%;
}

@media (min-width: 769px) {

	#sec03 .secWrap {
		padding-top: 50px;
	}

	#sec03 .secWrap p {
		margin: 50px 0 0;
	}

	#sec03 .secWrap p#sec0302 {
		margin: 100px 0 0;
	}

	#sec03 .secWrap a {
		transition: .3s;
	}

	#sec03 .secWrap a:hover {
		background: rgba( 246, 246, 247, 0.7 );
	}


}

@media (max-width: 769px) {

	#sec03 .secWrap,
	#sec03 .secWrap p#sec0302 {
		padding-top: 2em;
	}

	#sec03 .secWrap p {
		margin: 1em 0 0;
	}

}

/* sec
*********************************************/

#sec04 {
}

#sec04 .secWrap {
	position: relative;
}

#sec04 .secWrap p {
	position: relative;
}

#sec04 .secWrap a {
	display: block;
	position: absolute;
}

#sec04 .secWrap #sec0401 a { top: 81%; left: 21%; width: 13%; height: 4.5%; }
#sec04 .secWrap #sec0402 a { top: 80.5%; left: 21%; width: 13%; height: 5%; }

@media (min-width: 769px) {

	#sec04 .secWrap {
		padding-top: 50px;
	}

	#sec04 .secWrap p {
		margin: 50px 0 0;
	}

	#sec04 .secWrap a {
		transition: .3s;
	}

	#sec04 .secWrap a:hover {
		background: rgba( 246, 246, 247, 0.7 );
	}

}

@media (max-width: 769px) {

	#sec04 .secWrap {
		padding-top: 2em;
	}

	#sec04 .secWrap p {
		margin: 1em 0 0;
	}

}

/* sec
*********************************************/

#sec05 .secWrap {
	position: relative;
}

#sec05 .secWrap p {
	position: relative;
}

#sec05 .secWrap a {
	display: block;
	position: absolute;
}

#sec05 .secWrap p span#sec0501-01,
#sec05 .secWrap p span#sec0502-01 {
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	top: 50%;
}

#sec05 .secWrap p span#sec0501-01 {
	top: 61%;
}

#sec05 .secWrap p span#sec0502-01 {
	top: 54%;
}

#sec05 .secWrap #sec0501 a.sec0501 { top: 47%; left: 72%; width: 9.5%; height: 3.5%; }
#sec05 .secWrap #sec0501 a.sec0502 { top: 85.5%; left: 19%; width: 11.5%; height: 3.5%; }
#sec05 .secWrap #sec0502 a.sec0503 { top: 40.5%; left: 18%; width: 14.5%; height: 3.5%; }
#sec05 .secWrap #sec0502 a.sec0504 { top: 89%; left: 18.5%; width: 8.5%; height: 4%; }
#sec05 .secWrap #sec0502 a.sec0505 { top: 84%; left: 49%; width: 6.5%; height: 4%; }

@media (min-width: 769px) {

	#sec05 .secWrap {
		padding: 50px 0 100px;
	}

	#sec05 .secWrap p {
		margin: 50px 0 0;
	}

	#sec05 .secWrap a {
		transition: .3s;
	}

	#sec05 .secWrap a:hover {
		background: rgba( 246, 246, 247, 0.7 );
	}

}

@media (max-width: 769px) {

	#sec05 .secWrap {
		padding: 2em 0 3em;
	}

	#sec05 .secWrap p {
		margin: 1em 0 0;
	}

}

/* sec
*********************************************/

#sec06 {
	background: url(/lazona-kawasaki/campaign/wardrobe_2024catalog/common/image/202502/sec05_bg01.png) top no-repeat;
	background-size: 100%;
}

#sec06 .sec06_bg01 {
	position: relative;
}

#sec06 .sec06_bg01:before {
	content: "";
	background: linear-gradient(135deg, rgba(159,216,238,0.7) 0%, rgba(232,208,221,0.7) 100%);
	position: absolute;
	mix-blend-mode: multiply;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

#sec06 .sec06_bg02 dl,
#sec06 .sec06_bg04 dl {
	background: linear-gradient(135deg, rgba(159,216,238,0.7) 0%, rgba(232,208,221,0.7) 100%);
	background-blend-mode: multiply;
	padding: 50px;
	position: relative;
	padding-left: 0 !important;
}

#sec06 .sec06_bg03 {
	position: relative;
}

#sec06 .sec06_bg03:before {
	content: "";
	background: linear-gradient(to right, rgba(159,216,238,1) 0%, rgba(232,208,221,1) 100%);
	position: absolute;
	display: block;
	mix-blend-mode: multiply;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#sec06 dl {
	position: relative;
}

#sec06 dl dd {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#sec06 .sec06_bg01 dl dt img {
	mix-blend-mode: multiply;
}

#sec06 .sec06_bg01 dl dd,
#sec06 .sec06_bg03 dl dd {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#sec06 .sec06_bg01 dl dd img {
	position: relative;
	z-index: 2;
}

#sec06 .sec06_bg03 dl dd {
}

#sec06 .sec06_bg04 p {
	background: linear-gradient(to right, rgba(159,216,238,0.7) 0%, rgba(232,208,221,0.7) 100%);
	background-blend-mode: multiply;
	padding-left: 0 !important;
}

#sec06 .sec06_bg04 p img {
	padding: 100px 0;
}

#sec06 .sec06_bg05 {
	background: linear-gradient(to right, rgba(159,216,238,0.7) 0%, rgba(232,208,221,0.7) 100%);
	background-blend-mode: multiply;
	position: relative;
}

#sec06 .sec06_bg05:before {
	background: linear-gradient(to right, rgba(255,255,255,0) 49.9%, rgba(255,255,255,1) 50%);
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#sec06 .sec06_bg05:after {
	background: url(/lazona-kawasaki/campaign/wardrobe_2024catalog/common/image/202502/sec05_blank01.png) top no-repeat;
	background-size: cover;
	content: "";
	position: absolute;
	display: block;
	top: 20px;
	right: 0%;
	width: 50%;
	height: calc( 100% - 40px );
}

#sec06 .sec06_bg05 dl {
	position: relative;
	z-index: 2;
}

#sec06 .sec06_bg06 {
	background: linear-gradient(to right, rgba(159,216,238,0.7) 0%, rgba(232,208,221,0.7) 100%);
	mix-blend-mode: multiply;
	position: relative;
}

#sec06 .sec06_bg06:before {
	background: linear-gradient(to right, rgba(255,255,255,1) 49.9%, rgba(255,255,255,0) 50%);
	mix-blend-mode: multiply;
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#sec06 .sec06_bg07 {
	background: linear-gradient(to right, rgba(232,208,221,0.7) 0%, rgba(159,216,238,0.7) 100%);
	background-blend-mode: multiply;
}

#sec06 .sec06_bg05 dd img,
#sec06 .sec06_bg06 dd img,
#sec06 .sec06_bg07 dd img {
	background: #fff;
	mix-blend-mode: darken;
}

#sec06 .secWrap {
	position: relative;
}

@media (min-width: 769px) {

	#sec06 .secWrap {
		padding-bottom: 100px;
	}

	#sec06 p {
		margin: 0 auto;
		padding: 20px;
		max-width: 790px;
	}

	#sec06 dl {
		margin: 0 auto;
		max-width: 790px;
	}

	#sec06 .sec06_bg02 dl,
	#sec06 .sec06_bg04 dl {
		padding: 20px 20px 20px 0;
	}

	#sec06 .sec06_bg04 dl dd,
	#sec06 .sec06_bg02 dl dd {
		padding: 20px;
		box-sizing: border-box;
	}

	#sec06 .sec06_bg02 dl dd img,
	#sec06 .sec06_bg04 dl dd img {
		width: 100%;
		height: auto;
	}

	#sec06 .sec06_bg05,
	#sec06 .sec06_bg06 {
		padding: 20px 0;
	}

	#sec06 .sec06_bg05:before,
	#sec06 .sec06_bg06:before {
		height: calc( 100% - 40px );
		top: 20px;
	}

	#sec06 .sec06_bg07 {
		padding-bottom: 20px;
	}

}

@media (max-width: 769px) {

	#sec06 {
		overflow: hidden;
		position: relative;
		padding-bottom: 2.5em;
	}

	#sec06 .sec06_bg01,
	#sec06 .sec06_bg02,
	#sec06 .sec06_bg03,
	#sec06 .sec06_bg04,
	#sec06 .sec06_bg05,
	#sec06 .sec06_bg06,
	#sec06 .sec06_bg07 {
		padding: 0 2em;
		overflow: hidden;
		position: relative;
	}

	#sec06 .sec06_bg01 dl {
		margin: 1em auto;
		width: 80%;
	}

	#sec06 .sec06_bg02 dl,
	#sec06 .sec06_bg04 dl {
		padding: 5px 5px 5px 0;
	}

	#sec06 .sec06_bg02 dl dd,
	#sec06 .sec06_bg04 dl dd {
		top: 5px;
	}

	#sec06 .sec06_bg05 {
		padding: 5px 2em;
	}

	#sec06 .sec06_bg05 dl {
	}

	#sec06 .sec06_bg06 {
		padding: 5px 2em;
	}

	#sec06 .sec06_bg06 dl {
	}

	#sec06 .sec06_bg07 {
		padding-bottom: 1em;
	}

	#sec06 .sec06_bg05:before,
	#sec06 .sec06_bg06:before {
		height: calc( 100% - 1em );
		top: 0.5em;
	}

	#sec06 dl {
		margin: 0 auto;
		width: 80%;
	}

}

/* sec
*********************************************/

#sec07 {
}

#sec07 .secWrap {
	position: relative;
}

#sec07 .secWrap a {
	position: absolute;
	display: block;
}

#sec07 .secWrap a { top: 89.5%; left: 22%; width: 21%; height: 3.5%; }

@media (min-width: 769px) {

	#sec07 {
		padding: 150px 0;
		overflow: hidden;
	}

	#sec07 .secWrap {
		max-width: 1000px;
	}

	#sec07 .secWrap a {
		transition: .3s;
	}

	#sec07 .secWrap a:hover {
		background: rgba( 246, 246, 247, 0.7 );
	}

}

@media (max-width: 769px) {

	#sec07 {
		padding: 1.5em 0;
		overflow: hidden;
	}

	#sec07 .secWrap {
		margin: 0 auto;
		width: 90%;
	}

}

/* sec
*********************************************/

#sec08 {
}

#sec08 .secWrap {
	position: relative;
}

@media (min-width: 769px) {

	#sec08 {
		padding: 0 0 100px;
	}

}

@media (max-width: 769px) {

	#sec08 {
		padding: 0 2em 2em;
		overflow: hidden;
		background-size: 1.5px;
	}

	#sec08 .secWrap {
		margin: 0 0.5em;
	}

}

/* sec
*********************************************/

#sec09 {
}

#sec09 .secWrap {
	position: relative;
}

@media (min-width: 769px) {

	#sec09 {
		padding: 0 0 100px;
	}

	#sec09 p {
		padding: 100px 0 0;
	}

}

@media (max-width: 769px) {

	#sec09 {
		padding: 0 2em;
	}

	#sec09 .secWrap {
		margin: 0 0.5em;
	}

	#sec09 .secWrap p {
		margin: 1.5em 0;
	}

}


/* 202411
*********************************************/

#hd {
	position: relative;
	overflow: hidden;
}

#hd h1 {
	position: relative;
	display: block;
}

#hd h1 a {
	display: block;
	width: 18.5%;
	height: 17%;
	top: 20.5%;
	left: 81.7%;
	position: absolute;
}

#hd h1 a img {
	vertical-align: bottom;
	width: 100%;
	opacity: 0;
	display: block;
}

.float_special {
	position: fixed;
	right: 0;
	max-width: 450px;
}

@media (min-width: 769px) {

	#hd h1 {
		margin-top: 44.5vw;
	}

	#hd h1 a img {
		transition: .3s;
	}

	#renewal2022 #hd h1 a:hover,
	#renewal2022 #hd h1 a:hover img {
		opacity: 1 !important;
		background: transparent;
	}

	#renewal2022 #hd .nav00 {
		display: block;
		margin: 50px 0;
	}

	#renewal2022 #hd .nav00 a {
		background: url(/lazona-kawasaki/campaign/wardrobe_2024catalog/common/image/202411/head_btn02_o.png) top center no-repeat;
		background-size: contain;
		display: block;
	}

	#renewal2022 #hd .nav00 a img,
	.float_special a img {
		transition: .3s;
	}

	#renewal2022 #hd .nav00 a:hover,
	.float_special a:hover {
		opacity: 1;
	}

	#renewal2022 #hd .nav00 a:hover img,
	.float_special a:hover img {
		opacity: 0;
	}

	.float_special {
		background: url(/lazona-kawasaki/campaign/wardrobe_2024catalog/common/image/202411/float_btn01_o.png) top center no-repeat;
		background-size: contain;
		bottom: 150px;
	}



}

@media (max-width: 769px) {

	#renewal2022 ol.breadcrumb {
		position: absolute;
		z-index: 1;
		width: 85%;
	}

	#renewal2022 ol.breadcrumb li {
		font-size: 8px;
	}

	#renewal2022 ol.breadcrumb li span {
		display: none;
	}

	.side_navi {
		z-index: 2;
	}

	#hd h1 {
		margin-top: 37.5vw;
	}

	#renewal2022 #hd .nav00 {
		margin: 6vw 0;
		display: block;
	}

	.body-top .wrap-top-btn {
		z-index: 500;
	}

	.float_special {
		z-index: 500;
		bottom: 0;
		width: 100%;
	}

}