コアシールド レディース 長袖ハイネックインナー 紫外線 近赤外線 同時カット UPF50+ オールシーズン対応 HNPISL26
/* ========================================================= CORE SHIELD 商品説明｜ミニマル上質・読みやすさ強化版 Shopify商品説明欄にそのまま貼り付け可能 50代以降にも読みやすい文字サイズ・太さ・余白 ====================================== =================== */ .cs-readable-description, .cs-readable-description * { box-sizing: border-box; } .cs-readable-description { width: 100%; max-width: 920px; margin: 0 auto; color: #222222; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', sans-serif; line-height: 1.95; letter-spacing: 0.035em; } .cs-readable-description img { display: block; width: 100%; max-width: 100%; height: auto; } .cs-readable-description h2, .cs-readable-description h3, .cs-readable-description h4, .cs-readable-description p { margin-top: 0; } .cs-rd-section { margin: 0 0 54px; padding: 0; } .cs-rd-intro { padding: 0 0 36px; } .cs-rd-kicker { display: block; margin: 0 0 15px; color: #6f5a2f; font-size: 13px; line-height: 1.5; font-weight: 700; letter-spacing: 0.15em; } .cs-rd-title { margin: 0 0 24px; color: #1f1f1f; font-size: clamp(30px, 3.7vw, 44px); line-height: 1.45; font-weight: 700; letter-spacing: 0.05em; } .cs-rd-title .cs-rd-accent { color: #6f5a2f; } .cs-rd-lead { max-width: 800px; margin: 0; color: #3a3a3a; font-size: 17.5px; line-height: 2.05; font-weight: 500; } .cs-rd-lead strong, .cs-rd-text strong, .cs-rd-list strong { color: #1f1f1f; font-weight: 700; } .cs-rd-heading { margin: 0 0 22px; color: #1f1f1f; font-size: clamp(23px, 2.55vw, 30px); line-height: 1.55; font-weight: 700; letter-spacing: 0.04em; } .cs-rd-heading::after { content: ""; display: block; width: 64px; height: 3px; margin-top: 14px; background: #6f5a2f; } .cs-rd-subheading { margin: 0 0 10px; color: #1f1f1f; font-size: 18px; line-height: 1.65; font-weight: 700; letter-spacing: 0.035em; } .cs-rd-text { margin: 0 0 17px; color: #444444; font-size: 16.5px; line-height: 2.02; font-weight: 500; } .cs-rd-note { margin: 16px 0 0; color: #666666; font-size: 14px; line-height: 1.85; } .cs-rd-image { margin: 28px 0 0; } .cs-rd-image img { border: 1px solid #e4e4e4; } /* ================================ 導入の要点 ================================ */ .cs-rd-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; align-items: stretch; } .cs-rd-point { min-height: 190px; height: 100%; padding: 24px 22px; background: #fafafa; border: 1px solid #e1e1e1; } .cs-rd-point-label { display: block; margin: 0 0 10px; color: #6f5a2f; font-size: 13px; line-height: 1.4; font-weight: 700; letter-spacing: 0.12em; } .cs-rd-point-title { display: block; margin: 0 0 8px; color: #1f1f1f; font-size: 17px; line-height: 1.65; font-weight: 700; } .cs-rd-point-text { display: block; color: #555555; font-size: 15px; line-height: 1.85; font-weight: 500; } /* ================================ 素材技術 ================================ */ .cs-rd-tech-layout { display: grid; grid-template-columns: 1.03fr 0.97fr; gap: 36px; align-items: center; } .cs-rd-tech-list { margin: 24px 0 0; padding: 0; list-style: none; } .cs-rd-tech-list li { position: relative; margin: 0 0 12px; padding: 15px 18px 15px 24px; background: #fafafa; border-left: 4px solid #6f5a2f; color: #444444; font-size: 15.5px; line-height: 1.85; font-weight: 500; } .cs-rd-tech-list strong { color: #1f1f1f; font-weight: 700; } /* ================================ 機能説明 ================================ */ .cs-rd-feature-list { display: grid; gap: 18px; } .cs-rd-feature { display: grid; grid-template-columns: 76px 1fr; gap: 24px; padding: 26px 28px; background: #ffffff; border: 1px solid #dfdfdf; } .cs-rd-feature-no { color: #6f5a2f; font-size: 14px; line-height: 1.6; font-weight: 800; letter-spacing: 0.12em; } .cs-rd-feature-title { margin: 0 0 8px; color: #1f1f1f; font-size: 19px; line-height: 1.65; font-weight: 700; letter-spacing: 0.035em; } .cs-rd-feature-text { margin: 0; color: #444444; font-size: 16px; line-height: 2.0; font-weight: 500; } /* ================================ 使用シーン ================================ */ .cs-rd-scene-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; align-items: stretch; } .cs-rd-scene { min-height: 200px; height: 100%; padding: 26px 26px; background: #fafafa; border: 1px solid #e1e1e1; } .cs-rd-scene-title { margin: 0 0 10px; color: #1f1f1f; font-size: 18px; line-height: 1.65; font-weight: 700; } .cs-rd-scene-text { margin: 0; color: #444444; font-size: 16px; line-height: 1.95; font-weight: 500; } /* ================================ Made in Japan ================================ */ .cs-rd-japan { padding: 36px 32px; background: #10233d; color: #ffffff; } .cs-rd-japan .cs-rd-kicker { color: #d7c08a; } .cs-rd-japan .cs-rd-heading { color: #ffffff; } .cs-rd-japan .cs-rd-heading::after { background: #d7c08a; } .cs-rd-japan .cs-rd-text { color: rgba(255,255,255,0.88); } .cs-rd-japan .cs-rd-text strong { color: #f1d995; } .cs-rd-japan-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 26px; align-items: stretch; } .cs-rd-japan-point { min-height: 72px; height: 100%; padding: 16px 12px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.18); color: #ffffff; font-size: 15px; line-height: 1.7; font-weight: 700; text-align: center; } /* ================================ 仕様・サイズ ================================ */ .cs-rd-spec-list { display: grid; gap: 10px; } .cs-rd-spec-row { display: grid; grid-template-columns: 180px 1fr; background: #fafafa; border: 1px solid #e1e1e1; min-height: 78px; align-items: stretch; } .cs-rd-spec-label { padding: 17px 18px; color: #666666; font-size: 15px; line-height: 1.7; font-weight: 600; background: #f2f2f2; display: flex; align-items: center; justify-content: flex-start; text-align: left; } .cs-rd-spec-value { padding: 17px 18px; color: #1f1f1f; font-size: 16px; line-height: 1.7; font-weight: 700; display: flex; align-items: center; justify-content: flex-start; text-align: left; } .cs-rd-size-image { margin: 24px 0 20px; } .cs-rd-size-image img { border: 1px solid #e4e4e4; } .cs-rd-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid #d6d6d6; } .cs-rd-table { width: 100%; min-width: 620px; border-collapse: collapse; background: #ffffff; color: #333333; font-size: 15px; line-height: 1.55; } .cs-rd-table th, .cs-rd-table td { padding: 15px 12px; border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; text-align: center; font-weight: 500; } .cs-rd-table th { background: #f2f2f2; color: #222222; font-weight: 700; } .cs-rd-table tr:last-child td { border-bottom: none; } .cs-rd-table th:last-child, .cs-rd-table td:last-child { border-right: none; } .cs-rd-size-alert { margin: 0 0 20px; padding: 18px 20px; border-left: 5px solid #6f5a2f; background: #faf9f6; color: #4b4030; font-size: 16px; line-height: 1.9; font-weight: 600; } .cs-rd-size-alert strong { color: #5a4218; font-weight: 800; } .cs-rd-list { margin: 0; padding: 0; list-style: none; } .cs-rd-list li { position: relative; margin: 0 0 12px; padding: 0 0 0 22px; color: #444444; font-size: 16px; line-height: 1.9; font-weight: 500; } .cs-rd-list li::before { content: ""; position: absolute; left: 0; top: 0.82em; width: 7px; height: 7px; border-radius: 50%; background: #6f5a2f; } /* ================================ スマホ ================================ */ @media (max-width: 768px) { .cs-readable-description { max-width: 100%; letter-spacing: 0.025em; } .cs-rd-section { margin-bottom: 42px; } .cs-rd-intro { padding-bottom: 32px; } .cs-rd-kicker { font-size: 12px; letter-spacing: 0.12em; } .cs-rd-title { font-size: clamp(26px, 7.2vw, 34px); line-height: 1.5; letter-spacing: 0.04em; } .cs-rd-lead, .cs-rd-text { font-size: 16px; line-height: 1.94; } .cs-rd-heading { font-size: 22px; line-height: 1.55; } .cs-rd-heading::after { width: 56px; height: 3px; margin-top: 12px; } .cs-rd-points, .cs-rd-tech-layout, .cs-rd-scene-grid, .cs-rd-japan-points { grid-template-columns: 1fr; } .cs-rd-point { min-height: auto; height: auto; padding: 22px 18px; } .cs-rd-feature { grid-template-columns: 1fr; gap: 8px; padding: 24px 18px; } .cs-rd-feature-title, .cs-rd-scene-title { font-size: 18px; } .cs-rd-feature-text, .cs-rd-scene-text, .cs-rd-list li, .cs-rd-tech-list li { font-size: 15.5px; line-height: 1.88; } .cs-rd-scene { min-height: auto; height: auto; padding: 24px 18px; } .cs-rd-japan { padding: 30px 20px; } .cs-rd-japan-point { min-height: 64px; height: auto; } .cs-rd-spec-row { grid-template-columns: 1fr; } .cs-rd-spec-label { padding: 14px 16px 4px; background: #fafafa; font-size: 14px; display: flex; align-items: center; justify-content: flex-start; text-align: left; } .cs-rd-spec-value { padding: 0 16px 14px; font-size: 16px; display: flex; align-items: center; justify-content: flex-start; text-align: left; } .cs-rd-size-alert { padding: 17px 17px; font-size: 15.5px; } .cs-rd-table { font-size: 14px; } .cs-rd-table th, .cs-rd-table td { padding: 13px 10px; } } /* ========================================================= 位置ズレ強制修正 指定箇所以外のデザインは変更しない ========================================================= */ @media (min-width: 769px) { /* POINT 01 / 02 / 03 の四角を同じ上端・同じ高さに固定 */ .cs-readable-description .cs-rd-points { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px !important; align-items: start !important; } .cs-readable-description .cs-rd-points > .cs-rd-point { height: 218px !important; min-height: 218px !important; max-height: 218px !important; margin: 0 !important; align-self: start !important; position: relative !important; top: 0 !important; transform: none !important; display: block !important; overflow: hidden !important; } /* スポーツ・レジャーに / 屋外で働く方に の四角を同じ上端・同じ高さに固定 */ .cs-readable-description .cs-rd-scene-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px !important; align-items: start !important; } .cs-readable-description .cs-rd-scene-grid > .cs-rd-scene { height: 214px !important; min-height: 214px !important; max-height: 214px !important; margin: 0 !important; align-self: start !important; position: relative !important; top: 0 !important; transform: none !important; display: block !important; overflow: hidden !important; } /* 国内生地生産 / 国内縫製 / 国内包装 の四角を同じ上端・同じ高さに固定 */ .cs-readable-description .cs-rd-japan-points { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; align-items: start !important; } .cs-readable-description .cs-rd-japan-points > .cs-rd-japan-point { height: 72px !important; min-height: 72px !important; max-height: 72px !important; margin: 0 !important; padding: 0 12px !important; align-self: start !important; position: relative !important; top: 0 !important; transform: none !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; } /* 商品仕様のラベル・値を四角内で縦中央に固定 */ .cs-readable-description .cs-rd-spec-row { display: grid !important; grid-template-columns: 180px 1fr !important; min-height: 78px !important; height: 78px !important; align-items: stretch !important; margin: 0 0 10px !important; } .cs-readable-description .cs-rd-spec-label, .cs-readable-description .cs-rd-spec-value { height: 78px !important; min-height: 78px !important; max-height: 78px !important; margin: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; text-align: left !important; position: relative !important; top: 0 !important; transform: none !important; } } @media (max-width: 768px) { .cs-readable-description .cs-rd-points, .cs-readable-description .cs-rd-scene-grid, .cs-readable-description .cs-rd-japan-points { display: grid !important; grid-template-columns: 1fr !important; } .cs-readable-description .cs-rd-points > .cs-rd-point, .cs-readable-description .cs-rd-scene-grid > .cs-rd-scene, .cs-readable-description .cs-rd-japan-points > .cs-rd-japan-point { height: auto !important; min-height: auto !important; max-height: none !important; overflow: visible !important; } .cs-readable-description .cs-rd-spec-row { height: auto !important; min-height: auto !important; grid-template-columns: 1fr !important; } .cs-readable-description .cs-rd-spec-label, .cs-readable-description .cs-rd-spec-value { height: auto !important; min-height: auto !important; max-height: none !important; align-items: flex-start !important; } } /* ========================================================= 余白バランス調整 位置合わせは維持しつつ、全体の間延び感を軽減 ========================================================= */ .cs-readable-description .cs-rd-section { margin-bottom: 42px; } .cs-readable-description .cs-rd-intro { padding-bottom: 24px; } .cs-readable-description .cs-rd-title { margin-bottom: 18px; } .cs-readable-description .cs-rd-heading { margin-bottom: 18px; } .cs-readable-description .cs-rd-heading::after { margin-top: 10px; } .cs-readable-description .cs-rd-text { margin-bottom: 14px; } .cs-readable-description .cs-rd-note { margin-top: 12px; } .cs-readable-description .cs-rd-image { margin-top: 22px; } .cs-readable-description .cs-rd-tech-list { margin-top: 18px; } .cs-readable-description .cs-rd-tech-list li { margin-bottom: 10px; padding-top: 13px; padding-bottom: 13px; } .cs-readable-description .cs-rd-feature-list { gap: 14px; } .cs-readable-description .cs-rd-feature { padding: 22px 24px; } .cs-readable-description .cs-rd-scene { padding: 22px 24px; } .cs-readable-description .cs-rd-japan { padding: 30px 28px; } .cs-readable-description .cs-rd-japan-points { margin-top: 20px; } .cs-readable-description .cs-rd-size-image { margin-top: 18px; margin-bottom: 16px; } .cs-readable-description .cs-rd-size-alert { margin-bottom: 16px; padding-top: 16px; padding-bottom: 16px; } @media (min-width: 769px) { .cs-readable-description .cs-rd-points > .cs-rd-point { height: 198px !important; min-height: 198px !important; max-height: 198px !important; padding-top: 22px !important; padding-bottom: 22px !important; } .cs-readable-description .cs-rd-scene-grid > .cs-rd-scene { height: 190px !important; min-height: 190px !important; max-height: 190px !important; padding-top: 22px !important; padding-bottom: 22px !important; } .cs-readable-description .cs-rd-japan-points > .cs-rd-japan-point { height: 64px !important; min-height: 64px !important; max-height: 64px !important; } .cs-readable-description .cs-rd-spec-row { height: 70px !important; min-height: 70px !important; margin-bottom: 8px !important; } .cs-readable-description .cs-rd-spec-label, .cs-readable-description .cs-rd-spec-value { height: 70px !important; min-height: 70px !important; max-height: 70px !important; } } @media (max-width: 768px) { .cs-readable-description .cs-rd-section { margin-bottom: 34px; } .cs-readable-description .cs-rd-intro { padding-bottom: 24px; } .cs-readable-description .cs-rd-title { margin-bottom: 16px; } .cs-readable-description .cs-rd-heading { margin-bottom: 16px; } .cs-readable-description .cs-rd-feature { padding: 20px 16px; } .cs-readable-description .cs-rd-scene { padding: 20px 16px; } .cs-readable-description .cs-rd-japan { padding: 26px 18px; } .cs-readable-description .cs-rd-size-alert { padding-top: 15px; padding-bottom: 15px; } } /* ========================================================= 使用シーンの見栄え改善 + スマホタイトル調整 ========================================================= */ .cs-readable-description .cs-rd-scene-section .cs-rd-scene-grid { margin-top: 2px; } .cs-readable-description .cs-rd-scene-section .cs-rd-scene { background: #fbfbfb; } .cs-readable-description .cs-rd-scene-section .cs-rd-scene-title { margin-bottom: 12px; font-size: 19px; line-height: 1.55; letter-spacing: 0.03em; } .cs-readable-description .cs-rd-scene-section .cs-rd-scene-text { line-height: 1.9; } .cs-readable-description .cs-rd-scene-note { margin: 14px 0 0 !important; padding: 14px 18px 0; color: #555555; font-size: 15px; line-height: 1.85; border-top: 1px solid #dedede; } @media (min-width: 769px) { .cs-readable-description .cs-rd-scene-section .cs-rd-scene-grid > .cs-rd-scene { height: 184px !important; min-height: 184px !important; max-height: 184px !important; padding: 20px 22px !important; } } @media (max-width: 768px) { .cs-readable-description .cs-rd-title { font-size: clamp(23px, 6vw, 29px) !important; line-height: 1.5 !important; letter-spacing: 0.03em !important; } .cs-readable-description .cs-rd-scene-section .cs-rd-scene { padding: 18px 15px !important; } .cs-readable-description .cs-rd-scene-section .cs-rd-scene-title { font-size: 17px; margin-bottom: 10px; } .cs-readable-description .cs-rd-scene-section .cs-rd-scene-text { font-size: 15px; line-height: 1.82; } .cs-readable-description .cs-rd-scene-note { margin-top: 12px !important; padding: 12px 2px 0; font-size: 14px; line-height: 1.8; } } /* ========================================================= 使用シーン枠内テキスト収まり修正 「スポーツ・レジャーに / 屋外で働く方に」専用 ========================================================= */ @media (min-width: 769px) { .cs-readable-description .cs-rd-scene-section .cs-rd-scene-grid { align-items: stretch !important; } .cs-readable-description .cs-rd-scene-section .cs-rd-scene-grid > .cs-rd-scene { height: auto !important; min-height: 238px !important; max-height: none !important; padding: 24px 24px 26px !important; overflow: visible !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; } .cs-readable-description .cs-rd-scene-section .cs-rd-scene-title { margin: 0 0 12px !important; font-size: 18px !important; line-height: 1.55 !important; } .cs-readable-description .cs-rd-scene-section .cs-rd-scene-text { margin: 0 !important; font-size: 15.5px !important; line-height: 1.74 !important; overflow-wrap: break-word !important; word-break: normal !important; } } @media (max-width: 768px) { .cs-readable-description .cs-rd-scene-section .cs-rd-scene-grid > .cs-rd-scene { height: auto !important; min-height: auto !important; max-height: none !important; overflow: visible !important; padding: 20px 16px !important; } .cs-readable-description .cs-rd-scene-section .cs-rd-scene-text { overflow-wrap: break-word !important; word-break: normal !important; } } /* ========================================================= 使用シーンの余白最終調整 + スマホタイトルさらに小さく ========================================================= */ @media (min-width: 769px) { .cs-readable-description .cs-rd-scene-section .cs-rd-scene-grid { align-items: stretch !important; } .cs-readable-description .cs-rd-scene-section .cs-rd-scene-grid > .cs-rd-scene { height: auto !important; min-height: 210px !important; max-height: none !important; padding: 22px 24px !important; overflow: visible !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cs-readable-description .cs-rd-scene-section .cs-rd-scene-title { margin: 0 0 10px !important; font-size: 18px !important; line-height: 1.5 !important; } .cs-readable-description .cs-rd-scene-section .cs-rd-scene-text { margin: 0 !important; font-size: 15.5px !important; line-height: 1.78 !important; } } @media (max-width: 768px) { .cs-readable-description .cs-rd-title { font-size: clamp(21px, 5.4vw, 27px) !important; line-height: 1.48 !important; letter-spacing: 0.025em !important; } .cs-readable-description .cs-rd-scene-section .cs-rd-scene-grid > .cs-rd-scene { height: auto !important; min-height: auto !important; max-height: none !important; padding: 18px 15px !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; } } /* ========================================================= タイトル行間 + 選ばれる理由セクション余白調整 ========================================================= */ .cs-readable-description .cs-rd-title { line-height: 1.34 !important; } .cs-readable-description .cs-rd-feature-list { gap: 10px !important; } @media (min-width: 769px) { .cs-readable-description .cs-rd-feature { padding-top: 20px !important; padding-bottom: 20px !important; } } @media (max-width: 768px) { .cs-readable-description .cs-rd-title { line-height: 1.38 !important; } .cs-readable-description .cs-rd-feature-list { gap: 10px !important; } .cs-readable-description .cs-rd-feature { padding-top: 18px !important; padding-bottom: 18px !important; } } /* ========================================================= メインタイトル行間 + POINT囲いまでの余白調整 ========================================================= */ .cs-readable-description .cs-rd-title { line-height: 1.22 !important; margin-bottom: 16px !important; } .cs-readable-description .cs-rd-intro { padding-bottom: 12px !important; } .cs-readable-description .cs-rd-intro + .cs-rd-section { margin-top: 0 !important; } @media (max-width: 768px) { .cs-readable-description .cs-rd-title { line-height: 1.28 !important; margin-bottom: 14px !important; } .cs-readable-description .cs-rd-intro { padding-bottom: 10px !important; } } /* ========================================================= メインタイトル行間さらに詰め + POINT間隔半分 ========================================================= */ .cs-readable-description .cs-rd-title { line-height: 1.08 !important; } .cs-readable-description .cs-rd-points { gap: 9px !important; } @media (max-width: 768px) { .cs-readable-description .cs-rd-title { line-height: 1.16 !important; } .cs-readable-description .cs-rd-points { gap: 9px !important; } } /* ========================================================= レディース説明文｜白色カード内の見栄え最終調整 POINT / 女性専用設計 / 選ばれる理由 の余白・配置を整える ========================================================= */ /* POINT 01 / 02 / 03：下部の窮屈感を解消し、上下中央に配置 */ .cs-readable-description .cs-rd-points { align-items: stretch !important; } .cs-readable-description .cs-rd-points > .cs-rd-point { min-height: 222px !important; height: auto !important; max-height: none !important; padding: 28px 22px !important; overflow: visible !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; text-align: left !important; } .cs-readable-description .cs-rd-point-label, .cs-readable-description .cs-rd-point-title, .cs-readable-description .cs-rd-point-text { width: 100% !important; } .cs-readable-description .cs-rd-point-title { margin-bottom: 10px !important; line-height: 1.58 !important; } .cs-readable-description .cs-rd-point-text { line-height: 1.78 !important; } /* 女性専用設計・選ばれる理由：白色カード内で中央に収め、文字は左寄せ */ .cs-readable-description .cs-rd-feature { min-height: 156px !important; height: auto !important; max-height: none !important; padding: 22px 26px !important; overflow: visible !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; text-align: left !important; } .cs-readable-description .cs-rd-feature-no { flex: 0 0 54px !important; width: 54px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; text-align: left !important; } .cs-readable-description .cs-rd-feature > div:last-child { width: min(100%, 720px) !important; max-width: 720px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; text-align: left !important; } .cs-readable-description .cs-rd-feature-title { width: 100% !important; margin: 0 0 7px !important; line-height: 1.48 !important; text-align: left !important; } .cs-readable-description .cs-rd-feature-text { width: 100% !important; margin: 0 !important; line-height: 1.74 !important; text-align: left !important; } @media (max-width: 768px) { .cs-readable-description .cs-rd-points > .cs-rd-point { min-height: auto !important; padding: 24px 18px !important; justify-content: flex-start !important; } .cs-readable-description .cs-rd-feature { min-height: auto !important; padding: 19px 16px !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 8px !important; } .cs-readable-description .cs-rd-feature-no { flex: none !important; width: auto !important; display: block !important; } .cs-readable-description .cs-rd-feature > div:last-child { width: 100% !important; max-width: none !important; } .cs-readable-description .cs-rd-feature-title { line-height: 1.55 !important; } .cs-readable-description .cs-rd-feature-text { line-height: 1.74 !important; } } /* ========================================================= レディース説明文｜白色カードを少しコンパクトに最終調整 対象：女性専用設計 / 選ばれる理由 ========================================================= */ .cs-readable-description .cs-rd-feature-list { gap: 8px !important; } .cs-readable-description .cs-rd-feature { min-height: 156px !important; padding-top: 22px !important; padding-bottom: 22px !important; } .cs-readable-description .cs-rd-feature-title { margin-bottom: 7px !important; line-height: 1.48 !important; } .cs-readable-description .cs-rd-feature-text { line-height: 1.74 !important; } @media (max-width: 768px) { .cs-readable-description .cs-rd-feature-list { gap: 8px !important; } .cs-readable-description .cs-rd-feature { padding-top: 19px !important; padding-bottom: 19px !important; } .cs-readable-description .cs-rd-feature-title { margin-bottom: 7px !important; line-height: 1.48 !important; } .cs-readable-description .cs-rd-feature-text { line-height: 1.74 !important; } } /* ========================================================= レディース説明文｜5つの設計カード最終調整 番号を本文ブロック中央に配置 / カード間隔をさらに圧縮 ========================================================= */ .cs-readable-description .cs-rd-feature-list { gap: 5px !important; } .cs-readable-description .cs-rd-feature { min-height: 138px !important; padding: 18px 24px !important; gap: 16px !important; display: grid !important; grid-template-columns: 54px minmax(0, 1fr) !important; align-items: center !important; justify-content: stretch !important; } .cs-readable-description .cs-rd-feature-no { width: 54px !important; height: 100% !important; min-height: 92px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; align-self: center !important; text-align: left !important; line-height: 1 !important; } .cs-readable-description .cs-rd-feature > div:last-child { width: 100% !important; max-width: none !important; min-height: 92px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; align-self: center !important; text-align: left !important; } .cs-readable-description .cs-rd-feature-title { margin: 0 0 6px !important; line-height: 1.42 !important; } .cs-readable-description .cs-rd-feature-text { margin: 0 !important; line-height: 1.68 !important; } @media (max-width: 768px) { .cs-readable-description .cs-rd-feature-list { gap: 6px !important; } .cs-readable-description .cs-rd-feature { min-height: auto !important; padding: 17px 16px !important; gap: 8px !important; display: grid !important; grid-template-columns: 1fr !important; align-items: start !important; } .cs-readable-description .cs-rd-feature-no { width: auto !important; height: auto !important; min-height: auto !important; display: block !important; line-height: 1.4 !important; } .cs-readable-description .cs-rd-feature > div:last-child { min-height: auto !important; justify-content: flex-start !important; } .cs-readable-description .cs-rd-feature-title { margin-bottom: 6px !important; line-height: 1.44 !important; } .cs-readable-description .cs-rd-feature-text { line-height: 1.68 !important; } } /* ========================================================= レディース専用設計カード｜縦中央配置の最終修正 ・文章ブロックをカードの上下中央に配置 ・01〜05を文章ブロック中央に合わせる ・01と02のカード間の空きをさらに少し詰める ========================================================= */ .cs-readable-description .cs-rd-feature-section-design .cs-rd-feature-list { gap: 3px !important; } .cs-readable-description .cs-rd-feature-section-design .cs-rd-feature { min-height: 132px !important; height: auto !important; max-height: none !important; padding: 16px 24px !important; display: grid !important; grid-template-columns: 52px minmax(0, 1fr) !important; gap: 16px !important; align-items: center !important; align-content: center !important; } .cs-readable-description .cs-rd-feature-section-design .cs-rd-feature-no { width: 52px !important; min-height: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; align-self: stretch !important; line-height: 1 !important; } .cs-readable-description .cs-rd-feature-section-design .cs-rd-feature > div:last-child { width: 100% !important; max-width: none !important; min-height: auto !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; align-self: center !important; text-align: left !important; } .cs-readable-description .cs-rd-feature-section-design .cs-rd-feature-title { width: 100% !important; margin: 0 0 6px !important; padding: 0 !important; line-height: 1.42 !important; text-align: left !important; } .cs-readable-description .cs-rd-feature-section-design .cs-rd-feature-text { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.68 !important; text-align: left !important; } @media (max-width: 768px) { .cs-readable-description .cs-rd-feature-section-design .cs-rd-feature-list { gap: 5px !important; } .cs-readable-description .cs-rd-feature-section-design .cs-rd-feature { min-height: auto !important; padding: 16px 16px !important; grid-template-columns: 1fr !important; gap: 8px !important; align-items: start !important; align-content: start !important; } .cs-readable-description .cs-rd-feature-section-design .cs-rd-feature-no { width: auto !important; min-height: auto !important; align-self: auto !important; display: block !important; } .cs-readable-description .cs-rd-feature-section-design .cs-rd-feature > div:last-child { justify-content: flex-start !important; align-self: auto !important; } .cs-readable-description .cs-rd-feature-section-design .cs-rd-feature-title { line-height: 1.44 !important; } .cs-readable-description .cs-rd-feature-section-design .cs-rd-feature-text { line-height: 1.70 !important; } } /* ========================================================= 選ばれる理由カード｜縦中央配置の最終修正 ・文章ブロックをカードの上下中央に配置 ・01〜05を文章ブロック中央に合わせる ・カード間の空きを少し詰める ========================================================= */ .cs-readable-description .cs-rd-feature-section-reasons .cs-rd-feature-list { gap: 3px !important; } .cs-readable-description .cs-rd-feature-section-reasons .cs-rd-feature { min-height: 132px !important; height: auto !important; max-height: none !important; padding: 16px 24px !important; display: grid !important; grid-template-columns: 52px minmax(0, 1fr) !important; gap: 16px !important; align-items: center !important; align-content: center !important; } .cs-readable-description .cs-rd-feature-section-reasons .cs-rd-feature-no { width: 52px !important; min-height: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; align-self: stretch !important; line-height: 1 !important; } .cs-readable-description .cs-rd-feature-section-reasons .cs-rd-feature > div:last-child { width: 100% !important; max-width: none !important; min-height: auto !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; align-self: center !important; text-align: left !important; } .cs-readable-description .cs-rd-feature-section-reasons .cs-rd-feature-title { width: 100% !important; margin: 0 0 6px !important; padding: 0 !important; line-height: 1.42 !important; text-align: left !important; } .cs-readable-description .cs-rd-feature-section-reasons .cs-rd-feature-text { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.68 !important; text-align: left !important; } @media (max-width: 768px) { .cs-readable-description .cs-rd-feature-section-reasons .cs-rd-feature-list { gap: 5px !important; } .cs-readable-description .cs-rd-feature-section-reasons .cs-rd-feature { min-height: auto !important; padding: 16px 16px !important; grid-template-columns: 1fr !important; gap: 8px !important; align-items: start !important; align-content: start !important; } .cs-readable-description .cs-rd-feature-section-reasons .cs-rd-feature-no { width: auto !important; min-height: auto !important; align-self: auto !important; display: block !important; } .cs-readable-description .cs-rd-feature-section-reasons .cs-rd-feature > div:last-child { justify-content: flex-start !important; align-self: auto !important; } .cs-readable-description .cs-rd-feature-section-reasons .cs-rd-feature-title { line-height: 1.44 !important; } .cs-readable-description .cs-rd-feature-section-reasons .cs-rd-feature-text { line-height: 1.70 !important; } } /* ========================================================= レディースサイズチャート｜実寸表 + JASPO目安表 ========================================================= */ .cs-readable-description .cs-rd-size-section { margin-bottom: 36px !important; } .cs-readable-description .cs-rd-size-table-note { margin: -6px 0 14px !important; color: #666666 !important; font-size: 14px !important; line-height: 1.7 !important; } .cs-readable-description .cs-rd-size-block { margin: 0 0 24px !important; } .cs-readable-description .cs-rd-size-block:last-child { margin-bottom: 0 !important; } .cs-readable-description .cs-rd-size-subtitle { margin: 0 0 10px !important; color: #1f1f1f !important; font-size: 18px !important; line-height: 1.55 !important; font-weight: 700 !important; letter-spacing: 0.035em !important; } .cs-readable-description .cs-rd-table-wrap { border: 1px solid #d8d8d8 !important; background: #ffffff !important; } .cs-readable-description .cs-rd-table { width: 100% !important; min-width: 640px !important; border-collapse: collapse !important; background: #ffffff !important; color: #333333 !important; font-size: 15px !important; line-height: 1.55 !important; } .cs-readable-description .cs-rd-table th, .cs-readable-description .cs-rd-table td { padding: 14px 12px !important; border-right: 1px solid #d8d8d8 !important; border-bottom: 1px solid #d8d8d8 !important; text-align: center !important; vertical-align: middle !important; font-weight: 500 !important; white-space: nowrap !important; } .cs-readable-description .cs-rd-table th { background: #f2f2f2 !important; color: #222222 !important; font-weight: 700 !important; } .cs-readable-description .cs-rd-table td:first-child, .cs-readable-description .cs-rd-table th:first-child { color: #1f1f1f !important; font-weight: 700 !important; } .cs-readable-description .cs-rd-table tr:last-child td { border-bottom: none !important; } .cs-readable-description .cs-rd-table th:last-child, .cs-readable-description .cs-rd-table td:last-child { border-right: none !important; } @media (max-width: 768px) { .cs-readable-description .cs-rd-size-section { margin-bottom: 32px !important; } .cs-readable-description .cs-rd-size-subtitle { font-size: 17px !important; } .cs-readable-description .cs-rd-size-table-note { font-size: 13.5px !important; line-height: 1.7 !important; } .cs-readable-description .cs-rd-table { min-width: 600px !important; font-size: 14px !important; } .cs-readable-description .cs-rd-table th, .cs-readable-description .cs-rd-table td { padding: 12px 10px !important; } } /* ========================================================= 画像の長押しメニュー対策 ・スマホ長押し時の「画像をコピー」「画像タイトル表示」を出にくくする ・画像ドラッグや選択も防止 ========================================================= */ .cs-readable-description img, .cs-readable-description .cs-rd-image, .cs-readable-description .cs-rd-size-image { -webkit-touch-callout: none !important; -webkit-user-select: none !important; user-select: none !important; -webkit-user-drag: none !important; user-drag: none !important; pointer-events: none !important; } .cs-readable-description { -webkit-touch-callout: none; } UV & HEAT PROTECT INNER FOR WOMEN 日差しから肌を守り、 美しく動けるレディースインナー。 太陽光に含まれる近赤外線と紫外線を同時にカットする機能繊維 Trubeaute®（トゥルーボーテ）を採用。 さらにレディースモデルでは、首元・手首・背中・胸まわりなど、 大人の女性が本当に気になる部分まで考え抜き、肌を守る安心感と上品に見える着心地を両立しました。 POINT 01 紫外線と近赤外線を同時にケア 日焼け対策だけでなく、ジリジリとした熱感まで1枚で支えます。 POINT 02 女性の身体に寄り添う専用設計 襟・袖・裾・胸まわり・スリットまで、女性目線で細部を調整。 POINT 03 大人の肌にうれしい快適性 汗によるベタつきや張り付きを抑え、長時間でも快適な着心地に。 WOMEN'S FIT DESIGN 女性の「ここを守りたい」に応える専用設計 レディース用インナーで多いお悩みは、機能性だけでは解決できません。 「首元や手首の隙間が焼ける」「胸まわりが窮屈」「丈が短く、動くと背中やお腹が気になる」。 CORE SHIELDレディースインナーは、そんな大人の女性のリアルな不安に向き合い、 日差しを防ぐことと美しく安心して着られることを同時に目指しました。 01 長めの襟で、首元・デコルテまわりをカバー ポロシャツやVネックの重ね着でできやすい首元の隙間をしっかりカバー。 日差しを受けやすく、年齢サインも気になりやすい首元を、上品に守ります。 02 長めの袖で、手首のうっかり焼けを防ぐ ゴルフやテニスのスイング、車の運転、自転車など、腕を伸ばす動作でも手首が出にくい設計。 グローブや時計との間にできやすい日焼け跡を防ぎ、屋外時間を安心して楽しめます。 03 胸まわりにゆとりを持たせた、上品なシルエット タイトすぎるインナーにありがちな窮屈感や、バストラインの強調を抑えるため、胸まわりに程よいゆとりをプラス。 1枚になったときも品よく見え、長時間の着用でも呼吸がしやすい快適な着心地です。 04 長めの裾で、前かがみでも背中が出にくい パッティング、レシーブ姿勢、ガーデニング、荷物の上げ下ろしなど、身体を曲げる動作でも背中や腰まわりが見えにくいロング丈。 ボトムスにインしたときも抜けにくく、包み込まれるような安心感があります。 05 裾スリットで、腰まわりをすっきり美しく 長めの裾でも、腰やヒップまわりで生地が引っかかりにくいようサイドスリットを配置。 動いたときの突っ張りやめくれ上がりを抑え、インしてもアウトで着ても自然に整うシルエットに仕上げました。 MATERIAL TECHNOLOGY 肌を守るための機能繊維Trubeaute® Trubeaute®は、近赤外線を吸収するCWO®を練り込んだ糸と、紫外線を反射する酸化チタンを練り込んだ糸を組み合わせた特許素材です。 大人の女性にとって、日差し対策は単なる日焼け防止だけではありません。 シミ・そばかすの原因となる紫外線に加え、ジリジリとした熱感をもたらす近赤外線にも着目。 屋外でのスポーツや日常の外出時に、肌と身体への負担をやわらげます。 紫外線：シミ・そばかす・乾燥による肌印象の変化が気になる方に。 近赤外線：日差しのジリジリ感や、屋外での熱による負担に着目。 繊維内練り込み：機能成分を繊維そのものに練り込み、洗濯にも強い仕様。 ※CWO®…住友金属鉱山（株）が開発した、レアメタルを使用した無機材料のセラミック微粒子。 日差しの強い季節に、選ばれる理由 01 紫外線99％以上カット・UPF50+ 肌への影響が気になる紫外線を99％以上カット。ゴルフ、テニス、ウォーキング、ガーデニング、車の運転など、長時間日差しを浴びるシーンで肌を守ります。 02 近赤外線を76％以上カット 夏の屋外で感じるジリジリとした熱感の一因である近赤外線にも対応。 紫外線対策だけでは不安な方に、もう一歩先のプロテクト機能を届けます。 03 汗を素早く逃がし、肌に張り付きにくい 一般的なポリエステル素材と比べ、約2倍の速乾性能。汗をかいても重くなりにくく、ベタつきや張り付きを抑えるため、肌トラブルが気になる方にも快適です。 04 接触冷感で、着た瞬間から心地よく 暑い季節の着用時にうれしい、ひんやりとした肌触り。汗ばむ季節でもさらっと着やすく、重ね着しても快適さが続きます。 05 洗濯を重ねても機能が続きやすい 機能成分を繊維そのものに練り込んでいるため、繰り返しの洗濯や摩耗でも性能が落ちにくい仕様。毛玉もできにくく、長く安心してご着用いただけます。 SCENE このような女性におすすめです ゴルフ・テニス・ランニングに スイングやラケット動作でも手首・首元・背中をカバー。日焼けを気にしすぎず、プレーに集中したい方におすすめです。 ウォーキング・ガーデニング・日常に 近所への外出、ドライブ、自転車、庭仕事など、毎日の紫外線対策にも。上からシャツを羽織っても自然になじみます。 「絶対に日焼けしたくない」「首元や手首のうっかり焼けを防ぎたい」「肌への刺激や汗の張り付きが気になる」方に適したレディース高機能インナーです。 JAPAN QUALITY Made in Japan｜肌に触れるものだから、品質にこだわる 直接肌に触れるインナーだからこそ、品質には妥協しません。 「CORE SHIELD レディース 長袖ハイネックインナー」は、生地の生産から縫製、包装作業に至るまで、すべて日本国内で行っている純国産製品です。 縫製には水着などにも使われる高性能な縫製機械を使用。動きやすさ、肌あたり、耐久性を大切にし、スポーツにも日常にも使いやすい1枚に仕上げています。 国内生地生産 国内縫製 国内包装 商品仕様 商品名 CORE SHIELD レディース 長袖ハイネックインナー 素材 ポリエステル88% / スパンデックス12% 主な機能 UVカット / 近赤外線カット / 吸汗速乾 / 接触冷感 原産国 日本製 サイズチャート 商品実寸サイズ 単位：cm サイズ 身丈 身幅 裾巾 裄丈 S 60.0 41.0 40.0 70.0 M 62.0 43.0 42.0 72.0 L 64.0 45.0 44.0 74.0 XL 66.0 48.0 47.0 76.0 JASPOサイズ目安 単位：cm サイズ 身長 バスト ウエスト S 152〜158 77〜83 58〜64 M 157〜163 80〜86 61〜67 L 162〜168 83〜89 64〜70 XL 167〜173 86〜92 67〜73 ※商品実寸は平置き採寸の目安です。生産時期や個体差により、多少の誤差が生じる場合がございます。 サイズ選びのご案内 レディースモデルは、身体のラインを拾いすぎないよう胸まわりに程よいゆとりを持たせながら、首元・手首・腰まわりをしっかり守る設計です。フィット感が苦手な方や、ゆったり着たい方は1サイズ上もおすすめです。 標準的な着用感がお好みの方：普段お召しのサイズを目安にお選びください。 胸まわりにゆとりが欲しい方：バストまわりの快適性を優先し、1サイズ上をご検討ください。 重ね着や日常使いが多い方：窮屈感を避けたい場合は、ややゆとりのあるサイズがおすすめです。 迷われた場合：身長だけでなく、身幅・胸まわりを目安にお選びいただくと安心です。 使用上の注意 本品は医療用ではありません。 本品は日差しによる肌への負担を軽減する衣料品であり、すべての日焼けや肌トラブルを完全に防ぐものではありません。 乾燥機のご使用はお控えください。 着用中に肌に異常を感じた場合、または肌に合わない場合は使用を中止してください。 火気の近くでの使用・保管はおやめください。 高温多湿な場所や、直射日光の当たる場所での保管は避けてください。 就寝中のご使用はお控えください。