@charset "utf-8";

/* ーーーーーーーーーーーーーーーーーーーー
フッター
ーーーーーーーーーーーーーーーーーーーー */
body#naha {
	& footer {
		display: flex;
		justify-content: flex-end;
		gap: calc( 2 * var(--BaseSize) );
		padding: calc( 1 * var(--BaseSize) );
		width: 100vw;
		height: 10vh;
		background-image: url('https://signage.rokuten.jp/common/img/naha/bar.svg');
		aspect-ratio: 30 / 1;
		& div {
			position: relative;
			display: flex;
			gap: calc( 2 * var(--BaseSize) );
			padding: calc( 1 * var(--BaseSize) ) calc( 2 * var(--BaseSize) );
			background: var(--Color_B080);
			border-radius: var(--Border-radius_S);
			backdrop-filter: blur( 8px );
			-o-backdrop-filter: blur( 8px );
			-moz-backdrop-filter: blur( 8px );
			-webkit-backdrop-filter: blur( 8px );
			& i {
				display: flex;
				justify-content: center;
				align-items: center;
				width: calc( 3 * var(--BaseSize) );
				font-size: calc( 3 * var(--BaseSize) );
				color: var(--Color_FF100);
				border-radius: var(--Border-radius_L);
				aspect-ratio: 1 / 1;
			}
			& ul {
				display: flex;
				align-items: center;
				gap: calc( 2 * var(--BaseSize) );
				& li {
					color: var(--Color_FF100);
					& em {
						font-size: calc( 2 * var(--BaseSize) );
					}
					& strong {
						font-size: calc( 3 * var(--BaseSize) );
					}
					& date {
						font-size: calc( 3 * var(--BaseSize) );
						& span {
							font-size: calc( 2 * var(--BaseSize) );
						}
					}
					& time {
						font-size: calc( 3 * var(--BaseSize) );
						& span {
							font-size: calc( 2 * var(--BaseSize) );
						}
					}
				}
			}
		}
	}
	
}