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

家具と家電の

レンタル・サブスク

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

家具と家電のレンタル・サブスク「CLAS」とは?

2024/09/11

body.content2 .HtmlComponent { background-color: #fff; } p { margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; unicode-bidi: isolate; } .article_detail { background: #F2F3F2; } .SectionComponent { margin-top: 0 !important; } /* 全体の横幅100%指定 */ .article_detail { width: 100% !important; } section.SectionComponent { max-width: 375px; margin: 0 auto; } /* 記事タイトル非表示 */ body.content2 .TitleComponent h1 { display: none; } .TitleComponent{ margin-top: 0 !important; } /* CPバナー非表示 */ #pt-element-ddd6d1fb { display: none; } /* 日付非表示 */ .datetime { display: none; } /* 画像調整 */ img{ width: 100%; max-width: 768px; } /* おすすめ記事 */ section.RelatedArticleSection { max-width: 765px; margin: 0 auto; } @media screen and (max-width: 768px) { body.content2 .RelatedArticleSection { margin: 128px auto 0; padding: 0; max-width: 768px; } .relatedArticles { padding: 0 16px; } section.SectionComponent { max-width: 100%; } } a{ text-decoration: none; color: #565956; } a:hover{ color: #565956; opacity: 0.8; } .main_box{ max-width: 375px; margin: 0 auto; } .badge{ margin-top: -15%; } .main_bg{ top: -250px; max-width: 375px; } .menu{ background: url(https://d3sschy81elrav.cloudfront.net/p/31bbd5a4c90c800dc72f87b4f53dbbd3); background-size: cover; height: 700px; padding-top: 200px; margin-top: -45%; display: flex; flex-flow: column; } .menu li{ border-bottom: 1px solid #565956; padding: 24px 0 4px 40px; width: 55%; font-weight: bold; font-size: 14px; } /* ▲メインビジュアル */ #idr1jjwg9b4u { visibility: visible !important; }
.clas_style01{ background: url(https://d2fewm5i4gyyhv.cloudfront.net/images/other/0000125019_a1adfa92ed24dc0cad5cb5f017ddbb4e37ca84c8c0f9d6b6adacf8530cd6334480e61aac0c24d9a1bf1cecb8a6e962d87aff97a50e45b41deba2ca99419b18d7.jpg); background-size: cover; max-width: 375px; height: 700px; } @media screen and (max-width: 768px) { .clas_style01,.clas_style02,.clas_style03,.clas_style04,.clas_style05{ max-width: 100% !important; } } .style_no{ width: 100%; text-align: right; padding-top: 30px; } .style_no img{ width: 52px; } .notice_01{ width: 360px; padding: 5px 0 0 20px; } .ttl_01_box { display: flex; flex-flow: column; margin: 0 0 0 16px; gap: 8px; width: 50%; } .ttl_01{ font-size: 22px; font-weight: bold; border-bottom: 1px solid #ffff; display: inline-block; color: #fff; margin: 0; } .txt_01{ font-size: 12px; width: 284px; margin: 24px 0 0 16px; color: #fff; line-height: 2rem; letter-spacing: 0.15rem; padding-bottom: 300px; } .clas_style02{ background: url(https://d2fewm5i4gyyhv.cloudfront.net/images/other/0000124067_145acd084b6ceb178c5b08ecc715394cb06595266c813df7b207f4783ca96197a41fdcf498a123703ebce48f99ee55f1aba750bdf385b9b6db5474a3b7f08a1a.png); background-size: cover; max-width: 375px; height: 700px; } .notice_02{ width: 270px; padding: 295px 0 0 16px; display: block; } .ttl_02{ font-size: 22px; font-weight: bold; border-bottom: 1px solid #ffff; margin: 8px 0 0 16px !important; display: flex; color: #fff; display: inline-block; } .txt_02{ font-size: 12px; width: 284px; margin: 24px 0 0 16px; color: #fff; line-height: 2rem; letter-spacing: 0.15rem; } .clas_style03{ background: url(https://d2fewm5i4gyyhv.cloudfront.net/images/other/0000124070_4bea466b0158c50634761b1a514375caa297af2b81d93da90e527d7192bf95fd6ec71bf692dc3f45d28aa648fc4b75d9000f827d7ae995e79cf53e688845bce4.png); background-size: cover; max-width: 375px; height: 700px; } .notice_03{ width: 320px; padding: 0 0 0 16px; display: block; } .ttl_03{ font-size: 22px; font-weight: bold; border-bottom: 1px solid #ffff; margin: 8px 0 0 16px !important; display: flex; color: #fff; display: inline-block; } .txt_03{ font-size: 12px; width: 284px; margin: 24px 0 0 16px; color: #fff; line-height: 2rem; letter-spacing: 0.15rem; padding-bottom: 300px; } .clas_style04{ background: url(https://d2fewm5i4gyyhv.cloudfront.net/images/other/0000124072_e246a9b3d8f75eaaf59bbf8544640524745cde9111a67b7db19d2dccb77d1dd90984b7d4b58e7022b6228d43977384736c9a429163dc9a6339d5d682d697230a.png); background-size: cover; max-width: 375px; height: 700px; } .notice_04{ width: 225px; padding: 320px 0 0 16px; display: block; } .ttl_04{ font-size: 22px; font-weight: bold; border-bottom: 1px solid #ffff; margin: 8px 0 0 16px !important; display: flex; color: #fff; display: inline-block; } .txt_04{ font-size: 12px; width: 284px; margin: 24px 0 0 16px; color: #fff; line-height: 2rem; letter-spacing: 0.15rem; } .clas_style05{ background: url(https://d2fewm5i4gyyhv.cloudfront.net/images/other/0000124076_07ef9624c51ee6c7e17c341df2bb5dca69fccfef7fb99d9adf15a577e472c6437822c537e54be65fdc4887ddaf4fde88fd586f09c5298e0cabf816cb49b3c5c9.png); background-size: cover; max-width: 375px; height: 700px; } .notice_05{ width: 230px; padding: 24px 0 0 32px; display: block; } .ttl_05{ font-size: 22px; font-weight: bold; border-bottom: 1px solid #ffff; margin: 8px 0 0 16px !important; display: flex; color: #fff; display: inline-block; } .txt_05{ font-size: 12px; width: 284px; margin: 24px 0 0 16px; color: #fff; line-height: 2rem; letter-spacing: 0.15rem; padding-bottom: 300px; } /* ▲ style 使い方説明 ▲ */ #idorapuwa88i { visibility: visible !important; }
.service01{ background-color: #F9F1F1; max-width: 375px; margin-top: -6px; } @media screen and (max-width: 768px) { .service01,.service02{ max-width: 100% !important; } } .style_no_s{ position: relative; width: 52px; right: -307px; top: 30px; } .s_box_01{ padding: 0 16px; margin-top: -10px; } .deco_s_01{ width: 200px; display: block; } .s_ttl_01{ font-size: 24px; font-weight: bold; border-bottom: 2px solid #4B5049; color: #4B5049; margin: 8px 0; display: inline-block; } .s_txt_01{ font-size: 14px; color: #4B5049; letter-spacing: 0.15rem; font-weight: bold; } .service01_img{ margin-top: 40px; } .service02{ background-color: #F9F1F1; max-width: 375px; margin-top: 16px; padding-bottom: 40px; } .style_no_s{ position: relative; width: 52px; right: -307px; top: 30px; } .s_box_02{ padding: 0 0 0 16px; margin-top: -10px; } .deco_s_02{ width: 215px; display: block; } .s_ttl_02{ font-size: 24px; font-weight: bold; border-bottom: 2px solid #4B5049; color: #4B5049; display: inline-block; margin: 8px 0; } .s_txt_02{ font-size: 14px; color: #4B5049; letter-spacing: 0.15rem; font-weight: bold; padding: 0 16px 0 0; } .service02_img{ margin-top: 40px; } .s_box_plan_box{ padding: 0 16px; margin-top: 40px; } .s_box_plan{ padding: 16px; background-color: #fff; border-radius: 10px; } .s_box_plan_ttl{ color: #B14C4C; font-size: 16px; font-weight: bold; border-bottom: 2px dotted #B14C4C; display: inline; padding-bottom: 4px; } .s_box_plan_txt{ font-size: 14px; color: #4B5049; font-weight: bold; letter-spacing: 0.15rem; width: 80%; } .s_box_plan_txt02{ font-size: 14px; color: #4B5049; font-weight: bold; letter-spacing: 0.15rem; } .s_box_plan_img{ margin-top: 40px; } .s_box_plan_ttl_sub{ font-size: 12px; margin-left: 16px; display: inline-block; } .deco_s_03{ width: 230px; display: block; } .deco_s_04{ width: 245px; display: block; } .deco_s_05{ width: 230px; display: block; } .pl_16{ padding-left: 16px; } .scroll_box { margin-top: -10px; } /* 以下スクロール */ ul.scroll-infinity__list.scroll-infinity__list--left:first-child { padding-left: 30px; } ul.scroll-infinity__list.scroll-infinity__list--right:first-child { padding-right: 10px; } /* 右端から */ .scroll-infinity { margin-top: 24px; } @keyframes infinity-scroll-left { from { transform: translateX(0); } to { transform: translateX(-100%); } } .scroll-infinity__wrap { display: flex; overflow: hidden; } .scroll-infinity__list { display: flex; align-items: center; list-style: none; padding: 0; gap: 24px; } .scroll-infinity__list--left { animation: infinity-scroll-left 70s infinite linear 0.5s both; } .scroll-infinity__item { width: calc(250px / 4); } .scroll-infinity__item>img { width: 100%; } /* 左端から */ @keyframes infinity-scroll-right { from { transform: translateX(-100%); } to { transform: translateX(0%); } } .scroll-infinity__list--right{ animation :infinity-scroll-right 65s infinite linear 0.5s both; } /* ▲ service サービス説明 ▲ */ #idqjy6qeeqnt { visibility: visible !important; }
.step{ background-color: #F2F3F2; margin: -6px 0 16px 0; padding-bottom: 40px; } .step_box{ padding: 0 0 0 16px; } .step_deco01 { width: 145px; display: block; margin-top: -10px; } .step_deco02 { width: 135px; display: block; margin-top: -10px; } .step_deco03 { width: 240px; display: block; margin-top: -10px; } .step_box_txt{ font-size: 14px; color: #4B5049; font-weight: bold; letter-spacing: 0.15rem; padding-right: 16px; } .step_box_2column { padding: 0 16px; display: flex; gap: 8px; margin-top: 40px; } .step_box_2 { background-color: #fff; padding: 16px; border-radius: 10px; } .step_box_2_ttl01 { font-size: 16px; color: #998866; font-weight: bold; text-align: center; } .step_box_2column img { height: 80px; width: auto; margin: 0 auto; display: block; } .step_box_2_ttl02 { color: #669988; font-size: 14px; font-weight: bold; border-bottom: 2px dotted; height: 65px; } .step_box_2_txt { font-size: 14px; color: #4B5049; } /* ▲ step ステップ説明 ▲ */ #id96nhvvwf1d { visibility: visible !important; }
.QA { background-color: #F2F3F2; padding: 40px 16px; } .QA_ttl { font-size: 24px; font-weight: bold; border-bottom: 2px solid #4B5049; color: #4B5049; display: inline-block; } .QA_box { display: flex; flex-wrap: wrap; gap: 16px; } .QA_txt_box { padding: 32px 16px; background-color: #fff; border-radius: 10px; } .Q_txt { font-size: 16px; color: #669988; font-weight: bold; border-bottom: 2px dotted #669988; padding-bottom: 4px; } .A_txt { color: #4B5049; margin-top: 24px; font-size: 14px; } .QA_btn { margin: 16px auto 0; text-align: center; } .QA_btn a { font-size: 18px; padding: 12px 24px; background-color: #669988; color: #fff !important; display: inline-block; border-radius: 30px; } /* ▲ よくある質問 ▲ */ #idwhuwudd449 { visibility: visible !important; }