.top-main{
  position: relative;
}

.top-left{
width: 50%;
  float: left;
  height: 800px;
  background: url(https://img21.shop-pro.jp/PA01357/799/etc/top-image-left.jpg) no-repeat 50% 50%;
  background-size: cover;
    position: relative;
}
.top-right{
width: 50%;
  float: left;
  height: 800px;
  background: url(https://img21.shop-pro.jp/PA01357/799/etc/top-image-right.jpg?cmsp_timestamp=20200914105531) no-repeat 50% 50%;
  background-size: cover;
  position: relative;
}
.scroll img{
width: 50px;
  height: auto;
  position: absolute;
  left: 50%;
  bottom: 30px;
  margin-left: -25px;
}

.left-logo img{
width: 261px;
 height: auto;
}
.left-logo a{
  display: block;
text-align: center;
  position: absolute;
  top: 270px;
  left: 50%;
  margin-left: -125px;
}
.right-logo img{
width: 309px;
 height: auto;
}
.right-logo a{
    display: block;
text-align: center;
  position: absolute;
  top: 270px;
  left: 50%;
  margin-left: -155px;
}
.top-bt-itemlist a{
  display: block;
  color : #fff;
  border: 1px solid #fff;
  padding: 12px;
  text-align: center;
  width: 240px;
  font-size: 14px;
  position: absolute;
  left: 50%;
  bottom: 220px;
  margin-left: -120px;
}
.top-bt-itemlist a:hover{
text-decoration: none;
}

.top-copy{
 text-align: center;
  line-height: 2.2;
  margin: 40px 0 60px 0;
}



/* ====== 新商品 / 売れ筋商品 =======  */
/* セクション全体 */
.item-section {
  max-width: 100%;
  margin: 60px 0;
  padding: 0;
}

/* タイトル */
.section-title {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  margin: 16px 0;
}

.section-subtitle {
  font-size: 18px;
  font-weight: 500;
  color: #858483;
  display: block;
  font-family: unitedarrows-medium, 'Yu Gothic Medium', 'Yu Gothic', '游ゴシック', YuGothic, '游ゴシック体', Hiragino, 'Kaku Gothic ProN', 'Hiragino Sans', MSPGothic, Meiryo, sans-serif;
}

/* スクロールコンテナ */
.item-scroll-container {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #ccc #f5f5f5;
  margin: 0 60px;
}

.item-scroll-container::-webkit-scrollbar {
  height: 8px;
}

.item-scroll-container::-webkit-scrollbar-track {
  background: #f5f5f5;
}

.item-scroll-container::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}

/* 商品リスト */
.item-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 20px;
}

/* 商品カード */
.item-card {
  flex: 0 0 260px;
}

.item-card:last-child {
  margin-right: 20px;
}

.item-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.item-link:hover .item-name {
  text-decoration: underline;
}

/* 商品画像 */
.item-image {
  position: relative;
  width: 100%;
  padding-top: 100%;
  background: #f5f5f5;
  overflow: hidden;
}

.item-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.no-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ccc;
  font-size: 14px;
  font-family: 'Open Sans Condensed', sans-serif;
}

/* 商品情報 */
.item-name {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #111;
  font-family: 'Open Sans Condensed', sans-serif;
  text-align: center;
}

/* 価格表示 */
.item-price {
  text-align: center;
}

.price,
.sale-price {
  font-size: 16px;
  font-weight: 500;
  color: #111;
  line-height: 1.4;
  font-family: 'Open Sans Condensed', sans-serif;
}

.regular-price {
  font-size: 14px;
  font-weight: 500;
  color: #999;
  text-decoration: line-through;
  display: block;
  font-family: 'Open Sans Condensed', sans-serif;
}

.sale-price {
  display: block;
}

.discount-badge {
  background: #e74c3c;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 8px;
  border-radius: 4px;
  margin-top: 4px;
  display: inline-block;
  font-family: 'Open Sans Condensed', sans-serif;
}

/* タブレット */
@media (max-width: 768px) {
  .item-section { margin: 40px 0; }
  .section-title { font-size: 28px; margin: 10px 0 30px; padding: 0 16px; }
  .section-subtitle { font-size: 16px; }
  .item-scroll-container { margin: 0 10px; }
  .item-list { gap: 16px; }
  .item-card { flex: 0 0 180px; }
  .item-card:last-child { margin-right: 16px; }
  .item-name { font-size: 16px; }
}

/* スマートフォン */
@media (max-width: 480px) {
  .item-section { margin: 30px 0; }
  .section-title { font-size: 24px; margin: 12px 0 4px; padding: 0 12px; }
  .section-subtitle { font-size: 14px; }
  .item-scroll-container { margin: 0 12px; }
  .item-list { gap: 12px; }
  .item-card { flex: 0 0 150px; }
  .item-card:last-child { margin-right: 12px; }
  .price, .sale-price { font-size: 14px; }
  .regular-price { font-size: 12px; }
}