body {
	font-family:Arial, sans-serif;
	max-width:470px;
	margin:0;
	padding:0;
	background-color:#f0f0f0;
}

a {
	text-decoration:none;
	color:inherit;
}

img {
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}

header {
	padding:5px 20px;
	display:flex;
	align-items:center;
}

.logo {
	margin-right:auto;
}

.logoimg {
	width:235px;
}

.menu {
	display:flex;
	justify-content:flex-end;
	padding:10px 5px 0 20px;
	gap:0px;
}

.menu-icon {
		justify-content:flex-end;
		margin-right:10px;
}

.icon {
	width:32px;/
	height:32px;
	transition:opacity 0.3s;
}

.menu-icon a:hover .icon,
.f_menu-icon a:hover .icon {
	opacity:0.7;
}

main {
	padding:0;
}

.mainimg {display:block; margin:20px auto 18px; width:75%; border-radius:5px;}

.f_menu {
	display:flex;
	justify-content:flex-end;
	padding:5px;
	gap:0px;
}

.f_menu-icon {
		margin-right:10px;
}

footer {
	padding:5px 20px;
	text-align:center;
	font-size:0.75rem;
	color:#333;
}

#copy {
	/* COPYRIGHT © ARABURUNEKO ALL RIGHTS RESERVED. */
}

.dotted-line {
	width:100%;
	height:1px;
	border-bottom:1px dotted #333;
	margin:5px 0;
}

.link-grid {display:grid; grid-template-columns:repeat(5, 1fr); gap:6px; padding:0 10px;}
.link-block {display:flex; justify-content:center; align-items:center; width:65px; aspect-ratio:1 / 1; font-size:0.45rem; font-weight:700; color:#999; text-decoration:none; text-align:center; background-color:#fff; padding:5px; border:1px solid #999; border-radius:3px; box-sizing:border-box; aspect-ratio:1 / 1; transition:background-color 0.3s ease;}
.link-block:active {background-color:#999; color:#fff; transform:scale(0.98);}
.link-block span {display:block;}