/*
 * Shared footer (every theme-owned page): page-top button, cast/tag marquees and #colophon,
 * ported from the saved Before and After v5 theme (style.css "Footer", "Marquee", "Media control").
 * v5 sizes are rem on a 10px root; they are written here in px so the footer renders the same
 * on the front page (10px root) and on every other page (16px root).
 */
#site-footer-marquee,#colophon{
	--ft-blue:#00f;--ft-orange:#ff643c;--ft-bg:#fff5e6;
	--ft-line-vw:linear-gradient(90deg,rgb(0 0 255/.3) .44vw,transparent .44vw,transparent .51vw) left bottom/.58vw 1px repeat-x;
	--ft-blank:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22m12.38%2C8.09H1.91c-1.05%2C0-1.91.85-1.91%2C1.9v5.71c0%2C1.05.85%2C1.91%2C1.91%2C1.91h10.47c1.05%2C0%2C1.91-.85%2C1.91-1.91h0v-5.71c0-1.05-.85-1.91-1.91-1.91h0m0%2C1.43c.26%2C0%2C.48.21.48.48v5.71c0%2C.26-.21.48-.48.48H1.91c-.26%2C0-.48-.21-.48-.48v-5.71c0-.26.21-.48.48-.48h10.47m7.62-5.23v5.71c0%2C1.05-.85%2C1.91-1.91%2C1.91h-2.38v-1.44h2.38c.26%2C0%2C.48-.21.48-.48h0v-5.71c0-.26-.21-.48-.48-.48H7.62c-.26%2C0-.48.21-.48.48h0v2.38h-1.43v-2.38c0-1.05.85-1.91%2C1.9-1.91h10.47c1.05%2C0%2C1.91.85%2C1.91%2C1.91%2C0%2C0%2C0%2C0%2C0%2C0%22%2F%3E%3C%2Fsvg%3E');
	--ft-size-10:calc(10px + 4 * (100vw - 1280px) / 640);
	--ft-size-12:calc(12px + 5 * (100vw - 1280px) / 640);
	--ft-size-16:calc(16px + 6 * (100vw - 1280px) / 640);
	--ft-size-20:calc(20px + 8 * (100vw - 1280px) / 640);
	--ft-size-180:calc(180px + 78 * (100vw - 1280px) / 640);
	color:var(--ft-blue);font-family:"IBM Plex Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:14px;font-weight:400;line-height:1.8;letter-spacing:.04em;
}
#site-footer-marquee a,#colophon a{color:var(--ft-blue);text-decoration:none;transition:.2s linear}
#site-footer-marquee a:hover,#colophon a:hover{color:var(--ft-orange)}
#site-footer-marquee ul,#colophon ul{list-style:none;padding:0;margin:0}
#colophon .icon,#site-footer-marquee .icon{fill:currentColor}
#colophon .en{font-family:Fahkwang,sans-serif}

/* Page-top button and marquees */
#site-footer-marquee{text-align:center;padding:0;margin-top:80px;background:var(--ft-bg)}
#site-footer-marquee .page-top-button{display:inline-flex;color:var(--ft-orange);margin:0 auto 20px;cursor:pointer;animation:mta-ft-scaling 5s ease-in-out infinite}
#site-footer-marquee .page-top-button .icon{width:20px;height:20px;transition:.2s linear}
#site-footer-marquee .marquee{display:flex;white-space:nowrap;overflow:hidden}
#site-footer-marquee .marquee-wrap{gap:2em}
#site-footer-marquee .tag-links-marquee{background:var(--ft-blue)}
#site-footer-marquee .cast-links-marquee{background:var(--ft-orange)}
#site-footer-marquee .marquee-container{display:flex;flex:none;gap:2em;white-space:nowrap}
#site-footer-marquee .tag-links-marquee .marquee-container{animation:mta-ft-marquee 100s linear infinite}
#site-footer-marquee .cast-links-marquee .marquee-container{animation:mta-ft-marquee-reverse 100s linear infinite}
#site-footer-marquee .marquee-links{display:flex;gap:2em;padding:25px 0;margin:0}
#site-footer-marquee .marquee-links a{font-size:20px;line-height:1;vertical-align:text-bottom}
#site-footer-marquee .tag-links a{color:#fff}
#site-footer-marquee .cast-links a{color:var(--ft-blue)}
@keyframes mta-ft-marquee{0%{translate:0}100%{translate:calc(-100% - 2em)}}
@keyframes mta-ft-marquee-reverse{0%{translate:calc(-100% - 2em)}100%{translate:0}}
@keyframes mta-ft-scaling{0%{transform:scale(1)}50%{transform:scale(1.5)}100%{transform:scale(1)}}

/* Footer */
#colophon.site-footer{position:relative;overflow:hidden;color:var(--ft-blue);background:var(--ft-bg);border:0;padding:190px 25px 210px}
#colophon .site-info{text-align:center}
#colophon .is-desktop,#colophon .is-mobile{display:none}
#colophon .footer-logo{width:120px;margin:0 auto 40px;line-height:0}
#colophon .footer-logo svg{display:block;width:100%;height:auto}
#colophon .copyright{font-size:10px;letter-spacing:.02em;margin:0}
#colophon .title-marquee{position:absolute;right:0;bottom:0;left:0;display:flex;gap:.5em;white-space:nowrap;overflow:hidden;font-size:50px;font-weight:300;line-height:1}
#colophon .title-marquee-inner{animation:mta-ft-marquee 20s linear infinite}
#colophon .category-nav{letter-spacing:.02em}
#colophon .search-toggle{display:grid;place-content:center;flex:none;width:50px;height:50px;color:var(--ft-blue);background:#fff;border-radius:50%;box-shadow:0 0 0 2px var(--ft-orange) inset}
#colophon .search-toggle .icon{width:20px;height:20px;transition:.2s linear}
@media (max-width:959px){
	#colophon .is-mobile{display:block}
	#colophon .site-info.is-mobile{font-size:10px}
}
@media (min-width:960px){
	#colophon .is-desktop{display:block}
	#colophon.site-footer{padding:11.7vw 4.4vw 2.9vw;font-size:16px}
	#colophon .site-info{text-align:left}
	#colophon .footer-navigation{display:flex;justify-content:space-between;gap:4.4vw;padding:0 4.4vw;margin-bottom:4.4vw}
	#colophon .flex-area{flex:1;text-align:right;margin-top:auto}
	#colophon ul{display:grid}
	#colophon .category-area{font-size:20px;margin-right:1.5vw}
	#colophon .category-nav{gap:2.2vw}
	#colophon .navigation-area{font-size:16px}
	#colophon .navigation-area>section:last-child{margin:0}
	#colophon .navigation-area .widget-title,#colophon .navigation-area .site-widget-title{display:none}
	#colophon .navigation-area .menu{position:relative;gap:1.5vw;padding-bottom:2.2vw;margin-bottom:.7vw}
	#colophon .navigation-area .menu::after{content:"";position:absolute;bottom:0;left:0;display:block;width:2.9vw;height:1px;background:var(--ft-line-vw)}
	#colophon .navigation-area .menu a{display:flex;align-items:center;gap:5px}
	#colophon .navigation-area .small-menu .menu{font-size:12px;gap:.7vw;padding:0;margin:0}
	#colophon .navigation-area .small-menu .menu::after{content:none}
	#colophon .sns-links{display:grid;justify-content:end;gap:1.5vw;margin-bottom:2.9vw}
	#colophon .sns-links .icon{width:2.3vw;height:2.3vw}
	#colophon .sns-links .icon-x{transform:scale(.9)}
	#colophon .menu a[target="_blank"]::after{content:"";display:inline-block;width:1.6vw;height:1.6vw;background:var(--ft-blue);mask:var(--ft-blank) center/contain no-repeat;-webkit-mask:var(--ft-blank) center/contain no-repeat;transform:translateY(-2px)}
	#colophon .language-switcher{display:inline-flex;align-items:center;gap:1.1vw;margin-bottom:1.1vw}
	#colophon .language-switcher .translate-link{display:inline-flex}
	#colophon .language-switcher .translate-link img{width:2.9vw;height:1.3vw}
	#colophon .language-switcher .en{font-size:12px;font-weight:500;margin:0}
	#colophon .copyright{font-size:10px}
	#colophon .footer-logo-area{margin:0;line-height:0}
	#colophon .footer-logo-area svg{display:block;width:100%;height:auto}
	#colophon .search-toggle:hover{box-shadow:0 0 0 3px var(--ft-orange) inset}
	#colophon .search-toggle:hover .icon,#site-footer-marquee .page-top-button:hover .icon{transform:scale(1.1)}
}
@media (min-width:1280px){
	#site-footer-marquee .page-top-button{margin-bottom:1.5vw}
	#site-footer-marquee .page-top-button .icon{width:1.5vw;height:1.5vw}
	#site-footer-marquee .marquee-links{padding:1.8vw 0}
	#site-footer-marquee .marquee-links a{font-size:var(--ft-size-20)}
	#colophon .search-toggle{width:3.7vw;height:3.7vw}
	#colophon .search-toggle .icon{width:1.32vw;height:1.32vw}
	#colophon .category-area{font-size:var(--ft-size-20)}
	#colophon .navigation-area{font-size:var(--ft-size-16)}
	#colophon .navigation-area .small-menu .menu,#colophon .language-switcher .en{font-size:var(--ft-size-12)}
	#colophon .copyright{font-size:var(--ft-size-10)}
}
@media (prefers-reduced-motion:reduce){
	#site-footer-marquee .marquee-container,#site-footer-marquee .page-top-button,#colophon .title-marquee-inner{animation:none}
}