/*
Theme Name: tagen2022lab
Text Domain: tagen2022lab
Version: 1.0
Tested up to: 1.0
Requires at least: 1.0
Requires PHP: 5.6.0
Description: 
Author: kodama
Author URI: https://www2.tagen.tohoku.ac.jp/lab
Theme URI: https://www2.tagen.tohoku.ac.jp/lab
License: 
License URI: 
*/
@charset "UTF-8";

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	18. Latest News縺ｮ繧ｿ繝門�繧頑崛縺�
	99. Media Queries
----------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*	0. 	CSS Reset
/* -------------------------------------------------------------------------- */
:root {
	/* main-color縺ｯ繧｢繧ｯ繧ｻ繧ｹ縺吶ｋ縺溘�縺ｫjavascript縺ｧ繝ｩ繝ｳ繝€繝�縺ｫ險ｭ螳壹☆繧� footer */
	--main-color-1: #600060;
	/*--main-color-2: #92CBD9;*/
	--accent-color-1: #C07598;
	--accent-color-2: #3F67A0;
	--accent-color-3: #AFCC4B;
	--accent-color-4: #E3903B;
	--accent-color-5: #8FAC2B;
	--accent-color-6: #438F71;


	--header-text-color: #333;
	--header-bg-color: #FFF;
	--main-text-color: #333;
	--main-bg-color: #FFF;
	--contact-bg-color: #FAFAFA;
	--footer-text-color: DimGray;
	--footer-bg-color: rgb(242, 242, 242);

	--section-bg-color: #FFFFFF;
	--selected-text-color: #FFFFFF;
	--selected-bg-color: var(--main-color-1);
	--notselected-text-color: #3E3A39;
	--notselected-bg-color: #F9F9F9;
	--hover-text-color: var(--main-color-1);
	--hover-bg-color: #F9F9F9;
	--hover-border-color: var(--main-color-1);
	--border-color: lightgray;
	--new-calendar-month-text-color: white;
	--new-calendar-text-color: #3E3A39;
	--new-calendar-bg-color: var(--main-color-1);
	--hilight-bg-color: var(--main-color-1);;
	--tag-text-color: gray;
	--tag-bg-color: #FFFFFF;
	--notices-text-color: var(--main-color-1);
	--notices-bg-color: #FFFFFF;
	--notices-border-color: var(--main-color-1);
	--tab-bg-color: #dcdcdc;
	--mimi-text-color: gray;
	--mimi-bg-color: #FFFFFF;
	--midashi-text-color: gray;
	--midashi-bg-color: #FFDDFF;
	--button-bg-color: var(--main-color-1);
	--button-text-color: #FFFFFF;
	--table-th-bg-color: #600060;
}

img {
	max-width: 100%;
	width: auto;
	height: auto;
	vertical-align: top;
}

iframe {
	width:100%;
/*	height:740px;*/
	border:none;
}

iframe, figure {
	max-width: 100%;
}

a {
	text-decoration: none;
	color:inherit;
}

table {
	table-layout: fixed;
}

html {
	font-family: "Noto Sans JP", sans-serif;
	overflow: auto;
}

body {
	margin: 0;
	padding: 0;
	color: var(--main-text-color);
	background-color: var(--main-bg-color);
}
body.no-scroll {
	overflow: hidden;
}

header {
	width: 100%;
	color: var(--header-text-color);
	background: var(--header-bg-color);
}

footer {
	width: 100%;
	color: var(--footer-text-color);
	background: var(--footer-bg-color);
	padding-bottom: 32px;
}
footer .footer_address {
	font-style: normal;
}
button {
	display: block;
	border: none;
	color: var(--button-text-color);
	background-color: var(--button-bg-color);
}

button a {
	color: var(--button-text-color);
}

button:hover {
/*	opacity: 0.8;*/
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

p {
	line-height: 1.5em;
}
.tel {
  pointer-events: none;
  color: inherit;
  text-decoration: none;	
}
i:hover {
	color: var(--main-color-1);
}
svg.icon {
	width: 0.8em;
	height: 0.8em;
	padding-right: 4px;
	vertical-align: middle;
	fill: gray;
}
li:hover svg.icon, button:hover svg.icon {
	fill: var(--main-color-1);	
}

a:hover, label:hover {
/*	text-decoration: underline var(--hover-border-color);
	text-underline-offset: 3px;*/
	opacity: 0.8;
}

.header_logo svg:hover, .topics_list_content:hover svg.icon {
	fill: var(--main-color-1);	
}
.header_nav svg {
	stroke: gray;
	fill: gray;
}
.header_nav svg:hover {
	stroke: var(--main-color-1);	
	fill: var(--main-color-1);	
}

.nohover {
	pointer-events: none;
}

.inner {
	max-width: 1024px;
	margin: 0 auto;
/*	border-left: 1px solid var(--border-color);
	border-right: 1px solid var(--border-color);*/	
}
.page {
	background-color: var(--section-bg-color);
}

.h1 {
	font-weight: bold;
}

.section {
	margin-top: 16px;
	margin-left: 16px;
	margin-right: 16px;
	background-color: #FFFFFF;
	background-color: var(--section-bg-color);
}
figure {
	max-width: 100%;
}
.m0 {
	margin: 0;
}

.p0 {
	padding: 0;
}

.o0 {
	opacity: 0;
}
.wp-block-table.is-style-tagen-solid-line-table table,
.wp-block-flexible-table-block-table table {
	width: 100%;
}
.wp-block-table.is-style-tagen-solid-line-table thead,
.wp-block-flexible-table-block-table thead {
	border-bottom:0;
}
.wp-block-table.is-style-tagen-solid-line-table th,
.wp-block-flexible-table-block-table th {
	text-align: left;
	border: 1px solid var(--border-color);
}
.wp-block-table.is-style-tagen-solid-line-table td,
.wp-block-flexible-table-block-table td {
	border: 1px solid var(--border-color);
	word-break: break-word;
}

.wp-block-table.is-style-tagen-horizontal-line-table table,
.wp-block-flexible-table-block-table.is-style-tagen-horizontal-line-table table {
	width: 100%;
}
.wp-block-table.is-style-tagen-horizontal-line-table thead,
.wp-block-flexible-table-block-table.is-style-tagen-horizontal-line-table thead {
	border-bottom:0;
}
.wp-block-table.is-style-tagen-horizontal-line-table th,
.wp-block-flexible-table-block-table.is-style-tagen-horizontal-line-table th {
	text-align: left;
	border: 0;
	color: white;
	font-weight: normal;
/*	background-color: var(--table-th-bg-color);*/
	background-color: var(--main-color-1);
}
.wp-block-table.is-style-tagen-horizontal-line-table td,
.wp-block-flexible-table-block-table.is-style-tagen-horizontal-line-table td {
	border-top: 1px solid var(--border-color);
	border-left: 0px;
	border-bottom: 1px solid var(--border-color);
	border-right: 0px;
	word-break: break-word;
}


/* header */
header {
	border-bottom: 1px solid var(--border-color);
}
header .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-left: none;
	border-right: none;	
	margin-top: 16px;
}

header .header_logo {
	/*margin: 8px 8px 0px 16px;*/
	/*	width: 480px;*/
	max-width: 320px;
	/*height: 64px;*/
	flex: 1;
}

header .header-logo {
	fill: var(--main-text-color);
}

header .header_nav {
	align-self: center;
	margin-left: auto;
	height: 48px;
	flex: 1;
}

header .header_nav > ul {
	height: 100%;
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
}

header .header_nav i {
	font-size: 1em;
}

header .header_nav > ul > li {
	margin-left:16px;
/*	width: 30%;*/
position: relative;
width: 48px;
height: 48px;
}
header .header_nav > ul > li svg {
/*	position: absolute;
	width: 100%;
	height: 100%;*/
}
header .header_nav li.mobile_only {
	position: sticky;
	top: 0;
}

header .pc-menu-main_nav-container > ul {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0;
	padding: 0;
	height: 48px;
}

header .pc-menu-main_nav-container > li {
	flex-grow: 1;
	text-align: center;
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

header .pc-menu-main_nav-container ul.sub-menu {
	display: flex;
	flex-flow: column;
	margin: 0;
	padding: 8px;
	/*padding-left: 1em;
	padding-right: 1em;*/
	position: absolute;
	display: none;
	background-color: #f7f7f7;
	z-index: 3;
	/*width: 100%;
	bottom: -46px;*/
	/* ul#menu-main_nav縺ｮheight縺九ｉ險育ｮ� */
	/*left: 0;*/
}
header .sub-menu > li {
	text-align: left;
	/*padding-top: 4px;*/
	padding-bottom: 4px;
}
header .pc-menu-main_nav-container li:hover .sub-menu {
	display: flex;
}

header .pc-menu-main_nav-container  {
	width: 100%;
}

footer .pc-menu-main_nav-container {
	font-size: 0.8em;
	margin: 16px 8px 16px;
}

footer ul.menu {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	text-align: left;
}

footer ul.menu > li {
	width: 25%;
	margin-top: 1em;
}

footer ul.menu > li > a {
	border-left: 3px solid var(--border-color);
	padding-left: 5px;
}

footer ul.sub-menu {
	display: flex;
	flex-direction: column;
	background-color: transparent;
	padding-left: 8px;
	font-size: 0.8em;
}

footer .links {
	font-size: 0.8em;
	border-top: 1px solid var(--border-color);
	margin: 8px 16px 8px 16px;
	padding-top: 4px;
}

footer .links > ul {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	text-align: left;
}
footer .links li {
	margin-right: 1em;
}
.flex {
	display: flex;
}

/* ------- topics ------- */
.topics {
	margin-top: 0;
	padding-bottom: 0;
	background-color: var(--main-bg-color);
	/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
	width: 100%;
	margin: 0 auto;
}

.topic_container {
	border: 0;
	/*display: flex;
	flex-wrap: wrap;*/
}

.topic_content {
	width: 100%;
/*	height: 64%;
	aspect-ratio: 16 / 9;*/
	position: relative;
	overflow: hidden;
}

.topic_image {
/*	height: 100%;*/
	width: 100%;
}

.topic_image img {
	overflow: hidden;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.topic_text {
	/*position: absolute;*/
	bottom: 0;
	width: 100%;
	color: white;
	padding-bottom: 16px;
}
.topic_content .news_info {
	background-color: var(--accent-color-1);
}
.topic_content .news_press {
	background-color: var(--accent-color-2);
}
.topic_content .news_award {
	background-color: var(--accent-color-4);
}
.topic_content .news_event {
	background-color: var(--accent-color-5);
}
.topic_content .recruit {
	background-color: var(--accent-color-6);
}

/* note: mix-blend-mode繧定ｦｪ隕∫ｴ�縺ｫ險ｭ螳壹☆繧九→topic_text縺ｮ繝�く繧ｹ繝医ｂ縺九°縺｣縺ｦ縺励∪縺�◆繧√€∵闘莨ｼ隕∫ｴ�縺ｫmix-blend-mode繧偵°縺代ｋ */
.topic_text::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: lightgray;
	mix-blend-mode: color-burn;
	position: absolute;
}

.topic_title {
	isolation: isolate;
	padding: 16px 16px 0px 16px;
}

.topic_information {
	display: flex;
	padding-left: 16px;
	padding-top: 8px;
	isolation: isolate;
	margin-top: auto;
	font-size: 0.8em;
}

.topic_information a {
	color: white;
}

.topic_information i {
	font-size: 1em;
}

.topic_information span {
	margin-right: 16px;
}

.topic_information :last-child {
	margin-left: auto;
}

.topic_index {
	width: 80%;
	margin: auto;
}

.topic_index ul {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: nowrap;
	margin: 0;
}

.topic_index li {
	height: 10px;
	flex: 1;
	background-color: red;
	margin: 10px;
}

.topic_index li.active {
	background-color: red;
}

.topics a button {
	margin: 0 auto;
	padding: 8px 16px;
	border: 3px solid var(--main-color-1);
}
.topics a button:hover {
	color: var(--main-color-1);
	background-color: transparent;
}
/* ------- notices ------- */
#notices {
	display: flex;
	align-items: center;
	border: 1px solid var(--notices-border-color);
}

#notices_header {
	display: grid;
	place-items: center;
	padding: 8px;
	background-color: var(--notices-bg-color);
	color: var(--notices-text-color);
}

#notices_items {
	flex-grow: 1;
	align-self: stretch;
	padding: 0px 16px 0px 16px;
	border-left: 1px solid var(--notices-border-color);
}

#notices_items li {
	padding: 8px 0px 8px 0px;
}

#notices_items li:not(:last-child) {
	border-bottom: 1px dotted var(--notices-border-color);
}

/* ------- latest news ------- */
#latestnews {
	position: relative;
}

.tab_content ul {
	margin: 0;
	padding: 0 16px 0 16px;
}

.tab_content li {
	padding-top: 8px;
	padding-bottom: 8px;
}
.tab_content li.ichiran {
	padding:0;
	font-size: 0.8em;
}
.label::after {
	display: inline-block;
	padding: 2px 10px 2px;
	border-radius: 12px;
	/*font-weight: bold;*/
	/*font-size: 0.7em;*/
	line-height: 1;
	text-align: center;
	/*	transform: translateY(-1px)*/
}

.tabs label:last-child::after {
	width: 100%;
}

.tab_content_description .ichiran {
	text-align: right;
}

.tab_content_description .date {
	font-size: 0.8em;
}

.tab_content_description li:not(:last-child) {
	border-bottom: 1px dotted var(--border-color);
}

#news_all_content .news_info::after {
	content: "\304A\77E5\3089\305B"; /*縺顔衍繧峨○*/
	color: var(--accent-color-1);
	background: var(--tag-bg-color);
}
.en-US #news_all_content .news_info::after {
	content: "news";
}

#news_all_content .news_press::after {
	content: "\30D7\30EC\30B9\30EA\30EA\30FC\30B9";/*繝励Ξ繧ｹ繝ｪ繝ｪ繝ｼ繧ｹ*/
	color: var(--accent-color-2);
	background: var(--tag-bg-color);
}

.en-US #news_all_content .news_press::after {
	content: "press release";
}

#news_all_content .news_media::after {
	content: "\30E1\30C7\30A3\30A2";/*繝｡繝�ぅ繧｢*/
	color: var(--accent-color-3);
	background: var(--tag-bg-color);
}
.en-US #news_all_content .news_media::after {
	content: "media";
}

#news_all_content .news_award::after {
	content: "\53D7\8CDE";/*蜿苓ｳ�*/
	color: var(--accent-color-4);
	background: var(--tag-bg-color);
}
.en-US #news_all_content .news_award::after {
	content: "award";
}

#news_all_content .news_event::after {
	content: "\30A4\30D9\30F3\30C8";/*繧､繝吶Φ繝�*/
	color: var(--accent-color-5);
	background: var(--tag-bg-color);
}
.en-US #news_all_content .news_event::after {
	content: "event";
}

#news_all_content .news_recruit::after {
	content: "\63A1\7528\60C5\5831";/*謗｡逕ｨ諠��ｱ*/
	color: var(--accent-color-6);
	background: var(--tag-bg-color);
}
.en-US #news_all_content .news_recruit::after {
	content: "recruit";
}

#tab_container {
	width: 100%;
}

.page_section label.checked {
	background-position: bottom left, bottom right, top right, top left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
	background-color: var(--tag-bg-color);
		opacity: 1;
}
.page_section label.checked[for=news_all] {
	background:	linear-gradient(135deg, var(--main-color-1) 8px, transparent 8px);
}
.page_section label.checked[for=news_info] {
	background:	linear-gradient(135deg, var(--accent-color-1) 8px, transparent 8px);
}
.page_section label.checked[for=news_press] {
	background:	linear-gradient(135deg, var(--accent-color-2) 8px, transparent 8px);
}
.page_section label.checked[for=news_media] {
	background:	linear-gradient(135deg, var(--accent-color-3) 8px, transparent 8px);
}
.page_section label.checked[for=news_award] {
	background:	linear-gradient(135deg, var(--accent-color-4) 8px, transparent 8px);
}
.page_section label.checked[for=news_event] {
	background:	linear-gradient(135deg, var(--accent-color-5) 8px, transparent 8px);
}
.page_section label.checked[for=news_recruit] {
	background:	linear-gradient(135deg, var(--accent-color-6) 8px, transparent 8px);
}

/* ------- coming event ------- */
#comingevents {
	padding: 8px 16px 8px 16px;
}

.now::after {
	display: inline-block;
	padding: 2px 10px 2px;
	border-radius: 12px;
	font-weight: bold;
	font-size: 0.7em;
	line-height: 1;
	text-align: center;
	transform: translateY(-1px);
	content: "髢句ぎ荳ｭ";
	color: white;
	background: red;
}

/* ------- links ------- */
#links {
	border-top: 1px solid var(--border-color);
	padding: 32px 16px 8px 16px;
	background-color: var(--main-bg-color);
	font-weight: bold;
	color: var(--footer-text-color);
}

ul#links_list {
	display: flex;
	/*justify-content: center;*/
	align-items: stretch;
	flex-wrap: wrap;
}
ul#links_list li {
	/*flex: 1;*/
	width: 30%;
	margin:1px;
	padding: 8px;
	/*align-items: center;
	justify-content: center;*/
	text-align: center;
	/*flex: 1;*/
}
ul#links_list li a {
	display: block;
	width: 100%;
	height: 100%;
}
ul#links_list li:nth-child(odd) {
	background-color: #fafafa; /* 螂�焚逡ｪ逶ｮ縺ｮ閭梧勹濶ｲ */
}
	
ul#links_list li:nth-child(even) {
	background-color: #f0f0f0; /* 蛛ｶ謨ｰ逡ｪ逶ｮ縺ｮ閭梧勹濶ｲ */
}
input[name="links_item"] {
	display: none;
}

/*驕ｸ謚槭＆繧後※縺�ｋ繧ｿ繝悶�繧ｹ繧ｿ繧､繝ｫ繧貞､峨∴繧�*/
input:checked+.links_item {
	/*  background-color: var(--selected-bg-color);*/
	/*  color: var(--selected-text-color);*/
	color: var(--selected-bg-color);
}

div#links {
	margin-bottom: 32px;
}
/* footer */
footer {
/*	border-top: 1px solid var(--border-color);*/
}
footer .inner {
	display: flex;
	justify-content: center;
	text-align: center;
	border-left: none;
	border-right: none;	
}

footer .footer_logo {
	width: 40%;
}

footer .footer_contact {
	margin: 0;
	padding: 0;
}

footer .links > div {
	text-align: left;
	font-weight: bold;
}

footer .footer_info {
	text-align: left;
	padding-left: 16px;
	padding-right: 16px;
}

footer .sns_icon {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: flex-start;
	align-items:center;
}

footer .sns_icon > li {
	margin-left: 16px;
	margin-right: 16px;
	width: 32px;
	height: 32px;
}
footer .sns_icon > li img {
	display: inline-block;
	vertical-align: middle;
}
/* -------------------------------------------------------------------------- */
/*	18. Latest News縺ｮ繧ｿ繝門�繧頑崛縺�
/* -------------------------------------------------------------------------- */
.tab_index {
	display: flex;
	justify-content: space-between;

}

/*繧ｿ繝悶�繧ｹ繧ｿ繧､繝ｫ*/
.tab_item {
	flex-grow: 1;
	height: 32px;
	/*border-bottom: 1px solid var(--border-color);
	border: 1px solid var(--border-color);*/
	border-bottom: 3px solid var(--main-color-1);
	background-color: lightgray;
	line-height: 32px;
	font-size: 16px;
	text-align: center;
	color: var(--main-text-color);
	display: block;
	float: left;
	text-align: center;
	/*font-weight: bold;*/
	transition: all 0.2s ease;
	box-sizing: border-box;
	opacity: 0.5;
}
.tab_item:hover {
	text-decoration: underline white;
}
.tab_item[for=news_info] {
	border-color: var(--accent-color-1);
/*	color: var(--accent-color-1);*/
}
.tab_item[for=news_press] {
	border-color: var(--accent-color-2);
/*	color: var(--accent-color-2);*/
}
.tab_item[for=news_media] {
	border-color: var(--accent-color-3);
/*	color: var(--accent-color-3);*/
}
.tab_item[for=news_award] {
	border-color: var(--accent-color-4);
/*	color: var(--accent-color-4);*/
}
.tab_item[for=news_event] {
	border-color: var(--accent-color-5);
/*	color: var(--accent-color-5);*/
}
.tab_item[for=news_recruit] {
	border-color: var(--accent-color-6);
/*	color: var(--accent-color-6);*/
}

/* 繧ｿ繝悶�謚倥ｊ霑斐＠菴咲ｽｮ縺ｮ謖�ｮ� */
@media screen and (max-width:767px) {
	.tabs label:nth-of-type(-n+3) {
		width: 33%;
	}
}

/*繧ｿ繝門�繧頑崛縺亥�菴薙�繧ｹ繧ｿ繧､繝ｫ*/
.tabs {
	display: flex;
	flex-wrap: wrap;
	margin-top: 0;
	padding-bottom: 0;
	/*border: 1px solid var(--border-color);*/
	/*box-shadow: 0 0 10px rgba(0,0,0, 0.2);*/
	width: 100%;
	margin: 0 auto;
}

/*繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ繧貞�縺ｦ豸医☆*/
input[name="tab_item"] {
	display: none;
}

/*繧ｿ繝門�繧頑崛縺医�荳ｭ霄ｫ縺ｮ繧ｹ繧ｿ繧､繝ｫ*/
.tab_content {
	width: 100%;
	display: none;
	clear: both;
	overflow: hidden;
}

/*驕ｸ謚槭＆繧後※縺�ｋ繧ｿ繝悶�繧ｳ繝ｳ繝�Φ繝��縺ｿ繧定｡ｨ遉ｺ*/
#news_all:checked~div #news_all_content,
#news_info:checked~div #news_info_content,
#news_press:checked~div #news_press_content,
#news_media:checked~div #news_media_content,
#news_award:checked~div #news_award_content,
#news_event:checked~div #news_event_content,
#news_recruit:checked~div #news_recruit_content {
	display: block;
}

/*驕ｸ謚槭＆繧後※縺�ｋ繧ｿ繝悶�繧ｹ繧ｿ繧､繝ｫ繧貞､峨∴繧�*/
.tabs input:checked+.tab_item {
/*	background-color: lightgray;
	color: var(--selected-text-color);
	border-bottom: 6px solid;*/
background-position: bottom left, bottom right, top right, top left;
background-size: 50% 50%;
background-repeat: no-repeat;
background-color: var(--tag-bg-color);
	opacity: 1;
}
.tabs input:checked+.tab_item[for=news_all] {
	background:	linear-gradient(135deg, var(--main-color-1) 8px, transparent 8px);
/*	background-color: var(--accent-color-1);*/
}
.tabs input:checked+.tab_item[for=news_info] {
	background:	linear-gradient(135deg, var(--accent-color-1) 8px, transparent 8px);
/*	background-color: var(--accent-color-1);*/
}
.tabs input:checked+.tab_item[for=news_press] {
	background:	linear-gradient(135deg, var(--accent-color-2) 8px, transparent 8px);
}
.tabs input:checked+.tab_item[for=news_media] {
	background:	linear-gradient(135deg, var(--accent-color-3) 8px, transparent 8px);
}
.tabs input:checked+.tab_item[for=news_award] {
	background:	linear-gradient(135deg, var(--accent-color-4) 8px, transparent 8px);
}
.tabs input:checked+.tab_item[for=news_event] {
	background:	linear-gradient(135deg, var(--accent-color-5) 8px, transparent 8px);
}
.tabs input:checked+.tab_item[for=news_recruit] {
	background:	linear-gradient(135deg, var(--accent-color-6) 8px, transparent 8px);
}

/********** coming event **************/
.coming_event_header {
	display: flex;
	justify-content: space-between;
	padding-left: 0;
}

.cal_item {
	display: flex;
	padding-top: 8px;
}

.cal_item:not(:last-child) {
	padding-bottom: 8px;
	border-bottom: 1px dotted var(--border-color);
}

.cal_waku {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 10%;
	flex-flow: column wrap;
	vertical-align: top;
	width: 40px;
	height: 40px;
	color: var(--main-text-color);
	border: 2px solid var(--border-color);
	background: linear-gradient(to bottom, var(--border-color) 0%, var(--border-color) 50%, var(--section-bg-color) 50%, var(--section-bg-color) 100%);
}

.cal_top {
	font-size: 16px;
	line-height: 16px;
	transform: translateY(-4px);
}

.cal_down {
	font-size: 16px;
	line-height: 16px;
	transform: translateY(2px);
	color: var(--main-text-color);
}

.cal_now .cal_waku {
	border: 2px solid var(--new-calendar-bg-color);
	background: linear-gradient(to bottom, var(--new-calendar-bg-color) 0%, var(--new-calendar-bg-color) 50%, var(--section-bg-color) 50%, var(--section-bg-color) 100%);
	color: var(--new-calendar-month-text-color);
}

.cal_now .cal_text::before {
	content: "\958B\50AC\4E2D!";/*髢句ぎ荳ｭ!*/
	font-size: 0.8em;
	color: var(--new-calendar-bg-color);
}
.en-US .cal_now .cal_text::before {
	content: "Ongoing!";/*髢句ぎ荳ｭ!*/
}
.noevents .cal_waku {
	border-radius: 50%;
}
.noevents .cal_top {
	transform: translateY(0px);
}
.noevents .cal_down {
	font-size: 8px;
	line-height: 8px;
	transform: translateY(0px);
}

.cal_text {
	align-self: center;
	flex: 1;
	margin-left: 8px;
}

#coming_event_list {
	margin: 0;
	padding: 0;
}

i {
	font-size: 1.33em;
}

.information {
	display: flex;
	justify-content: space-between;
	margin: 8px 16px 8px 8px;
}
/****** 繝代Φ繧ｯ繧ｺ *******/
#breadcrumb {
	font-size: 8px;
	margin-left: 16px;
	border-bottom: 1px dotted var(--border-color);
}

/*---------------------------------------------------------*/
/* Sidebar */
/*---------------------------------------------------------*/
/****** 蜈ｱ騾�(PC) *****/
.pc_only #sidebar .menu-main_nav-container {
	padding: 16px;
	border: 1px solid var(--border-color);
}
.pc_only #sidebar ul.sub-menu {
	padding-left: 1em;
}
.pc_only #sidebar ul.sub-menu li {
	position: relative;
}
.pc_only #sidebar ul.sub-menu li::before {
	content: "-";
	position: absolute;
	left: -0.5em;
}
/****** 蜈ｱ騾�(mobile) *****/
#sidebar-mobile input {
	display: none;
}
#sidebar-mobile .sidebar-wrapper,
#sidebar-mobile .menu-main_nav-container {
	height: 100%;
}
#sidebar-mobile ul.menu {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	align-content: center;
}
#sidebar-mobile ul.menu > li {
	width: 30%;
	border-top: 1px solid var(--main-text-color);
	height: 200px;
}
#sidebar-mobile ul.sub-menu {
	margin-left: 1em;
	display: flex;
	flex-direction: column;
}

#sidebar-mobile label.open,#sidebar-mobile label.close {
	text-align: center;
	width: 20px;
	height: 48px;
	position: fixed;
	right: 0;
	bottom: 50%;
	font-size: 8px;
	color: var(--midashi-text-color);
	background-color: var(--midashi-bg-color);
	border-radius: 10px 0px 0px 0px;
	writing-mode: vertical-rl;
}
#sidebar-mobile label.close {
	display: none;
}
.sidebar-mobile-content {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 100%;
	z-index: 100;
	background-color: var(--main-bg-color);
	opacity: 0.9;
}
#sidebar-mimi-check:checked ~ .sidebar-mobile-content {
	left: 0;/*繝｡繝九Η繝ｼ繧堤判髱｢蜀�∈*/
}
#sidebar-mimi-check:checked ~ label.close {
	z-index: 101;
	position: absolute;
	right: 0px;
	display: block;
}


/****** page.php *****/
.page_section {
	display: flex;
}
.page_section .main {
	flex: 4;
	padding: 0 16px 16px 16px;
}
.page_section .pc_only #sidebar {
	flex: 1;
}
.page .mimi {
	writing-mode: vertical-lr;
	margin: 0 8 0 8;
	padding-right: 16px;
	font-size: 1.5em;
	font-weight: bold;
	color: var(--mimi-text-color);
	background-color: var(--mimi-bg-color);
	/*border-right: 1px solid var(--border-color);*/
}
html[lang=ja] .mimi {
	text-orientation: upright;
}
.page h1 {
	margin: 0;
	font-size: 1.2em;
}
.page h2 {
	position: relative;
	margin-top: 0;
	padding-top: 8px;
	font-size: 1.2em;
	font-weight: 700;
}
.page h3 {
	font-size: 1em;
	font-weight: 700;
}
.page h4 {
	font-size: 1em;
	font-weight: 700;
}
.page p {
	font-weight: 100;
	line-height: 2em;
}
.page h2:not(:first-child)::before{
	content:"";
	display:block;
	/*width:80%;*/
	height:1px;
	background-color:var(--border-color);
	position:absolute;
	top:0;
}
.page td {
	border: 1px solid var(--border-color);
}
.page .main > :first-child {
	padding-top: 0;
}
.page .main a {
	border-bottom: 1px solid var(--main-color-1);
}
.page.news .main a {
	border-bottom: none;
}

.page p img {/*
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;*/
}
/********** humberger menu ********/
.mobile_main_nav {
	z-index: 90;
	text-align: center;
	font-size: 1.5em;
}

#menu-btn-check {
	display: none;
}
.menu-content {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 100%;
	z-index: 80;
	background-color: var(--main-bg-color);
	/*background: linear-gradient(-225deg, #009cc0 0%, #99739C 70%, #F3A7AC 100%);*/
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}
.menu-content ul.menu {
	display: flex;
	flex-wrap: wrap;
	margin-left: 16px;
	margin-right: 16px;
	justify-content: space-around;
}
.menu-content ul.menu > li {
	/*border-bottom: solid 1px #ffffff;*/
	list-style: none;
	height: 200px;
	/*border-top: 1px solid var(--main-text-color);*/
}
.menu-content ul.menu > li > a {
	display: block;
	width: 100%;
	/*font-size: 15px;*/
	box-sizing: border-box;
	color:var(--main-text-color);
	text-decoration: none;
	/*padding: 8px 16px 8px 8px;*/
	position: relative;
}
.menu-content ul.sub-menu {
	display: flex;
	flex-direction: column;
	margin-left: 1em;
}
.menu-content ul.sub-menu > li {
	width: 100%;
}

/*.menu-content ul li a::before {
	content: "";
	width: 7px;
	height: 7px;
	border-top: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	transform: rotate(45deg);
	position: absolute;
	right: 11px;
	top: 16px;
}*/
.mobile-menu-main_nav-container {
	margin-top: 32px;
	margin-bottom: 32px;
	font-size: 16px;
}
.mobile-menu-main_nav-container ul.sub-menu {
	margin-left: 2em;
}
.mobile-menu-main_nav-container > ul > li > a {
	text-align: left;
	margin-left: 1em;
	padding-left: 12px;
	/*border-left: 4px solid gray;*/
	border-left: 3px solid var(--main-color-1);
}

#menu-btn-check:checked ~ .menu-content {
	left: 0;/*繝｡繝九Η繝ｼ繧堤判髱｢蜀�∈*/
}

#menu-btn-check:checked ~ label > i.checked {
	display: none;
}
#menu-btn-check:checked ~ label > i.notchecked {
	display: inline-block;
}
#menu-btn-check:checked ~ label > svg.checked {
	display: none;
}
#menu-btn-check:checked ~ label > svg.notchecked {
	display: inline-block;
}
#menu-btn-check:checked ~ label {
	z-index: 100;
	position: fixed;
	right: 16px;
}

svg.notchecked {
	display: none;
	width: 48px;
	height: 48px;
}

i.notchecked {
	display: none;
}
/********** ./topics **********/
.topics_list {
	display: flex;
	flex-direction: column;
}
.topics_list_content {
	padding: 16px;
	width: 100%;
	/*
	display: flex;
	padding: 8px 0px 8px 0px;
	*/
	/*border-top: 1px solid var(--border-color);*/
}
.topics_list_content:hover .topics_list_information {
	border-bottom-color: var(--main-color-1);
}

.page .main a.topics_content_container {
	display: flex;
	/*flex-direction: column;*/
	border-bottom: 0px solid gray;
}
.topics_list_image {
	position: relative;
	flex-basis: 40%;
}
/*
.topics_list_image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-top: 1px solid var(--main-color-1);
  border-left: 1px solid var(--main-color-1);
  width: 16px;
  height: 16px;
}
*/
.topics_list_text {
	margin-top: 8px;
	margin-left: 8px;
	flex-basis: 60%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.topics_list_information {
	display: flex;
	justify-content: space-between;
	margin-top: 8px;
	border-bottom: 1px solid var(--border-color);
}
.topics_list_information .viewdate {
	color: gray;
	font-size: 0.8em;
}

.pager {
	display: flex;
	justify-content: space-between;
	align-items: end;
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 3px solid;
}

ul.pager button {
	font-size: 1em;
	background-color: transparent;
}
ul.pager button a {
	color: var(--main-text-color);
}

/* -------------------------------------------------------------------------- */
/*	99. Media Queries
/* -------------------------------------------------------------------------- */
@media screen and (max-width:767px) {
	ul {
		padding: 0;
	}
	#breadcrumb {
		border-bottom: none;
	}
	.header {
		position: sticky;
		z-index: 99;
		top: 0;
	}
	.header_nav i {
		/*font-size: 48px;*/
	}

	.mobile_only {
		display: inline-block;
	}

	.pc_only {
		display: none;
	}
	ul#links_list {
		flex-direction: column;
	}
	ul#links_list li {
		padding-top: 16px;
		padding-bottom: 16px;
		width: 100%;
	}
	header .header_nav > ul > li {
		margin-left: 4px;
		width: 32px;
		height: 32px;
	}
	header .inner {
		margin-top: 0px;
	}
	/* mobile link open-close html繧ょ､画峩蠢�ｦ�*/
	/* 
	#links_list {
		display: none;
	}
	#links_list_open:checked ~ ul {
		display: flex;
	}
	*/


	.header_logo {
		padding-bottom: 0;
		margin: 8px 0 8px 16px;
		height: auto;
	}

	.header .inner {
		justify-content: space-between;
	}

	.header_nav {
		/*margin: 8px 16px 0 0;*/
		flex: 0.5;
	}

	.header_nav ul {
	}

	.header_nav > li {
		/*width: 16px;
		margin-right: 16px;*/
		font-size: 24px;

	}

	ul#links_list li{
		text-align: left;
	}
	
	footer .footer_info {
		text-align: center;
	}
	footer .sns_icon {
		justify-content: space-around;
	}

	.topics_list {
		flex-direction: column;
	}
	.topics_list_content {
		padding:16px 0px 16px 0px;
	}

	.page_section .main {
		padding: 0;
	}
	a.topics_content_container {
		flex-direction: column;
	}
	.menu-content ul.menu {
		justify-content: flex-start;
	}
	.menu-content ul.menu > li {
		height: auto;
		font-size: 0.8em;
		margin-top: 1em;
	}
}
@media screen and (min-width:768px) {
	.mobile_only {
		display: none;
	}
	.pc_only {
		display: inline-block;
	}
	.page h2:not(:first-child)::before {
		left: -2%;
		width: 102%;
	}
}
@media screen and (min-width:1024px) {
	.page .mimi {
		border-right: none;
	}
	.page h2:not(:first-child)::before {
		/*left: -2%;
		width: 102%;*/
		width: 100%;
	}
}

.slider-dots {
  width: 100%;
  margin: -12px 0 8px 0;
  padding: 0;
  text-align: center;
  list-style: none;
}
.slider-dots li {
	display: inline-block;
	width: 64px;
	margin: 0 4px;
}
.slider-dots button {
	position: relative;
	width: 100%;
	height: 4px;
	border: 0;
	background-color: #ccc;
	font-size: 0;	
}
.slider-dots button::after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 0%;
	height: 100%;
}
.slider-dots .slick-active button:after {
	background-color: gray;
	animation: progress 5.5s linear forwards;
}
.slides {
	display: none;
}
.slides {
	height: 0;
}
.slides.slick-initialized {
	display: block; 
}
@keyframes progress {
  from {
    width: 0%;
  }
  
  to {
    width: 100%;
  }
}
/******* news *******/
div.news li.previous span svg {
	transform: scale(-1,1);
}
/******* magazine *******/
.magazine .magazine-list {
	display: flex;
	flex-wrap: wrap;
}
.magazine .magazine-title {
	width: 10em;
	height: 2em;
}
.magazine .new::after {
	content: 'new';
	color: var(--main-color-1);
	font-weight: bold;
	font-size: 0.8em;
}

/****** single *****/
.contact {
	padding: 8px;
	background-color: var(--contact-bg-color);
}

/****** plug in *****/
.bogo-language-switcher .current {
	display: none;
}
.bogo-language-switcher	li {
	text-align: right;
	font-size: 8px;
}
.bogo-language-switcher	a:before {
/*	content: "\f0ec";
	font-family: FontAwesome;
	padding-right: 8px;*/
}
.bogo-language-switcher	li > span {
	display: none;
}
.bogo-language-switcher	li > span:has(> a) {
	display: block;
}
.only_bogo {
	justify-content: flex-end;
}
/* lab css */
.lab .title-area {
	border-bottom: 1px solid gray;
	padding-bottom: 4px;
}
.lab .title {
	font-size: 1.2em;
}
.lab .lab-post-information {
	display: flex;
	justify-content: space-between;
	padding-top: 8px;
	padding-bottom: 8px;
}
.lab .lab-post-information .date {
	color: gray;
	font-size: 0.8em;
}
.lab span.twitter  {
	border: 1px solid #00acee;
	font-size: 8px;
	border-radius: 8px;
	border-radius: 8px;
	padding: 2px 4px 2px 4px;
	color: white;
	background-color: #00acee;
}

/* lab override */
/*iframe {
}
* > iframe {
	width: 560px;
	height: 315px;
}*/
body {
	word-break: break-word;
}
*:has(> iframe) {
	text-align: center;
	position: relative;
	padding-bottom: 56.25%; /* 16:9縺ｮ繧｢繧ｹ繝壹け繝域ｯ� */
	height: 0;
	overflow: hidden;
}
iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.page .main td {
	border: none;
}
.page .main ul {
	list-style: disc;
	/*margin-left: 1em;*/
	text-indent: -1.5em;
	padding-left: 1.5em;
	list-style-position : inside;
}
.page .main li {
	padding-top:1em;
}
.inner {
	padding:0 16px 0 16px;
}
h2 {
	font-size: 1em;
	font-weight: bold;
}
.body.inner h2 {
	margin-bottom: 0;
}
.tab_content ul {
	padding: 0;
}
.labname a:hover, .footer_name a:hover {
	color: var(--main-color-1);
}
.link:hover svg {
	fill: var(--main-color-1);	
}
.header .labname {
	/*margin-left: 16px;*/
	font-size:2em;
}
.tab_content {
	display: block;
}
.topics_list_text {
	flex-basis: 100%;
}
.footer_imram, .footer_field_entry {
	font-size: 0.8em;
}
.footer_info {
	margin:16px 8px 16px;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.footer_name {
	text-align: left;
	margin-right: 2em;
}
.footer .link {
	width: 3em;
	padding: 0 8px 0 8px;
}
.footer svg {
	fill: gray;
}

@media screen and (max-width:767px) {
	.header .labname {
		/*margin-left: 8px;*/
		font-size:2em;
	}
	.header .labinfo {
		font-size: 0.5em;
	}
	.footer_imram, .footer_field_entry {
		font-size: 0.5em;
	}
	.footer_info {
		justify-content: center;
		flex-wrap: wrap;
	}
	.footer_name {
		width: 100%;
		margin-bottom: 16px;
	}
	.footer .link {
		width: 2em;
	}
}
img.alignleft {
	float: left;
}
img.alignright {
	float: right;
}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.mobile-menu-main_nav-container {
	margin-top: 64px;
}