/*
*, *:before, *:after {box-sizing: border-box; -webkit-font-smoothing: antialiased;}
body {font-family: -apple-system, "Helvetica", sans-serif;}
dl, dd, figure {margin: 0;}
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 {display: none;}

dt {font-weight: bold; margin-bottom: 5px;}
.noscroll, #shop .noscroll {overflow: hidden; position: fixed;}

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

#tel {margin-top: 5px;}
#shop.en #access {display: none;}
#itemlist {display: -webkit-flex; display: flex; flex-wrap: -webkit-flex; flex-wrap: wrap;}
#itemlist li {font-size: 11px; display: inline-block; margin: 5px 15px 5px 0;}
#itemlist li.deal a {color: #666;}
#itemlist li:not(.deal) a {color: #ccc; text-decoration: line-through;}

.more {text-align: center;}
.more span {cursor: pointer; position: relative;}
.more span:after {display: inline-block; position: absolute; top: 50%; right: -10px; width: 6px; height: 6px; margin: -6px -6px 0 0; border-top: solid 2px #7f7f7f; border-right: solid 2px #7f7f7f; content: ""; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);}
.update {font-size: 12px;}
.update li b {padding-right: 0.5em;}


#mask.active {position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6);}
.back {height: 50px; line-height: 50px; font-size: 14px; padding-left: 15px; display: inline-block; margin-left: 25px;}

.pointer {text-align: center; width: 100%; position: absolute; bottom: 25px; left: 0;}

#area {margin: 0; color: #757575; font-size: 12px; font-weight: bold;}
.subLink {display: none;}
.website a {color: #67affd;}
.staff {color: #333;}
body.en .update b {display: block;}

@media only screen and (min-width: 700px){
/*
	figure img {float: none; margin: 0;}
	#main {max-width: 1200px; width: 100%; padding: 0 40px; margin: 40px auto 0;}

	#shopDetail {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
*/
	#shopMapWrap, #shopMap {max-width: 1200px; width: 100%; height: 100vh; margin: 0 auto;}
	


	#mapWrap {margin: 0 0 16px 0;}

	body.en .update li+li {margin-top: 10px;}

	#mask {cursor: pointer;}
}

@media only screen and (max-width: 699px){
/*
	.wrapper {padding: 20px 0;}


	#main section > h1, #spot .wrapper > h1 {font-size: 15px;}
	#main {font-size: 13px;}
*/
	#shopMap {padding-bottom: 35%; height:270px}
	

	#mapApp {width: 50px; font-size: 9px; text-align: center;}
	#mapApp a {background: url(//www.muji.com/jp/shop/img/detail/icon_appmap_w.png) no-repeat top center;}


	.pointer {bottom: 20px;}

	body.en .update li+li {margin-top: 20px;}
	
}