/**
 * Daily Maxim 365
 * Background Quotation Style Copy Ver.1.0.0
 */

/* color & common settings */
:root {
	--text-color: #444;
	--link-text-color: #444;
	--link-text-underline-color: #444;
	--link-text-hover-color: #444;
	--cite-text-color: #444;
	--quote-text-color: #ccc;
	--background-color: #fff;
	--border-color: #ccc;
	--font-style: italic;
	--font-family: “ヒラギノ明朝 ProN W3”, Hiragino Mincho ProN, “游明朝”, YuMincho, “メイリオ”, Meiryo, “HG明朝E”, Times New Roman, serif;
}

.msdm3-other-1 {
	margin: 0px auto;
  padding: 3.375rem 3.5rem 3.125rem 3rem; /* (54 56 50 48 / 16px) */

	font-style: italic;
	font-style: var(--font-style);
	font-family: “ヒラギノ明朝 ProN W3”, Hiragino Mincho ProN, “游明朝”, YuMincho, “メイリオ”, Meiryo, “HG明朝E”, Times New Roman, serif;
	font-family: var(--font-family);

	color: #444;
	color: var(--text-color);

	background: #fff;
	background: var(--background-color);

	border: 1px solid #ccc;
	border: 1px solid var(--border-color);
}

.msdm3-other-1 blockquote {
	margin: 0;
	margin-bottom: 0px;
	padding: 0;

	text-align: center;
}
.msdm3-other-1 blockquote p {
	margin-bottom: 0.75rem !important; /* (12/16px) */

	font-style: italic;
	font-style: var(--font-style);
	font-family: “ヒラギノ明朝 ProN W3”, Hiragino Mincho ProN, “游明朝”, YuMincho, “メイリオ”, Meiryo, “HG明朝E”, Times New Roman, serif;
	font-family: var(--font-family);

	font-size: 1.75rem; /* (28/16px) */
	line-height: 1.571428571; /* (44/28px)*/

	word-wrap: normal;
}
.msdm3-other-1 a {
	color: #444;
	color: var(--link-text-color);
	text-decoration: none;
}
.msdm3-other-1 a:hover, 
.msdm3-other-1 a:active {
	color: #444;
	color: var(--link-text-hover-color);
	border-color: #444;
	border-color: var(--link-text-underline-color);
}
.msdm3-other-1 cite {
	margin-bottom: 0.5rem; /* (8/16px) */
	color: #444;
	color: var(--cite-text-color);

	font-style: italic;
	font-style: var(--font-style);
	font-family: “ヒラギノ明朝 ProN W3”, Hiragino Mincho ProN, “游明朝”, YuMincho, “メイリオ”, Meiryo, “HG明朝E”, Times New Roman, serif;
	font-family: var(--font-family);

	font-size: 0.875rem; /* (14/16px) */
}

.msdm3-other-1:before {
	display: inline-block;
	position: absolute;

	top: 1.875rem; /* (30/16px) */
	left: -0.75rem; /* (-12/16px) */

	width: 3.5rem; /* (56/16px) */
	height: 3.5rem; /* (56/16px) */
	text-align: center;

	content: '\201C';
  font-weight: 900;

	color: #ccc;
	color: var(--quote-text-color);
	background: transparent;

	font-size: 3.5rem; /* (56/16px) */
	line-height: 1rem; /* (30/16px)  */
}

.msdm3-other-1::after {
	display: inline-block;
	position: absolute;

	bottom: -1.25rem; /* (-20/16px) */
	right: 0.5rem; /* (8/16px) */

	width: 3.5rem; /* (56/16px) */
	height: 3.5rem; /* (56/16px) */
	text-align: center;

	content: '\201D';
	font-weight: 900;

	color: #ccc;
	color: var(--quote-text-color);
	background: transparent;

	font-size: 3.5rem; /* (56/16px) */
	line-height: 1;
}

blockquote:before, blockquote:after {
	color: transparent;
}