Earthtone Notes Reed Diffuser ORIENTAL
.product-wrapper { background-color: #ffffff; font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif, system-ui, -apple-system, BlinkMacSystemFont, "Sego e UI", Roboto, "Helvetica Neue", Arial, "Noto Sans JP", sans-serif; padding: 40px 20px; max-width: 800px; margin: 0 auto; color: #666666; line-height: 1.6; overflow-wrap: break-word; word-wrap: break-word; } .content-section { margin-bottom: 60px; border-bottom: 1px solid #cccccc; padding-bottom: 60px; } .content-section:last-child { margin-bottom: 0; border-bottom: none; } /* タイトル周り */ .section-title { color: #333333; font-size: 24px; margin-bottom: 24px; letter-spacing: 0.05em; line-height: 1.4; word-break: keep-all; text-wrap: balance; border-bottom: 1px solid #cccccc; padding-bottom: 8px; } .body-text { color: #666666; font-size: 14px; margin-bottom: 24px; letter-spacing: 0.03em; text-wrap: pretty; } .caption-text { color: #999999; font-size: 14px; margin-top: 8px; text-align: right; } .product-img { border-radius: 0px; box-shadow: none; margin-bottom: 10px; width: 100%; height: auto; } .marker { background: linear-gradient(transparent 60%, #33333340 60%); font-weight: bold; padding: 0 4px; } /* ▼▼▼ 画像の表示分け(枠・背景色なし) ▼▼▼ */ .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; } .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; } .spec-img-full { width: 100%; margin: 20px 0; text-align: center; } .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; } /* ▼▼▼ アコーディオン ▼▼▼ */ details.spec-details { border: 1px solid #cccccc; border-radius: 4px; background-color: #ffffff; color: #666666; margin-bottom: 15px; overflow: hidden; } summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; transition: background 0.2s; } summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); } summary.spec-summary::after { content: "+"; font-size: 1.5em; font-weight: normal; color: #333333; } details[open] summary.spec-summary { border-bottom: 1px solid #cccccc; background-color: rgba(0,0,0,0.02); } details[open] summary.spec-summary::after { content: "-"; } summary.spec-summary::-webkit-details-marker { display: none; } .spec-content { padding: 20px; background-color: #ffffff; font-size: 14px; } .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; } /* リストデザイン */ ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list { list-style: none; padding-left: 0; margin-bottom: 24px; } ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li { position: relative; padding-left: 1.8em; margin-bottom: 10px; line-height: 1.6; text-wrap: pretty; } ul.benefit-list li::before { position: absolute; left: 0; content: "●"; color: #333333; font-size: 0.9em; top: 2px; } ul.basic-list li::before { content: ""; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #999999; border-radius: 50%; } ul.point-list li::before { content: "▶"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; } ul.note-list li::before { content: "※"; position: absolute; left: 0; color: #999999; font-size: 0.9em; } ul.step-list { counter-reset: num; } ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #333333; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; } .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #333333; width: fit-content; word-break: keep-all; } .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; } .spec-table { width: 100%; white-space: nowrap; width: 100%; border-collapse: collapse; border: 1px solid #cccccc; th, td { padding: 12px 8px; border: 1px solid #cccccc; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } } .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #cccccc; background: #f8f8f8; padding: 20px; } .shipping-box strong { color: #333333; display: block; margin-bottom: 10px; border-bottom: 1px dashed #cccccc; padding-bottom: 5px; word-break: keep-all; } .note-box { border-color: #333333; } @media (max-width: 600px) { .product-wrapper { padding: 20px 15px; } .section-title { font-size: 1.3em; } } 心安らぐ香り、贅沢な空間体験 風が運ぶ自然の調べが心満たされる空間を演出。植物性消臭成分が生活臭を優しくケアし、約2ヶ月間、心地よい香りで穏やかな毎日を紡ぎます。 自然な佇まいのディフューザー ブランドコンセプト Earthtone Notesは、自然な香りと共に共存し、心豊かに過ごすことをコンセプトにしたエモーショナルフレグランスブランドです。 風が運ぶ自然の香り、遠い記憶に残るノスタルジックな香りを表現。 自然な調香を意識した優しい香りが心を満たします。 ゆったりとしたライフスタイルを意識したフレグランスシリーズ。 自然を意識したパッケージを採用し、ナチュラルな風合いをお楽しみいただけます。 お気に入りの香りと共にいつまでも穏やかに過ごせるように、との願いを込めて。 商品の特徴 上質な香りが空間に広がるディフューザーです。 空間に心地よい香りを広げ、リラックスできる環境を演出します。 植物性消臭成分を配合し、気になる生活臭を優しくケアします。 インテリアにも馴染む自然なデザインで、どんな空間にも調和します。 商品スペック 本製品の詳細情報をご確認いただけます。 本体サイズ 幅11cm × 奥行5cm × 高さ19cm (スティック込み30cm) 内容量 150ml 芳香期間 約2ヶ月 内容物 パウチ容器、フレグランスオイル、ファイバースティック、ガラス玉
More you might like
Related
Earthtone Notes Reed Diffuser CYPRESS
Related
Earthtone Notes Reed Diffuser JASMINE
Related
Earthtone Notes Reed Diffuser KINMOKUSEI
Related