@charset "utf-8";

/*
Site URL	http://healthcommunication.jp/journal/vol007no01/
Created		2019/10/14
Last update	2020/10/14 by Hayashi Ryosuke
Author		Hayashi Ryosuke（UMIN Center）
*/

body{
	background:rgb(240,240,240) url(../img/gb-ja.jpg) no-repeat fixed center;
	background-size:cover;
	max-width:980px;
	margin: 0 auto;
	padding:0;
	font-size:16px;
	color: rgb(50,50,50);
}
h1{
	font-size: 23px;
	margin: 1em;
	font-weight: bold;
	filter: drop-shadow(2px 2px 0px rgba(240,240,240,1));
}
h2{
	font-size: 28px;
	margin: 2em 1em 1em 1em;
	border-bottom:dashed 4px rgb(250,90,90);
}
h3{
	font-size: 24px;
	font-weight: bold;
	margin: 12px auto;
	counter-increment: chapters;
	line-height: 1.4em;
}
div.magazin-bg-en{
	background: rgba(245,245,245,0.9);
	border-radius: 8px;
	padding: 12px;
	margin: 16px 16px 40px 16px;
	box-shadow: 2px 2px 0px rgb(20,20,20);
}
div.magazin-bg-en p{
	line-height: 1.2em;
	margin-bottom: 1em;
}
span.num {
	vertical-align:super;
	font-size: 0.5em;
}
@media screen and (max-width:500px) { 
	body{
		background:#eef url(../img/gb-ja-s.jpg) no-repeat fixed center;
		background-size:cover;
	}
	h1{
		margin: 1em 0.4em;
	}
	h2{
		margin: 2em 0.4em 1em 0.4em;
	}
	div.magazin-bg-en{
		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{
	border: solid 2px rgb(180,20,20);
	background: rgb(255,255,255);
	border-radius: 5px;
	width: 150px;
	text-align: center;
	margin-top: 20px;
	margin-right: 8px;
	filter: drop-shadow(2px 2px 2px rgba(100,20,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;
}

div.magazin-bg{
	background: rgba(245,245,245,0.9);
	border-radius: 8px;
	padding: 12px;
	margin: 16px 16px 40px 16px;
	box-shadow: 2px 2px 0px rgb(20,20,20);
}
div.magazin-bg p{
	line-height: 1.2em;
	margin-bottom: 1em;
}