Body{
  background:linear-gradient(to bottom, #FDF1D1,#AAB7E3);
  background-attachment: fixed;
 
}


.receipt {
  width: 260px;
  height:600px;
  background: #F9F9F9;
  padding: 10px;
  margin: 100px auto;
  
  font-size:8px;
  color: #333;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  position: relative;
  
  transform: scale(2.5); /* ← 全体を1.2倍に拡大 */
  transform-origin: top center;


}

/* 上のギザギザ */
.receipt::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  background: #F9F9F9;
  clip-path: polygon(
    0% 100%, 5% 0%, 10% 100%, 15% 0%, 20% 100%,
    25% 0%, 30% 100%, 35% 0%, 40% 100%, 45% 0%,
    50% 100%, 55% 0%, 60% 100%, 65% 0%, 70% 100%,
    75% 0%, 80% 100%, 85% 0%, 90% 100%, 95% 0%, 100% 100%
  );
}

/* 下のギザギザ */
.receipt::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  background: #F9F9F9;
  clip-path: polygon(
    0% 0%, 5% 100%, 10% 0%, 15% 100%, 20% 0%,
    25% 100%, 30% 0%, 35% 100%, 40% 0%, 45% 100%,
    50% 0%, 55% 100%, 60% 0%, 65% 100%, 70% 0%,
    75% 100%, 80% 0%, 85% 100%, 90% 0%, 95% 100%, 100% 0%
  );
}
.receipt a{
  color:#333;
  text-decoration: none;
  padding: 3px;
  margin: 3px auto;
}
.receipt a:hover{
  color:blue;
}
.receipt p{
  margin:5px;
}

#noise-layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 999999;

  /* 四角い粒ノイズ（くっきり） */
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,1) 0 0.3px, transparent 0.3px 0.6px),
    repeating-linear-gradient(90deg, rgba(255,255,255,1) 0 0.3px, transparent 0.3px 0.6px);

  background-size: 6px 6px;
}



/* スマホ用レイアウト */
@media screen and (max-width: 600px) {
  .receipt {
    font-size: 8px;
    padding: 5px;
    transform: scale(1.2);
  }
  .receiptlttele{
    font-size: 5px;
  }
}