@charset "utf-8";

/*
Site URL	https://plaza.umin.ac.jp/HealthLiteracy/jounal/vol+++no++/ja.html
			https://plaza.umin.ac.jp/HealthLiteracy/en/vol+++no++/index.html
Created		2022/04/01
Last update	2022/04/01 by Hayashi Ryosuke
Author		Hayashi Ryosuke（UMIN Center）
*/

*{
	font-size: 10px;
}
body{
	background:rgb(240,240,240);
	background-size:cover;
	max-width:980px;
	margin: 0 auto;
	padding:0;
	color: rgb(50,50,50);
}
body.ja-body{
	background:rgb(240,240,240) url(https://www.umin.ac.jp/images/hcw/ja-bg.jpg) no-repeat fixed center;
}
body.en-body{
	background:rgb(240,240,240) url(https://www.umin.ac.jp/images/hcw/en-bg.jpg) no-repeat fixed center;
}
h1{
	font-size: 2rem;
	line-height: 1.4em;
	margin: 1em;
	font-weight: bold;
	filter: drop-shadow(2px 2px 0px rgba(240,240,240,1));
}
h2{
	font-size: 2rem;
	margin: 2em 1em 1em 1em;
	border-bottom:dashed 4px rgb(90,90,255);
}
.ja-sec h2{
	border-bottom:dashed 4px rgb(90,90,255);
}
.en-sec h2{
	border-bottom:dashed 4px rgb(90,200,90);
}
h3{
	font-size: 1.5rem;
	font-weight: bold;
	margin: 1rem auto;
	counter-increment: chapters;
	line-height: 1.2em;
}
div.magazin-bg{
	background: rgba(245,245,245,0.9);
	border-radius: 8px;
	padding: 1rem;
	margin: 1rem 1rem 4rem 1rem;
	box-shadow: 2px 2px 0px rgb(20,20,20);
}
div.magazin-bg p{
	line-height: 1.4em;
	margin-bottom: 1em;
	font-size: 1rem;
}
span.num {
	vertical-align:super;
	font-size: 0.5em;
}
@media screen and (max-width:500px) { 
	body.ja-body{
		background:rgb(240,240,240) url(https://www.umin.ac.jp/images/hcw/ja-bg.jpg) no-repeat fixed center;
	}
	body.en-body{
		background:rgb(240,240,240) url(https://www.umin.ac.jp/images/hcw/en-bg.jpg) no-repeat fixed center;
	}
	h1{
		margin: 1em 0.4em;
	}
	h2{
		margin: 2em 0.4em 1em 0.4em;
	}
	div.magazin-bg{
		margin: 15px 4px 25px 4px;
	}
}

.menu--flex{
	max-width: 960px;
	padding: 0;
	margin: 0px auto;
}
.menu--flex ul{
	margin: 0 1em;
	display: flex;
	flex-wrap:wrap;
}
.menu--flex li{
	background: rgb(255,255,255);
	border-radius: 5px;
	width: 150px;
	text-align: center;
	margin-top: 20px;
	margin-right: 8px;
}
.menu--flex ul.ja-ul li{
	border: solid 2px rgb(90,90,255);
	filter: drop-shadow(2px 2px 2px rgba(20,20,100,1));
}
.menu--flex ul.en-ul li{
	border: solid 2px rgb(20,180,20);
	filter: drop-shadow(2px 2px 2px rgba(20,100,20,1));
}
.menu--flex .check{
	background-color: rgb(240,250,255);
}
.menu--flex ul li a{
	display: block;
	width: 100%;
	padding: 12px 0;
	text-decoration: none;
}