/*
 *
 *	archive.css for index.html
 *	2020.08.18, coded by T.Mashimo
 *
*/

* {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
	border-collapse: collapse;
	list-style: none;
	text-decoration: none;
}
img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}
h1 {
	font-size: 1.0em;
}
html, body {
	width: 100%;
	max-width: 640px;
	min-height: 100%;
	margin:auto;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	color: white;
	background-color: #000015;
	position: relative;
}
nav {
	width: 100%;
	max-width: 640px;
	height: 120px;
	margin: 50px 0px;
	text-align: center;
}
#rogo {
	width: 100%;
	height: 100%;
	text-align: center;
}
#rogo img {
	height: 100%;
	object-fit: contain;
}
#more {
	font-size: 0.75em;
	width: 100%;
	text-align: center;
	margin-top: 10px;
	padding-bottom: 100px;
	cursor: pointer;
}
#more span {
	display: inline-block;
	padding: 20px;
	border: 1px solid rgba(255,255,255,0.5);
	border-radius: 10px;
}
[data-astrobody-archivecontroller-loaidng] {
	position: fixed;
	left: 0px;
	top: 0px;
	padding-top: 30%;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.9);
	text-align: center;
	font-size: 14px;
	z-index: 9999;
	transition: all 1.0s ease-in-out;
}
[data-astrobody-playlist] {
	width: 100%;
	text-align: center;
	font-size: 13px;
}
[data-astrobody-playlist-item] {
	visibility: hidden;
}
[data-astrobody-player-location] {
	font-size: 0.75em;
}
/*
[data-astrobody-playlist-item] div:nth-of-type(2),
[data-astrobody-playlist-item] div:nth-of-type(3)
{
	visibility: hidden;
}
*/

/* Mobile */
@media screen and (max-width: 640px) {
	html, body {
		overflow-x: hidden;
	}
}