@charset 'UTF-8';
section.post {
	padding-top: 2em;
}
section.post + section.post {
	margin-top: -5em;
}
.headerAbc {
	border-bottom: 5px solid #e50012;
}
.headerAbc div {
	width: 21%;
}
.headerAbc div:nth-child(2) {
	width: 58%;
}
.headerAbc div:nth-child(3) {
	background-image: url("../images/_filterAbc/objFilterMeister.gif");
	background-position: left bottom;
	background-size: contain;
}
@media screen and (max-width: 800px) {
	.headerAbc div {
		width: 21%;
	}
	.headerAbc div:nth-child(2) h2.paddingHorizontal2 {
		padding: 0;
	}
	.headerAbc div:nth-child(2) h2 + p {
		line-height: 120%;
	}
}
.flexAbcNav .flexList3 a,
.flexAbcList .flexList3 a {
	display: block;
	padding-top: 33.333333%;
	background-position: left center;
	background-size: contain;
}
.flexAbcNav .flexList3 a {
	position: relative;
	border: 2px solid #fff;
}
.flexAbcNav .flexList3 a::before,
.flexAbcNav .flexList3 a:hover::before {
	display: none;
}
/*20210603*/
.flexAbcNav .flexList3 a span {
	position: absolute;
	left: 1.5em;
	bottom: 1em;
}
@media screen and (max-width: 800px) {
	.post .flexList3,
	.flexAbcNav .flexList3 {
		width: 100%;
	}
	/*
	.navbasic {
		order: 1;
	}
	.navtechnology {
		order: 2;
	}
	.navpl {
		order: 3;
	}
	.navnd {
		order: 4;
	}
	.navstarscape {
		order: 5;
	}
	.navlensprotect {
		order: 6;
	}
	.navcross {
		order: 7;
	}
	.navsoft {
		order: 8;
	}
	.navmacro {
		order: 9;
	}
	.navsquare {
		order: 10;
	}
	.navmovie {
		order: 11;
	}
	*/
	/*BASIC→TECHNOLOGY→PL→ND→STARSCAPE→LENSPROTECT→CROSS→SOFT→MACRO→SQAURE*/
}
.titleBar {
	width: 100%;
	padding: 0.25em 0.5em;
}
.abcbasic .tag,
li.abcbasic .listtag,
.abcbasic .titleBar,
.abcbasic_dev .tag,
.abcbasic_dev .titleBar {
	background-color: #888;
}
.abctechnology .tag,
li.abctechnology .listtag,
.abctechnology .titleBar,
.abctechnology_dev .tag,
.abctechnology_dev .titleBar {
	background-color: #000;
}
.abcnd .tag,
li.abcnd .listtag,
.abcnd .titleBar,
.abcnd_dev .tag,
.abcnd_dev .titleBar {
	background-color: #00a23e;
}
.abcstarscape .tag,
li.abcstarscape .listtag,
.abcstarscape .titleBar,
.abcstarscape_dev .tag,
.abcstarscape_dev .titleBar {
	background-color: #c19854;
}
.abcpl .tag,
li.abcpl .listtag,
.abcpl .titleBar,
.abcpl_dev .tag,
.abcpl_dev .titleBar {
	background-color: #e50012;
}
.abclensprotect .tag,
li.abclensprotect .listtag,
.abclensprotect .titleBar,
.abclensprotect_dev .tag,
.abclensprotect_dev .titleBar {
	background-color: #005bab;
}
.abcmovie .tag,
li.abcmovie .listtag,
.abcmovie .titleBar,
.abcmovie_dev .tag,
.abcmovie_dev .titleBar {
	background-color: #854596;
}
.abccine .tag,
li.abccine .listtag,
.abccine .titleBar,
.abccine_dev .tag,
.abccine_dev .titleBar,
.abccinetv .tag,
li.abccinetv .listtag,
.abccinetv .titleBar,
.abccinetv_dev .tag,
.abccinetv_dev .titleBar {
	background-color: #dd0062;
}
.abccross .tag,
li.abccross .listtag,
.abccross .titleBar,
.abccross_dev .tag,
.abccross_dev .titleBar {
	background-color: #f5aa00;
}
.abcsoft .tag,
li.abcsoft .listtag,
.abcsoft .titleBar,
.abcsoft_dev .tag,
.abcsoft_dev .titleBar {
	background-color: #00aaea;
}
.abcmacro .tag,
li.abcmacro .listtag,
.abcmacro .titleBar,
.abcmacro_dev .tag,
.abcmacro_dev .titleBar {
	background-color: #ea6100;
}
.abcsquare .tag,
li.abcsquare .listtag,
.abcsquare .titleBar,
.abcsquare_dev .tag,
.abcsquare_dev .titleBar {
	background-color: #b3db1e;
}
.abccircularmagnetslim .tag,
li.abccircularmagnetslim .listtag,
.abccircularmagnetslim .titleBar,
.abccircularmagnetslim_dev .tag,
.abccircularmagnetslim_dev .titleBar {
	background-color: #e3d605;
}
.abcmist .tag,
li.abcmist .listtag,
.abcmist .titleBar,
.abcmist_dev .tag,
.abcmist_dev .titleBar {
	background-color: #9dc3e7;
}
.abccplndwr .tag,
li.abccplndwr .listtag,
.abccplndwr .titleBar,
.abccplndwr .tag,
.abccplndwr .titleBar {
	background: #00a23e;
	background: linear-gradient(120deg, rgba(0,162,62,1) 50%, rgba(229,0,18,1) 50%);
}
.abcpunch .tag,
li.abcpunch .listtag,
.abcpunch .titleBar {
	background-color: #4cb2b0;
}
.abcbasic h2,
.abcbasic_dev h2 {
	color: #888;
}
.abctechnology h2,
.abctechnology_dev h2 {
	color: #000;
}
.abcnd h2,
.abcnd_dev h2,
.abccplndwr h2 {
	color: #00a23e;
}
.abcstarscape h2,
.abcstarscape_dev h2 {
	color: #c19854;
}
.abcpl h2,
.abcpl_dev h2 {
	color: #e50012;
}
.abclensprotect h2,
.abclensprotect_dev h2 {
	color: #005bab;
}
.abcmovie h2,
.abcmovie_dev h2 {
	color: #854596;
}
.abccine h2,
.abccine_dev h2,
.abccinetv h2,
.abccinetv_dev h2 {
	color: #dd0062;
}
.abccross h2,
.abccross_dev h2 {
	color: #f5aa00;
}
.abcsoft h2,
.abcsoft_dev h2 {
	color: #00aaea;
}
.abcmacro h2,
.abcmacro_dev h2 {
	color: #ea6100;
}
.abcsquare h2,
.abcsquare_dev h2 {
	color: #b3db1e;
}
.abccircularmagnetslim h2,
.abccircularmagnetslim_dev h2 {
	color: #e3d605;
}
.abcpunch h2,
.abcpunch h2 {
	color: #4cb2b0;
}
.flexAbcList .flexList3 {
	border: 2px solid #fff;
}
@media screen and (max-width: 800px) {
	.flexAbcList .flexList3 {
		width: 100%;
	}
}
.flexAbcList .flexList3.abcbasic a,
.flexAbcList .flexList3.abcbasic_dev a {
	border: 2px solid #888;
}
.flexAbcList .flexList3.abctechnology a,
.flexAbcList .flexList3.abctechnology_dev a {
	border: 2px solid #000;
}
.flexAbcList .flexList3.abcnd a,
.flexAbcList .flexList3.abcnd_dev a,
.flexAbcList .flexList3.abccplndwr a {
	border: 2px solid #00a23e;
}
.flexAbcList .flexList3.abcstarscape a,
.flexAbcList .flexList3.abcstarscape_dev a {
	border: 2px solid #c19854;
}
.flexAbcList .flexList3.abcpl a,
.flexAbcList .flexList3.abcpl_dev a {
	border: 2px solid #e50012;
}
.flexAbcList .flexList3.abclensprotect a,
.flexAbcList .flexList3.abclensprotect_dev a {
	border: 2px solid #005bab;
}
.flexAbcList .flexList3.abcmovie a,
.flexAbcList .flexList3.abcmovie_dev a {
	border: 2px solid #854596;
}
.flexAbcList .flexList3.abccine a,
.flexAbcList .flexList3.abccine_dev a,
.flexAbcList .flexList3.abccinetv a,
.flexAbcList .flexList3.abccinetv_dev a {
	border: 2px solid #dd0062;
}
.flexAbcList .flexList3.abccross a,
.flexAbcList .flexList3.abccross_dev a {
	border: 2px solid #f5aa00;
}
.flexAbcList .flexList3.abcsoft a,
.flexAbcList .flexList3.abcsoft_dev a {
	border: 2px solid #00aaea;
}
.flexAbcList .flexList3.abcmacro a,
.flexAbcList .flexList3.abcmacro_dev a {
	border: 2px solid #ea6100;
}
.flexAbcList .flexList3.abcsquare a,
.flexAbcList .flexList3.abcsquare_dev a {
	border: 2px solid #b3db1e;
}
.flexAbcList .flexList3.abccircularmagnetslim a,
.flexAbcList .flexList3.abccircularmagnetslim_dev a {
	border: 2px solid #e3d605;
}
.flexAbcList .flexList3.abcpunch a,
.flexAbcList .flexList3.abcpunch_dev a {
	border: 2px solid #4cb2b0;
}
.flexAbcList .flexList3 a > span {
	display: inline-block;
	position: absolute;
	top: 0;
	height: 100%;
}
.flexAbcList .flexList3 a > span.thumb {
	left: 0;
	width: 33.333333%;
}
.flexAbcList .flexList3 a > span.text14 {
	right: 0;
	width: 66.666666%;
	padding: 0.75em;
	/*newアイコン入れるとき
	padding: 0 0.75em 0.75em;
	*/
}
.flexAbcList .flexList3 a > span.text14 .tag {
	display: inline-block;
	color: #fff;
}
.tableWrapper {
	width: 100%;
	padding-bottom: 1em;
	overflow-x: auto;
}
.tableWrapper table {
	width: auto;
}
.tableWrapper table.alignCenter {
	margin-left: auto;
	margin-right: auto;
}
.tableWrapper table thead {
	background-color: #eee;
}
.tableWrapper table th:nth-child(1) {
	text-align: left;
	background-color: #ccc;
}
.tableWrapper table th,
.tableWrapper table td {
	padding: 0 1em;
	white-space: nowrap;
}
.tableWrapper table td {
	background-color: #f9f9f9;
}able.tablePrice td {
	text-align: right;
}