@charset "UTF-8";
/* CSS Document */


::selection {
background: #000000; /* Safari */
color:#ffffff;
}

::-moz-selection {
background: #000000; /* Firefox */
color:#ffffff;
}



img{
	vertical-align: bottom;
	-ms-interpolation-mode:bicubic;   /* IE 7+ */
 image-rendering: optimizeQuality; /* Fx, (Gecko 1.9.2) */
	max-width: 100%;
    height: auto;
    width /****/:auto;  /*IE8のみ適用*/
}

a img{
-webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(100%);
  filter: url(grayscale.svg); /* Firefox 4+ */
  filter:none; /* IE 6-9 */
opacity:1;
filter: alpha(opacity=100);        /* ie lt 8 */
-ms-filter: "alpha(opacity=100)";  /* ie 8 */
-moz-opacity:1;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 1;              /* Safari 1.x */
zoom:1;

}


/* link
------------------------- */


a{
color:#000000;	
}

a:visited{
color:#000000;	
text-decoration:none;
}

a:hover{
color:#4d4d4d;	
}

a{outline:none!important;}



* { 
    margin: 0; 
    padding: 0; 
}



body{
height:auto;
width:100%;
margin:0;
padding:0;
color:#000000;
background-color: #000000;
overflow: hidden!important;
}




/* container
------------------------- */

.wrapper-liks{
  width:100%;
  height:100%;
  position: absolute;
  margin:0;
  padding:0;
  z-index:1;
  overflow: hidden!important;
}



/* images
------------------------- */

.video_wrapper {
  position: relative;
  width: 100vw;
  height: 100vh;
  margin:0;
  padding:0;
  overflow: hidden!important;
}

.video_wrapper > video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  min-width: 30%;
  min-height: 30%;
  width:600px;
  z-index:100;
}


@media screen and (max-width:800px) {

  
  .video_wrapper > video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    min-width: 30%;
    min-height: 30%;
    width:100%;
    z-index:100;
    overflow: hidden!important;
  }
}