/**
 * Daily Maxim 365
 * Background Quotation and Makimono Style 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;

	--text-color-makimono: #000;
	--link-text-color-makimono: #000;
	--link-text-underline-color-makimono: #000;
	--link-text-hover-color-makimono: #000;
	--cite-text-color-makimono: #222;
	--quote-text-color-makimono: #ccc;
	--font-style-makimono: normal;
	--font-family-makimono: “ヒラギノ明朝 ProN W3”, Hiragino Mincho ProN, “游明朝”, YuMincho, “メイリオ”, Meiryo, “HG明朝E”, Times New Roman, serif;
}

/**
 * Daily Maxim 365
 * Background Common Style Ver.1.0.0
 */
 .msdm3-text {
	display: block;
/*
	display: inline-block;
*/
	position: relative;

	box-sizing: border-box;
}
.msdm3-text blockquote {
	position: relative;
	border-left: none;
  z-index: 1;
}
.entry .entry-content .msdm3-text a {
	text-decoration: none;
}
.msdm3-text a:hover,
.msdm3-text a:active {
	text-decoration: none;
	border-bottom: 1px solid #000;
}
.msdm3-text cite {
	display: block;
	text-align: right;
}

/**
 * Daily Maxim 365
 * Background Quotation Style Ver.1.0.0
 */
.msdm3-quotation {
	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-quotation blockquote {
	margin: 0;
	margin-bottom: 0px;
	padding: 0;

	text-align: center;
}
.msdm3-quotation 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-quotation a {
	color: #444;
	color: var(--link-text-color);
	text-decoration: none;
}
.msdm3-quotation a:hover, 
.msdm3-quotation a:active {
	color: #444;
	color: var(--link-text-hover-color);
	border-color: #444;
	border-color: var(--link-text-underline-color);
}
.msdm3-quotation 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-quotation: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-quotation: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;
}

/**
 * Daily Maxim 365
 * Background Makimono Style Ver.1.0.0
 */
.msdm3-makimono {
	padding: 3.375rem 2.5rem 2.8125rem 3.75rem; /* (54 40 45 60 / 16px) */

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

	color: #000;
	color: var(--text-color-makimono);
	background-color: transparent;

	border-image-source: url(../../images/frontend/back_makimono_kimidori.png);
	border-image-slice: 30 fill;
	border-image-width: 1.875rem;  /* (30/16px) */
	border-image-repeat: stretch;
}
.msdm3-makimono blockquote {
	margin: 0;
	margin-bottom: 0.1875rem; /* (3/16px) */

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

	font-family: “ヒラギノ明朝 ProN W3”, Hiragino Mincho ProN, “游明朝”, YuMincho, “メイリオ”, Meiryo, “HG明朝E”, Times New Roman, serif;
	font-family: var(--font-family-makimono);
	
	font-size: 1.75rem; /* (28/16px) */
	line-height: 1.571428571; /* (44/28px) */

	word-wrap: normal;
}
.msdm3-makimono a {
	color: #000;
	color: var(--link-text-color-makimono);
}
.msdm3-makimono a:hover,
.msdm3-makimono a:active {
	color: #000;
	color: var(--link-text-hover-color-makimono);
	border-color: #000;
	border-color: var(--link-text-underline-color-makimono);
}
.msdm3-makimono cite {
	font-style: normal;
	color: #222;
	color: var(--cite-text-color-makimono);

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

	font-size: 0.75rem; /* (12/16px) */
}
.msdm3-makimono:before {
  display: inline-block;
  position: absolute;

	top: 2.375rem; /* (38/16px) */
	left: 1.25rem; /* (20/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-makimono);
	background: transparent;

	font-size: 3rem; /* (48/16px) */
	line-height: 1rem; /* (30/16px)  */
}
.msdm3-makimono:after {
	display: inline-block;
	position: absolute;

	bottom: -1rem; /* (-16/16px) */
	right: 0.1875rem; /* (3/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-makimono);
	background: transparent;

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