@charset "utf-8";
@import url("side-left.css");


/*サイドメニューの番号*/
ul.sidenumber li {
  word-break: break-all;
  list-style-type: none;
  counter-increment: cnt;
}
ul.sidenumber li a::before {
  content: "[" counter(cnt) "]";
  display:inline-block;
  width: 2em;
}

/*見出し*/
.headline {
  margin-bottom: 50px;
}

/*戻る*/
.top {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px #ddd solid;
}

/*新着*/
.new {
  color: red;
  margin-left: 20px;
}

/*記事枠*/
.article~.article {
  margin-top: 60px;
}
.article .update {
  padding-bottom: 5px;
  border-bottom: 2px #7f7f7f solid;
}

/*記事見出し*/
.article h2 {
  margin: 30px 0;
}
.article h6 {
  margin: 30px 0 10px;
}
.article h6~p {
  margin-top: 0px;
}

.article-headline {  
  border-bottom: 1px #ddd solid;
  margin-top: 30px;
  margin-bottom: 30px;
}
.article-headline h4 {
  margin: 0 0 10px 0;
  border-left: 6px #ddd solid;
  padding-left: 10px;
}

.article ul, ol {
  margin-top: 20px;
  margin-bottom: 20px;
}
.article li~li {
  margin-top: 5px;
}

/*注釈*/
.article .note {
    margin-top: 30px;
    margin-bottom: 30px;
}

/*表*/
.tbl-reserch {
  width: 100%;
  margin: 30px 0;
  border-collapse: collapse;
  border: 1px #ccc solid;
  
}
.tbl-reserch th {
  color: #333;
  background-color: #f0f0f0;
  font-weight: normal;
  border: 1px #ccc solid;
  padding: 10px;
}
.tbl-reserch td {
  border: 1px #ccc solid;
  padding: 10px;
}
.tbl-reserch .th {
  background-color: #80c426;
  color: #fff;
  text-align: center;
}
.tbl-reserch td.txtc {
  min-width: 90px;
}

@media screen and (max-width: 979px) {
  .tbl-reserch {  
    word-break: normal;
    overflow-wrap: anywhere;
    line-break: strict;
  }
}

@media screen and (max-width: 779px) {
  .tbl-reserch {
    font-size: 12px;
  }
  .tbl-reserch td.txtc {
    min-width: 40px;
  }
  .tbl-reserch td {
    padding: 5px;
  }
}

/*表*/
.tbl-result {
  border-collapse: collapse;
  margin-top: 30px;
  margin-bottom: 30px;
}
.tbl-result caption {
  text-align: left;
  margin-bottom: 20px;
}
.tbl-result th {
  width: 120px;
  text-align: left;
}

/*英語版*/
.tbl-result:lang(en) th {
  width: 200px;
  vertical-align: top;
}

/*スクロール指定（不要になったのでauto処理）*/
.scroll table {
  width: 100%;
  min-width: auto;
}

/*表（過去）*/
.tbl-result-past {
  width: 100%;
  border-collapse: collapse;
  margin-top: 30px;
  margin-bottom: 30px;
  border: 1px #000 solid;
}
.tbl-result-past th {
  border: 1px #000 solid;
  padding: 5px 10px;
  background-color: #f9f9f9;
}
.tbl-result-past td {
  border: 1px #000 solid;
  padding: 5px 10px;
}
.tbl-result-past th:nth-child(1) {
  width: 200px;
}
.tbl-result-past th:nth-child(2) {
  width: 200px;
}


/*スケジュール*/
.tbl-schedule {
  width: 100%;
  margin: 20px 0;
}
.tbl-schedule th {
  text-align: left;
  padding-bottom: 20px;
}
.tbl-schedule td {
  vertical-align: top;
  padding: 5px 10px;
  border-bottom: 1px #ddd dotted;
}
.tbl-schedule td:nth-child(2) {
  width: 300px;
  padding-left: 50px;
}

/*PDFリスト*/
.list-download li~li {
  margin-top: 10px;
}
.list-download span {
  display: inline-block;
  min-width: 70px;
  margin-right: 20px;
}

/*スケジュール*/
.schedules h6 {
  margin-bottom: 0;
}

/*過去の案内*/
.past {
  margin-top: 80px;
  margin-bottom: 50px;
  padding-top: 40px;
  border-top: 1px #ddd solid;
}
.past .article~.article {
  margin-top: 40px;
}

/*ページネーション*/
.pagination {
  margin: 30px 0 0px;
}
.pagination ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 100%;
  display: flex;
  flex-wrap: wrap;
}
.pagination li {
  margin-right: 20px;
  margin-bottom: 10px;
}
.pagination ul a {
  color:var(--limegreen);
  text-decoration: none;
}

/*ワークショップ*/
.workshop~.workshop {
  margin-top: 50px;
}
.workshop .update  {
  margin: 0 0 20px 0;
  text-align: right;
}
.workshop figure {
  margin: 30px 0;
}
.workshop figure figcaption {
  text-align: center;
}
.workshop figure img {
  display: block;
  margin: 0 auto;
}

.materials {
  border: 1px #000 solid;
  padding: 20px;
}
.materials b {
  font-size: clamp(0.875rem, 0.863rem + 0.06vw, 0.938rem);
}
.materials li {
  line-height: 160%;
}
.materials li~li {
  margin-top: 5px;
}


/*個別設定*/
#t20171208 {
  table-layout: fixed;
  width: 100%;
}
#t20171208:lang(en),
.tbl-result-past:lang(en),
.tbl-result:lang(en),
.tbl-schedule:lang(en) {
  word-break: normal;
  overflow-wrap: anywhere;
  line-break: strict;
}


/****************************/
/*レスポンシブ*/
/****************************/
@media screen and (max-width: 1279px) {
}

@media screen and (max-width: 979px) {
}

@media screen and (max-width: 779px) {
}

@media screen and (max-width: 579px) {
  .materials {
    padding: 10px;
  }
  .tbl-schedule td {
    padding: 5px 0;
  }
  .tbl-schedule td:nth-child(2) {
    width: 40%;
    padding-left: 10px;
  }
  .tbl-result:lang(en) th {
    display: block;
    width: 100%;
  }
  .tbl-result:lang(en) td {
    display: block;
    width: 100%;
  }
}

@media screen and (max-width: 379px) {
}