{{ toastMessage }}
家具と家電のレンタル ・サブスク CLAS (クラス)
メニュー

家具と家電の

レンタル・サブスク

カート {{ cartQuantity }}
{{ categoriesBarTitle }}

CLAS✕audiobook 子育て応援キャンペーン

2026/08/03

/* ================================================================ CLAS × audiobook.jp「赤ちゃんがすぐに寝る音」コラボ特典 LP CSS ▼ 管理画面「商品一覧のCSS」欄に貼り付けてください ※ 既存の他LP CSSが入っている場合は【末尾に追記】してください(置換不可) prefix: .abk- Last build: 2026-07-13 カラーテーマ: ミッドナイトネイビー × ミント × ウォームローズ ターゲット: ベビー&キッズカテゴリ利用者(育児中の保護者) ================================================================ */ /* ---------------------------------------------------------------- CLAS 既存ページ側 要素の強制非表示 ---------------------------------------------------------------- */ [class*="ProductIntroduction__section"] picture { display: none !important; } [class*="ProductIntroduction__title"], [class*="ProductIntroduction__button"], [class*="ProductIntroduction__description"], [class*="ProductListPage__stripeBackground"], [class*="SearchCondition"], [class*="CategoryList"], [class*="CategorySection"], [class*="CategoryBanner"], [class*="CategorySelector"], [class*="CategoryNavigation"], [class*="CategoryTree"], [class*="ViewedItem"], [class*="RecommendedItem"], [class*="ProductSortBar"] { display: none !important; } .article_detail > section:first-child { display: none !important; } p.datetime { display: none !important; } /* ページ全体の横幅オーバーフロー防止 */ .article_detail, .article_detail > * { max-width: 100% !important; overflow-x: hidden !important; box-sizing: border-box !important; } /* ---------------------------------------------------------------- CSS Variables ---------------------------------------------------------------- */ :root { --abk-navy: #1A2558; --abk-navy-mid: #253873; --abk-mint: #5BA89A; --abk-mint-lt: #EDF7F4; --abk-rose: #D06070; --abk-rose-lt: #FAF0EC; --abk-star: #F0C55A; --abk-cream: #FBF9F5; --abk-purple: #EDE8F8; --abk-border: #D8D4CE; --abk-white: #FFFFFF; --abk-text: #1E2C3A; --abk-sub: #4E5E72; --abk-shadow: 0 4px 24px rgba(27,42,68,.10); --abk-radius: 12px; } /* ---------------------------------------------------------------- Reset & Base ---------------------------------------------------------------- */ .abk-root { font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif; color: var(--abk-text); background: var(--abk-cream) !important; -webkit-font-smoothing: antialiased; overflow-x: hidden; } .abk-root *, .abk-root *::before, .abk-root *::after { box-sizing: border-box; margin: 0; padding: 0; } .abk-root ul { list-style: none; } .abk-root a { text-decoration: none; } .abk-root img { display: block; width: 100%; } /* CMS BlockComponent */ .BlockComponent { margin-top: 0 !important; } /* ---------------------------------------------------------------- Utilities ---------------------------------------------------------------- */ .abk-container { max-width: 760px; margin: 0 auto; padding: 0 40px; } @media (max-width: 540px) { .abk-container { padding: 0 20px; } } .abk-eyebrow { display: block !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: .22em !important; text-transform: uppercase !important; text-align: center !important; color: var(--abk-mint) !important; margin-bottom: 10px !important; /* CMS競合リセット */ border: none !important; border-radius: 0 !important; background: transparent !important; padding: 0 !important; width: auto !important; height: auto !important; line-height: 1.6 !important; } .abk-h2 { font-size: clamp(20px, 2.8vw, 26px); font-weight: 700; color: var(--abk-navy) !important; line-height: 1.75; letter-spacing: .06em; margin-bottom: 20px; } .abk-h2--center { text-align: center !important; } .abk-lead { font-size: 14px; font-weight: 400; line-height: 2.1; letter-spacing: .04em; color: var(--abk-sub) !important; text-align: center !important; max-width: 560px; margin: 0 auto 36px; } /* ---------------------------------------------------------------- Framing Band ---------------------------------------------------------------- */ .abk-root .abk-framing { background: var(--abk-navy) !important; color: rgba(255,255,255,.6) !important; text-align: center !important; font-size: 11px; font-weight: 400; letter-spacing: .2em; text-transform: uppercase; padding: 10px 20px; line-height: 1; } .abk-root .abk-framing strong { color: var(--abk-white) !important; font-weight: 700; } /* ---------------------------------------------------------------- Hero ---------------------------------------------------------------- */ .abk-hero { position: relative; overflow: hidden; /* 画像未設定時のフォールバック背景 */ background: linear-gradient(145deg, #1B2A44 0%, #2D4266 45%, #1B3A35 100%) !important; min-height: 480px; } .abk-hero__img-pc, .abk-hero__img-sp { width: 100%; object-fit: cover; object-position: center center; } .abk-hero__img-pc { display: block; min-height: 480px; } .abk-hero__img-sp { display: none !important; } @media (max-width: 767px) { .abk-hero__img-pc { display: none !important; } .abk-hero__img-sp { display: block !important; aspect-ratio: 750 / 900; } .abk-hero { min-height: unset; } } /* グラデーション遮幕(下部のリンクテキスト付近のみ) */ .abk-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient( to bottom, transparent 0%, transparent 65%, rgba(27,42,68,.55) 100% ); pointer-events: none; z-index: 1; } .abk-hero__overlay { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; padding: 0 40px 52px; text-align: center; } @media (max-width: 540px) { .abk-hero__overlay { padding: 0 24px 44px; } } .abk-hero__badge { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--abk-star) !important; border: 1px solid rgba(240,197,90,.55); padding: 6px 16px; border-radius: 20px; margin-bottom: 18px; } .abk-hero__head { font-size: clamp(28px, 4.8vw, 42px); font-weight: 700; color: var(--abk-white) !important; line-height: 1.5; letter-spacing: .08em; margin-bottom: 14px; } .abk-hero__sub { font-size: clamp(12px, 1.6vw, 14px); font-weight: 400; color: rgba(255,255,255,.82) !important; line-height: 2.0; letter-spacing: .05em; margin-bottom: 28px; } .abk-hero__anchor { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: .14em; color: var(--abk-white) !important; border-bottom: 1px solid rgba(255,255,255,.4) !important; padding-bottom: 3px; transition: opacity .2s; } .abk-hero__anchor:hover { opacity: .7; } /* ---------------------------------------------------------------- Campaign Offer Section ---------------------------------------------------------------- */ .abk-offer-section { padding: 80px 40px; background: var(--abk-white) !important; } @media (max-width: 540px) { .abk-offer-section { padding: 60px 20px; } } .abk-coupon { max-width: 500px; margin: 0 auto; background: var(--abk-white) !important; border: 2px solid var(--abk-navy); border-radius: var(--abk-radius); padding: 48px 40px 36px; text-align: center; position: relative; box-shadow: var(--abk-shadow); } @media (max-width: 540px) { .abk-coupon { padding: 44px 24px 32px; } } .abk-coupon__badge { position: absolute; top: -17px; left: 50%; transform: translateX(-50%); background: var(--abk-rose) !important; color: var(--abk-white) !important; font-size: 11px; font-weight: 700; letter-spacing: .16em; padding: 7px 22px; border-radius: 20px; white-space: nowrap; } .abk-coupon__service { font-size: clamp(26px, 4.2vw, 36px); font-weight: 700; color: var(--abk-navy) !important; letter-spacing: .04em; margin-bottom: 2px; } .abk-coupon__title { font-size: clamp(20px, 3.2vw, 28px); font-weight: 700; color: var(--abk-navy) !important; letter-spacing: .06em; margin-bottom: 10px; } .abk-coupon__highlight { font-size: clamp(44px, 8vw, 62px); font-weight: 700; color: var(--abk-mint) !important; letter-spacing: .03em; line-height: 1.4; margin-bottom: 24px; } /* 黄色マーカー(参考画像の highlight 効果) */ .abk-coupon__marker { display: inline; background: linear-gradient(transparent 60%, rgba(240,197,90,.6) 60%); padding-bottom: 2px; } .abk-coupon__note { font-size: 13px; font-weight: 400; color: var(--abk-sub) !important; line-height: 1.85; letter-spacing: .04em; margin-bottom: 28px; padding: 14px 18px; background: var(--abk-mint-lt) !important; border-radius: 8px; text-align: left; } .abk-coupon__note strong { color: var(--abk-mint) !important; font-weight: 700; } .abk-coupon__cta { display: block; background: var(--abk-rose) !important; color: var(--abk-white) !important; font-size: 15px; font-weight: 700; letter-spacing: .1em; padding: 18px 32px; border-radius: 50px; text-align: center; transition: opacity .2s, transform .2s; margin-bottom: 16px; box-shadow: 0 4px 18px rgba(217,123,100,.38); } .abk-coupon__cta:hover { opacity: .88; transform: translateY(-2px); } .abk-coupon__expiry { font-size: 11px; font-weight: 400; color: var(--abk-sub) !important; letter-spacing: .06em; } /* ---------------------------------------------------------------- 3 Points Section ---------------------------------------------------------------- */ .abk-points-section { padding: 80px 40px; background: var(--abk-mint-lt) !important; } @media (max-width: 540px) { .abk-points-section { padding: 60px 20px; } } .abk-points-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 760px; margin: 0 auto; } @media (max-width: 720px) { .abk-points-grid { grid-template-columns: 1fr; gap: 16px; max-width: 420px; } } .abk-point { background: var(--abk-white) !important; border-radius: var(--abk-radius); padding: 36px 24px 40px; text-align: center; box-shadow: 0 2px 16px rgba(27,42,68,.07); } .abk-point__icon { width: 52px; height: 52px; margin: 0 auto 20px; color: var(--abk-mint); } .abk-point__icon svg { width: 100%; height: 100%; } .abk-point__num { display: block; font-size: 10px; font-weight: 700; letter-spacing: .22em; color: var(--abk-mint) !important; margin-bottom: 10px; } .abk-point__title { font-size: 15px; font-weight: 700; color: var(--abk-navy) !important; line-height: 1.7; letter-spacing: .05em; margin-bottom: 14px; } .abk-point__body { font-size: 12px; font-weight: 400; line-height: 2.0; letter-spacing: .03em; color: var(--abk-sub) !important; } /* ---------------------------------------------------------------- About Content Section ---------------------------------------------------------------- */ .abk-about-section { padding: 80px 40px; background: var(--abk-white) !important; } @media (max-width: 540px) { .abk-about-section { padding: 60px 20px; } } /* イラスト画像 */ .abk-about__illust { max-width: 260px; margin: 0 auto 20px; } .abk-about__illust img { width: 100%; display: block; } .abk-about__lead { font-size: 14px; font-weight: 400; line-height: 2.1; letter-spacing: .05em; color: var(--abk-sub) !important; text-align: center; max-width: 580px; margin: 0 auto 40px; } .abk-about-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 760px; margin: 0 auto; } @media (max-width: 720px) { .abk-about-grid { grid-template-columns: 1fr; gap: 16px; max-width: 460px; } } .abk-about-card { border: 1px solid var(--abk-border); border-top: 3px solid var(--abk-mint); border-radius: 2px; padding: 28px 22px 32px; } .abk-about-card__num { font-size: 30px; font-weight: 700; color: var(--abk-mint) !important; letter-spacing: .04em; margin-bottom: 14px; line-height: 1; opacity: .35; } .abk-about-card__title { font-size: 14px; font-weight: 700; color: var(--abk-navy) !important; line-height: 1.65; letter-spacing: .04em; margin-bottom: 12px; } .abk-about-card__body { font-size: 12px; font-weight: 400; line-height: 1.9; letter-spacing: .03em; color: var(--abk-sub) !important; } .abk-about__more { text-align: center; margin-top: 32px; } .abk-about__more-link { display: inline-block; font-size: 13px; font-weight: 500; color: var(--abk-mint) !important; text-decoration: none !important; letter-spacing: .06em; border-bottom: 1px solid var(--abk-mint); padding-bottom: 2px; transition: opacity .2s; } .abk-about__more-link:hover { opacity: .7; } .abk-about__note-img { margin-top: 36px; } .abk-about__note-img a { display: block; } .abk-about__note-img img { width: 100%; max-width: 480px; margin: 0 auto; border-radius: 8px; display: block; } @media (max-width: 540px) { .abk-about__note-img img { max-width: 100%; } } .abk-about__free-note { font-size: 13px; font-weight: 400; line-height: 1.9; letter-spacing: .03em; color: var(--abk-sub) !important; text-align: center; margin: 20px auto 0; padding: 16px 20px; background: var(--abk-mint-lt); border-radius: 6px; max-width: 680px; } /* ---------------------------------------------------------------- Speaker Section(入稿エリア1: スピーカー) ---------------------------------------------------------------- */ .abk-speaker-section { background: var(--abk-navy) !important; padding-bottom: 16px; } .abk-items-head--dark { text-align: center; } /* ダークセクション用テキスト修飾子 */ .abk-eyebrow--gold { color: rgba(240,197,90,.85) !important; } .abk-h2--light { color: rgba(255,255,255,.92) !important; } .abk-lead--light { color: rgba(255,255,255,.65) !important; } /* CMS BlockComponent の余白・幅調整 */ .abk-speaker-section .BlockComponent { margin-top: 0 !important; max-width: 100% !important; overflow-x: hidden !important; box-sizing: border-box !important; } /* ---------------------------------------------------------------- セクション イメージ画像(各入稿エリアのタイトル付近) ---------------------------------------------------------------- */ .abk-section-img { max-width: 480px; margin: 0 auto 28px; border-radius: 8px; overflow: hidden; } .abk-section-img img { width: 100%; display: block; object-fit: cover; aspect-ratio: 16 / 9; } /* 画像未設定時(src が YOUR_ のまま)は非表示 */ .abk-section-img img[src^="YOUR_"] { display: none !important; } @media (max-width: 540px) { .abk-section-img { max-width: 100%; } } /* ---------------------------------------------------------------- Baby Items Section(入稿エリア2: ベビー&キッズ眠り環境アイテム) ---------------------------------------------------------------- */ .abk-items-section { background: var(--abk-mint-lt) !important; padding-bottom: 16px; } .abk-items-head { padding: 72px 40px 52px; text-align: center; } @media (max-width: 540px) { .abk-items-head { padding: 56px 20px 40px; } } /* CMS BlockComponent の余白・幅調整 */ .abk-items-section .BlockComponent { margin-top: 0 !important; max-width: 100% !important; overflow-x: hidden !important; box-sizing: border-box !important; } /* ---------------------------------------------------------------- Terms Section ---------------------------------------------------------------- */ .abk-terms-section { padding: 56px 40px 64px; background: var(--abk-cream) !important; border-top: 1px solid var(--abk-border); } @media (max-width: 540px) { .abk-terms-section { padding: 40px 20px 48px; } } .abk-terms__title { font-size: 14px; font-weight: 700; color: var(--abk-navy) !important; text-align: center; margin-bottom: 28px; letter-spacing: .06em; max-width: 760px; margin-left: auto; margin-right: auto; } .abk-terms__list { max-width: 680px; margin: 0 auto 28px; } .abk-terms__item { font-size: 13px; font-weight: 400; color: var(--abk-sub) !important; line-height: 1.9; letter-spacing: .03em; padding: 11px 0 11px 20px; border-bottom: 1px solid var(--abk-border); position: relative; } .abk-terms__item::before { content: '・'; position: absolute; left: 0; color: var(--abk-mint) !important; font-weight: 700; } .abk-terms__item:last-child { border-bottom: none; } .abk-terms__inquiry { font-size: 12px; font-weight: 400; color: var(--abk-sub) !important; text-align: center; max-width: 680px; margin: 20px auto 0; } .abk-terms__link { color: var(--abk-mint) !important; text-decoration: underline !important; } /* ---------------------------------------------------------------- Bottom CTA ---------------------------------------------------------------- */ .abk-bottom-cta { padding: 88px 40px; background: var(--abk-navy) !important; text-align: center; } @media (max-width: 540px) { .abk-bottom-cta { padding: 64px 20px; } } .abk-bottom-cta__eyebrow { display: block; font-size: 10px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: rgba(240,197,90,.75) !important; margin-bottom: 16px; } .abk-bottom-cta__copy { font-size: clamp(18px, 2.8vw, 24px); font-weight: 700; color: rgba(255,255,255,.92) !important; letter-spacing: .08em; line-height: 1.65; margin-bottom: 32px; } .abk-bottom-cta__btn { display: inline-block; background: var(--abk-rose) !important; color: var(--abk-white) !important; font-size: 15px; font-weight: 700; letter-spacing: .12em; padding: 20px 52px; border-radius: 50px; transition: opacity .2s, transform .2s; margin-bottom: 20px; box-shadow: 0 4px 22px rgba(217,123,100,.48); } .abk-bottom-cta__btn:hover { opacity: .88; transform: translateY(-2px); } .abk-bottom-cta__expiry { display: block; font-size: 11px; font-weight: 400; color: rgba(255,255,255,.45) !important; letter-spacing: .1em; } #id { visibility: visible !important; }

様々なタイプやサイズ

ベビーベッド・寝具

入荷待ち STOKKE スリーピー ベッド V3
STOKKE スリーピー ベッド V3 専用マットレス・防水シーツ付き ホワイト 汚損補償 無し いつでも返せるプラン
あとから購入可能
13,200 円/月〜
商品をくわしく見る
Combi すくすや トモネル ベビーベッド
Combi すくすや トモネル ベビーベッド 幅102.2×奥行70.4×高さ84.6cm ミルキーベージュ 汚損補償 無し 配送0円プラン
あとから購入可能
2,970 円/月〜
商品をくわしく見る
Aprica  ココネル エアープラス AB ベビーベッド
Aprica ココネル エアープラス AB ベビーベッド 幅70.4×奥行105.2×高さ95.1㎝ グレー 汚損補償 無し いつでも返せるプラン
あとから購入可能
3,300 円/月〜
商品をくわしく見る
yamatoya ベビーベッド そいねーるAD ミニ
yamatoya ベビーベッド そいねーるAD ミニ 幅102.5×奥行き70×高さ126.5cm ホワイト 汚損補償 無し 配送0円プラン
あとから購入可能
4,180 円/月〜
商品をくわしく見る
石崎家具 プチミニ ベビーベッド ミニサイズ
石崎家具 プチミニ ベビーベッド ミニサイズ 幅94.8×奥行66.6×高さ110.4cm ナチュラル 汚損補償 無し 配送0円プラン
あとから購入可能
3,720 円/月〜
商品をくわしく見る
sandesica ベビー布団 5点セット
sandesica ベビー布団 5点セット ミニサイズ用 スターアイボリー 汚損補償 無し 配送0円プラン
あとから購入可能
1,650 円/月〜
商品をくわしく見る
farska ベッドインベッド flex
farska ベッドインベッド flex 幅40×奥行70×高さ17㎝ ベージュ 汚損補償 無し いつでも返せるプラン
あとから購入可能
2,035 円/月〜
商品をくわしく見る
Fisher Price ベビーベッドメリー レインボーシャワー
Fisher Price ベビーベッドメリー レインボーシャワー 幅21×奥行38×高さ55㎝ マルチカラー 汚損補償 無し いつでも返せるプラン
あとから購入可能
770 円/月〜
商品をくわしく見る
 

自動スイングとaudiobookでスヤスヤ入眠

ハイローチェア

 

ねんねをサポート

ベビーケア

Anker Eufy ベビーモニター C10
Anker Eufy ベビーモニター C10 モニター単品 ホワイト 配送0円プラン
あとから購入可能
1,430 円/月〜
商品をくわしく見る
Babysense Home 新生児・乳児用体動センサ
Babysense Home 新生児・乳児用体動センサ 直径21.6cm ホワイト 配送0円プラン
あとから購入可能
2,530 円/月〜
商品をくわしく見る
TANITA nometa 授乳量機能付き ベビースケール
TANITA nometa 授乳量機能付き ベビースケール 幅58×奥行39×高さ9.3cm ホワイト 汚損補償 無し いつでも返せるプラン
あとから購入可能
1,400 円/月〜
商品をくわしく見る
子守歌&ホワイトノイズ 寝かしつけスピーカー&ライト
子守歌&ホワイトノイズ 寝かしつけスピーカー&ライト 幅9×奥行9×高さ6.9cm ホワイト 配送0円プラン
あとから購入可能
495 円/月〜
商品をくわしく見る
RAYCOP ワンタッチ 自動調乳機 ミルクメイト
RAYCOP ワンタッチ 自動調乳機 ミルクメイト 幅15×奥行25×高さ28.1㎝ ホワイト 配送0円プラン
あとから購入可能
1,650 円/月〜
商品をくわしく見る
Pigeon  母乳アシスト さく乳器 電動タイプ pro personal R
Pigeon 母乳アシスト さく乳器 電動タイプ pro personal R シングルポンプ ホワイト 配送0円プラン
あとから購入可能
2,200 円/月〜
商品をくわしく見る
Pigeon 哺乳びんスチーム除菌・乾燥器
Pigeon 哺乳びんスチーム除菌・乾燥器 大容量タイプ ホワイト 配送0円プラン
あとから購入可能
1,760 円/月〜
商品をくわしく見る
STOKKE フレキシバス ニューボーンサポート付き
STOKKE フレキシバス ニューボーンサポート付き 幅24×奥行64×高さ34㎝ オーシャンブルー いつでも返せるプラン
あとから購入可能
880 円/月〜
商品をくわしく見る
 

眠りの音を流す

スピーカー


#id99f2dj1iga { visibility: visible !important; }

ご利用前にご確認ください

  • 初回30日間無料は、audiobook.jpの「聴き放題プラン」を初めてご利用いただく方が対象です。
  • 無料トライアル終了後も契約を継続する場合、月額プランの月額料金、または年割プランの年額料金が課金されます。
  • 無料トライアル期間中に解約した場合、利用料は発生しません。
  • 30日間無料トライアルの登録は、まずPCまたはスマートフォンのWebブラウザから行ってください。
  • スマートフォンアプリで利用する場合は、登録時と同じメールアドレス・パスワードでログインしてください。
  • 聴き放題プラン対象外の有料作品を購入した場合は、無料期間中でも購入費用が発生します。

お問い合わせ:audiobook.jpお問い合わせ窓口

CLAS × audiobook.jp

まずは30日間、無料でお試しください。

30日間無料で試してみる

有効期限:2026年8月18日

この記事をシェアする