div.detail {
	width: 100%;
	border: 2px #1574bc solid;
}

ul.top {
	display: none;
}

ul.dpc {
	display: none;
}

div.header div.menu ul.supervisor{
	display: none;
}

div.detail_inner h1 {
	font-size:20px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left:10px;
	background-color: #083e8c;
	border-radius: 5px;
	margin-bottom: 10px;
}

div.detail_inner h2 {
	font-weight: bold;
	color: #1574bc;
}

div.detail_inner h3 {
	font-weight: bold;
	color: #1574bc;
	border-top: 1px #1574bc solid;
	border-bottom: 1px #1574bc solid;
}

div.related P {
	font-weight: bold;
	border-bottom: 1px solid;
	line-height: 30px;
	font-size: 14px;
}

div.related a img {
	padding: 1rem 0;
}

div.copyright {
	text-align: center;
}

@media all and (min-width: 769px), print {
	
	div.header div.menu ul.detail {
		float: right;
	}
	
	div.detail_inner {
		margin: 25px 50px;;
	}

	div.detail_inner h1 {
		height: 30px;
		font-size:20px;
	}

	div.detail_inner h2 ,
	div.detail_inner h3 {
		font-size:20px;
	}

	div.detail_inner h3 span {
		vertical-align: middle;
	}

	div.detail_inner h3 span.subheading{
		display: inline-block;
		height: 28px;
	}

	div.detail_inner p {
		font-size:14px;
	}

	div.detail_inner p.ref {
		font-size:12px;
	}

	div.detail_inner img.main {
		margin: 20px 0;
		width: 100%;
	}

	div.mhlw {
		text-align: center;
		margin-bottom: 25px;
	}
	
	div.mhlw a::after {
		content: url("/medinfo/seido/2020/common/images/mhlw_off.png");
		display: inline-block;
	}
	
	div.mhlw a:hover::after {
		content: url("/medinfo/seido/2020/common/images/mhlw_on.png");
		display: inline-block;
	}
	
	div.related {
		width: 760px;
		margin: 0 auto;
	}
	
	div.related a img {
		width: 48.5%;
	}
	
	div.related a img.first {
		padding-right: 1rem;
	}
}

@media only screen and (max-width: 768px) {
	
	ul.detail li.print {
		display: none;
	}
	
	div.to_home {
		display: none;
	}
	
	div.header div.menu ul.detail {
		position: absolute;
		top: 68px;
		width: 100%;
		display: none;
	}
	
	div.header div.menu ul.detail li {
		border: 2px solid white;
	}
	
	div.header div.menu ul.detail li span {
		width: 100%;
		display: inline-block;
	}
	
	div.detail {
		margin-top: 3vw;
	}
	
	div.detail_inner {
		margin: 3vw;
	}

	div.detail_inner h1 ,
	div.detail_inner h2 ,
	div.detail_inner h3 {
		font-size: 20px;
	}
	
	div.detail_inner img.main {
		width: 100%;
		margin-bottom: 15px;
	}
	
	div.detail_inner a {
		word-break: break-all
	}
	
	div.mhlw {
		text-align: center;
		padding-bottom: 10px;
	}
	
	div.mhlw a::after {
		content: "";
		background-image: url("/medinfo/seido/2020/common/images/sp/kosei.png");
		background-repeat: no-repeat;
		background-size: contain;
		display: inline-block;
		width: 70vw;
		height: 8vw;
	}
	
	div.related {
		margin: 0 1rem;
		width: auto;
	}
	
	div.related a img {
		width: 100%;
	}
}