@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
*/


/* reCAPTCHA 保護マーク非表示　ーーーーーーーーーーーーーーー */
.grecaptcha-badge { visibility: hidden; }


/* ウェブフォント読み込み中の対策 ーーーーーーーーーーーーーーー */
@font-face {
font-family: 'icomoon';
src:url('/wp-content/themes/swell/assets/fonts/icomoon.ttf?7ojy2d') format('embedded-truetype'),
url('/wp-content/themes/swell/assets/fonts/icomoon.ttf') format('truetype'),
url('/wp-content/themes/swell/assets/fonts/icomoon.woff') format('woff'),
url('/wp-content/themes/swell/assets/fonts/icomoon.svg') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}


/* コメント欄のカスタマイズ ーーーーーーーーーーーーーーー */

/* コメント欄全体の背景を白に */
.p-commentArea {
  background: #fff !important;
}
/* コメント共通（カード） */
.comment .comment-body {
  position: relative;
  background: #fff !important; /* 性別なし */
  border-radius: 14px;
  padding: 14px 16px;
  margin-bottom: 35px; /* 日付分の余白 */
  box-shadow: 3px 3px 3px rgba(0,0,0,.08);
}
/* 男性：薄い青 */
.comment.gender-male .comment-body {
  background: #d0f1ff !important;
}

/* 女性：薄いピンク */
.comment.gender-female .comment-body {
  background: #ffd2e7 !important;
}
/* コメント上部（名前・日付） */
.comment-meta {
  color: #777;
  font-size: 12px;
  margin-bottom: 6px;
}
/* 返信リンク */
.comment-reply-link {
  display: inline-block;
  margin-top: 8px;
  font-size: 12px;
}
/* 返信インデント */
.comment.depth-2 { margin-left: 28px; }
.comment.depth-3 { margin-left: 56px; }
/* 名前横の性別アイコン（共通） */
.comment-author .fn::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 6px;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* 男性アイコン */
.comment.gender-male .comment-author .fn::after {
  background-image: url("https://seinen-no-ie.sakura.ne.jp/matchout/wp-content/uploads/2025/12/male.png");
}
/* 女性アイコン */
.comment.gender-female .comment-author .fn::after {
  background-image: url("https://seinen-no-ie.sakura.ne.jp/matchout/wp-content/uploads/2025/12/female.png");
}
/* 日付を右下・箱の外に表示 */
.comment-metadata {
  position: absolute;
  right: 6px;
  bottom: -28px;
  font-size: 11px;
  color: #999;
}



/* 記事上：この記事を書いた人ブロック ーーーーーーーーーーーーーーー */
.blog-author-box{
display:flex;
align-items:flex-start;
gap:24px;
max-width:780px;
margin:40px auto;
padding:24px 28px;
background:#fff;
border:2px solid #eee;
border-radius:14px;
box-shadow:1px 2px 6px rgba(0,0,0,.06);
}
/* 左カラム（アイコン＋名前） */
.author-left{
flex:0 0 110px;
text-align:center;
}
/* アイコン */
.author-icon img{
width:92px;
height:92px;
border-radius:50%;
object-fit:cover;
}
/* 名前（画像下） */
.author-name{
margin-top:4px;
font-size:.95rem;
font-weight:700;
color:#333;
}
/* 右テキスト */
.author-info{
flex:1;
min-width:240px;
}
/* ラベル */
.author-label{
margin:0 0 8px;
font-size:.75rem;
color:#999;
}
/* 説明文 */
.author-desc{
margin:0;
font-size:.95rem;
line-height:1.65;
color:#444;
}
/* ── スマホ対応 ── */
@media(max-width:640px){
.blog-author-box{
flex-direction:column;
align-items:center;
text-align:center;
}
.author-info{
width:100%;
}
.author-label{
text-align:center;
margin-bottom:10px;
}
.author-desc{
text-align:left;
}
}