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

@media print{
    #sakura{display:none!important;}
}

#sakura{
overflow: hidden;
}
#content{
 background-color: unset;
}

#sakura.sakura {
/* position: relative;*/
/* position: absolute;*/
 position: fixed;
 padding: 0;
 margin: 0;
 width: 100%;
 height: 100vh;
 display: flex;
 justify-content: center;
 align-items: center;
 z-index: 2000;
 pointer-events: none;
 opacity: 0.5;
}
#sakura img {
 width: 30px;
 height: auto;
}
#sakura li:nth-child(4) img,
#sakura li:nth-child(7) img{
 width: 10px;
}
#sakura li:nth-child(2) img,
#sakura li:nth-child(6) img{
 width: 20px;
}
#sakura.sakura li {
 width: fit-content;
 height: fit-content;
 position: absolute;
 list-style: none;
 top: -50px;
 animation: fall 4s linear infinite, rotate1 2s ease-in-out infinite alternate;
 perspective: 1000px;
}
@keyframes fall {
 to {
  top: 120%;
 }
}
@keyframes rotate1 {
 from {
  transform: translateX(0px) rotate(0deg);
 }
 to {
  transform: translateX(200px) rotate(-80deg) rotateX(180deg);
 }
}
@keyframes rotate2 {
 from {
  transform: translateX(200px) rotate(-45deg);
 }
 to {
  transform: translateX(0px) rotate(0deg);
 }
}
#sakura.sakura li:nth-child(1) {
 left: 0;
 animation: fall 10s linear infinite, rotate1 3s ease-in-out infinite alternate;
}
#sakura.sakura li:nth-child(2) {
 left: 5vw;
 animation: fall 15s linear infinite, rotate1 2s ease-in-out infinite alternate;
}
#sakura.sakura li:nth-child(3) {
 left: 15vw;
 animation: fall 9s linear infinite, rotate1 3.5s ease-in-out infinite alternate;
}
#sakura.sakura li:nth-child(4) {
 left: 30vw;
 animation: fall 8s linear infinite, rotate2 4s ease-in-out infinite alternate;
}
#sakura.sakura li:nth-child(5) {
 left: 40vw;
 animation: fall 10s linear infinite, rotate1 4s ease-in-out infinite alternate;
}
#sakura.sakura li:nth-child(6) {
 right: 20vw;
 animation: fall 11s linear infinite, rotate2 3s ease-in-out infinite alternate;
}
#sakura.sakura li:nth-child(7) {
 right: 15vw;
 animation: fall 7s linear infinite, rotate2 3.5s ease-in-out infinite alternate;
}
#sakura.sakura li:nth-child(8) {
 right: 5vw;
 animation: fall 7s linear infinite, rotate1 3s ease-in-out infinite alternate;
}

/*静的フリーバナーエリア*/
#toppage_area_banner{width:100%;}
#toppage_area_banner_inner{width:100%;background-color:#eee;text-align:center;}
#toppage_area_banner_inner img{width:100%;}
#toppage_area_banner_inner ul{display:flex;gap:1.5%;width:96%;max-width:1200px;margin:auto;padding:2.0rem 0;flex-wrap: nowrap;justify-content:flex-start;}
#toppage_area_banner_inner li{
display:flex;
flex-direction: column;
align-self:stretch;
gap:0;
}
#toppage_area_banner_inner li p.img{
padding:0;
margin:0;
}
#toppage_area_banner_inner li p.title{
margin:1.0rem 5%;text-align:left;font-weight:bold;
}
#toppage_area_banner_inner li p span{
display: block;
}
@media screen and (max-width: 768px) {/*SP横並び3*/
#toppage_area_banner_inner ul{flex-wrap: wrap;width:98%;gap:1.0rem 2%;}
#toppage_area_banner_inner ul li{
flex-basis: 32%;align-self:stretch;}
}