/*
レスポンシブ表示用
*/

@charset "utf-8";

@media only screen and (max-width: 580px) {

	h1 {font-size: 150%;}
	h2 {font-size: 130%;}
	h3 {font-size: 120%;}
	h4 {font-size: 110%;}
	h5 {font-size: 100%;}
	h6 {font-size: 100%;}

	/* ヘッダー */
	header {
		max-width: 90%;
		margin: 0 auto;
		padding: 0;
	}

	header .site-logo svg {
		max-width: 45vw;
	}

	header .header {
	max-width: 100%;
	}

	/* メイン部分 */
	#container {
		max-width: 100%;
		padding: 2rem 1rem;
	}

	/* content */
	.content,.content-transparent  {
		padding: 1rem 1rem;
	}

	/* 今日の一曲 */
	.today-music {
		margin-top: 20px;
		padding: 1.8rem 2rem;
	}

	/* ウェルカムページ プレイリスト一覧 */
	ul.all-playlists-thumbnail {
		gap: 10px;
		grid-template-columns: 48% 48%;
	}

	ul.all-playlists-thumbnail li p.page-title {
		font-size: 1.2rem;
		line-height: 1.5rem;
		max-width: 90%;
	}

	/* プレイリスト表示 */
	#playlist-disc-animation {
		top: 105%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.playlist-thumbnail {
		width: 100%;
	}

	.playlist-area {
		width: 100%;
	}

	#container .playlist-wrap {
		display: block;
	}

	ul.music-lists {
		background: #ffffff70;
		backdrop-filter: blur(6px);
	}
}