/*
 * CONVERGENCE PRESS: 商品リンク（[kp_shoplink]）・広告コード（[kp_ad]）の見た目。
 * サイト側と、管理画面の編集画面のプレビューで同じものを使う。
 */

.kp-shoplink{position:relative;margin:1.6em 0;padding:20px 18px 16px;border:1px solid var(--kp-border,#e5e7eb);border-radius:var(--kp-radius,10px);background:var(--kp-card,#fff);box-shadow:0 4px 14px rgba(15,23,42,.06);line-height:1.6;color:var(--kp-text,#1f2937)}
.kp-shoplink__pr{position:absolute;top:0;left:0;padding:1px 9px;border-radius:var(--kp-radius,10px) 0 8px 0;background:rgba(127,127,127,.14);color:var(--kp-muted,#6b7280);font-size:.68rem;letter-spacing:.06em;line-height:1.8}
.kp-shoplink__main{display:flex;gap:16px;align-items:flex-start}
.kp-shoplink__img{flex:0 0 150px;max-width:36%;display:block;border-radius:8px;overflow:hidden;background:#fff;text-align:center}
.kp-shoplink__img img{display:block;width:100%;height:auto;max-height:190px;object-fit:contain;margin:0 auto;border-radius:0}
.kp-shoplink__body{flex:1;min-width:0}
.kp-shoplink__title{margin:0 0 4px;font-weight:800;font-size:1.02em;line-height:1.5}
.kp-shoplink__title a{color:inherit;text-decoration:none}
.kp-shoplink__title a:hover{text-decoration:underline}
.kp-shoplink__brand{margin:0 0 4px;color:var(--kp-muted,#6b7280);font-size:.82em}
.kp-shoplink__price{margin:0 0 6px;font-weight:700;color:#b91c1c}
.kp-shoplink__price-at{margin-left:.3em;font-weight:400;font-size:.76em;color:var(--kp-muted,#6b7280)}
.kp-shoplink__copy{margin:6px 0 0;font-size:.92em}
.kp-shoplink__copy p{margin:0 0 .5em}
.kp-shoplink__copy p:last-child{margin-bottom:0}
.kp-shoplink__btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.kp-shoplink__btn{flex:1 1 150px;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border-radius:999px;background:var(--kp-accent,#2563eb);color:#fff!important;font-weight:700;font-size:.9rem;line-height:1.4;text-align:center;text-decoration:none!important;box-shadow:0 3px 0 rgba(0,0,0,.16);transition:transform .12s,filter .12s}
.kp-shoplink__btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.kp-shoplink__btn--amazon{background:#f59e0b;color:#1f2937!important}
.kp-shoplink__btn--rakuten{background:#bf0000}
.kp-shoplink__btn--yahoo{background:#ff0033}
.kp-shoplink__btn--c-green{background:#16a34a}
.kp-shoplink__btn--c-blue{background:#2563eb}
.kp-shoplink__btn--c-orange{background:#ea580c}
.kp-shoplink__btn--c-pink{background:#db2777}
.kp-shoplink__btn--c-dark{background:#1f2937}
.kp-shoplink--mini{padding:16px 14px 12px}
.kp-shoplink--mini .kp-shoplink__img{flex-basis:90px}
.kp-shoplink--mini .kp-shoplink__btns{margin-top:10px}
.kp-shoplink--mini .kp-shoplink__btn{flex:0 1 auto;min-height:36px;padding:6px 14px;font-size:.82rem}
.kp-shoplink-text{text-decoration:underline}
.kp-pixel{position:absolute!important;width:1px!important;height:1px!important;border:0!important;margin:0!important;opacity:0;pointer-events:none}
.kp-ad{margin:1.2em 0;text-align:center;overflow:hidden}
span.kp-ad{display:inline;margin:0}
.kp-ad img{max-width:100%;height:auto}
@media (max-width:600px){
	.kp-shoplink__main{flex-direction:column;align-items:center}
	.kp-shoplink__img{width:160px;max-width:none;flex-basis:auto}
	.kp-shoplink__body{width:100%}
	.kp-shoplink__btn{flex-basis:100%}
	.kp-shoplink--mini .kp-shoplink__main{flex-direction:row;align-items:flex-start}
	.kp-shoplink--mini .kp-shoplink__img{width:80px}
}