@charset "utf-8";


/* --------------------------------------------------- */
/* #closed */
/* --------------------------------------------------- */




/* --------------------------------------------------- */
/* .closedlist */
/* --------------------------------------------------- */
#closed .closedlist a { display: block; }
#closed .closedlist .itemline {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 0;
	border-bottom: 1px solid #ccc;
}
#closed .closedlist .itemline .item { width: calc(98% - 420px); }
#closed .closedlist .itemline .series { width: 420px; }
#closed .closedlist .itemline h4 {
	font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
	font-size: 1.8rem;
	font-weight: 500;
}
#closed .closedlist .itemline p {
	color: #555;
	font-size: 1.3rem;
}
#closed .closedlist .itemline h4 a,
#closed .closedlist .itemline p a { text-decoration: underline; }
#closed .closedlist .itemline p a { color: #3fa9f5; }

#closed .closedlist .itemline .series {
	display: flex;
	justify-content: space-between;
}
#closed .closedlist .itemline .series p { position: relative; }
#closed .closedlist .itemline .series p.model { width: 224px; }
#closed .closedlist .itemline .series p.jancode { width: 176px; }
#closed .closedlist .itemline .series p::before {
	display: inline-block;
	margin-right: 0.5em;
	width: 64px;
	background-color: #eee;
	color: #666;
	font-size: 1.0rem;
	line-height: 1.8;
	text-align: center;
}
#closed .closedlist .itemline .series p.model::before { content: '型番'; }
#closed .closedlist .itemline .series p.jancode::before { content: 'JANコード'; }



@media screen and (max-width: 960px) {
	#closed .closedlist .itemline .item { width: calc(98% - 224px); }
	#closed .closedlist .itemline .series { flex-direction: column; width: 224px; }
	#closed .closedlist .itemline .series p.jancode { margin-top: 0.25em; }
}
@media screen and (max-width: 767px) {
	#closed .closedlist .itemline h4 { font-size: 1.6rem; }

}
@media screen and (max-width:640px) {
	#closed .closedlist .itemline { flex-direction: column; }
	#closed .closedlist .itemline .item { width: 100%; }
	#closed .closedlist .itemline .series {
		flex-direction: row;
		margin-top: 0.5em;
		width: 100%;
		justify-content: flex-start;
	}
	#closed .closedlist .itemline .series p.model { width: 224px; }
	#closed .closedlist .itemline .series p.jancode { margin-top: 0; width: 176px; }

}
@media screen and (max-width:480px) {
	#closed .closedlist .itemline .series {
		flex-direction: column;
		margin-top: 0.5em;
		width: 100%;
		justify-content: flex-start;
	}
	#closed .closedlist .itemline .series p.model { width: 100%; }
	#closed .closedlist .itemline .series p.jancode { margin-top: 0.25em; width: 100%; }
	#closed .closedlist .itemline .series p::before { margin-right: 1.0em; width: 72px; }
}
@media screen and (max-width:420px) {
	#closed .closedlist .itemline p { font-size: 1.2rem; }
	#closed .closedlist .itemline .series p::before { line-height: 1.6; }

}