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