@charset "UTF-8";

/*--------------------------------------------------------------------
 *	共通の記述
 *--------------------------------------------------------------------*/

/*------------------------------------------ article */
section#main_contents .lead,
section#main_contents .text_area p {
	margin: 0;
	color: #5f5f5f;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 2.0;
}
section#main_contents h2 {
	display: flex;
	align-items: center;
	margin: 0;
	font-weight: 700;
}
section#main_contents h2::before,
section#main_contents h2::after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #c1c1c1;
	display: block;
}
section#main_contents h2::before {
	margin-right: 0.5em;
}
section#main_contents h2::after {
	margin-left: 0.5em;
}
section#main_contents .gold h2 {
	color: #e9b800;
}
section#main_contents .platina h2 {
	color: #c1c1c1;
}
section#main_contents .silver h2 {
	color: #8f9fbe;
}
section#main_contents #chronology h3 {
	margin: 0;
	color: #003686;
	font-weight: 700;
}
section#main_contents #chronology table,
section#main_contents #chronology table th,
section#main_contents #chronology table td {
	padding: 0;
	background-color: transparent;
	border: none;
	vertical-align: middle;
}
section#main_contents #chronology table {
	margin: 0;
	border-bottom: 1px solid #003686;
}
section#main_contents #chronology table tr {
	border-top: 1px solid #003686;
}
section#main_contents #chronology th {
	color: #003686;
	font-weight: 700;
}
section#main_contents #chronology td {
	color: #5f5f5f;
	font-weight: 400;
	line-height: 2.0;
}
section#main_contents .platina .notice {
	color: #345ba3;
	font-size: 12px;
    margin-top: 20px;
    display: inline-block;
}
#pricetrend_220715 section#main_contents .main_photo,
#pricetrend_230125 section#main_contents .main_photo {
	margin-bottom: 0;
}
#pricetrend_220715 section#main_contents .notes,
#pricetrend_230125 section#main_contents .notes {
	font-size: 1.2rem;
}

/*--------------------------------------------------------------------
 *	736px以下用（SP用）の記述
 *--------------------------------------------------------------------*/

@media screen and (max-width: 736px) {
/* 736px以下用（SP用）の記述 */

/*------------------------------------------ article */
section#main_contents .lead {
	margin: 0 0 6.25%;
	padding: 0 4.6875%;
}
section#main_contents .main_photo {
	margin: 0 0 7.8125%;
}
section#main_contents .text_area {
	padding: 0 4.6875% 10.9375%;
}
section#main_contents h2 {
	font-size: 2.2rem;
}
section#main_contents p.graph {
	margin: 9.375% 0 7.8125%;
}
section#main_contents .text_area p:nth-of-type(n+3) {
	margin-top: 12.5%;
}
section#main_contents #chronology {
	padding: 0 4.6875% 20%;
}
section#main_contents #chronology h3 {
	margin-bottom: 4.6875%;
	font-size: 1.7rem;
	line-height: 1.4;
}
section#main_contents #chronology table th,
section#main_contents #chronology table td {
	display: block;
}
section#main_contents #chronology table th {
	padding-top: 2.5%;
}
section#main_contents #chronology table td {
	padding-bottom: 2.5%;
}

#pricetrend_220715 section#main_contents .notes {
	padding: 0 4.6875%;
	margin-bottom: 7.8125%;
}

/* 736px以下用（SP用）の記述 end */
}

/*--------------------------------------------------------------------
 *	737px以上用（PC用）の記述
 *--------------------------------------------------------------------*/
@media screen and (min-width: 737px), print {
/* 737px以上用（PC用）の記述 */

/*------------------------------------------ article */
section#main_contents {
	width: 860px;
	margin: 0 auto;
}
section#main_contents .lead {
	margin-bottom: 40px;
	text-align: center;
}
section#main_contents .main_photo {
	margin: 0 0 50px;
}
section#main_contents .text_area {
	padding: 0 0 70px;
}
section#main_contents h2 {
	font-size: 2.6rem;
}
section#main_contents p.graph {
	margin: 30px 0 35px;
}
section#main_contents .text_area p:nth-of-type(n+3) {
	margin-top: 50px;
}
section#main_contents #chronology h3 {
	margin-bottom: 10px;
	font-size: 1.6rem;
}
section#main_contents #chronology table {
	margin-bottom: 75px;
}
section#main_contents #chronology table th {
	text-align: right;
}
section#main_contents #chronology table td {
	padding: 15px 40px;
}

#pricetrend_220715 section#main_contents .notes,
#pricetrend_230125 section#main_contents .notes {
	margin-bottom: 40px;
}

/* 737px以上用（PC用）の記述 end */
}