BELLA HAT

SENSE OF GRACE Verified independent store

→

/* ▼▼▼ 全体の枠組み ▼▼▼ */ .product-wrapper { background-color: #f9f9f9; font-family: "Yu Mincho", "Hiragino Mincho ProN", "Times New Roman", serif, "Hiragino Sans", "Yu Gothic", "Noto S ans JP", Arial, sans-serif; width: 100%; max-width: none !important; padding: 40px 30px; box-sizing: border-box; margin: 0; color: #666666; line-height: 1.8; overflow-wrap: break-word; word-wrap: break-word; } /* ▼▼▼ コンテンツ幅制限 ▼▼▼ */ .content-section, details.spec-details, .shipping-box, .note-box, .video-wrapper { max-width: 800px; margin-left: auto; margin-right: auto; } .content-section { margin-bottom: 60px; border-bottom: 1px solid #dddddd; 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 #dddddd; padding-bottom: 8px; } .body-text { color: #666666; font-size: 14px !important; margin-bottom: 24px; letter-spacing: 0.03em; text-wrap: pretty; } .caption-text { color: #777777; font-size: 14px !important; margin-top: 8px; text-align: right; } .product-img { border-radius: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); margin-bottom: 10px; width: 100%; height: auto; } .marker { background: linear-gradient(transparent 60%, #1a362d40 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; } /* 動画用CSS */ .video-wrapper { width: 100%; margin: 40px auto; text-align: center; } .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; } .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 / 9; border: none; display: block; } /* アコーディオン */ details.spec-details { border: 1px solid #dddddd; border-radius: 4px; background-color: #f9f9f9; 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: #f9f9f9; 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: #1a362d; } details[open] summary.spec-summary { border-bottom: 1px solid #dddddd; 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: #f9f9f9; color: #666666; font-size: 14px !important; } .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, .product-wrapper ul:not([class]) { 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, .product-wrapper ul:not([class]) li { position: relative; padding-left: 1.8em; margin-bottom: 10px; line-height: 1.6; text-wrap: pretty; font-size: 14px !important; } ul.benefit-list li::before, .product-wrapper ul:not([class]) li::before { position: absolute; left: 0; content: "▶"; color: #1a362d; font-size: 0.8em; top: 3px; } ul.basic-list li::before { content: ""; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; 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: #777777; 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: #1a362d; 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 #1a362d; 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; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #dddddd; th, td { padding: 12px 8px; border: 1px solid #dddddd; 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 #eeeeee; background: #fcfcfc; padding: 20px; font-size: 14px !important; } .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; } @media (max-width: 600px) { .product-wrapper { padding: 30px 20px; line-height: 1.6; } .section-title { font-size: 1.3em; } } BELLA HAT 涼やかに彩る異素材ミックスハット 綿麻の清涼感と透かし編みの繊細な組み合わせが、夏の装いに上品なアクセントを添えます。どんなシーンにも寄り添う、軽やかで洗練されたデザインが魅力です。 大人の夏を引き立てるデザイン 持ち運びスマート、夏の快適ハット 旅先や外出時に嬉しいポケッタブル仕様で、くるっと丸めてバッグにすっきり収納できます。吸水速乾機能が汗ばむ季節も心地よさを保ち、内側のアジャスターで頭周りのサイズ調整も自由自在です。 機能性と利便性を両立 顔周りも華やぐ美人見えシルエット 顔をすっぽり覆う程よい広さのつばが、気になる紫外線から優しく肌を守ります。通気性に優れた素材で、真夏の日差しの中でも蒸れにくく、いつでも爽やかな着用感を提供します。 快適なフィット感と美しい印象 着用シーン 様々な夏の装いに溶け込む、BELLA HATの着用イメージです。 商品の特徴 大人の夏を彩るBELLA HATの主な特徴です。 涼感のある異素材ミックスデザイン 軽やかで通気性に優れた綿麻素材 内側アジャスターでサイズ調整が可能 コンパクトに収納できるポケッタブル仕様 汗ばむ季節に嬉しい吸水速乾機能 こだわりポイント POINT01: 綿麻生地を使用し、通気性と軽やかさを兼ね備えた夏に最適な素材感です。 POINT02: 内側のアジャスターで頭周りのサイズ調整が可能。快適なフィット感を実現します。 POINT03: 折りたたんでコンパクトに収納できるポケッタブル仕様。旅行や外出時に便利です。 サイズ詳細 商品の実寸サイズです。お手持ちの帽子と比較してご確認ください。 サイズ 頭周り クラウン高さ つばの長さ フリー 58.5cm 10cm 前6.5cm＋2cm、後6.5cm 素材・生産国 商品の素材構成です。 ポリエステル: 67% 綿: 23% 麻: 10% ※生産国については記載がございません。 ご使用上の注意 素材の特性上、摩擦や水濡れにより色落ちや型崩れの可能性があります。 洗濯は不可です。汚れは乾いた布で軽く拭き取ってください。 高温多湿を避け、風通しの良い場所で保管してください。 Show more