body{
	margin:0;
	padding:0;
	background-color:#000;
	overflow-x : hidden;
	color:#FFF;
	font-size:14px;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	letter-spacing:2px;
	background-image: url("img/bg.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size:cover;
	
}
ul{list-style-type:none;}

main{display:flex;}
main .profile{width:calc(20% - 2em);padding:1em;background-color: rgba(0, 0, 0, 0.7);}

main .disc{background-color:#000;width:calc(80% - 2em);padding:1em;}
main .disc ul{margin:0;padding:0;display:flex;flex-wrap:wrap;}
main .disc ul li{width:calc(100% / 6 - 2em);margin:1em;}
main .disc ul li img{width:100%;}
main .disc p , main .disc h2 , main .disc h3 , main .disc a{font-size:12px;margin:0.5em 0;}
main .disc a{color:#FFF;text-decoration:none;}

main .lyric{background-color:#000;width:calc(100% - 2em);padding:1em;}
main .lyric ul{margin:0;padding:0;display:flex;flex-wrap:wrap;}
main .lyric ul li{width:calc(100% / 6 - 2em);margin:1em;}
main .lyric ul li img{width:100%;}
main .lyric p , main .lyric h2 , main .lyric h3 , main .lyric a{font-size:12px;margin:0.5em 0;}
main .lyric a{color:#FFF;text-decoration:none;}

main .lyric h2{font-size:14px;}

footer{text-align:center;background-color:#FFF;padding:1em 0;color:#222;}

.live_arch{display:flex;flex-wrap:wrap;}

main .disc.live_arch ul li{width: calc(100% / 1 - 2em);}
main .disc.live_arch ul{max-width:600px;}
main .disc.live_arch h2{width:100%;}

.lyric_p{display:none;position:fixed;left:0;top:0;width:calc(100% - 4em);height:calc(100% - 4em);padding:2em;background-color:#000;font-size:18px !important;overflow:auto;line-height:1.75em;}


.you_btn{display:block;max-width:400px;width:90%;margin:1em auto !important;background-color:#FFF;color:#F00 !important;font-weight:bold;border-radius:10px;text-align:center;padding:0.5em 0;}

@media screen and (max-width: 768px) {
	main{display:block;}
	main .profile{width:calc(100% - 2em);padding:1em;background-color: rgba(0, 0, 0, 0.7);}
	main .disc{background-color:#000;width:calc(100% - 2em);padding:1em;}
	main .disc ul li{width:calc(100% / 2 - 2em);margin:1em;}
	main .lyric{background-color:#000;width:calc(100% - 2em);padding:1em;}
	main .lyric ul li{width:calc(100% / 2 - 2em);margin:1em;}

}