.hide_mobile {
	display: none !important;
}

.choice {
	width: auto;
	font-size: 4vmin;
}

div.muyomi-root {
	font-size: 12pt;
	padding-bottom: 10vmin;
}

div.muyomi-root.contentlist {
	margin: 5vmin;
}

.contentlist > ul {
	display: block;
}

.contentlist > ul > li {
	width: auto;
	height: auto;
	min-width: 60%;
	padding-top: 100px;
	background-size: 25vmin;
}

div.muyomi-root.contentlist > ul > li > div.title {
	font-size: 5vmin;
}

ul.contentindex.muyomi, ol.contentindex.muyomi {
	width: 70vmin;
	height: 70vmin;
	font-size: 4vmin;
	line-height: 110%;
}

.contentindex.muyomi > li {
	width: 30vmin;
	padding-top: 20vmin;
	background-size: auto 15vmin;
	font-size: 10pt;
}

div.muyomi-root > ul.contentindex {
	font-size: 6vmin;
	max-width: 80%;	
	margin-left: auto;
	margin-right: auto;
}

div.muyomi-root > ul.contentindex > li {
	padding-top: 20vmin;
	padding-bottom: 5vmin;
	background-size: 18vmin;
	display: block;
	font-size: 6vmin;
}

.contentindex > .title.icon::before {
	font-size: 15vmin;
	top: 6vmin;
}

div.muyomi-root div.title.descended {
	font-size: 4vmin;
}

div.muyomi-root div.title.index {
	width: 6vmin;
	height: 6vmin;
	padding: 0;
	margin: 0;
	margin-top: 1.5vmin;
	background-size: contain; 
}

div.muyomi-root div.title.index.hidden {
	display: block !important;
	opacity: 0;
	width: 0;
	height: 0;
	margin: 3vmin;
	margin-top: 5.5vmin;
}

div.muyomi-root div.touch > div.marblechart > div.title {
	font-size: 12pt;
}

div.marblechart > div.summary {
	display: flex;
}

div.marblechart > div.summary > div.glassbox.empty {
	display: none;
}

div.marblechart > div.summary > div.glassbox.filled {
	flex:1;
}

div.marblechart > div.summary div.glass {
	height: 100px;
}

div.marblechart > div.summary > div.label,
div.marblechart > div.summary div.glass > div.background,
div.marblechart > div.summary div.glass > div.foreground, 
div.marblechart > div.summary div.glass > div.bottom {
	display: none !important;
} 

div.marblechart > div.summary > div.label.filled {
	display: block !important;
	background-color: #eeeeee;
	width: 100%;
	border-radius: 2px;
	padding: 5px;
}

div.touch > div.marblechart div.glass > div.content > div.marble {
	position: relative;
	margin-left: auto;
	margin-right: auto;
} 

div.myanswer {
	margin-top: 0;
	display: block;
}

div.dilemmacontent {
	margin-top: 30px;
	margin-left: 3vw;
	margin-right: 3vw;
}