@media screen and (max-width: 530px) {
	.hp-title h2 {
		font-size: large;
	}
	
	nav.menu-content {
		width: 80%;
		margin-left: 10%;
	}
	
	.nav-scroll {
		overflow-x: auto;
	}
	
	.nav-scroll ul {
		width: max-content;
	}
	.nav-scroll ul > li {
		width: 120px;
	}
	
	.nav-scroll ul li a {
		display: inline-block;
	}
	
	.logo-img img {
		width: 80%;
	}
	
	.logo-img p {
		font-size: x-small;
	}
	
	.news-content {
		font-size: small;
	}
	
	.news-date {
		width: 25%;
	}
	
	.news-detail {
		width: 75%;
	}
	
	.band-card img {
		height: 27vw;
	}
	
	.modal-body {
		width: 95%;
	}
}

@media screen and (max-width: 400px) {
	.hp-title h2 {
		font-size: medium;
	}
	
	.news-content {
		font-size: x-small;
	}
	
	ul.archives a {
		font-size: medium;
	}
	
	nav.menu-content ul li {
		font-size: medium;
	}
	
	nav.menu-content > h2 {
		font-size: medium;
	}
	
	.logo-img img {
		width: 90%;
	}
	
	.logo-img p {
		font-size: xx-small;
	}
	
	.twitter-share-btn {
		font-size: x-small;
		padding: 2px 4px;
		margin: 0 1px;
	}
	
	.facebook-share-btn {
		font-size: x-small;
		padding: 2px 4px;
		margin: 0 1px;
	}
	
	.line-share-btn {
		font-size: x-small;
		padding: 2px 4px;
		margin: 0 1px;
	}
	
	.copy-share-btn {
		font-size: x-small;
		padding: 2px 4px;
		margin: 0 1px;
	}
}