/* Y'S GEAR : option.css */

/* [ IE / Edge 対策 ] */
_:-ms-lang(x), .contentsWidth {
	padding-bottom: 1px;
}

/*======================================================================*
 *  [ commonList ] 
 *======================================================================*/

.commonList {
	margin-top: 0;
	font-size: 1.2rem;
}
.commonList li + li {
	margin-top: 5px;
}

/*======================================================================*
 *  [ commonTable ] 
 *======================================================================*/

.commonTable {
	width: 100% !important;
}

.commonTable tr.clickable {
	cursor: pointer;
}
.commonTable tr.clickable:hover {
	background: #f6fafd;
}

.commonTable th, 
.commonTable td {
	line-height: 1.4;
	vertical-align: middle;
}

.commonTable .no     { width: 90px; }
.commonTable .type   { width: 30%; }
.commonTable .partno { width: 150px; }
.commonTable .none   { display: none; }

/* IE8対策にまどろっこしい書き方しています */

/* [ .commonTable tr td:nth-of-type(4) ] */
.commonTable tr td:first-child + td + td + td {
	text-align: center;
}

.commonTable td .icon {
	display: inline-block;
	padding: 2px 5px;
	border-radius: 2px;
	background: #4794cf;
	color: #fff;
	font-size: 10px;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1;
	vertical-align: middle;
}
.commonTable td i {
	color: #4794cf;
	font-size: 10px;
	font-size: 1rem;
	font-style: normal;
}


/*======================================================================*
 *  [ Media Queries 667 ] 
 *======================================================================*/

@media screen and (max-width: 667px) {
	
	/*==================================================================*
	 *  [ commonTable ] 
	 *==================================================================*/
	
	.commonTable thead {
		display: none;
	}
	
	.commonTable tbody th,
	.commonTable tbody td {
		display: inline-block;
		padding: 0;
		border: none;
	}
	
	.commonTable tbody tr {
		display: block;
		padding: 10px;
		border-top: 1px solid #b4b4b4;
	}
	.commonTable tbody tr:first-child {
		border: none;
	}
	
	/* [ 品番 / 部品名 ] */
	.commonTable tr td:nth-of-type(1), 
	.commonTable tr td:nth-of-type(2) {
		font-weight: bold;
		line-height: 1.2;
	}
	/* [ 対応機種 ] */
	.commonTable tr td:nth-of-type(3) {
		display: block;
		margin: 10px 0 5px 0;
		padding: 2px 5px;
		background: #efefef;
		font-size: 11px;
		font-size: 1.1rem;
		text-align: center;
	}
	/* [ パーツNo. ] */
	.commonTable tr td:nth-of-type(4):before {
		content: "［ 部品番号：";
	}
	.commonTable tr td:nth-of-type(4):after {
		content: " ］";
	}
	.commonTable tr td:nth-of-type(4):before, 
	.commonTable tr td:nth-of-type(4):after {
		font-size: 11px;
		font-size: 1.1rem;
	}
	
}