/*
Theme Name: Be Child
Theme URI: https://sololifejapan.com/
Description: ソロライフ（sololifejapan.com）用 子テーマ
Author: SYCLA合同会社
Template: be_tcd076
Version: 1.0.0
Text Domain: be-child
*/
/* ここに追加したいCSSがあれば記述してください（親テーマのCSSは自動で読み込まれます） */
/* Threads アイコン */
.p-social-nav__item--threads a::before,
.p-social-nav__item--threads span::before {
content: '';
display: inline-block;
width: 1em;
height: 1em;
position: relative;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
}
/* スマホ・タブレット：ヘッダー左にSNSアイコン表示 */
@media (max-width: 1200px) {
.l-header__bar .p-social-nav {
display: flex;
align-items: center;
position: absolute;
top: 0;
left: 12px;
height: 60px;
line-height: 1;
margin: 0;
padding: 0;
z-index: 2;
font-size: 18px;
}
.l-header__bar .p-social-nav__item {
margin: 0 12px 0 0;
}
/* RSSはスマホでは非表示（スペース確保） */
.l-header__bar .p-social-nav__item--rss {
display: none;
}
}
/* ============================================
LINE友だち追加ボタン（ソロライフ）
============================================ */
.line-add-btn a { display: inline-block; line-height: 0; }
.line-add-btn img { width: auto; max-width: none; }
/* ヘッダー（PC）：SNSアイコンの右 */
.line-add-btn--header {
display: inline-flex;
align-items: center;
margin-left: 12px;
vertical-align: middle;
}
.line-add-btn--header img { height: 26px; }
/* ハンバーガーメニュー最下部 */
.line-add-btn--drawer {
margin: 30px 20px;
text-align: center;
}
.line-add-btn--drawer img { height: 40px; }
/* フッター：SNSアイコンの下 */
.line-add-btn--footer {
text-align: center;
padding-top: 15px;
}
.line-add-btn--footer img { height: 36px; }
/* 記事末 */
.line-add-btn--article { text-align: center; margin: 40px 0; }
.line-add-btn--article img { height: 40px; }
/* 切り替え（ハンバーガーが出る幅＝1200px以下） */
@media screen and (min-width: 1201px) {
.line-add-btn--drawer { display: none; }
}
@media screen and (max-width: 1200px) {
.line-add-btn--header { display: none; }
}
/* ========================================
フッターSNS：中央揃え・サイズ・間隔
======================================== */
.p-widget-footer .p-siteinfo .p-social-nav{display:flex !important;justify-content:center;align-items:center;gap:22px;}
.p-widget-footer .p-siteinfo .p-social-nav__item{margin:0 !important;line-height:1;}
.p-widget-footer .p-siteinfo .p-social-nav__item a{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:20px;line-height:1;}
.p-widget-footer .p-siteinfo .p-social-nav__item a::before{font-size:20px;line-height:1;}
.p-widget-footer .p-siteinfo .p-social-nav__item--threads a::before{width:20px;height:20px;}
.sister-site-link{
text-align:center;
font-size:12px;
margin:16px 0 8px;
color:#666; /* opacity:.8 をやめてこれに */
border-top: 1px solid #ddd;
}
.sister-site-link a{ color:inherit; text-decoration:underline; }
.l-footer .sister-site-link{
background:#fff;
margin:0;
padding:16px 0 16px;
}