/* =======================================
	Slider
======================================= */

.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
	margin-top: 20px;
	z-index: 1000;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
	opacity : 0.4!important;
	filter: alpha(opacity=40)!important;
}
.slider_prev {background: #000 url(../img/prev_blck.jpg) no-repeat right center;}
.slider_next {background: #000 url(../img/next_blck.jpg) no-repeat left center;}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
	border-radius: 15px;  
	-webkit-border-radius: 15px;  
	-moz-border-radius: 15px; 
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	behavior: url( "/common/PIE.htc" );
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}



/* =======================================
	CSS3 hover animation
======================================= */
/*article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}*/
ul, ol {
    list-style: outside none none;
}
figure div.figure {
    overflow: hidden;
    position: relative;
	float: left;
}
figcaption div.figcaption {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 2;
}
figure div.figure:hover div.figcaption {
    opacity: 1;
	filter: alpha(opacity=100);
}
figcaption div.figcaption {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: -100%;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 2;
}
figure div.figure:hover figcaption div.figcaption {
    left: 0;
    top: 0;
}
figcaption div.figcaption {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    height: 100%;
    left: -100%;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 2;
}
figure:hover figcaption div.figcaption {
    left: 0;
	top: 0;
}
figure div.figure:first-child {
	margin-left: 0;
}
figure div.figure:hover .transform01 {
	transform: scale(1.2);
}
figure div.figure:hover .transform02 {
    transform: rotate(0deg) scale(1);
}
figure div.figure h3 {
    color: #8C0C40;
	font-family:"UtsukushiFONT", serif;
	/* font-family: 'Noto Sans Japanese', serif; */
    font-size: 20px;
	font-weight: bold;
    padding: 90px 0 5px;
    text-align: center;
	letter-spacing: 0.08em;
	background: #FFF;
	opacity: 0.8;
}
figure div.figure h3.small {
    color: #8C0C40;
	font-family:"UtsukushiFONT", serif;
	/* font-family: 'Noto Sans Japanese', serif; */
    font-size: 18px;
	font-weight: bold;
    padding: 90px 0 5px;
    text-align: center;
	letter-spacing: 0.08em;
	background: #FFF;
	opacity: 0.8;
}
figure div.figure h3.black {
    color: #8C0C40;
	font-family:"UtsukushiFONT", serif;
	/* font-family: 'Noto Sans Japanese', serif; */
    font-size: 24px;
	font-weight: bold;
    padding: 90px 0 5px;
    text-align: center;
	letter-spacing: 0.08em;
	background: #FFF;
	opacity: 0.8;
}
figure div.figure h3.blacksmall {
    color: #8C0C40;
	font-family:"UtsukushiFONT", serif;
	/* font-family: 'Noto Sans Japanese', serif; */
    font-size: 16px;
	font-weight: bold;
    padding: 90px 0 5px;
    text-align: center;
	letter-spacing: 0!important;
	background: #FFF;
	opacity: 0.8;
}
figure div.figure h3.blacksmall2 {
    color: #8C0C40;
	font-family:"UtsukushiFONT", serif;
	/* font-family: 'Noto Sans Japanese', serif; */
    font-size: 18px;
	font-weight: bold;
    padding: 90px 0 5px;
    text-align: center;
	letter-spacing: 0.05em!important;
	background: #FFF;
	opacity: 0.8;
}
figure div.figure h3.red {
    color: #000;
	font-family:"UtsukushiFONT", serif;
	/* font-family: 'Noto Sans Japanese', serif; */
    font-size: 20px;
	font-weight: bold;
    padding: 90px 0 5px;
    text-align: center;
	letter-spacing: 0.05em!important;
	background: #99144A;
	opacity: 0.8;
}
figure div.figure h3.redsmall {
    color: #000;
	font-family:"UtsukushiFONT", serif;
	/* font-family: 'Noto Sans Japanese', serif; */
    font-size: 18px;
	font-weight: bold;
    padding: 90px 0 5px;
    text-align: center;
	letter-spacing: 0.05em!important;
	background: #99144A;
	opacity: 0.8;
}
figure div.figure h3.redsmall2 {
    color: #000;
	font-family:"UtsukushiFONT", serif;
	/* font-family: 'Noto Sans Japanese', serif; */
    font-size: 16px;
 	font-weight: bold;
    padding: 90px 0 5px;
    text-align: center;
	letter-spacing: 0.05em!important;
	background: #99144A;
	opacity: 0.8;
}
figure div.figure h3.letmini {
	letter-spacing: 0.05em !important;
}
figure div.figure h3.letlong {
	letter-spacing: 0.1em !important;
}
figure div.figure p {
    color: #fff;
	font-family: 'Varela', sans-serif;
    font-weight: 400;
	padding-top: 3px;
    text-align: center;
	letter-spacing: 0.05em;
}
figure div.figure {
    float: left;
    margin-left: 30px;
	position: relative;
	overflow: hidden;
	width: 268px;
	height: 219px;
	border: solid 6px #3A3A3A;
	outline: solid 3px #2C2E2D;
}
figcaption div.figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;
	filter: alpha(opacity=100)!important;
}
figure div.figure:hover figcaption div.figcaption {
	opacity: 0.1;
	filter: alpha(opacity=10)!important;
}
.column::after {
    clear: both;
    content: "";
    display: block;
}
.transform01 {
    transform: scale(1);
    transition: all 0.3s ease-in-out 0s;
}
.transform02 {
    transform: rotate(15deg) scale(1.4);
    transition: all 0.3s ease-in-out 0s;
}
.figcaption a {
	text-decoration: none;	
}