@media screen and (min-width: 1201px) { /* 画面幅1201px以上 */
}
.page-title000{
  margin: 6% 0 0 0 ;
  font-weight: 400 !important;
}
a, .page-title000{
  color: var(--ast-global-color-0);
}

/* カテゴリーページ用CSSここから（トップページスライド用と共通のものは追記していない。デザイン変更したい場合はCSSと読み込みを随時変更） */
.category-origin000{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 4% 0 0 0;
}

/* 各カードの幅と高さ、テキストの位置を設定 */
.category-origin-block {
  width: calc(33.334% - 3%); /* margin padding分を引く */
  margin: 1.5%;
  padding: 0%;
  height: auto;
  background-color: #f2f2f2 !important;
}

@media screen and (max-width: 1201px) { /* 画面幅1201px以下 */
.category-origin-block {
  width: calc(50% - 3%); /* margin padding分を引く */
}
}
@media screen and (max-width: 460px) { /* 画面幅460px以下 */
.category-origin-block {
  width: calc(100% - 3%); /* margin padding分を引く */
}
}

/* ここからはブロックデザインCSS*/

/* ここからはサムネイル用CSS*/
.container{
  display: flex;
  justify-content: space-between;
}

.container-item{
  width: 100%;
  max-width: 380px;
  max-height: 247px;
}

.container-item-img{
  height: 247px;
  overflow: hidden;
}

.container-item-img::before {
  content: "";
  padding-top: calc(((247 / 380) * 100%)); /* padding-topの値=高さ比率÷幅比率×100% */
}

.container-item-img img{
    display: block;
    width: 100%;
    max-width: 380%;
    height: 247px;
    object-fit: cover;
  }

.container-item-img img::before {
  content: "";
  padding-top: calc(((247 / 380) * 100%)); /* padding-topの値=高さ比率÷幅比率×100% */
}
@media screen and (max-width: 1000px) {
 .container-item{
  width: 100%;
  max-width: 500px;
  max-height: 247px;
}
.container-item-img {
    width: 100%;
    height: 200px;
    }
    .container-item-img img{
    display: block;
    width: 100%;
    max-width: 380%;
    height: 200px;
    object-fit: cover;
  }

}
/* ここからはタイトル用CSS*/
.su-title000{
  padding: 4%;
  margin: 2% 0 0 0 ;
}
.su-post-title00{
  font-size: 23px !important ;
  margin: 0 0 2% 0 !important;
}
.su-post-title00 a{
  color: #000000 !important;
}

@media screen and (min-width: 1201px) { /* 画面幅1201px以上 */
.su-post-title00{
 font-size: 18px !important ;
}
}
@media screen and (max-width: 767px) { /* 画面幅767px以上 */
.su-post-title00{
 font-size: 15px !important ;
}
}
/* ここからは市町エリア用CSS*/
.su-area00 {
  background-color: #231815;
  font-family: "ryo-gothic-plusn", Sans-serif;
}
.su-area000{
  padding: 2%;
  /*font-size: 1.34vw !important ;*/
  color: #ffffff;
}
.su-area001{
  color: #ffffff;
}


@media screen and (min-width: 1201px) { /* 画面幅1201px以上 */
.su-area000{
 font-size: 16px !important ;
}
}

/* ここからは本文用CSS*/
.su-except000{
  padding: 4%;
  font-size: 1.34vw !important ;
  color: #000000;
  font-family: "ryo-gothic-plusn", Sans-serif;
  letter-spacing: 0.05em
}

@media screen and (min-width: 1201px) {
  .su-except000 {
    font-size: 16px !important;
    font-family: "ryo-gothic-plusn", Sans-serif;
  }
}
@media screen and (max-width: 767px) { /* 画面幅767px以上 */
.su-except000 {
  font-size: 14px !important;
}
}