@charset "UTF-8";
@-ms-viewport {
    width: device-width;
}
/* =====  スマホ〜movile first
========================================== */
a.category-back {
 display: inline-block;
 width: 7em;
 text-align: center;
 border-radius: 5px;
 padding: 0.2rem 0rem 0.1rem;
 color: #fff;
 font-weight: bold;
 text-shadow: 0px 1px 0px #666;
}
.kobetsu {
  text-align: left;
  margin-top: -1rem;
}
h2.cate-2 {
 font-size: 1.2rem;
 border-bottom:solid 1px #66ccff;
 border-left: solid 8px #66ccff;
 margin-bottom: 1rem;
 padding-left: 1rem;
 color: #006699;
}
.buttom-inner {
 border:none;
 text-align: center;
}
.table-2colum table {
color: #666;
font-size: 0.9rem;
}
.table-2colum table th.table-title {
background-color: #666;
color: #fff;
font-size: 1.1rem;
text-decoration: underline;
}
.table-2colum table th.table-title a {
color: #fff;
}
.entry-body h4 {
 font-size: 1.1rem;
}

/* =====  トップページ出力
========================================== */

/* ===== 学術集会・セミナー リスト ===== */

.academy-list { margin-bottom: 2.5rem; }
.academic     { margin-bottom: 1.5rem; }

/* --- small（既定）：縦積み。ラベルは太字、行ごとに下線 --- */
.academic table,
.academic tbody,
.academic tr,
.academic table th,
.academic table td {
  display: block;
  width: 100%;
  max-width: none;
  min-width: 0;
}

.academic table {
  margin: 0;
  border-collapse: collapse;
  border: 1px solid var(--tbl-border);
  border-bottom: none;            /* 最下段は最後の tr の下線で閉じる */
}

.academic colgroup,
.academic col { display: none; }

/* Foundation の tbody tr:nth-child(even) より詳細度を上げる */
.academic table tbody tr {
  border-bottom: 1px solid var(--tbl-border);
  background: transparent;
}
.academic table tbody tr:first-child { border-bottom: none; }  /* タイトル行の下は線なし */

.academic table th,
.academic table td {
  text-align: left;
  background: #fff;
  white-space: normal;
  border: none;
}

.academic table th {
  padding: .6em .8em .1em;
  color: #333;
  font-weight: 700;
}

.academic table td {
  padding: 0 .8em .6em;
}

/* --- タイトル行（全サイズ共通） --- */
.academic table th.table-title {
  padding: 0;
  border: none;
}

.academic .table-title a {
  display: block;
  padding: .6em .8em;
  color: #fff;
  font-size: 1.05rem;
  text-decoration: none;
}
.academic .table-title a:hover { text-decoration: underline; }

.academic .table-cate {
  display: inline-block;
  margin-right: .6em;
  padding: .05em .6em;
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 2px;
  font-size: .78rem;
  vertical-align: middle;
}

.academy-past .academic { opacity: .9; }

/* --- medium 以上：本来の表組みに戻す --- */
@media screen and (min-width: 40em) {
  .academic table {
    display: table;
    width: 100%;
    table-layout: fixed;
    border: none;                 /* セルの罫線で枠を作る */
  }

  .academic colgroup { display: table-column-group; }
  .academic col      { display: table-column; }
  .academic .col-label { width: 20%; }
  .academic .col-data  { width: 80%; }

  .academic tbody { display: table-row-group; }
  .academic table tbody tr {
    display: table-row;
    width: auto;
    border-bottom: none;          /* PCではセル側の罫線が担当 */
  }

  .academic table th,
  .academic table td {
    display: table-cell;
    width: auto;
    padding: .5em .8em;
    border: 1px solid var(--tbl-border);
    vertical-align: top;
  }

  .academic table th {
    background: #f7f7f7;
    font-weight: 600;
  }

  .academic table th.table-title {
    padding: 0;
    border: none;
  }
}


/* =====  500以上　タブレット〜PC　medium screens
========================================== */
@media only screen and (min-width: 500px) { 




}  /* ======= end  ==========  */



/* =====  600以上　タブレット〜PC　medium screens
========================================== */
@media only screen and (min-width: 600px) { 


}  /* ======= end  ==========  */


/* =====  641以上　タブレット〜PC　min-width 40em, medium screens
========================================== */
@media only screen and (min-width: 40em) { 


}

/* =====  700以上　タブレット〜PC　medium screens
========================================== */
@media only screen and (min-width: 700px) { 



}  /* ======= end  ==========  */

/* =====  800以上　タブレット〜PC　medium screens
========================================== */
@media only screen and (min-width: 800px) { 



}  /* ======= end  ==========  */



/* =====  1000以上　タブレット〜PC　min-width 1024px, medium screens
========================================== */
@media only screen and (min-width: 1024px) { 
.kobetsu {
  text-align: right;
  margin-top: -1.5rem;
}

}


/* =====  1024以上　PC　min-width 1024px, larger screens
========================================== */
@media only screen and (min-width: 1024px) {



}