<スタイル>
.single .fa-blog-store-sidebar {
フロート: 右;
幅: 200ピクセル;
マージン: 0 0 20px 24px;
ディスプレイ: フレックス;
フレックス方向: 列;
整列項目: 中央;
ギャップ: 14px;
位置: スティッキー;
上: 90ピクセル;
z インデックス: 2;
}
.single .fa-blog-store-sidebar a {
表示: ブロック;
行の高さ: 0;
トランジション: 不透明度 0.2 秒の容易さ、変換 0.2 秒の容易さ。
}
.single .fa-blog-store-sidebar a:hover {
不透明度: 0.88;
変換：translateY(-1px);
}
.single .fa-blog-store-sidebar img {
幅: 100%;
最大幅: 200ピクセル;
高さ: 自動;
境界半径: 6px;
ボックスシャドウ: 0 2px 8px rgba(0,0,0,0.12);
}
@media (最大幅: 991px) {
.single .fa-blog-store-sidebar {
フロート: なし。
幅: 100%;
マージン: 0 0 24px;
フレックス方向: 行;
コンテンツの位置揃え: 中央;
フレックスラップ: ラップ;
位置: 静的;
}
.single .fa-blog-store-sidebar img { 最大幅: 160px; }
}