/*
20240115 質問・メッセージ内のURLからブログカードを作る
https://www.aritai.net/entry/blogcard-customize/
 */
/* デフォルト */
.ogp_card{
	display: block;
	background: #FFFFFF;
	color: #000000;
	/*width: 95%;*/
	max-width: 500px;
	border-radius:3px;
	border: 1px solid #DDDDDD;
	margin: 10px 0 25px 0;
	padding: 10px;
	font-size: 75%;
	line-height: 17px;

	width:100%;
}
.ogp_card a{
	font-weight:bold;
	font-size: 16px;
	color: #3D3F44;
	text-decoration: none;
}
.ogp_card .title{
	margin: 3px 0 5px 0;
}
.ogp_card .copy{
	padding: 0;
	margin: 10px 0 0 0;
}
.ogp_card .copy a{
	font-size: 70%;
	font-weight: normal;
	color: #9AA5AB;
}
.ogp_card a:hover{
	text-decoration: underline;
}
.ogp_card img{
	float:right;
	margin: 0 0 10px 10px;

	width: 150px;
	max-height: 150px;
	object-fit: cover; /* トリミング */
}
.ogp_card .clearfix {
	clear: both;
}
@media only screen and (max-width: 767px) {
	.ogp_card img{
		width: 80px;
		height: 80px;
		margin: 0 0 7px 7px;
	}
	.ogp_card a{
		font-size: 14px;
	}
}
/* OGPが無い場合 */
/*.html_card{*/
/*	display: block;*/
/*	background: #FFFFFF;*/
/*	color: #000000;*/
/*	width: 95%;*/
/*	max-width: 500px;*/
/*	border-radius:3px;*/
/*	border: 1px solid #DDDDDD;*/
/*	margin: 10px 0 25px 0;*/
/*	padding: 10px;*/
/*	font-size: 75%;*/
/*	line-height: 17px;*/
/*}*/
/*.html_card a{*/
/*	font-weight:bold;*/
/*	font-size: 16px;*/
/*	color: #3D3F44;*/
/*	text-decoration: none;*/
/*}*/
/*.html_card .title{*/
/*	margin: 3px 0 5px 0;*/
/*}*/
/*.html_card .copy{*/
/*	padding: 0;*/
/*	margin: 10px 0 0 0;*/
/*}*/
/*.html_card .copy a{*/
/*	font-size: 70%;*/
/*	font-weight: normal;*/
/*	color: #9AA5AB;*/
/*}*/
/*.html_card a:hover{*/
/*	text-decoration: underline;*/
/*}*/
/*@media only screen and (max-width: 767px) {*/
/*	.html_card a{*/
/*		font-size: 14px;*/
/*	}*/
/*}*/