@charset "utf-8";
/* -----------------------------------
tag
----------------------------------- */

.clearfix::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.none {
	display: none;
}
* html > body .clearfix {
	display: inline-block;
	width: 100%;
}
* html .clearfix {
	height: 1%;
}


/* ----------------------------------- */




/* d_details */
#d_details {
	width: 100%;
	overflow: hidden;
}
#d_details #d_detail-left {
	width: 100%;
	position: relative;
}



#d_details #d_detail-left #d_item-images {
	margin-bottom: 30px;
}


#d_details #d_detail-left #d_item-images #d_item-slider {
	width: 500px;
	margin: 20px 0 0;
	overflow: hidden;
}
#d_details #d_detail-left #d_item-images #d_item-slider .slider-up, #d_details #d_detail-left #d_item-images #d_item-slider .slider-down {
	width: 28px;
	height: 75px;
	cursor: pointer;
	float: left;
}
#d_details #d_detail-left #d_item-images #d_item-slider .slider-up:hover, #d_details #d_detail-left #d_item-images #d_item-slider .slider-down:hover {
	opacity: .8;
}
#d_details #d_detail-left #d_item-images #d_item-slider .slider-up {
	background-image: url("../../images/button/icon-slider-left.png");
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 5px;
	background-size: 28px 28px;
}
#d_details #d_detail-left #d_item-images #d_item-slider .slider-down {
	background-image: url("../../images/button/icon-slider-right.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 28px 28px;
}
#d_details #d_detail-left #d_item-images #d_item-slider .slides-more {
}
#d_details #d_detail-left #d_item-images #d_item-slider .slides-more:hover {
	opacity: .8;
}
#d_details #d_detail-left #d_item-images #d_item-slider .slider-elements .slider-elements-wrap .slider-vertical {
	float: left;
	width: 440px;
	height: 75px;
	overflow: hidden;
}
#d_details #d_detail-left #d_item-images #d_item-slider .slider-elements .slider-elements-wrap .slider-elements-panel .element {
	width: 75px;
	height: 75px;
	box-sizing: border-box;
	border: 1px solid #ededed;
	margin: 0 5px;
	float: left;
}
#d_details #d_detail-left #d_item-images #d_item-slider .slider-elements .slider-elements-wrap .slider-elements-panel .element.active {
	border: 2px solid #10ad3c;
}
#d_details #d_detail-left #d_item-images #d_item-slider .slider-elements .slider-elements-wrap .slider-elements-panel .element img {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
#d_details #d_detail-left #d_item-images #d_item-image {
	width: 100%;
	position: relative;
}
#d_details #d_detail-left #d_item-images #d_item-image img.icon {
	position: absolute;
	left: 10px;
	bottom: 10px;
}
#d_details #d_detail-left #d_item-images #d_item-image a:hover img{
	opacity: 1;
}
#d_details #d_detail-left #d_item-images .infoAdd {
	display: inline-block;
	margin: 9px 0 0;
	font-size: 12px;
}


#d_details #d_detail-left #d_related-items .ttl, #d_details #d_detail-left #d_coordinates .ttl, #d_details #d_detail-left #d_lookbook .ttl {
	margin-bottom: 10px;
}
#d_details #d_detail-left #d_related-items .ttl img, #d_details #d_detail-left #d_coordinates .ttl img, #d_details #d_detail-left #d_lookbook .ttl img {
	display: block;
	margin: 0 auto;
}
#d_details #d_detail-left #d_related-items .elements, #d_details #d_detail-left #d_coordinates .elements, #d_details #d_detail-left #d_lookbook .elements {
	width: 100%;
	margin-bottom: 30px;
	overflow: hidden;
}
#d_details #d_detail-left #d_related-items .elements a, #d_details #d_detail-left #d_coordinates .elements a, #d_details #d_detail-left #d_lookbook .elements a {
	display: block;
	width: 134px;
	text-decoration: none;
	margin-right: 19px;
	float: left;
	padding-bottom: 10px;
}
#d_details #d_detail-left #d_related-items .elements a:nth-child(4n), #d_details #d_detail-left #d_coordinates .elements a:nth-child(4n), #d_details #d_detail-left #d_lookbook .elements a:nth-child(4n) {
	margin-right: 0;
}
#d_details #d_detail-left #d_related-items .elements a img, #d_details #d_detail-left #d_coordinates .elements a img, #d_details #d_detail-left #d_lookbook .elements a img {
	display: block;
	margin-bottom: 8px;
}
#d_details #d_detail-left #d_related-items .elements a span, #d_details #d_detail-left #d_coordinates .elements a span, #d_details #d_detail-left #d_lookbook .elements a span {
	display: block;
	margin-bottom: 8px;
}
#d_details #d_detail-left #d_related-items .elements a span.item-name, #d_details #d_detail-left #d_related-items .elements a span.item-price, #d_details #d_detail-left #d_related-items .elements a span.update, #d_details #d_detail-left #d_related-items .elements a span.shop-name, #d_details #d_detail-left #d_coordinates .elements a span.item-name, #d_details #d_detail-left #d_coordinates .elements a span.item-price, #d_details #d_detail-left #d_coordinates .elements a span.update, #d_details #d_detail-left #d_coordinates .elements a span.shop-name, #d_details #d_detail-left #d_lookbook .elements a span.item-name, #d_details #d_detail-left #d_lookbook .elements a span.item-price, #d_details #d_detail-left #d_lookbook .elements a span.update, #d_details #d_detail-left #d_lookbook .elements a span.shop-name {
	font-size: 10px;
	color: #666;
}
#d_details #d_detail-left #d_related-items .elements a span.sale-price, #d_details #d_detail-left #d_coordinates .elements a span.sale-price, #d_details #d_detail-left #d_lookbook .elements a span.sale-price {
	font-size: 10px;
	color: #FF0000;
}














/*lightbox*/
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 9999;
	text-align: center;
	line-height: 0;
}
#lightbox a img {
	border: none;
}
#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer {
	padding: 10px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer > #hoverNav {
	left: 0;
}
#hoverNav a {
	outline: none;
}
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url("../../images/lightbox/blank.gif") no-repeat;
	/* Trick IE into showing hover */
	display: block;
}
#prevLink {
	left: 0;
	float: left;
}
#nextLink {
	right: 0;
	float: right;
}
#prevLink {
	background: url("../../images/lightbox/prev.gif") left 50% no-repeat;/*&:hover, &:visited:hover {*//*}*/
}
#nextLink {
	background: url("../../images/lightbox/next.gif") right 50% no-repeat;/*&:hover, &:visited:hover {*//*}*/
}
/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText {
	color: #FF9834;
	font-weight: bold;
	text-decoration: none;
}
#nextLinkText {
	padding-left: 20px;
}
#prevLinkText {
	padding-right: 20px;
}
#lightbox #outerImageContainer {
	background-color: transparent;
}
#lightbox #outerImageContainer #imageContainer {
	padding: 0;
}
#lightbox #outerImageContainer #imageContainer #hoverNav {
	position: absolute;
}
#lightbox #outerImageContainer #imageContainer #hoverNav a#prevLink {
	background-image: url(../../images/button/icon-slider-left-l.png);
	position: absolute;
	left: -50px;
}
#lightbox #outerImageContainer #imageContainer #hoverNav a#nextLink {
	background-image: url(../../images/button/icon-slider-right-l.png);
	position: absolute;
	right: -50px;
}
#lightbox #imageDataContainer {
	background-color: transparent;
}
#lightbox #imageDataContainer #imageData {
	position: relative;
}
#lightbox #imageDataContainer #imageData #imageDetails span {
	font-size: 13px;
	font-weight: normal;
	color: #FFF;
}
/*---------- Hit-Mall Extension Area is from here. fmall-1693 ----------*/
#lightbox #outerImageContainer #imageContainer #bottomNavClose {
	cursor: pointer;
	position: absolute;
	top: -60px;
	right: -60px;
	z-index: 100!important;
}
/*---------- Hit-Mall Extension Area is to here. fmall-1693 ----------*/
#lightbox #imageDataContainer #imageData #bottomNav #bottomNavClose img {
	display: none;
}
#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
}
#imageData {
	padding: 0 10px;
}
#imageData #imageDetails {
	width: 100%;
	float: left;
	text-align: left;
}
#imageData #caption {
	font-weight: bold;
}
#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#imageData #numberDisplay a {
	color: black;
	padding-left: 5px;
	padding-right: 5px;
}
#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}
#imageData #helpDisplay {
	clear: left;
	float: left;
	display: block;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6 !important;
	display: none;
	font-weight: normal;
}
#lightboxIframe {
	display: none;
}