@charset "UTF-8";

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

body#archive h1 {
	color: #000;
}
body#archive section#main_contents #archive_area .archive_line .webseminar {
	background-color: #345ba3;
	color: #fff;
	border-radius: 5px;
	text-align: center;
}
body#archive section#main_contents #archive_area .archive_line .special {
	background-color: #e9b800;
	color: #fff;
	border-radius: 5px;
	text-align: center;
}
body#archive section#main_contents #archive_area .archive_line .pricetrend {
	background-color: #4a7948;
	color: #fff;
	border-radius: 5px;
	text-align: center;
}
body#archive section#main_contents #archive_area .archive_line .voice {
	background-color: #dda40a;
	color: #fff;
	border-radius: 5px;
	text-align: center;
}
body#archive section#main_contents #archive_area .archive_line .marketinfo {
	background-color: #d06eb2;
	color: #fff;
	border-radius: 5px;
	text-align: center;
}
body#archive section#main_contents #archive_area .archive_line dt,
body#archive section#main_contents #archive_area .archive_line dd {
	font-weight: 400;
	color: #000;
}
body#archive section#main_contents #archive_area .archive_line dd a {
	text-decoration: none;
	color: #000;
}

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

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

body#archive section#title_area h1 {
	margin: 9.375% 0 10.94%;
	font-size: 2.935rem;
}
body#archive section#main_contents #archive_area {
	padding: 0 3.75%;
}
body#archive section#main_contents #archive_area .archive_line {
	display: flex;
	align-items: flex-start;
	position: relative;
	padding-bottom: 15.28%;
	margin-bottom: 0.5em;
}
body#archive section#main_contents #archive_area .archive_line > div {
	width: 15em;
}
body#archive section#main_contents #archive_area .archive_line dl {
	margin: 0;
}
body#archive section#main_contents #archive_area .archive_line dt {
	margin: 0 0 0 1em;
}
body#archive section#main_contents #archive_area .archive_line dd {
	margin: 1.5% 0 0 0;
	padding-bottom: 1.5%;
	position: absolute;
	left: 0;
	width: 100%;
	border-bottom: 1px dotted #c1c1c1;
}


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

/*--------------------------------------------------------------------
 *	737px以上用（PC用）の記述
 *--------------------------------------------------------------------*/
@media screen and (min-width: 737px), print {
/* 737px以上用（PC用）の記述 */
body#archive section#title_area h1 {
	margin-top: 52px;
	margin-bottom: 38px;
	font-size: 2.6rem;
}
body#archive section#main_contents {
	width: 860px;
	margin: 0 auto;
	padding-bottom: 60px;
}
body#archive section#main_contents #archive_area .archive_line {
	display: -webkit-flex;
	display: flex;
}

body#archive section#main_contents #archive_area .archive_line > div {
	width: 15em;
	margin: 0;
}
body#archive section#main_contents #archive_area .archive_line {
	border-bottom: 1px dotted #c1c1c1;
	padding-bottom: 4px;
	margin-bottom: 20px;
}
body#archive section#main_contents #archive_area .archive_line dl {
	display: -webkit-flex;
	display: flex;
	margin: 0;
}
body#archive section#main_contents #archive_area .archive_line dt {
	margin: 0 0 0 16px;
	color: #000;
}
body#archive section#main_contents #archive_area .archive_line a {
	font-size: 1.4rem;
}
body#archive section#main_contents #archive_area .archive_line dd {
	margin-left: 2em;
}


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