@media (min-width: 53.8125em) {
  .itemGridLayout {
    position: relative; }
    .itemGridLayout .gridLayoutMain {
      max-width: 1150px; }
      .itemGridLayout .gridLayoutMain::after {
        content: "";
        display: block;
        clear: both; }
    .itemGridLayout .itemCateWrap {
      width: 100%;
      max-width: 1150px; }
    .itemGridLayout .newsWrap {
      width: 100%;
      max-width: 1150px; }
    .itemGridLayout .leftContentsBlock {
      width: 70%;
      float: left; }
    .itemGridLayout .rightContentsBlock {
      width: calc(30% - 40px);
      float: right; }
    .itemGridLayout .week5starWrap {
      margin-top: 38px; }
    .itemGridLayout .giftWrap {
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1 / 3;
      margin-top: 55px; }
    .itemGridLayout .tabs-giftWrap .gridLayout {
      display: none; } }

.brandListBlock h3 {
  background: #000;
  color: #fff;
  text-align: left;
  padding: .5rem; }

.brandListBlock .list-brand {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3);
  grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3);
  grid-auto-rows: 1fr 1fr;
  border: none; }
  .brandListBlock .list-brand li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 1rem;
    margin: 0; }
    .brandListBlock .list-brand li span {
      display: none; }

@media (min-width: 53.8125em) {
  .brandListBlock h3 {
    color: #333;
    background: transparent;
    text-align: center; }
  .brandListBlock .list-brand {
    display: block;
    border: solid 1px #ccc;
    border-bottom: none; }
    .brandListBlock .list-brand li {
      padding: 1rem 0;
      border-bottom: solid 1px #ccc; }
      .brandListBlock .list-brand li > a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .brandListBlock .list-brand li > a span {
          display: block;
          text-align: left;
          width: calc(100% - 160px); }
        .brandListBlock .list-brand li > a img {
          max-width: 110px;
          padding-left: 20px; } }