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

.zoom-box {
  display: inline-block;
  overflow: hidden;
}
.c-bnr.zoom {
  display: block;
  transition-duration: .5s;
}
.c-bnr.zoom:hover {
  transform: scale(1.1);
}

.right{text-align: right;}
.left{margin-left: 5px;}
.center{text-align: center;}
.background-color{background:linear-gradient(aliceblue, pink);
}

.auto1{width: 100vw;
      }

.asiato-size{width: 30%;
             height: 30%;
             }

.flexbox{
    display: flex;
    flex-direction: column;
}

.left2{float:left}

.ma-left30{margin-left: 30px}

.fon-si20{font-size: 20px;}
.fon-si30{font-size: 30px;}
.fon-si40{font-size:40px;}
.sipporiminchou{font-family: 'Shippori Mincho B1', serif;}

.fadeup{
animation-name:fadeupanime;
animation-duration:2s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeupanime{
  from {
    opacity: 0;
	transform: translateY(15px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}
.sakura{background: url("mov/sakurahubuki.gif");
	animation: bgiLoop 5s linear infinite;
}

.snow{background: url("mov/snow.gif");
animation: bgiLoop 5s linear infinite;}

.delay-time02{animation-delay:0.6s;}
.delay-time03{animation-delay:1s;}
.delay-time04{animation-delay:2s;}

.pink{color:maroon;}
.bule{color:navy;}