@charset "UTF-8";@media (min-width:768px){:focus,[id]{scroll-margin-block-start:var(--scroll-margin-pc)}}@media (max-width:767.98px){:focus,[id]{scroll-margin-block-start:var(--scroll-margin-sp)}}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body,html{height:100%}html{scroll-behavior:smooth}body{line-height:1;font-family:"Noto Sans JP",Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,picture,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}img{max-width:100%;width:100%;height:auto}button{cursor:pointer;background:0 0;border:none;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;position:relative;text-decoration:none;inline-size:-moz-fit-content;inline-size:fit-content;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}body{min-height:100vh;min-height:-webkit-fill-available;scroll-behavior:smooth}html{height:-webkit-fill-available}body,html{height:100%}body>footer{position:sticky;top:100vh}body{color:#313131;background-color:#faf9f9;position:relative}body#sub:before{content:"";display:block;width:100%;position:absolute;top:min(18.6vw,80px);left:0;z-index:1;opacity:.5;height:min(27.91vw,120px)}@media screen and (min-width:768px){body#sub:before{height:160px;top:70px}}#footer,#pickup,body#sub:before{background:linear-gradient(270deg,#ecc1da 0,#f6e8f2 100%),url(<path-to-image>) #d3d3d3 0 0/100% 100% no-repeat}.wrap{display:flex;position:relative;align-items:flex-start;flex-wrap:wrap}.container{width:100%;margin-inline:auto;box-sizing:border-box;position:relative;z-index:2}#footer .container,#header .container,#sub .container{max-width:1200px}#side,.main{padding:min(4.65vw,20px)}.main{box-sizing:border-box;padding-bottom:min(23.26vw,100px)}@media screen and (min-width:768px){.main{padding-bottom:3.75rem}}@media print,screen and (min-width:768px){.pc-only{display:block}.sp-only{display:none}.container{padding-inline:min(4.65vw,20px)}#side{width:200px;position:sticky;top:0;left:0;height:100dvh;overflow-y:auto}.main{flex:1}}@media only screen and (max-width:767.89px){.pc-only{display:none}.sp-only{display:block}.wrap{flex-direction:column}}#header{background-color:#fff;position:relative;z-index:10}#header .container{display:flex;align-items:center;position:relative}@media screen and (min-width:768px){#header .container{padding:.625rem 1.25rem;gap:0 1.25rem}}#header #siteName{aspect-ratio:39/14}#header #siteName a{display:block;background:url(../image/logo.svg) no-repeat 0 0;text-indent:-9999px;width:100%;height:100%}#header #discription{font-size:min(2.79vw,12px)}@media screen and (min-width:768px){#header #discription{font-size:.875rem}}#header .link-fav{margin-right:0;height:44px;position:fixed;top:0;right:0;z-index:10;border:none}@media screen and (min-width:768px){#header .link-fav{border-radius:0 0 0 5px;box-shadow:rgba(100,100,111,.2) 0 7px 29px 0}#header .link-fav #fav-count{background-color:#fff;color:#de4fa5}}#toppage #header .container{justify-content:center;flex-direction:column-reverse;align-items:center;padding:min(2.33vw,10px) min(4.65vw,20px);gap:min(1.86vw,8px);height:min(22.09vw,95px)}@media screen and (min-width:768px){#toppage #header .container{gap:.625rem 0;padding-block:1.25rem .625rem;height:auto}}#toppage #header .container #siteName{width:min(38.84vw,167px)}@media screen and (min-width:768px){#toppage #header .container #siteName{width:300px}}#toppage #content .title02{width:100%}#sub #header .container{flex-direction:column-reverse;align-items:start;justify-content:center;text-align:left;gap:min(.93vw,4px);padding:min(2.33vw,10px) min(4.65vw,20px);height:min(18.6vw,80px)}@media screen and (min-width:768px){#sub #header .container{flex-direction:row-reverse;align-items:center;justify-content:start;padding:0 1.25rem;gap:0;height:4.375rem}}#sub #header .container #discription{margin-right:auto;text-align:center;width:100%}@media screen and (min-width:768px){#sub #header .container #discription{text-align:left;width:-moz-fit-content;width:fit-content}}#sub #header .container #siteName{margin-inline:auto;width:min(32.09vw,138px)}@media screen and (min-width:768px){#sub #header .container #siteName{width:180px;position:absolute;left:0;right:0}}#pickup{padding-top:1px}.pickup-wrapper{display:flex;justify-content:center;gap:0 min(2.33vw,10px)}.pickup-wrapper .pickup-item{background-color:#fff;text-decoration:none;color:#313131}.pickup-wrapper figure.pickup-item{aspect-ratio:400/712;background-color:transparent}.pickup-wrapper .pickup-item-inner{display:flex;align-items:center;gap:0 min(2.33vw,10px)}@media screen and (min-width:768px){.pickup-wrapper .pickup-item-inner{padding:.625rem 1rem}}.pickup-wrapper .pickup-item-inner .name{flex:1;font-weight:500}.tag.brand-tag{background-color:#f2f2f3;font-family:Poppins;border:none}@media screen and (min-width:768px){.tag.brand-tag{font-size:.9375rem;padding:.3125rem .5rem;border-radius:.8125rem}}@media print,screen and (min-width:768px){.pickup-wrapper{gap:0 20px;padding:1.25rem 0 3.75rem}.pickup-wrapper .list{justify-content:center}.list li.pickup-item,.pickup-item{max-width:400px;width:32.5%}.list li.pickup-item img{height:calc(100dvh - 15.9375rem);width:auto;display:block}}@media only screen and (max-width:767px){#pickup{overflow-x:scroll;padding:min(4.65vw,20px) min(2.33vw,10px) min(9.3vw,40px)}.pickup-wrapper{width:227.91vw}.pickup-wrapper .list{gap:0 2.33vw}.list li.pickup-item,.pickup-item{width:74.42vw}}#toppage .title02{text-align:center;font-weight:500;margin:min(9.3vw,40px) auto min(2.33vw,10px);font-family:Oswald;font-size:min(9.3vw,40px);letter-spacing:.1rem}@media screen and (min-width:768px){#toppage .title02{margin:3.75rem auto 1.875rem;font-size:2.5rem;letter-spacing:.1rem}}@media screen and (min-width:768px){.select-menu+.select-menu{margin-top:10px}}.select-menu dt{background-color:#e1e2de;color:#313131;padding:10px;font-size:.875rem;line-height:1;font-weight:700}.select-menu dd label{cursor:pointer;display:flex;align-items:center;gap:8px;padding-inline:10px;color:#5d5d5d;font-size:.875rem;position:relative;height:36px}.select-menu dd label.txt-en{font-family:Poppins}.select-menu dd label input[data-sort]{display:none}.select-menu dd label:has(input[type=radio]):before{content:"";display:inline-block;background:#ededed no-repeat 0 0;border:none;border-radius:50%;width:20px;height:20px;transition:background .2s ease-in}.select-menu dd label:has(input[type=radio]:checked){color:#313131;font-weight:500}.select-menu dd label:has(input[type=radio]:checked):before{background-image:url(../image/icn-check.svg);background-size:cover}.select-menu dd label:has(input#color_all:checked):before{background-color:#000}.select-menu dd label:has(input[name=brand]:checked):before{background-color:#000}.select-menu dd label:has(input[name=color])::before{border:1px solid #fff}.select-menu dd label:has(input[data-sort=brown]):before{background-color:#4e3721}.select-menu dd label:has(input[data-sort=brown]:checked){background-color:rgba(78,55,33,.4)}.select-menu dd label:has(input[data-sort=beige]):before{background-color:#c0a390}.select-menu dd label:has(input[data-sort=beige]:checked){background-color:rgba(192,163,144,.4)}.select-menu dd label:has(input[data-sort=gray]):before{background-color:#505050}.select-menu dd label:has(input[data-sort=gray]:checked){background-color:rgba(80,80,80,.4)}.select-menu dd label:has(input[data-sort=pink]):before{background-color:#d05e9f}.select-menu dd label:has(input[data-sort=pink]:checked){background-color:rgba(208,94,159,.4)}.select-menu dd label:has(input[data-sort=orange]):before{background-color:#f29019}.select-menu dd label:has(input[data-sort=orange]:checked){background-color:rgba(242,144,25,.2)}.select-menu dd label:has(input[data-sort=red]):before{background-color:#e71f1e}.select-menu dd label:has(input[data-sort=red]:checked){background-color:rgba(231,31,30,.1)}.select-menu dd label:has(input[data-sort=ash]):before{background-color:#5795d0}.select-menu dd label:has(input[data-sort=ash]:checked){background-color:rgba(87,149,208,.4)}.select-menu dd label:has(input[data-sort=mat]):before{background-color:#3e6d67}.select-menu dd label:has(input[data-sort=mat]:checked){background-color:rgba(62,109,103,.4)}.select-menu dd label:has(input[data-sort=purple]):before{background-color:#8467a8}.select-menu dd label:has(input[data-sort=purple]:checked){background-color:rgba(132,103,168,.4)}.select-menu dd label[for=brand_01] .brand-logo{width:min(80.67%,121px)}.select-menu dd label[for=brand_02] .brand-logo{width:min(53.33%,80px)}.select-menu dd label[for=brand_03] .brand-logo{width:100%}.select-menu dd:has(img) label{height:52px}@media only screen and (max-width:767px){#side{padding:0;width:100%}.select-menu{display:flex;flex-wrap:wrap}.select-menu dt{width:100%;font-size:min(4.19vw,18px);font-weight:700}.select-menu dd{width:50%}.select-menu dd label{height:12.09vw;font-size:min(3.72vw,16px)}}.btn-group{text-align:center;margin-top:30px}#toppage .btn-group{margin-inline:min(4.65vw,20px)}@media screen and (min-width:768px){#toppage .btn-group{display:none}}.btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;margin-inline:auto;border-radius:5px;background-color:#fff;border:1px solid #ebebeb;color:#313131;text-decoration:none;line-height:1;font-weight:500;transition:background-color .3s ease-in,color .3s ease-in;font-size:min(4.19vw,18px);gap:0 min(3.26vw,14px)}@media screen and (min-width:768px){.btn{font-size:.9375rem}.btn:hover{background-color:#313131;color:#fff}}.btn#applyFilter{padding:min(3.26vw,14px) min(4.19vw,18px) min(3.26vw,14px) min(10.7vw,46px);width:100%}.btn#applyFilter:after{content:"";display:inline-block;background:url(../image/icn-search.svg) #de4fa5 no-repeat 50%;background-size:min(4.42vw,19px);width:min(6.51vw,28px);height:min(6.51vw,28px);border-radius:50%}.btn.js-back{padding:min(3.72vw,16px) min(4.19vw,18px) min(3.72vw,16px) min(2.33vw,10px)}@media screen and (min-width:768px){.btn.js-back{padding:.75rem .875rem .75rem .375rem;gap:0 .75rem}}.btn.js-back:before{content:"";display:inline-block;background-color:#de4fa5;-webkit-mask:url(../image/icn-arrow.svg) no-repeat 0 0;mask:url(../image/icn-arrow.svg) no-repeat 0 0;-webkit-mask-size:contain;mask-size:contain;width:min(5.58vw,24px);height:min(5.58vw,24px)}@media screen and (min-width:768px){.btn.js-back:before{width:1.25rem;height:1.25rem}}@media screen and (min-width:768px){.btn.js-back:hover{background-color:#de4fa5}.btn.js-back:hover:before{background-color:#fff}}.btn.link-fav{padding:0}@media screen and (min-width:768px){.btn.link-fav{background-color:#de4fa5;color:#fff;border-color:#de4fa5}}@media screen and (min-width:768px){.btn.link-fav .btn-txt{display:inline-block;padding-inline:1em}}@media screen and (min-width:768px){.btn.link-fav #fav-count{background-color:#fff;color:#de4fa5;background-color:#de4fa5;color:#fff;-webkit-mask:url(../image/icn-fav.svg) no-repeat 50% 50%;mask:url(../image/icn-fav.svg) no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover}}.btn.link-fav:hover{background-color:#313131;border-color:#313131}.btn.link-fav:hover #fav-count{color:#313131}#fav-count{display:none;font-size:min(4.19vw,18px);line-height:1;font-family:Poppins;font-weight:500}@media screen and (min-width:768px){#fav-count{width:3.4em;height:2.4em;font-size:.75rem}}#fav-count.acive{display:flex;align-items:center;justify-content:center;margin-left:-1.5em;animation:add_fav .6s ease-in forwards}@media only screen and (max-width:767px){#header .link-fav{border-radius:0;width:min(13.95vw,60px);height:min(18.6vw,80px);background-color:rgba(255,255,255,.8);backdrop-filter:blur(10px);gap:0;align-items:center;transition:height .3s ease}#header .btn-txt{display:none}#header #fav-count{display:flex;width:100%;aspect-ratio:16/15;margin:0;padding-top:.8em;color:#fff;align-items:start;justify-content:center;box-sizing:border-box;background-color:#de4fa5;-webkit-mask:url(../image/icn-fav-sp.svg) no-repeat 50% 50%;mask:url(../image/icn-fav-sp.svg) no-repeat 50% 50%;-webkit-mask-size:contain;mask-size:contain}#header.is-sticky .link-fav{height:min(13.95vw,60px)}#side.modal{position:fixed;inset:0;width:100%;height:100dvh;box-sizing:border-box;background-color:rgba(0,0,0,.6);z-index:100;display:flex;justify-content:center;align-items:center;overflow-y:auto}#side.modal .select-menu{background-color:#fff}#side.modal .btn-group{display:block;background-color:#fff;margin:0;padding:min(4.65vw,20px);text-align:center;width:100%;box-sizing:border-box}#side.modal::after{content:"✕";position:absolute;top:10px;right:20px;font-size:2rem;color:#fff;cursor:pointer}#side.active{display:flex;flex-direction:column}}.colorListTitle{display:flex;align-items:center;gap:40px;padding-bottom:.5em;margin-bottom:1em;position:relative}@media print,screen and (min-width:768px){#js-spfilter{cursor:default;pointer-events:none}}@media only screen and (max-width:767px){#side+.main{padding-inline:0;width:100%}#side+.main .colorListTitle{flex-direction:column;gap:min(3.72vw,16px) 0;width:100%}#side+.main .colorListTitle .title03{width:100%;overflow-x:auto}#side+.main .colorListTitle .title03.fixed{position:fixed;top:0;left:0;z-index:20;box-shadow:rgba(100,100,111,.2) 0 7px 29px 0}#side+.main .colorListTitle .title03.fixed+#status{margin-top:min(13.95vw,60px)}#side+.main .colorListTitle .btn-spfilter{display:flex;align-items:center;justify-content:start;gap:0 min(2.33vw,10px);background-color:#313131;padding:0 min(16.28vw,70px) 0 min(4.65vw,20px);height:min(13.95vw,60px);box-sizing:border-box;min-width:100%}#side+.main .colorListTitle .btn-spfilter:before{content:"";background-color:#fff;-webkit-mask:url(../image/icn-filter.svg) no-repeat 0 0;mask:url(../image/icn-filter.svg) no-repeat 0 0;-webkit-mask-size:cover;mask-size:cover;height:min(9.3vw,40px);aspect-ratio:58/48}#side+.main .colorListTitle .btn-spfilter .filter-title{color:#fff;line-height:1}#side+.main #colorList{padding-inline:min(2.33%,10px)}#side+.main #colorList .list{gap:min(2.33vw,10px)}#side+.main #colorList .list li{width:min(48.78%,200px)}}#status .txt-en{font-size:1.875rem;font-weight:500}@media only screen and (max-width:767px){#status{width:min(90.7%,390px);margin:0 auto;text-align:left;font-size:min(4.19vw,18px);display:block}#status .txt-en{font-size:min(7.44vw,32px)}}.tag{border:1px solid #ccc;background-color:#fff;border-radius:.8em;display:flex;align-items:center;gap:0 min(1.16vw,5px);padding:min(1.86vw,8px) min(2.33vw,10px)}@media screen and (min-width:768px){.tag{padding:.3em .5em}}.tag dd,.tag dt{line-height:1}.tag dt{font-size:.75rem;color:#5d5d5d;font-weight:400}.tag dd{font-size:.875rem;color:#5d5d5d;font-weight:500}.tag+.tag{margin-left:10px}@media only screen and (max-width:767px){.tag{padding-inline:.3em;white-space:nowrap}.tag dt{font-size:min(3.26vw,14px)}.tag dd{font-size:min(3.72vw,16px)}}.title03-txt{display:flex;align-items:center;font-size:1.375rem;font-weight:700}.txt-en{font-family:Poppins}.list{display:flex;flex-wrap:wrap;gap:20px 1%;list-style:none}.list li{box-sizing:border-box;position:relative}.list li img{aspect-ratio:9/16}.list .thm,.list a,.list img{display:block}.list .thm{margin-bottom:5px;overflow:hidden;background-color:#313131}.list a{font-weight:400;text-decoration:none;color:#313131;position:relative;z-index:1}.list a .label:not(:empty){background-color:#de4fa5;color:#fff;padding:.3125rem .625rem;position:absolute;top:0;left:0;z-index:2;line-height:1;font-size:.9375rem;font-family:Poppins;font-weight:500}.list a .name{padding:10px 46px 10px 0;font-size:.9375rem}@media screen and (min-width:768px){.list a img{transition:scale 1s ease-in,opacity .5s ease-in}.list a:hover img{scale:1.2;opacity:.8}}.list .thm{width:100%}@media print,screen and (min-width:1330px){.list li{width:15.83%}}@media print,screen and (min-width:1100px) and (max-width:1329.89px){.list li{width:19.2%}}@media print,screen and (min-width:768px) and (max-width:1099.89px){.list li{width:24.25%}}@media only screen and (max-width:767px){.list{gap:min(4.65vw,20px) 4%}.list li{width:48%}}.pagination{margin-top:20px;display:flex;justify-content:center;width:100%;gap:0 10px;list-style:none;font-family:Poppins;font-weight:500}.pagination li.active .page{background-color:#313131;color:#fff}.pagination .page{display:flex;align-items:center;justify-content:center;width:44px;height:44px;line-height:1;text-decoration:none;border:1px solid #313131;color:#313131;font-family:Poppins;font-size:1rem;transition:background-color .3s ease-in,color .3s ease-in}.pagination .page:hover{background-color:#313131;color:#fff}.main-filter-counter{display:block;opacity:1;transition:opacity .3s ease-in}.main-filter-counter.hide{display:none;opacity:0}@media only screen and (max-width:767px){.main-filter-counter{padding:0 min(4.65vw,20px);height:50dvh}}.ly-single{max-width:1000px;margin-inline:auto}.btn-fav{padding:0;position:absolute;right:0;bottom:0;z-index:2;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:0 0;border:none;cursor:pointer;display:flex;color:#ccc;transition:color .3s ease-in}.btn-fav:hover{color:#313131}.btn-fav .heart{display:block;pointer-events:none;-webkit-mask:url(../image/icn-fav-add.svg) no-repeat 50% 50%;mask:url(../image/icn-fav-add.svg) no-repeat 50% 50%;-webkit-mask-size:100%;mask-size:100%;width:100%;height:100%;background-color:currentColor;transition:color .3s ease,-webkit-mask .3s ease-in;transition:color .3s ease,mask .3s ease-in;transition:color .3s ease,mask .3s ease-in,-webkit-mask .3s ease-in}.btn-fav.is-fav{color:#de4fa5}.btn-fav.is-fav .heart{-webkit-mask-image:url(../image/icn-fav.svg);mask-image:url(../image/icn-fav.svg);animation:add_fav .6s ease-in}.btn-fav.is-fav:hover .heart{-webkit-mask-image:url(../image/icn-fav-del.svg);mask-image:url(../image/icn-fav-del.svg)}@keyframes add_fav{0%{-webkit-mask-size:100%;mask-size:100%}50%{-webkit-mask-size:50%;mask-size:50%}100%{-webkit-mask-size:100%;mask-size:100%}}#recipe .colorListTitle .title02,#showFavorites .colorListTitle .title02{padding:0;flex:1;line-height:150%}@media screen and (min-width:768px){#recipe .colorListTitle .title02,#showFavorites .colorListTitle .title02{font-size:1.375rem;flex:inherit}}#recipe.ly-single{max-width:1000px;width:100%}#recipe .content{box-sizing:border-box}#recipe .content .colorListTitle{margin-bottom:min(6.98vw,30px)}@media screen and (min-width:768px){#recipe .content .colorListTitle{height:140px}}#recipe .content .colorListTitle .btn-fav{position:relative;top:inherit;bottom:inherit;right:inherit}#recipe .content .colorListTitle .btn-fav:not(.is-fav){color:#d7c6cd}#recipe .content .hgroup{display:flex;align-items:center;padding-bottom:min(1.86vw,8px)}@media screen and (min-width:768px){#recipe .content .hgroup{padding-bottom:.625rem}}#recipe .content .title03{color:#b6b7b3;font-family:Oswald;font-weight:500;font-size:min(6.05vw,26px);line-height:1;margin-bottom:.5rem;flex:1}#recipe .slideArea img{aspect-ratio:9/16}#recipe .slideArea .swiper-button-next,#recipe .slideArea .swiper-button-prev{background-color:rgba(255,255,255,.8);border:1px solid #ebebeb;width:min(10.23vw,44px);height:min(20.47vw,88px)}#recipe .slideArea .swiper-button-next svg,#recipe .slideArea .swiper-button-prev svg{fill:#de4fa5;color:#de4fa5;width:min(4.65vw,20px);height:auto;aspect-ratio:12/21}@media screen and (min-width:768px){#recipe .slideArea .swiper-button-next svg,#recipe .slideArea .swiper-button-prev svg{width:12px}}#recipe .slideArea .swiper-button-prev{border-radius:0 5px 5px 0;left:0}#recipe .slideArea .swiper-button-next{border-radius:5px 0 0 5px;right:0}#sld_thm .swiper-wrapper{display:flex}#sld_thm.swiper-initialized .swiper-slide{cursor:pointer;background-color:#000}#sld_thm.swiper-initialized .swiper-slide img{opacity:.4}#sld_thm.swiper-initialized .swiper-slide.swiper-slide-thumb-active{position:relative}#sld_thm.swiper-initialized .swiper-slide.swiper-slide-thumb-active::before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;border:4px solid #de4fa5;z-index:2;box-sizing:border-box}#sld_thm.swiper-initialized .swiper-slide.swiper-slide-thumb-active img{opacity:1;position:relative;z-index:1}.slide-alt{display:inline-block;text-align:center;font-size:1.125rem;font-weight:500;font-family:Poppins;line-height:1;color:#fff;position:absolute;top:0;left:0;z-index:10}#sld_main .slide-alt{padding:.5em 1em;background:#de4fa5}#sld_thm .slide-alt{height:1em;bottom:0;right:0;margin:auto}.recipe-data{background:rgba(246,232,242,.4);font-size:min(3.72vw,16px);width:100%;box-sizing:border-box}.recipe-data tr{border-bottom:2px solid #fff}.recipe-data td,.recipe-data th{line-height:1.7}.recipe-data th{padding:min(3.72vw,16px) 0 min(3.72vw,16px) min(4.19vw,18px);font-size:min(3.49vw,15px);font-weight:600;text-align:left;vertical-align:middle;width:-moz-fit-content;width:fit-content}.recipe-data td{padding:min(3.72vw,16px) min(4.19vw,18px);max-width:80%}div.recipe-data{padding:min(1.86vw,8px) min(3.72vw,16px);line-height:1.7}@media print,screen and (min-width:768px){#recipe{display:flex;gap:30px}#recipe .content{width:38.33%}#recipe .content .title03{font-size:1.375rem}#recipe img{vertical-align:bottom}.slideArea{display:flex;gap:min(1.79%,10px);width:min(58.33%,560px)}#sld_main{width:min(80.36%,450px)}#sld_thm{width:min(17.86%,100px)}#sld_thm .swiper-wrapper{flex-direction:column;align-items:center;justify-content:center;gap:10px}#sld_thm .swiper-wrapper .swiper-slide{height:auto}.recipe-data{line-height:1.81;font-size:min(3.72vw,16px);padding:min(1.86vw,8px) min(3.72vw,16px)}.recipe-data th{font-size:min(3.49vw,15px)}}@media only screen and (max-width:767px){#recipe{padding-top:0;padding-inline:0}#recipe .slideArea{margin-bottom:2.33vw}#recipe #sld_main{margin-bottom:2.33vw;width:100%}#recipe #sld_thm{width:min(74.42%,320px)}#recipe #sld_thm .swiper-wrapper{flex-direction:row}#recipe .content{margin-inline:min(4.65vw,20px)}#recipe .colorListTitle{padding-block:min(2.79vw,12px);gap:0 min(4.65vw,20px)}}#showFavorites.ly-single{max-width:960px}#showFavorites .colorListTitle .filter-counter,#showFavorites .colorListTitle .title02,#showFavorites .colorListTitle .txt-en{line-height:1}#showFavorites .colorListTitle .filter-counter{width:-moz-fit-content;width:fit-content}.title02-txt{font-weight:700;font-size:min(5.12vw,22px)}#showFavorites .main-filter-counter{height:min(27.91vw,120px);display:flex;align-items:center;justify-content:center;line-height:1}#showFavorites .main-filter-counter.hide{height:0}#showFavorites .main-filter-counter+.colorListTitle,#showFavorites .main-filter-counter.hide+.colorListTitle+#fv-discription{display:none}#showFavorites .main-filter-counter.hide+.colorListTitle{display:flex}@media screen and (min-width:768px){#showFavorites .main-filter-counter.hide+.colorListTitle{height:7.5rem}}#fv-discription{background-color:#fff;padding:min(6.98vw,30px) min(4.65vw,20px)}@media screen and (min-width:768px){#fv-discription{padding:2.5rem}}#fv-discription p{line-height:2.25;margin-bottom:min(4.65vw,20px)}@media screen and (min-width:768px){#fv-discription p{text-align:center;margin-bottom:2.5rem}}#fv-discription .btn-fav{display:inline-block;vertical-align:middle;position:relative;right:inherit;bottom:inherit}#fv-discription .fv-sample{display:flex;flex-direction:column;list-style:none;gap:min(4.65vw,20px) 0}#fv-discription .fv-sample li{text-align:center;box-sizing:border-box;font-weight:700}#fv-discription .fv-sample li .fv-img{margin-top:min(2.33vw,10px)}@media screen and (min-width:768px){#fv-discription .fv-sample{flex-direction:row;justify-content:space-between;gap:0}#fv-discription .fv-sample li{width:min(48.31%,430px);font-size:.9375rem;padding:.625rem min(2.33%,10px);border:1px solid #ebebeb}}#footer{padding:min(4.65vw,20px) 0 min(2.33vw,10px)}@media screen and (min-width:768px){#footer a{transition:opacity .3s ease-in}#footer a:hover{opacity:.7}}#footer .brand-list{width:100%;display:flex;flex-direction:column;justify-content:center;list-style:none;margin-bottom:min(9.3vw,40px);gap:min(4.65vw,20px) 0}@media screen and (min-width:768px){#footer .brand-list{flex-direction:row;align-items:center;gap:0 min(3.33%,40px);margin-bottom:1.25rem}}#footer .brand-list li{width:min(46.51%,200px);aspect-ratio:192/60;margin-inline:auto}@media screen and (min-width:768px){#footer .brand-list li{width:192px;margin-inline:0}}#footer .brand-list a{text-indent:-9999px;display:block;width:100%;height:100%}#footer .brand-list a.logo-primience{background:url(../image/logo-primience.svg) #fff no-repeat 50% 50%;background-size:min(79.17%,152px) auto}#footer .brand-list a.logo-ultist{background:url(../image/logo-ultist.png) #fff no-repeat 50% 50%;background-size:min(56.25%,108px) auto}#footer .brand-list a.logo-colormuse{background:url(../image/logo-colormuse.gif) no-repeat 50% 50%;background-size:contain}#footer .footer-bottom{display:flex;flex-direction:column;list-style:none;gap:min(4.65vw,20px) 0;text-align:center}@media screen and (min-width:768px){#footer .footer-bottom{flex-direction:row;align-items:center;justify-content:space-between}}#footer .logo-shiseido{margin-inline:auto;display:block;width:min(29.77%,128px);aspect-ratio:128/40}@media screen and (min-width:768px){#footer .logo-shiseido{width:90px;margin-inline:0}}#footer .footer-copy{color:#3f3737;font-size:min(3.02vw,13px);font-family:Poppins;font-weight:300;font-style:normal}@media screen and (min-width:768px){#footer .footer-copy{font-size:.875rem;flex:1}}