*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:"MS PGothic","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-size:13px;line-height:1.6;color:#ffffff;background-color:#040812;min-width:320px}#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.62) saturate(0.80);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:#00ccff;text-decoration:none}a:hover{color:#ffff00;text-decoration:underline}img{max-width:100%;height:auto;vertical-align:middle;border:none}#page-wrap{position:relative;z-index:3;width:min(700px,100%);margin:0 auto}#site-h1{font-size:clamp(11px,2vw,13px);font-weight:bold;color:#ffffff;text-align:center;padding:4px 6px;background:rgba(0,0,30,0.7);line-height:1.5}#site-h1 a{color:#ffffff}.section-h2{font-size:clamp(13px,3vw,15px);font-weight:bold;color:#ffff99;background:rgba(0,0,60,0.85);border-left:4px solid #4466aa;border-bottom:1px solid #4466aa;padding:7px 12px;margin:8px 0 0;line-height:1.5}.hr-bar{display:block;width:100%;height:2px;background:#4466aa;border:none;margin:6px 0}#logo-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:rgba(0,0,20,0.8);flex-wrap:wrap}#logo-row .logo-img{flex-shrink:0}#logo-row .logo-img img{height:41px;width:auto}#logo-row .logo-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1}#logo-row .logo-right img{height:41px;width:auto;max-width:100%}#info-bar{background:rgba(0,0,40,0.20);border:1px solid #335588;border-top:none;padding:6px 10px;font-size:12px;color:#ffffff;line-height:1.8;text-align:center}#info-bar a{color:#00ccff}#breadcrumb{background:rgba(0,0,30,0.7);border:1px solid #335588;border-top:none;padding:5px 10px;font-size:11px;color:#aaaaaa;line-height:1.6}#breadcrumb a{color:#7799bb}#breadcrumb a:hover{color:#ffff00;text-decoration:none}#nav-bar{display:flex;flex-wrap:wrap;background:rgba(0,0,40,0.85);border:1px solid #335588;border-top:none}.nav-cell{flex:1 1 150px;text-align:center;border-right:1px solid #335588;padding:0;font-size:clamp(11px,2.5vw,13px);font-weight:bold}.nav-cell:last-child{border-right:none}.nav-cell a{display:block;width:100%;padding:8px 4px;color:#ffff00;text-decoration:none;transition:background .15s,color .15s}.nav-cell a:hover{background:rgba(255,255,0,0.15);color:#ffffff;text-decoration:none}.sec-bar{background:rgba(0,0,60,0.85);border:1px solid #4466aa;border-bottom:none;padding:6px 12px;text-align:center;font-size:clamp(13px,2.8vw,15px);font-weight:bold;color:#ffffff}.content-block{background:rgba(0,0,20,0.82);border:1px solid #335588;border-top:none;padding:10px 12px;font-size:clamp(12px,2.3vw,13px);color:#ffffff;line-height:1.8}.content-block p{margin-bottom:6px}.content-block strong{color:#00ccff}.content-block a{color:#ffff00}.content-block a:hover{color:#ffffff}#video-section{background:rgba(0,0,20,0.82);border:1px solid #335588;border-top:none;padding:10px;text-align:center}.video-crop-wrap{position:relative;width:100%;max-width:480px;aspect-ratio:1 / 1;margin:0 auto;overflow:hidden;border:1px solid #446688}.video-crop-wrap video{position:absolute;top:45%;left:50%;width:100%;height:auto;transform:translate(-50%,-50%);display:block}.video-caption{font-size:clamp(11px,2.2vw,13px);color:#aaccff;margin-top:6px;text-align:center}.fullsize-img-wrap{background:rgba(0,0,20,0.82);border:1px solid #335588;border-top:none;text-align:center;padding:8px 0;overflow-x:auto}.fullsize-img-wrap img{max-width:none;width:auto;height:auto;display:block;margin:0 auto}@media screen and (max-width:700px){.fullsize-img-wrap img{max-width:100%}}.thumb-grid{background:rgba(0,0,20,0.82);border:1px solid #335588;border-top:none;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px}.thumb-cell{text-align:center;padding:6px 4px 4px;background:rgba(0,0,10,0.5)}.thumb-cell a{display:inline-block}.thumb-cell img{max-width:none;width:auto;height:auto;display:block;margin:0 auto;border:1px solid #445566}@media screen and (max-width:700px){.thumb-cell img{max-width:100%}}.thumb-label{font-size:clamp(10px,2vw,12px);color:#ffffff;margin-top:4px;line-height:1.4}.thumb-grid-2col{background:rgba(0,0,20,0.82);border:1px solid #335588;border-top:none;display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:2px}.thumb-grid-2col .thumb-cell{padding:6px 4px 4px}.note-list{background:rgba(0,0,20,0.82);border:1px solid #335588;border-top:none;padding:10px 16px;font-size:clamp(12px,2.3vw,13px);color:#ffffff;line-height:1.9}.note-list li{margin-left:1em;margin-bottom:4px}.note-list li a{color:#ffff00}.note-list li a:hover{color:#ffffff}.note-list strong{color:#00ccff}.text-section{background:rgba(0,0,20,0.82);border:1px solid #335588;border-top:none;padding:10px 16px;font-size:clamp(12px,2.3vw,13px);color:#ffffff;line-height:1.9}.text-section p{margin-bottom:8px}.text-section strong{color:#00ccff}.text-section a{color:#ffff00}.text-section a:hover{color:#ffffff;text-decoration:none}.link-bar{background:rgba(0,0,40,0.8);border:1px solid #335588;border-top:none;padding:6px 10px;font-size:13px;font-weight:bold;text-align:center}.link-bar a{color:#00ccff;font-size:13px;font-weight:bold}.link-bar a:hover{color:#ffff00}#site-footer{background:rgba(0,0,20,0.9);border-top:2px solid #335588;padding:12px;text-align:center;font-size:11px;color:#aaaaaa}#site-footer a{color:#8888cc}#site-footer a:hover{color:#ffff00}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;margin-bottom:8px}.footer-nav a{color:#8888cc;font-size:12px}.footer-domain{display:inline-block;border:1px solid #ffffff;padding:2px 8px;color:#ffff00;font-weight:bold;margin:6px 0}#lb-overlay{display:none;position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.92);align-items:center;justify-content:center}#lb-overlay.lb-active{display:flex}#lb-inner{display:flex;align-items:center;justify-content:center;max-width:96vw;max-height:96vh;overflow:auto;padding:0}#lb-img{max-width:none;max-height:none;width:auto;height:auto;display:block;border:1px solid #446688;box-shadow:0 0 40px rgba(0,0,0,.8)}@media screen and (max-width:768px){#lb-inner{max-width:100vw;max-height:100vh}#lb-img{max-width:100vw;max-height:100vh}}#lb-close{position:fixed;top:12px;right:16px;background:rgba(0,0,0,.6);color:#fff;border:1px solid #aaa;border-radius:50%;width:36px;height:36px;font-size:18px;line-height:1;cursor:pointer;z-index:9010;display:flex;align-items:center;justify-content:center;transition:background .15s}#lb-close:hover{background:rgba(200,0,0,.8)}#lb-prev,#lb-next{position:fixed;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.55);color:#fff;border:1px solid #aaa;border-radius:4px;width:40px;height:60px;font-size:22px;cursor:pointer;z-index:9010;display:flex;align-items:center;justify-content:center;transition:background .15s}#lb-prev{left:8px}#lb-next{right:8px}#lb-prev:hover,#lb-next:hover{background:rgba(0,80,180,.75)}#pagetop{position:fixed;bottom:20px;right:20px;background:#335588;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.5);transition:background .2s;z-index:900}#pagetop:hover{background:#5599cc;text-decoration:none;color:#fff}#fixed-left{position:fixed;bottom:20px;left:20px;z-index:900;display:flex;flex-direction:column;gap:6px;align-items:flex-start}#btn-tel{display:flex;align-items:center;gap:5px;background:linear-gradient(180deg,#1a7a1a 0%,#0d5c0d 100%);color:#fff!important;padding:7px 12px;border-radius:50px;font-size:12px;font-weight:bold;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.5);border:1px solid #33aa33;transition:background .2s;white-space:nowrap}#btn-tel:hover{background:linear-gradient(180deg,#22aa22 0%,#1a8a1a 100%);color:#fff!important;text-decoration:none}#btn-contact{display:flex;align-items:center;gap:5px;background:#cc3366;color:#fff!important;padding:8px 12px;border-radius:50px;font-size:12px;font-weight:bold;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.5);transition:background .2s;white-space:nowrap}#btn-contact:hover{background:#ff6699;color:#fff!important;text-decoration:none}@media screen and (max-width:420px){#btn-tel{font-size:11px;padding:6px 10px}#btn-contact{font-size:11px;padding:7px 10px}#fixed-left{bottom:12px;left:8px}#pagetop{bottom:12px;right:8px;width:36px;height:36px;font-size:14px}}@media screen and (max-width:480px){.thumb-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:320px){.thumb-grid{grid-template-columns:1fr}.thumb-grid-2col{grid-template-columns:1fr}}