body{background:linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);min-height:100vh}#wrap{background:rgba(0,0,0,0)}#contents{background:rgba(0,0,0,0)}.product-hero{position:relative;overflow:hidden;background:linear-gradient(135deg, #e60012 0%, #ff1744 100%);border-radius:0 0 2rem 2rem;margin-bottom:2rem}.product-hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.1" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,138.7C960,139,1056,117,1152,112C1248,107,1344,117,1392,122.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;background-size:cover}.product-hero .hero-content{position:relative;z-index:1;padding:2rem 1rem}@media(min-width: 768px){.product-hero .hero-content{padding:3rem 2rem}}.product-hero .hero-content .hero-badge{display:inline-block;padding:.5rem 1rem;background:hsla(0,0%,100%,.2);backdrop-filter:blur(10px);border-radius:2rem;color:#fff;font-size:.875rem;font-weight:600;margin-bottom:1rem;animation:fadeInDown .6s ease-out}.product-hero .hero-content h1{color:#fff;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.2);margin:0;animation:fadeInUp .6s ease-out .2s backwards}#data_grid{display:grid;gap:1.5rem;padding:0 1rem 2rem;max-width:1400px;margin:0 auto}@media(min-width: 768px){#data_grid{padding:0 1.5rem 3rem}}@media(min-width: 1024px){#data_grid{grid-template-columns:380px 1fr;gap:2rem;padding:0 2rem 4rem}}.img{display:flex;flex-direction:column;gap:1rem;position:sticky;top:80px}.img .product-image-card{background:hsla(0,0%,100%,.7);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid hsla(0,0%,100%,.3);padding:1.5rem;border-radius:1.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.img .product-image-card:hover{transform:translateY(-4px);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.img .product-image-card img{width:100%;height:auto;border-radius:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.img .product-image-card img:hover{transform:scale(1.02)}.img .action-buttons{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit, minmax(160px, 1fr))}.img .action-buttons a,.img .action-buttons button{padding:.875rem 1.25rem;border-radius:1rem;font-weight:600;text-align:center;text-decoration:none;transition:all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.img .action-buttons a:hover,.img .action-buttons button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.img .action-buttons a:active,.img .action-buttons button:active{transform:translateY(0) scale(0.98)}.stats_grid{display:grid;grid-template-columns:1fr;gap:1rem;padding:0}@media(min-width: 480px){.stats_grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 768px){.stats_grid{grid-template-columns:repeat(3, 1fr);gap:1.25rem}}@media(min-width: 1024px){.stats_grid{grid-template-columns:repeat(4, 1fr);gap:1.5rem}}.stats_grid .grid-item{background:hsla(0,0%,100%,.7);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid hsla(0,0%,100%,.3);border-radius:1.5rem;padding:1.25rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);display:flex;flex-direction:column;gap:.75rem;position:relative;overflow:hidden}@media(min-width: 768px){.stats_grid .grid-item{padding:1.5rem;gap:1rem}}.stats_grid .grid-item::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition:left .5s ease}.stats_grid .grid-item:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.stats_grid .grid-item:hover::before{left:100%}.stats_grid .grid-item.highlight{background:linear-gradient(135deg, #e60012 0%, #ff1744 100%);border:none;color:#fff;grid-column:span 1;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05),0 0 0 1px hsla(0,0%,100%,.1) inset}@media(min-width: 480px){.stats_grid .grid-item.highlight{grid-column:span 2}}@media(min-width: 1024px){.stats_grid .grid-item.highlight{grid-column:span 1}}.stats_grid .grid-item.highlight::after{content:"★";position:absolute;top:1rem;right:1rem;font-size:1.5rem;opacity:.2;animation:pulse 2s ease-in-out infinite}.stats_grid .grid-item.highlight p{color:hsla(0,0%,100%,.95);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}@media(min-width: 768px){.stats_grid .grid-item.highlight p{font-size:.9375rem}}.stats_grid .grid-item.highlight .stats{color:#fff;font-size:2rem;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.2)}@media(min-width: 768px){.stats_grid .grid-item.highlight .stats{font-size:2.5rem}}.stats_grid .grid-item p{margin:0;font-weight:600;color:#1e293b;font-size:.8125rem;line-height:1.3}@media(min-width: 768px){.stats_grid .grid-item p{font-size:.875rem}}.stats_grid .grid-item[style*="grid-column: 1 / -1"]{grid-column:1/-1}.stats_grid .value-container{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.stats_grid .progress-container{display:flex;align-items:center;gap:.5rem}@media(min-width: 768px){.stats_grid .progress-container{gap:.75rem}}.stats_grid .stats{font-size:1.125rem;font-weight:700;color:#334155;min-width:2rem}@media(min-width: 768px){.stats_grid .stats{font-size:1.25rem;min-width:2.5rem}}.stats_grid .stars{display:flex;gap:2px}.stats_grid .rank-text{font-size:1rem;display:flex;align-items:baseline;gap:.25rem;flex-wrap:wrap}@media(min-width: 768px){.stats_grid .rank-text{font-size:1.125rem}}.stats_grid .rank-text small{font-size:.75rem;opacity:.9}@media(min-width: 768px){.stats_grid .rank-text small{font-size:.875rem}}.stats_grid .rank-text b{font-size:1.5rem;color:#e60012}@media(min-width: 768px){.stats_grid .rank-text b{font-size:1.75rem}}.stats_grid .highlight-count{font-size:1.125rem;font-weight:700;padding:.25rem .75rem;border-radius:999px}.stats_grid .highlight-count.good{background:#dcfce7;color:#166534}.stats_grid .highlight-count.warning{background:#fff1f2;color:#be123c}progress{width:100%;height:16px;-webkit-appearance:none;appearance:none;border:none;border-radius:8px;background-color:#e2e8f0;overflow:hidden}@media(min-width: 768px){progress{height:20px;border-radius:10px}}progress::-webkit-progress-bar{background-color:#e2e8f0;border-radius:8px}@media(min-width: 768px){progress::-webkit-progress-bar{border-radius:10px}}progress::-webkit-progress-value{background:linear-gradient(90deg, #4CAF50, #2196F3);border-radius:8px;transition:width .5s ease-in-out}@media(min-width: 768px){progress::-webkit-progress-value{border-radius:10px}}progress::-moz-progress-bar{background:linear-gradient(90deg, #4CAF50, #2196F3);border-radius:8px;transition:width .5s ease-in-out}@media(min-width: 768px){progress::-moz-progress-bar{border-radius:10px}}.detail_grid{display:grid;grid-template-columns:1fr;gap:.75rem;padding:1.5rem;background:hsla(0,0%,100%,.7);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid hsla(0,0%,100%,.3);border-radius:1.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);margin-top:2rem}@media(min-width: 480px){.detail_grid{grid-template-columns:repeat(2, 1fr);gap:1rem}}@media(min-width: 768px){.detail_grid{grid-template-columns:repeat(3, 1fr);gap:1.25rem}}@media(min-width: 1024px){.detail_grid{grid-template-columns:repeat(4, 1fr);gap:1.5rem}}.detail_grid .grid-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#fff;border-radius:1rem;border-left:4px solid #e60012;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);min-height:auto}@media(min-width: 768px){.detail_grid .grid-item{padding:1.25rem;gap:.75rem}}.detail_grid .grid-item p{margin:0;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.025em;line-height:1.2}@media(min-width: 768px){.detail_grid .grid-item p{font-size:.8125rem}}.detail_grid .grid-item span{font-size:.875rem;font-weight:600;color:#1e293b;word-break:break-word;line-height:1.3;display:block}@media(min-width: 768px){.detail_grid .grid-item span{font-size:1rem;line-height:1.4}}.detail_grid .grid-item span.touch_copy{cursor:pointer;user-select:all;padding:.25rem .5rem;background:#fff;border-radius:4px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);display:inline-block}.detail_grid .grid-item span.touch_copy:hover{background:#e0e7ff;color:#667eea}.detail_grid .grid-item span.touch_copy:active{transform:scale(0.98)}.graf{margin:2rem 0;padding:2rem;background:hsla(0,0%,100%,.7);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid hsla(0,0%,100%,.3);border-radius:1.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}@media(min-width: 768px){.graf{padding:1.5rem}}.graf canvas{max-width:100%;height:auto !important;max-height:400px}@media(min-width: 768px){.graf canvas{max-height:500px}}.graf .small{display:block;text-align:center;margin-top:.75rem;font-size:.75rem}@media(min-width: 768px){.graf .small{font-size:.875rem}}.section{margin:2rem 0;max-width:1400px;margin-left:auto;margin-right:auto}.section.s_03{padding:0 1rem}@media(min-width: 768px){.section.s_03{padding:0 1.5rem}}.section.s_03 .wide{background:hsla(0,0%,100%,.7);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid hsla(0,0%,100%,.3);border-radius:1.5rem;padding:1.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);margin-bottom:1.5rem}@media(min-width: 768px){.section.s_03 .wide{padding:1.5rem}}.section.s_03 .wide p{font-weight:700;font-size:1rem;color:#1e293b;margin-bottom:1rem;border-bottom:2px solid #e60012;padding-bottom:.5rem}@media(min-width: 768px){.section.s_03 .wide p{font-size:1.125rem}}.section.s_03 .wide #ingreList{font-size:.875rem;line-height:1.6;color:#475569}@media(min-width: 768px){.section.s_03 .wide #ingreList{font-size:.9375rem}}.accordion_one{margin-bottom:1.5rem;border-radius:1.5rem;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);background:hsla(0,0%,100%,.7);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid hsla(0,0%,100%,.3)}.accordion_one .accordion_header{background:linear-gradient(135deg, #e60012, rgb(179, 0, 14.0086956522));color:#fff;padding:1rem;font-weight:700;font-size:.9375rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);user-select:none}@media(min-width: 768px){.accordion_one .accordion_header{padding:1.25rem;font-size:1rem}}.accordion_one .accordion_header:hover{background:linear-gradient(135deg, rgb(204.5, 0, 16.0043478261), rgb(153.5, 0, 12.0130434783))}.accordion_one .accordion_header:active{transform:scale(0.99)}.accordion_one .accordion_header.open .i_box i{transform:rotate(45deg)}.accordion_one .accordion_header .i_box{width:24px;height:24px;display:flex;align-items:center;justify-content:center}@media(min-width: 768px){.accordion_one .accordion_header .i_box{width:28px;height:28px}}.accordion_one .accordion_header .i_box i{display:block;width:16px;height:16px;position:relative;transition:transform .3s ease}@media(min-width: 768px){.accordion_one .accordion_header .i_box i{width:20px;height:20px}}.accordion_one .accordion_header .i_box i::before,.accordion_one .accordion_header .i_box i::after{content:"";position:absolute;background:#fff;border-radius:2px}.accordion_one .accordion_header .i_box i::before{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}.accordion_one .accordion_header .i_box i::after{width:2px;height:100%;left:50%;top:0;transform:translateX(-50%)}.accordion_one .accordion_inner{display:none;background:#fff}.accordion_one .accordion_inner .box_one{padding:1rem;font-size:.875rem;line-height:1.7;color:#475569}@media(min-width: 768px){.accordion_one .accordion_inner .box_one{padding:1.5rem;font-size:.9375rem}}.kanren_list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}@media(min-width: 768px){.kanren_list{gap:1rem}}.kanren_list .h1_header{grid-column:1/-1;font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 .5rem 0;padding-bottom:.5rem;border-bottom:2px solid #e60012}@media(min-width: 768px){.kanren_list .h1_header{font-size:1.125rem}}.kanren_list li{background:#f8fafc;padding:.75rem;border-radius:8px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}@media(min-width: 768px){.kanren_list li{padding:1rem}}.kanren_list li:hover{background:#e0e7ff;transform:translateX(4px)}.kanren_list li a{color:#1e293b;text-decoration:none;font-size:.875rem;display:block}@media(min-width: 768px){.kanren_list li a{font-size:.9375rem}}.kanren_list li a:hover{color:#667eea}#KaisekiArea{display:grid;gap:2rem;padding:0 1rem 2rem;margin:2rem 0;max-width:1400px;margin-left:auto;margin-right:auto}@media(min-width: 768px){#KaisekiArea{padding:1.5rem}}@media(min-width: 1024px){#KaisekiArea{grid-template-columns:1fr 300px;gap:2rem}}#KaisekiArea .area-KaisekiText{background:hsla(0,0%,100%,.7);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid hsla(0,0%,100%,.3);border-radius:1.5rem;padding:2rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}@media(min-width: 768px){#KaisekiArea .area-KaisekiText{padding:1.5rem}}#KaisekiArea .area-KaisekiText .h1_header{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 1rem 0;padding-bottom:.75rem;border-bottom:3px solid #e60012}@media(min-width: 768px){#KaisekiArea .area-KaisekiText .h1_header{font-size:1.5rem}}#KaisekiArea .area-KaisekiText header h2{font-size:1.125rem;font-weight:600;color:#1e293b;margin:1.5rem 0 1rem}@media(min-width: 768px){#KaisekiArea .area-KaisekiText header h2{font-size:1.25rem}}#KaisekiArea .area-KaisekiText .kaiseki{font-size:.9375rem;line-height:1.8;color:#334155}@media(min-width: 768px){#KaisekiArea .area-KaisekiText .kaiseki{font-size:1rem}}#KaisekiArea .area-KaisekiText .kaiseki p{margin-bottom:1rem}#KaisekiArea .area-SideBar{display:flex;flex-direction:column;gap:1rem}@media(max-width: 1023px){#KaisekiArea .area-SideBar{order:2}}.adtop{background:hsla(0,0%,100%,.7);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid hsla(0,0%,100%,.3);border-radius:1rem;padding:1rem;margin:1.5rem 0;text-align:center;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}@media(min-width: 768px){.adtop{padding:1rem}}.adtop span{display:block;font-size:.75rem;color:#64748b;margin-bottom:.5rem}@media(min-width: 768px){.adtop span{font-size:.8125rem}}.text-shadow-white{text-shadow:1px 1px 2px hsla(0,0%,100%,.8)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.loading-skeleton{background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size:1000px 100%;animation:shimmer 2s infinite}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-float{animation:float 3s ease-in-out infinite}/*# sourceMappingURL=contain-product.css.map */