/* クリスマス飾り用CSS(飾りを外すときは、HTMLの XMAS:START 〜 XMAS:END の部分を消す) */
.xmas-garland{position:absolute;top:100%;left:0;width:100%;pointer-events:none;z-index:1;}
.xmas-garland svg{display:block;width:100%;height:auto;overflow:visible;}
.xmas-sway{animation:xmas-sway 3.6s ease-in-out infinite alternate;}
@keyframes xmas-sway{from{transform:rotate(-5deg);}to{transform:rotate(5deg);}}
.xmas-twinkle{animation:xmas-twinkle 2.4s ease-in-out infinite alternate;}
@keyframes xmas-twinkle{from{opacity:.75;}to{opacity:1;}}
.xmas-snow{position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:50;}
.xmas-corner{position:fixed;bottom:0;z-index:70;pointer-events:none;line-height:0;}
.xmas-corner svg{width:100%;height:auto;display:block;}
.xmas-corner.tree{width:62px;}
.xmas-corner.gift{width:76px;}
.xmas-corner.l{left:6px;}
.xmas-corner.r{right:70px;}
@media (max-width:640px){
  .xmas-corner.tree{width:46px;}
  .xmas-corner.gift{width:58px;}
  .xmas-corner.l{left:4px;}
  .xmas-corner.r{right:62px;}
}
@media (prefers-reduced-motion:reduce){
  .xmas-sway,.xmas-twinkle{animation:none;}
}