.jelly-site-bar, .jelly-site-bar *,.jelly-footer,.jelly-footer *,.jelly-footer-picker,.jelly-footer-picker * { box-sizing: border-box; }
.jelly-site-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px max(20px, calc((100% - 1080px) / 2)); background:#fff; color:#24415f; font:14px/1.6 sans-serif; }
.jelly-site-bar img { display:block; width:200px; height:auto; }
.jelly-site-bar__links { display:flex; gap:24px; }
.jelly-site-bar a { color:#245c9d; text-decoration:none; }
body[data-jelly-product] { min-width:0; }
body[data-jelly-product] #main .mainBox { max-width:calc(100% - 16px); }
#jv_news .news_title { margin:0 0 26px; padding:0; color:#253e5b; font-size:clamp(22px,2.4vw,28px); line-height:1.5; letter-spacing:.08em; }
#jv_news .news_title::after { content:""; display:block; width:32px; height:2px; margin:12px auto 0; background:#3373bd; }
body.color01 .post-content p a:not([class*="button"]),body.color01 .post-content li a:not([class*="button"]),body.color01 .post-title a,body.color01 #jv_news a,body.color01 .breadcrumb a,body.color01 .wp-block-latest-posts a,body.color01 .wp-block-archives a,body.color01 .wp-block-categories a { color:#245c9d; }
body.color01 .post-content p a:not([class*="button"]):hover,body.color01 .post-content li a:not([class*="button"]):hover,body.color01 .post-title a:hover,body.color01 #jv_news a:hover,body.color01 .breadcrumb a:hover { color:#173f70; text-decoration:underline; text-underline-offset:3px; }
body.color01 #content a.morelink { background:#245c9d; color:#fff; }
body.color01 #content a.morelink:hover { background:#173f70; color:#fff; }
body.color01 .wp-block-button__link { color:#fff; background:#245c9d; }
body.color01 .wp-block-button__link:hover { color:#fff; background:#173f70; }
.jelly-product-title { font:inherit; }
.jelly-pending-download { padding:12px 16px; border:1px solid #d8e2ee; background:#f6f8fc; color:#53677f; font:14px/1.7 sans-serif; }
.jelly-archive-link { padding:16px; font-size:14px; }
body.color01 .jelly-archive-link a,body.color01 .post-footer-list a { color:#245c9d; }
body.color01 #content .post-content h3 { border-bottom:1px solid #d8e2ee; }
.jelly-release-links { box-sizing:border-box; max-width:920px; margin:20px auto 28px; padding:18px 20px; border:1px solid #d8e2ee; border-radius:4px; background:#f6f8fc; color:#253e5b; font:14px/1.7 sans-serif; }
.jelly-release-links .jelly-release-links__title { margin:0 0 10px; font-weight:700; }
.jelly-release-links>div { display:flex; flex-wrap:wrap; gap:10px 20px; }
body .jelly-release-links a { color:#245c9d; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
body[data-jelly-product] a.sounds,body[data-jelly-product] a.info { background-color:#c51b61; color:#fff; }
body[data-jelly-product] a.sounds:hover,body[data-jelly-product] a.info:hover { background-color:#a81753; color:#fff; opacity:1; }
body[data-jelly-product] .jelly-release-links { max-width:calc(100% - 32px); }
.jelly-game-links { padding:24px; }
.jelly-game-links, .jelly-game-links * { box-sizing:border-box; }
body[data-jelly-product] .jelly-release-links.jelly-game-links { width:920px; max-width:calc(100% - 16px); margin:24px auto 32px; }
body[data-jelly-product] .mainBox > .jelly-game-links { width:100%; max-width:100%; }
.jelly-game-links__demos { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
body .jelly-game-links__demos a { display:flex; align-items:center; justify-content:center; gap:8px; min-height:52px; padding:12px 16px; border:1px solid #245c9d; border-radius:6px; background:#fff; text-align:center; text-decoration:none; }
body .jelly-game-links__demos a:first-child { background:#245c9d; color:#fff; }
body .jelly-game-links__demos a:hover { background:#edf4fd; }
body .jelly-game-links__demos a:first-child:hover { background:#173f70; color:#fff; }
.jelly-game-links__group + .jelly-game-links__group { margin-top:24px; padding-top:24px; border-top:1px solid #d8e2ee; }
.jelly-game-links .jelly-release-links__title { margin:0 0 16px; font-size:16px; line-height:1.5; }
.jelly-game-links__stores { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:1fr; gap:12px; }
body .jelly-game-links__stores a { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; min-height:112px; padding:14px 10px; border:1px solid #d8e2ee; border-radius:6px; background:#fff; text-align:center; text-decoration:none; }
.jelly-game-links__stores img { display:block; width:100%; max-width:156px; height:44px; object-fit:contain; }
.jelly-game-links__stores span { font-size:13px; line-height:1.5; }
.jelly-game-links .jelly-game-links__note { margin:0 0 12px; }
body .jelly-game-links a.jelly-game-links__mobile { display:flex; align-items:center; justify-content:center; width:fit-content; max-width:100%; min-height:48px; padding:12px 20px; border-radius:6px; background:#245c9d; color:#fff; text-align:center; text-decoration:none; }
body .jelly-game-links__stores a:hover { border-color:#3373bd; background:#edf4fd; }
body .jelly-game-links a.jelly-game-links__mobile:hover { background:#173f70; color:#fff; }
.jelly-game-links a:focus-visible { outline:3px solid #3373bd; outline-offset:3px; }
@media(max-width:760px) {
  .jelly-game-links { padding:20px 16px; }
  .jelly-game-links__stores { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .jelly-game-links__demos { grid-template-columns:minmax(0,1fr); gap:10px; }
  .jelly-game-links__group + .jelly-game-links__group { margin-top:20px; padding-top:20px; }
  body .jelly-game-links a.jelly-game-links__mobile { width:100%; padding:12px; }
}
.jelly-footer { margin:80px 0 0; padding:52px 24px 0; background:#f6f8fc; border-top:3px solid #3373bd; color:#253e5b; text-align:left; font:15px/1.75 -apple-system,BlinkMacSystemFont,"Noto Sans JP",sans-serif; }
.jelly-footer a { color:inherit !important; text-decoration:none; }
.jelly-footer a:hover { text-decoration:underline; text-underline-offset:4px; }
.jelly-footer a:focus-visible,.jelly-site-bar a:focus-visible,.jelly-footer-picker a:focus-visible { outline:3px solid #3373bd; outline-offset:5px; }
.jelly-footer__inner { max-width:1080px; margin:0 auto; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.65fr) minmax(0,1.4fr); gap:48px; }
.jelly-footer__inner > * { min-width:0; }
.jelly-footer__brand img { display:block; max-width:100%; height:auto; }
.jelly-footer__brand p { margin:18px 0 0; font-size:13px; }
.jelly-footer__brand .jelly-footer__operator { margin-top:8px; color:#53677f; }
.jelly-footer h2 { margin:0 0 14px; border:0; padding:0; background:none; color:inherit; font-size:15px; font-weight:700; line-height:1.6; }
.jelly-footer__links a { display:block; width:fit-content; margin:8px 0; }
.jelly-footer__contact-link { display:flex; align-items:center; justify-content:space-between; gap:14px; border-bottom:1px solid #d8e2ee; padding:11px 0; font-size:13px; }
.jelly-footer__support { display:inline-block; margin-top:13px; font-size:12px; }
.jelly-footer__bottom { max-width:1080px; margin:36px auto 0; padding:20px 0; border-top:1px solid #d8e2ee; display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; font-size:12px; }
.jelly-footer__bottom p { margin:0; }
.jelly-footer__bottom div { display:flex; gap:24px; }
.jelly-footer-picker { display:flex; justify-content:center; flex-wrap:wrap; align-items:center; gap:8px 12px; padding:16px 20px; background:#fff; color:#53677f; font:12px/1.6 sans-serif; }
.jelly-footer-picker a { padding:6px 12px; border:1px solid #d8e2ee; border-radius:100px; color:#245c9d; text-decoration:none; }
.jelly-footer-picker a[aria-current="true"] { background:#edf4fd; border-color:#3373bd; }
html[data-footer="b"] .jelly-footer { background:#21518d; color:#fff; border-top:0; padding-top:48px; }
html[data-footer="b"] .jelly-footer__brand>a { display:inline-block; padding:16px 18px; background:#fff; border-radius:4px; }
html[data-footer="b"] .jelly-footer__operator { color:#d5e3f5; }
html[data-footer="b"] .jelly-footer__contact { background:#fff; color:#25476f; border-radius:8px; padding:24px; }
html[data-footer="b"] .jelly-footer__contact-link { border-color:#d8e2ee; }
html[data-footer="b"] .jelly-footer__bottom { border-color:#ffffff40; color:#e2ebf8; }
html[data-footer="b"] .jelly-footer a:focus-visible { outline-color:#87b9ff; }
@media(max-width:960px) {
  .jelly-footer__inner { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
  .jelly-footer__contact { grid-column:1/-1; }
}
@media(max-width:760px) {
  .jelly-site-bar { padding:16px; gap:16px; flex-wrap:wrap; }
  .jelly-site-bar img { width:170px; }
  .jelly-site-bar__links { gap:16px; font-size:12px; }
  .jelly-footer { margin-top:48px; padding:32px 20px 0; }
  .jelly-footer__inner { grid-template-columns:1fr; gap:28px; }
  .jelly-footer__brand img { width:210px; }
  .jelly-footer__links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 16px; }
  .jelly-footer__links h2 { grid-column:1/-1; margin-bottom:0; }
  .jelly-footer__links a { margin:0; padding:4px 0; }
  .jelly-footer__bottom { margin-top:28px; }
  .jelly-footer__bottom div { padding-right:64px; flex-wrap:wrap; }
  html[data-footer="b"] .jelly-footer { padding-top:32px; }
  html[data-footer="b"] .jelly-footer__contact { padding:20px; }
}

.jelly-product-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin:24px 16px; }
body #jv_product .jelly-product-actions a { display:flex; align-items:center; justify-content:center; float:none; box-sizing:border-box; flex:1 1 240px; width:auto; max-width:320px; min-height:52px; margin:0; padding:14px 24px; border-radius:4px; background:#245c9d; color:#fff; font:16px/1.5 sans-serif; text-decoration:none; text-align:center; }
body .jelly-product-actions a:hover { background:#173f70; color:#fff; }
.jelly-history-note { margin:0 0 28px; padding:16px 20px; border-left:3px solid #3373bd; background:#f6f8fc; color:#253e5b; font:14px/1.8 sans-serif; }
body.color01 .jelly-history-note a,body .jelly-cd-purchase a { color:#245c9d; text-decoration:underline; text-underline-offset:3px; }
.jelly-cd-purchase { display:flex; flex-wrap:wrap; gap:10px 20px; margin:16px 0; font:14px/1.8 sans-serif; }
.jelly-cd-row { padding:10px 0; border-top:1px solid #d8e2ee; align-items:center; }
.jelly-cd-row strong { min-width:6em; }
[id^="sample-"] { scroll-margin-top:24px; }
body[data-jelly-product] .imgBox { display:grid; grid-template-columns:minmax(0,1fr) 264px; gap:16px 24px; align-items:start; }
body[data-jelly-product] .imgBox .txtBox { width:auto; grid-row:span 2; }
body[data-jelly-product] .imgBox .phoBox { width:264px; max-width:100%; grid-column:2; flex-wrap:nowrap; justify-content:center; gap:12px; }
body[data-jelly-product] .imgBox > .jelly-cd-purchase { grid-column:2; flex-direction:column; align-items:center; gap:10px; margin:0; }
body[data-jelly-product] .imgBox .phoBox a.sounds { box-sizing:border-box; flex:0 0 80px; width:80px; height:80px; margin:0; padding:8px 0; display:flex; flex-direction:column; align-items:center; justify-content:center; }
body[data-jelly-product] .imgBox .phoBox a.sounds img { box-sizing:content-box; width:32px; height:32px; padding:0; margin:0 0 2px; object-fit:contain; }
body[data-jelly-product] .imgBox .phoBox a.sounds span { font-size:14px; line-height:1.4; }
@media(max-width:896px) {
  body[data-jelly-product] .imgBox { grid-template-columns:minmax(0,1fr); gap:16px; }
  body[data-jelly-product] .imgBox .txtBox { grid-row:auto; margin-bottom:0; }
  body[data-jelly-product] .imgBox .phoBox { grid-column:1; width:100%; margin-bottom:0; }
  body[data-jelly-product] .imgBox > .jelly-cd-purchase { grid-column:1; }
}
