html{font-family:"Noto Sans JP",sans-serif;font-weight:400;color:#333;line-height:1.6;scroll-behavior:smooth;scroll-padding-top:170px;font-size:14px}@media screen and (min-width: 1000px){html{font-size:16px}}body{width:100%;height:auto;overflow-x:hidden;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}body.is-fixed{overflow:hidden}a{color:#333;transition:all .3s ease}a:hover{opacity:.7}header{position:fixed;width:100%;z-index:10000}header .header-top{background-color:#eec316;height:46px;display:flex;align-items:center}@media screen and (min-width: 1000px){header .header-top{height:60px}}header .header-top .nav-wrapper{width:95%;max-width:1360px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}header .header-top .nav-wrapper .site-name{font-size:clamp(14px,13.5px + .125vw,15px)}header .header-top .nav-wrapper .site-name span{display:inline-block}header .header-top .nav-wrapper .free-shipping{display:none}header .header-top .nav-wrapper .free-shipping img{max-width:46px;height:auto}header .header-top .nav-wrapper .free-shipping P{font-size:clamp(14px,12.5px + .375vw,17px);color:red;font-weight:700}header .header-top .nav-wrapper .free-shipping P span{display:inline-block}@media screen and (min-width: 1000px){header .header-top .nav-wrapper .free-shipping P{font-size:clamp(14px,6.5px + .75vw,17px)}}@media screen and (min-width: 1000px){header .header-top .nav-wrapper .free-shipping{display:flex;align-items:center;gap:4px}}header .header-top .nav-wrapper nav{display:none}@media screen and (min-width: 1000px){header .header-top .nav-wrapper nav{display:flex;justify-content:end;gap:clamp(10px,-65px + 7.5vw,40px)}}header .header-top .nav-wrapper nav ul{display:flex;gap:clamp(10px,-65px + 7.5vw,40px)}header .header-top .nav-wrapper nav ul li{display:flex;align-items:center}header .header-top .nav-wrapper nav ul li a{display:flex;align-items:center;gap:6px;font-size:clamp(14px,4px + 1vw,18px);font-weight:700;text-wrap-mode:nowrap}header .header-top .nav-wrapper nav ul li a::before{content:"";display:block;width:12px;height:12px;border-right:2px solid #333;border-bottom:2px solid #333;transform:rotate(-45deg)}header .header-top .search-form{display:flex;justify-content:space-between;align-items:center;overflow:hidden}header .header-top .search-form input{width:clamp(100px,-150px + 25vw,200px);height:40px;padding:5px 15px;border:none;box-sizing:border-box;font-size:1em;outline:none;background-color:#fff}header .header-top .search-form button{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border:none;background-color:#fff;cursor:pointer}header .header-top .search-form button::after{width:24px;height:24px;background-image:url("../img/header/search-icon.png");background-repeat:no-repeat;background-size:contain;content:""}header .header-bottom{height:64.2px;background-color:hsla(0,0%,100%,.7333333333)}@media screen and (min-width: 1000px){header .header-bottom{height:93px}}header .header-bottom .nav-wrapper{display:flex;align-items:center;justify-content:space-between;width:95%;max-width:1360px;margin:0 auto;padding:10px 0}header .header-bottom .header_logo img{max-width:80px}@media screen and (min-width: 1000px){header .header-bottom .header_logo{width:clamp(224px,216px + 2vw,240px);text-align:center}header .header-bottom .header_logo img{max-width:148px}}header .header-bottom nav{display:none}@media screen and (min-width: 1000px){header .header-bottom nav{display:flex;align-items:center}}header .header-bottom nav ul.menu-wrap{display:flex;align-items:center}@media screen and (min-width: 1000px){header .header-bottom nav ul.menu-wrap{align-items:stretch}}header .header-bottom nav ul.menu-wrap>li>a,header .header-bottom nav ul.menu-wrap>li>p{padding:1rem clamp(10px,-15px + 2.5vw,15px);border-left:1px solid #707070;font-size:clamp(14px,4px + 1vw,16px)}@media screen and (min-width: 1000px){header .header-bottom nav ul.menu-wrap>li>a,header .header-bottom nav ul.menu-wrap>li>p{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-size:14px}header .header-bottom nav ul.menu-wrap>li>a span,header .header-bottom nav ul.menu-wrap>li>p span{display:block}}@media screen and (min-width: 1400px){header .header-bottom nav ul.menu-wrap>li>a,header .header-bottom nav ul.menu-wrap>li>p{flex-direction:row;flex-wrap:wrap;font-size:16px}header .header-bottom nav ul.menu-wrap>li>a span,header .header-bottom nav ul.menu-wrap>li>p span{display:contents}}header .header-bottom nav ul.menu-wrap>li:last-child a{border-right:1px solid #707070}header .header-bottom nav ul.menu-wrap .menu-cate-wrap{position:relative}header .header-bottom nav ul.menu-wrap .menu-cate-wrap:hover{cursor:pointer}header .header-bottom nav ul.menu-wrap .cate-list{position:absolute;bottom:0;left:0;transform:translateY(100%);width:fit-content;max-height:0;overflow:hidden;opacity:0;transition:all .4s ease;background-color:#fff;padding:1.5rem 1rem 1.5rem 2rem;border:1px solid #707070}header .header-bottom nav ul.menu-wrap .cate-list li{padding-bottom:1rem}header .header-bottom nav ul.menu-wrap .cate-list li a{position:relative;white-space:nowrap;display:flex;align-items:center;gap:.5rem}header .header-bottom nav ul.menu-wrap .cate-list li a::before{content:"";display:block;width:10px;height:10px;background-image:url(../img/header/arrow-icon.png);background-size:contain;background-repeat:no-repeat}header .header-bottom nav ul.menu-wrap .cate-list li a::after{content:"";display:block;position:absolute;bottom:-4px;left:0;width:0;height:1px;background-color:#eec316;transition:all .4s ease}header .header-bottom nav ul.menu-wrap .cate-list li a:hover::after{width:50%}header .header-bottom nav ul.menu-wrap .menu-cate-wrap.active .cate-list{max-height:500px;opacity:1}header .header-bottom .link_icon{display:flex;align-items:center;gap:24px}header .header-bottom .link_icon a{display:flex;flex-direction:column;align-items:center}header .header-bottom .link_icon a img{max-width:25px;aspect-ratio:1/1;object-fit:contain}@media screen and (min-width: 1000px){header .header-bottom .link_icon a img{max-width:50px}}header .header-bottom .link_icon a p{font-size:clamp(12px,2px + 1vw,14px)}header .header-bottom .link_icon a.link-icon-cart{position:relative}header .header-bottom .link_icon a.link-icon-cart.has-items:after{content:"";display:block;width:16px;height:16px;position:absolute;background-image:url(../img/header/has-items-icon.png);background-size:contain;top:0;right:0}@media screen and (min-width: 1000px){header .header-bottom .link_icon a.link-icon-cart.has-items:after{width:28px;height:28px}}header .hamburger-button{position:absolute;top:12px;right:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:8px;z-index:100}header .hamburger-button__line,header .hamburger-button::before,header .hamburger-button::after{content:"";width:38px;height:2px;background-color:#333;transition:transform .3s,opacity .3s}header .hamburger-button.is-opened .hamburger-button__line{opacity:0}header .hamburger-button.is-opened::before{transform:translateY(10px) rotate(225deg)}header .hamburger-button.is-opened::after{transform:translateY(-10px) rotate(-225deg)}header .menu{position:fixed;transform:translateX(100%);width:100%;height:calc(100vh - 110.9px);height:calc(100dvh - 110.9px);top:110.9px;background-color:#eec316;transition:.3s;overflow-y:scroll;padding-bottom:env(safe-area-inset-bottom)}header .menu.open{transform:translateX(0)}header .menu .menu-wrap{width:80%;margin:0 auto;padding:40px 0 80px 0}header .menu .menu-wrap .free-shipping{display:flex;align-items:center;gap:4px;justify-content:center;margin-bottom:20px}header .menu .menu-wrap .free-shipping img{max-width:46px;height:auto}header .menu .menu-wrap .free-shipping P{font-size:clamp(14px,12.5px + .375vw,17px);color:red;font-weight:700}header .menu .menu-wrap .free-shipping P span{display:inline-block}header .menu .menu-wrap .menu-01{display:flex;flex-direction:column;gap:16px}header .menu .menu-wrap .menu-01 .menu-list{padding:8px 1rem 8px 1.5rem;text-align:center;background-color:hsla(0,0%,100%,.4941176471);border-radius:8px}header .menu .menu-wrap .menu-01 .menu-list a,header .menu .menu-wrap .menu-01 .menu-list p{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}header .menu .menu-wrap .menu-01 .menu-list a img,header .menu .menu-wrap .menu-01 .menu-list p img{width:20px;height:auto}header .menu .menu-wrap .menu-01 .menu-list a img.close,header .menu .menu-wrap .menu-01 .menu-list p img.close{display:none}header .menu .menu-wrap .menu-01 .menu-list.active img.close{display:block}header .menu .menu-wrap .menu-01 .menu-list.active img.open{display:none}header .menu .menu-wrap .menu-01 .menu-list .cate-wrap{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .4s ease;padding-left:1em}header .menu .menu-wrap .menu-01 .menu-list .cate-wrap li:nth-of-type(1){margin-top:1rem}header .menu .menu-wrap .menu-01 .menu-list .cate-wrap li a{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}header .menu .menu-wrap .menu-01 .menu-list .cate-wrap li a::before{content:"";display:block;width:10px;height:10px;background-image:url(../img/header/arrow-icon.png);background-size:contain;background-repeat:no-repeat}header .menu .menu-wrap .menu-01 .menu-list.active .cate-wrap{max-height:1000px;opacity:1}header .menu .menu-wrap .menu-02{margin:20px 0;display:flex;flex-direction:column;gap:16px}header .menu .menu-wrap .menu-02 a{display:flex;align-items:center;gap:6px;font-size:clamp(16px,15px + .25vw,18px);font-weight:700}header .menu .menu-wrap .menu-02 a::before{content:"";display:block;width:12px;height:12px;border-right:2px solid #333;border-bottom:2px solid #333;transform:rotate(-45deg)}header .menu .search-form{display:flex;justify-content:space-between;align-items:center;overflow:hidden}header .menu .search-form label{width:calc(100% - 40px)}header .menu .search-form input{width:100%;height:40px;padding:5px 15px;border:none;box-sizing:border-box;font-size:1em;outline:none;background-color:hsla(0,0%,100%,.4941176471)}header .menu .search-form button{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border:none;background-color:hsla(0,0%,100%,.4941176471);cursor:pointer}header .menu .search-form button::after{width:24px;height:24px;background-image:url("../img/header/search-icon.png");background-repeat:no-repeat;background-size:contain;content:""}@media screen and (min-width: 1000px){header .hamburger-button,header .menu{display:none}}footer{background-color:#eec316;display:flex;flex-direction:column;gap:32px;padding:40px 0 20px 0}footer .footer-wrap{width:90%;max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:32px}@media screen and (min-width: 1000px){footer .footer-wrap{flex-direction:row;justify-content:space-between;align-items:flex-start;max-width:1360px}}footer .footer-wrap .logo-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}footer .footer-wrap .logo-wrap a.sns-x{display:flex;align-items:center;gap:.5rem;color:#fff}footer .footer-wrap .logo-wrap a.sns-x img{width:22px;height:auto}footer .footer-wrap .logo-wrap a.logo img{max-width:170px}footer .footer-wrap .logo-wrap p{color:#fff;text-wrap-mode:nowrap;font-size:24px;font-weight:300}@media screen and (min-width: 768px){footer .footer-wrap nav{width:100%;max-width:660px}}footer .footer-wrap nav ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 0;width:320px}@media screen and (min-width: 768px){footer .footer-wrap nav ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;width:100%}}footer .footer-wrap nav ul li{border-left:1px solid #fff;text-align:center}footer .footer-wrap nav ul li a{width:100%;color:#fff}footer .footer-wrap nav ul li:nth-of-type(2),footer .footer-wrap nav ul li:nth-of-type(4){border-right:1px solid #fff}@media screen and (min-width: 768px){footer .footer-wrap nav ul li:nth-of-type(2),footer .footer-wrap nav ul li:nth-of-type(4){border-right:none}}@media screen and (min-width: 768px){footer .footer-wrap nav ul li:nth-of-type(4){border-right:1px solid #fff}}footer .footer-wrap .footer-nav-wrapper{width:100%}footer .footer-wrap .footer-menu-wrap ul{grid-template-columns:1fr 1fr !important;width:fit-content;margin:0 auto;gap:10px 20px}footer .footer-wrap .footer-menu-wrap ul li{border:none !important;text-align:left;display:flex;align-items:center;gap:.5rem}footer .footer-wrap .footer-menu-wrap ul li::before{content:"";display:block;width:12px;height:12px;background-image:url(../img/footer/arrow.png);background-repeat:no-repeat;background-size:contain;background-position:50% 50%}footer .footer-wrap .link-button{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%;max-width:220px;min-width:140px}footer .footer-wrap .link-button a{text-align:center;width:100%;padding:10px 0;border:2px solid #5e5e5e;border-radius:50px;background-color:#fefce7}footer .copyright{text-align:center;color:#fff}footer.default{padding:40px 0}footer.default .footer-wrap{border-bottom:1px solid #fff}@media screen and (min-width: 1000px){footer.default .footer-wrap{display:grid;grid-template-columns:auto 1fr auto;padding:0 4% 16px 4%}}footer.default .footer-wrap .logo-wrap a.logo{margin-top:20px}@media screen and (min-width: 1000px){footer.default .footer-wrap .logo-wrap a.logo{margin-top:30px}}footer.default .footer-wrap .logo-wrap a.logo img{width:20vw;max-width:250px;min-width:170px}@media screen and (min-width: 768px){footer.default .footer-wrap .footer-menu-wrap{max-width:100%}}@media screen and (min-width: 1000px){footer.default .footer-wrap .footer-menu-wrap ul{margin:0 0 0 auto;gap:40px 60px}}@media screen and (min-width: 1000px){footer.default .footer-wrap .link-button{gap:28px}}footer.default .footer-wrap .link-button .login-mypage{color:#fff;display:flex;gap:1rem;width:100%;align-items:center;text-wrap-mode:nowrap}footer.default .footer-wrap .link-button .login-mypage a{border:none;border-radius:0;background-color:rgba(0,0,0,0);color:#fff}footer.default .footer-under-wrap{display:flex;flex-direction:column;align-items:center;gap:1rem}@media screen and (min-width: 1000px){footer.default .footer-under-wrap{flex-direction:row;justify-content:space-between;width:90%;max-width:1360px;margin:0 auto;padding:0 4%}}footer.default .footer-under-wrap a{color:#fff;display:flex;align-items:center;gap:.5rem}footer.default .footer-under-wrap a img{width:15px;height:auto}main{padding-top:110.9px}@media screen and (min-width: 1000px){main{padding-top:153px}}/*# sourceMappingURL=common.css.map */