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

body {
	min-width: initial;
}

.header-inner {
	max-width: 100%;
	justify-content: space-between;
}

/*
#header
///////////////////////////////////////////////////*/

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

	#header dd img {
		width: 175px;
	}

	#header p img {
		width: 35px;
	}

	.header-inner {
		align-items: center;
		width: 100%;
	}

}

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

	.head_wrap {
		padding: 10px 0;
	}

	.header-inner {
		align-items: center;
		width: calc( 100% - 2em );
	}

	.head_wrap dl img {
		vertical-align: middle;
	}

	#header p {
		padding: 5px 0;
		width: 9%;
		margin-right: 5%;
		display: block;
	}

	#header p img {
		width: 100%;
		display: block;
	}

}

/*
#attention
///////////////////////////////////////////////////*/

.attention {
	background: #fff;
	color: #000;
	padding-top: 2em;
}

section.attention ul li {
	font-size: 85%;
}

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

}

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

	.attention p img {
		width: 50%;
	}

	.attention {
		padding-top: 1em;
		overflow: hidden;
	}

}

/*
pagetop
///////////////////////////////////////////////////*/

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

	.pagetop {
		background: url(/lalaport/yokohama/campaign/bargain202607/common/image/pagetop_o.png) top no-repeat;
		background-size: contain;
		position: fixed;
		line-height: 1.0;
		right: 1.5em;
		bottom: 1.5em;
		width: 75px;
		height: 75px;
		margin: 0;
	}

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

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

}

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

	.pagetop {
		position: fixed;
		line-height: 1.0;
		right: 1.5em;
		bottom: 1.5em;
		width: 15%;
	}

}


/*
PC
///////////////////////////////////////////////////*/


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

	.container {
	}

	.wrapper {
		max-width: 640px;
		margin: 0 auto;
	}

}

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

	.container {
	}

	.wrapper {
		max-width: 640px;
		margin: 0 auto;
	}

}

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

	.wrapper {
		width: 100%;
	}

}

/*
sec_head
///////////////////////////////////////////////////*/

.sec_head {
	background: #df2030;
}

.sec_head .secWrap {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}

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

	.sec_head {
	}

}

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

	.sec_head {
	}

}

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

.sec01 .secWrap {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}

.sec01 .secWrap p {
	width: 60%;
}

.sec01 .secWrap ul {
	width: 85%;
}

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

	.sec01 .secWrap p,
	.sec01 .secWrap ul {
		margin: 65px auto;
	}

	.sec01 .secWrap ul li {
		margin: 30px 0;
	}

	.sec01 .secWrap ul li.btn01 {
		background: url(/lalaport/yokohama/campaign/bargain202607/common/image/btn01_o.png) top no-repeat;
		background-size: contain;
	}

	.sec01 .secWrap ul li.btn02 {
		background: url(/lalaport/yokohama/campaign/bargain202607/common/image/btn02_o.png) top no-repeat;
		background-size: contain;
	}

	.sec01 .secWrap ul li a img {
		transition: .3s;
	}

	.sec01 .secWrap ul li a:hover img {
		opacity: 0;
	}

}

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

	.sec01 .secWrap p,
	.sec01 .secWrap ul {
		margin: 1.5em auto;
	}

	.sec01 .secWrap ul li {
		margin: 0.5em 0;
	}

}

/*sec02
///////////////////////////////////////////////////*/


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


}

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


}

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

.attention {
	position: relative;
	z-index: 1;
}

.attention p {
	margin-bottom: 30px;
}

.attention strong {
	font-weight: 600;
}

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

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

}

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

	.attention .secWrap {
		margin: 1.5em;
	}

	section.attention {
		padding: 0;
	}

}