CLASではじめる秋の新生活

メインビジュアルエリア

/* 商品カードサブタイトル非表示 */ .SearchResultCard__subtitle { display: none !important; } /* PC背景色の指定 */ .HtmlComponent{ background-color: #DAD1C9; } section.SectionComponent{ background-color: #DAD1C9; } /* 各セクションのタイトル非表示 */ .TitleComponent{ display: none !important; } body.content2 .HtmlComponent { margin-top: 0; } /* 画像とリンク */ a{ text-decoration: none; color: #565956; } a:hover{ color: #565956; opacity: 0.8; } .SectionComponent { margin-top: 0 !important; } /* 全体の横幅100%指定 */ .article_detail { width: 100% !important; } /* 記事タイトル非表示 */ body.content2 .TitleComponent h1 { display: none; } .TitleComponent{ margin-top: 0 !important; } /* CPバナー非表示 */ #pt-element-ddd6d1fb { display: none; } /* 日付非表示 */ .datetime { display: none; } /* 商品リスト */ body.content2 .ProductListComponent__searchResultProductList { padding: 0; } .BlockComponent { border-radius: 0 !important; padding: 16px !important; max-width: 768px; margin: 0 auto !important; } .SearchResultCard__button img { width: auto !important; } .ProductListComponent { max-width: 1000px; margin: 0 auto; } /* セクション間余白 */ .bg_gray_space{ background-color: #f2f4f1; height: 80px; } .bg_blue_space{ background-color: #F6FAF7; height: 80px; } .bg_orange_space{ background-color: #FCE8E0; height: 80px; } /* 画像調整 */ img{ width: 100% !important; max-width: 768px !important; } /* メインビジュアル */ #ido9q17z067y { margin: 0 auto; max-width: 768px; width: 100%; } .main_box{ max-width: 768px; margin: 0 auto; } .main{ background-color: #C04226; max-width: 768px; } .main_ttl{ width: 768px; height: 90px; color: #C04226; background-color: #D0C2B7; font-size: 24px; font-weight: bold; display: table-cell; vertical-align: bottom; padding-bottom: 8px; text-align: center; letter-spacing: 0.15rem; } .main_ttl_white{ color: #fff; font-family: futura; font-weight: 100; } .main_img{ margin: 16px 0; display: flex; flex-wrap: wrap; overflow: hidden; gap: 6px; width: 100%; } .main_date{ padding: 0 24px; } .main_txt{ margin: 40px 32px 0; padding-bottom: 40px; } /* おすすめ記事 */ /* 以下スクロール */ ul.scroll-infinity__list.scroll-infinity__list--left:first-child { padding-left: 20px; } ul.scroll-infinity__list.scroll-infinity__list--right:first-child { padding-right: 10px; } /* 右端から */ @keyframes infinity-scroll-left { from { transform: translateX(0); } to { transform: translateX(-100%); } } .scroll-infinity__wrap { display: flex; overflow: hidden; } .scroll-infinity__list { display: flex; list-style: none; padding: 0; gap: 16px; } .scroll-infinity__list--left { animation: infinity-scroll-left 70s infinite linear 0.5s both; } .scroll-infinity__item { width: calc(1000px / 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; } @media screen and (min-width: 768px) { body.content2 .RelatedArticleSection { margin: 128px auto 0; padding: 0; max-width: 768px; } } #ido9q17z067y { visibility: visible !important; }

CLASではじめる秋の新生活

• 
• 
• 
• 

• 
• 
• 
• 

• 
• 
• 
• 

• 
• 
• 
• 

サービス紹介とキャンペーン特典

/* サービス+特典 */ #idx09x7suklu { max-width: 768px; margin: 0 auto; } .explain{ background-color: #D0C2B7; padding: 0 16px 40px; text-align: center; } .explain_check{ width: 80px; margin: 0 auto; padding-top: 40px; } .explain_ttl{ margin: 16px 0; } .explain_link{ display: inherit; color: #C04226; font-weight: bold; text-align: right; font-size: 12px; text-decoration: underline; } .explain_link:hover{ color: #C04226; opacity: 0.8; } .explain_sarani{ margin: 16px auto 8px; width: 280px; } .explain_2nd_ttl{ width: 280px; margin: 0 0 16px 0; } .explain_img_box{ display: flex; flex-wrap: wrap; gap: 16px; } #idx09x7suklu { visibility: visible !important; }