/* はてな日和｜居候の小部屋 v1.0 (他ページのCSSに干渉しません) */
.ik-widget,.ik-room{--ik-ink:#5d4b61;--ik-line:#e6d2df;--ik-pink:#fff0f5;--ik-yellow:#fff1c7;color:var(--ik-ink)}
.ik-widget{display:grid;grid-template-columns:minmax(0,1fr) 192px;align-items:center;gap:14px;border:1.5px dashed #e2bed2;border-radius:15px;padding:15px;margin:21px 0 0;background:linear-gradient(125deg,#fffaf3,#fff3f8 63%,#f6f2ff);box-shadow:2px 3px 0 #f4e8ef}
.ik-widget .ik-tiny{font-size:.68rem;color:#986b87;letter-spacing:.13em;font-weight:800;margin:0 0 3px}
.ik-widget h2{font-size:1.04rem;margin:0 0 6px;line-height:1.4;color:#674861}
.ik-widget p{font-size:.84rem;line-height:1.6;margin:0 0 6px}
.ik-widget .ik-visit,.ik-room .ik-visit{color:#8c7086;font-size:.77rem}
.ik-widget a.ik-see{color:#985584;font-size:.83rem;font-weight:800;text-underline-offset:4px;display:inline-block;margin-top:3px}
.ik-widget a.ik-see:hover,.ik-widget a.ik-see:focus-visible{color:#642f59}
.ik-widget .ik-mini{min-width:0}
.ik-widget .ik-stage{height:145px;border-radius:10px;box-shadow:0 2px 0 #e1cbd7;overflow:hidden}
.ik-stage{position:relative;overflow:hidden;isolation:isolate;border:2px solid #e8cad9;border-radius:17px;background:#faf0eb;min-height:145px}
.ik-stage .ik-wall{position:absolute;inset:0 0 28%;background-color:#fff2ee;background-image:radial-gradient(#e9cfdb 1px,transparent 1px);background-size:22px 22px}
.ik-stage .ik-wall:after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:#f0ced1;border-top:2px solid #d8b8bd}
.ik-stage .ik-floor{position:absolute;inset:72% 0 0;background:#eac7b9;background-image:repeating-linear-gradient(90deg,transparent 0 36px,#ddb6a8 37px 39px);}
.ik-stage .ik-rug{position:absolute;left:32%;bottom:8%;width:43%;height:18%;border-radius:45%;background:#f9dd91;border:3px solid #e6bd72;box-shadow:0 3px 0 #cfa68b6e}
.ik-stage .ik-box{position:absolute;left:7%;bottom:23%;height:25%;width:26%;background:#c89f78;border:3px solid #b88d68;box-shadow:inset 0 -7px #b58e70;transform:skew(-3deg)}
.ik-stage .ik-box:after{content:"";position:absolute;top:36%;left:45%;width:4px;height:28%;background:#e8c8a0}
.ik-stage .ik-pot{position:absolute;left:7%;bottom:23%;width:21px;height:19px;background:#df9698;border:2px solid #aa747e;border-radius:2px 2px 7px 7px;z-index:2}
.ik-stage .ik-pot:before,.ik-stage .ik-pot:after{content:"";position:absolute;background:#86b68b;border:2px solid #6b976e;width:10px;height:17px;bottom:13px;border-radius:12px 0 12px 0;transform:rotate(-30deg);left:-1px}
.ik-stage .ik-pot:after{transform:rotate(35deg);left:9px;bottom:18px}
.ik-stage .ik-mug{position:absolute;left:28%;bottom:47%;width:16px;height:15px;background:#e8f4ff;border:2px solid #85a9c2;border-radius:1px 1px 5px 5px;z-index:3}
.ik-stage .ik-mug:after{content:"";position:absolute;left:11px;top:2px;width:7px;height:7px;border:2px solid #85a9c2;border-radius:50%}
.ik-stage .ik-shelf{position:absolute;right:6%;bottom:36%;width:24%;height:34%;border:5px solid #b79082;border-bottom-width:8px;background:repeating-linear-gradient(to bottom,#f8ebd4 0 19px,#b79082 19px 23px);z-index:1;border-radius:3px}
.ik-stage .ik-shelf:before{content:"";position:absolute;bottom:5px;left:6px;width:8px;height:16px;background:#c5bded;box-shadow:11px 0 #ffd29b,0 -25px #b3ddb8,11px -25px #f4aeb4}
.ik-stage .ik-loft{position:absolute;left:14%;top:8%;width:46%;height:24%;border:5px solid #b88c82;border-bottom-width:8px;background:#f4d5c1;z-index:1;box-shadow:0 5px 0 #d5a799}
.ik-stage .ik-loft:before{content:"";position:absolute;right:-12%;top:100%;width:7px;height:185%;background:repeating-linear-gradient(to bottom,#b88c82 0 7px,#faebdc 7px 13px);transform:skewX(-17deg)}
.ik-stage .ik-window{position:absolute;left:15%;top:14%;height:22%;width:21%;background:linear-gradient(#d9e9fa 65%,#fce6e8);border:4px solid #dbb5b5;box-shadow:inset 0 0 0 2px white;z-index:1}
.ik-stage .ik-window:after{content:"";position:absolute;top:0;bottom:0;left:49%;width:3px;background:#e5c4c1}
.ik-pet{position:absolute;width:72px;height:67px;left:53%;bottom:21%;transform:translateX(-50%);z-index:5;animation:ik-breathe 3s ease-in-out infinite;filter:drop-shadow(0 3px 0 #ae8f9b55)}
.ik-pet[data-ik-spot="left"]{left:41%}
.ik-pet[data-ik-spot="right"]{left:62%}
.ik-pet .ik-body{position:absolute;inset:10px 5px 1px;background:#d5c5ed;border:3px solid #856d94;border-radius:44% 46% 35% 36%;box-shadow:inset -7px -7px 0 #c3b0e1}
.ik-pet .ik-bump{position:absolute;left:22px;top:1px;width:17px;height:25px;transform:rotate(-26deg);border:3px solid #856d94;background:#d5c5ed;border-radius:70% 30% 50% 30%;z-index:-1}
.ik-pet .ik-eye{position:absolute;top:29px;width:5px;height:7px;background:#55475d;border-radius:50%;z-index:2}
.ik-pet .ik-eye.left{left:25px}.ik-pet .ik-eye.right{left:43px}
.ik-pet .ik-mouth{position:absolute;top:39px;left:33px;width:10px;height:5px;border-bottom:2px solid #826d86;border-radius:50%;z-index:2}
.ik-pet .ik-cheek{position:absolute;top:37px;height:6px;width:9px;background:#ecacc9;border-radius:50%;z-index:2;opacity:.8}
.ik-pet .ik-cheek.left{left:16px}.ik-pet .ik-cheek.right{right:14px}
.ik-pet .ik-feet{position:absolute;bottom:-2px;left:19px;width:14px;height:9px;border-radius:40%;background:#94799d;box-shadow:26px 0 #94799d;z-index:-1}
.ik-pet.is-sleeping .ik-eye{height:4px;background:transparent;border-bottom:2px solid #55475d;border-radius:0 0 50% 50%}
.ik-pet.is-sleeping .ik-mouth{height:4px;border-radius:50%;width:6px;left:35px}
.ik-pet.is-happy .ik-eye{height:4px;background:transparent;border-top:2px solid #55475d;border-radius:50% 50% 0 0}
.ik-stage .ik-guest{position:absolute;width:29px;height:32px;right:20%;bottom:24%;border:2px solid #779b8d;border-radius:42% 42% 30% 30%;background:#b2d9c4;z-index:4;box-shadow:inset -3px -4px #9fc6b1}
.ik-stage .ik-guest:before{content:"";position:absolute;top:12px;left:7px;width:4px;height:5px;border-radius:50%;background:#52635d;box-shadow:10px 0 #52635d}
.ik-stage .ik-guest:after{content:"";position:absolute;top:-7px;left:9px;width:7px;height:11px;background:#b2d9c4;border:2px solid #779b8d;border-radius:80% 25% 0 0;transform:rotate(15deg);z-index:-1}
.ik-stage .ik-zzz{position:absolute;left:70%;bottom:73%;z-index:10;color:#9677b0;font-size:1.2rem;font-weight:bold;letter-spacing:3px;animation:ik-zzz 2.4s ease-in-out infinite}
.ik-stage .ik-note-sign{position:absolute;right:9%;top:12%;padding:3px 5px;background:#fffaf0;border:2px solid #d4ad9f;color:#906b72;font-size:.7rem;font-weight:bold;transform:rotate(6deg);z-index:1}
.ik-stage:not([data-days="long"]) .ik-loft{display:none}
.ik-stage [hidden]{display:none!important}
.ik-room{max-width:800px;margin:0 auto;padding:0 0 26px}
.ik-room .ik-room-header{background:linear-gradient(130deg,#fff5c5,#ffeef1 55%,#e9e9ff);border:2px solid #f0cfdd;border-radius:20px;box-shadow:5px 5px 0 #f9e6ed;padding:24px;margin:15px 0 25px}
.ik-room .ik-room-header .ik-tag{font-size:.72rem;letter-spacing:.16em;font-weight:800;color:#926c88}
.ik-room h1{font-size:clamp(1.7rem,5vw,2.25rem);line-height:1.35;color:#875b7f;margin:7px 0}
.ik-room .ik-lead{margin:4px 0;font-size:.9rem}
.ik-room .ik-room-stage{height:330px;max-width:720px;margin:auto;border-width:4px;border-radius:18px}
.ik-room .ik-room-stage .ik-pet{transform:translateX(-50%) scale(1.8);transform-origin:center bottom;bottom:21%;left:52%}
.ik-room .ik-room-stage .ik-guest{transform:scale(1.45);transform-origin:bottom right;right:22%}
.ik-room .ik-room-stage .ik-rug{width:38%;left:34%}
.ik-room .ik-room-stage .ik-box{left:11%;width:21%;height:24%}
.ik-room .ik-room-stage .ik-pot{left:12%;transform:scale(1.5);transform-origin:bottom left}
.ik-room .ik-room-stage .ik-mug{left:28%;transform:scale(1.35)}
.ik-room .ik-room-stage .ik-zzz{left:62%;bottom:61%}
.ik-room .ik-room-stage .ik-shelf{right:7%;width:18%}
.ik-room .ik-room-stage .ik-note-sign{font-size:.91rem}
.ik-room .ik-room-info{margin:20px 0 0;background:#fff;border:1px solid #ead9e2;border-radius:13px;padding:17px 19px}
.ik-room .ik-room-info h2{color:#805978;font-size:1.06rem;margin:0 0 8px}
.ik-room .ik-room-info p{font-size:.92rem;margin:0 0 7px;line-height:1.8}
.ik-room .ik-room-info p:last-child{margin:0}
.ik-room #ik-history{margin:0;padding-left:1.4em;font-size:.88rem;line-height:1.9}
.ik-room #ik-history li{padding:3px 0}
.ik-room .ik-footnote{font-size:.76rem;color:#806c7b;margin:18px 4px;line-height:1.75}
.ik-room .ik-room-header .ik-visit{font-size:.82rem}
@keyframes ik-breathe{0%,100%{translate:0 0}50%{translate:0 -3px}}
@keyframes ik-zzz{0%,100%{opacity:.2;transform:translateY(4px)}50%{opacity:1;transform:translateY(-3px)}}
@media(max-width:560px){.ik-widget{grid-template-columns:minmax(0,1fr) 126px;gap:9px;padding:11px}.ik-widget h2{font-size:.93rem}.ik-widget p{font-size:.78rem}.ik-widget .ik-stage{height:116px}.ik-widget .ik-pet{transform:translateX(-50%) scale(.72);transform-origin:center bottom}.ik-widget .ik-box{bottom:24%}.ik-widget .ik-shelf{border-width:3px}.ik-room .ik-room-stage{height:260px}.ik-room .ik-room-stage .ik-pet{transform:translateX(-50%) scale(1.3)}.ik-room .ik-room-stage .ik-guest{right:24%;transform:scale(1.1)}.ik-room .ik-room-header{padding:19px 16px}}
@media(max-width:360px){.ik-widget{grid-template-columns:1fr}.ik-widget .ik-stage{height:130px}.ik-widget .ik-pet{transform:translateX(-50%) scale(1)}.ik-widget .ik-mini{order:1}.ik-widget .ik-scene-wrap{order:0}}
@media(prefers-reduced-motion:reduce){.ik-pet,.ik-stage .ik-zzz{animation:none!important}}