【CIRCLEソファ新シリーズ誕生記念】秋冬におすすめ！ブラックフレームのCIRCLEソファが一部20%OFF!

2024/09/20

メインビジュアルエリア

/* 商品カードサブタイトル非表示 */ .SearchResultCard__subtitle { display: none !important; } button.addToCart img { width: 19px !important; } body.content2 .SearchResultCard__content { background-color: #fff !important; padding: 0 4px; } /* 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; background: #BBD5D6 !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: #443A24; max-width: 768px; } .main_merit { padding: 0 16px 40px; } .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; } }