html{
  height: 100%;
}
body{
  height: 100%;
  background: #000;
  text-shadow:0px 0px 16px #000000,0px 0px 4px #000000,0px 0px 10px #000000;
  overflow-x: hidden;
}
.wrapper{
  height: 100%;
  background: #000;
}
.mainVisual{
  height: 100%;

}
.videoArea video{
  width: 100%;
}
#backVideo{
  opacity: 1;
  z-index: 1;
}
.bigImage{
  background: url(../images/cover.jpg);
  background-size: cover;
  background-position: center;
}
/*黒背景*/
@media screen and (max-width:800px) {
  .bigImage{
    height:40%
  }
}
/*-------------------------------------------
gif
*/

.gif{
  position: absolute;
  /* background:   url(../images/gif.gif) no-repeat; */
  /* background-size: 100%; */
  background: url(http://78.media.tumblr.com/0b26325e624a6b047931025bfc0610ec/tumblr_nr8upkY2Cw1uac7buo1_400.gif) center;
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.is_black.gif{
  background:none;
}
.is_white.gif{
  background:none;
  background-color:#fff;
}
.gif span {
  display: inline-block;
  background: url(../images/rogo.gif) no-repeat center;
  background-size: 50% auto;
  width: 100%;
  z-index: 100;
}

.gif span.is_difference{
  mix-blend-mode: difference;
}
.gif span {
  height: 100%;
  background-size: 30% auto;
}
@media screen and (max-device-width : 414px) {
  .gif span {
    background-size: 85% auto;
    background-position: center 42%;
  }
}
/*黒背景*/
@media screen and (max-width:800px) {
  .gif span.is_black {
    background-size: 70%;
    background-position: center 42%;
  }
}



/*-------------------------------------------
mask
*/
.video.mask {
  transition: all 2s cubic-bezier(0.230, 1.000, 0.320, 1.000);
  opacity: 0;
  /* -webkit-animation: zoom 200s infinite; */
  position: absolute;
  z-index: 2;
  mask-size: 30%;
  -webkit-mask-size: 30%;
  mask-image: url(../images/rogo.svg);
  -webkit-mask-image: url(../images/rogo.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat:no-repeat;
  mask-position: 50% 30%;
  -webkit-mask-position: 50% 30%;
}
@media screen and (max-width: 1200px) {
  .video.mask {
    height: 100%;
    mask-size: 90%;
    -webkit-mask-size: 90%;
  }
}



.video.mask.show {
  opacity: 1;
}

@-webkit-keyframes zoom {
  0%  { -webkit-mask-size: 20%;}
  5%  { -webkit-mask-size: 20%;}
  50%  { -webkit-mask-size: 100%;}
  100%  { -webkit-mask-size: 2000%;}
}
.video.back {
  position: absolute;
}


video {
  width: 615px;
}
/*h2*/
.h2_title{
  font-size: 80px;
  /* font-family: 'Heebo', sans-serif; */
  font-family: "arno-pro",serif;
  text-align: center;
  color: #fff;
}
@media screen and (max-device-width : 414px) {
  .h2_title{
    font-size: 115px;
  }
}

/*-------------------------------------------
about
*/
.about{
  position: relative;
  text-align: center;
  min-height: 100%;
  color:#fff;
  overflow: hidden;
}
.about .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.about .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.about ._photo{
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-device-width : 414px) {
  .about ._photo{
    max-width: 500px;
  }
}
/*-------------------------------------------
news
*/
.news{
  position: relative;
  min-height: 100%;
  color:#fff;
  overflow: hidden;

}
.news .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.news .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.news .innerMiddle{
  padding-left: 5%;
  padding-right: 5%;
}
.news dl{
  border-top: 1px solid #999;
}
.news dl:first-child{
  border: none;
}
.news dt{
  font-family: "arno-pro",serif;
  font-size: 32px;
  line-height: 1.3;
  margin-bottom: 20px;
}
.news dd .photo{
  display: block;
  max-width: 400px;
}
.news dd p{
  margin-bottom: 15px;
}
.news dd p a:link,.news dd p a:visited{
  color: #fff;
}
@media screen and (max-device-width : 414px) {
  .news dt{
    font-size: 56px;
  }
  .news dd p{
    font-size: 36px;
  }
  .news dd .photo{
    max-width: 600px;
  }
}


/*-------------------------------------------
member
*/
.member{
  min-height: 100%;
  color:#fff;
  position: relative;
  overflow: hidden;
}
.member ._text ._title{
  line-height: 1.4;
}
.member ._text ._title{
  font-weight: bold;
}
.member ._text a,.member ._text a:link,.member ._text a:visited{
  color: #fff;
}

.member .image{
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.member .role{
  text-align: center;
}
.member .bt_more{
  text-align: center;
  cursor: pointer;
  position: relative;
  z-index: 1000000;
}

.member .bt_more span{
  line-height: 1px;
  padding:5px 40px;
  border: 1px solid #fff;
  background: rgba(0,0,0,.2);
  transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
@media screen and (max-device-width : 414px) {
  .member .image{
    max-width: 100%;
  }
  .member .bt_more span{
    font-size: 100%;
  }
}

.member .bt_more span:hover{
  background: rgba(255,255,255,.2);
}

.member .description{
  display: none;
  margin-left: auto;
  margin-right: auto;

  /* height: 0;
  max-height:0;
  transition: all 0.5s;
  overflow: hidden; */
}
/* .member .description.is_open{
  height: auto;
  max-height:1000px;
  display: block;
} */


.member ._name{
  font-size: 40px;
  color: #fff;
  font-family: "arno-pro",serif;
  line-height: 1;
  /* font-family: 'Heebo', sans-serif; */
  text-align: center;
}
@media screen and (max-device-width : 414px) {
  .member .description{
    font-size: 28px;
  }
  .member ._name{
    font-size: 60px;
  }
}
._hddenArea{
  display: none;
}
/*._artWork*/
.member ._artWork a{
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 2s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
.member ._artWork a.landscape{
  background-size:300% auto;
}
.member ._artWork a.portrait{
  background-size:auto 300%;
}
.member ._artWork .slick-current a.portrait{
  background-size:auto 100%;
}
.member ._artWork .slick-current a.landscape{
  background-size:100% auto;
}
.member ._link{
  line-height: 1.2;
}
.member ._link dt{
  font-weight: bold;
}
.member ._link dd{
  padding-bottom: 20px;
  font-size: 9px;
}
.member ._link dd{
  padding-bottom: 20px;
  font-size: 9px;
}



/*-------------------------------------------
biography
*/
.biography{
  min-height: 100%;
  color:#fff;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-attachment: fixed;
}


.biography .year{
  font-family: "arno-pro",serif;
  font-size: 36px;
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1;
}
@media screen and (max-device-width : 414px) {
  .biography .year{
    font-size: 80px;
  }
}
.biography .event{
  max-width: 410px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.4;
}
.biography .event dt{
  font-family: "arno-pro",serif;
}
.biography .event dt span{
  padding-right: 10px;
}
.biography .event dd{
  font-family: "arno-pro",serif;
  padding-right: 10px;
  font-size: 24px;
}
@media screen and (max-device-width : 414px) {
  .biography .event{
    max-width: 100%;
    padding-left: 15%;
    padding-right: 10%;
  }
  .biography .event dd{
    font-size: 48px;
  }
  .biography .event dt{
    font-size: 24px;
  }
  .biography .year{
    max-width: 100%;
    padding-left: 10%;
  }
}

/*-------------------------------------------
contact
*/
.contact{
  position: relative;
  overflow: hidden;
  /* min-height: 100%; */
  color:#fff;
  padding-bottom: 200px;
}
.contact .mailaddress{
  text-align: center;
}
.contact .mailaddress a{
  display: block;
  padding-top: 40px;
  padding-bottom: 40px;
  color: #fff;
  font-size: 30px;
}
@media screen and (max-device-width : 414px) {
  .contact{
    padding-bottom: 40%;
  }
  .contact .mailaddress a{
    padding-top: 40px;
    font-size: 60px;
  }
}
.contact .mailaddress a:link{
  color: #fff;
  font-family: "arno-pro",serif;
}

/*-----------------------
SAFARI　用背景
*/
.is_safari a{
  position: relative;
  z-index: 1000000;
}
.is_safari .about{
  z-index: 2;
}
.is_safari .member{
  z-index: 6;
}
.is_safari .biography{
  z-index: 4;
}
.is_safari .contact{
  z-index: 5;
}
.is_safari .news{
  z-index: 3;
}
.is-show{
  z-index: 7 !important;
}

.is_safari .about::before {
  background-size: cover;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}
.is_safari .news::before {
  background-size: cover;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}
.is_safari .member::before {
  background-size: cover;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}
.is_safari .biography::before {
  background-size: cover;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}
.is_safari .contact::before {
  background-size: cover;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}


/*-----------------------
ランダム背景
*/
.is_ver1 .about{
  background-image: url(http://78.media.tumblr.com/8a4d287d22769d2f2b6e6b74a4a5c0b3/tumblr_p2szf2iJde1qzlgfco4_400.gif);
}
.is_ver1 .news{
  background-image: url(http://78.media.tumblr.com/b0571aaa3b088ea7b6939f204df83730/tumblr_p2szf2iJde1qzlgfco3_400.gif);
}
.is_ver1 .member{
  background-image: url(http://78.media.tumblr.com/c313235b946ce48e7d89cac53b32f5c9/tumblr_p2szf2iJde1qzlgfco1_400.gif);
}
.is_ver1 .biography{
  background-image: url(http://78.media.tumblr.com/f7240dacae032fd48dd99cbd1549031e/tumblr_p2szf2iJde1qzlgfco2_400.gif);
}

.is_ver2 .about{
  background-image: url(http://78.media.tumblr.com/dd700286796e16ef0041601c1f960f0b/tumblr_p2t093xccN1qzlgfco3_400.gif);
}
.is_ver2 .news{
  background-image: url(http://78.media.tumblr.com/1d3e7df175bc14d7d7b390d86b1c9cb3/tumblr_p2t093xccN1qzlgfco2_400.gif);
}
.is_ver2 .member{
  background-image: url(http://78.media.tumblr.com/7d8790281a4aeabf2b5f8cccd0b071b2/tumblr_p2t093xccN1qzlgfco1_400.gif);
}
.is_ver2 .biography{
  background-image: url(http://78.media.tumblr.com/9ffd985a53935f769d05380e8cdc3c20/tumblr_p2t093xccN1qzlgfco4_400.gif);
}

.is_ver3 .about{
  background-image: url(http://78.media.tumblr.com/44a98e124d7241131b67ac94a0d86d2e/tumblr_p2u1dfgI2k1qzlgfco2_400.gif);
}
.is_ver3 .news{
  background-image: url(http://78.media.tumblr.com/5e9bd40a0d4458ddb58993590c78ed87/tumblr_p2u1dfgI2k1qzlgfco3_400.gif);
}
.is_ver3 .member{
  background-image: url(http://78.media.tumblr.com/57dcda44eb8a31a11017fa55bc53cb23/tumblr_p2u1dfgI2k1qzlgfco4_r2_400.gif);
}
.is_ver3 .biography{
  background-image: url(http://78.media.tumblr.com/1e1bb51bcd96ccf5620ab2d6c292dcd9/tumblr_p2u1dfgI2k1qzlgfco1_400.gif);
}

.is_ver4 .about{
  background-image: url(http://78.media.tumblr.com/f2dd2fac86205327d19e077d71e157d4/tumblr_p2u1abOE4N1qzlgfco2_400.gif);
}
.is_ver4 .news{
  background-image: url(http://78.media.tumblr.com/97bf316b9a6cf69144026076a3a93aa8/tumblr_p2u1abOE4N1qzlgfco1_540.gif);
}
.is_ver4 .member{
  background-image: url(http://78.media.tumblr.com/de5c8ca2cca205458a7b1b624a503628/tumblr_p2u1abOE4N1qzlgfco3_400.gif);
}
.is_ver4 .biography{
  background-image: url(http://78.media.tumblr.com/8c90b12c05959229422087bb38cfa1ca/tumblr_p2u1abOE4N1qzlgfco4_r3_400.gif);
}

.is_ver5 .about{
  background-image: url(http://78.media.tumblr.com/46a3b27281b17ba61fd3f06f8f681fcc/tumblr_p2u1blhcEp1qzlgfco1_400.gif);
}
.is_ver5 .news{
  background-image: url(http://78.media.tumblr.com/7511cc1e18628b99005a3b5cb263d6ba/tumblr_p2u1blhcEp1qzlgfco2_400.gif);
}
.is_ver5 .member{
  background-image: url(http://78.media.tumblr.com/cf0a58262cd365aaec97daa42ec6a7a2/tumblr_p2u1blhcEp1qzlgfco4_400.gif);
}
.is_ver5 .biography{
  background-image: url(http://78.media.tumblr.com/69f78b8c92ec2d4811751dccb58196f9/tumblr_p2u1blhcEp1qzlgfco3_400.gif);
}


.about,.news,.member,.biography{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

/*safari a*/
.is_safari.is_ver1 .about::before{
  background-image: url(http://78.media.tumblr.com/8a4d287d22769d2f2b6e6b74a4a5c0b3/tumblr_p2szf2iJde1qzlgfco4_400.gif);
}
.is_safari.is_ver1 .news::before{
  background-image: url(http://78.media.tumblr.com/b0571aaa3b088ea7b6939f204df83730/tumblr_p2szf2iJde1qzlgfco3_400.gif);
}
.is_safari.is_ver1 .member::before{
  background-image: url(http://78.media.tumblr.com/c313235b946ce48e7d89cac53b32f5c9/tumblr_p2szf2iJde1qzlgfco1_400.gif);
}
.is_safari.is_ver1 .biography::before{
  background-image: url(http://78.media.tumblr.com/f7240dacae032fd48dd99cbd1549031e/tumblr_p2szf2iJde1qzlgfco2_400.gif);
}

.is_safari.is_ver2 .about::before{
  background-image: url(http://78.media.tumblr.com/dd700286796e16ef0041601c1f960f0b/tumblr_p2t093xccN1qzlgfco3_400.gif);
}
.is_safari.is_ver2 .news::before{
  background-image: url(http://78.media.tumblr.com/1d3e7df175bc14d7d7b390d86b1c9cb3/tumblr_p2t093xccN1qzlgfco2_400.gif);
}
.is_safari.is_ver2 .member::before{
  background-image: url(http://78.media.tumblr.com/7d8790281a4aeabf2b5f8cccd0b071b2/tumblr_p2t093xccN1qzlgfco1_400.gif);
}
.is_safari.is_ver2 .biography::before{
  background-image: url(http://78.media.tumblr.com/9ffd985a53935f769d05380e8cdc3c20/tumblr_p2t093xccN1qzlgfco4_400.gif);
}

.is_safari.is_ver3 .about::before{
  background-image: url(http://78.media.tumblr.com/44a98e124d7241131b67ac94a0d86d2e/tumblr_p2u1dfgI2k1qzlgfco2_400.gif);
}
.is_safari.is_ver3 .news::before{
  background-image: url(http://78.media.tumblr.com/5e9bd40a0d4458ddb58993590c78ed87/tumblr_p2u1dfgI2k1qzlgfco3_400.gif);
}
.is_safari.is_ver3 .member::before{
  background-image: url(http://78.media.tumblr.com/57dcda44eb8a31a11017fa55bc53cb23/tumblr_p2u1dfgI2k1qzlgfco4_r2_400.gif);
}
.is_safari.is_ver3 .biography::before{
  background-image: url(http://78.media.tumblr.com/1e1bb51bcd96ccf5620ab2d6c292dcd9/tumblr_p2u1dfgI2k1qzlgfco1_400.gif);
}

.is_safari.is_ver4 .about::before{
  background-image: url(http://78.media.tumblr.com/f2dd2fac86205327d19e077d71e157d4/tumblr_p2u1abOE4N1qzlgfco2_400.gif);
}
.is_safari.is_ver4 .news::before{
  background-image: url(http://78.media.tumblr.com/97bf316b9a6cf69144026076a3a93aa8/tumblr_p2u1abOE4N1qzlgfco1_540.gif);
}
.is_safari.is_ver4 .member::before{
  background-image: url(http://78.media.tumblr.com/de5c8ca2cca205458a7b1b624a503628/tumblr_p2u1abOE4N1qzlgfco3_400.gif);
}
.is_safari.is_ver4 .biography::before{
  background-image: url(http://78.media.tumblr.com/8c90b12c05959229422087bb38cfa1ca/tumblr_p2u1abOE4N1qzlgfco4_r3_400.gif);
}

.is_safari.is_ver5 .about::before{
  background-image: url(http://78.media.tumblr.com/46a3b27281b17ba61fd3f06f8f681fcc/tumblr_p2u1blhcEp1qzlgfco1_400.gif);
}
.is_safari.is_ver5 .news::before{
  background-image: url(http://78.media.tumblr.com/7511cc1e18628b99005a3b5cb263d6ba/tumblr_p2u1blhcEp1qzlgfco2_400.gif);
}
.is_safari.is_ver5 .member::before{
  background-image: url(http://78.media.tumblr.com/cf0a58262cd365aaec97daa42ec6a7a2/tumblr_p2u1blhcEp1qzlgfco4_400.gif);
}
.is_safari.is_ver5 .biography::before{
  background-image: url(http://78.media.tumblr.com/69f78b8c92ec2d4811751dccb58196f9/tumblr_p2u1blhcEp1qzlgfco3_400.gif);
}

.is_safari .about,
.is_safari .news,
.is_safari .member,
.is_safari .biography
{
  background: none;
}
.is_safari .about::before,
.is_safari .news::before,
.is_safari .member::before,
.is_safari .biography::before
{
  background-position: center;
  background-size: cover;
}










/**/