@charset "UTF-8";

/* ============================================================
	共通(element)
============================================================ */





/* ============================================================
	共通(id,class)
============================================================ */





/* ==========================================================
	ビジュアル
========================================================== */
#visual {
	margin: 0 auto 20px;
}

/*------------------------------
	アイキャッチ
------------------------------ */
#visual .eyecatch {
	padding: 30px 0;
	background: #F4EFE5;
}
#visual .eyecatch img {
}


/* ==========================================================
	ポストカード詳細
========================================================== */
#postcard-single {
	margin-bottom: 30px;
}

/*------------------------------
	ポストカード
------------------------------ */
#postcard-single .images {
	margin-bottom: 40px;
}
#postcard-single .images img {
	width: 630px;
}

/*------------------------------
	関連のポストカード
------------------------------ */
#postcard-single .more {
}
#postcard-single .more-label {
	margin-bottom: 20px;
	padding-left: 20px;
	height: 33px;
	background: #C0B283;
	font-size: 20px;
	color: #fff;
	letter-spacing: .07em;
	line-height: 35px;
}
#postcard-single .more-message {
	margin-bottom: 20px;
}
#postcard-single .more-message p {
	letter-spacing: .05em;
}
#postcard-single .more ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#postcard-single .more li {
	margin-bottom: 13px;
}
#postcard-single .more li .image {
	width: 145px;
	height: 145px;
	overflow: hidden;
}
#postcard-single .more li .image a {
}
#postcard-single .more li .image a img {
	display: block;
	height: 100%;
	width: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;'; /*IE対策*/
}