No.407407/恐竜柄スタイ（吊天竺・オーガニックコットン使用）

育児工房 Verified independent store

→

/* ▼▼▼ 全体の枠組み（背景色担当） ▼▼▼ */ .product-wrapper { background-color: #FCFAF8; font-family: 游ゴシック体, Yu Gothic, Noto Sans JP, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, sans-serif; /* ★変更: 背景色を画面いっぱいに広げる */ width: 100%; max-width: none !important; /* 親テーマの影響を打ち消す */ /* ★変更: 画面端から最低30pxの余白を確保 */ padding: 40px 30px; box-sizing: border-box; margin: 0; color: #5A5A5A; line-height: 1.8; overflow-wrap: break-word; word-wrap: break-word; } /* ▼▼▼ 中身のコンテンツ（幅制限・中央寄せ担当） ▼▼▼ */ /* 各セクションの中身だけを読みやすい幅(800px)に制限して中央に寄せる */ .content-section, details.spec-details, .shipping-box, .note-box { max-width: 800px; margin-left: auto; margin-right: auto; } .content-section { margin-bottom: 60px; border-bottom: 1px solid #E0DCD8; padding-bottom: 60px; } .content-section:last-child { margin-bottom: 0; border-bottom: none; } /* タイトル */ .section-title { color: #5A5A5A; 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 #E0DCD8; padding-bottom: 8px; } .body-text { color: #5A5A5A; font-size: 14px; margin-bottom: 24px; letter-spacing: 0.03em; text-wrap: pretty; } .caption-text { color: #A0A0A0; font-size: 14px !important; margin-top: 8px; text-align: right; } .product-img { border-radius: 4px; box-shadow: none; margin-bottom: 10px; width: 100%; height: auto; } .marker { background: linear-gradient(transparent 60%, #B7A69A40 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; } /* アコーディオン（角丸反映・14px固定） */ details.spec-details { border: 1px solid #E0DCD8; border-radius: 4px; background-color: #FCFAF8; color: #5A5A5A; margin-bottom: 15px; overflow: hidden; } summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #5A5A5A; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #FCFAF8; 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: #B7A69A; } details[open] summary.spec-summary { border-bottom: 1px solid #E0DCD8; 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: #FCFAF8; color: #5A5A5A; 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 { 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; font-size: 14px !important; } ul.benefit-list li::before { position: absolute; left: 0; content: "◆"; color: #B7A69A; font-size: 0.8em; top: 4px; } ul.basic-list li::before { content: ""; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #A0A0A0; border-radius: 50%; } ul.point-list li::before { content: "▶"; position: absolute; left: 0; color: #5A5A5A; font-size: 0.8em; top: 3px; } ul.note-list li::before { content: "※"; position: absolute; left: 0; color: #A0A0A0; 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: #B7A69A; 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: #5A5A5A; margin-bottom: 12px; border-bottom: 1px solid #B7A69A; 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 #E0DCD8; th, td { padding: 12px 8px; border: 1px solid #E0DCD8; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #5A5A5A; } } .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #E0DCD8; background: #F8F6F4; padding: 20px; border-radius: 4px; font-size: 14px !important; } .shipping-box strong, .note-box strong { color: #5A5A5A; display: block; margin-bottom: 10px; border-bottom: 1px dashed #E0DCD8; padding-bottom: 5px; word-break: keep-all; } /* ▼▼▼ スマホ (600px以下) 向けの調整 ▼▼▼ */ @media (max-width: 600px) { .product-wrapper { /* スマホでは横幅を有効に使うため少し狭める */ padding: 30px 20px; line-height: 1.6; } .section-title { font-size: 1.3em; } } 恐竜が遊ぶ、やさしいスタイ 吊天竺で作った使いやすい1枚肌着に採用する吊天竺を使った赤ちゃんのためのスタイです。年間通じて使いやすい素材でお洗濯もしやすいので、日常で使っていただきやすいモデルです。プリント柄は肌着やスタイでも男の子を中心に人気の恐竜プリント。さりげないプリント柄が赤ちゃんへのかわいらしさをアップします。毎日の中で役立つアイテム食べこぼしや飲みこぼしを受けるアイテムとして赤ちゃんには必須で枚数が必要と言われています。また、着用時もかわいらしさがアップしますので、様々なデザインのものを揃えていただくことをおすすめします。 赤ちゃんの首元をそっと彩る 毎日活躍、安心のよだれかけ 毎日の中で役立つスタイは、食べこぼしや飲みこぼしを受けるアイテムとして、赤ちゃんには必須で何枚も揃えたいもの。厳選されたオーガニックコットンと肌着にも採用する吊天竺を使用しており、季節を問わず年間通じてお使いいただけます。お洗濯もしやすいため、毎日汚してしまう赤ちゃんに最適です。素材も軽く、着用時の負担も少ないため、安心してお使いいただけます。 贈る喜び、使う安心 商品の詳細 商品の特徴 肌着で採用するオーガニック吊天竺を素材としているので、季節を問わず年間通じてお使いいただけるとともに、お洗濯もしやすいです。素材も軽いので赤ちゃんの着用時の負担も少ないです。 サイズ詳細 サイズ：Free 素材・生産国 赤ちゃんにきもちいい。を届ける上質な素材を使用しています。 素材：オーガニック吊天竺(キョウリュウプリント） 品質：綿100% 特徴：年間通じてお使いいただけます 生産国：日本 商品の仕様 カラー: IV（グリーン系） 商品コード: 407407 Show more