/* _styles.scss読込 */
@import './css/styles.css;




@charset "UTF-8";
/*
 Theme Name: PORTFOLIOベーシック（子テーマ）
 Template: portfolio-basic
 Version: 1.0.0
*/

/* 以下にCSSを記入します。一例としてfunctions.phpで読み込んだGoogleフォントをメインビジュアルのタイトルのフォントに適用しています。不要なら削除してください。*/

/* 例：functions.phpで読み込んだGoogleフォントをメインビジュアルのタイトルのフォントに適用。不要なら削除してください。*/


/* 例：投稿一覧をPCで３カラム、SPで1カラムに変更。*/
.articleList-list {
  grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 767px) {
  .articleList-list {
    grid-gap: 15px;
    grid-template-columns: 1fr;
  }
}

.post ul {
  list-style: none;
}

.post ul li {
  border-bottom: 3px dotted #333;

}

.post ul li span {
  font-size: 18px;
  font-weight: bold;
}

.post ul li:first-of-type {
  margin-top: 30px;
}

.article-body .link_btn {
  text-align: center;
  margin-top: 30px;
}

.site_btn {
  text-align: center;
  display: inline-block;
  padding: 16.8px 22px;
  background: #eeee22;
  min-width: 220px;
  border-radius: 40px;
  color: #333;
  font-weight: bold;
}