html, body {height:100%;}
body {overflow-y:scroll;}

.wideImage .wrapper {padding-top:0;}
.setImage {margin-bottom:-125px;}

#globalHeader {position:absolute;top:0;left:0;}

.parallax {background:no-repeat 50% 50% fixed;background-size:cover;}
.ua-mobile .parallax {background-attachment:scroll;}

#main .wrapper, #topContents .wrapper {padding:0;max-width:760px;}
#topContents {position:relative;height:100vh;background-image:url(//www.muji.com/jp/shokoku/img/feature/henashikonokumiai/main.jpg);}
#topContents .wrapper {max-width:none;}
#topContents h1 a {width:109px;height:28px;display:block;background-size:109px 28px;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;display:block;background-image: url(//www.muji.com/jp/shokoku/img/logo.png);}
#topContents h1 {margin:100px 0 30px;width:109px;height:28px;position:relative;z-index:101;}
#topContents h2 .icon {display:inline-block;padding:8px 18px;font-size:16px;border-radius:2px;background:#777;color:#fff;font-weight:normal;}
#topContents h2 {font-size:38px;}
#topContents h2 span+span {display:block;margin-top:15px;}
#arrow {display:block;position:absolute;opacity:0.4;bottom:20px;left:50%;right:50%;width:0;height:0;border-top:10px solid #000;border-right:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid transparent;}
.ua-mobile #topContents {height:100%;}

article {min-height:100%;}
#main h1 {margin:0;}
#main p {font-size:16px}
#main article p {margin:200px auto;line-height:175%;max-width:760px;padding:0 5%;}
#main #section01 p {margin-bottom:150px;}
#section03 .wrapper:first-child p {margin:0 auto 75px;}
#PL1 {opacity:0.5;height:500px;background-image:url(//www.muji.com/jp/shokoku/img/feature/henashikonokumiai/wimg02.jpg);}
#PL1 span {display:block;background-color:rgba(51,51,51,0.4);width:100%;height:100%;}
.ua-mobile #PL1 {opacity:1;}
.ua-mobile #PL1 span {display:none;}

#column {margin:0 0 200px;}
.frame-bordered {margin:0;padding:45px;}
.frame-bordered > h2 {margin-top:0;}
.frame-bordered .detail {overflow:hidden;}
.frame-bordered .detail p:first-child {margin-top:0;}
.frame-bordered .detail p:last-child {margin-bottom:0;}

#itemList {margin:0 0 200px;}
#itemList h1 {margin-bottom:50px;}
.col3 li {width:26%;margin:0 3.66%;}
.col3 .item {margin-bottom:7%;}
.col3 .item img {width:100%;height:auto;}
.col3 .item br {display:none;}
.price {display:block;}
.quickButton {display:none;}
.out {color:#666;border:1px #666 solid;background:#f3f3f3;}
.newicon {color:#fff;background:#7f0019;padding:1px 2px 2px;font-family:Arial;}
.stockicon {padding:1px 2px 0;letter-spacing:-1px;}
.newicon, .stockicon {font-size:10px;line-height:10px;display:inline-block;margin-right:3px;vertical-align:middle;border-radius:2px;font-weight:normal;}

#streetView {padding:45px 0;margin-bottom:200px;}
#streetView h1 {padding:0 0 30px;}
#map, #svp {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
#map iframe, #map object, #map embed, #svp iframe, #svp object, #svp embed {position:absolute;top:0;left:0;width:100%;height:100%;}

@media screen and (max-width:768px){
	#topContents h1 {z-index:50;}
	#topContents h1 a {background-size:78px 20px;height:20px;line-height:1;}
	#topContents h2 {font-size:22px;}
	#topContents h2 br {display:block;}
	#topContents h2 .icon {font-size:14px;}
	.wimg01 div:first-child {background-color:rgba(51,51,51,0.6);background:url(//www.muji.com/jp/shokoku/img/feature/henashikonokumiai/wimg01.jpg) no-repeat 50% 50%;background-size:cover;}
	.wimg01 div img {visibility:hidden;}
	#PL1, .wimg01 .setImage {height:560px;}
	.col3 li {width:100%;}
	.col3 li+li {margin-top:50px;}
}