@charset "UTF-8";
/**  =======================================================================
*   
*  SEMS専用
*
============================================================================*/
/* ------------------------------------------------------ */
/* 旧デザイン互換用：グループフッターの地図を非表示 */
/* ------------------------------------------------------ */
#groupfooter{
  display:none;
}

/* ------------------------------------------------------ */
/* 旧デザイン互換用：非可視設定されたテーブルを非可視とする */
/* ------------------------------------------------------ */
.bordernone,
.bordernone > tbody,
.bordernone > tbody > tr,
.bordernone > tbody > tr > th,
.bordernone > tbody > tr > td,
.bordernone > thead,
.bordernone > thead > tr,
.bordernone > thead > tr > th,
.bordernone > thead > tr > td,
.bordernone > tfoot,
.bordernone > tfoot > tr,
.bordernone > tfoot > tr > th,
.bordernone > tfoot > tr > td {
  border: 0px none !important;
  background-color: transparent !important;
}

/* ------------------------------------------------------ */
/* 旧デザイン互換用：イベントページのテーブル
/* ------------------------------------------------------ */
.template-wrap .info-wrap {
  width: 100%;
  max-width: 848px;
  margin: 1em auto 2em; }
  .template-wrap .info-wrap table {
    width: 100%;
    /* 追加 */
    border-collapse: collapse;
    border-spacing: 0;
    }
  .template-wrap .info-wrap caption {
    padding: 0.25em; }
  .template-wrap .info-wrap th {
    width: 20%;
    background: #8E4615;
    color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff; }
  .template-wrap .info-wrap tr:first-child th {
    border-top: 1px solid #8E4615; }
  .template-wrap .info-wrap tr:last-child th {
    border-bottom: 1px solid #8E4615; }
  .template-wrap .info-wrap td {
    width: 80%;
    border: 1px solid #8E4615; }
  .template-wrap .info-wrap th,
  .template-wrap .info-wrap td {
    padding: 1em; }
    @media screen and (max-width: 680px) {
      .template-wrap .info-wrap th,
      .template-wrap .info-wrap td {
        width: 100%;
        display: block;
        border: 1px solid #8E4615; } }

.reference-wrap {
  padding: 1em;
  margin-top: 2em;
  border: 2px solid #914E21; }
  .reference-wrap .container-title {
    padding-bottom: 0.5em;
    display: inline-block;
    font-size: 1.2em; }
    .reference-wrap .container-title::after {
      content: '';
      width: 100%;
      height: 0.175em;
      display: block;
      background: #216591;
      background: -webkit-linear-gradient(10deg, #216591 0%, rgba(33, 101, 145, 0.32) 100%);
      background: linear-gradient(80deg, #216591 0%, rgba(33, 101, 145, 0.32) 100%); }


/* ------------------------------------------------------ */
/* Google翻訳：翻訳時にさらに翻訳するとエラーになるため非表示とする
/* ------------------------------------------------------ */
/* 日本語のときは「閉じる」を非表示にし、言語リンクを表示 */
html:lang(ja) .js-close-window {
    display: none;
}

html:lang(ja) .translate-link {
    display: block;
}

/* 日本語以外のときは「閉じる」を表示し、言語リンクを非表示 */
html:not(:lang(ja)) .js-close-window {
    display: block;
}

html:not(:lang(ja)) .translate-link {
    display: none;
}

/* 「閉じる」の右側の矢印を非表示にする */
.com-config__block.language .js-close-window::after {
    background-image: none;
}


/*-------------------------------------------------
  テーブルにtable_scrollクラスを記述したら横スクロールを表示する。
--------------------------------------------------*/
/* この方法では、iPhone閲覧時にスクロールバーが表示されず、画面右方向に突き抜けるのでNG */
/*
.article-body .table_scroll {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    border: 0px none !important;
}
.article-body.table_scroll tbody {
    width  : 100%;
    display: table;
}
*/

/* やっぱりdivで囲う必要がある */
.table_scroll_div{
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.table_scroll_div table{
    width:100%;
    white-space: nowrap;
}


/* -----------------------------------------------------------------------------
  読み上げソフト用のスキップリンク
----------------------------------------------------------------------------- */
#skip-link{
    position: absolute;
    top     : -10000px;
    left    : -10000px;
}