BOSTON BRIEF

MEN’S CODE Verified independent store

→

.product-wrapper { background-color: #ffffff; font-family: Noto Sans JP, Roboto, Arial, Helvetica, 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 #e0e0e0; 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: 3px double #333333; padding-bottom: 6px; } .body-text { color: #666666; font-size: 14px; margin-bottom: 24px; letter-spacing: 0.03em; text-wrap: pretty; } .caption-text { color: #888888; 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%, #16202D40 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 #e0e0e0; 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: #16202D; } details[open] summary.spec-summary { border-bottom: 1px solid #e0e0e0; 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: #16202D; font-size: 0.8em; top: 3px; } ul.basic-list li::before { content: ""; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #888888; 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: #888888; 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: #16202D; 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 #16202D; 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 #e0e0e0; th, td { padding: 12px 8px; border: 1px solid #e0e0e0; 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 #e0e0e0; background: #ffffff; padding: 20px; } .shipping-box strong { color: #333333; display: block; margin-bottom: 10px; border-bottom: 1px dashed #e0e0e0; padding-bottom: 5px; word-break: keep-all; } .note-box { border-color: #16202D; } @media (max-width: 600px) { .product-wrapper { padding: 20px 15px; } .section-title { font-size: 1.3em; } } 都会に映える洗練ブリーフケース ネイビーと温かみのあるレザーのコントラストが、持つ人の個性を際立たせます。どんなビジネスシーンにも溶け込む美しいフォルムが、自信と品格を演出します。 スタイリッシュな佇まい 熟練の技が息づくディテール 手に馴染む上質なレザーハンドルは、使うほどに味わいを増すでしょう。細部にまでこだわり抜いた金具は、開閉のスムーズさを約束し、日常使いの快適さを高めます。 長く愛せる機能美 スマートな通勤を叶える収納力 広々とした内装は、ノートPCから小物までを効率的に収納できる設計です。必要なものがすぐに取り出せる機能的なポケット配置で、あなたのビジネスをよりスマートにサポートします。 整理整頓もしっかり 製品詳細 商品の特徴とコンセプト ボストンバッグの収納量とブリーフケースの機能性を融合させた、仕事と旅行の両立を実現したバッグです。 収納量18L、小ぶりのボストンバッグに分類されます。 必要最低限の仕事道具と着替えを納めることを想定し、2泊までの使用に適したサイズ設計です。 マチまでファスナーが走っており、大口に開くので収納物が取り出しやすくなっています。 本体の前胴、後胴、底には厚口のウレタンがサンドイッチされており、外からの衝撃を吸収します。 収納と機能 効率的な収納と機能的なポケット配置で、スマートなビジネスシーンをサポートします。 内装のPCポケットは16インチのノートPCまで収納可能です。 PCポケットの手前にはガジェット類を納めるサブポケットが2つ配置されています。 対面にあるファスナーポケットは、衣類や身の回り品の収納を想定しています。 ファスナーポケット上部には、鍵やイヤホンケースなど小さな小物を入れておく吊りポケットを配置。 外装はシンプルなデザインで、後胴にファスナーポケットを配置。 後胴のファスナーポケットを開口すると、中に個別のオープンポケットが2室あり、スマートフォンやウォレット、手帳などを収納できます。 素材・品質 上質で耐久性の高い素材を厳選し、長く愛用できる品質にこだわりました。 メイン素材: バリスターナイロン ハンドル、袴、底: 厚口オイルシュリンクレザー パーツ・ファスナー: 金属製 サイズ詳細 商品サイズに関する情報です。 容量: 約18L ノートPC対応: 16インチまで 推奨用途: 2泊までの出張・旅行 重要事項・その他 ショルダーベルトは別売りです。 スペシャルコンテンツを見る Show more