@media (max-width: 480px) {
	.width750,#PageNavigationZone750{
		width:100%;	
	}
	.CategoryShigotoIMGthumbnailFlat{
		width:114px;
	}
}
@media screen and (min-width: 481px) {
	.width750,.PageNavigationZone750{
		width:750px;
		margin:0px auto;
	}
	.CategoryShigotoIMGthumbnailFlat{
		width:140px;
	}
	a.RelationNWCList{
		width:350px;
	}
}
#PageNavigationZone750{
	text-align:left;
	margin-left:3px;	
}
.FlatPageTitle{
	margin:10px 0px;
	padding:0px 0px 3px 0px;
	border-bottom:1px solid #333;
}
.img_shadow,.unitDC img[data-original],.unit img[data-original]{
	-webkit-filter: drop-shadow(2px 2px 2px #555555);
	filter: drop-shadow(2px 2px 2px #555555);
}
.div_shadow{
	-webkit-box-shadow:2px 2px 2px #555;
	-moz-box-shadow:2px 2px 2px #555;
	box-shadow:2px 2px 2px #555;
}

@media screen and (min-width: 481px) {
	.nwcTD325{
		-webkit-box-shadow:2px 2px 2px #555;
		-moz-box-shadow:2px 2px 2px #555;
		box-shadow:2px 2px 2px #555;
	}
}

@media (max-width: 480px) {
	.arrow_box,.arrow_box2 {
		width:370px;
		position: absolute;
		margin:0px 5px;
	}
	.arrow_box:nth-child(odd),.arrow_box2:nth-child(odd){
		left:0;	
	}
	.arrow_box:nth-child(even),.arrow_box2:nth-child(even){
		right:0;	
	}
}
@media screen and (min-width: 481px) {
	.arrow_box {
		width:205px;
		position: absolute;
	}
	.arrow_box2 {
		width:330px;
		position: absolute;
	}
}


#Series .swiper-container {
      height: 100%;
	  padding:0px 0px 30px 0px;
    }
#Series .swiper-slide {
      text-align: center;
      font-size: 18px;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  border:1px solid #cccccc;
    }
	@media (max-width: 480px) {
#Series .swiper-container{
		width: 360px;
	}
		
#Series .swiper-slide{
			width:227px;
			height:168px;
		}
#Series .swiper-pagination{
 			top:172px;
		}
	}
	@media screen and (min-width: 481px) {
#Series .swiper-container{
		width: 740px;
	}
		
#Series .swiper-slide{
			width:325px;
			height:240px;
		}
#Series .swiper-pagination{
 			top:245px;
		}
	}
@media (max-width: 480px) {
		#Series .Font12.boxsizing{
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
			line-height:12px;

			height:39px;
		}
		_:-ms-lang(x),#Series .Font12.boxsizing{
			height:39px;
			overflow:hidden;	
		}

		.NWCTitle{
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
		}
		_:-ms-lang(x),.NWCTitle{
			height:15px;
			overflow:hidden;	
		}

	}
	@media screen and (min-width: 481px) {


		#Series .Font12.boxsizing{
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 4;
			line-height:15px;
			height:60px;
		}
		_:-ms-lang(x),#Series .Font12.boxsizing{
			height:60px;
			overflow:hidden;	
		}

		.NWCTitle{
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			margin-bottom:2px;
		}
		_:-ms-lang(x),.NWCTitle{
			height:15px;
			overflow:hidden;	
		}










	}
	
	.FlatShigotoTitle{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		margin-bottom:2px;
	}
	_:-ms-lang(x),.FlatShigotoTitle{
		height:15px;
		overflow:hidden;	
	}
	

	@media (max-width: 480px) {
		.unit{
			width:168px;
			margin:12px 6px 30px 6px;
		}
	}
	@media screen and (min-width: 481px) {
		.unit{
			width:220px;
			margin:12px 12px 30px 12px;
		}
	}
	.unit{
		display:inline-block;
		vertical-align:top;
	}
	@media (max-width: 480px) {
		.unitDC{
			width:220px;
			margin:12px 6px 30px 6px;
		}
	}
	@media screen and (min-width: 481px) {
		.unitDC{
			width:300px;
			margin:12px 12px 30px 12px;
		}
	}
	
	@media (max-width: 480px) {
		.unitItem{
			display:inline-block;
			width:160px;
			margin:12px 6px 30px 6px;
		}
	}
	@media screen and (min-width: 481px) {
		.unitItem{
			display:inline-block;
			width:160px;
			margin:12px 12px 30px 12px;
		}
	}
	@media (max-width: 480px) {
		.recommendItem{
			display:inline-block;
			width:120px;
			margin:12px 6px 30px 36px;
		}
	}
	@media screen and (min-width: 481px) {
		.recommendItem{
			display:inline-block;
			width:120px;
			margin:12px 12px 30px 12px;
		}
	}
	
	@media (max-width: 480px) {
		.recommendItemException{
			display:inline-block;
			width:100px;
			margin:12px 6px 30px 6px;
		}
	}
	@media screen and (min-width: 481px) {
		.recommendItemException{
			display:inline-block;
			width:100px;
			margin:12px 12px 30px 12px;
		}
	}
	
	.FlatItemName{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		height:29px;
		margin-bottom: 20px;
	}
	_:-ms-lang(x),.FlatItemName{
		height:29px;
		overflow:hidden;	
	}

	.CatalogName{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		height:13px;
	}
	_:-ms-lang(x),.CatalogName{
		height:13px;
		overflow:hidden;	
	}

#DC .swiper-container {
      width: 100%;
      height: 100%;
    }
#DC .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

	@media (max-width: 480px) {
		#DC .swiper-slide{
      width: 230px;
			
		}
#DC .swiper-scrollbar,#Series .swiper-scrollbar{
	height:20px;	
}
	}

	@media screen and (min-width: 481px) {
		#DC .swiper-slide{
      width: 310px;
			
		}
#DC .swiper-scrollbar,#Series .swiper-scrollbar{
	height:10px;	
	
}
	}

			.FlatShigotoImg{
				width:100%;
			}
			.FlatShigotoRight{
				width:100%;
				height:60px;
				padding:5px 5px 0px 5px;
			}
			@media (max-width: 480px) {
				.FlatShigotoZone{
					width:180px;
					padding:0px 7px;
				}
			}
			@media screen and (min-width: 481px) {
				.FlatShigotoZone{
					width:355px;
					padding:0px 10px;
				}
			}

		.flattagBase{
			width:100%;
			color:#333;
		}
		
		
		.flattag{
			display:inline-block;				
			border:1px solid #333;
		}
		

			.flattag{
				width:33%;
				margin:0px;
				padding:15px;
				text-align:center;
			}
		
		.flattagOFF{
			background:#eee;	
		}
		
		.flattagON1{
			background:#fff;
			border-bottom:none;
		}

		.flattagON2{
			background:#fff;
			border-top:none;
		}

		a.flattagOFF{
			color:#555;
		}
		a.flattagOFF:hover{
			background:#fafafa;
			color:#333;
		}
		.categoryPointer {
		  width: 650px;
		  margin:0px auto;
		  cursor : pointer;
		}
