*, *:before, *:after {box-sizing: border-box; -webkit-font-smoothing: antialiased;}
body {font-family: -apple-system, "Helvetica", sans-serif;}
ul {margin: 0 0 15px; padding: 0; list-style: none;}
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, #shop.en #shopNav {display: none;}
#main {font-size: 12px; margin-bottom: 0; position: relative;}
#main img {width: 100%; height: auto;}
#shopNav ul {text-align: center; border-bottom: 1px solid #eee;}
#shopNav li {font-size: 14px; display: inline-block;}
#shopNav li+li {margin-left: 2em;}
#shopNav li a {display: block; padding: 10px 0;}
#shopNav li.current {font-weight: bold; border-bottom: 2px solid #191919;}
.language {position: absolute; top: 0; right: 0; height: 70px; line-height: 70px; margin-right: 3.5%; z-index: 101; font-size: 13px; padding: 0 16px;}
.language a {color: #ccc;}
.language .curent a {color: #666;}
.language li {display: inline-block;}
.language li+li {padding-left: 18px; position: relative;}
.language li+li:before {padding-left: 1em; position: absolute; content: "|"; top: 0; left: -10px; color: #ccc;}
#shopSearch {text-align: center; padding: 20px 0; }
#shopSearch dl {margin-bottom: 0;}
#shopSearch dt {font-size: 26px; font-weight: normal; margin-bottom: 10px; color: #191919;}
#shopSearch dd {margin-bottom: 15px;}
#shopSearch a, #shopSearch a:hover {color: #67affd;}
#shopSearch span {padding: 5px 0; font-size: 16px;}
#shopSearch input {height: 100%; font-size: 14px; text-indent: 2em; line-height: 1.3; border: 1px solid #ddd; padding: 10px; border-radius: 3px; color: #999; background: url(/cn/net/css/'data:image/svg+xml;utf8,') no-repeat 14px center; background-size: 14px 14px;}
#shopSearch input:focus {color: #333;}
#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 {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,') 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: #999; margin-top: 5px; padding-left: 14px; background: url(https://www.muji.com/jp/shop/img/common/icon_shopstock.png) no-repeat top left; background-size: 10px 15.3px;}
#shopList .shopclosed {margin-top: 5px;}
#shopNearby {text-align: right; margin-bottom: 45px;}
#shopNearby a {padding: 5px; color: #67affd; display: inline-block; font-size: 14px;}
#shopList .shopid {display: none;}
#timeLineWrap {background-color: #f7f7f7;}
#timeLine li {background-color: #fff; border-radius: 0 0 3px 3px;}
#timeLine a {display: block;}
#timeLine img {border-radius: 3px 3px 0 0;}
#timeLine .detail {padding: 15px;}
#timeLine .title {display: block; font-size: 14px;}
#timeLine .more span {display: inline-block; padding-right: 24px; background: url('data:image/svg+xml;utf8,') no-repeat right center;}
#timeLine .more {padding-bottom: 60px; text-align: center; display: none;}
#timeLine figure {box-shadow: 0 1px 2px #f7f7f7; -moz-box-shadow: 0 1px 2px #f7f7f7; -webkit-box-shadow: 0 1px 2px #f7f7f7;}
#newsWrap {position: absolute; top: 44px; left: 0; background: #fff; width: 100%; display: none; z-index: 500;}
#newsWrap:after {content: ""; display: block; clear: both;}
#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: #333;}
#newsList section {float: left;}
#newsList:after {content: ""; display: block; clear: both;}
#trademark {position: absolute; top: 0; right: 0;}
#trademark img {height: 20px; margin: 25px 0 0 20px;}
@media only screen and (min-width: 700px){
#shopSearch input {width: 500px;}
#shopMapWrap, #shopSearchResult, #timeLine {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;}
#timeLine ul {display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
#timeLine ul {margin: 0; padding: 15px 0 40px;}
#timeLine li {width: 23%; margin-top: 30px; margin-left: 2.66%;}
#timeLine li:nth-child(4n-3) {margin-left: 0;}
#news section+section {margin-left:1em;}
}
@media only screen and (max-width: 699px){
#shopNav ul {margin: 0;}
#shopNav li+li {margin-left: 1.25em;}
#shopSearch dd {padding: 0 15px;}
#shopSearch dd+dd {margin: 0;}
#shopSearch input {width: 100%;}
#shopMap {padding-bottom: 35%;}
#shopList span {padding-right: 5%;}
#shopList span+span {white-space: nowrap; overflow: hidden; margin-bottom: 0; text-overflow: ellipsis;}
#shopNearby a {padding: 5px 15px;}
#timeLine ul {padding: 15px;}
#timeLine li+li {margin-top: 15px;}
#timeLine time {color: #aaa;}
#news section {float: none;}
#news li .desc {display: block;}
}
@media screen and (max-width: 767px){
#trademark {padding: 15px 0; position: absolute; left: 50%; top: 10px;}
#trademark img {height: 16px; margin: 0;}
}
@media screen and (max-width: 480px){
.language {margin-right: 2%;}
}