/*
Theme Name : jasla
*/

/*--------------------------------------------------------------
Copyright WEB MAGIC.
http://www.webamgic.jp/
---------------------------------------------------------------*/

body {
  text-align: center;
  background-color: #ffffff; /*全体の背景色-----------------*/
  font-family: Osaka, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px; /*基本の文字サイズ-----------------*/
  line-height: 170%;
  color: #3f3f3f; /*基本の文字色-----------------*/
  margin-top: 20px; /*コンテンツボックスを上から少し離しています-----------------*/
  margin-bottom: 0px;
  margin-left: 0;
  margin-right: 0;
}

/*テキストリンクの色*/
a:link {
  text-decoration: underline;
  color: #006633;
}

a.koumoku {
  text-decoration: underline;
  color: #ff0000;
}
a.koumoku:visited {
  text-decoration: underline;
  color: #ff0000;
}
a.koumoku:hover {
  text-decoration: underline;
  color: #ff0000;
}
a.koumoku:active {
  text-decoration: underline;
  color: #ff0000;
}
a.koumoku:link {
  text-decoration: underline;
  color: #ff0000;
}

/*訪問済みのリンクの色*/
a:visited {
  text-decoration: underline;
  color: #006633;
}

/*クリック時のリンクの色*/
a:active {
  text-decoration: underline;
  color: #006633;
}

/*マウスの上にカーソルがあるときのリンクの色*/
a:hover {
  text-decoration: underline;
  color: #006633;
}

/*サイトタイトルテキストリンクの色*/
h1 a:link {
  color: #ffffff;
  text-decoration: none;
}

/*左メニュー・訪問済みのリンクの色*/
h1 a:visited {
  color: #ffffff;
  text-decoration: none;
}

/*左メニュー・クリック時のリンクの色*/
h1 a:active {
  color: #ffffff;
  text-decoration: underline;
}

/*左メニュー・マウスの上にカーソルがあるときのリンクの色*/
h1 a:hover {
  color: #ffffff;
  text-decoration: underline;
}

/*左メニュー・テキストリンクの色*/
#menu a:link {
  font-size: 13px;
  color: #3f3f3f;
  text-decoration: none;
}

/*左メニュー・訪問済みのリンクの色*/
#menu a:visited {
  font-size: 13px;
  color: #3f3f3f;
  text-decoration: none;
}

/*左メニュー・クリック時のリンクの色*/
#menu a:active {
  font-size: 13px;
  color: #3f3f3f;
  text-decoration: underline;
}

/*左メニュー・マウスの上にカーソルがあるときのリンクの色*/
#menu a:hover {
  font-size: 13px;
  color: #3f3f3f;
  text-decoration: underline;
}

h1,
h2,
h3 {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}

/*pタグ空白消去*/
p {
  margin: 0px;
  padding: 0px;
}

/*IMGボーダー非表示*/
img {
  border: none;
  vertical-align: top;
}

/*TABLEボーダー非表示*/
table {
  border: none;
  margin-bottom: 30px;
}

/*IE--BRバグ回避*/
br {
  letter-spacing: normal;
}

/*リスト空白消去*/
ul,
ol,
li {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#pagebody {
  width: 800px;
  margin: 0 auto;
  text-align: left;
}

#header {
  border-top: #666666 solid 1px;
  border-left: #666666 solid 1px;
  border-right: #666666 solid 1px;
  background-color: #507142; /*ヘッダ背景色-----------------*/
  padding: 25px 20px;
  width: 758px;
}

#wrapper {
  border-bottom: #666666 solid 1px;
  border-left: #666666 solid 1px;
  border-right: #666666 solid 1px;
  background-color: #eae1cd; /*メインコンテンツ背景色-----------------*/
  position: relative;
  float: left;
  margin-bottom: 4px;
  padding-bottom: 30px;
  width: 798px;
}

/* メインタイトルのフォントサイズ,色*/
h1 {
  font-size: 26px; /*ヘッダタイトル部分文字サイズ-----------------*/
  color: #ffffff; /*ヘッダタイトル部分文字色-----------------*/
  text-decoration: none;
  font-weight: bold;
}

/* メニューボックスの幅、余白など*/
#menu {
  float: left;
  width: 185px;
  padding-left: 30px;
  padding-top: 25px;
}

/* 画像下の余白*/
#mainpict {
  margin-bottom: 10px;
}

#mainpict img {
  width: 185px;
  height: 143px;
  object-fit: cover;
  font-family: "object-fit: cover;"; /*IE対策*/
}

/* メニューボックスラインと背景色など*/
#menu li {
  background-color: #ffffff; /*メニュー背景色-----------------*/
  padding: 5px;
  border: #666666 solid 1px;
  margin-bottom: 10px;
}

#menu li a:before {
  content: "◆ ";
  color: #507142;
}

#menu li:first-child a:before {
  content: "◇ ";
}

/* 右コンテンツエリア*/
#main {
  float: right;
  text-align: left;
  width: 523px;
  padding-right: 30px;
  padding-top: 25px;
}

/*ページタイトル指定*/
#page_title {
  font-size: 16px;
  color: #507142; /*Welcomのところの文字色-----------------*/
  border-bottom: #507142 double 3px;
  font-weight: bold;
  padding-bottom: 6px;
  margin-bottom: 15px;
}

/* 小見出し指定*/
.bar {
  background-color: #ffffff; /*背景色-----------------*/
  padding: 5px;
  border: #666666 solid 1px;
  margin-bottom: 15px;
  font-size: 14px; /*文字サイズ-----------------*/
}

/* 文章*/
.text {
  margin: 0px 4px 25px 4px;
}

.c_txt p {
  margin: 0px 4px 25px 4px;
  /*text-indent: 1em;*/
}

.c_txt p img.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.c_txt p img.alignright {
  display: block;
  margin-left: auto;
}

.c_txt ul {
  margin: 0px 4px 25px 4px;
}

.c_txt ul li {
  position: relative; /*基準位置*/
  padding-left: 1em;
  list-style-type: none; /*点を非表示*/
}

.c_txt ul li:before {
  content: "";
  display: block;
  position: absolute; /*絶対配置*/
  left: 0.4em; /*点の位置*/
  top: 0.7em; /*点の位置*/
  width: 2px; /*点の幅*/
  height: 2px; /*点の高さ*/
  background: #000; /*点の色*/
  border-radius: 50%; /*丸くする*/
}

/* 点線つきのリスト*/
.dline li {
  border-bottom: #3f3f3f dotted 1px;
  padding-bottom: 4px;
  margin-bottom: 8px;
}

.dline li p {
  margin-bottom: 25px;
}

.dline li p:last-child {
  margin-bottom: 0;
}

/* コピーライト*/
#copyright {
  text-align: center;
  font-size: 7pt;
  margin-bottom: 25px;
}

#copyright a:link {
  color: #3f3f3f;
}
#copyright a:visited {
  color: #3f3f3f;
}
#copyright a:hover {
  color: #3f3f3f;
}
#copyright a:active {
  color: #3f3f3f;
}

/* 色の文字*/
.color {
  color: #507142; /*◆マークの色-----------------*/
}

/*テーブル（表組み）ラインの色*/
.attention {
  color: red;
}

/*テーブル（表組み）ラインの色*/
.table_border {
  background-color: #666666;
}

.table_border td {
  word-break: break-all;
}

/*テーブル（表組み）左のセルの色*/
.cell1 {
  background-color: #d7e2d3;
}

/*テーブル（表組み）右のセルの色*/
.cell2 {
  background-color: #ffffff;
}

/*テーブル（表組み）幅の設定*/
.table_year {
  width: 12%;
}

.table_num {
  width: 12%;
}

.table_name {
  width: 15%;
}

.table_page {
  width: 10%;
}

/*選択されているタブのコンテンツのみを表示
.tab_content {
  display: none;
}

#past23:checked ~ #past23_content,
#past2122:checked ~ #past2122_content,
#past1920:checked ~ #past1920_content,
#past1718:checked ~ #past1718_content,
#past1516:checked ~ #past1516_content,
#past1314:checked ~ #past1314_content,
#past1112:checked ~ #past1112_content,
#past910:checked ~ #past910_content,
#past78:checked ~ #past78_content,
#past56:checked ~ #past56_content,
#past34:checked ~ #past34_content,
#past12:checked ~ #past12_content {
  display: block;
}
*/
/*全国大会ページの強調部分（20201106追記）*/
.red {
  color: red;
  font-weight: bold;
}

/* ===================================
タブ
=================================== */
.panel {
  display: none;
}

.tab.is-active a {
  background: #4c3d8c;
  color: #fff;
  opacity: 1;
}

.tab_content {
  display: none;
}

.tab_content.is-show {
  display: block;
}

/* ===================================
ジャーナルリスト
=================================== */
/* 
ジャーナルリストラジオボタン
=================================== */
.j_listBtn li {
  display: inline-block;
}

.j_listBtn li label {
  display: inline-block;
}

.j_list {
  margin-bottom: 30px;
  border: 1px solid #000;
  background-color: #fff;
}

.j_list__ttl {
  display: flex;
  border-bottom: 1px solid #000;
}

.j_list__ttl li {
  display: flex;
  align-items: center;
  border-right: 1px solid #000;
  padding: 5px;
  box-sizing: border-box;
}

.j_list__ttl li:last-child {
  border-right: none;
}

.j_year,
.j_num {
  width: 12%;
}

.j_year {
  background-color: #d7e2d3;
}

.j_child {
  width: 76%;
  padding: 0 !important;
}

.j_paper {
  width: 64%;
}

.j_author {
  width: 19%;
}

.j_page {
  width: 17%;
}

.j_ttlList {
  width: 100%;
  display: flex;
}

.j_ttlList li:last-child {
  border-right: none;
}

/*論文*/

.j_list__cont {
  display: flex;
  border-bottom: 1px solid #000;
}

.j_list__cont:last-child {
  border-bottom: none;
}

.j_list__cont > li {
  display: flex;
  align-items: center;
  border-right: 1px solid #000;
  padding: 5px;
  box-sizing: border-box;
}

.j_list__cont .j_child {
  display: block;
}

.j_list__cont > li:last-child {
  border-right: none;
}

.j_childCont {
  display: flex;
  border-bottom: 1px solid #000;
}
.j_childCont:last-child {
  border-bottom: none;
}

.j_childCont li {
  display: flex;
  align-items: center;
  border-right: 1px solid #000;
  padding: 5px;
  box-sizing: border-box;
}

.j_childCont li.j_author,
.j_childCont li.j_page {
  word-break: break-all;
}

.j_childCont li:last-child {
  border-right: none;
}

/* ===================================
テーブル
=================================== */
.table_border {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #666;
}

.table_border td {
  border: 1px solid #666;
  padding: 5px;
  box-sizing: border-box;
}

.cell1 {
  width: 25%;
}

.cell2 {
  width: 75%;
}

.cell2 p img.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.cell2 p img.alignright {
  display: block;
  margin-left: auto;
}

/* ===================================
ユーティリティ
=================================== */
.text-center {
  text-align: center;
}

.style1 {
  color: #ff0000;
  font-weight: bold;
}