@charset "utf-8";
/* CSS Document */
/*-----*/
html,body{
	width:100%;
	margin:0;
	padding:0;
}


body{
	font-family:  "Noto Sans JP", sans-serif,"ヒラギノ角ゴ Pro W3","メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	color:#0e0e0e;
	font-size:112.5%;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

a{
	color: #0e0e0e;
	text-decoration: none;
}

img{
	margin:0;
	padding:0;
	vertical-align:bottom;
	border:none;
}

li{
	list-style-type:none;
}
/*nav*/
.hide{
	display: none;
}

#menuNav {
    position: fixed;
    top: 12px;
    right: 30px;
    margin-right: -4px;
    z-index: 9999;
}

#menuNav.active .hbOn{
	display: none;
}

#menuNav.active .hbOff{
	display: block;
}


#menu{
	width: 100%;
	height: 100vh;
	background: #ffffff;
	position: fixed;
	top: 0;
	left: 0;
	z-index:999;
	overflow: scroll;
}



#menu .container {
    padding-bottom: 23px;
}

#menu .wrapper {
    padding-bottom: 85px;
}

.wrapper {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.pageTit {
    position: absolute;
    top: 28px;
    padding-left: 32px;
    z-index: 99;
    color: #EE86B4;
}

#menu .pageTit{
    top: 21px;
    font-size: 25px;
    padding-left: 47px;
    margin-left: 20px;
}

.pageTit:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 27px;
    height: 21px;
    margin-top: -10px;
    background: url(/lalaport/mamawith/img/front/common/icon_heart.png) no-repeat left center;
    background-size: 100% auto;
}

#menu #menuWrap .menuInner:first-child {
    border-top: 2px solid #EBEBEB;
}

#menu #menuWrap .menuInner:last-child {
    margin-bottom: 0;
}

#menu #menuWrap .menuInner li {
    border-bottom: 2px solid #EBEBEB;
}

.listChild {
    background: url(/lalaport/mamawith/img/front/common/icon_list.png) no-repeat;
}

#menu #menuWrap .menuInner .listChild {
    background-position: 71px center;
    padding-left: 114px;
}

#menu #menuWrap .menuInner .menuChild {
    display: block;
    font-size: 27px;
    line-height: 200%;
    color: #EE86B4;
    max-width: 1000px;
    margin: 0 auto;
	box-sizing: border-box;
}

/*nav*/

/*header*/
#header,#slider,#content,footer{
	position: relative;
}

#header .header_wrap,#content{
	display: block;
	width: 980px;
	margin: 0 auto;
}

#header .header_wrap{
	padding: 1em 0;
}
/*header*/

#slider{
	margin-bottom: 1.75em;
}

.section{
	width: 100%;
	background: #ed86b5;
	border-radius: 1em;
	margin-bottom: 2em;
	padding: 1.5em;
	box-sizing: border-box;
}

.section h2{
	margin-bottom: 1.5em;
}

.section h2 img{
	height: 2.25em;
}

#sec03.section h2{
	margin-bottom: 0;
}

.sec_box{
	width: 100%;
	background: #ffffff;
	padding: 2em;
	box-sizing: border-box;
	border-radius: 0.75em;
}

.bnr_area{
	margin-bottom: 3em;
}

/**/
#pageTop{
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 99;
}

#pageTop a{
	display: block;
}
/**/


/*footer*/
footer{
	background: #ffffff;
	width: 100%;
}

.copy{
	font-size: 0.8em;
}

.footTop{
	font-size: 18px;
	font-weight: bold;
	text-align:center;
	padding: 2em 0 1em;
}
/*footer*/

/*-----*/

#bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 150%;
	background: url(/lalaport/mamawith/img/front/common/bg.png) #FAF6E9 repeat;
}
/*
#menuNav,#menu,#contentsNav{
	display: none;
}*/

/*slider*/
.sp-button{
	width: 15px;
	height: 15px;
	border-color:#df1a7a;
}

.sp-selected-button{
	background-color: #df1a7a;
}
/*slider*/

@media screen and (min-width: 641px) {
	
	
	#content a:hover{
		opacity: 0.7;
	}
	
	/*footer*/
	#footer_cont{
		max-width: 980px;
	}
	
	#footer_cont_inner{
		max-width: 980px;
		margin: 0 auto;
		padding: 2em 0;
		box-sizing: border-box;
	}
	
	.footNav{
		display: flex;
		justify-content: center;
		padding-bottom: 2em;
		border-bottom: 1px solid #cfcfcf;
		box-sizing: border-box;
	}
	
	.footNavChild{
		font-size: 14px;
		text-align: center;
		padding:0 1.5%;
		box-sizing: border-box;
	}
	
	.footNav span{
		padding-right: 0.5em;
	}
	
	.footNav .sp{
		display: none;
	}
	
	.logo_area{
		display: flex;
		justify-content: space-between;
		padding: 2em;
	}
	
	.logo_area img{
		height: 2.5em;
	}
	
	.copy{
		color: #999;
	}
	/*footer*/
}

/*-----------------------------------------------------------------------------------------------
 * SP smart phone
 *---------------------------------------------------------------------------------------------*/
@media screen and (max-width: 640px) {

	/*nav*/
	
	#menuNav {
		top: 12px;
		right: 30px;
		margin-right: -4px;
		z-index: 9999;
	}
	#menuNav .navChild img {
		width: 67px;
	}
	
	#menu .wrapper{
		padding: 25px 100px 25px 20px;
		box-sizing: border-box;
	}
	
	#menu .pageTit {
		top: 0;
		font-size: 25px;
		padding-left: 47px;
		margin-left: 0px;
		position: relative;
		overflow: hidden;
	}
	
	
	#header .header_wrap, #content{
		width: 100%;
	}
	
	#header .header_wrap{
		padding: 1em;
		box-sizing: border-box;
	}
	
	#header .header_wrap img{
		height: 67px;
	}
	
	#menu #menuWrap .menuInner .menuChild {
		font-size: 20px;
		line-height: 1.5em;
		padding: 0.25em 0 0.25em 114px;
	}
	
	/*nav*/
	
	.section{
		padding: 1.5em 0 0;
		border-radius: 0em;
		margin-bottom: 0em;
	}
	
	.sec_box{
		border-radius: 0em;
	}
	
	/*footer*/
	.footNav{
		padding: 1em 0;
	}
	
	.footNavChild{
		font-size: 18px;
		text-align: center;
		padding:1em 1.5% 0;
		box-sizing: border-box;
	}
	
	#footer_cont_inner .logo_area{
		text-align: center;
	}
	
	#footer_cont_inner .lalaport,.mitsui{
		border-top: 1px solid #cfcfcf;
		padding: 1em 0;
	}
	
	#footer_cont_inner .copy{
		text-align: center;
		color: #999;
		padding: 1em 2em 2em;
	}
	/*footer*/

}/* sp ed */