.omikuji-wrap{display:flex;justify-content:center;align-items:center;min-height:60vh;background:#fffaf1;background-image: url("http://kototoidou.com/wp-content/uploads/2026/07/言霊箱010.png");background-size: cover;}
.omikuji-card{background-color:rgba(255,255,255,0.5);margin-top: 180px;padding:10px;border-radius:18px;box-shadow:0 6px 20px rgba(0,0,0,.1);text-align:center}
.omikuji-btn{background:#d43c3c;color:#fff;padding:14px 28px;border:none;border-radius:9999px;cursor:pointer;transition:.2s}
.omikuji-btn:hover{opacity:.85}
.omikuji-result-wrap{display:flex;align-items:center;justify-content:center;min-height:80vh;background:#fffaf1}
.omikuji-stage{text-align:center;width:100%;max-width:640px;margin:0 auto;padding:40px 20px}
.omikuji-media-box{width:100%;max-width:560px;margin:0 auto}
.omikuji-wait-video,.omikuji-wait-image{display:block;width:100%;height:auto;margin:0 auto;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.1)}
.omikuji-wait-video{background:#000;max-height:70vh;object-fit:contain}
.omikuji-wait-text{margin-top:12px;font-size:1rem;color:#7a6a50;letter-spacing:.05em}
.omikuji-drum{width:140px;height:140px;margin:0 auto;border-radius:20px;border:4px solid #e9d9b0;background:linear-gradient(145deg,#fff2cc,#ffe9a6);animation:shake 1.2s ease-in-out infinite}
@keyframes shake{0%,100%{transform:rotate(0)}25%{transform:rotate(2.5deg)}75%{transform:rotate(-2.5deg)}}
.result-badge{display:inline-block;padding:8px 16px;border:2px solid #e9d9b0;border-radius:9999px;background:#fff;color:#8b7355;margin-bottom:12px;letter-spacing:.08em}
.result-text{font-size:1.9rem;margin-bottom:16px;font-weight:700}
.omikuji-again{display:inline-block;margin-top:8px;text-decoration:none;color:#b82d2d}

/* v1.5.3 title/detail result display */
.omikuji-result .result-title{
  margin: 10px 0 12px;
  font-size: clamp(28px, 6vw, 46px);
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: .04em;
}
.omikuji-result .result-detail{
  margin: 0 auto 22px;
  max-width: 720px;
  font-size: clamp(16px, 3.5vw, 20px);
  line-height: 1.9;
  white-space: pre-wrap;
  text-align: left;
}


/* v1.5.4 result paper background */
.omikuji-result-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:80vh;
  padding: 24px 12px;
  background:#fffaf1;
}
.omikuji-result-wrap .omikuji-stage{
  text-align:center;
  width:100%;
  max-width:860px;
  margin:0 auto;
  padding:20px 10px;
}
.omikuji-result-wrap .omikuji-result{
  box-sizing:border-box;
  width:min(92vw, 760px);
  min-height: min(118vw, 980px);
  margin: 0 auto;
  padding: clamp(90px, 18vw, 170px) clamp(40px, 10vw, 110px) clamp(80px, 16vw, 150px);
  background-image: url("https://kototoidou.com/wp-content/uploads/2026/07/result_paper-e1783593573508.png");
  background-repeat:no-repeat;
  background-position:center center;
  background-size:100% 100%;
  color:#3f2d1f;
  box-shadow:none;
}
.omikuji-result-wrap .result-badge{
  display:inline-block;
  padding:6px 14px;
  border:1px solid rgba(120,72,38,.35);
  border-radius:9999px;
  background:rgba(255,255,255,.36);
  color:#6b432b;
  margin-bottom:12px;
  letter-spacing:.1em;
}
.omikuji-result-wrap .omikuji-result .result-title{
  margin: 12px 0 20px;
  font-size: clamp(30px, 7vw, 54px);
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: .06em;
  color:#3b2617;
  text-align:center;
}
.omikuji-result-wrap .omikuji-result .result-detail{
  margin: 0 auto 28px;
  max-width: 540px;
  font-size: clamp(16px, 3.2vw, 21px);
  line-height: 2;
  white-space: pre-wrap;
  text-align: left;
  color:#4c3523;
}
.omikuji-result-wrap .omikuji-again{
  display:inline-block;
  margin-top: 8px;
  padding: 8px 14px;
  border-radius:9999px;
  background:rgba(255,255,255,.35);
  text-decoration:none;
  color:#8b2f25;
}
.omikuji-result-wrap .omikuji-result-image{
  max-width: min(82%, 360px) !important;
  margin-bottom:18px !important;
}
@media (max-width: 520px){
  .omikuji-result-wrap .omikuji-result{
    width: 96vw;
    min-height: 128vw;
    padding: 82px 38px 72px;
  }
  .omikuji-result-wrap .omikuji-result .result-detail{
    line-height:1.85;
  }
}


/* v1.5.6 fixed result paper: 720px x 547px, no overflow / no scroll */
.omikuji-result-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:80vh;
  padding:24px 12px;
  background:#fffaf1;
  overflow:hidden;
}
.omikuji-result-wrap .omikuji-stage{
  text-align:center;
  width:100%;
  max-width:720px;
  margin:0 auto;
  padding:0;
  overflow:hidden;
}
.omikuji-result-wrap .omikuji-result{
  box-sizing:border-box;
  width:720px;
  height:547px;
  max-width:calc(100vw - 24px);
  aspect-ratio:720 / 547;
  margin:0 auto;
  padding:0;
  background-image:url("https://kototoidou.com/wp-content/uploads/2026/07/result_paper-e1783593573508.png");
  background-repeat:no-repeat;
  background-position:center center;
  background-size:100% 100%;
  color:#3f2d1f;
  box-shadow:none;
  position:relative;
  overflow:hidden;
}
@supports (aspect-ratio: 720 / 547){
  .omikuji-result-wrap .omikuji-result{
    height:auto;
  }
}
.omikuji-result-wrap .result-badge{
  display:none !important;
}
.omikuji-result-wrap .omikuji-result-content{
  box-sizing:border-box;
  position:absolute;
  left:17.8%;
  top:20.5%;
  width:64.4%;
  height:63.0%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  overflow:hidden;
}
.omikuji-result-wrap .omikuji-result .result-title{
  margin:0 0 18px;
  width:100%;
  font-size:34px;
  line-height:1.22;
  font-weight:700;
  letter-spacing:.06em;
  color:#3b2617;
  text-align:center;
  word-break:break-word;
  overflow:hidden;
}
.omikuji-result-wrap .omikuji-result .result-detail{
  margin:0 auto 14px;
  width:100%;
  flex:1 1 auto;
  min-height:0;
  font-size:16px;
  line-height:1.75;
  white-space:pre-wrap;
  text-align:left;
  color:#4c3523;
  overflow:hidden;
  word-break:break-word;
}
.omikuji-result-wrap .omikuji-again{
  display:inline-block;
  flex:0 0 auto;
  margin-top:6px;
  padding:6px 12px;
  border-radius:9999px;
  background:rgba(255,255,255,.35);
  text-decoration:none;
  color:#8b2f25;
  font-size:13px;
}
.omikuji-result-wrap .omikuji-result-image{
  flex:0 0 auto;
  max-width:220px !important;
  max-height:92px !important;
  width:auto !important;
  height:auto !important;
  margin:0 auto 12px !important;
  border-radius:10px !important;
  box-shadow:none !important;
}
@media (max-width: 744px){
  .omikuji-result-wrap .omikuji-result .result-title{
    font-size:clamp(22px, 4.7vw, 34px);
    margin-bottom:clamp(10px, 2.4vw, 18px);
  }
  .omikuji-result-wrap .omikuji-result .result-detail{
    font-size:clamp(11px, 2.25vw, 16px);
    line-height:1.65;
    margin-bottom:clamp(8px, 1.9vw, 14px);
  }
  .omikuji-result-wrap .omikuji-again{
    font-size:clamp(10px, 2vw, 13px);
    padding:clamp(4px, 1vw, 6px) clamp(8px, 1.8vw, 12px);
  }
  .omikuji-result-wrap .omikuji-result-image{
    max-width:30% !important;
    max-height:16% !important;
    margin-bottom:clamp(6px, 1.6vw, 12px) !important;
  }
}


/* v1.5.7 responsive result paper: keep 720x547 ratio, no horizontal overflow */
.omikuji-result-wrap{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  min-height:70vh;
  padding:24px 16px;
  background:#fffaf1;
  overflow-x:hidden;
}
.omikuji-result-wrap .omikuji-stage{
  box-sizing:border-box;
  width:100%;
  max-width:720px;
  margin:0 auto;
  padding:0;
  overflow:visible;
}
.omikuji-result-wrap .omikuji-result{
  box-sizing:border-box;
  width:min(720px, calc(100vw - 32px));
  max-width:720px;
  aspect-ratio:720 / 547;
  height:auto;
  margin:0 auto;
  padding:0;
  background-image:url("https://kototoidou.com/wp-content/uploads/2026/07/result_paper-e1783593573508.png");
  background-repeat:no-repeat;
  background-position:center center;
  background-size:100% 100%;
  color:#3f2d1f;
  box-shadow:none;
  position:relative;
  overflow:hidden;
}
.omikuji-result-wrap .omikuji-result-content{
  box-sizing:border-box;
  position:absolute;
  left:11.5%;
  top:24%;
  width:77%;
  height:57%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  overflow:hidden;
}
.omikuji-result-wrap .omikuji-result .result-title{
  box-sizing:border-box;
  display:block;
  width:100%;
  max-width:100%;
  margin:0 0 16px;
  font-size:clamp(24px, 4.6vw, 38px);
  line-height:1.22;
  font-weight:700;
  letter-spacing:.04em;
  color:#3b2617;
  text-align:center;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
  overflow:hidden;
}
.omikuji-result-wrap .omikuji-result .result-detail{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  flex:1 1 auto;
  min-height:0;
  margin:0 auto 10px;
  font-size:clamp(12px, 2.25vw, 17px);
  line-height:1.75;
  white-space:pre-wrap;
  text-align:left;
  color:#4c3523;
  overflow:hidden;
  overflow-wrap:anywhere;
  word-break:normal;
}
.omikuji-result-wrap .omikuji-again{
  display:inline-block;
  flex:0 0 auto;
  margin-top:2px;
  padding:5px 11px;
  border-radius:9999px;
  background:rgba(255,255,255,.35);
  text-decoration:none;
  color:#8b2f25;
  font-size:12px;
  line-height:1.4;
}
.omikuji-result-wrap .omikuji-result-image{
  flex:0 0 auto;
  max-width:28% !important;
  max-height:16% !important;
  width:auto !important;
  height:auto !important;
  margin:0 auto 10px !important;
  border-radius:10px !important;
  box-shadow:none !important;
}
@media (max-width: 520px){
  .omikuji-result-wrap{padding-left:10px;padding-right:10px;}
  .omikuji-result-wrap .omikuji-result{
    width:calc(100vw - 20px);
  }
  .omikuji-result-wrap .omikuji-result-content{
    left:11%;
    top:23%;
    width:78%;
    height:58%;
  }
  .omikuji-result-wrap .omikuji-result .result-title{
    margin-bottom:10px;
    font-size:clamp(20px, 6.2vw, 30px);
  }
  .omikuji-result-wrap .omikuji-result .result-detail{
    font-size:clamp(10px, 3.3vw, 15px);
    line-height:1.62;
  }
  .omikuji-result-wrap .omikuji-again{
    font-size:10px;
    padding:4px 9px;
  }
}


/* v1.5.8 detail height fix: keep result area exactly within the 720x547 paper ratio */
.omikuji-result-wrap{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  min-height:0 !important;
  height:auto !important;
  padding:24px 12px !important;
  background:#fffaf1;
  overflow:hidden !important;
}
.omikuji-result-wrap .omikuji-stage{
  width:100% !important;
  max-width:720px !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 auto !important;
  padding:0 !important;
  overflow:visible !important;
  text-align:center;
}
.omikuji-result-wrap .omikuji-result{
  width:min(720px, calc(100vw - 24px)) !important;
  height:auto !important;
  aspect-ratio:720 / 547 !important;
  max-width:720px !important;
  min-height:0 !important;
  margin:0 auto !important;
  padding:0 !important;
  position:relative !important;
  overflow:hidden !important;
  background-image:url("https://kototoidou.com/wp-content/uploads/2026/07/result_paper-e1783593573508.png") !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:contain !important;
  color:#3f2d1f;
  box-shadow:none !important;
}
.omikuji-result-wrap .omikuji-result-content{
  box-sizing:border-box !important;
  position:absolute !important;
  left:15.5% !important;
  top:31.5% !important;
  width:69% !important;
  height:43.5% !important;
  min-height:0 !important;
  max-height:43.5% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:hidden !important;
}
.omikuji-result-wrap .omikuji-result .result-title{
  flex:0 0 auto !important;
  width:100% !important;
  margin:0 0 clamp(8px, 1.7vw, 16px) !important;
  font-size:clamp(22px, 4.45vw, 38px) !important;
  line-height:1.18 !important;
  font-weight:700 !important;
  letter-spacing:.04em !important;
  text-align:center !important;
  color:#3b2617 !important;
  word-break:keep-all !important;
  overflow-wrap:anywhere !important;
  overflow:hidden !important;
}
.omikuji-result-wrap .omikuji-result .result-detail{
  flex:0 1 auto !important;
  width:100% !important;
  height:auto !important;
  max-height:calc(100% - 70px) !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  font-size:clamp(12px, 2.05vw, 17px) !important;
  line-height:1.7 !important;
  white-space:pre-wrap !important;
  text-align:left !important;
  color:#4c3523 !important;
  overflow:hidden !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
}
.omikuji-result-wrap .omikuji-again{
  display:none !important;
}
.omikuji-result-wrap .omikuji-result-image{
  flex:0 0 auto !important;
  max-width:30% !important;
  max-height:15% !important;
  margin:0 auto 8px !important;
}
@media (max-width: 744px){
  .omikuji-result-wrap{padding:18px 8px !important;}
  .omikuji-result-wrap .omikuji-result-content{
    top:31.5% !important;
    height:43.5% !important;
  }
  .omikuji-result-wrap .omikuji-result .result-title{
    font-size:clamp(18px, 4.9vw, 32px) !important;
    margin-bottom:clamp(6px, 1.7vw, 12px) !important;
  }
  .omikuji-result-wrap .omikuji-result .result-detail{
    font-size:clamp(10px, 2.35vw, 15px) !important;
    line-height:1.6 !important;
    max-height:calc(100% - 52px) !important;
  }
}