@charset "shift_jis";

.cf { position:relative; }

.contents img { vertical-align:top; }

button.btnRD { border:none; cursor:pointer; *white-space:nowrap; }
button.btnRD.full { width:100%; }

/* mainVisual
------------------------------------------------------------------------------------------------ */
.mainVisual { background:#000 url(/en/jmb/lifestyle/img/head_main_bg.jpg) no-repeat center top;  }
.mainVisual .contentsInr { position:relative; height:420px; margin:0 auto;  }
.mainVisual .contentsInr h1 { position: absolute; top:125px; left:50%; margin-left:-365px;  }

/* whatsNew 
------------------------------------------------------------------------------------------------ */
.whatsNew { width:950px; margin:0 auto; padding:27px 0 0; }
.whatsNew dl dt,
.whatsNew dl dd { }
.whatsNew dl dt { color:#CC0000; font-weight:bold; margin-right:10px; }

/* nav 
------------------------------------------------------------------------------------------------ */
nav { padding:27px 0; }
nav ul { width:950px; margin:0 auto; }
nav li { float:left; text-align:center; }
nav .nav01 { }
nav .nav02,
nav .nav03,
nav .nav04 { margin-left:30px; padding-left:30px; border-left:solid 1px #9ea9b4; }

/* common
------------------------------------------------------------------------------------------------ */
.categoryHead { position:relative; height:140px; }
.categoryHead span { position:absolute; top:30px; left:50%; }

.content {}

.content .leftBox, .content .rightBox { width:50%; height:460px; }
.content .leftBox { float:left; }
.content .rightBox { float:right; }

.content .leftBox dl,
.content .rightBox dl { padding:30px 15px 20px; }

.content .leftBox dl { float:right; padding-right:30px; }
.content .rightBox dl { float:left; padding-left:30px; }

.content dt, .content dd { width:430px; }
.content dt { padding-bottom:10px; }
.content dd { margin-top:20px; }

.content .btnWT.JS_modalEve { background:none; }

/* Anytime 
------------------------------------------------------------------------------------------------ */
#Anytime { background:#e6ebf0; }
#Anytime .categoryHead { background-color:#546677; }
#Anytime .categoryHead span { margin-left:-90px; }

#Anytime .unit01 .rightBox { background:#CCCCCC url(/en/jmb/lifestyle/img/anytime_pic_01.jpg) no-repeat left top; }
#Anytime .unit02 .leftBox { background:#e3e1d7 url(/en/jmb/lifestyle/img/anytime_pic_02.jpg) no-repeat right top; }
#Anytime .unit03 .rightBox { background:#FFFFFF url(/en/jmb/lifestyle/img/anytime_pic_03_200325.jpg) no-repeat left top; }
#Anytime .unit04 .leftBox { background:#181620 url(/en/jmb/lifestyle/img/anytime_pic_04.jpg) no-repeat right top; }
#Anytime .unit05 .rightBox { background:#FFFFFF url(/en/jmb/lifestyle/img/anytime_pic_05.jpg) no-repeat left top; }

#Anytime .content dt { border-bottom:solid 1px #a8b5c2; }



/* Pregnancy 
------------------------------------------------------------------------------------------------ */
#Pregnancy { background:#ebf2f1; }
#Pregnancy .categoryHead { background-color:#657472; }
#Pregnancy .categoryHead span { margin-left:-170px; }

#Pregnancy .unit01 .leftBox { background:#FFFFFF url(/en/jmb/lifestyle/img/pregnancy_pic_01.jpg) no-repeat right top; }
#Pregnancy .unit02 .rightBox { background:#FFFFFF url(/en/jmb/lifestyle/img/pregnancy_pic_02.jpg) no-repeat left top; }

#Pregnancy .content dt { border-bottom:solid 1px #b8c4c2; }


/* Baby 
------------------------------------------------------------------------------------------------ */
#Baby { background:#eaeaea; }
#Baby .categoryHead { background-color:#63585c; }
#Baby .categoryHead span { margin-left:-150px; }

#Baby .unit01 .leftBox { background:#FFFFFF url(/en/jmb/lifestyle/img/baby_pic_01.jpg) no-repeat right top; }
#Baby .unit02 .rightBox { background:#FFFFFF url(/en/jmb/lifestyle/img/baby_pic_02.jpg) no-repeat left top; }

#Baby .content dt { border-bottom:solid 1px #b8b1b3; }


/* Kids 
------------------------------------------------------------------------------------------------ */
#Kids { background:#f0f0f0; }
#Kids .categoryHead { background-color:#6f6e68; }
#Kids .categoryHead span { margin-left:-215px; }

#Kids .unit01 .leftBox { background:#FFFFFF url(/en/jmb/lifestyle/img/kids_pic_01.jpg) no-repeat right top; }

#Kids .content dt { border-bottom:solid 1px #c2c1bf; }


/* modalContent 
------------------------------------------------------------------------------------------------ */
.modalContent {
	position: relative;
	display: none;
	width: 880px;
	background: #f3f5f6;
	z-index:3000;
}
.modalContent p,
.modalContent li,
.modalContent dt,
.modalContent dd { line-height:1.7; }

.modalContent .modalContInr { padding:40px; }

.modalContent .modalTitle { padding-bottom:30px; }
.modalContent .modalTxt { margin-top:30px; }
.modalContent .i-close-modal{position:absolute;top:0;right:-45px; width:35px; height:35px; background:url(/en/jmb/lifestyle/img/icon_modal-close.png) no-repeat 0 0;z-index:3001;}

.boxUnit { padding:15px 19px; }

#Anytime1 .modalTitle, #Anytime2 .modalTitle, #Anytime3 .modalTitle, #Anytime4 .modalTitle, #Anytime5 .modalTitle { border-bottom:solid 1px #a8b5c2; }
#Anytime1 .ttlLv5 .heading, #Anytime2 .ttlLv5 .heading, #Anytime3 .ttlLv5 .heading, #Anytime4 .ttlLv5 .heading, #Anytime5 .ttlLv5 .heading { color:#546677; }
#Anytime1 .boxUnit, #Anytime2 .boxUnit, #Anytime3 .boxUnit, #Anytime4 .boxUnit, #Anytime5 .boxUnit { border:solid 1px #a8b5c2; }

#Anytime2 #amenity-List table {border-collapse: separate; border-spacing:10px;}
#Anytime2 #amenity-List .list-Item {background-color: #FFF;	margin-right: 20px;	margin-top: 0 !Important;	padding: 10px; vertical-align:top; width: 330px;}

#Pregnancy1 .modalTitle, #Pregnancy2 .modalTitle { border-bottom:solid 1px #b8c4c2; }
#Pregnancy1 .ttlLv5 .heading, #Pregnancy2 .ttlLv5 .heading { color:#657472; }
#Pregnancy1 .boxUnit, #Pregnancy2 .boxUnit { border:solid 1px #b8c4c2; }

#Baby1 .modalTitle, #Baby2 .modalTitle { border-bottom:solid 1px #b8b1b3; }
#Baby1 .ttlLv5 .heading, #Baby2 .ttlLv5 .heading { color:#63585c; }
#Baby1 .boxUnit, #Baby2 .boxUnit { border:solid 1px #b8b1b3; }

#Kids1 .modalTitle, #Kids2 .modalTitle { border-bottom:solid 1px #c2c1bf; }
#Kids1 .ttlLv5 .heading, #Kids2 .ttlLv5 .heading { color:#6f6e68; }
#Kids1 .boxUnit, #Kids2 .boxUnit { border:solid 1px #c2c1bf; }


/* blur */
/*
#wrapper.is-opened {
	-webkit-filter: blur(10px);
	filter: blur(10px);

	-webkit-transition: 0.2s -webkit-filter linear;
	-moz-transition: 0.2s -moz-filter linear;
	-o-transition: 0.2s -o-filter linear;
	transition: 0.2s filter linear;
}
.overlay-modal.is-active{ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0; }
*/