BOOK MARK Reed Diffuser VERDANT
.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; } } 上質空間へ誘うVERDANTディフューザー 空間に広がる上質な香りが、日々の生活を心地よく彩ります。植物由来の消臭成分が気になる匂いを浄化し、約2ヶ月間、清潔で洗練された空気で満たします。日常に溶け込むモダンなデザインで、暮らしのBOOK MARKとなるでしょう。 飾るだけで洗練された空間を演出 ブランドコンセプト 「日常の空間を自分に合った空間に」というコンセプトから生まれたブランドです。 上質で心地よいフレグランスがあなたを満たします。 日常の様々な場所にさりげなく存在することで、生活のBOOKMARKとなることを目指しています。 商品説明 上質な香りが空間に広がるディフューザー。植物性消臭成分配合で消臭機能を発揮します。 製品仕様 本体サイズ 【幅】8.7cm【奥行】3cm【高さ】 14.2cm(スティック込み30cm) 内容量 150ml 芳香期間 約2ヶ月 内容物 ボトル、フレグランスオイル、ファイバースティック
More you might like
Related
BOOK MARK Reed Diffuser ORIENTAL GARDEN
Related
BOOK MARK Reed Diffuser OCEAN MUSK
Related
BOOK MARK Reed Diffuser AFTER THE RAIN
Related