@charset "UTF-8";.christmas-hero{margin:0;padding:56px 0 40px;background-color:#f7f0e6;border-bottom:4px solid #c62828}.christmas-hero__inner{max-width:1000px;margin:0 auto;padding:0 16px;text-align:center}.christmas-hero__inner h1{margin:0 auto 16px;font-size:3.2rem;letter-spacing:.18em;font-weight:700;color:#b02228}.christmas-hero__inner .read{margin:0 auto;max-width:720px;font-size:1.5rem;line-height:1.9;color:#574c45}.christmas-hero__inner .read--pc{display:block}.christmas-hero__inner .read--sp{display:none}.popular-ranking__menu{display:inline-flex;flex-wrap:wrap;gap:8px;margin:28px auto 0;padding:6px 10px 10px;background-color:#fff;border-radius:999px;box-shadow:0 6px 20px #0000002e}.popular-ranking__menu a{padding:7px 18px;border-radius:999px;border:1px solid #d0d7de;background:#fff;color:#333;font-size:1.4rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center}.popular-ranking__menu a:hover{border-color:#c62828;background-color:#fff7f2}.circle__down{position:relative;display:grid;place-items:center;width:1.6rem;height:1.6rem;border:1px solid #c62828;border-radius:999px;margin-left:8px}.circle__down:after{content:"";width:.5rem;height:.5rem;border-right:1px solid #c62828;border-top:1px solid #c62828;transform:rotate(135deg) translate(-20%,15%)}.christmas-section{padding:56px 0 72px}.christmas-section--green{background-color:#3f7c57}.christmas-section--red{background-color:#c62828}.christmas-section .popular-ranking__wrapper{max-width:1000px;margin:0 auto;padding:0 16px}.christmas-section h2.ranking{color:#fff;text-align:center;font-size:2.4rem;margin:0 0 32px;padding-bottom:10px;border-bottom:2px solid rgba(255,255,255,.35)}.popular-ranking-newlist{display:flex;flex-wrap:wrap;max-width:1000px;margin:0 auto 4rem;gap:2rem;justify-content:flex-start}.popular-ranking-newlist a{display:block;position:relative;background-color:#fff;border-radius:14px;padding:1.6rem 1.6rem 2rem;box-shadow:0 8px 20px #0000002e;flex:0 0 calc((100% - 2rem)/2)}.popular-ranking-newlist a:before{color:#fff;background-color:#9a9a9a;display:block;text-align:center;font-size:1.6rem;line-height:1;font-weight:700;padding:.75rem;margin:-1.6rem -1.6rem 1.6rem;border-radius:14px 14px 0 0}.popular-ranking-newlist a:first-child:before,.popular-ranking-newlist a:nth-child(2):before,.popular-ranking-newlist a:nth-child(3):before{font-size:1.8rem}.popular-ranking-newlist a:first-child:before{content:"1\4f4d";background-color:#bbb067}.popular-ranking-newlist a:nth-child(2):before{content:"2\4f4d";background-color:#94a0a7}.popular-ranking-newlist a:nth-child(3):before{content:"3\4f4d";background-color:#a26d38}.popular-ranking-newlist a:nth-child(4):before{content:"4\4f4d"}.popular-ranking-newlist a:nth-child(5):before{content:"5\4f4d"}.popular-ranking-newlist a:nth-child(6):before{content:"6\4f4d"}.popular-ranking-newlist a:nth-child(7):before{content:"7\4f4d"}.popular-ranking-newlist a:nth-child(8):before{content:"8\4f4d"}.popular-ranking-newlist a:nth-child(9):before{content:"9\4f4d"}.popular-ranking-newlist a:nth-child(10):before{content:"10\4f4d"}.popular-ranking-newlist a img{width:90%;margin:0 auto 1.5rem;display:block}.popular-ranking-newlist a .ranking__benefits .title{font-size:1.5rem;line-height:1.4;font-weight:700;margin-bottom:1.5rem;font-feature-settings:"palt" 1;letter-spacing:.05rem}.popular-ranking-newlist a .text{font-size:1.4rem;line-height:1.4;font-weight:400;margin:1rem 0;color:#000}.popular-ranking-newlist a .price{font-size:2rem;letter-spacing:.05rem;line-height:2;color:#000;font-family:Barlow Semi Condensed,sans-serif;margin-top:1rem}.popular-ranking-newlist a .price span{font-size:1.4rem}.link_button{font-size:1.6rem;font-weight:500;background-color:#fff;border-radius:50px;padding:1.2rem 4rem;color:#3f7c57;display:block;max-width:max-content;text-align:center;margin:0 auto;border:2px solid rgba(255,255,255,.85)}.christmas-section--red .link_button{color:#c62828}.popular-ranking-newlist a:hover,.link_button:hover{opacity:.9;transition:.3s ease}@media screen and (min-width: 768px) and (max-width: 1024px){.christmas-hero{padding:48px 0 32px}.christmas-section{padding:48px 0 64px}.popular-ranking-newlist{gap:2rem}.popular-ranking-newlist a{flex:0 0 calc((100% - 4rem) / 3)}}@media screen and (min-width: 1025px){.christmas-hero{padding:60px 0 44px}.christmas-section{padding:56px 0 80px}.popular-ranking-newlist{gap:2rem}.popular-ranking-newlist a{flex:0 0 calc((100% - 6rem)/4)}.popular-ranking-newlist a:nth-child(-n+3){flex-basis:calc((100% - 4rem) / 3);padding:2rem 2rem 2.4rem}.popular-ranking-newlist a:nth-child(-n+3) img{width:95%}.popular-ranking-newlist a:nth-child(-n+3) .ranking__benefits .title{font-size:1.8rem}}@media screen and (max-width: 767px){.christmas-hero{padding:40px 0 28px}.christmas-hero__inner{padding:0 12px}.christmas-hero__inner h1{font-size:2.4rem}.christmas-hero__inner .read{font-size:1.4rem}.popular-ranking__menu{margin-top:24px;max-width:340px;width:100%;display:flex;flex-direction:column;align-items:stretch;padding:14px 16px 18px;border-radius:32px;gap:10px;background-color:#fff;box-shadow:0 6px 20px #0000002e}.popular-ranking__menu a{width:100%;justify-content:center;padding:8px 18px;border-radius:999px}.christmas-section{padding:40px 0 52px}.christmas-section .popular-ranking__wrapper{padding:0 12px}.popular-ranking-newlist{gap:1.2rem}.popular-ranking-newlist a{flex:0 0 calc((100% - 1.2rem)/2);padding:1rem 1rem 1.4rem}.popular-ranking-newlist a:before{margin:-1rem -1rem .8rem;padding:.6rem;font-size:1.4rem}.popular-ranking-newlist a .ranking__benefits .title{font-size:1.3rem;margin-bottom:.7rem}.popular-ranking-newlist a .text{font-size:1.3rem;margin:.5rem 0}.popular-ranking-newlist a .price{font-size:1.7rem;margin-top:.4rem}.christmas-hero__inner .read--pc{display:none}.christmas-hero__inner .read--sp{display:block}}
/*# sourceMappingURL=/cdn/shop/t/92/assets/css_christmas_popurarity_ranking.css.map */