@charset "UTF-8";:root{--color-accent:#f39284;--color-bg:#616e9e;--color-black:#333;--color-main:#34406d;--color-pink:#fff2f2;--color-sub:#ffd2d2;--colir-red:#de4e4e;--color-white:#fff;--color-yellow:#fff3af;--font-en:"Hind Siliguri",sans-serif;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Yu Gothic","Meiryo",sans-serif}.navArea{margin:8px auto 0}.navArea ul{display:flex;flex-wrap:wrap;gap:0 8px;justify-content:center;margin:0 auto;width:800px}.navArea ul li{flex:1;list-style:none}.navArea ul li a{background-color:var(--color-yellow);border:solid 1px var(--color-bg);border-radius:4px!important;color:var(--color-main);display:block;font-family:var(--font-sans);padding:16px 16px 24px;transition:.2s;width:100%}.navArea ul li a:hover{background-color:var(--color-pink);color:var(--color-main);text-decoration:none}.navArea ul li a:hover::after,.navArea ul li a:hover::before{background-color:var(--color-main)}.arrow{display:inline-block;position:relative}.arrow::after,.arrow::before{background-color:var(--color-main);border-radius:9999px;bottom:13px;content:"";height:6px;left:calc(50% - .5px);position:absolute;transform-origin:50% calc(100% - .5px);width:1px}.arrow::before{transform:rotate(50deg)}.arrow::after{transform:rotate(-50deg)}.mainImgArea{margin-bottom:32px;text-align:center}.rankingArea{background-color:var(--color-bg);background-image:url(../images/dark-stripes-light.png);margin:0 auto;padding:42px 0;width:100%}.rankingArea .columnBox__subTitle{color:var(--color-white);font:200 30px/normal var(--font-sans);letter-spacing:.04em;margin:8px auto;position:relative}.rankingArea .columnBox__subTitle .saleText{display:inline-block;font:500 50px/1.3 var(--font-en);margin:0 -3px}.rankingArea .columnBox__subTitle .saleText.small{font-size:25px}.rankingArea .columnBox__mainTitle{color:var(--color-yellow);font:500 30px/normal var(--font-en);letter-spacing:.04em;margin:4px auto 8px;position:relative;width:100%}.rankingArea .columnBox__mainTitle span{font-size:3.333rem}.rankingArea .columnBox__mainTitle .date{background-color:var(--color-white);border-radius:3px;color:var(--color-black);font-size:14px;margin:16px auto;max-width:240px;padding:8px;text-box-edge:cap alphabetic;text-box-trim:trim-both}.rankingArea .columnBox__title span{align-items:center;color:var(--color-white);display:flex;font-size:18px;justify-content:center;margin:8px auto 0}.rankingArea .columnBox__title span::after,.rankingArea .columnBox__title span::before{background-color:var(--color-white);content:"";display:block;height:1px;width:20px}.rankingArea .columnBox__title span::before{margin-right:15px}.rankingArea .columnBox__title span::after{margin-left:15px}.rankingArea .columnBox__col{padding:42px 0}.rankingArea .columnBox__colWrap{display:flex;flex-wrap:wrap;gap:40px 24px;margin:0 auto;max-width:1100px;padding:20px}.rankingArea .columnBox__colList{counter-increment:rank-counter;display:block;margin:0 auto;overflow:hidden;position:relative;text-align:center;width:calc((100% - 48px)/ 3)}.rankingArea .columnBox__colList img{border:4px solid var(--color-white)}.rankingArea .detailBtn{margin:0 auto;max-width:140px;width:80%}.rankingArea .detailBtn a{background-color:var(--color-sub);border-radius:4px!important;color:var(--color-main);display:block;font:12px/normal var(--font-sans);padding:9px 0!important;position:relative;text-decoration:none;transition:.5s}.rankingArea .detailBtn a:after{border-right:solid 1px var(--color-main);border-top:solid 1px var(--color-main);content:"";height:4px;position:absolute;right:24px;top:50%;transform:translateY(-50%) rotate(45deg);width:4px}.rankingArea .detailBtn a:hover{background-color:var(--color-yellow);color:var(--color-main)}.rankList__subTitle{color:var(--color-yellow);display:inline-block;font:200 3.333rem/1.1 var(--font-en);letter-spacing:.04em;margin:10px auto;position:relative;width:200px}.rankList__subTitle::after{background-color:var(--color-white);bottom:-12px;content:"";display:block;height:1px;left:0;margin:0 auto;position:absolute;right:0;width:20px;width:70px}.rankList__subTitle span{color:var(--color-white);display:block;font-family:var(--font-sans);font-size:14px}.rankList .columnBox__colList{counter-increment:rank-counter}.rankList .columnBox__colList a{display:block;text-decoration:none}.rankList .columnBox__colList .rankIcon{color:var(--color-white);height:60px;left:15px;line-height:60px;margin:0 auto;position:absolute;text-align:center;top:15px;width:60px;z-index:3}.rankList .columnBox__colList .rankIcon::after{background:center/contain no-repeat url(../images/crown_01.svg);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.ec-ProductInfo{align-items:center;display:flex;justify-content:center}.ec-ProductInfo__price_sale::before{background-color:var(--colir-red);color:var(--color-white);content:"SALE";display:block;padding:4px 3px;height:10px;width:43px;font-size:11px;margin-right:2px;display:block}.ec-ProductInfo__price_sale .item-price{color:var(--color-yellow)}.ec-ProductInfo__price_normal,.ec-ProductInfo__price_sale{align-items:center;display:flex;justify-content:center;margin:0 auto 8px}.item-name{color:var(--color-white);display:-webkit-box;font-size:14px;height:45px;-webkit-line-clamp:2;overflow:hidden;padding:0 15px}.item-cartBtn,.orderCartBtn{display:none!important}.item-price{color:var(--color-yellow);display:inline-block;font-size:22px;font-weight:700;width:100%}.item-price::first-letter{font-size:12px;margin:0 4px 0 0}.item-price:after,.retailPrice:after{content:"\FF08\7A0E\8FBC\FF09";font-size:12px;font-weight:400;margin-left:-3px}.retailPrice:before{content:"￥";font-size:12px;font-weight:400;margin-left:-1px}.retailPrice{color:var(--color-white);display:inline-block;font-size:13px;font-weight:700;text-decoration:line-through;width:100%}a:focus,a:hover{color:var(--color-black);text-decoration:underline}hr{background-color:#767fa3;border-top:2px dashed #a4add3}.columnBox{position:relative;width:100%;z-index:0}.columnBox__col{margin:0 auto;padding:0;width:100%}.reverse{flex-direction:row-reverse}