#embro {background: url(../img/book.jpg) no-repeat center top;}
.section {margin-bottom: 0px; padding-top: 400px;}

#pcOnly { display: block;}	
#mobileOnly {display: none;}

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

#intro {margin-bottom: 15px; width:96%; margin-left: 2%; margin-right: 2%;}
#main2 #title {font-size: 28px; font-weight: bold; margin-bottom: 0; display: block;}
.lead {font-size: 14px; line-height: 1.6; margin-top: 5px; margin-bottom: 0px; display: block;}

#intro2 {margin-bottom: 15px; width:94%; margin-left: 3%; margin-right: 3%;}
#main2 #title2 {font-size: 22px; font-weight: bold; margin-top: 10px; margin-bottom: 0; display: block;}

.item {display: inline-block; width: 43%; margin-left: 3%; margin-right: 3%; letter-spacing: normal; vertical-align: top; margin-bottom: 50px;}
.item h1 {font-size: 14px; font-weight: bold; margin-bottom: 5px; text-align: left;}
.item h1 .limit {
display: -moz-inline-box; /* Firefox2 */
display: inline-block;
*display: inline; *zoom: 1; /* IE6, IE7 */
margin: -3px 1px 0 10px;
font-size:10px;
padding:2px 4px;
*padding:0 4px 1px; vertical-align: middle; font-weight: normal; border: 1px solid #333; color: #191919;
line-height: 10px; 
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #fff;}

.item2 {display: inline-block; width: 31%; margin-left: 1%; margin-right: 1%; letter-spacing: normal; vertical-align: top; margin-bottom: 50px;}
.item2 .titl {display: inline-block; width: 31%; margin-left: 1%; margin-right: 1%;}
.item2 h1 {font-size: 16px; font-weight: bold; margin-bottom: 5px; text-align: left; height: 25px;}
.item2 h1 .limit {
display: -moz-inline-box; /* Firefox2 */
display: inline-block;
*display: inline; *zoom: 1; /* IE6, IE7 */
margin: -12px 1px 0 10px;
font-size:30px;
line-height: 40px; 
padding: 0px 10px;
*vertical-align: middle; font-weight: normal; color: #FFFFFF;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #7f0019;}

.item2 .say1 { float: left;}
.item2 .say2 { float: left; margin-left: 5px;}

.item2 .p1 { font-size: 14px; line-height: 16px; display: block; margin-top: 0px; margin-bottom: 5px;} 
.item2 .p2 { font-size: 14px; line-height: 16px; display: block; margin-top: 0px; margin-bottom: 5px;}

.sell { font-size: 18px; font-weight: bold; }


.item h2 {font-size: 14px; margin-top: 10px; margin-bottom: 5px; font-weight: bold; float:left;}
.item p {font-size: 14px; color: #333; margin-top: 5px; margin-bottom: 10px; display: block; width: 100%;}
.item .say2 {font-size: 12px; color: #666; margin-top: 5px; margin-bottom: 10px; display: block; width: 100%;}
.item img {width: 100%; margin-bottom: 0px;}

.recycling .item {margin-right: 16px; margin-bottom: 0;}
.recycling .item h1 {font-size: 14px;}

.bicycle dl {margin-bottom: 10px;}
.bicycle dt {font-weight: bold; margin-top: 5px;}

.shopIcon:after {content: ""; display: block; clear: both;}
.shopIcon li {float: left;}
.shopIcon li a {display: block; margin: 0 8px 8px 0; padding: 4px; cursor: pointer; border: 1px solid #CCC; border-radius: 4px; font-size: 11px; text-decoration: none;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f9f9f9), color-stop(0.00, #f0f0f0));
background: -webkit-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%);
background: -moz-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%);
background: -o-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%);
background: -ms-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%);
background: linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%);
}
.shopIcon a:hover li {background: #ddd;}

#pageEnd {margin-top: 0;}

.relatedLink {margin-top:15px; margin-bottom: 15px; width: 100%;}
.relatedLink a {display: inline-block; background: url(http://www.muji.tw/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;}

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

.red{ color:#7f0019;}







@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;}	
    #mobileOnly {display: block;}
	
	#embro {background: url(../img/book_mb.jpg) no-repeat center top;}
	
	#intro {margin-bottom: 15px; width:92%; margin-left: 4%; margin-right: 4%;}
	
	#intro2 {margin-bottom: 15px; width:86%; margin-left: 7%; margin-right: 7%;}
	
	.item {display: inline-block; width: 86%; margin-left: 7%; margin-right: 7%; letter-spacing: normal; vertical-align: top; margin-bottom: 20px;}
	
	.item2 {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%;}
	
	.con { width: 92%; margin-left: 4%; margin-right: 4%;  }

}