.news_img_parent{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  > .article {
    width: 25%;
    padding: 3px;
    > div {
      > a {
        > img {
          width: 100%;
          border-radius: 5px;
        }
      }
      .title {
        margin-top: 5px;
        font-weight: bold;
      }
      .p_date {
        font-size: 1.0rem;
      }
    }
  }
}
.news_line_parent {
  margin: 1em 0.5em;
  > div {
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 5px;
    margin-top: 5px;
    display: inline-block;
    width: 100%;
    display: flex;
    align-items: center;
    > .separater {
      padding-left: 3px;
      padding-right: 3px;
    }
    > p {
      margin: 0;
    }
  }
}
.news_line_parent .news_line_title {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 95%;
}

.maker-image {
    text-align: center;
    width: calc(100% / 6);
}   
.maker-image img {
    width: 75%;
}

/* メディアクエリ: スクリーンの幅が 1126px 以下 */
@media only screen and (max-width: 1126px) {
    .flex-x-scroll-1126 {
        flex-wrap: nowrap; /* Prevent items from wrapping onto next line */
        overflow-x: scroll; /* Enable horizontal scrolling */
    }
    .flex-item-ranking {
        flex: 0 0 auto; /* This will prevent items from shrinking, making sure they stay in a horizontal line */
        margin: 0px;
        padding: 5px 3px;
        border-bottom: 1px solid #ccc;
        min-width: 400px;
        max-width: 400px;
        white-space: normal; /* Reset to normal wrapping within the item */
    }
    .flex-see-more {
        padding-right: 10px;
    }
   .flex-sub-item .flex-container {
        flex-direction: column; /* 縦並び */
        align-items: flex-start; /* 左揃え */
    }

    .first-item {
        flex: 0 0 auto;  /* 自動的にサイズを調整 */
    }

    .flex-item h3 {
        font-size: 1em;  /* サイズ調整 */
    }

    .flex-number {
        font-size: 1em;  /* サイズ調整 */
    }


    .flex-item img {
        width: 100%;  /* 画像の横幅を100%に */
        height: auto; /* 高さは自動 */
    }

    .flex-more-wrapper {
        margin-bottom: 20px;
    }

}

@media only screen and (max-width: 1023px) {
    .flex-x-scroll {
        flex-wrap: nowrap; /* Prevent items from wrapping onto next line */
        overflow-x: scroll; /* Enable horizontal scrolling */
    }
    .flex-news-title {
        line-height: 1.2em;
        font-size: 1.0rem;
    }
    .flex-news-list {
        line-height: 1.61em;
        font-size: 1.0rem;
    }
    .flex-in-stock-item {
        min-width: 146px;
    }

    .flex-item-status {
        font-size: 85%;
    }
    .flex-item {
        margin: 0px;
        padding: 5px 3px;
        border-bottom: 1px solid #ccc;
        min-width: calc(50% - 20px);
        white-space: normal; /* Reset to normal wrapping within the item */
    }
    .flex-nouki {
        width: 146px;
    }
    .flex-see-more {
        padding-right: 10px;
    }

   .flex-sub-item .flex-container {
        flex-direction: column; /* 縦並び */
        align-items: flex-start; /* 左揃え */
    }

    .first-item {
        flex: 0 0 auto;  /* 自動的にサイズを調整 */
    }

    .flex-number {
        font-size: 1em;  /* サイズ調整 */
    }

    .flex-item img {
        width: 100%;  /* 画像の横幅を100%に */
        height: auto; /* 高さは自動 */
    }

    .flex-more-wrapper {
        margin-bottom: 20px;
    }

}


/* メディアクエリ: スクリーンの幅が 768px 以下 */
@media only screen and (max-width: 768px) {
    .maker-image {
        width: calc(100% / 3);
    }   
    .news_img_parent .article {
        width: 50%;
    }
    .news_line_parent .news_line_category {
        display: none;
    }
    .flex-item {
        min-width: calc(100% - 20px);
    }
}