#kids { max-width: 900px; margin: 0 auto;}

#intro {width:98%; margin-left: 1%; margin-right: 1%; margin-bottom: 15px; }

.lead {font-size: 14px; line-height: 1.6; margin-top: 5px; margin-bottom: 10px; display: block;}

#pageEnd {margin-top: 0;}

.PConly {
	display: block;
  }
  .Mobonly {
	display: none !important;
  }


#kids aside {background: #f6f6f6; padding: 20px; overflow: hidden;}
#kids aside p {margin-bottom: 20px; font-size: 12px;}
#kids aside>h2 {margin: 0 0 10px;}
#kids aside li {margin-bottom: 5px;}


.section p {font-size: 14px; line-height: 1.75;}

.section .note {font-size: 12px; margin-top: 10px;}

.section {margin-bottom: 50px;
	/* padding-top: 410px; */
}

#mokuiku h1 {background-position: 0 0px;}
/* #mokuiku {background: url(http://www.muji.net/kids/img/mokuiku0.jpg) no-repeat center top;} */
/* #mokuiku img {float: right; margin-left: 20px;} */
.section h2 {margin: 30px 0 10px; font-weight: bold; font-size: 14px;}
#mokuiku aside {margin-bottom: 70px;}

#mokuiku .shopList p {font-size: 12px; margin-bottom: 30px;}

.relatedLink {margin-top:15px; margin-bottom: 15px; width: 100%;}
.relatedLink a {display: inline-block; background: url(http://www.muji.com/img/common/arrow_right.png) no-repeat 14px 50%; border: 1px solid #ccc; padding: 7px 14px 7px 28px; text-decoration: none; font-weight: bold; float:left;}
.relatedLink a:hover {border: 1px solid #7F0019;}

#mokuiku .con { width: 48%; margin-left: 1%; margin-right: 1%; display: block; float:left; margin-bottom: }


.kv-img{
	margin-bottom: 2rem;
}





@media screen and (max-width : 1152px){
	#topContents h1 {width:80%;}
}
@media screen and (max-width : 1023px){

	#mcSection3 h1, #mcSection4 h1 {max-width: none;}
	#mcSection3 .wrapper .wrapper {width: 100%; max-width: none;}

	#mcSection4 h3 br {display: none;}
	#mcSection4 .step3 {letter-spacing: -.40em;}
	#mcSection4 .step3 h2 {top:5%;left:0;}
	#mcSection4 .col3 li {width: 100%;}
	#mcSection4 .col3 li > * {width: 48%; margin: 0 auto;display: block;}
	#mcSection4 .col3 img~* {position:static;}
	#mcSection4 .col3 section + section {margin: 0 0 0 4%;}
	#mcSection4 .step1 figure {padding:0 0 2em;}
	#mcSection4 .step2, #mcSection4 .step3 {margin-left:0;}
	#mcSection4 .step2 figure {padding:3.5em 0 0;}
	#mcSection4 .step2 figure:before {content:'↓'; top: -10%; left:0; width:100%; text-align: center;}
	#mcSection4 .step3 section {display: inline-block; letter-spacing: normal; vertical-align: top;}
	#mcSection4 .step3-1, #mcSection4 .step3-2 {padding:10em 0 0;}
	#mcSection4 .step3-1 h2 {height:2em; line-height: 2em; vertical-align: middle;}
	#mcSection4 .step3-1:before {content:'↓'; top:15%; bottom: auto; left:0; width:100%; text-align: center;}
	#mcSection4 .step3-2:before {content:'↓'; top:15%; left:0; width:100%; text-align: center;}

	.shopInformation dt {width: 30%;}
	.shopInformation dd {width: 69%;}

	.img42 { width: 40%;}

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

		.PConly {
		  display: none !important;
		}
		.Mobonly {
		  display: block !important;
		}

		.kv-img{
			margin-bottom: 1rem;
		}



	#mokuiku .con { width: 92%; margin-left: 4%; margin-right: 4%;  }

	#intro {margin-bottom: 15px; width:92%; margin-left: 4%; margin-right: 4%; margin-bottom: 100px;}

	#intro2 {margin-bottom: 15px; width:92%; margin-left: 4%; margin-right: 4%;}

	.item {display: inline-block; width: 92%; margin-left: 4%; margin-right: 4%; letter-spacing: normal; vertical-align: top; margin-bottom: 20px;}

	#topContents h1 {margin-top: 25%;}

	.mcSection h1 {font-size:2em;}
	#main .mcSection p {font-size:14px;}

	#mcSection1 .wrapper, #mcSection2 .wrapper {width: 80%;}

	#mcSection2 {background-image: url(/jp/re-muji/img/bg21_sp.jpg);}

	#mcSection3 h2 {font-size:1.3em;}
	#main #mcSection3 p {max-width: none; margin: 0;}
	#mcSection3 .col2_1 img {width: 100%;}
	#mcSection3 p {margin-top:0;margin-left:0;}

	#mcSection4 h1 br {display: block;}
	#mcSection4 .step3 h2 {font-size: 14px;}

	#shopList h2 {width: 5em; margin-left: 0; text-align: center;}
	#shopList figure {width:100%;float:none;}
	#shopList figure+figure {margin-left:0;}
	#shopList img {float: none;}
	#shopList .col2+.col2 {margin-top:5%;}

	.shopInformation dt {width: 35%;}
	.shopInformation dd {width: 64%;}

	.img42 { width: 60%;}

}