BOOK MARK Reed Diffuser AFTER THE RAIN
.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; } } 心地よい空間を演出する、上質ディフューザー 毎日を豊かにする、香りのブックマーク 日々の暮らしに寄り添う、150mlのフレグランス。 植物性消臭成分が、気になる匂いを優しく取り除き、約2ヶ月間、洗練された香りが空間全体を包み込みます。 商品の詳細 商品の特徴 「日常の空間を自分に合った空間に」というコンセプトから生まれたブランドです。 上質で心地よいフレグランスがあなたを満たします。 日常の様々な場所にさりげなく存在することで、生活のBOOKMARKになりますように。 上質な香りが空間に広がるディフューザー。 植物性消臭成分配合で消臭機能を発揮します。 約2ヶ月間、洗練された香りが空間全体を包み込みます。 サイズ・仕様 本体サイズ 幅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 OCEAN MUSK
Related