@charset "UTF-8";

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

/*------------------------------------------ article */
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 h3 {
	font-weight: 500;
}
section#main_contents .gold h2,
section#main_contents .gold h3 {
	color: #e9b800;
}
section#main_contents .platinum h2,
section#main_contents .platinum h3 {
	color: #898989;
}
section#main_contents .silver h2,
section#main_contents .silver h3 {
	color: #5b8aa8;
}
section#main_contents #exchange h3 {
	color: #4e5492;
}
section#main_contents ul#market_menu {
	margin: 0;
	list-style-type: none;
	font-weight: 500;
	text-align: center;
}
section#main_contents ul#market_menu li span {
	background-color: #ebebeb;
	border: 1px solid #c1c1c1;
	border-radius: 10px;
	color: #c1c1c1;
	text-decoration: none;
	cursor: pointer;
}
section#main_contents ul#market_menu li:nth-of-type(1).current span {
	background-color: #fff7d3;
	border: 1px solid #dda40a;
	color: #dda40a;
}
section#main_contents ul#market_menu li:nth-of-type(2).current span {
	background-color: #ebebeb;
	border: 1px solid #898989;
	color: #898989;
}
section#main_contents ul#market_menu li:nth-of-type(3).current span {
	background-color: #d2ebfc;
	border: 1px solid #5b8aa8;
	color: #5b8aa8;
}
section#main_contents #exchange p.notice {
	font-weight: 500;
}
section#main_contents div.tab_contents section.contents {
    box-sizing: border-box;
}

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

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

/*------------------------------------------ article */
section#main_contents {
	padding-bottom: 20%;
}
section#main_contents .main_photo {
	margin: 0 0 7.8125%;
}
section#main_contents .text_area {
	padding: 0 4.6875%;
}
section#main_contents h2 {
	font-size: 2.2rem;
}
section#main_contents h3 {
	margin: 6.25% 0 0;
}
section#main_contents ul#market_menu {
	margin: 9.375% 0;
}
section#main_contents ul#market_menu li:nth-of-type(n+2) {
	margin-top: 3.125%;
}
section#main_contents ul#market_menu li span {
	display: block;
	padding: 2% 0;
	font-size: 1.8rem;
}
section#main_contents #exchange {
	margin-top: 17.1875%;
}
section#main_contents #exchange p.notice {
	margin-top: 20.3125%;
}

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

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

/*------------------------------------------ article */
section#main_contents {
	width: 860px;
	margin: 0 auto;
	padding-bottom: 60px;
}
section#main_contents .main_photo {
	margin: 0 0 30px;
}
section#main_contents .text_area {
	padding: 0;
}
section#main_contents h2 {
	font-size: 2.6rem;
}
section#main_contents h3 {
	margin: 40px 0 0;
}
section#main_contents ul#market_menu {
	width: 580px;
	display: flex;
	justify-content: space-between;
	margin: 40px auto 60px;
}
section#main_contents ul#market_menu li span {
	display: inline-block;
	padding: 10px 40px;
	font-size: 1.8rem;
}
section#main_contents ul#market_menu li:nth-of-type(1) a:hover {
	background-color: #fff7d3;
	border: 1px solid #dda40a;
	color: #dda40a;
}
section#main_contents ul#market_menu li:nth-of-type(2) a:hover {
	background-color: #ebebeb;
	border: 1px solid #898989;
	color: #898989;
}
section#main_contents ul#market_menu li:nth-of-type(3) a:hover {
	background-color: #d2ebfc;
	border: 1px solid #5b8aa8;
	color: #5b8aa8;
}
section#main_contents #exchange {
	margin-top: 80px;
}
section#main_contents #exchange p.notice {
	margin-top: 75px;
}

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