@charset "UTF-8";
@media only screen and (min-width:768px) {
  h1 img[data-v-153f8970] {
    opacity:0;
    -webkit-animation:opacityAnimation 2s 1s forwards;
    animation:opacityAnimation 2s 1s forwards;
    -webkit-animation-name:opacityAnimation;
    -webkit-animation-duration:2s;
    -webkit-animation-delay:1s;
    -webkit-animation-fill-mode:forwards
  }
  h2[data-v-153f8970] {
    opacity:0;
    -webkit-animation:opacityAnimation 1s 2s forwards;
    animation:opacityAnimation 1s 2s forwards;
    -webkit-animation-name:opacityAnimation;
    -webkit-animation-duration:1s;
    -webkit-animation-delay:2s;
    -webkit-animation-fill-mode:forwards
  }
  h1[data-v-153f8970] {
    margin-top:3vh
  }
  h1 img[data-v-153f8970] {
    width:100%
  }
  h2[data-v-153f8970] {
    text-shadow:0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;
    text-align:right;
    font-size:calc(-.67146rem + 2.1429vw);
    white-space:nowrap;
    margin:2vw 0;
    letter-spacing:.1rem;
    width:100%;
    padding-bottom:20%
  }
  h2 span[data-v-153f8970] {
    text-align:right;
    display:block;
    width:100%;
    line-height:2
  }

}

@media only screen and (min-width:1200px) {
  h2[data-v-153f8970] {
    padding-bottom:13%
  }

}

@media only screen and (min-width:1350px) {
  h2[data-v-153f8970] {
    font-size:1.6rem
  }

}

@media only screen and (min-width:1499px) {
  h2[data-v-153f8970] {
    font-size:1.4rem
  }
  .active[data-v-153f8970] {
    height:630px
  }

}

@media only screen and (min-width:1800px) {
  .active[data-v-153f8970] {
    height:700px
  }

}

@media only screen and (min-width:2000px) {
  h2[data-v-153f8970] {
    text-align:left
  }
  h2 span[data-v-153f8970] {
    text-align:left;
    margin:0
  }

}

@media only screen and (min-width:2200px) {
  .active[data-v-153f8970] {
    height:800px
  }

}

@media only screen and (min-width:2650px) {
  .active[data-v-153f8970] {
    height:1000px
  }

}

.active {
  height:550px
}

.active h1 {
  margin-top:0
}

@keyframes moveAnimation {
  0% {
    margin-bottom:6rem
  }
  to {
    opacity:1;
    margin-bottom:0
  }

}

@-webkit-keyframes moveAnimation {
  0% {
    margin-bottom:6rem
  }
  to {
    opacity:1;
    margin-bottom:0
  }

}

#novelty div div:first-of-type img {
  opacity:0;
  -webkit-animation:opacityAnimation .8s 2.3s forwards;
  animation:opacityAnimation .8s 2.3s forwards;
  -webkit-animation-name:opacityAnimation;
  -webkit-animation-duration:.8s;
  -webkit-animation-delay:2.3s;
  -webkit-animation-fill-mode:forwards
}

#novelty div div:first-of-type h3 {
  opacity:0;
  -webkit-animation:opacityAnimation .8s 3s forwards;
  animation:opacityAnimation .8s 3s forwards;
  -webkit-animation-name:opacityAnimation;
  -webkit-animation-duration:.8s;
  -webkit-animation-delay:3s;
  -webkit-animation-fill-mode:forwards
}

#novelty div div:first-of-type p {
  opacity:0;
  -webkit-animation:opacityAnimation .8s 3.5s forwards;
  animation:opacityAnimation .8s 3.5s forwards;
  -webkit-animation-name:opacityAnimation;
  -webkit-animation-duration:.8s;
  -webkit-animation-delay:3.5s;
  -webkit-animation-fill-mode:forwards
}

#novelty figure img {
  opacity:0;
  -webkit-animation:moveAnimation 2s 4.2s forwards;
  animation:moveAnimation 2s 4.2s forwards;
  -webkit-animation-name:moveAnimation;
  -webkit-animation-duration:2s;
  -webkit-animation-delay:4.2s;
  -webkit-animation-fill-mode:forwards
}

#novelty {
  width:100%;
  position:absolute;
  bottom:-160px
}

#novelty div {
  width:68%;
  position:relative
}

#novelty div div:first-of-type {
  width:100%;
  margin-left:-10%;
  float:left
}

#novelty div div:first-of-type h3 {
  font-size:calc(.72854rem + 2.1429vw);
  letter-spacing:.2rem;
  top:18vw;
  position:absolute;
  left:0;
  right:0;
  text-align:center;
  z-index:2
}

#novelty div div:first-of-type h3:after {
  content:"";
  display:block;
  background:url(../img/novelty-line.cd1d31c6.webp) no-repeat;
  margin:2vw auto;
  height:10px;
  width:55%;
  background-size:90%;
  background-position:50%
}

#novelty div div:first-of-type p {
  position:absolute;
  top:36vw;
  z-index:2;
  left:0;
  right:0;
  text-align:center;
  font-size:calc(.32854rem + 2.1429vw);
  line-height:1.7
}

#novelty div div:first-of-type img {
  width:100%
}

#novelty figure {
  width:50%;
  right:0;
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}

#novelty figure img {
  width:100%
}

@media only screen and (min-width:550px) {
  #novelty div div:first-of-type {
    width:80%;
    margin-left:-4%
  }
  #novelty div div:first-of-type h3 {
    top:15vw
  }
  #novelty div div:first-of-type p {
    top:30vw;
    font-size:2.5vw
  }
  #novelty figure {
    width:46%
  }

}

@media screen and (orientation:landscape) {
  #novelty div div:first-of-type h3 {
    font-size:3.5vw
  }

}

@media only screen and (min-width:768px) {
  header #novelty {
    width:35vw;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    left:2vw;
    position:absolute
  }
  header #novelty div {
    width:84%;
    margin:0 auto
  }
  header #novelty div div:first-of-type {
    width:100%;
    margin-left:0
  }
  header #novelty div div:first-of-type h3 {
    font-size:1.5vw;
    top:17%
  }
  header #novelty div div:first-of-type h3:after {
    margin:.5vw auto 0
  }
  header #novelty div div:first-of-type p {
    font-size:1.2vw;
    line-height:1.5;
    top:68%
  }
  header #novelty figure {
    width:40%;
    margin:0 auto;
    position:static
  }

}

@media only screen and (min-width:1100px) {
  header #novelty div div:first-of-type h3 {
    font-size:1.6rem
  }
  header #novelty div div:first-of-type p {
    line-height:1.5
  }

}

@media only screen and (min-width:1200px) {
  header #novelty {
    left:5vw
  }
  header #novelty div {
    width:80%
  }

}

@media only screen and (min-width:1350px) {
  header #novelty {
    width:33vw
  }
  header #novelty div {
    width:84%
  }
  header #novelty div div:first-of-type h3 {
    font-size:2rem
  }

}

@media only screen and (min-width:1499px) {
  header #novelty {
    width:26vw
  }
  header #novelty div {
    width:84%
  }
  header #novelty div div:first-of-type h3 {
    font-size:1.6rem
  }
  header #novelty div div:first-of-type p {
    font-size:1.2rem
  }

}

@media only screen and (min-width:1750px) {
  header #novelty div {
    width:77%
  }

}

.star01 {
  position:absolute;
  width:3rem;
  height:auto;
  top:25rem;
  left:10%;
  -webkit-animation:opacityAnimation 2s infinite alternate;
  animation:opacityAnimation 2s infinite alternate;
  -webkit-animation-name:opacityAnimation;
  -webkit-animation-duration:2s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:alternate
}

.star01 img {
  width:100%
}

.star02 {
  position:absolute;
  width:1.5rem;
  height:auto;
  top:27rem;
  left:15%;
  -webkit-animation:opacityAnimation 2.3s .3s infinite alternate;
  animation:opacityAnimation 2.3s .3s infinite alternate;
  -webkit-animation-name:opacityAnimation;
  -webkit-animation-duration:2.3s;
  -webkit-animation-delay:.3s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:alternate
}

.star02 img {
  width:100%
}

.star07 {
  position:absolute;
  width:2rem;
  height:auto;
  top:20.5rem;
  left:73%;
  -webkit-animation:opacityAnimation 2.3s .3s infinite alternate;
  animation:opacityAnimation 2.3s .3s infinite alternate;
  -webkit-animation-name:opacityAnimation;
  -webkit-animation-duration:2.3s;
  -webkit-animation-delay:.3s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:alternate
}

.star07 img {
  width:100%
}

.artistAni01 {
  -webkit-animation:opacityAnimation 2s 1s forwards;
  animation:opacityAnimation 2s 1s forwards;
  -webkit-animation-name:opacityAnimation;
  -webkit-animation-duration:2s;
  -webkit-animation-delay:1s;
  -webkit-animation-fill-mode:forwards
}

.artistAni03:before {
  -webkit-animation:opacityAnimation 1.5s .6s forwards;
  animation:opacityAnimation 1.5s .6s forwards;
  -webkit-animation-name:opacityAnimation;
  -webkit-animation-duration:1.5s;
  -webkit-animation-delay:.6s;
  -webkit-animation-fill-mode:forwards
}

@media only screen and (max-width:767px) {
  .artistAni02 {
    -webkit-animation:artistSlideAnimation 2s 1.6s forwards;
    animation:artistSlideAnimation 2s 1.6s forwards;
    -webkit-animation-name:artistSlideAnimation;
    -webkit-animation-duration:2s;
    -webkit-animation-delay:1.6s;
    -webkit-animation-fill-mode:forwards
  }
  @keyframes artistSlideAnimation {
    0% {
      padding-left:42%
    }
    to {
      opacity:1;
      padding-left:33%
    }

  }
  @-webkit-keyframes artistSlideAnimation {
    0% {
      padding-left:42%
    }
    to {
      opacity:1;
      padding-left:33%
    }

  }

}

@media only screen and (min-width:768px) {
  #artist>div h1 {
    opacity:1!important
  }
  .artistAni04 {
    opacity:0;
    -webkit-animation:artistSlideAnimation 1.5s 1.5s forwards;
    animation:artistSlideAnimation 1.5s 1.5s forwards;
    -webkit-animation-name:artistSlideAnimation;
    -webkit-animation-duration:1.5s;
    -webkit-animation-delay:1.5s;
    -webkit-animation-fill-mode:forwards
  }
  @keyframes artistSlideAnimation {
    0% {
      opacity:0;
      right:-5%
    }
    to {
      opacity:1;
      right:0
    }

  }
  @-webkit-keyframes artistSlideAnimation {
    0% {
      opacity:0;
      right:-5%
    }
    to {
      opacity:1;
      right:0
    }

  }

}

#artist {
  padding-top:20rem;
  background:url(../img/bg-type02.db752945.webp) no-repeat;
  background-size:100%;
  background-position:0 13rem;
  position:relative
}

#artist figure {
  width:40%;
  margin:0 auto;
  position:relative
}

#artist figure:before {
  opacity:0;
  width:100%;
  height:118%;
  content:"Artist";
  text-align:center;
  font-family:Italianno,cursive;
  -webkit-writing-mode:vertical-lr;
  writing-mode:vertical-lr;
  -ms-writing-mode:lr-tb;
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  left:-15.5vw;
  background:url(../img/flower-type01.138d456e.webp),url(../img/flower-type01-02.83f85f37.webp);
  background-repeat:no-repeat;
  background-size:29%;
  background-position:2.5rem top,2.5rem bottom;
  font-size:calc(2.42854rem + 2.1429vw);
  z-index:999;
  letter-spacing:.8vw;
  color:#b39f47
}

#artist figure img {
  opacity:0;
  width:100%;
  border:1px solid #fff;
  -webkit-box-shadow:0 0 10px #b39f47;
  box-shadow:0 0 10px #b39f47
}

#artist>div {
  width:100%;
  padding:0 6vw
}

#artist>div h1 {
  opacity:0;
  font-size:4.8vw;
  margin:1rem 0 0
}

#artist>div h1:after {
  content:"Kirk Reinert";
  font-family:Italianno,cursive;
  color:#b39f47;
  -webkit-filter:blur(2px);
  filter:blur(2px);
  font-size:10vw;
  opacity:.3;
  display:block;
  margin-top:-2rem;
  padding-left:12.5vw;
  white-space:nowrap;
  overflow:hidden
}

#artist>div>p {
  margin:2vw 0;
  line-height:1.8
}

@media only screen and (min-width:500px) {
  #artist figure:before {
    font-size:9vw
  }

}

@media only screen and (min-width:600px) {
  #artist figure:before {
    background-size:23%;
    font-size:8vw;
    left:-12.5vw
  }
  #artist>div h1:after {
    font-size:8vw
  }

}

@media only screen and (min-width:768px) {
  .star01 {
    width:5rem;
    top:15%;
    left:30%
  }
  .star02 {
    width:2.5rem;
    top:19%;
    left:34%
  }
  #artist {
    width:100%;
    padding:8rem 0 10rem;
    overflow:hidden;
    position:relative;
    background-position:0 0;
    background:url(../img/bg-type02-pc.cfc97606.webp) no-repeat;
    background-size:cover;
    background-position:top
  }
  #artist figure {
    width:27%;
    float:left;
    padding:4% 1rem;
    margin-bottom:3%;
    z-index:10
  }
  #artist figure:before {
    height:auto;
    background:url(../img/flower-type01-pc.951f5f31.webp),url(../img/flower-type01-pc02.a1dd6d63.webp);
    background-repeat:no-repeat;
    background-size:20%;
    -webkit-writing-mode:inherit;
    -ms-writing-mode:inherit;
    writing-mode:inherit;
    padding-top:0;
    top:1rem;
    background-size:17%;
    background-position:left 100%,right 100%;
    font-size:3rem;
    letter-spacing:.2rem;
    left:0;
    right:0;
    text-align:center
  }
  #artist>div {
    opacity:0;
    width:77%;
    position:absolute;
    margin:0 2% 0 1%;
    background-color:hsla(0,0%,100%,.7);
    right:0;
    top:12rem;
    padding:.5rem .5rem .5rem 4rem;
    border:1px solid #eee
  }
  #artist>div h1 {
    font-size:1.55rem;
    padding-left:0
  }
  #artist>div h1:after {
    font-size:3rem;
    padding-left:13rem;
    margin:-2.5rem auto 1rem
  }
  #artist>div h2 {
    font-size:1.2rem;
    margin-top:-2rem
  }
  #artist>div>p {
    font-size:1.1rem;
    margin:.5rem 0 0
  }

}

@media only screen and (min-width:800px) {
  #artist>div {
    padding:1rem 1rem 1rem 4rem
  }

}

@media only screen and (min-width:870px) {
  #artist>div {
    padding:1rem 1rem 1rem 5rem
  }

}

@media only screen and (min-width:880px) {
  #artist figure {
    padding:4% 3%
  }
  #artist>div {
    top:14rem;
    padding:2rem 2rem 2rem 6rem
  }
  #artist figure {
    margin-bottom:5%
  }

}

@media only screen and (min-width:1000px) {
  #artist figure {
    padding:4% 3%;
    margin-bottom:0
  }
  #artist figure:before {
    top:2rem
  }
  #artist>div {
    top:14rem;
    padding:2rem 2rem 2rem 6rem
  }
  #artist>div h1 {
    font-size:2rem
  }
  #artist>div h1:after {
    font-size:3.5rem;
    padding-left:20rem;
    margin:-2rem auto 1rem
  }
  #artist>div h2 {
    font-size:1.3rem
  }
  #artist>div>p {
    margin:1.5rem 0 0
  }

}

@media only screen and (min-width:1100px) {
  #artist {
    padding:8rem 5% 15rem;
    background:url(../img/bg-type02-pc02.045fb477.webp) no-repeat;
    background-size:cover;
    background-position:top
  }
  #artist>div {
    margin:0 5% 0 1%;
    padding:2rem 2rem 2rem 8rem
  }
  #artist figure {
    width:24%;
    padding:4% 3%
  }

}

@media only screen and (min-width:1200px) {
  #artist {
    padding:8rem 9% 15rem
  }
  #artist>div {
    width:73%;
    margin:0 9% 0 1%;
    padding:2rem 2rem 2rem 12rem
  }

}

@media only screen and (min-width:1400px) {
  #artist {
    background:url(../img/bg-type02-pc03.9c1bcb58.webp) no-repeat;
    background-size:cover;
    background-position:50%;
    padding:8rem 13% 15rem
  }
  #artist>div {
    width:69%;
    margin:0 13% 0 1%;
    padding:2rem 2rem 2rem 16rem
  }

}

@media only screen and (min-width:1600px) {
  #artist {
    padding:8rem 17% 15rem
  }
  #artist>div {
    width:61%;
    margin:0 17% 0 1%;
    padding:2rem 2rem 2rem 10%
  }

}

@media only screen and (min-width:2000px) {
  #artist>div {
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
  }

}

@media only screen and (min-width:1024px)and (max-height:420px) {
  #artist {
    margin-top:20%
  }

}

@media only screen and (min-width:1024px)and (min-height:421px) {
  #artist {
    margin-top:15%
  }

}

@media only screen and (min-width:1024px)and (min-height:551px) {
  #artist {
    margin-top:12%
  }

}

@media only screen and (min-width:1024px)and (min-height:651px) {
  #artist {
    margin-top:8%
  }

}

@media only screen and (min-width:1024px)and (min-height:801px) {
  #artist {
    margin-top:5%
  }

}

@media only screen and (min-width:1024px)and (min-height:1001px) {
  #artist {
    margin-top:0
  }

}

@media only screen and (min-width:768px) {
  .galleryAni04[data-v-7ff49a6a] {
    opacity:0;
    -webkit-animation:artistSlideAnimation 1.5s .5s forwards;
    animation:artistSlideAnimation 1.5s .5s forwards;
    -webkit-animation-name:artistSlideAnimation;
    -webkit-animation-duration:1.5s;
    -webkit-animation-delay:.5s;
    -webkit-animation-fill-mode:forwards
  }

}

@-webkit-keyframes slideAnimation {
  0% {
    margin-left:7%
  }
  to {
    opacity:1;
    margin-left:0
  }

}

@keyframes slideAnimation {
  0% {
    margin-left:7%
  }
  to {
    opacity:1;
    margin-left:0
  }

}

.galleryAni01 {
  -webkit-animation:opacityAnimation 2s .8s forwards;
  animation:opacityAnimation 2s .8s forwards;
  -webkit-animation-name:opacityAnimation;
  -webkit-animation-duration:2s;
  -webkit-animation-delay:.8s;
  -webkit-animation-fill-mode:forwards
}

.galleryAni02 {
  -webkit-animation:opacityAnimation 2s 1.5s forwards;
  animation:opacityAnimation 2s 1.5s forwards;
  -webkit-animation-name:opacityAnimation;
  -webkit-animation-duration:2s;
  -webkit-animation-delay:1.5s;
  -webkit-animation-fill-mode:forwards
}

.galleryAni03 {
  -webkit-animation:slideAnimation 2s 1s forwards;
  animation:slideAnimation 2s 1s forwards;
  -webkit-animation-name:slideAnimation;
  -webkit-animation-duration:2s;
  -webkit-animation-delay:1s;
  -webkit-animation-fill-mode:forwards
}

.innerGallery div h3 {
  display:none
}

#gallery {
  position:relative;
  background:url(../img/bg-type03.25a54534.webp) no-repeat;
  background-size:100%;
  background-position:50%
}

#gallery:before {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  top:3vh;
  background:url(../img/gallery-frame01.4f2829ac.webp),url(../img/gallery-frame02.97c5f9a8.webp),url(../img/gallery-frame03.42943781.webp),url(../img/gallery-frame04.4935f4cb.webp);
  background-size:20%,20%,20%,20%;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
  background-position:0 0,100% 0,0 100%,100% 100%
}

#gallery h1 {
  opacity:0;
  font-family:Italianno,cursive;
  color:#b39f47;
  font-size:calc(2.02854rem + 2.1429vw);
  letter-spacing:.5vw;
  text-align:center
}

#gallery h1 span:before {
  content:"";
  font-family:Italianno,cursive;
  -webkit-writing-mode:vertical-lr;
  -ms-writing-mode:tb-lr;
  writing-mode:vertical-lr;
  background:url(../img/flower-type02.d108bc04.webp);
  background-repeat:no-repeat;
  width:48px;
  height:18px;
  background-size:cover;
  display:inline-block;
  vertical-align:sub;
  margin:0 .5rem
}

#gallery h1 span:nth-of-type(2):before {
  -webkit-transform:scaleX(-1);
  transform:scaleX(-1)
}

#gallery h2 {
  opacity:0;
  text-align:center;
  font-size:calc(.12854rem + 2.1429vw);
  margin-top:1vh
}

#gallery h2>span {
  display:block
}

.innerGallery {
  width:88vw;
  margin:3vh 6vw
}

.innerGallery figure img {
  width:100%;
  -webkit-box-shadow:0 0 10px #b39f47;
  box-shadow:0 0 10px #b39f47;
  border:3px solid #fff
}

.innerGallery figure figcaption {
  opacity:0;
  margin-left:7%;
  font-family:Italianno,cursive;
  font-size:calc(2.02854rem + 2.1429vw);
  color:#b39f47;
  padding:.5vh 0
}

.innerGallery figure figcaption:after {
  content:"Baby Animals Series";
  font-family:Italianno,cursive;
  color:#b39f47;
  -webkit-filter:blur(2px);
  filter:blur(2px);
  font-size:7vw;
  opacity:.3;
  display:block;
  margin-top:-3rem;
  white-space:nowrap;
  overflow:hidden;
  text-align:right
}

.innerGallery ul li {
  width:49%;
  float:left;
  height:auto;
  padding:0 0 2vh
}

.innerGallery ul li img {
  width:100%;
  -webkit-box-shadow:0 0 5px #b39f47;
  box-shadow:0 0 5px #b39f47;
  border:1px solid #fff
}

.innerGallery ul li:nth-of-type(2) {
  float:right
}

.innerGallery div:nth-of-type(2) {
  clear:both
}

.innerGallery div:nth-of-type(2)>p {
  opacity:0;
  line-height:1.8;
  clear:both;
  font-size:calc(.34854rem + 2.1429vw)
}

.innerGallery:nth-of-type(2) {
  margin-top:6vh;
  padding-bottom:6.5vw
}

.innerGallery:nth-of-type(2) figcaption:after {
  content:"Fairies Series"
}

@media only screen and (min-width:768px) {
  figcaption {
    display:none
  }
  .innerGallery div h3 {
    display:block
  }
  #gallery {
    width:100%;
    clear:both;
    margin:-5% auto 0;
    background:url(../img/bg-type03-pc.3a356e83.webp) no-repeat;
    background-size:100% 100%;
    background-position:50%;
    /* mask-image: linear-gradient(180deg, transparent 0%, rgb(0, 0, 0) 1%, rgb(0, 0, 0) 97%, transparent 100%);
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgb(0, 0, 0) 1%, rgb(0, 0, 0) 97%, transparent 100%);
    -webkit-mask-size:cover; */
  }
  #gallery:before {
    background:none
  }
  #gallery h1 {
    letter-spacing:.2vw
  }
  #gallery h2 {
    font-size:1.1rem
  }
  .innerGallery {
    width:100%;
    margin:2rem 0;
    overflow:hidden
  }
  .innerGallery figure {
    width:46.5%;
    float:left;
    margin-left:2%;
    position:relative;
    z-index:5
  }
  .innerGallery ul {
    width:48%;
    float:right;
    margin-right:2%;
    position:relative;
    z-index:5
  }
  .innerGallery ul li img {
    border:3px solid #fff
  }
  .innerGallery div:nth-of-type(2) {
    opacity:0;
    overflow:hidden;
    width:90%;
    float:right;
    padding:4% 0 4% 4%;
    margin-top:-5%;
    position:relative;
    z-index:2
  }
  .innerGallery div:nth-of-type(2):before {
    content:"";
    background-color:hsla(0,0%,100%,.7);
    -webkit-clip-path:polygon(23% 0,100% 0,100% 100%,0 100%);
    clip-path:polygon(23% 0,100% 0,100% 100%,0 100%);
    border:1px solid #eee;
    width:100%;
    height:100%;
    top:-5%;
    position:absolute;
    z-index:1
  }
  .innerGallery div:nth-of-type(2) h3 {
    font-family:Italianno,cursive;
    font-size:3rem;
    color:#b39f47;
    padding:.5rem 0;
    position:relative;
    z-index:10
  }
  .innerGallery div:nth-of-type(2) h3:after {
    content:"Baby Animals Series";
    font-family:Italianno,cursive;
    color:#b39f47;
    -webkit-filter:blur(2px);
    filter:blur(2px);
    font-size:3.5rem;
    opacity:.3;
    display:block;
    margin-top:-5rem;
    white-space:nowrap;
    overflow:hidden;
    margin-left:16%;
    position:relative;
    z-index:9
  }
  .innerGallery div:nth-of-type(2)>p {
    position:relative;
    z-index:10;
    font-size:1.1rem;
    width:auto;
    float:right;
    margin-right:4%
  }
  .innerGallery:nth-of-type(2) div h3:after {
    content:"Fairies Series"
  }
  .innerGallery:nth-of-type(2) ul {
    float:left;
    margin-left:2%;
    margin-right:0
  }
  .innerGallery:nth-of-type(2) div figure {
    float:right;
    margin-right:2%;
    margin-left:0
  }

}

@media only screen and (min-width:500px) {
  #gallery h1,.innerGallery figure figcaption {
    font-size:9vw
  }

}

@media only screen and (min-width:600px) {
  #gallery h1,.innerGallery figure figcaption {
    font-size:8vw
  }
  #gallery h1 span:before {
    width:60px;
    height:23px
  }

}

@media only screen and (min-width:768px) {
  #gallery h1 span:before {
    width:80px;
    height:30px
  }
  #gallery h1,.innerGallery figure figcaption {
    font-size:3rem
  }
  #gallery h1 span:before {
    width:48px;
    height:18px
  }

}

@media only screen and (min-width:1800px) {
  .innerGallery div:first-of-type {
    width:90%;
    margin:0 auto
  }
  .innerGallery div:nth-of-type(2)>p {
    margin-right:10%
  }

}

.star03 {
  position:absolute;
  width:3rem;
  height:auto;
  top:11vh;
  left:35%;
  -webkit-animation:opacityAnimation 2.6s infinite alternate;
  animation:opacityAnimation 2.6s infinite alternate;
  -webkit-animation-name:opacityAnimation;
  -webkit-animation-duration:2.6s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:alternate
}

.star03 img {
  width:100%
}

.star04 {
  position:absolute;
  width:1.5rem;
  height:auto;
  top:14vh;
  left:35%;
  -webkit-animation:opacityAnimation 2.6s .6s infinite alternate;
  animation:opacityAnimation 2.6s .6s infinite alternate;
  -webkit-animation-name:opacityAnimation;
  -webkit-animation-duration:2.6s;
  -webkit-animation-delay:.6s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:alternate
}

.star04 img {
  width:100%
}

#noveltyInfo {
  position:relative;
  padding:10vh 0 6vh;
  background:url(../img/bg-type04.0c211ec8.webp) no-repeat;
  background-size:100% 100%;
  background-position:50%;
  overflow:hidden;
  mask-image: linear-gradient(180deg, transparent 0%, rgb(0, 0, 0) 6%, rgb(0, 0, 0) 94%, transparent 100%);
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgb(0, 0, 0) 6%, rgb(0, 0, 0) 94%, transparent 100%);
  -webkit-mask-size:contain;
}

#noveltyInfo div h1 {
  opacity:0;
  width:40%;
  position:relative;
  font-family:Italianno,cursive;
  color:#b39f47;
  font-size:calc(2.02854rem + 2.1429vw);
  letter-spacing:.4vw;
  padding-left:4vw;
  text-align:left;
  line-height:.9;
  float:left
}

#noveltyInfo div h1>span {
  display:block
}

#noveltyInfo div h1:after,
#noveltyInfo div h1:before {
  content:"";
  width:44px;
  height:18px;
  position:absolute;
  background:url(../img/inline-icon-3.webp);
  background-repeat:no-repeat;
  background-size:cover
}

#noveltyInfo div h1:before {
  margin:-3rem 1rem
}

#noveltyInfo div h1:after {
  right:0;
  -webkit-transform:scale(-1);
  transform:scale(-1);
  bottom:-2rem
}

#noveltyInfo div>figure {
  opacity:0;
  width:50%;
  float:right;
  margin-top:-6vh;
  padding-right:4vw
}

#noveltyInfo div>figure img {
  width:100%
}

#noveltyInfo div>p {
  width:92vw;
  margin:3vh 4vw;
  float:left;
  line-height:1.8;
  font-size:3.2vw;
  font-size:calc(.34854rem + 2.1429vw)
}

@media only screen and (min-width:768px) {
  .star03 {
    width:4rem;
    height:auto;
    top:22vh;
    left:65%
  }
  .star04 {
    width:2rem;
    height:auto;
    top:25vh;
    left:64%
  }
  #noveltyInfo {
    position:relative;
    padding:10rem 0;
    margin-top:-8rem;
    background:url(../img/bg-type04-pc.9db282fb.webp) no-repeat;
    background-size:cover;
    background-position:50%;
  mask-image: linear-gradient(180deg, transparent 0%, rgb(0, 0, 0) 6%, rgb(0, 0, 0) 94%, transparent 100%);
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgb(0, 0, 0) 6%, rgb(0, 0, 0) 94%, transparent 100%);
    -webkit-mask-size:contain;
  }
  #noveltyInfo div {
    width:90%;
    margin:0 auto;
    position:relative;
    overflow:hidden
  }
  #noveltyInfo div h1 {
    opacity:0;
    margin:4rem;
    letter-spacing:.2vw;
    margin:4rem 0;
    padding-left:0;
    width:65%;
    text-align:center
  }
  #noveltyInfo div h1>span {
    display:inline
  }
  #noveltyInfo div h1:before {
    margin:-3rem -3rem;
    vertical-align:top
  }
  #noveltyInfo div h1:after {
    margin:-1rem -3rem
  }
  #noveltyInfo div h1:after,#noveltyInfo div h1:before {
    position:inherit;
    display:inline-block
  }
  #noveltyInfo div>figure {
    width:30%;
    margin-top:0;
    padding-right:0;
    position:absolute;
    bottom:0;
    right:0
  }
  #noveltyInfo div:before {
    content:"";
    position:absolute;
    width:65%;
    height:100%;
    background-color:hsla(0,0%,100%,.7);
    border:1px solid #eee;
    left:0
  }
  #noveltyInfo div>p {
    font-size:1.1rem;
    width:61%;
    margin:2%;
    position:relative;
    z-index:10
  }

}

@media only screen and (min-width:500px) {
  #noveltyInfo div h1 {
    font-size:9vw
  }

}

@media only screen and (min-width:600px) {
  #noveltyInfo div h1 {
    font-size:8vw
  }

}

@media only screen and (min-width:768px) {
  #noveltyInfo div h1 {
    font-size:3rem
  }

}

@media only screen and (min-width:1024px) {
  #noveltyInfo div {
    width:70%
  }

}

@media only screen and (min-width:1500px) {
  #noveltyInfo div {
    width:1000px
  }

}

.end {
  padding:4rem 0
}

.minbg {
  background:none!important;
  background-size:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  -webkit-mask-size:none!important
}

#schedule {
  margin:-3vh auto 0;
  text-align:center;
  position:relative;
  z-index:13;
  background:url(../img/bg-type05.c6fc1c15.webp) no-repeat;
  background-position:50%;
  background-size:cover;
  mask-image: linear-gradient(180deg, transparent 0%, rgb(0, 0, 0) 6%, rgb(0, 0, 0) 94%, transparent 100%);
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgb(0, 0, 0) 6%, rgb(0, 0, 0) 94%, transparent 100%);
  -webkit-mask-size:cover;
}

#schedule h1 {
  font-family:Italianno,cursive;
  color:#b39f47;
  font-size:calc(2.02854rem + 2.1429vw);
  text-align:center;
  padding-top:2rem;
  opacity:0
}

#schedule h1 span:before {
  content:"";
  background:url(../img/flower-type04.658b8614.webp);
  background-repeat:no-repeat;
  background-size:cover;
  display:inline-block;
  width:34px;
  height:41px;
  vertical-align:sub;
  margin:0 .5rem
}

#schedule h1 span:nth-of-type(2):before {
  -webkit-transform:scaleX(-1);
  transform:scaleX(-1)
}

.dateScheduleWrapper {
  margin:2vh auto 0
}

.dateSchedule {
  text-align:initial;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  display:-webkit-flex;
  -webkit-box-orient:inherit;
  -webkit-box-direction:inherit;
  -ms-flex-direction:inherit;
  flex-direction:inherit;
  overflow-x:hidden;
  margin-bottom:-7vh
}

.dateSchedule li {
  width:100%;
  position:relative;
  margin:0 auto;
  border-top:1px solid #b39f47;
  background:url(../img/event-frame01.2f7282e2.webp),url(../img/event-frame02.ca13f2d5.webp),url(../img/event-frame03.b70ec687.webp),url(../img/event-frame04.b130a90d.webp);
  background-size:11%;
  background-repeat:no-repeat;
  background-position:0 0,100% 0,0 100%,100% 100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  line-height:1.8;
  padding:32px 2vw;
  background-color:#fff
}

.dateSchedule li:last-of-type {
  border-bottom:1px solid #b39f47
}

.dateSchedule li div:first-of-type {
  width:50%;
  float:left;
  padding-left:16px
}

.dateSchedule li div:first-of-type h3 {
  font-size:1.45rem
}

.dateSchedule li div:first-of-type h3:after {
  content:"会場";
  font-size:1.1rem;
  padding-left:3px
}

.dateSchedule li div:first-of-type p {
  -webkit-font-feature-settings:"palt" 1;
  font-feature-settings:"palt" 1
}

.dateSchedule li div:first-of-type p:first-of-type {
  font-size:1.1rem;
  margin-bottom:4px;
  letter-spacing:0
}

.dateSchedule li div:first-of-type p:first-of-type time {
  font-size:1.6rem;
  padding-right:4px;
  letter-spacing:.3px
}

.dateSchedule li div:first-of-type p:nth-of-type(2) {
  line-height:1.6;
  font-size:1.2rem
}

.dateSchedule li div:nth-of-type(2) {
  width:45%;
  float:right;
  padding-right:16px;
  position:absolute;
  right:0;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  z-index:20
}

.dateSchedule li div:nth-of-type(2) a:nth-last-of-type(2) {
  position:relative;
  z-index:9999;
  moz-border-radius:5px;
  webkit-border-radius:5px;
  border-radius:5px;
  padding:.6rem 0;
  border:1px solid #cbc560;
  text-shadow:0 1px 0 #fff;
  background:-webkit-gradient(linear,left top,left bottom,from(#fdf1cb),to(#e9d597));
  background:linear-gradient(180deg,#fdf1cb 0,#e9d597);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdf1cb",endColorstr="#e9d597",GradientType=0);
  display:block;
  margin-bottom:1.2rem
}

.dateSchedule li div:nth-of-type(2) a:nth-last-of-type(2):hover {
  outline:0;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in;
  opacity:.5
}

.dateSchedule li div:nth-of-type(2) a:nth-last-of-type(2) p {
  font-size:1.3rem;
  color:#7e720e;
  -webkit-transform:rotate(.1deg);
  transform:rotate(.1deg)
}

.dateSchedule li div:nth-of-type(2) a:nth-last-of-type(2) p:before {
  content:"";
  position:absolute;
  background:url(../img/inline-icon-2.webp);
  background-repeat:no-repeat;
  height:30px;
  width:30px;
  background-size:100%;
  left:-.6rem;
  top:-1rem
}

.dateSchedule li div:nth-of-type(2) a:nth-last-of-type(2) p:after {
  content:"";
  position:absolute;
  background:url(../img/inline-icon-1.webp);
  background-repeat:no-repeat;
  height:30px;
  width:30px;
  background-size:100%;
  right:-1rem;
  bottom:-1rem
}

.dateSchedule li div:nth-of-type(2) a {
  display:block;
  text-align:center
}

.dateSchedule li div:nth-of-type(2) a:last-of-type p {
  position:relative;
  z-index:90;
  font-size:1rem;
  text-decoration:underline
}

.dateSchedule li a:last-of-type p {
  text-decoration:underline;
  font-size:calc(.34854rem + 2.1429vw)
}

@media only screen and (min-width:500px) {
  .dateSchedule li div:first-of-type {
    padding-left:40px
  }
  .dateSchedule li div:nth-of-type(2) {
    padding-right:40px
  }

}

@media only screen and (min-width:600px) {
  .dateSchedule li div:nth-of-type(2) {
    width:38%
  }
  .dateSchedule li {
    background-size:50px
  }

}

@media only screen and (min-width:768px) {
  #schedule {
    margin:-1rem auto -20rem;
    background-image:none;
    position:relative;
    z-index:20;
    padding-top:2rem
  }
  #schedule h1 {
    font-size:3rem
  }
  .dateSchedule {
    width:64%;
    margin:0 auto;
    margin-bottom:24px
  }

}

@media only screen and (min-width:800px) {
  .dateSchedule {
    width:83%
  }

}

@media only screen and (min-width:1024px) {
  .dateSchedule {
    width:60%
  }

}

@media only screen and (min-width:1200px) {
  .dateSchedule {
    width:70%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    display:-webkit-flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:initial!important;
    -webkit-box-direction:initial!important;
    -ms-flex-direction:initial!important;
    flex-direction:row!important;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  .dateSchedule li {
    width:50%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border-top:none;
    border-bottom:1px solid #b39f47;
    margin:0
  }
  .dateSchedule li:first-of-type,.dateSchedule li:nth-of-type(2) {
    border-top:1px solid #b39f47
  }
  .dateSchedule li:nth-of-type(odd) div:nth-of-type(2) {
    margin-right:16px
  }
  .dateSchedule li:nth-of-type(2n) div:first-of-type {
    margin-left:16px
  }
  .dateSchedule li:nth-of-type(odd) {
    border-right:1px solid #b39f47
  }
  .dateSchedule li div:nth-of-type(2) {
    padding-right:0;
    right:24px
  }
  .dateSchedule li div:first-of-type {
    padding-left:0
  }

}

@media only screen and (min-width:1700px) {
  .dateSchedule {
    width:1000px
  }

}

@media only screen and (min-width:1700px)and (min-width:2000px) {
  #noveltyInfo div>figure,#noveltyInfo div>figure img {
    width:auto;
    height:100%
  }

}

.star05 {
  position:absolute;
  width:3rem;
  height:auto;
  top:7vh;
  left:0;
  -webkit-animation:opacityAnimation 2.5s infinite alternate;
  animation:opacityAnimation 2.5s infinite alternate;
  -webkit-animation-name:opacityAnimation;
  -webkit-animation-duration:2.5s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:alternate
}

.star05 img {
  width:100%
}

.star06 {
  position:absolute;
  width:2rem;
  height:auto;
  top:9vh;
  left:6%;
  -webkit-animation:opacityAnimation 2.8s infinite alternate;
  animation:opacityAnimation 2.8s infinite alternate;
  -webkit-animation-name:opacityAnimation;
  -webkit-animation-duration:2.8s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:alternate
}

.star06 img,
footer {
  width:100%
}

footer {
  padding:10vh 0 1vh;
  position:relative;
  text-align:center;
  background:url(../img/bg-type06.994632f4.webp) no-repeat;
  background-position:bottom;
  background-size:cover;
  mask-image: linear-gradient(180deg, transparent 0%, rgb(0, 0, 0) 6%, rgb(0, 0, 0) 100%, transparent 100%);
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgb(0, 0, 0) 6%, rgb(0, 0, 0) 100%, transparent 100%);
  -webkit-mask-size:cover;
  font-size:2vw;
  z-index:10
}

footer div p {
  -webkit-transform:rotate(.1deg);
  transform:rotate(.1deg);
  font-size:calc(-.07146rem + 2.1429vw)
}

@media only screen and (min-width:768px) {
  .star05 {
    width:3rem;
    height:auto;
    left:40%;
    top:65%
  }
  .star06 {
    width:2rem;
    height:auto;
    left:45%;
    top:70%
  }
  footer {
    padding:20rem 0 .1rem;
    background:url(../img/bg-type06-pc.4c9e1ce7.webp) no-repeat;
    background-position:bottom;
    background-size:cover
  }
  footer div p {
    font-size:.8rem
  }

}

footer+div {
  display:none
}

@keyframes opacityAnimation {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }

}

@-webkit-keyframes opacityAnimation {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }

}

header #mainWrapper h1 img {
  opacity:0;
  -webkit-animation:opacityAnimation 2s 1s forwards;
  animation:opacityAnimation 2s 1s forwards;
  -webkit-animation-name:opacityAnimation;
  -webkit-animation-duration:2s;
  -webkit-animation-delay:1s;
  -webkit-animation-fill-mode:forwards
}

header #mainWrapper h2 {
  opacity:0;
  -webkit-animation:opacityAnimation 1s 1.8s forwards;
  animation:opacityAnimation 1s 1.8s forwards;
  -webkit-animation-name:opacityAnimation;
  -webkit-animation-duration:1s;
  -webkit-animation-delay:1.8s;
  -webkit-animation-fill-mode:forwards
}

.hiddenOver {
  display:block;
  -webkit-animation:opacityAnimation 2s forwards;
  animation:opacityAnimation 2s forwards;
  -webkit-animation-name:opacityAnimation;
  -webkit-animation-duration:2s;
  -webkit-animation-fill-mode:forwards
}

#loading {
  background:#fff;
  height:100vh;
  width:100%;
  position:relative;
  overflow:hidden
}

#loading img {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}

.hidden {
  display:none
}

#wrapper {
  background:url(../img/bg-type01.b505d0c7.webp) no-repeat;
  background-size:100%;
  background-position:0 80px
}

header {
  position:relative;
  width:100%
}

header #mainWrapper {
  margin:0 auto;
  overflow:hidden
}

header #mainWrapper>img {
  width:104%;
  margin:-2% -2% 0
}

header #mainWrapper h1 {
  position:absolute;
  width:86%;
  top:6%;
  left:7%
}

header #mainWrapper h1 img {
  width:100%
}

header #mainWrapper h2 {
  text-shadow:0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;
  position:absolute;
  top:18%;
  margin:0 auto;
  left:0;
  right:0;
  text-align:center;
  font-size:3.75vw;
  letter-spacing:.1rem;
  width:92%
}

header #mainWrapper h2 span {
  text-align:right;
  display:block;
  width:92%;
  line-height:2;
  margin:0 auto
}

@media only screen and (min-width:768px) {
  #wrapper {
    background:url(../img/bg-type01-pc.48336192.webp) no-repeat;
    background-size:100%;
    background-position:top
  }
  header #mainWrapper>img {
    width:60%;
    height:auto;
    -o-object-fit:cover;
    object-fit:cover;
    margin:0;
    float:right
  }

}

@media only screen and (min-width:1024px) {
  header {
    height:100vh
  }
  header #mainWrapper>img {
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    right:0
  }

}

@media only screen and (min-width:1200px) {
  header #mainWrapper>img {
    width:55%
  }

}

@media only screen and (min-width:1350px) {
  header {
    width:90%;
    margin:0 auto
  }

}

@media only screen and (min-width:1499px) {
  header {
    width:80%
  }

}

h1 {
  font-size:calc(1.02854rem + 2.1429vw)
}

h2 {
  font-size:calc(.62854rem + 2.1429vw)
}

p {
  font-size:calc(.34854rem + 2.1429vw)
}

html {
  font-size:.714285714rem;
  line-height:1.5;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  -webkit-font-smoothing:antialiased
}

body {
  margin:0;
  color:#6e6307;
  font-size:1.1rem;
  letter-spacing:.1rem;
  font-family:Times New Roman,游明朝,yu-mincho-pr6,ヒラギノ明朝 ProN W3,Hiragino Mincho ProN,HG明朝E,Verdana,Roboto,メイリオ,Meiryo,serif
}

nav ul,
ul {
  list-style:none
}

h1,
h2,
h3,
h4,
h5,
h6 {
  background:transparent;
  font-weight:400;
  font-style:normal;
  font-weight:500
}

dl,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  margin:0;
  padding:0
}

input[type=button],
input[type=email],
input[type=number],
input[type=search],
input[type=submit],
input[type=text] {
  -webkit-appearance:none!important;
  border-radius:0
}

address {
  font-style:normal
}

a {
  text-decoration:none;
  background:transparent
}

a:focus {
  outline:thin dotted
}

a:active,
a:hover {
  outline:0;
  -webkit-transition:all .3s ease-in;
  transition:all .3s ease-in
}

a:active,
a:hover,
a:link,
a:visited {
  color:#6e6307
}

input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-box-shadow:0 0 0 1000px #fff inset!important
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance:none;
  margin:0
}

input[type=number] {
  -moz-appearance:textfield
}

:root {
  -ms-overflow-style:-ms-autohiding-scrollbar;
  overflow-y:scroll;
  -webkit-text-size-adjust:100%;
  -moz-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
  text-size-adjust:100%
}

audio:not([controls]) {
  display:none
}

details {
  display:block
}

input[type=number] {
  width:auto
}

input[type=search] {
  -webkit-appearance:textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance:none
}

main,
summary {
  display:block
}

pre {
  overflow:auto
}

progress {
  display:inline-block
}

small {
  font-size:75%
}

template {
  display:none
}

textarea {
  overflow:auto
}

[hidden] {
  display:none
}

[unselectable] {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}

*,
:after,
:before {
  -webkit-box-sizing:inherit;
  box-sizing:inherit
}

* {
  font-size:inherit;
  line-height:inherit
}

:after,
:before {
  text-decoration:inherit;
  vertical-align:inherit
}

*,
:after,
:before {
  border-style:solid;
  border-width:0
}

* {
  margin:0;
  padding:0
}

:root {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  cursor:default;
  text-rendering:optimizeLegibility
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align:middle
}

button,
input,
select,
textarea {
  background-color:transparent;
  outline:none;
  color:inherit;
  font-family:inherit;
  font-style:inherit;
  font-weight:inherit;
  min-height:1.5em
}

code,
kbd,
pre,
samp {
  font-family:monospace,monospace
}

nav ol,
nav ul {
  list-style:none
}

select {
  -moz-appearance:none;
  -webkit-appearance:none
}

select::-ms-expand {
  display:none
}

select::-ms-value {
  color:currentColor
}

table {
  border-collapse:collapse;
  border-spacing:0
}

textarea {
  resize:vertical
}

::-moz-selection {
  background-color:#b3d4fc;
  text-shadow:none
}

::selection {
  background-color:#b3d4fc;
  text-shadow:none
}

@media screen {
  [hidden~=screen] {
    display:inherit
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    clip:rect(0 0 0 0)!important;
    position:absolute!important
  }

}