@charset "UTF-8";
/*
Theme Name: Biosphere2
Author: Kiyohito Yoshida
Description: This theme is for Division of Biosphere web page.
*/

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	margin: 0;
}

/* 全体にかかわるデザイン */
a {
	color:#019c76;
	text-decoration:none;
}

a:hover {
	color:green;
	text-decoration:underline;
}

/* コンテンツの横幅と位置 */
.home {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}

/* フロントページのタイトルは非表示 */
.home .archive-title {
	display: none;
}

/* ランニングタイトル */
.running_title {
	display: flex;
	/* justify-content: space-around; */
	justify-content: center;
	max-width: 960px;
	min-height: 8vh;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	align-items: center;
	background-color: #449D31;
}

.running_title a {
	color: white;
}

.running_title a:hover {
	color: white;
}

.running_title h1 {
	max-width: 680px;
}

/* サイト検索 */
.screen-reader-text 
.search-form input,
.search-form input[type="search"] {width: 60px;}
.search-form input[type="submit"] {width: 40px;}
.search-form {font-size:10px; float:left; padding:4px 70px 4px 4px; margin:0 10px 0 0; vertical-align:bottom;}
.search-submit {vertical-align:bottom;}

/* ナビゲーションメニュー */
/* by Gemini */

/* 基本設定 */
.menu {
	display: flex;
	justify-content: center;
	list-style: none;
	padding: 0;
	max-width: 960px;
	margin: 0 auto;
	background-color: #449D31;
}

.menu-item {
	position: relative;
}


/* 親メニューのリンク */
.menu-item > a {
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  color: #333;
}

.menu-item a:hover {
	background: black;
	color: white;
}

/* 表示のトリガー */
.menu-item:hover .sub-menu {
  display: block;
}

/* サブメニューの初期状態 */
.sub-menu {
  display: none;
  position: absolute;
  top: 100%; /* 親の真下に配置 */
  left: 0;
  min-width: 200px;
  background: white;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
  z-index: 100; /* 他の要素に隠れないように */
  list-style: none;
  padding: 0;
}

.sub-menu  .menu-item:last-child a {
  border-bottom: none;
}

/* サブニュー内のリンク装飾 */
.sub-menu  .menu-item a {
	padding: 12px 15px;
	border-bottom: 1px solid #eee;
}


/* サブメニューにマウスオーバーしたときリンクの背景色とテキストカラーを変更 */
.sub-menu  .menu-item a:hover {
  background: black;
  color: white;
}

/* 画面幅が設定以下になったらnav_menuを消す */
@media screen and (max-width: 1090px){
	.menu {
		display: none;
	}
}

.container {
	padding: 10px;
	margin: 0;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.contents ul li {
	margin-left: 30px;
}

.contents ol li {
	margin-left: 30px;
}

.course-list {
	margin-left: 15px;
	margin-top: 15px;
}

.course-desc {
	margin-left: 30px;
	width: auto;
	hight: auto;
	border: 1px solid darkseagreen;
	padding: 5px;
	border-radius: 4px;
}

.course-staff {
	margin-left: 30px;
	margin-bottom: 30px;
}

/* 記事 */
article {margin-bottom: 40px; clear:both;}
article h1 {border-top:3px solid #339933; border-left:1px solid #dddddd;
			border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;
			font-size:16px; line-height:22px; color:#222222; padding:12px;
			margin:0px 0px 10px 0px;}

article h1 a {color: #000000; text-decoration: none}

article p {
	margin: 5px 30px;
}

article .wp-block-group {
	margin-bottom: 15px;
}

/* 記事の付加情報 */
.postinfo {margin-top: 15px; font-size: 14px}

.postinfo a {color: #000000; text-decoration: none}

.postinfo .postcat {margin-left: 20px}

.postinfo i {color: #888888}

/* 前後の記事へのリンク */
.pagenav a {padding: 5px 10px;
			border: solid 1px #cccccc;
			border-radius: 10px;
			color: #666666;
			font-size: 12px;
			text-decoration: none}
.pagenav .old a {float: left}
.pagenav .new a {float: right}
.pagenav {overflow: hidden;
		  margin-top: 40px;
		  margin-bottom: 40px}


.mail_to a {background-image: none !important;
			border-top: none !important;
			padding:10px 10px 10px 10px !important;}

/* 見出し */
.archive-title {padding:15px 10px 15px 10px;
				margin:0px;
				background-color: #3f9b2f;
				font-size: 18px;
				line-height:22px;
				color:#ffffff;
				background-repeat:no-repeat;}

.archive-title i {padding: 15px;
				  background-color: #3f9b2f;
				  color: #ffffff}

/* コメント投稿フォーム */
#respond p {margin-top: 0;
			margin-bottom: 20px;
			font-size: 12px}

#respond label {font-size:14px}

#respond input,
#respond textarea {width: 100%;
				   padding: 5px;
				   -moz-box-sizing: border-box;
				   -webkit-boxsizing: border-box;
				   box-sizing: border-box}

#respond input[type="submit"] {width: 200px;
							   padding: 10px;
							   border: none;
							   background-color: #e6cc1c;
							   -webkit-appearence: none;
							   cursor: pointer}

#respond input[type="submit"]:hover {background-color: #ff8800}

#respond .required {color: #ff0000}

#comments footer {background: none;
				  margin: 0;
				  color: #000000;
				  font-size: 12px}

#comments footer a {color: #000000}

#comments footer div {display: inline}

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

#comments article {border: dotted 1px #aaaaaa;
				   margin-bottom: 10px;
				   padding: 10px 20px 20px 20px}

#comments .comment-content {margin-left: 30px}

.wpcf7 input,
.wpcf7 textarea {width: 100%;
				   padding: 5px;
				   -moz-box-sizing: border-box;
				   -webkit-boxsizing: border-box;
				   box-sizing: border-box}

.wpcf7 input[type="submit"] {width: 200px;
							   padding: 10px;
							   border: none;
							   background-color: #e6cc1c;
							   -webkit-appearence: none;
							   cursor: pointer}

.wpcf7 input[type="submit"]:hover {background-color: #ff8800}

	
/* コメントフッター */
footer {margin-top: 40px;
		padding-top: 14px;
		padding-bottom: 14px;
		background-color: #3f9b2f;
		color: #ffffff}

/* コンテンツフッター */
#ft_foot {width:100%; background-color:#565656; }

#ft_foot_container {width:960px; margin:0px auto; text-align:left;}

#ft_foot_menu {margin:0px; padding:0px;}
#ft_foot_menu li {list-style:none; float:left;}

#ft_footer {clear:both;}

#ft_left {width:350px; float:left; padding:60px 0px 50px 0px;}
#ft_left ul {margin:0px; padding:0px;}
#ft_left ul li {list-style:none; float:left;}

#ft_right {width:600px; font-size:12px; line-height:16px; float:right; padding:60px 0px 50px 0px; text-align:right; color:#cccccc;}
#ft_right p {margin:0px; padding:0px;}
#ft_right a {color:#eeeeee;}

#ft_admlink {background-color:#565656; text-align:center; font-size:12px; color:#aaaaaa;}
#ft_admlink a {color:#aaaaaa;}

.cl {clear:both; font-size:0px; line-height:0px;}

#ly_contentfoot {clear:both; padding:20px 0px 20px 0px; font-size:12px; line-height:16px; text-align:center; color:#666666;}
#ly_contentfoot p {margin:0px; padding:0px;}

.ft_foot_container {width:960px; margin:0px auto; text-align:left;}
.ft_foot_menu {margin:0px; padding:0px;}
.ft_foot_menu li {list-style:none; float:left;}


/* Favorite staff result table */
#favorite { table-layout: fixed; width: 500px;}
.sname {width: 100px}

/* Keywords in Staff list  */
.keyword {font-size: 12px;
		 color: #565656;}

/* Keyword form label */
.label {text-align: right;
		vertical-align: top;
		font-size: 12px;
		color: #565656;} 
dl {
	overflow: hidden;
}

dt {
	float: left;
	clear: left;
	margin-right: 0.5em;
	width: 70px;
	font-size:small;
	font-weight:bold;
	color:gray;
}

dd {
	float: left;	
	margin-left:1em;
}

/* Figcaption */
figcaption {
	text-align: right;
	font-size: 12px;
	color:gray;
}

.highlight {
	color:red;
}

.summary {
  cursor: pointer;
  transition: 0.2s; /* 変化を滑らかに */
}
/* ホバー時のスタイル */
.summary:hover {
  cursor: pointer; /* カーソルを指マークに */
  background-color: #EFEFEF;
}

.bogo-language-switcher {
  justify-content: space-between;
  margin: 0 0 0 20px;  
}

/* 片方の言語切り替えボタンのみ */
.bogo-language-switcher	.current {
    display: none;
}

.bogo-language-switcher	li {
    text-align: left;
}

.bogo-language-switcher	a:before {
	content: "\f0ec";
	font-family: FontAwesome;
	padding-right: 8px;
}

span.newMark {
    color: #ff0000;
    background: #ffffff;
    padding-right: 5px;
}

#copy {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 10vh;
}

.top_page_heading {
	border-top:3px solid #339933; border-left:1px solid #dddddd;
    border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;
    font-size:18px; line-height:22px; color:#222222; padding:12px;
    margin:10px 0px 10px 0px;
}