@charset "UTF-8";
.wrapper{
	display: flex;
	flex-flow: column;
	min-height: 100vh;
	max-width: 750px;
	margin:auto;
	background: url("/health/exercise/health-app/standard/assets/img/bg.png") repeat-y; 
	background-size: cover;
}

.wrapper.fun{
	display: flex;
	flex-flow: column;
	min-height: 100vh;
	max-width: 750px;
	margin:auto;
	background: url("/health/exercise/health-app/standard/assets/img/fun_bg.png") repeat-y; 
	background-size: cover;
}

main{
	overflow:hidden;
	flex: 1;
}

#health-app-menu *,
#health-app-menu:after,
#health-app-menu:before,
#health-app-fun *,
#health-app-fun:after,
#health-app-fun:before{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#health-app-menu ul,
#health-app-fun ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#health-app-menu ol,
#health-app-fun ol{
	list-style-type: none;
}

.wrap {
	margin: 0 auto;
	padding: 0 15px;
}

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

.menubox li{
	width:50%;
}

#health-app-fun h1{
	padding-top:23%;
}

#health-app-fun h1 span{
	position:relative;
	line-height:2em;
	text-indent:2em;
}

#health-app-fun h1 span::before{
	position:absolute;
	left:-2em;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(/health/exercise/health-app/standard/assets/img/fun_hoshi1.png) no-repeat;
	background-size:contain;
}

#health-app-fun h1 span::after{
	position:absolute;
	right:-2em;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url(/health/exercise/health-app/standard/assets/img/fun_hoshi2.png) no-repeat;
	background-size:contain;
}