@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/
.category_head h1 {
  margin: 10px 20px;
}
.category_head p {
  margin: 10px 20px;
}

.item_content {
  background: #f9f9f9;
  padding: 20px 10px;
}

.item_headline {
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
}
.item_headline .item_catch {
  width: 40%;
  text-align: center;
}
.item_headline .item_img {
  width: 60%;
}

@media (min-width: 576px) and (max-width: 768px) {
  .item_headline {
    flex-wrap: wrap;
  }
  .item_headline .item_catch,
  .item_headline .item_img,
  .item_headline .item_content {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .item_headline {
    flex-wrap: wrap;
  }
  .item_headline .item_catch,
  .item_headline .item_img,
  .item_headline .item_content {
    width: 100%;
  }
}
.gallery__block {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  justify-content: start;
  align-items: center;
}
.gallery__block .gallery__item {
  width: 25%;
  padding: 1%;
  margin: 10px 0;
  box-sizing: border-box;
}
.gallery__block .gallery__item img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

@media (min-width: 576px) and (max-width: 768px) {
  .gallery__block .gallery__item {
    width: 33.3333%;
  }
}
@media (max-width: 576px) {
  .gallery__block .gallery__item {
    width: 50%;
  }
}
.item__caption {
  padding: 20px;
  background-color: #f9f9f9;
}
.item__caption .acf__title {
  margin-bottom: 15px;
  font-size: 18px;
}
.item__caption .catalog-caption-container {
  margin-bottom: 20px;
}
.item__caption .catalog-caption-container .catalog-table {
  width: 100%;
  border-collapse: collapse;
}
.item__caption .catalog-caption-container .catalog-table td {
  padding: 10px;
  border: 1px solid #ddd;
}
.item__caption .catalog-caption-container .catalog-table .catalog-label {
  font-weight: bold;
  background-color: #efefef;
  width: 20%;
}
.item__caption .catalog-caption-container .catalog-table .catalog-caption {
  color: #333;
}/*# sourceMappingURL=style.css.map */