/* 記事の下のシェアボタン（inc/share-buttons.php）。店舗記事・まとめ記事・ニュースなど共通。
   文字は出さず、丸いアイコンを横一列に並べる（PC もスマホも 1 行）。名前は title / aria-label が持つ。 */
.share-buttons{width:min(100% - 32px,880px);margin:56px auto;padding:0;font-family:var(--bl-font);color:#102a43}
.share-buttons__title{margin:0 0 14px;text-align:center;font-size:15px;font-weight:700;letter-spacing:.04em}
.share-buttons__list{display:flex;flex-wrap:nowrap;justify-content:center;gap:14px;margin:0;padding:0;list-style:none}
.share-buttons__cell{flex:0 1 56px;min-width:0;margin:0;padding:0;list-style:none}
.share-buttons__item{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1;border-radius:50%;color:#fff;text-decoration:none;transition:filter .2s ease,transform .2s ease}
.share-buttons__item:hover,.share-buttons__item:focus-visible{filter:brightness(.88);color:#fff;text-decoration:none}
.share-buttons__item:active{transform:translateY(1px)}
.share-buttons__item:focus-visible{outline:3px solid rgba(16,42,67,.35);outline-offset:2px}
.share-buttons__icon{flex:none;width:46%;height:46%}
.share-buttons__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.share-buttons__item--line{background:#06c755}
.share-buttons__item--x{background:#000}
.share-buttons__item--facebook{background:#1877f2}
.share-buttons__item--threads{background:#101010}
.share-buttons__item--mail{background:#5d6b78}
@media(max-width:600px){.share-buttons{margin:40px auto}.share-buttons__list{gap:8px}}

/* Google 検索の優先ソースボタン（共有ではなく「バンラオを優先する」設定の案内） */
.preferred-source{width:min(100% - 32px,880px);margin:0 auto 56px;padding:22px 20px;text-align:center;font-family:var(--bl-font);color:#102a43;background:#fff;border:1px solid #dfe3e6;border-radius:8px}
.preferred-source__title{margin:0 0 8px;font-size:16px;font-weight:700}
.preferred-source__button{display:flex;justify-content:center;min-height:40px}
.preferred-source__admin{margin:14px 0 0;font-size:12px;color:#687580}
.preferred-source__admin a{color:#185a8d;text-decoration:underline}
@media(max-width:600px){.preferred-source{margin-bottom:40px}}

/* LINE は公式の専用アイコン（丸型・60x60）を改変せずそのまま表示する。背景色・明るさ変更・縁取りはしない。 */
.share-buttons__item--line{background:none;border-radius:0}
.share-buttons__item--line:hover,.share-buttons__item--line:focus-visible{filter:none;opacity:.85}
.share-buttons__official{display:block;width:100%;height:100%;border-radius:0}

/* Facebook は公式の丸型ロゴ（青）を、LINE と同じく変形・着色せず表示する。 */
.share-buttons__item--facebook{background:none;border-radius:0}
.share-buttons__item--facebook:hover,.share-buttons__item--facebook:focus-visible{filter:none;opacity:.85}
/* X・Threads は公式の白ロゴを、黒地の丸の上に置く（ロゴ自体は変形しない。ロゴ幅の 1/4 以上の余白をとる）。 */
.share-buttons__item--x,.share-buttons__item--threads{background:#000}
.share-buttons__item--x:hover,.share-buttons__item--x:focus-visible,.share-buttons__item--threads:hover,.share-buttons__item--threads:focus-visible{filter:none;opacity:.85}
.share-buttons__official--x,.share-buttons__official--threads{width:44%;height:44%;object-fit:contain}

/* はてなブックマークは公式シンボルマーク（角丸の四角形・青）を変形・着色せず表示する。丸く切り抜かない。 */
.share-buttons__item--hatena{background:none;border-radius:0}
.share-buttons__item--hatena:hover,.share-buttons__item--hatena:focus-visible{filter:none;opacity:.85}