/*
Template:ystandard
Theme Name:ystandard-child
Theme URI: https://wp-ystandard.com
Author: yosiakatsuki
Author URI: https://yosiakatsuki.net
Description:「自分色に染めた、自分だけのサイトを作る楽しさ」を感じてもらうために作った一風変わったWordPressテーマ「ystandard」の子テーマ
Version: 4.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

h2,h3,h4{
  margin : 0!important;
}
/* PC表示 / SP非表示 */
.pc {
  display: block;
}

/* SP表示 / PC非表示 */
.sp {
  display: none;
}

/* 899px以下をスマホ扱い */
@media screen and (max-width: 899px) {
  .pc {
    display: none;
  }

  .sp {
    display: block;
  }
}

/* PCで表示、スマホで非表示 */
.br-pc {
  display: block;
}

.br-sp {
  display: none;
}

/* スマホ時（899px以下など自由に調整可能） */
@media screen and (max-width: 899px) {
  .br-pc {
    display: none;
  }

  .br-sp {
    display: block;
  }
}

.sp-img{
	text-align : center;
	margin : 15px 0px 0px 0px;
}

.footer-copy {
    text-align: center;
    margin-bottom : 60px;
    font-size : 12px;    
}

/* トップ用：アイキャッチ統一 */
.column-list-top .column-thumb {
  width: 100%;
  aspect-ratio: 4 / 3;   /* ← 縦横比を統一（おすすめ） */
  overflow: hidden;
  border-radius: 8px;
}

.column-list-top .column-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* カテゴリラベル */
.column-category {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  background: #f4a7bd;   /* ソフトピンク */
  color: #fff;
  padding: 4px 12px;
  border-radius: 20px;
  margin: 8px 0 6px 12px;
}

/* トップページのコラムだけに適用 */
.column-list-top .column-excerpt {
	font-size: 13px;
	line-height: 1.8;
  color: #555;
  padding: 0 16px 18px;
}
.column-more{
  text-align : center;
  margin-top : 40px;
}
.column-more a{
  text-decoration : none;
}
.designer-column-btn {
  margin-top: 20px;
}

.btn-column {
  display: inline-block;
  font-size: 14px;
  padding: 10px 20px;
  border: 1px solid #d6a5b8;
  border-radius: 30px;
  color: #b45777;
  background: #fff;
  text-decoration: none;
}
.designer-column-btn {
  margin-top: 24px;
  text-align: center;   /* ← これだけで中央配置 */
}


.btn-column:hover {
  background: #f9eef3;
}
/* デザイナー写真（丸型） */
.designer-photo {
  width: 100px;
  height: 100px;
  margin: 0 auto;          /* 中央配置 */
  border-radius: 50%;
  overflow: hidden;        /* はみ出しをカット */
}

.designer-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;       /* 顔が自然に収まる */
  display: block;
}