#wrap {
	position: relative;
	top: 10px;
	width: 918px;
	min-width: 918px;
	max-width: 918px;
	overflow: hidden;
	height: 180px;
/*	left:20px;*/
	font-size: 1em;
}

.box {
	position: absolute;
	top: 20px;
	left: 0;
	width: 600px;
	background-color: #fff;
	height: 110px;
	padding: 0;
	margin: 0;
}

.template {
	display:none;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul li div.cell-item{
	display: table-cell;
 }

.swiper-icon img {
	top:18px;
	width:140px;
	height:140px;

	/* 下揃え */
	transform-origin: 50% 100%;
}
div.swiper-text {
	width: 140px;
	position: absolute;
	text-align: center;
	margin-top: 1px;
	cursor: pointer;
	color: #0D6295;
	font-size: 12px;
	z-index : 30;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
div.cell-item {
	cursor: pointer;
	color: #0D6295;
	font-size: 12px;

}
div.cell-item:hover {
	color: #f00;
}

/* 表示エリア */
div.marker-left {
	position: absolute;
	left:-1px;
	height:170px;
	width:150px;
/*	border-bottom: #D3D4D5 0.5px solid;*/
	z-index: 10;
	pointer-events: none;
}
div.marker-right {
	position: absolute;
	left:311px;
	height:170px;
	width:638px;
/*	border-bottom: #D3D4D5 0.5px solid;*/
	z-index: 10;
	pointer-events: none;
}

div.marker {
	position: absolute;
	width:140px;
	height:170px;
	left:150px;
	z-index: 10;
	pointer-events: none;
	background-image: url(../img/active_brackets.png);
	background-repeat: no-repeat;
/*	background-size:contain;*/
	background-size: 140px 170px;
}

/* active-cellの効果設定 */
div.active-cell {
	position: absolute;
	width:160px;
	height:140px;
	left:150px;
	z-index: 10;
	pointer-events: none;
	border-radius: 10px;
}
div.cell-top-left, div.cell-top-right,
div.cell-bottom-left, div.cell-bottom-right {
	position: absolute;
	width: 10px;
}

/* 矢印アイコン */
div.swiperControl {
	cursor: pointer;
	position: absolute;
	width:20px;
	height:20px;
	user-select: none;
	background-color: #eee;
	margin-top: 55px;
	padding: 10px;
	z-index: 60;
	border-radius: 50%;
	opacity: 0.8;
}
div.rightButton.swiperControl {
	right:0px;
}
div.fa {
	width:20px;
	height:20px;
	user-select: none;
}
div.fa.fa-angle-left {
	background: url(../img/icon64Arw01L_bl.png) no-repeat 0 0;
	background-size: 100% auto;
}
div.fa.fa-angle-right {
	background: url(../img/icon64Arw01R_bl.png) no-repeat 0 0;
	background-size: 100% auto;
}

/* 透過設定 */
div.opacity-left {
	position: absolute;
	left:-1px;
	height:160px;
	width:100px;
	z-index: 50;
	pointer-events: none;
	background: linear-gradient(to left, rgba(255,255,255,0),#FFF);
}

div.opacity-right {
	position: absolute;
	right:0px;
	height:160px;
	width:100px;
	z-index: 50;
	pointer-events: none;
	background: linear-gradient(to right, rgba(255,255,255,0),#FFF);
}

table.invisible {
	display:none;
}

/* タイトル表示 */
.noBorderBottom {
	border-top: 0px;
}

/* バリエーション表のバリエーション名 */
a.js_transitProduct.variName {
	color: #0D6295;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
	vertical-align: middle;
	display: table-cell;
	width: 100px;
	max-width: 100px;
	padding-right: 10px;
}
a.js_transitProduct.variName:hover {
	color: #F00;
}

/* バリエーション表の */
td.td-valueTitle.itemPartition-on {
	padding: 5px 5px 3px 5px;
}
}