@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ラッパ全体の余白 */

.custom-writer-wrap {

  margin-top: 40px;

}



/* 見出し「この記事を書いた人」 */

.custom-writer-label {

  font-size: 0.9rem;

  font-weight: 700;

  margin: 32px 0 10px;   /* 上の余白広め、下少し */

  color: #666;

  letter-spacing: 0.05em;

}



/* カード全体 */

.custom-writer-box {

  display: flex;

  align-items: flex-start;

  padding: 20px 22px;

  border-radius: 10px;

  background: #fff;

  border: 1px solid #e5e5e5;

  box-shadow: 0 2px 6px rgba(0,0,0,0.03);

}



/* アイコン画像（枠） */

.custom-writer-box .writer-img {

  margin-right: 18px;

}



/* アイコン画像（中身） */

.custom-writer-box .writer-img img {

  width: 84px;

  height: 84px;

  border-radius: 50%;

  object-fit: cover;

}



/* テキストエリア */

.custom-writer-box .writer-info {

  flex: 1;

}



/* 筆者名 */

.custom-writer-box .writer-name {

  font-size: 1.05rem;

  margin-bottom: 6px;

  font-weight: 700;

}



/* プロフィール文 */

.custom-writer-box .writer-desc {

  font-size: 0.92rem;

  line-height: 1.7;

  color: #444;

}



/* スマホ表示用（横幅599px以下のとき） */

@media (max-width: 599px) {

  .custom-writer-box {

    flex-direction: column;

    align-items: flex-start;

  }



  .custom-writer-box .writer-img {

    margin-right: 0;

    margin-bottom: 12px;

  }



  .custom-writer-box .writer-img img {

    width: 90px;

    height: 90px;

  }

}