@charset 'UTF-8';

/*

************************************************************************

* ギャラリー

* @copyright Revolme Inc.

************************************************************************

*/

/* Icons */

@font-face

{

    font-family: 'slick';

    font-weight: normal;

    font-style: normal;



    src: url('./fonts/slick.eot');

    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');

}



.slick-gallery .slick-slider

{

	display:block;

	position:absolute;

	top:0px;

	bottom:0px;

	left:0px;

	right:0px;

	

	width:100%;

	height:100%;

}



.slick-gallery .slick-list

{

	height:100%;

}

.slick-gallery .slick-track

{

	height:100%;

}

.slick-gallery .slick-slide

{

	width:100%;

	height:100%;

	

	padding:0px;

	margin:0px;

	

	outline: 0;

	border-color: transpalent;

}

.slick-gallery .slick-slide > div

{

	position:absolute;

	top:50%;

	left:50%;

	

	width:100%;

	

	-webkit-transform:translateY(-50%) translateX(-50%);

	-moz-transform:translateY(-50%) translateX(-50%);

	transform:translateY(-50%) translateX(-50%);

}



.slick-gallery .slick-slide img

{

	display:block;

	margin:auto;

}



.slick-gallery .slick-gallery-close,

.slick-gallery .slick-gallery-close:hover,

.slick-gallery .slick-gallery-close:focus

{

    position:absolute;

    top:0px;

    right:0px;

    

	width:4em;

	height:4em;

    

    z-index:100;

    line-height: 0;

    display: block;

    cursor: pointer;

    color: transparent;

    border: none;

    outline: none;

    background: transparent;

}

.slick-gallery .slick-gallery-close::before

{

	content:"";

	display:block;

	width:4em;

	height:1px;

	background-color:#FFFFFF;

	

	-webkit-transform:rotate(45deg);

	-moz-transform:rotate(45deg);

	transform:rotate(45deg);

}

.slick-gallery .slick-gallery-close::after

{

	content:"";

	display:block;

	width:4em;

	height:1px;

	background-color:#FFFFFF;

	

	-webkit-transform:rotate(-45deg);

	-moz-transform:rotate(-45deg);

	transform:rotate(-45deg);

}



.slick-gallery .slick-prev,

.slick-gallery .slick-next

{

    z-index:100;

    line-height: 0;



    position: absolute;

    top: 50%;



    display: block;



    width: 2em;

    height: 2em;

    padding: 0;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);



    cursor: pointer;



    color: transparent;

    border: none;

    outline: none;

    background: transparent;

}

.slick-gallery .slick-prev:hover,

.slick-gallery .slick-prev:focus,

.slick-gallery .slick-next:hover,

.slick-gallery .slick-next:focus

{

    color: transparent;

    outline: none;

    background: transparent;

}

.slick-gallery .slick-prev:hover:before,

.slick-gallery .slick-prev:focus:before,

.slick-gallery .slick-next:hover:before,

.slick-gallery .slick-next:focus:before

{

    opacity: 1;

}

.slick-gallery .slick-prev.slick-disabled:before,

.slick-gallery .slick-next.slick-disabled:before

{

    opacity: .25;

}



.slick-gallery .slick-prev:before,

.slick-gallery .slick-next:before

{

    content:"";

    display:block;

    

    width:2em;

    height:2em;

    

    border-bottom:1px solid #FFFFFF;

}



.slick-gallery .slick-prev

{

    left: 20px;

}

.slick-gallery .slick-prev:before

{

    border-left:1px solid #FFFFFF;

	-webkit-transform:rotate(45deg);

	-moz-transform:rotate(45deg);

	transform:rotate(45deg);

}

.slick-gallery .slick-next

{

    right: 20px;

}

.slick-gallery .slick-next:before

{

    border-right:1px solid #FFFFFF;

	-webkit-transform:rotate(-45deg);

	-moz-transform:rotate(-45deg);

	transform:rotate(-45deg);

}