@charset "UTF-8";
/*
 * リンクカード（inc/para-linkcard.php）
 * Pz-LinkCard 2.5.3.1 が設定から作っていた CSS（uploads/pz-linkcard/style.css）のうち、カードに使う分だけを写したもの。
 * 枠の色・余白・サムネイルの大きさなどは今までどおり css/mystyle.css（body#nts-style .linkcard …）が上書きする
 * Pz は div で組んでいたが、こちらは段落の中でも崩れないよう span で組むので display を足している
 */
.p-linkcard { display: block; margin-bottom: 16px; }
.p-linkcard img { margin: 0 !important; padding: 0; border: none; }
.p-linkcard .lkc-link { display: block; text-decoration: none !important; }
.p-linkcard .lkc-external-wrap { display: block; position: relative; margin: 0; padding: 0; max-width: 500px; border: 1px solid #888888; background-color: #ffffff; }
.p-linkcard .lkc-card { display: block; margin: 7px; }
.p-linkcard .lkc-content { display: block; height: 108px; margin: 6px 0 0 0; word-break: break-all; white-space: normal; overflow: hidden; }
.p-linkcard .lkc-title { display: block; }
.p-linkcard .lkc-title-text { display: block; color: #111111; font-size: 16px; line-height: 24px; font-weight: bold; overflow: hidden; word-break: break-all; }
.p-linkcard .lkc-title-text:hover { text-decoration: underline; }
.p-linkcard .lkc-url { color: #4466ff; font-size: 10px; line-height: 10px; font-weight: normal; text-decoration: underline; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; }
.p-linkcard .lkc-excerpt { display: block; margin: 0; color: #333333; font-size: 11px; line-height: 17px; padding: 0; overflow: hidden; }
.p-linkcard .lkc-thumbnail { display: block; max-width: 100px; max-height: 108px; padding: 0; margin: 0 6px 4px 4px; float: left; }
/* Pz では「.linkcard img」の border:none が勝って枠は出ていなかった → 枠は付けない */
.p-linkcard .lkc-thumbnail-img { width: 100px; max-height: 108px; }
.p-linkcard .clear { display: block; clear: both; }
/* スマホの幅の指定は Pz にもあったが、表示では mystyle.css の 130×90 になっていた → 写さない（文字の大きさの分だけ写す） */
@media screen and (max-width: 600px) {
	.p-linkcard .lkc-title { font-size: 14px; line-height: 21px; }
	.p-linkcard .lkc-excerpt { font-size: 10px; }
}
@media screen and (max-width: 480px) {
	.p-linkcard .lkc-title { font-size: 12px; line-height: 19px; }
	.p-linkcard .lkc-excerpt { font-size: 8px; }
}
@media screen and (max-width: 320px) {
	.p-linkcard .lkc-title { font-size: 11px; line-height: 16px; }
	.p-linkcard .lkc-excerpt { font-size: 6px; }
}