@charset "UTF-8";

/* 全体共通部分変更 ----------------- */
/* ナビ削除 */
/* .block-genre-page--sub {
  display: none;
} */

/* ジャンルの背景色変更背景色変更 */
/* .block-genre-page {
  background-color: #;
}

.block-genre-page--goods {
  background-color: #fff;
} */

/* リード文/PC・SP切り替え ----------------- */
.sp_read {
  display: block;
}

.pc_read {
  display: none;
}

@media screen and (min-width:768px) {
  .sp_read {
    display: none;
  }

  .pc_read {
    display: block;
  }
}


/* 共通設定 ----------------- */
* {
  margin: 0;
  padding: 0;
}

#k_swim {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-weight: 400;
  font-size: 15px;
}

#k_swim img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  font-style: italic;
  background-repeat: no-repeat;
  background-size: cover;
}

#k_swim a {
  text-decoration: none;
  cursor: pointer;
}

#k_swim a:hover {
  opacity: .8;
}

#k_swim ul,
#k_swim li {
  list-style: none;
}

#k_swim .row {
  /* padding-top: 35px; */
  padding-bottom: 20px;
}

#k_swim .row:first-child {
  padding-top: 0px;
}

#k_swim .row:last-child {
  padding-bottom: 40px;
}

/* item_list ----------------- */
#k_swim .item_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#k_swim .item_list li {
  width: 100%;
  max-width: 300px;
  margin: 10px;
  box-shadow: 6px 6px #f39801;
  border-radius: 16px;
}

#k_swim .item_list li a {
  display: block;
}


/* 画面サイズが768pxからはここを読み込む */
@media screen and (min-width:768px) {

  /* 共通設定 ----------------- */
  #k_swim .row {
    padding-bottom: 45px;
    padding-top: 30px;
  }

  #k_swim .row:last-child {
    padding-bottom: 60px;
  }

  #k_swim .title {
    font-size: 30px;
    margin-bottom: 30px;
  }

  /* item_list ----------------- */
  #k_swim .item_list li {
    width: 50%;
    max-width: 400px;
  }

}