.showcase-area {
	position : relative;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area {
		margin-top : 50px;
	}
}
.showcase-area .area-thumb {
	position : absolute;
	top : 60px !important;/*GA_re*/
	left : 0;
	right : 0;
	z-index : +1;
}
@media screen and (max-width: 1024px) {
	.showcase-area .area-thumb {
		top : 100px;
	}
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-thumb {
		position : relative;
		top : auto;
	}
}
.showcase-area .area-thumb .thumb-area {
	background : rgba(0, 0, 0, 0.85);
	padding : 12px 0;
}
@media screen and (min-width: 1600px) {
	.showcase-area .area-thumb .thumb-area {
		padding : 17px 0;
	}
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-thumb .thumb-area {
		padding : 8px 0;
	}
}
.showcase-area .area-thumb .thumb-area .thumb-slide {
	margin : 0 62px;
	line-height : 0.1;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-thumb .thumb-area .thumb-slide {
		margin : 0 34px;
	}
}
.showcase-area .area-thumb .thumb-area .thumb-slide .slick-slide .slide-item {
	padding : 0 6px;
	position : relative;
	cursor : pointer;
	-webkit-transition : all 0.3s ease;
	        transition : all 0.3s ease;
}
@media screen and (min-width: 1600px) {
	.showcase-area .area-thumb .thumb-area .thumb-slide .slick-slide .slide-item {
		padding : 0 9px;
	}
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-thumb .thumb-area .thumb-slide .slick-slide .slide-item {
		padding : 0 5px;
	}
}
.showcase-area .area-thumb .thumb-area .thumb-slide .slick-slide .slide-item a img {
	width : 100%;
}
.showcase-area .area-thumb .thumb-area .thumb-slide .slick-slide .slide-item a:after {
	content : '';
	display : inline-block;
	position : absolute;
	top : 0;
	left : 6px;
	right : 6px;
	bottom : 0;
	background : rgba(255, 255, 255, 0.5);
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	-webkit-transition : all 0.3s ease;
	        transition : all 0.3s ease;
}
.showcase-area .area-thumb .thumb-area .thumb-slide .slick-slide .slide-item a:hover {
	opacity : 0.5;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-thumb .thumb-area .thumb-slide .slick-slide .slide-item a:hover {
		opacity : 1;
		-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	}
}
.showcase-area .area-thumb .thumb-area .thumb-slide .slick-slide .slide-item.is-current a:after {
	opacity : 1;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
.showcase-area .area-thumb .thumb-area .thumb-slide .slick-arrow {
	-webkit-appearance : none;
	   -moz-appearance : none;
	        appearance : none;
	border : none;
	padding : 0;
	overflow : hidden;
	position : absolute;
	top : 0;
	bottom : 0;
	width : 20px;
	text-indent : -9999px;
	cursor : pointer;
	outline : none;
	background-color : transparent;
	background-repeat : no-repeat;
	-webkit-transition : all 0.3s ease;
	        transition : all 0.3s ease;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-thumb .thumb-area .thumb-slide .slick-arrow {
		width : 15px;
		background-size : 10px auto;
	}
}
.showcase-area .area-thumb .thumb-area .thumb-slide .slick-arrow:hover {
	opacity : 0.5;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-thumb .thumb-area .thumb-slide .slick-arrow:hover {
		opacity : 1;
		-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	}
}
.showcase-area .area-thumb .thumb-area .thumb-slide .slick-arrow.slick-disabled {
	cursor : default;
	opacity : 0.5;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
}
.showcase-area .area-thumb .thumb-area .thumb-slide .slick-arrow.slick-prev {
	left : -22px;
	background-image : url(../../../showcase/images/icon_thumb_prev.png);
	background-position : left;
}
.showcase-area .area-thumb .thumb-area .thumb-slide .slick-arrow.slick-next {
	right : -22px;
	background-image : url(../../../showcase/images/icon_thumb_next.png);
	background-position : right;
}
.showcase-area .area-thumb .area-close {
	display : inline-block;
	width : 40px;
	height : 40px;
	background : rgba(0, 0, 0, 0.85);
	overflow : hidden;
	text-indent : -999px;
	position : absolute;
	right : 40px;
	bottom : -40px;
	cursor : pointer;
	-webkit-transition : all 0.3s ease;
	        transition : all 0.3s ease;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-thumb .area-close {
		width : 30px;
		height : 30px;
		right : 20px;
		bottom : -30px;
	}
}
.showcase-area .area-thumb .area-close:before {
	content : '';
	display : inline-block;
	width : 18px;
	height : 18px;
	position : absolute;
	top : 11px;
	left : 11px;
	background : url(../../../showcase/images/icon_thumb_close.png);
	-webkit-transition : all 0.3s ease;
	        transition : all 0.3s ease;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-thumb .area-close:before {
		width : 14px;
		height : 14px;
		top : 8px;
		left : 8px;
		background-size : 14px 14px;
	}
}
.showcase-area .area-thumb .area-close:after {
	content : '';
	display : inline-block;
	width : 18px;
	height : 18px;
	position : absolute;
	top : 11px;
	left : 11px;
	background : url(../../../showcase/images/icon_thumb_open.png);
	-webkit-transition : all 0.3s ease;
	        transition : all 0.3s ease;
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-thumb .area-close:after {
		width : 14px;
		height : 14px;
		top : 8px;
		left : 8px;
		background-size : 14px 14px;
	}
}
.showcase-area .area-thumb .area-close.is-close {
	bottom : -60px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-thumb .area-close.is-close {
		bottom : -40px;
	}
}
.showcase-area .area-thumb .area-close.is-close:before {
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}
.showcase-area .area-thumb .area-close.is-close:after {
	opacity : 1;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
.showcase-area .area-thumb .area-close:hover {
	opacity : 0.5;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-thumb .area-close:hover {
		opacity : 1;
		-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	}
}
.showcase-area .area-main {
	position : relative;
}
.showcase-area .area-main .main-slide {
	line-height : 0.1;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-main .main-slide {
		background : #fff;
		padding-bottom : 40px;
	}
}
.showcase-area .area-main .main-slide .slide-item {
	position : relative;
}
.showcase-area .area-main .main-slide .slide-item > img {
	width : 100%;
	vertical-align : bottom;
}
.showcase-area .area-main .main-slide .slick-dots {
	line-height : 1.75;
	position : absolute;
	bottom : 30px;
	left : 40px;
	right : 40px;
	text-align : center;
	letter-spacing : -0.4em;
	line-height : 0.1;
	z-index : +1;
}
@media screen and (max-width: 1024px) {
	.showcase-area .area-main .main-slide .slick-dots {
		margin : 0;
		left : 20px;
		right : 20px;
	}
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-main .main-slide .slick-dots {
		bottom : 15px;
		text-align : center;
	}
}
.showcase-area .area-main .main-slide .slick-dots li {
	display : inline-block;
	vertical-align : middle;
	letter-spacing : normal;
}
.showcase-area .area-main .main-slide .slick-dots li + li {
	margin-left : 7px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-main .main-slide .slick-dots li + li {
		margin-left : 5px;
	}
}
.showcase-area .area-main .main-slide .slick-dots li button {
	-webkit-appearance : none;
	   -moz-appearance : none;
	        appearance : none;
	display : inline-block;
	position : relative;
	background : transparent;
	border : none;
	width : 30px;
	height : 2px;
	text-indent : -999px;
	overflow : hidden;
	cursor : pointer;
	outline : none;
	background : rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-main .main-slide .slick-dots li button {
		width : 20px;
		height : 2px;
		background : #cbcbcb;
	}
}
.showcase-area .area-main .main-slide .slick-dots li.slick-active button {
	background : #fff;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-main .main-slide .slick-dots li.slick-active button {
		background : #a0a0a0;
	}
}
.showcase-area .area-main .main-slide .slick-arrow {
	line-height : 1.75;
	background : none;
	border : none;
	display : inline-block;
	position : absolute;
	width : 20px;
	height : 40px;
	overflow : hidden;
	text-indent : -999px;
	top : 50%;
	-webkit-transform : translateY(-50%);
	    -ms-transform : translateY(-50%);
	        transform : translateY(-50%);
	z-index : 2;
	cursor : pointer;
	outline : none;
	-webkit-transition : all 0.3s ease-in-out;
	        transition : all 0.3s ease-in-out;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-main .main-slide .slick-arrow {
		width : 9px;
		height : 18px;
		top : auto;
		bottom : 10px;
		-webkit-transform : translateY(0);
		    -ms-transform : translateY(0);
		        transform : translateY(0);
	}
}
.showcase-area .area-main .main-slide .slick-arrow.slick-prev {
	left : 40px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-main .main-slide .slick-arrow.slick-prev {
		left : 20px;
	}
}
.showcase-area .area-main .main-slide .slick-arrow.slick-prev:after {
	content : '';
	display : inline-block;
	width : 28px;
	height : 28px;
	border-top : 2px solid #fff;
	border-left : 2px solid #fff;
	-webkit-transform : rotate(-45deg);
	    -ms-transform : rotate(-45deg);
	        transform : rotate(-45deg);
	position : absolute;
	left : 6px;
	top : 5px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-main .main-slide .slick-arrow.slick-prev:after {
		width : 12px;
		height : 12px;
		left : 3px;
		top : 2px;
		border-top : 2px solid #a0a0a0;
		border-left : 2px solid #a0a0a0;
	}
}
.showcase-area .area-main .main-slide .slick-arrow.slick-next {
	right : 40px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-main .main-slide .slick-arrow.slick-next {
		right : 20px;
	}
}
.showcase-area .area-main .main-slide .slick-arrow.slick-next:after {
	content : '';
	display : inline-block;
	width : 28px;
	height : 28px;
	border-top : 2px solid #fff;
	border-right : 2px solid #fff;
	-webkit-transform : rotate(45deg);
	    -ms-transform : rotate(45deg);
	        transform : rotate(45deg);
	position : absolute;
	right : 6px;
	top : 5px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-main .main-slide .slick-arrow.slick-next:after {
		width : 12px;
		height : 12px;
		right : 3px;
		top : 2px;
		border-top : 2px solid #a0a0a0;
		border-right : 2px solid #a0a0a0;
	}
}
.showcase-area .area-main .main-slide .slick-arrow:hover {
	opacity : 0.5;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
}
.showcase-area .area-main .main-ttl {
	font-size : 24px;
	font-size : 1.5rem;
	color : #fff;
	font-family : 'Montserrat', sans-serif;
	letter-spacing : 0.05em;
	position : absolute;
	left : 40px;
	bottom : 20px;
	z-index : +1;
}
@media screen and (min-width: 1600px) {
	.showcase-area .area-main .main-ttl {
		font-size : 1.875rem;
	}
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-main .main-ttl {
		font-size : 1.125rem;
		left : 20px;
		bottom : 50px;
	}
}
.showcase-area .area-main:before {
	content : '';
	display : inline-block;
	position : absolute;
	bottom : 0;
	left : 0;
	right : 0;
	height : 100px;
	background : url(../../../showcase/images/shadow.png) bottom center repeat-x;
	z-index : +1;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-main:before {
		height : 50px;
		bottom : 40px;
		background-size : auto 50px;
	}
}
.showcase-area .area-product {
	background : #fff;
	padding : 10px 0 100px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-product {
		padding : 18px 0 100px;
	}
}
.showcase-area .area-product h2 {
	text-align : center;
	font-size : 20px;
	font-size : 1.25rem;
	color : #fff;
	font-family : 'Montserrat', sans-serif;
	letter-spacing : 0.05em;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-product h2 {
		font-size : 0.75rem;
	}
}
.showcase-area .area-product h2 a {
	display : inline-block;
	padding-right : 40px;
	color : #000;
	position : relative;
	outline : none;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-product h2 a {
		padding-right : 25px;
	}
}
.showcase-area .area-product h2 a:before {
	content : '';
	display : inline-block;
	width : 14px;
	height : 14px;
	border-top : 1px solid #000;
	border-right : 1px solid #000;
	-webkit-transform : rotate(135deg);
	    -ms-transform : rotate(135deg);
	        transform : rotate(135deg);
	position : absolute;
	right : 4px;
	top : 50%;
	margin-top : -12px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-product h2 a:before {
		width : 11px;
		height : 11px;
		margin-top : -10px;
	}
}
.showcase-area .area-product h2 a:hover {
	text-decoration : none;
}
.showcase-area .area-product .product-list {
	margin-top : 35px;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-wrap : wrap;
	    flex-wrap : wrap;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-product .product-list {
		margin-top : 15px;
	}
}
.showcase-area .area-product .product-list li {
	width : calc( (100% - 9px) / 4);
	background : #f6f6f6;
	margin-top : 3px;
	margin-right : 3px;
}
.showcase-area .area-product .product-list li:nth-child(4n) {
	margin-right : 0;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-product .product-list li {
		width : calc( 50% - 1px);
		margin-top : 2px;
		margin-right : 2px;
	}
	.showcase-area .area-product .product-list li:nth-child(even) {
		margin-right : 0;
	}
}
.showcase-area .area-product .product-list li a, .showcase-area .area-product .product-list li .no-link {
	display : block;
	text-align : center;
	padding-bottom : 30px;
	outline : none;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-product .product-list li a, .showcase-area .area-product .product-list li .no-link {
		padding-bottom : 15px;
	}
}
.showcase-area .area-product .product-list li a .list-cat, .showcase-area .area-product .product-list li .no-link .list-cat {
	display : block;
	font-family : 'Montserrat', sans-serif;
	letter-spacing : 0.05em;
	font-size : 16px;
	font-size : 1rem;
	font-weight : bold;
	padding : 12px 20px 8px;
	text-align : left;
}
@media screen and (min-width: 1600px) {
	.showcase-area .area-product .product-list li a .list-cat, .showcase-area .area-product .product-list li .no-link .list-cat {
		font-size : 1.125rem;
	}
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-product .product-list li a .list-cat, .showcase-area .area-product .product-list li .no-link .list-cat {
		font-size : 0.625rem;
		padding : 2px 8px 5px;
	}
}
.showcase-area .area-product .product-list li a > img, .showcase-area .area-product .product-list li .no-link > img {
	width : 100%;
}
.showcase-area .area-product .product-list li a .list-name, .showcase-area .area-product .product-list li .no-link .list-name {
	display : inline-block;
	font-size : 16px;
	font-size : 1rem;
	font-family : 'Montserrat', sans-serif;
	letter-spacing : 0.05em;
	margin : 23px 20px 0;
	position : relative;
}
@media screen and (min-width: 1600px) {
	.showcase-area .area-product .product-list li a .list-name, .showcase-area .area-product .product-list li .no-link .list-name {
		font-size : 1.25rem;
	}
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-product .product-list li a .list-name, .showcase-area .area-product .product-list li .no-link .list-name {
		font-size : 0.6875rem;
		margin : 10px 15px 0;
	}
}
.showcase-area .area-product .product-list li a .list-name {
	padding-right : 25px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.showcase-area .area-product .product-list li a .list-name {
		padding-right : 15px;
	}
}
.showcase-area .area-product .product-list li a .list-name:before {
	content : '';
	display : inline-block;
	width : 8px;
	height : 8px;
	border-top : 1px solid #666;
	border-right : 1px solid #666;
	position : absolute;
	right : 1px;
	top : 50%;
	margin-top : -5px;
	-webkit-transform : rotate(45deg);
	    -ms-transform : rotate(45deg);
	        transform : rotate(45deg);
	-webkit-transition : all 0.3s cubic-bezier(0.47, 0.12, 0.11, 0.99);
	        transition : all 0.3s cubic-bezier(0.47, 0.12, 0.11, 0.99);
}
.showcase-area .area-product .product-list li a:hover {
	text-decoration : none;
	color : #262626;
}
.showcase-area .area-product .product-list li a:hover .list-name:before {
	right : -5px;
}