【送料無料：8袋セット】NINZIAナッツ ローズマリーカシュー味
*, *::before, *::after { box-sizing: border-box; } /* ============================================================ 共通リセット ========================================================== == */ .nn-lp { width: 100%; max-width: 100%; overflow-x: hidden; font-family: 'Noto Serif JP', serif; color: #F5F0E8; -webkit-text-size-adjust: 100%; } .nn-lp img { max-width: 100%; height: auto; display: block; } .nn-lp h1, .nn-lp h2, .nn-lp h3 { margin: 0; font-weight: 300; } .nn-lp p { margin: 0; } /* ============================================================ Section 01: Hero ============================================================ */ .nn-hero { width: 100%; background: #0B1120; display: flex; flex-direction: column; } .nn-hero__photo { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; position: relative; background: #131D30; } .nn-hero__photo img { width: 100%; height: 100%; object-fit: cover; display: block; } .nn-hero__text { background: #0B1120; padding: 36px 20px 24px; } .nn-hero__brand { font-family: 'Cormorant Garamond', serif; font-size: 10px; font-weight: 300; letter-spacing: 0.5em; color: #C9A84C; text-transform: uppercase; margin-bottom: 20px; display: block; } .nn-hero__headline { font-size: clamp(32px, 9vw, 48px); font-weight: 300; line-height: 1.6; letter-spacing: 0.05em; color: #F5F0E8; margin-bottom: 0; } .nn-hero__headline em { font-style: normal; color: #C9A84C; } .nn-hero__strip { background: #0B1120; padding: 16px 20px 36px; display: flex; flex-direction: column; gap: 8px; } .nn-hero__tagline-row { display: inline-block; background: #C9A84C; padding: 9px 16px 9px 12px; font-family: 'Noto Serif JP', serif; font-size: clamp(15px, 4vw, 19px); font-weight: 300; letter-spacing: 0.1em; color: #0B1120; line-height: 1.4; width: fit-content; } /* ============================================================ Section 01b: Flavor ============================================================ */ .nn-flavor { width: 100%; background: #0B1120; } .nn-flavor__header { padding: 52px 20px 36px; } .nn-flavor__label { font-family: 'Cormorant Garamond', serif; font-size: 10px; font-weight: 300; letter-spacing: 0.5em; color: #C9A84C; text-transform: uppercase; margin-bottom: 16px; display: block; } .nn-flavor__title { font-size: clamp(22px, 6vw, 32px); font-weight: 300; letter-spacing: 0.07em; color: #F5F0E8; margin-bottom: 14px; line-height: 1.5; } .nn-flavor__line { width: 120px; height: 1px; background: linear-gradient(90deg, rgba(201,168,76,0.5), transparent); margin-bottom: 14px; } .nn-flavor__lead { font-family: 'Noto Sans JP', sans-serif; font-size: 13px; font-weight: 300; line-height: 2.1; color: rgba(245,240,232,0.55); } .nn-flavor__card { background: #131D30; margin-bottom: 2px; overflow: hidden; position: relative; } .nn-flavor__card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #C9A84C, rgba(201,168,76,0.1)); z-index: 1; } .nn-flavor__card-photo { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #0E1929; } .nn-flavor__card-photo img { width: 100%; height: 100%; object-fit: cover; display: block; } .nn-flavor__card-text { padding: 28px 20px 36px; } .nn-flavor__en { font-family: 'Cormorant Garamond', serif; font-size: 10px; font-weight: 300; letter-spacing: 0.45em; color: rgba(201,168,76,0.5); text-transform: uppercase; margin-bottom: 12px; display: block; } .nn-flavor__name { font-size: clamp(20px, 5vw, 26px); font-weight: 300; letter-spacing: 0.08em; color: #C9A84C; margin-bottom: 16px; line-height: 1.6; } .nn-flavor__divider { width: 36px; height: 1px; background: rgba(201,168,76,0.35); margin-bottom: 16px; } .nn-flavor__desc { font-family: 'Noto Sans JP', sans-serif; font-size: 13px; font-weight: 300; line-height: 2.2; color: rgba(245,240,232,0.6); } .nn-flavor__footer { height: 48px; background: #0B1120; } /* ============================================================ Section 02: Problem ============================================================ */ .nn-problem { width: 100%; background-color: #0F172A; } .nn-problem__photo { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #131D30; } .nn-problem__photo img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0.85; } .nn-problem__intro { padding: 36px 20px 44px; background: #0F172A; } .nn-problem__label { font-family: 'Cormorant Garamond', serif; font-size: 10px; font-weight: 300; letter-spacing: 0.5em; color: #C9A84C; text-transform: uppercase; margin-bottom: 20px; display: block; } .nn-problem__title { font-size: clamp(20px, 5.5vw, 28px); font-weight: 300; letter-spacing: 0.06em; line-height: 1.75; color: #F5F0E8; margin-bottom: 20px; } .nn-problem__title em { font-style: normal; color: #C9A84C; } .nn-problem__lead { font-family: 'Noto Sans JP', sans-serif; font-size: 13px; font-weight: 300; line-height: 2.2; color: rgba(245,240,232,0.58); } .nn-problem__cards { display: flex; flex-direction: column; gap: 2px; } .nn-problem__card { background: #131D30; padding: 32px 20px 40px; position: relative; overflow: hidden; } .nn-problem__card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; } .nn-problem__card--left::before { background: linear-gradient(90deg, #3D5A47 0%, transparent 70%); } .nn-problem__card--right::before { background: linear-gradient(90deg, #6B4226 0%, transparent 70%); } .nn-problem__card-type { font-family: 'Cormorant Garamond', serif; font-size: 10px; letter-spacing: 0.45em; color: rgba(245,240,232,0.3); text-transform: uppercase; margin-bottom: 14px; display: block; } .nn-problem__card-title { font-size: clamp(17px, 4.5vw, 22px); font-weight: 300; color: #F5F0E8; margin-bottom: 14px; letter-spacing: 0.05em; line-height: 1.65; } .nn-problem__card-text { font-family: 'Noto Sans JP', sans-serif; font-size: 13px; font-weight: 300; line-height: 2.1; color: rgba(245,240,232,0.52); } .nn-problem__conclusion { padding: 44px 20px; background: #0B1120; border-top: 1px solid rgba(255,255,255,0.06); } .nn-problem__conclusion-en { font-family: 'Cormorant Garamond', serif; font-size: 13px; font-style: italic; font-weight: 300; color: rgba(201,168,76,0.45); margin-bottom: 16px; letter-spacing: 0.08em; display: block; line-height: 1.8; } .nn-problem__conclusion-main { font-size: clamp(18px, 5vw, 24px); font-weight: 300; color: #F5F0E8; letter-spacing: 0.06em; line-height: 1.85; } .nn-problem__conclusion-main strong { color: #C9A84C; font-weight: 400; } /* ============================================================ Section 03: Concept ============================================================ */ .nn-concept { width: 100%; background-color: #0B1120; } .nn-concept__photo { width: 100%; aspect-ratio: 4 / 3; overflow: hidden; background: #131D30; } .nn-concept__photo img { width: 100%; height: 100%; object-fit: cover; display: block; } .nn-concept__text { padding: 44px 20px 52px; background: #0B1120; } .nn-concept__label { font-family: 'Cormorant Garamond', serif; font-size: 10px; font-weight: 300; letter-spacing: 0.45em; color: #C9A84C; text-transform: uppercase; margin-bottom: 22px; display: block; } .nn-concept__title { font-size: clamp(20px, 5.5vw, 28px); font-weight: 300; letter-spacing: 0.07em; line-height: 1.8; color: #F5F0E8; margin-bottom: 28px; } .nn-concept__title em { font-style: normal; color: #C9A84C; } .nn-concept__copy { font-family: 'Cormorant Garamond', serif; font-size: clamp(14px, 4vw, 17px); font-style: italic; font-weight: 300; color: rgba(245,240,232,0.45); line-height: 1.8; margin-bottom: 28px; border-left: 2px solid rgba(201,168,76,0.4); padding-left: 18px; } .nn-concept__desc { font-family: 'Noto Sans JP', sans-serif; font-size: 13px; font-weight: 300; line-height: 2.2; color: rgba(245,240,232,0.6); margin-bottom: 28px; } .nn-concept__tags { display: flex; flex-wrap: wrap; gap: 8px; } .nn-concept__tag { border: 1px solid rgba(201,168,76,0.4); color: rgba(201,168,76,0.75); font-family: 'Noto Sans JP', sans-serif; font-size: 11px; font-weight: 300; letter-spacing: 0.1em; padding: 5px 12px; } /* ============================================================ Section 04: Features ============================================================ */ .nn-feat { width: 100%; background-color: #0F172A; padding: 52px 0 0; } .nn-feat__inner { padding: 0 20px; } .nn-feat__header { margin-bottom: 40px; } .nn-feat__label { font-family: 'Cormorant Garamond', serif; font-size: 10px; font-weight: 300; letter-spacing: 0.5em; color: #C9A84C; text-transform: uppercase; margin-bottom: 16px; display: block; } .nn-feat__title { font-size: clamp(22px, 6vw, 30px); font-weight: 300; letter-spacing: 0.07em; line-height: 1.5; color: #F5F0E8; margin-bottom: 20px; } .nn-feat__header-deco { display: flex; align-items: center; gap: 16px; } .nn-feat__header-deco-dot { width: 5px; height: 5px; background: #C9A84C; border-radius: 50%; flex-shrink: 0; } .nn-feat__header-deco-line { flex: 1; height: 1px; background: linear-gradient(90deg, rgba(201,168,76,0.5) 0%, transparent 100%); max-width: 160px; } .nn-feat__item { margin-bottom: 2px; overflow: hidden; } .nn-feat__photo { width: 100%; aspect-ratio: 16 / 9; background: #0E1929; overflow: hidden; } .nn-feat__photo img { width: 100%; height: 100%; object-fit: cover; display: block; } .nn-feat__text { padding: 32px 20px 32px; background: #131D30; border-bottom: 1px solid rgba(255,255,255,0.05); } .nn-feat__item--01 .nn-feat__text { background: #131D30; } .nn-feat__item--02 .nn-feat__text { background: #111C2E; } .nn-feat__item--03 .nn-feat__text { background: #0F1C30; } .nn-feat__number { font-family: 'Cormorant Garamond', serif; font-size: 36px; font-weight: 300; color: rgba(201,168,76,0.18); line-height: 1; margin-bottom: 10px; } .nn-feat__badge { display: inline-block; border: 1px solid rgba(201,168,76,0.45); color: #C9A84C; font-family: 'Noto Sans JP', sans-serif; font-size: 10px; letter-spacing: 0.15em; padding: 4px 12px; margin-bottom: 16px; } .nn-feat__name { font-size: clamp(19px, 5vw, 24px); font-weight: 300; letter-spacing: 0.06em; line-height: 1.65; color: #F5F0E8; margin-bottom: 16px; } .nn-feat__desc { font-family: 'Noto Sans JP', sans-serif; font-size: 13px; font-weight: 300; line-height: 2.2; color: rgba(245,240,232,0.55); } .nn-feat__reason { padding: 28px 20px 36px; } .nn-feat__item--01 .nn-feat__reason { background: #0E1929; } .nn-feat__item--02 .nn-feat__reason { background: #0D1828; } .nn-feat__item--03 .nn-feat__reason { background: #0C1825; } .nn-feat__reason-label { font-family: 'Cormorant Garamond', serif; font-size: 10px; letter-spacing: 0.42em; color: rgba(201,168,76,0.5); text-transform: uppercase; margin-bottom: 16px; display: flex; align-items: center; gap: 10px; } .nn-feat__reason-label::after { content: ''; display: block; height: 1px; width: 28px; background: rgba(201,168,76,0.3); } .nn-feat__reason-text { font-size: clamp(17px, 4.5vw, 22px); font-weight: 300; line-height: 1.9; color: rgba(245,240,232,0.85); letter-spacing: 0.04em; } .nn-feat__reason-text strong { color: #C9A84C; font-weight: 400; } .nn-feat__bottom-pad { height: 52px; } /* ============================================================ Section 05: Lineup ============================================================ */ .nn-lineup { width: 100%; background-color: #0B1120; padding: 52px 0; } .nn-lineup__inner { padding: 0 20px; } .nn-lineup__header { margin-bottom: 32px; } .nn-lineup__label { font-family: 'Cormorant Garamond', serif; font-size: 10px; font-weight: 300; letter-spacing: 0.45em; color: #C9A84C; text-transform: uppercase; margin-bottom: 16px; display: block; } .nn-lineup__title { font-size: clamp(22px, 6vw, 30px); font-weight: 300; letter-spacing: 0.08em; color: #F5F0E8; } .nn-lineup__grid { display: flex; flex-direction: column; gap: 2px; } .nn-lineup__card { background: #131D30; overflow: hidden; position: relative; } .nn-lineup__card--rosemary .nn-lineup__accent-line { background: linear-gradient(90deg, #3D5A47, transparent); } .nn-lineup__card--coconut .nn-lineup__accent-line { background: linear-gradient(90deg, #6B4226, transparent); } .nn-lineup__accent-line { width: 100%; height: 3px; } .nn-lineup__photo { width: 100%; aspect-ratio: 4 / 3; overflow: hidden; background: #0E1929; } .nn-lineup__photo img { width: 100%; height: 100%; object-fit: cover; display: block; } .nn-lineup__info { padding: 24px 20px 32px; } .nn-lineup__flavor-en { font-family: 'Cormorant Garamond', serif; font-size: 10px; font-weight: 300; letter-spacing: 0.4em; color: rgba(245,240,232,0.35); text-transform: uppercase; margin-bottom: 8px; display: block; } .nn-lineup__flavor-name { font-size: clamp(20px, 5.5vw, 26px); font-weight: 300; letter-spacing: 0.08em; color: #F5F0E8; margin-bottom: 16px; line-height: 1.5; } .nn-lineup__flavor-desc { font-family: 'Noto Sans JP', sans-serif; font-size: 13px; font-weight: 300; line-height: 2.2; color: rgba(245,240,232,0.6); margin-bottom: 16px; } .nn-lineup__meta { border-top: 1px solid rgba(255,255,255,0.07); padding-top: 16px; } .nn-lineup__volume { font-family: 'Cormorant Garamond', serif; font-size: 14px; font-weight: 300; letter-spacing: 0.2em; color: rgba(245,240,232,0.4); } /* ============================================================ Section 06: Comparison ============================================================ */ .nn-comp { width: 100%; background-color: #0F172A; padding: 52px 0; } .nn-comp__inner { padding: 0 20px; } .nn-comp__header { margin-bottom: 32px; } .nn-comp__label { font-family: 'Cormorant Garamond', serif; font-size: 10px; font-weight: 300; letter-spacing: 0.45em; color: #C9A84C; text-transform: uppercase; margin-bottom: 16px; display: block; } .nn-comp__title { font-size: clamp(20px, 5.5vw, 28px); font-weight: 300; letter-spacing: 0.08em; color: #F5F0E8; } .nn-comp__table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 -4px; } .nn-comp__table { width: 100%; border-collapse: collapse; min-width: 480px; font-size: 12px; } .nn-comp__table thead tr th { padding: 14px 10px; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.07); } .nn-comp__table th:first-child { text-align: left; color: rgba(245,240,232,0.35); width: 28%; font-family: 'Noto Sans JP', sans-serif; font-size: 10px; font-weight: 300; letter-spacing: 0.1em; } .nn-comp__th-others { font-family: 'Noto Sans JP', sans-serif; font-size: 11px; font-weight: 300; color: rgba(245,240,232,0.38); letter-spacing: 0.06em; } .nn-comp__th-ninzia { color: #C9A84C; background: rgba(201,168,76,0.05); border-left: 1px solid rgba(201,168,76,0.18); border-right: 1px solid rgba(201,168,76,0.18); position: relative; font-family: 'Noto Serif JP', serif; font-size: 12px; font-weight: 300; letter-spacing: 0.08em; } .nn-comp__th-ninzia::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: #C9A84C; } .nn-comp__table tbody tr { border-bottom: 1px solid rgba(255,255,255,0.04); } .nn-comp__table td { padding: 14px 10px; text-align: center; vertical-align: middle; } .nn-comp__table td:first-child { text-align: left; font-family: 'Noto Sans JP', sans-serif; font-size: 11px; font-weight: 300; color: rgba(245,240,232,0.65); letter-spacing: 0.04em; } .nn-comp__td-others { font-family: 'Noto Sans JP', sans-serif; font-size: 11px; color: rgba(245,240,232,0.3); line-height: 1.6; } .nn-comp__td-ninzia { background: rgba(201,168,76,0.04); border-left: 1px solid rgba(201,168,76,0.12); border-right: 1px solid rgba(201,168,76,0.12); } .nn-comp__icon-good { color: #C9A84C; font-size: 15px; } .nn-comp__icon-bad { color: rgba(245,240,232,0.18); font-size: 15px; } .nn-comp__icon-warn { color: #7A5E1A; font-size: 15px; } .nn-comp__table small { display: block; font-size: 9px; margin-top: 3px; letter-spacing: 0.04em; } .nn-comp__footer { margin-top: 28px; padding: 28px 20px; border: 1px solid rgba(201,168,76,0.14); background: rgba(201,168,76,0.03); } .nn-comp__footer-text { font-size: clamp(15px, 4vw, 18px); font-weight: 300; letter-spacing: 0.06em; line-height: 1.85; color: #F5F0E8; } .nn-comp__footer-text strong { color: #C9A84C; font-weight: 400; } /* ============================================================ Section 07: Scene ============================================================ */ .nn-scene { width: 100%; background-color: #0B1120; padding: 52px 0; } .nn-scene__header { padding: 0 20px 36px; } .nn-scene__label { font-family: 'Cormorant Garamond', serif; font-size: 10px; font-weight: 300; letter-spacing: 0.5em; color: #C9A84C; text-transform: uppercase; margin-bottom: 16px; display: block; } .nn-scene__title { font-size: clamp(22px, 6vw, 30px); font-weight: 300; letter-spacing: 0.07em; color: #F5F0E8; line-height: 1.65; } .nn-scene__title em { font-style: normal; color: #C9A84C; } .nn-scene__cards { display: flex; flex-direction: column; gap: 2px; } .nn-scene__card { background: #131D30; overflow: hidden; position: relative; } .nn-scene__card-photo { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #0E1929; } .nn-scene__card-photo img { width: 100%; height: 100%; object-fit: cover; display: block; } .nn-scene__card-body { padding: 24px 20px 32px; } .nn-scene__card-number { font-family: 'Cormorant Garamond', serif; font-size: 10px; letter-spacing: 0.42em; color: rgba(201,168,76,0.5); text-transform: uppercase; margin-bottom: 8px; display: block; } .nn-scene__card-title { font-size: clamp(16px, 4.5vw, 19px); font-weight: 300; letter-spacing: 0.05em; color: #F5F0E8; margin-bottom: 10px; line-height: 1.65; } .nn-scene__card-desc { font-family: 'Noto Sans JP', sans-serif; font-size: 12px; font-weight: 300; line-height: 2; color: rgba(245,240,232,0.48); } .nn-scene__card--highlight { background: #0F1E35; } .nn-scene__card--highlight::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #C9A84C, rgba(201,168,76,0.2)); z-index: 1; } .nn-scene__card--highlight .nn-scene__card-title { color: #C9A84C; } /* ============================================================ Section 08: Awards ============================================================ */ .nn-awards { width: 100%; background-color: #0F172A; padding: 52px 0; } .nn-awards__inner { padding: 0 20px; } .nn-awards__header { margin-bottom: 36px; } .nn-awards__label { font-family: 'Cormorant Garamond', serif; font-size: 10px; font-weight: 300; letter-spacing: 0.5em; color: #C9A84C; text-transform: uppercase; margin-bottom: 16px; display: block; } .nn-awards__title { font-size: clamp(20px, 5.5vw, 28px); font-weight: 300; letter-spacing: 0.07em; color: #F5F0E8; } .nn-awards__card { background: #131D30; margin-bottom: 2px; overflow: hidden; position: relative; } .nn-awards__card--a::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: linear-gradient(to bottom, #C9A84C, rgba(201,168,76,0.08)); z-index: 1; } .nn-awards__card--b { background: #111C2E; } .nn-awards__card--b::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 3px; background: linear-gradient(to bottom, #C9A84C, rgba(201,168,76,0.08)); z-index: 1; } .nn-awards__card--c { background: #0F1C30; } .nn-awards__card--c::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, transparent 0%, #C9A84C 50%, transparent 100%); z-index: 1; } .nn-awards__card-photo { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #0E1929; } .nn-awards__card-photo img { width: 100%; height: 100%; object-fit: cover; display: block; } .nn-awards__card-text { padding: 28px 20px 36px; } .nn-awards__org { font-family: 'Noto Sans JP', sans-serif; font-size: 10px; font-weight: 300; letter-spacing: 0.2em; color: rgba(245,240,232,0.3); text-transform: uppercase; margin-bottom: 12px; display: block; } .nn-awards__award-name { font-size: clamp(17px, 4.5vw, 21px); font-weight: 300; letter-spacing: 0.06em; color: #C9A84C; margin-bottom: 14px; line-height: 1.65; } .nn-awards__award-desc { font-family: 'Noto Sans JP', sans-serif; font-size: 13px; font-weight: 300; line-height: 2.1; color: rgba(245,240,232,0.55); } .nn-awards__research-label { font-family: 'Cormorant Garamond', serif; font-size: 10px; letter-spacing: 0.45em; color: rgba(201,168,76,0.5); text-transform: uppercase; margin-bottom: 12px; display: block; } .nn-awards__research-detail { margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.06); font-family: 'Noto Sans JP', sans-serif; font-size: 11px; font-weight: 300; line-height: 1.9; color: rgba(245,240,232,0.28); } /* ============================================================ Section 09: Product Details ============================================================ */ .nn-detail { width: 100%; background-color: #0B1120; padding: 52px 0; } .nn-detail__inner { padding: 0 20px; } .nn-detail__header { margin-bottom: 32px; } .nn-detail__label { font-family: 'Cormorant Garamond', serif; font-size: 10px; font-weight: 300; letter-spacing: 0.45em; color: #C9A84C; text-transform: uppercase; margin-bottom: 16px; display: block; } .nn-detail__title { font-size: clamp(20px, 5.5vw, 28px); font-weight: 300; letter-spacing: 0.08em; color: #F5F0E8; } .nn-detail__flavor-heading { padding: 20px 20px 0; background: #131D30; border-top: 2px solid #C9A84C; } .nn-detail__flavor-heading-text { font-family: 'Cormorant Garamond', serif; font-size: 11px; letter-spacing: 0.4em; color: #C9A84C; text-transform: uppercase; } .nn-detail__panel { display: block; background: #131D30; margin-bottom: 2px; } .nn-detail__info-table { padding: 28px 20px; border-bottom: 1px solid rgba(255,255,255,0.05); } .nn-detail__info-title { font-family: 'Cormorant Garamond', serif; font-size: 11px; letter-spacing: 0.35em; text-transform: uppercase; color: rgba(245,240,232,0.6); margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.07); } .nn-detail__row { display: grid; grid-template-columns: 76px 1fr; gap: 8px; padding: 11px 0; border-bottom: 1px solid rgba(255,255,255,0.04); } .nn-detail__row:last-child { border-bottom: none; } .nn-detail__row-key { font-family: 'Noto Sans JP', sans-serif; font-size: 11px; font-weight: 300; color: rgba(245,240,232,0.35); letter-spacing: 0.08em; padding-top: 2px; } .nn-detail__row-value { font-family: 'Noto Sans JP', sans-serif; font-size: 13px; font-weight: 300; color: rgba(245,240,232,0.72); line-height: 1.85; } .nn-detail__nutrition-table { padding: 28px 20px; } .nn-detail__nutrition-title { font-family: 'Cormorant Garamond', serif; font-size: 11px; letter-spacing: 0.35em; text-transform: uppercase; color: rgba(245,240,232,0.6); margin-bottom: 6px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.07); } .nn-detail__nutrition-note { font-family: 'Noto Sans JP', sans-serif; font-size: 11px; color: rgba(245,240,232,0.28); margin-bottom: 16px; } .nn-detail__nutrition-row { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.04); } .nn-detail__nutrition-row:last-child { border-bottom: none; } .nn-detail__nutrition-name { font-family: 'Noto Sans JP', sans-serif; font-size: 13px; font-weight: 300; color: rgba(245,240,232,0.58); } .nn-detail__nutrition-value { font-family: 'Cormorant Garamond', serif; font-size: 18px; font-weight: 300; color: #C9A84C; letter-spacing: 0.04em; } .nn-detail__allergen { padding: 20px; background: #0E1929; border-top: 1px solid rgba(255,255,255,0.05); } .nn-detail__allergen-title { font-family: 'Noto Sans JP', sans-serif; font-size: 11px; font-weight: 300; color: rgba(245,240,232,0.3); letter-spacing: 0.12em; margin-bottom: 6px; } .nn-detail__allergen-text { font-family: 'Noto Sans JP', sans-serif; font-size: 11px; font-weight: 300; color: rgba(245,240,232,0.28); line-height: 1.95; } /* ============================================================ Section 10: FAQ ============================================================ */ .nn-faq { width: 100%; background-color: #0F172A; padding: 52px 0; } .nn-faq__inner { padding: 0 20px; } .nn-faq__header { margin-bottom: 36px; } .nn-faq__label { font-family: 'Cormorant Garamond', serif; font-size: 10px; font-weight: 300; letter-spacing: 0.45em; color: #C9A84C; text-transform: uppercase; margin-bottom: 16px; display: block; } .nn-faq__title { font-size: clamp(20px, 5.5vw, 28px); font-weight: 300; letter-spacing: 0.08em; color: #F5F0E8; } .nn-faq__item { border-bottom: 1px solid rgba(255,255,255,0.07); } .nn-faq__item:first-of-type { border-top: 1px solid rgba(255,255,255,0.07); } .nn-faq__q { width: 100%; background: transparent; border: none; padding: 22px 0; display: flex; align-items: flex-start; gap: 16px; cursor: pointer; text-align: left; } .nn-faq__q-mark { font-family: 'Cormorant Garamond', serif; font-size: 18px; font-weight: 300; color: #C9A84C; flex-shrink: 0; line-height: 1.5; min-width: 16px; } .nn-faq__q-text { font-family: 'Noto Serif JP', serif; font-size: 14px; font-weight: 300; letter-spacing: 0.04em; line-height: 1.75; color: #F5F0E8; flex: 1; } .nn-faq__q-icon { font-family: 'Cormorant Garamond', serif; font-size: 20px; color: rgba(201,168,76,0.45); flex-shrink: 0; transition: transform 0.28s; margin-top: 1px; } .nn-faq__item.open .nn-faq__q-icon { transform: rotate(45deg); color: #C9A84C; } .nn-faq__a { display: none; padding: 0 0 22px 32px; } .nn-faq__item.open .nn-faq__a { display: block; } .nn-faq__a-text { font-family: 'Noto Sans JP', sans-serif; font-size: 13px; font-weight: 300; line-height: 2.2; color: rgba(245,240,232,0.58); } /* ============================================================ Section 11: Close ============================================================ */ .nn-close { width: 100%; background-color: #0B1120; } .nn-close__photo { width: 100%; aspect-ratio: 4 / 3; overflow: hidden; background: #131D30; } .nn-close__photo img { width: 100%; height: 100%; object-fit: cover; display: block; } .nn-close__text { padding: 44px 20px 52px; background: #0B1120; } .nn-close__label { font-family: 'Cormorant Garamond', serif; font-size: 10px; font-weight: 300; letter-spacing: 0.45em; color: #C9A84C; text-transform: uppercase; margin-bottom: 22px; display: block; } .nn-close__headline { font-size: clamp(24px, 6.5vw, 36px); font-weight: 300; letter-spacing: 0.07em; line-height: 1.7; color: #F5F0E8; margin-bottom: 20px; } .nn-close__headline em { font-style: normal; color: #C9A84C; } .nn-close__copy { font-family: 'Cormorant Garamond', serif; font-size: clamp(13px, 3.5vw, 16px); font-style: italic; font-weight: 300; color: rgba(245,240,232,0.4); line-height: 1.8; margin-bottom: 28px; border-left: 2px solid rgba(201,168,76,0.35); padding-left: 18px; } .nn-close__sub { font-family: 'Noto Sans JP', sans-serif; font-size: 13px; font-weight: 300; line-height: 2.2; color: rgba(245,240,232,0.58); margin-bottom: 36px; } .nn-close__trust { display: flex; flex-direction: column; gap: 14px; } .nn-close__trust-item { display: flex; align-items: flex-start; gap: 14px; } .nn-close__trust-line { width: 20px; height: 1px; background: #C9A84C; flex-shrink: 0; margin-top: 10px; } .nn-close__trust-text { font-family: 'Noto Sans JP', sans-serif; font-size: 12px; font-weight: 300; color: rgba(245,240,232,0.5); letter-spacing: 0.08em; line-height: 1.9; } .nn-close__footer { background: #07101F; padding: 32px 20px; border-top: 1px solid rgba(255,255,255,0.06); display: flex; flex-direction: column; gap: 8px; } .nn-close__footer-logo { font-family: 'Cormorant Garamond', serif; font-size: 16px; font-weight: 300; letter-spacing: 0.45em; color: rgba(201,168,76,0.55); text-transform: uppercase; } .nn-close__footer-copy { font-family: 'Noto Sans JP', sans-serif; font-size: 11px; font-weight: 300; color: rgba(245,240,232,0.2); letter-spacing: 0.08em; } NINZIA — Spice Nuts おやつを、腸活の時間に。 内側から整う、 糖類ゼロ・コーティング。 Flavor 一度食べるとやみつきに。 2種のフレーバー、どちらも「濃厚」を追求。スパイスが、ナッツを別格にする。 Rosemary Cashew ローズマリー カシュー ハーブの清香と、カシューの濃厚なコク。唐辛子の余韻が後を引いて、気づけば手が止まらない。 Coconut Almond ココナッツ アーモンド 糖類ゼロなのに、口の中にひろがるリッチな満足感。ナチュラルなのに、贅沢。 Why We Made This 健康的で、しかも美味しいナッツが、なかった。だから、つくった。 ナッツは体にいい。でも毎日続けるには、味がなさすぎる。だからといって市販の味付きナッツは糖類・添加物まみれで、罪悪感が先に来る。どちらも本当の意味で「選べる商品」ではなかった。 素焼き派の悩み 健康的だけど、味がなくて続かない。 体に良いと知りながら、毎日食べると飽きてしまう素焼きナッツ。義務感だけで口に運ぶ習慣は長続きしない。 味付き派の悩み 美味しいけど、糖類・添加物が気になる。 糖類・人工甘味料・化学調味料が多い味付きナッツ。夜に食べるたびに感じる後ろめたさが、続けることを妨げている。 "Healthy and delicious. We refused to compromise." 「健康」も「美味しさ」も、どちらも妥協しないナッツを。それがNINZIAスパイスナッツの原点です。 Concept 味気ない素焼きには戻れない。罪悪感のある味付きには頼らない。 "The ultimate healthy nuts —flavor without compromise." 糖類・添加物を一切使用せず、ナッツ本来の栄養と満足感のあるフレーバーを両立させた、究極のヘルシー・ナッツ。NINZIAが独自開発した蒟蒻繊維素材「NinjaPaste」が、食の新しい常識をつくります。 糖類ゼロコーティング 完全無添加 食物繊維配合 2種のフレーバー Why NINZIA NINZIAのナッツが選ばれる3つの理由 01 業界初 ※ コンニャクを使った糖類ゼロ・コーティング 味付けのコーティング部分に糖質を一切使用しない独自の処方。砂糖・水飴・人工甘味料を排除し、NINZIAが開発した蒟蒻繊維素材のパウダーでコーティングを実現しました。※コーティング工程において糖質・糖類を一切不使用。ナッツ自体に糖質は含まれます。 選ばれる理由 味付きなのに、余計な糖質を上乗せしない。夜でも、お酒の席でも、罪悪感ゼロでパンチのある味を楽しめる。 02 独自配合 水溶性・不溶性食物繊維の黄金バランス ナッツが持つ不溶性食物繊維に加え、コーティングに水溶性食物繊維（こんにゃく由来グルコマンナン）を配合。2種類の食物繊維をひとつのスナックで同時に摂取できます。 選ばれる理由 食べながら、内側からリズムを整える。毎日のスッキリとした軽やかさをサポート。 03 完全無添加 調味料・香料・人工甘味料一切不使用 化学調味料・人工香料・保存料・着色料、すべてゼロ。使う素材はナッツ・スパイス・塩・こんにゃく粉のみ。素材の力だけで、深みのある味わいを実現しています。 選ばれる理由 ナチュラル志向の方へ。原材料のすべてが見えている、安心感。 Lineup 2つのフレーバー Flavor 01 / Rosemary Cashew ローズマリーカシュー ハーブの清々しい香りと、カシューナッツの濃厚なコクが重なる、大人のための深み。唐辛子のピリッとした刺激が後を引き、気づけば手が止まらなくなる一品。 内容量 120g Flavor 02 / Coconut Almond ココナッツアーモンド 南国を感じるやさしいココナッツの甘みと、アーモンドの芳ばしさが調和する豊かなフレーバー。糖類ゼロなのに、口に広がるリッチな満足感が後を引きます。 内容量 120g Comparison なぜ、NINZIAを選ぶのか。 一般的な味付きナッツ 素焼きナッツ NINZIAスパイスナッツ 糖類の使用 ✗砂糖・水飴など ○なし ◎コーティングに一切不使用 添加物 ✗調味料・香料 ○なし ◎完全無添加 食べ応え △高い（罪悪感あり） ✗低い・飽きやすい ◎高い（罪悪感ゼロ） 食物繊維 △不溶性のみ △不溶性のみ ◎水溶性＋不溶性 継続しやすさ △罪悪感で続けにくい ✗味に飽きる ◎美味しく習慣化 「健康的に食べたい」と「美味しいものが食べたい」その両方を叶えるのが、NINZIAスパイスナッツ。 Scene 毎日のあらゆる場面に、自然と馴染むナッツ。 Scene 01 晩酌のデフォルトに。 お酒を飲んでも、腸は整う。糖類ゼロだから夜の一杯に合わせても罪悪感なし。我が家の晩酌はこれが定番になった、という声が続出。 Scene 02 夜のリラックスタイムに。 夜の小腹が空いた時間に、罪悪感なく手が伸ばせる。深みのあるスパイスフレーバーが、大人の夜をゆっくり彩ります。 Scene 03 仕事中のデスクで。 タンパク質・ミネラル豊富なナッツで集中力をキープ。手が汚れにくいコーティングで、デスクでも快適に食べられます。 Scene 04 ナチュラルな習慣として。 食物繊維が腸内環境をサポート。「食べながら整える」新しい習慣を、美味しく始められます。 Recognition 世界が認めた、技術と実績。 Ando Momofuku Award 安藤百福賞発明発見奨励賞 受賞 当社代表・寄玉が「蒟蒻であたらしい食のカタチをつくるNinjaFoods開発と超咀嚼ナッツバー商品化」をテーマに受賞。日本の伝統素材・蒟蒻を原料にした新規食品結着素材「NinjaPaste」の開発と「超咀嚼ナッツバー」の商品化が評価されました。 Food 4 Future – Expo FoodTech 2024 / Spain, Bilbao FOODTECH INNOVATION AWARD 2024Healthy Food Award ファイナリスト スペイン・ビルバオで開催された国際フードテックイベント「Food 4 Future – Expo FoodTech 2024」に日本企業として唯一参加・出展。「Healthy Food Award」でファイナリストとして選出され、グッゲンハイム美術館（ビルバオ）にて受賞式に参加しました。 Product Details 商品詳細 Rosemary Cashew — ローズマリーカシュー 商品情報 名称菓子 原材料名カシューナッツ（インド産・ベトナム産）、ローズマリー、食塩、唐辛子、こんにゃく粉 内容量120g 賞味期限製造後6ヶ月（発送時点で1カ月以上のものをお送りします） 保存方法直射日光、高温多湿を避けて保存してください 栄養成分表示 100gあたり（推定値） エネルギー594 kcal たんぱく質16.2 g 脂質46.8 g 炭水化物27.1 g 食塩相当量0.7 g アレルゲン・コンタミネーション表示 アレルゲン：カシューナッツ ／ ※本品製造工場では、えび、かに、小麦、卵、乳、落花生、アーモンド、カシューナッツ、牛肉、ごま、さけ、さば、大豆、鶏肉、豚肉、ゼラチンを含む製品を生産しています。 Coconut Almond — ココナッツアーモンド 商品情報 名称菓子 原材料名アーモンド（アメリカ産）、ココナッツ、食塩、こんにゃく粉 内容量120g 賞味期限製造後6ヶ月（発送時点で1カ月以上のものをお送りします） 保存方法直射日光、高温多湿を避けて保存してください 栄養成分表示 100gあたり（推定値） エネルギー639 kcal たんぱく質17.0 g 脂質54.2 g 炭水化物20.9 g 食塩相当量0.5 g アレルゲン・コンタミネーション表示 アレルゲン：アーモンド ／ ※本品製造工場では、えび、かに、小麦、卵、乳、落花生、アーモンド、カシューナッツ、牛肉、ごま、さけ、さば、大豆、鶏肉、豚肉、ゼラチンを含む製品を生産しています。 NINZIA — Spice Nuts 今日から始める、美味しい腸活習慣。 "Snacking that works for you,not against you." お酒を飲んでも、腸は整う。夜に食べても、罪悪感はない。糖類ゼロの大人の夜ナッツ——NINZIAスパイスナッツ。 糖類・添加物 一切不使用 国際受賞フードテック企業 NINZIA 龍谷大学との共同研究実績 賞味期限1カ月以上保証のうえ発送 NINZIA © NINZIA Co., Ltd. All rights reserved.