/*
Theme Name: yStandard Child
Template: ystandard
Version: 1.0
*/

body {
  font-family: 'M PLUS Rounded 1c', 'Noto Sans JP', sans-serif!important;
  font-weight: 400;
  line-height: 1.8;
}

/* すべての要素のmarginとpaddingを0にする */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; /* 推奨：幅計算を安定させる */
}

.space-40{
	height : 40px;
}

.color-red{
	color: #a83d49;
}
.click-come{
	text-align : center;
	font-size : 0.9em;
	font-weight : 600;
	color : #333;
	margin : 20px 0px;
}


/* デフォルトでは両方非表示にしておく */
.br-pc,
.br-sp {
    display: none;
}

/* PCのみ改行を有効にする（768px以上） */
@media screen and (min-width: 768px) {
    .br-pc {
        display: inline;
    }
}

/* スマホのみ改行を有効にする（767px以下） */
@media screen and (max-width: 767px) {
    .br-sp {
        display: inline;
    }
}

/*記事の下部共通部分*/
/* ===== After Post CTA（記事下共通）===== */
.after-post-cta{
  margin: 40px 0 10px;
  padding: 28px 18px;
  border-radius: 14px;
  background: linear-gradient(135deg,#0b1e3d,#142d57);
  color: #fff;
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
}
.after-post-cta__title{ margin: 0 0 6px; font-size: 1.4rem; line-height: 1.3;
text-align : center;}
.after-post-cta__lead{ margin: 0 0 18px; color: #e6ecff; }

/* グリッド */
.after-post-cta__list{
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: 14px; grid-template-columns: 1fr;
}
@media (min-width: 880px){ .after-post-cta__list{ grid-template-columns: repeat(3,1fr); } }

/* カード */
.after-post-cta__card{
  background: #fff; color: #111; border-radius: 12px; padding: 16px;
  height: 100%;
  display: grid; grid-template-rows: auto auto 1fr auto; gap: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,.06);
}
.after-post-cta__icon{ font-size: 1.7rem; line-height: 1; text-align : center;}
.after-post-cta__item-title{ margin: 0; font-size: 1.05rem; font-weight: 700; text-align : center;}
.after-post-cta__desc{ margin: 0; color: #555; }

/* ボタン */
.after-post-cta__btn{
  margin-top: 10px; display: inline-block; text-decoration: none;
  padding: 10px 14px; border-radius: 999px;
  background: #d43c3c; color: #fff; font-weight: 700; text-align: center;
  transition: transform .06s ease, opacity .2s ease;
}
.after-post-cta__btn:hover{ transform: translateY(-1px); opacity: .95; }

/* アウトライン（電話） */
.after-post-cta__btn--outline{
  background: #fff; color: #0b1e3d; border: 2px solid #0b1e3d;
}

.after-post-cta__note{ margin: 16px 0 0; font-size: .9rem; color: #d9e2ff; }
.author-box{
    background : #fffef8;
    padding : 20px;
}