:root{
	--body:clamp(240px, 100vw, 520px);
	--w:calc(var(--body) / 10);
	--c:#151953;
}

html {font-size:clamp(12.5px, 5vw, 26px); background-color:#f1f1f1; scroll-behavior:smooth;}
body {width:var(--body); background-color:#fff; padding:0; margin:0 auto; overflow-wrap:break-word; box-sizing:border-box;}

.header {background-color:var(--c); position:relative; width:100%; height:auto;}
.header .headerLogo img {width:100%; position:relative;}
.header .headerImage {width:74%; height:calc(var(--w) * 6.8); position:relative; margin:auto; background-color:#fff; border-radius:var(--w) var(--w) 0 0; overflow:hidden;}
.header .headerImage img {width:100%; position:relative; object-fit:cover;}

.headerTitle {text-align:center; font-weight:normal; font-size:1.1rem; margin:.6rem; letter-spacing:.25rem; position:relative;}
.btnMenu {display:flex; flex-flow:nowrap; justify-content:space-between; width:100%; height:auto; flex-wrap:nowrap; flex-direction:row;}
.btnMenu img {width:48%; height:auto; box-shadow:0px calc(var(--w) * .08) calc(var(--w) * .1) 0px #aaa;}

.headerQr {width:100%; position:relative; text-align:center; margin:calc(var(--w) * .5) 0;}
.headerQr img {width:40%;}

.listHeader {width:100%; position:relative; background-color:var(--c); text-align:center; padding:calc(var(--w) * .5) 0;}
.listHeader img {width:25%;}

.storeList {display:flex; padding:calc(var(--w) * .28) 0 calc(var(--w) * 2) 0; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start;}
.storeList .storeDiv {width:47%; margin:0 0 4% 2%; position:relative;}
.storeList .storeDiv .storeImage {width:100%; height:calc(var(--w) * 2.55); object-fit:cover; object-position:top;}
.storeList .storeDiv .storeName {font-size:.76rem; font-weight:800; background-image:url(/static/image/ast/5.png); background-repeat:no-repeat; background-size:auto 62%; background-position:-.5% center; padding:0 0 0 .9rem; height:1.2rem; line-height:1.2rem;}
.storeList .storeDiv .storeTime {font-size:.64rem; background-image:url(/static/image/ast/6.png); background-repeat:no-repeat; background-size:auto 90%; background-position:-2% center; padding:0 0 0 .9rem; height:1rem; line-height:1rem; font-family:"Andada Pro";}
.storeList .storeDiv .storeDesc {font-size:.62rem; background-image:url("/static/image/ast/7.png"); background-repeat:no-repeat; background-size:auto 66%; background-position:left center; padding:0 0 0 .9rem; height:1rem; line-height:1rem; font-family:"Andada Pro";}
.storeList .storeDiv .storeQr {position:absolute; width:2rem; bottom:0; right:0;}