/*
*, *:before, *:after {box-sizing: border-box; -webkit-font-smoothing: antialiased;}
body {font-family: -apple-system, "Helvetica", sans-serif;}
figure img {margin-right: 20px; float: left;}
.wrapper:after, section:after, figure:after {content: ""; clear: both; display: block;}

#shop.en #hGlobalNav, #shop.en #footerNav, #shop.en nav.another, #shop.en  {display: none;}

#main {font-size: 12px; margin-bottom: 0; position: relative;}
#main img {width: 100%; height: auto;}
*/
#shopMap {width: 100%; background-color: #ccc; position: relative; padding-top: 0; height: 0; overflow: hidden;}
/*#shopMap iframe, #shopMap object, #shopMap embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}*/

#shopList {margin-bottom: 15px;}
#shopList a {color: #0066cc ;display: block; background-color: #fff; padding: 15px; border-radius: 3px; margin-bottom: 0; border-bottom: 1px solid #eee; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="12"><line x1="0" y1="0" x2="6" y2="6" stroke="black" stroke-width="1"/><line x1="6" y1="6" x2="0" y2="12" stroke="black" stroke-width="1"/></svg>') no-repeat 95% center;}
#shopList span {display: block;}
#shopList .shopname {font-size: 14px; font-weight: bold; margin-bottom: 5px;}
#shopList .distance {display: inline-block; color: #757575; margin-top: 5px; padding-left: 14px; background: url(//www.muji.com/jp/shop/img/common/icon_shopstock.png) no-repeat top left; background-size: 10px 15.3px;}
#shopList .shopclosed {margin-top: 5px;}
#shopList .shopid {display: none;}


#news { margin: 0 auto; max-width: 1200px; padding: 30px 40px 0; width: 100%; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
#news h1 {font-size: 20px; font-weight: normal; margin: 0 0 30px;}
#news h2 {font-size: 14px; margin-bottom: 10px;}
#news ul {margin-bottom: 30px;}
#news li {font-size: 12px; margin-bottom: 5px;}
#news li .pref {margin-right: 1em;}
#news li .shopName {margin-right: 1em;}
#news .close {float: right; text-decoration: none; color: #333; margin-top: 3px;}
#news a {color: #0066cc;}
#newsList section {float: left;}
#newsList:after {content: ""; display: block; clear: both;}
#newsList a {color: #0066cc;}


@media only screen and (min-width: 700px){


	#shopMapWrap {max-width: 1200px; width: 100%; margin: 0 auto; padding: 0 40px;}
	#shopMap {padding-bottom: 40%;}

	#shopList {display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
	#shopList li {width: 23%;}
	#shopList li+li {margin-left: 2.66%;}
	#shopList a {padding: 20px 0 10px; border: none;}
	#shopList span {padding-right: 12.5%;}

	.opentime {margin-top: 5px;}

	#news section+section {margin-left:1em;}

}

@media only screen and (max-width: 699px){

	#shopMap {padding-bottom: 35%; height:270px}

	#shopList span {padding-right: 5%;}
	#shopList span+span {white-space: nowrap; overflow: hidden; margin-bottom: 0; text-overflow: ellipsis;}


	#news section {float: none;}
	#news li .desc {display: block;}

}