@charset "utf-8";
/*
Theme Name: Shinshu University Hospital, Department of Laboratory Medicine
Version: 1.0beta
Author: Tomofumi Aizawa
*/

/*
"BIZ UDPGothic" licensed under the SIL Open Font License
"Antonio" licensed under the SIL Open Font License
https://www.shinshu-u.ac.jp/hp/bumon/i-chuken/
*/

/* Eric Meyer's Reset CSS v2.0 - https://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/*-----------------------------------------------------
	base
------------------------------------------------------*/

html {
	font-size: 62.5%;
}
body {
	line-height: 1.75;
	text-align: center;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	color: #222;
	letter-spacing: .1em;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
a {
	color: #1a0dab;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
img, iframe, object {
	max-width: 100%;
}
img {
	height: auto;
}

/*-----------------------------------------------------
	layout
------------------------------------------------------*/

/* header */

header {
	font-size: 1.6em;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	max-width: 1024px;
	margin: 0 auto;
	border-bottom: 1px solid #3C3F53;
	padding: 2em 0;
}
header .logo {
	margin: auto auto auto 0;
	font-size: 0;
}
header .logo img {
	max-width: 360px;
}
header p {
	margin: auto 0 auto auto;
	font-family: "BIZ UDPGothic", sans-serif;
	font-weight: 400;
}
header p a {
	color: #3C3F53;
	text-decoration: none;
}
header p a:after {
	font-family: "Material Symbols Outlined";
	content: "\e166";
	vertical-align: bottom;
}

/* main */

main {
	display: block;
	max-width: 1024px;
	margin: 0 auto;
}

/* footer */

footer {
	font-size: 1.6em;
	max-width: 1024px;
	margin: 0 auto;
	border-top: 1px solid #3C3F53;
	padding: 1em 0;
}
footer p {
	font-family: "BIZ UDPGothic", sans-serif;
	font-weight: 400;
}
footer p a {
	color: #3C3F53;
	text-decoration: none;
}
footer p a:after {
	font-family: "Material Symbols Outlined";
	content: "\e166";
	vertical-align: bottom;
}
footer small {
	font-size: 1.2rem;
	display: block;
}

/*-----------------------------------------------------
	module
------------------------------------------------------*/

/* hgroup */

article > #hgroup {
	font-size: 1.6em;
	padding: 3em 0;
	text-align: left;
}
article > #hgroup h1 {
	font-size: 3.6rem;
	font-family: "BIZ UDPGothic", sans-serif;
	font-weight: 700;
	letter-spacing: .1em;
}
article > #hgroup p, article > #hgroup time {
	font-family: "Antonio", sans-serif;
	font-weight: 400;
	display: block;
}
article > #hgroup ul li {
	display: inline-block;
	margin-right: 1em;
}
article > #hgroup ul li a:before {
	content: '#';
}
article > #hgroup .post-categories li a:before {
	font-family: "Material Symbols Outlined";
	content: "\e2c7";
	vertical-align: bottom;
}

/* bread */

article > ul#bread {
	font-size: 0;
	text-align: left;
	margin-bottom: 8rem;
}
article > ul#bread li {
	display: inline-block;
	font-size: 1.2rem;
}
article > ul#bread li:not(:last-child):after {
	font-family: "Material Symbols Outlined";
	content: "\e5df";
	vertical-align: bottom;
	margin: 0 1em;
}

/* pagelink */

article > #pagelink {
	padding: 5em 0;
	text-align: center;
	font-size: 1.6em;
	font-family: "Antonio", sans-serif;
	font-weight: 400;
	margin-top: -5em;
}
article > #pagelink li {
	display: inline-block;
	margin: 0 0.25em;
}
article > #pagelink li span, article > #pagelink li a {
	display: block;
	-moz-border-radius: 1.15em;
	-webkit-border-radius: 1.15em;
	border-radius: 1.15em;
	min-width: 2em;
	padding: 0.15em 0;
	color: #fff;
}
article > #pagelink li a {
	text-decoration: none;
	background: #3C3F53;
}
article > #pagelink li span, article > #pagelink li a:hover {
	background: #005A83;
}

/* postlink */

article > #postlink {
	font-size: 1.6em;
}
article > #postlink li {
	display: inline-block;
	margin: -5em 0.5em 5em 0.5em;
}
article > #postlink li a[rel="prev"]:before, article > #postlink li a[rel="next"]:after {
	font-family: "Material Symbols Outlined";
	vertical-align: bottom;
}
article > #postlink li a[rel="prev"]:before {
	content: "\e5c4";
}
article > #postlink li a[rel="next"]:after {
	content: "\e5c8";
}

/*-----------------------------------------------------
	archives
------------------------------------------------------*/

article > .archives {
	font-size: 1.6em;
	text-align: left;
	margin-bottom: 5em;
}

/* post */

article > .archives .post {
	float: left;
	width: 48.5%;
	padding: 2em 0;
	border-top: 1px solid rgba(0,0,0,0.25);
	position: relative;
}
article > .archives .post:nth-of-type(odd) {
	clear: left;
	margin-right: 3%;
}
article > .archives .post figure {
	float: right;
	margin-left: 1em;
}
article > .archives .post figure img {
	width: 100px;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}
article > .archives .post h2 {
	font-family: "BIZ UDPGothic", sans-serif;
	font-weight: 700;
	letter-spacing: .1em;
	font-size: 2.1rem;
}
article > .archives .post h2 sup {
	font-size: 1rem;
	font-family: "Antonio", sans-serif;
	font-weight: 400;
	color: #fff;
	background: #005A83;
	letter-spacing: .1em;
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 0 0.5em;
	z-index: 1;
	-webkit-animation: blink 0.5s ease-in-out infinite alternate;
	-moz-animation: blink 0.5s ease-in-out infinite alternate;
	animation: blink 0.5s ease-in-out infinite alternate;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}
article > .archives .post h2 sup:after {
	content: '.';
	font-size: 0;
	display: block;
	width: 1rem;
	height: 1rem;
	transform: rotate(45deg);
	background-image: -moz-linear-gradient( left bottom, rgba(255,255,255,0) 50%, #005A83 50%);
	background-image: -webkit-linear-gradient( left bottom, rgba(255,255,255,0) 50%, #005A83 50%);
	background-image: linear-gradient(to right top, rgba(255,255,255,0) 50%, #005A83 50%);
	position: absolute;
	margin: auto;
	bottom: -0.4rem;
	left: 0;
	z-index: -1;
}
article > .archives .post ul li {
	display: inline-block;
	margin-right: 1em;
	font-size: 1.2rem;
}
article > .archives .post ul li a:before {
	content: '#';
}
article > .archives .post .post-categories li a:before {
	font-family: "Material Symbols Outlined";
	content: "\e2c7";
	vertical-align: bottom;
}
article > .archives .post time {
	display: block;
	font-size: 1.2rem;
	font-family: "Antonio", sans-serif;
	font-weight: 400;
}

/* page-numbers */

article > .navigation.pagination {
	margin-bottom: 5em;
	font-size: 1.6em;
}
article > .navigation.pagination .nav-links .page-numbers {
	margin: 0 0.1em;
	text-decoration: none;
	display: inline-block;
	font-family: "Antonio", sans-serif;
	font-weight: 400;
	-moz-border-radius: 1.15em;
	-webkit-border-radius: 1.15em;
	border-radius: 1.15em;
	min-width: 2em;
	padding: 0.15em 0;
	color: #fff;
	background: #3C3F53;
}
article > .navigation.pagination .nav-links .page-numbers.current, article > .navigation.pagination .nav-links .page-numbers:hover {
	background: #005A83;
}
article > .navigation.pagination .nav-links .prev.page-numbers, article > .navigation.pagination .nav-links .next.page-numbers {
	padding: 0;
	background: transparent;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-weight: normal;
	color: #1a0dab;
	text-decoration: underline;
	border: none;
}
article > .navigation.pagination .nav-links .page-numbers.dots {
	padding: 0;
	background: transparent;
	color: inherit;
	border: none;
	min-width: 0;
}
article > .navigation.pagination .nav-links .prev.page-numbers:hover, article > .navigation.pagination .nav-links .next.page-numbers:hover {
	color: #1a0dab;
	background: transparent;
}
article > .navigation.pagination .nav-links .prev.page-numbers:before, article > .navigation.pagination .nav-links .next.page-numbers:after {
	font-family: "Material Symbols Outlined";
	vertical-align: bottom;
}
article > .navigation.pagination .nav-links .prev.page-numbers:before {
	content: "\e5c4";
}
article > .navigation.pagination .nav-links .next.page-numbers:after {
	content: "\e5c8";
}

/*-----------------------------------------------------
	default
------------------------------------------------------*/

/* wp-block */

.wp-block-file:not(.wp-element-button) {
	font-size: inherit;
}
.wp-block-file, .wp-block-image, .wp-block-table {
	margin-bottom: 2em;
}
.wp-block-image .alignleft {
	margin: 0 1em 0 0;
}
.wp-block-image .alignright {
	margin: 0 0 0 1em;
}

/* notice */

p.notice {
	-moz-box-shadow: 0 0 0.5em rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 0 0.5em rgba(0,0,0,0.15);
	box-shadow: 0 0 0.5em rgba(0,0,0,0.15);
	background: #fff;
	padding: 0.5em 1em;
	border-left: 4px solid #c3c4c7;
}
p.notice.notice-success {
	border-left: 4px solid #00a32a;
}
p.notice.notice-success.notice-alt {
	background-color: #edfaef;
}
p.notice.notice-warning {
	border-left: 4px solid #dba617;
}
p.notice.notice-warning.notice-alt {
	background-color: #fcf9e8;
}
p.notice.notice-error {
	border-left: 4px solid #d63638;
}
p.notice.notice-error.notice-alt {
	background-color: #fcf0f1;
}
p.notice.notice-info {
	border-left: 4px solid #72aee6;
}
p.notice.notice-info.notice-alt {
	background-color: #f0f6fc;
}
p.notice + p.notice {
	margin-top: -1.25em;
}

/* buttons */

.wp-block-buttons {
	font-family: "BIZ UDPGothic", sans-serif;
	font-weight: 700;
    justify-content: center;
}
.wp-block-buttons > .wp-block-button {
	margin: 0 0.5em;
	text-align: center;
}
.wp-block-buttons > .wp-block-button a.wp-block-button__link {
	background-color: #3C3F53;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
	padding: 0.5em 1em;
    font-size: inherit;
	min-width: 300px;
}
.wp-block-buttons > .wp-block-button a.wp-block-button__link:hover {
	background-color: #005A83;
}
.wp-block-buttons > .wp-block-button a.wp-block-button__link:after {
	font-family: "Material Symbols Outlined";
	content: "\e5df";
	vertical-align: bottom;
}

/*-----------------------------------------------------
	entry
------------------------------------------------------*/

.entry {
	font-size: 1.6em;
	margin-bottom: 5em;
	text-align: left;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
	margin-bottom: 1em;
	font-family: "BIZ UDPGothic", sans-serif;
	font-weight: 700;
	letter-spacing: .1em;
}
.entry h1 {
	font-size: 3.6rem;
}
.entry h2 {
	font-size: 3rem;
}
.entry h3 {
	font-size: 2.4rem;
}
.entry h4 {
	font-size: 2.1rem;
}
.entry h5 {
	font-size: 1.8rem;
}
.entry p, .entry pre, .entry ul, .entry ol {
	margin-bottom: 2em;
}
.entry pre {
	font-family: monospace;
	white-space: pre-wrap;
}
.entry ul {
	list-style: disc;
	padding-left: 2em;
}
.entry ol {
	list-style: decimal;
	padding-left: 2em;
}
.entry ul ul, .entry ul ol, .entry ol ol, .entry ol ul {
	margin-bottom: 0;
}
.entry table th, .entry strong {
	font-weight: bold;
}
.entry table th, .entry table td {
	text-align: left;
}
.entry em, .entry cite {
	font-style: italic;
}
.entry sup {
	font-size: 50%;
	vertical-align: top;
}
.entry sub {
	font-size: 50%;
	vertical-align: bottom;
}
.entry blockquote {
	padding: 0 1em;
	font-family: serif;
}
.entry blockquote:before {
	content: '“';
	float: left;
	margin-left: -1em;
}
.entry blockquote cite {
	margin: -1em 0 2em 0;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	display: block;
}
.entry figure figcaption {
	margin-bottom: 0;
}

/*-----------------------------------------------------
	class
------------------------------------------------------*/

/* clearfix */

.clearfix:after {
	content: '.';
	height: 0;
	font-size: 0;
	display: block;
	width: 100%;
	clear: both;
	visibility: hidden;
}

/*-----------------------------------------------------
	custom
------------------------------------------------------*/

/* pdf */

.entry .pdf.wp-block-file {
	font-family: "BIZ UDPGothic", sans-serif;
	font-weight: 700;
}
.entry .pdf.wp-block-file + .pdf.wp-block-file {
	margin-top: -1.5em;
}
.entry .pdf.wp-block-file a {
	display: block;
	text-decoration: none;
	color: #222;
	border: 1px solid #ccc;
	padding: 1em 2em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
}
.entry .pdf.wp-block-file a:hover {
	color: #228B22;
	border: 1px solid #228B22;
}
.entry .pdf.wp-block-file a:before {
	font-family: "Material Symbols Outlined";
	content: "\f090";
	vertical-align: bottom;
}

/*-----------------------------------------------------
	section
------------------------------------------------------*/

/*-----------------------------------------------------
	widget
------------------------------------------------------*/

/*-----------------------------------------------------
	keyframes
------------------------------------------------------*/
@-webkit-keyframes blink {

	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}

}
@-moz-keyframes blink {

	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}

}
@keyframes blink {

	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}

}
/*-----------------------------------------------------
	Media Queries
------------------------------------------------------*/
@media print {

}
/*-----------------------------------------------------
	Google Fonts
------------------------------------------------------*/
/*
	font-family: "BIZ UDPGothic", sans-serif;
	font-weight: 400,700;
	font-family: "Antonio", sans-serif;
	font-weight: 100,200,300,400,500,600,700;
*/