html{font:400 16px/1.5 "Noto Sans JP","Yu Gothic","Hiragino Kaku Gothic ProN","メイリオ",sans-serif}body{background-color:#fafaf5;color:#2c2120;min-height:100dvh}a{transition:opacity .3s}@media(hover: hover)and (pointer: fine){a:hover{opacity:.7}}img{max-width:100%}body{min-height:100dvh}footer{position:-webkit-sticky;position:sticky;top:100dvh}.thin100{font-weight:100}.extraLight200{font-weight:200}.light300{font-weight:300}.regular400{font-weight:400}.medium500{font-weight:500}.semiBold600{font-weight:600}.bold700{font-weight:700}.extraBold800{font-weight:800}.black900{font-weight:900}main{padding-top:80px;padding-bottom:clamp(4.375rem,3.615rem + 3.24vw,6.25rem);position:relative;z-index:0}.header-wrapper{container:header-change/inline-size;position:fixed;top:0;left:0;right:0;width:100%;z-index:1;transition:transform .5s}@-webkit-keyframes downAnime{from{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes downAnime{from{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}.header{height:80px;background-color:#9ce;color:#2c2120;display:flex;align-items:center;padding:0 1%;position:relative}.header::after{content:"";width:50px;height:50px}.company-logo{width:260px}.header-nav ul{display:flex;align-items:flex-end;font-size:1.125rem;font-weight:600;position:relative;top:5px}.header-nav ul li:first-child{margin-left:1.45em}.header-nav ul li:nth-child(2){margin-left:1.25em}.header-nav ul li+li{margin-left:1.2em}.header-nav ul li.monthly a{display:flex;flex-direction:column}.header-nav ul li.monthly a::before{content:"月刊誌";font-size:.8em;line-height:1.1}.search-form{width:17%;height:30px;margin-left:auto;position:relative}.search-form__input{position:relative;display:block;border-bottom:solid 1px #2c2120}.search-form__input::before,.search-form__input::after{content:"";display:block;width:1px;height:6px;position:absolute;background-color:#2c2120}.search-form__input::before{left:0;bottom:0}.search-form__input::after{right:0;bottom:0}.search-form__input input{box-sizing:border-box;display:block;width:100%;padding:2px 3em 2px 6px;color:#2c2120;font-size:.9375rem;outline:none}.search-form__input ::-moz-placeholder{color:#666;font-size:.8125rem}.search-form__input ::placeholder{color:#666;font-size:.8125rem}.search-form__submit{display:block;width:23px;height:23px;cursor:pointer;background:url(../img/icon-search.svg) no-repeat center center;position:absolute;right:7px;top:-3px}.search-detail-btn{font-size:.9375rem;margin-left:1.2em}.arrow-tip::after{content:"";display:inline-block;width:12px;height:12px;background:url(../img/arrow2.svg) no-repeat center center;margin-left:3px}.user-nav{display:flex;margin:0 24px}.user-nav li+li{margin-left:.5em}.user-nav li a{display:grid;place-items:center}.user-nav li a img{width:30px}.user-nav li a::after{content:attr(data-header-icon);font-size:.75rem;font-weight:500;display:block}.user-nav a[data-header-icon=カート]{letter-spacing:-1px}.user-nav a[data-header-icon=カート] img{position:relative;left:-4px}.user-nav a[data-header-icon=マイページ]{letter-spacing:-1px}.user-nav a[data-header-icon=マイページ] img{position:relative;left:1px}@container header-change (max-width: 1600px){.header-nav ul{font-size:1rem}.header-nav ul li+li{margin-left:1em}}@container header-change (max-width: 1520px){.company-logo{width:200px}.header-nav ul{font-size:.96875rem}}@container header-change (max-width: 1380px){.company-logo{width:180px}.header-nav ul{top:0}.header-nav ul li:first-child{margin-left:1.2em}.header-nav ul li:nth-child(2){margin-left:1em}.search-form__submit{width:21px;height:21px;right:7px;top:-2px}.search-detail-btn{font-size:.8125rem;margin-left:.8em}.user-nav{margin:0 14px}.user-nav li+li{margin-left:.6em}.user-nav li a img{width:26px}.user-nav li a::after{font-size:.6875rem}.user-nav a[data-header-icon=カート] img{left:-2px}}@container header-change (max-width: 1250px){.company-logo{width:170px}.header-nav ul{font-size:.90625rem}.header-nav ul li+li{margin-left:.8em}.search-detail-btn{font-size:.8125rem;margin-left:.8em}.user-nav{margin:0 12px}.user-nav li a::after{display:none}}@container header-change (max-width: 1160px){.company-logo{width:200px}.header-nav{display:none}.search-form{width:35%}}@container header-change (max-width: 768px){.search-form{width:45%}.search-detail-btn{display:none}}@container header-change (max-width: 660px){.company-logo{width:170px}.search-form{width:40%}}@container header-change (max-width: 580px){.header{flex-wrap:wrap;padding:0 2%}.header::after{order:3}.company-logo{order:1;width:43%}.search-form{order:4;width:98%;margin:0 auto;position:relative;top:-3px}.search-form__submit{width:30px;height:21px;right:5px;top:1px}.user-nav{order:2;margin-left:auto}.user-nav li+li{margin-left:.8em}.user-nav li a img{width:24px}}.menu__btn{cursor:pointer;width:50px;height:50px;position:fixed;top:15px;right:1%;z-index:200;transition:transform .5s}.menu__btn span{display:block;background-color:#2c2120;width:38px;height:2px;margin:auto;transition:transform .7s}.menu__btn span:nth-child(2){margin-top:8px;margin-bottom:8px}@media screen and (max-width: 1380px){.menu__btn{width:46px;height:46px}.menu__btn span{width:34px}}@media screen and (max-width: 580px){.menu__btn span:nth-child(2){margin-top:7px;margin-bottom:7px}}.is-menu-opened .menu__btn>span:nth-child(1){transition-delay:70ms;transform:translateY(10px) rotate(135deg)}.is-menu-opened .menu__btn>span:nth-child(2){transition-delay:0s;transform:translateX(-12px) scaleX(0)}.is-menu-opened .menu__btn>span:nth-child(3){transition-delay:140ms;transform:translateY(-10px) rotate(-135deg)}@container header-change (max-width: 580px){.header::after{content:"";width:36px;height:36px}}@media screen and (max-width: 590px){.menu__btn{width:36px;height:36px;position:fixed;top:4px;right:2%}.menu__btn span{width:30px}.is-menu-opened .menu__btn span{width:30px}.is-menu-opened .menu__btn span:nth-child(1){transform:translateY(10px) rotate(135deg)}.is-menu-opened .menu__btn span:nth-child(2){transform:translateX(-14px) scaleX(0)}.is-menu-opened .menu__btn span:nth-child(3){transform:translateY(-8px) rotate(-135deg)}}html.is-noscroll{min-height:100%;min-height:100dvh}.is-noscroll body{position:fixed;width:100%;height:100%;height:100dvh;box-sizing:border-box}.is-menu-opened .menu__btn{position:fixed;top:20px;right:1%}@media screen and (max-width: 480px){.is-menu-opened .menu__btn{position:fixed;top:5px;right:2%}}button:focus{outline:none}.menu{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#9ce;z-index:2;overflow-y:auto}footer{background-color:#9ce;padding:50px 0 25px}@media screen and (max-width: 480px){footer{padding:10px 0 15px}}.footer-nav{max-width:1108px;width:100%;margin:0 auto;display:flex;justify-content:space-between;font-weight:500}@media screen and (max-width: 768px){.footer-nav{width:calc(100% - 20px);display:block}}.col dt{margin-bottom:1em;font-weight:500;font-size:clamp(.938rem,.842rem + .41vw,1.125rem)}.col ul{font-size:clamp(.875rem,.843rem + .14vw,.938rem);line-height:2.26}.col.search-detail-sp{display:none}@media screen and (max-width: 768px){.col{border-bottom:1px solid rgba(255,255,255,.5)}.col dt{margin:10px 0}.col dd{display:none;margin-bottom:10px;padding-left:.4em;line-height:1.3}.col.search-detail-sp{display:block}.col.search-detail-sp a{display:block;margin:6px;padding:6px;position:relative}.col.search-detail-sp a::after{position:absolute;display:inline-block;content:"";width:14px;height:14px;top:50%;right:0;transform:translateY(-50%);-webkit-mask:url(../img/arrow3.svg) 0 0 no-repeat;mask:url(../img/arrow3.svg) 0 0 no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:#2c2120}}.field{display:flex}.field ul:nth-child(2){margin:0 90px}@media screen and (max-width: 1020px){.field ul:nth-child(2){margin:0 50px}}@media screen and (max-width: 768px){.field{flex-direction:column}.field ul:nth-child(2){margin:0}}@media screen and (max-width: 767px){.category{padding-left:1.7em;position:relative;cursor:pointer}.category::before,.category::after{position:absolute;content:"";width:11px;height:2px;background-color:#333;transition:.3s}.category::before{top:48%;left:3px;transform:rotate(0deg)}.category::after{top:48%;left:3px;transform:rotate(90deg)}.category.close::before{transform:rotate(45deg)}.category.close::after{transform:rotate(-45deg)}}.footer-company{text-align:center;font-weight:500;margin-top:2em}.footer-company .f-logo img{width:170px}.footer-company .f-logo::after{content:attr(data-address);display:block;font-size:.8125rem;margin:12px 0 11px}@media screen and (max-width: 480px){.footer-company .f-logo img{width:138px}.footer-company .f-logo::after{margin:8px 0}}.footer-company .copyright{display:block;text-align:center;font-size:.75rem}.mt1em{margin-top:1em}.js-pagetop-threshold{position:absolute;top:0;height:300px}.pagetop{position:-webkit-sticky;position:sticky;bottom:0}.pagetop__btn{position:absolute;bottom:30px;right:15px;width:60px;height:60px;z-index:100;text-indent:-99999px;visibility:hidden;opacity:0;transition:.5s;background:center/contain no-repeat url("../img/gotop.svg")}@media screen and (max-width: 480px){.pagetop__btn{bottom:10px;right:8px;width:42px;height:42px}}.pagetop__btn.is-show{visibility:visible;opacity:1}@media(hover: hover)and (pointer: fine){.pagetop__btn.is-show:hover{opacity:.8}}.menu .menu-cnt{display:flex;flex-direction:column;justify-content:space-around;height:95vh}.menu .menu-cnt__logo{margin-left:30px;position:relative;top:-15px}.menu .menu-cnt__sns{display:flex;justify-content:center;gap:40px}@media screen and (max-width: 768px){.menu .menu-cnt{justify-content:flex-start;height:auto;padding-top:70px}.menu .menu-cnt__logo{width:150px;margin-left:10px;top:-10px}.menu .menu-cnt__sns{margin-top:50px}}@media screen and (max-width: 480px){.menu .menu-cnt__sns{gap:30px;padding:0 30px}}.menu .menu-cnt__lists{max-width:1300px;width:100%;padding:0 10px;margin:0 auto;display:flex;justify-content:space-between;font-weight:500}.menu .menu-cnt__lists .col dt{margin-bottom:1em;font-size:clamp(1rem,.949rem + .22vw,1.125rem)}.menu .menu-cnt__lists .col ul{font-size:clamp(.906rem,.868rem + .16vw,1rem);line-height:2.8}.menu .menu-cnt__lists .logout-pc{margin-top:3em}@media screen and (max-width: 768px){.menu .menu-cnt__lists{width:calc(100% - 20px);display:block;margin-top:15px}.menu .menu-cnt__lists .col ul{line-height:2.3}.menu .menu-cnt__lists .logout-pc{display:none}}.logout-sp{display:block}.logout-sp a{display:block;margin:6px;padding:6px;position:relative}@media screen and (min-width: 769px){.logout-sp{display:none}}.scale-up{cursor:pointer}.modal__overlay{display:none;position:fixed;justify-content:center;align-items:center;z-index:1000;left:0;top:0;width:100%;height:100%;margin:0 auto;overflow:auto;background:rgba(250,250,250,.9)}.modal__container{max-width:860px;margin:0 auto;width:100%;max-height:calc(100vh - 200px)}@media screen and (max-width: 480px){.modal__container{padding:0 3%}}.modal__container .img-container{position:relative;width:100%;height:0;padding-top:calc(100vh - 200px);margin:0 auto;overflow:hidden}.modal__container .img-list{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.modal__container .img-list .img-item{width:100%;height:100%}.modal__container .object-fit-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border:none}.modal__btn{position:absolute;top:30px;right:30px;width:56px;height:56px;z-index:100;text-indent:-99999px;background:center/contain no-repeat url("../img/modal-close.svg")}@media screen and (max-width: 480px){.modal__btn{top:15px;right:15px;width:42px;height:42px}}#popup{transform:scale(0);transition:transform .5s ease-out;-webkit-animation:scaleUp .5s forwards ease-out;animation:scaleUp .5s forwards ease-out}@-webkit-keyframes scaleUp{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes scaleUp{0%{transform:scale(0)}100%{transform:scale(1)}}@-webkit-keyframes scaleDown{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes scaleDown{0%{transform:scale(1)}100%{transform:scale(0)}}
/*# sourceMappingURL=common.min.css.map */