*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:'Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,'MS PGothic',sans-serif;font-size:14px;line-height:1.8;color:#e8e8e8;background-color:#040812;min-width:320px;-webkit-text-size-adjust:100%}#tile-bg{position:fixed;inset:0;z-index:0;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:2px;pointer-events:none;background:#040812}@media screen and (max-width:768px){#tile-bg{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,1fr)}}#tile-bg .tile-img{width:100%;height:100%;object-fit:contain;object-position:center center;filter:brightness(0.60) saturate(0.78);background:#040812}#tile-overlay{position:fixed;inset:0;z-index:1;background:linear-gradient(135deg,rgba(4,8,30,.66) 0%,rgba(2,5,20,.58) 100%);pointer-events:none}#glass-lines{position:fixed;inset:0;z-index:2;pointer-events:none}#glass-lines svg{width:100%;height:100%}a{color:#c8e6ff;text-decoration:none}a:hover{color:#ffffff;text-decoration:underline}img{max-width:100%;height:auto;display:block;border:none}.page-wrapper{position:relative;z-index:3;max-width:760px;margin:0 auto;padding:10px 15px 120px}.site-header{text-align:center;padding:10px 0 6px}.site-header h1{font-size:clamp(11px,2.2vw,14px);font-weight:normal;color:#cccccc;line-height:1.6}.site-header h1 a{color:#ffffff}.header-hr{border:none;border-top:2px solid #445566;margin:8px 0}.page-title-area{background:rgba(10,20,50,0.70);border:1px solid #334466;border-radius:4px;padding:10px 14px;margin:10px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.page-title-area h2{color:#e3f0ff;font-size:clamp(13px,2.8vw,16px);line-height:1.5}.page-title-area h2 span{font-size:12px;color:#8899aa;font-weight:normal;margin-left:6px}.nav-back-link{color:#c8e6ff;font-size:12px;white-space:nowrap}.nav-back-link:hover{color:#ffffff}.page-nav{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.page-nav a{display:inline-block;padding:5px 12px;font-size:12px;color:#ffff99;border:1px solid rgba(200,180,50,0.40);border-radius:3px;background:rgba(40,30,0,0.45);transition:background 0.15s}.page-nav a:hover{background:rgba(80,60,0,0.70);color:#ffffff;text-decoration:none}.section-hr{border:none;border-top:2px solid #334466;margin:14px 0}.sc-badge{background:rgba(10,20,60,0.85);border:1px solid #336699;border-radius:4px;padding:8px 14px;margin:10px 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.sc-badge .sc-no{color:#88bbff;font-size:clamp(12px,2.5vw,15px);font-weight:bold}.sc-badge .sc-title{color:#e3f0ff;font-size:clamp(13px,2.8vw,16px);font-weight:bold;line-height:1.5}.main-photo{text-align:center;background:rgba(5,10,30,0.75);border:1px solid #334466;border-radius:4px;padding:16px 10px;margin:12px 0}.main-photo img{margin:0 auto 20px;max-width:100%;max-height:500px;width:auto;height:auto;object-fit:contain}.main-photo img:last-child{margin-bottom:0}.main-photo .photo-caption{color:#c8e6ff;font-size:13px;margin-top:10px;line-height:1.7}.main-photo .photo-caption strong{color:#ffffff}.spec-block{background:rgba(5,10,30,0.70);border:1px solid #334466;border-radius:4px;padding:14px 16px;margin:12px 0}.spec-block ul{list-style:none;padding:0}.spec-block ul li{color:#e0e8f8;font-size:clamp(13px,2.3vw,14px);line-height:1.9;padding:4px 0 4px 1.2em;position:relative;border-bottom:1px solid rgba(51,68,102,0.40)}.spec-block ul li:last-child{border-bottom:none}.spec-block ul li::before{content:'・';position:absolute;left:0;color:#88bbff}.spec-block ul li a{color:#ffff99}.spec-block ul li a:hover{color:#ffffff}.sub-section-heading{color:#e3f0ff;font-size:clamp(13px,2.5vw,15px);font-weight:bold;padding:8px 12px;background:rgba(10,20,60,0.60);border-left:3px solid #4488cc;margin:16px 0 10px}.thumb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}@media (max-width:480px){.thumb-grid{grid-template-columns:repeat(2,1fr)}}.thumb-item{background:rgba(5,10,30,0.70);border:1px solid #334466;border-radius:3px;overflow:hidden;text-align:center}.thumb-item img{width:auto;max-width:100%;height:auto;max-height:180px;display:block;margin:0 auto;background:#0a1020;transition:opacity 0.2s}.thumb-item img:hover{opacity:0.85}.thumb-item .thumb-caption{font-size:11px;color:#c8e6c9;padding:5px 6px;line-height:1.5}.thumb-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:10px 0}@media (max-width:400px){.thumb-grid-2col{grid-template-columns:1fr}}.thumb-item--completed{border:2px solid #ffcc00;box-shadow:0 0 8px rgba(255,204,0,0.60)}.colored-border-sample{color:#ffcc00;font-weight:bold}.tokushou-row{font-size:12px;color:#8899aa;margin:10px 0}.tokushou-row a{color:#8899cc}.tokushou-row a:hover{color:#ffffff}footer{text-align:center;color:#778899;font-size:12px;padding:20px 0 30px;border-top:1px solid #334466;margin-top:20px;line-height:1.8}footer a{color:#c8dfff}footer a:hover{color:#ffffff}.float-btns{position:fixed;bottom:20px;left:0;right:0;display:flex;flex-direction:column;align-items:flex-start;padding-left:12px;gap:8px;z-index:1000;pointer-events:none}.float-btns>*{pointer-events:auto}.btn-call{display:flex;align-items:center;gap:7px;background:#c8251a;color:#fff;font-size:0.82em;font-weight:bold;padding:9px 14px;border-radius:30px;text-decoration:none;box-shadow:0 3px 10px rgba(0,0,0,0.6);white-space:nowrap;transition:background 0.2s}.btn-call:hover{background:#e02d20;color:#fff;text-decoration:none}.btn-call .icon{font-size:1.1em}.btn-inquiry{display:flex;align-items:center;gap:7px;background:#1a5c1a;color:#fff;font-size:0.82em;font-weight:bold;padding:9px 14px;border-radius:30px;text-decoration:none;box-shadow:0 3px 10px rgba(0,0,0,0.6);white-space:nowrap;transition:background 0.2s;border:1px solid #2d8b2d}.btn-inquiry:hover{background:#236b23;color:#fff;text-decoration:none}.btn-inquiry .icon{font-size:1.1em}.btn-access{display:flex;align-items:center;gap:7px;background:#1a3a5c;color:#fff;font-size:0.82em;font-weight:bold;padding:9px 14px;border-radius:30px;text-decoration:none;box-shadow:0 3px 10px rgba(0,0,0,0.6);white-space:nowrap;transition:background 0.2s;border:1px solid #2d6098}.btn-access:hover{background:#234b7a;color:#fff;text-decoration:none}.btn-access .icon{font-size:1.1em}.btn-totop{position:fixed;bottom:20px;right:12px;width:46px;height:46px;background:rgba(20,40,80,0.85);border:1px solid #336699;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3em;text-decoration:none;box-shadow:0 3px 10px rgba(0,0,0,0.5);z-index:1000;transition:background 0.2s}.btn-totop:hover{background:rgba(30,60,120,0.95);color:#fff;text-decoration:none}@media screen and (max-width:600px){.page-wrapper{padding:8px 10px 120px}.sc-badge{flex-direction:column;gap:4px}.float-btns{padding-left:8px;gap:6px;bottom:16px}.btn-call,.btn-inquiry,.btn-access{font-size:0.75em;padding:8px 11px}.btn-totop{bottom:16px;right:8px;width:42px;height:42px;font-size:1.1em}}@media screen and (max-width:400px){.thumb-grid{grid-template-columns:repeat(2,1fr)}}.ext-img-links{text-align:center;margin:12px 0}.ext-img-item{display:inline-block;text-align:center;margin:6px auto}.ext-img-item img{display:block;margin:0 auto;max-width:100%;height:auto}.ext-img-label{color:#c8e6ff;font-size:12px;margin-top:6px;line-height:1.5;text-align:center}