@charset "UTF-8";
/* PC/SP 共通は下記cssで管理 */
@import url("page-system_pcsp.css");
/* 個別システム以外、フォーム・パーツは下記cssで管理 */
@import url("page-system_base.css");
@media screen and (min-width: 768px), print {
  #toc_container { margin-top: 32px; margin-bottom: 40px !important; padding: 16px 24px !important; }
  .wysiwyg span[id] { padding-top: 24px; margin-top: -24px; display: block; }
  #toc_container li { margin-bottom: 3px !important; }
  #toc_container p.toc_title+ul.toc_list { margin-top: .5em !important; }
  /* news -------------------------------------*/
  /* 一覧 -------------------------------------*/
  #news .system-default-item { line-height: 1.4; overflow: hidden; margin-bottom: 20px; padding: 0 0 20px; border-bottom: 1px solid #CCCCCC; }
  #news .system-default-item a:hover { text-decoration: none; }
  #news .system-default-item .system-date { font-weight: normal; font-size: 12px; letter-spacing: 0.05em; line-height: 22px; text-align: left; color: #999; margin-bottom: 11.5px; }
  #news .system-default-item .system-ttl-01 { font-weight: normal; font-size: 15px; letter-spacing: 0.05em; line-height: 20px; text-align: left; color: #1a1a1a; }
  #news .system-default-item a:hover .system-ttl-01 { text-decoration: underline; }
  /* 詳細 -------------------------------------*/
  #news .system-detail-inner {
    .system-date { font-weight: normal; font-size: 16px; letter-spacing: 0.05em; line-height: 22px; text-align: left; color: #999; margin-bottom: 8px; }
  }
  /* 付属 -------------------------------------*/
  /* ★ event -------------------------------------*/
  /* 一覧 -------------------------------------*/
  #event .system-default-list {
    .system-pic { text-align: center; }
    .system-pic img { aspect-ratio: 1/1; max-width: 100%; height: auto; }
    .system-pic.event-off img { filter: grayscale(1); }
    .sy_radio-box {
      > p { border: 1px solid #000; padding: 5px 5px 5px; text-align: center; font-weight: 700; }
    }
    .sy_radio-1 {
    }
    .sy_radio-2 { background-color: #1c1c1c; color: #fff; }

    .system-ttl {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","NotoSansCJKjp","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 18px;letter-spacing: 0.05em;line-height: 27px;text-align: left;color: #1a1a1a;margin-top: 18px;border-bottom: 1px solid #000;padding-bottom: 21px;margin-bottom: 16px;}

    .system-info { border-top: 1px solid #1c1c1c; margin-top: 10px; padding-top: 17px;
      .system-flex { display: flex; flex-wrap: wrap; margin-bottom: 9px;
        &:last-child { margin-bottom: 0; }
        .system-box-l { width: 92px; text-align: center; font-weight: 500; font-size: 14px; color: #fff; margin-right: 18px;
          .system-color { background-color: #1c1c1c; display: block; }
        }
        .system-box-r { width: 200px; font-weight: normal; font-size: 14px; text-align: left; color: #000; }
      }
    }
    .sy4-box{
     display: flex;
     flex-wrap: wrap;
     margin-top: 19px;
     margin-bottom: -11px;

     p{
      background-color: #1A1A1A;
      font-size: 12px;
      letter-spacing: 0.05em;
      line-height: normal;
      text-align: left;
      color: #fff;
      margin-right: 8px;
      margin-bottom: 8px;
      padding: 2px 7px 2px 7px;
     }
    }
    .sy1{
font-size: 14px;
letter-spacing: 0.05em;
line-height: 20px;
text-align: left;
color: #4d4d4d;
    }
        .sy2{
font-size: 14px;
letter-spacing: 0.05em;
line-height: 20px;
text-align: left;
color: #4d4d4d;
    }

        .sy5{margin-top: 11px;font-size: 14px;letter-spacing: 0.05em;line-height: 24px;text-align: left;color: #4d4d4d;}

  }
  /* 詳細 -------------------------------------*/
  #event .system-detail-inner {
    .system-i-pic.event-off img { filter: grayscale(1); }
    .sy_radio-box {
      > p { width: 176px; border: 1px solid #000; padding: 6px 5px; text-align: center; font-weight: 700; margin-bottom: 20px; font-size: 15px; }
    }

    .sy4-box{
     display: flex;
     flex-wrap: wrap;
     margin-top: 0px;
     margin-bottom: 24px;

     p{
      background-color: #1A1A1A;
      font-size: 14px;
      letter-spacing: 0.05em;
      line-height: normal;
      text-align: left;
      color: #fff;
      margin-right: 8px;
      margin-bottom: 8px;
      padding: 4px 12px;
     }
    }

    .sy_radio-1 {
    }
    .sy_radio-2 { background-color: #1c1c1c; color: #fff; }
    .table-info-box { text-align: center; margin-bottom: 48px;
      .table-box { max-width: 800px; margin: 0 auto; border: 1px solid #1c1c1c;
        tr {
          &:last-child {
            .th-txt,.td-txt { border-bottom: none; line-height: 1.7; }
          }
        }
        .th-txt,
        .td-txt { padding: 10px 16px; }
        .th-txt { background-color: #1c1c1c; font-weight: 500; font-size: 16px; text-align: center; color: #fff; border-bottom: 1px solid #ccc; width: 128px; vertical-align: middle; }
        .td-txt { font-weight: normal; font-size: 16px; text-align: left; color: #000; border-bottom: 1px solid #1c1c1c; }
      }
    }
  }

  #event .form-Box_bg{
  margin-top: 120px;
}

  /* ★ staff_blog -------------------------------------*/
  /*patern1*/
  #staff_blog .mainContents { float: right; width: 73%; position: relative; top: 0px; }
  #staff_blog.dl-c .mainContents { top: -8px; }
  /*patern2*/
  #staff_blog .mainContents .system-list2 { margin-bottom: 50px; padding: 0px 20px 20px; /* background: #eeefef; */; }
  #staff_blog .mainContents .system-list-inner2 { padding: 40px 20px; background: #fff; }
  #staff_blog .mainContents .system-list2 li a:hover { text-decoration: none; }
  #staff_blog .mainContents .system-list2 li { line-height: 1.4; margin-bottom: 20px; padding: 0 0 20px; border-bottom: 1px solid #707070; }
  #staff_blog .mainContents .system-list2 li a { display: flex; flex-wrap: wrap; }
  #staff_blog .mainContents .system-list2 li a .system-pic { width: 233px; text-align: center; margin-right: 42px; }
  #staff_blog .mainContents .system-list2 li a .system-pic img { aspect-ratio: 233 / 169.5; max-width: 100%; height: auto; }
  #staff_blog .mainContents .system-list2 li a .textbx { width: 487px; }
  #staff_blog .mainContents .system-list2 li:hover .system-ttl-01 { text-decoration: underline; }
  #staff_blog .mainContents .system-list2 .sy-flex-1 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #staff_blog .mainContents .system-list2 .sy-flex-1 .box-l { width: 20%; }
  #staff_blog .mainContents .system-list2 .sy-flex-1 .box-r { width: 78%; margin-left: 2%; }
  #staff_blog .mainContents .system-list2 .system-contributor { font-size: 0.75em; text-align: right; color: #bbb; }
  #staff_blog .mainContents .system-list2 .sy-flex { display: flex; flex-wrap: wrap; margin-bottom: 10px;
    .system-date { width: 88px; margin-right: 8px; font-size: 14px; letter-spacing: 0.05em; line-height: 22px; text-align: left; color: #999; }
    .sy-flex-authors{
      .sy-authors-txt { background-color: #B1945F; font-weight: normal; font-size: 12px; letter-spacing: 0.05em; line-height: normal; text-align: center; color: #fff; padding: 3px 12px 3px; position: relative; top: -2px; z-index: 10; }
    }
  }
  #staff_blog .mainContents .system-list2 .system-ttl-01 { font-size: 17px; letter-spacing: 0.05em; line-height: 1.75; text-align: left; color: #1a1a1a; }
  #staff_blog .mainContents .system-list2{
    .system-category{
      >a { display: inline-block; border: 1px solid #1a1a1a; font-weight: normal; font-size: 14px; letter-spacing: 0.05em; line-height: normal; text-align: center; padding: 5px 5px 5px 5px; margin-top: 8px; margin-right: 8px; }
    }
  }
  /**/
  #staff_blog .mainContents .system-contents { margin-bottom: 30px; padding: 40px 20px; background: #eeefef; }
  #staff_blog .mainContents .system-contents-inner { padding: 40px 20px; background: #fff; }
  #staff_blog .mainContents .system-contents .system-category-set { width: 100%; margin-bottom: 20px; }
  #staff_blog .mainContents .system-contents .system-category { font-size: 0.75em; font-weight: bold; float: right; width: 20%; margin-right: 2px; padding: 8px; text-align: center; color: #fff; background: #ccc; }
  #staff_blog .mainContents .system-i-pic { margin-bottom: 25px; text-align: center; margin-top: 0px; }
  #staff_blog .mainContents .system-i-pic img { max-width: 100%; height: auto; }
  #staff_blog .mainContents .system-date { color: #999999; margin-bottom: 8px; }
  #staff_blog .mainContents .system-ttl { font-weight: bold; font-size: 22px; line-height: 1.75; text-align: left; color: #1A1A1A; border-bottom: 1px solid #1A1A1A; padding-bottom: 10px; margin-bottom: 32px; }
  #staff_blog .mainContents .footInfo { margin-top: 50px; padding-top: 20px; border-top: 1px dotted #ccc; }
  #staff_blog .mainContents .system-contributor { font-size: 0.875em; margin-bottom: 15px; text-align: right; }
  #staff_blog .pagen { width: 803px; }
  /*blogサイドバー*/
  #staff_blog aside.sidebar { float: left; width: 23%; position: relative; top: -31px; }
  #staff_blog aside.sidebar .aside-staff_blog-ttl { margin-bottom: 20px; padding-bottom: 10px; text-align: center; border-bottom: 1px solid #ccc; }
  #staff_blog aside.sidebar .aside-staff_blog-ttl span.en { font-size: 0.75em; display: block; margin-bottom: 10px; letter-spacing: 1px; color: #ccc; }
  #staff_blog aside.sidebar .aside-staff_blog-ttl span.jp { font-size: 0.938em; font-weight: bold; }
  #staff_blog aside.sidebar .list-block { margin: 20px 0 40px; }
  #staff_blog aside.sidebar .list-block .side-blog-new-list li { border-bottom: 1px dotted #b2b2b2; padding-bottom: 8px; margin-bottom: 8px; }
  #staff_blog aside.sidebar .list-block .side-blog-new-list a { display: block; }
  #staff_blog aside.sidebar .acbox a { font-size: 0.875rem; line-height: 1.4; display: block; margin-bottom: 15px !important; padding-bottom: 15px; border-bottom: 1px dotted #ddd; }
  /* ★ column -------------------------------------*/
  /*patern1*/
  #column .mainContents { float: right; width: 73%; position: relative; top: 0px; }
  #column.dl-c .mainContents { top: -8px; }
  /*patern2*/
  #column .mainContents .system-list2 { margin-bottom: 50px; padding: 0px 20px 20px; /* background: #eeefef; */; }
  #column .mainContents .system-list-inner2 { padding: 40px 20px; background: #fff; }
  #column .mainContents .system-list2 li a:hover { text-decoration: none; }
  #column .mainContents .system-list2 li { line-height: 1.4; margin-bottom: 20px; padding: 0 0 20px; border-bottom: 1px solid #707070; }
  #column .mainContents .system-list2 li a { display: flex; flex-wrap: wrap; }
  #column .mainContents .system-list2 li .system-pic { text-align: center; display: block; width: 233px; margin-right: 43px; }
  #column .mainContents .system-list2 li .system-pic img { aspect-ratio: 233 / 169.5; max-width: 100%; height: auto; }
  #column .mainContents .system-list2 li .textbx { width: 487px; }
  #column .mainContents .system-list2 li a .textbx { width: 487px; }
  #column .mainContents .system-list2 li .system-ttl-01:hover { text-decoration: underline; }
  #column .mainContents .system-list2 .sy-flex-1 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #column .mainContents .system-list2 .sy-flex-1 .box-l { width: 20%; }
  #column .mainContents .system-list2 .sy-flex-1 .box-r { width: 78%; margin-left: 2%; }
  #column .mainContents .system-list2 .system-contributor { font-size: 0.75em; text-align: right; color: #bbb; }
  #column .mainContents .system-list2 .sy-flex { display: flex; flex-wrap: wrap; margin-bottom: 10px;
    .system-date { width: 88px; margin-right: 8px; font-size: 14px; letter-spacing: 0.05em; line-height: 22px; text-align: left; color: #999; }
    .sy-flex-authors{
      .sy-authors-txt { display: inline-block; background-color: #B1945F; font-weight: normal; font-size: 12px; letter-spacing: 0.05em; line-height: normal; text-align: center; color: #fff; padding: 3px 12px 3px; position: relative; top: -2px; z-index: 10; margin-right: 8px; margin-bottom: 8px;
        &:hover{
        }
      }
    }
  }
  #column .mainContents .system-list2 .system-ttl-01 { font-size: 17px; letter-spacing: 0.05em; line-height: 1.75; text-align: left; color: #1a1a1a; }
  /* #column .mainContents .system-list2{
    .system-category{
      >span { display: inline-block; border: 1px solid #1a1a1a; font-weight: normal; font-size: 14px; letter-spacing: 0.05em; line-height: normal; text-align: center; padding: 5px 5px 5px 5px; margin-top: 8px; margin-right: 8px; }
    }
  } */
  /**/
  #column .mainContents .system-contents { margin-bottom: 30px; padding: 40px 20px; background: #eeefef; }
  #column .mainContents .system-contents-inner { padding: 40px 20px; background: #fff; }
  #column .mainContents .system-contents .system-category-set { width: 100%; margin-bottom: 20px; }
  #column .mainContents .system-contents .system-category { font-size: 0.75em; font-weight: bold; float: right; width: 20%; margin-right: 2px; padding: 8px; text-align: center; color: #fff; background: #ccc; }
  #column .mainContents .system-i-pic { margin-bottom: 25px; text-align: center; margin-top: 0px; }
  #column .mainContents .system-i-pic img { max-width: 100%; height: auto; }
  #column .mainContents .system-ttl { font-weight: bold; font-size: 22px; line-height: 1.75; text-align: left; color: #1A1A1A; border-bottom: 1px solid #1A1A1A; padding-bottom: 10px; margin-bottom: 32px; }
  #column .mainContents .footInfo { margin-top: 50px; padding-top: 20px; border-top: 1px dotted #ccc; }
  #column .mainContents .system-contributor { font-size: 0.875em; margin-bottom: 15px; text-align: right; }
  #column .pagen { width: 803px; }
  /*blogサイドバー*/
  #column aside.sidebar { float: left; width: 23%; position: relative; top: -31px; }
  #column aside.sidebar .aside-staff_blog-ttl { margin-bottom: 20px; padding-bottom: 10px; text-align: center; border-bottom: 1px solid #ccc; }
  #column aside.sidebar .aside-staff_blog-ttl span.en { font-size: 0.75em; display: block; margin-bottom: 10px; letter-spacing: 1px; color: #ccc; }
  #column aside.sidebar .aside-staff_blog-ttl span.jp { font-size: 0.938em; font-weight: bold; }
  #column aside.sidebar .list-block { margin: 20px 0 40px; }
  #column aside.sidebar .list-block .side-blog-new-list li { border-bottom: 1px dotted #b2b2b2; padding-bottom: 8px; margin-bottom: 8px; }
  #column aside.sidebar .list-block .side-blog-new-list a { display: block; }
  #column aside.sidebar .acbox a { font-size: 0.875rem; line-height: 1.4; display: block; margin-bottom: 15px !important; padding-bottom: 15px; border-bottom: 1px dotted #ddd; }
  #column.dl-c { display: flex; flex-wrap: wrap; margin-bottom: 10px;
    .sy-flex { display: flex; flex-wrap: wrap; margin-bottom: 10px; }
    .system-date { width: 105px; margin-right: 8px; font-size: 16px; letter-spacing: 0.05em; line-height: 22px; text-align: left; color: #999; padding-top: 6px; }
    .sy-flex-authors{
      .sy-authors-txt { display: inline-block; background-color: #B1945F; font-weight: normal; font-size: 13px; letter-spacing: 0.05em; line-height: normal; text-align: center; color: #fff; padding: 3px 12px 3px; position: relative; top: -1px; z-index: 10; margin-right: 8px; margin-bottom: 8px; }
    }
  }
  /* 付属 -------------------------------------*/
  .scr-side-list-wap { overflow-y: scroll; height: 333px; }
  .side-column-new-list { font-size: 14px; line-height: 1.8;
    >li { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px dotted #1a1a1a; }
    .side-day { font-size: 13px; letter-spacing: 0.05em; line-height: 22px; text-align: left; color: #999; }
  }
  /* voice -------------------------------------*/
  /* 一覧 -------------------------------------*/
  #voice .system-default-list { display: grid; grid-template-columns: repeat(auto-fill,348px); justify-content: start; row-gap: 27px; column-gap: 27px; max-width: 1100px; margin: 0 auto; padding: 0;
    .system-pic { text-align: center; }
    .system-pic img { aspect-ratio: 348 / 240; max-width: 100%; height: auto; }
    .system-ttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","NotoSansCJKjp","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: normal; font-size: 16px; letter-spacing: 0.05em; line-height: 23px; text-align: left; color: #1a1a1a; }
    .system-s-box { padding: 16px 16px 32px 16px; }
    .system-info { font-weight: normal; font-size: 15px; letter-spacing: 0.05em; line-height: 28px; text-align: left; color: #4d4d4d; margin-bottom: 8px;
      >span { display: inline-block;
        &:nth-child(2) { margin-left: 1em; }
      }
    }
  }
  /* 詳細 -------------------------------------*/
  #voice .system-detail-inner {
    .system-info { font-weight: normal; font-size: 16px; letter-spacing: 0.05em; line-height: 28px; text-align: left; color: #4d4d4d; margin-bottom: 14px;
      >span { display: inline-block;
        &:nth-child(2) { margin-left: 1em; }
      }
    }
  }
  /* 付属 -------------------------------------*/
  /* work -------------------------------------*/
  /* 一覧 -------------------------------------*/
  #work .system-default-list { display: grid; grid-template-columns: repeat(auto-fill,322px); justify-content: start; /* 左詰めに */; row-gap: 48px; column-gap: 66.5px; max-width: 1100px; margin: 0 auto; padding: 0;
    .system-pic { text-align: center; margin-bottom: 14px; }
    .system-pic img { aspect-ratio: 323 / 221; max-width: 100%; height: auto; }
    .system-ttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","NotoSansCJKjp","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: normal; font-size: 16px; letter-spacing: 0.05em; line-height: 23px; text-align: left; color: #1a1a1a; margin-top: 14px; }
    .system-s-box{
    }
    .system-info { font-weight: normal; font-size: 15px; letter-spacing: 0.05em; line-height: 28px; text-align: left; color: #4d4d4d; margin-bottom: 8px;
      >span { display: inline-block;
        &:nth-child(2) { margin-left: 1em; }
      }
    }
    .system-info-wap{
      >p { display: inline-block; }
      .system-cate { margin-bottom: -3px;
        >span { display: inline-block; border: 1px solid #E6E6E6; font-weight: normal; font-size: 14px; letter-spacing: 0.05em; line-height: 22px; text-align: left; color: #4d4d4d; padding: 6px 12px 6px; margin-right: 8px; margin-bottom: 8px; }
      }
    }
  }
  /* 詳細 -------------------------------------*/
  #work .system-detail-inner {
    .system-info { font-weight: normal; font-size: 15px; letter-spacing: 0.05em; line-height: 28px; text-align: left; color: #4d4d4d; margin-bottom: 8px;
      >span { display: inline-block;
        &:nth-child(2) { margin-left: 1em; }
      }
    }
    .system-info-wap{
      >p{
      }
      .system-cate { margin-bottom: 8px;
        >span { display: inline-block; border: 1px solid #E6E6E6; font-weight: normal; font-size: 14px; letter-spacing: 0.05em; line-height: 22px; text-align: left; color: #4d4d4d; padding: 6px 12px 6px; margin-right: 8px; margin-bottom: 8px; }
      }
    }
  }
  /* 付属 -------------------------------------*/
  /* staff -------------------------------------*/
  /* 一覧 -------------------------------------*/
  #staff .system-default-list { display:grid; grid-template-columns:repeat(auto-fill,320px); justify-content:start; row-gap:52px; column-gap:70px; max-width:1100px; margin:0 auto; padding:0;
    .system-pic { text-align: center; margin-bottom: 15px; }
    .system-pic img { aspect-ratio: 320 / 360; max-width: 100%; height: auto; }
    .system-ttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","NotoSansCJKjp","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: normal; font-size: 18px; letter-spacing: 0.05em; line-height: 29px; text-align: left; color: #1a1a1a; padding-bottom: 6px; margin-bottom: 6px; border-bottom: 1px solid #E6E6E6; }
    .system-txt1 { font-weight: normal; font-size: 14px; letter-spacing: 0.05em; line-height: 22px; color: #4d4d4d; margin-bottom: 15px; }
    .system-txt2 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","NotoSansCJKjp","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: normal; font-size: 16px; letter-spacing: 0.05em; line-height: 30px; text-align: left; color: #1a1a1a; }
  }
  /* 詳細 -------------------------------------*/
  #staff .system-detail-inner {
    .system-txt1 { margin-bottom: 6px; }
    .system-txt2 { margin-top: -12px; margin-bottom: 24px; }
  }
  /* 付属 -------------------------------------*/
  #staff .system-detail-inner .system-i-pic-dl { width: 440px; margin: 0 auto; margin-bottom: 40px; }
  #staff .system-detail-inner .system-i-pic-dl img { width: 100%; height: auto; }
  /*blogサイドバー*/
  aside.sidebar { float: left; width: 23%; position: relative; top: -31px; }
  aside.sidebar .aside-blog-ttl { margin-bottom: 20px; padding-bottom: 10px; text-align: center; border-bottom: 1px solid #ccc; }
  aside.sidebar .aside-blog-ttl span.en { font-size: 0.75em; display: block; margin-bottom: 10px; letter-spacing: 1px; color: #ccc; }
  aside.sidebar .aside-blog-ttl span.jp { font-size: 0.938em; font-weight: bold; }
  aside.sidebar .list-block { margin: 20px 0 40px; }
  aside.sidebar .list-block .side-day {}
  aside.sidebar .list-block .side-blog-new-list li { border-bottom: 1px dotted #b2b2b2; padding-bottom: 8px; margin-bottom: 8px; }
  aside.sidebar .list-block .side-blog-new-list a { display: block; }
  aside.sidebar .acbox a { font-size: 0.875rem; line-height: 1.4; display: block; margin-bottom: 15px !important; padding-bottom: 15px; border-bottom: 1px dotted #ddd; }
  aside.sidebar .list-block .fz-ch { font-size: 15px; }
  #sidebar .widget_calendar { margin-bottom: 40px; }
  table#wp-calendar { font-size: 12px; width: 100%; margin: 5px auto 0 auto; margin-bottom: 30px; padding: 0; table-layout: fixed; border-spacing: 0; border-collapse: collapse; }
  table#wp-calendar caption { font-weight: bold; width: auto; margin: 10px 0 0 0; padding: 10px; text-align: center; border: thin solid #eee; border-radius: 3px 3px 0 0; background-color: #fff; }
  table#wp-calendar #today { font-weight: bold; z-index: 1; display: block; background-color: #cef; }
  table#wp-calendar .pad { font-weight: bold; background-color: #eee; }
  table#wp-calendar th, table#wp-calendar td { padding: 7px 0; text-align: center; vertical-align: middle; }
  table#wp-calendar td { line-height: 1.8; border: thin solid #eee; background-color: #fff; }
  table#wp-calendar th { font-style: normal; color: #333; border-right: thin solid #eee; border-left: thin solid #eee; background-color: #f0f0f0; }
  table#wp-calendar a { font-size: 12px; padding: 0; text-decoration: underline; color: #00a0dd; }
  /* 付属 -------------------------------------*/
  .scr-side-list-wap { overflow-y: scroll; height: 333px; }
  .side-staff_blog-new-list { font-size: 14px; line-height: 1.8;
    >li { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px dotted #1a1a1a; }
    .side-day { font-size: 13px; letter-spacing: 0.05em; line-height: 22px; text-align: left; color: #999; }
  }
  /* dictionary -------------------------------------*/
  /* 一覧 -------------------------------------*/
  #dictionary #link01 { padding-top: 32px; margin-top: -32px; display: block; }
  #dictionary .system-default-list-one { width: 1020.5px; margin: 0 auto;
    .system-default-item-one { display: flex; flex-wrap: wrap; margin-bottom: 43px; }
    .system-pic { width: 218px; margin-right: 42px; text-align: center; }
    .system-pic img { aspect-ratio: 348 / 240; max-width: 100%; height: auto; }
    .system-ttl { font-weight: normal; text-align: left; color: #1a1a1a; border-bottom: 1px solid #CCCCCC; padding-bottom: 17px; margin-bottom: 18px; font-size: 16px; letter-spacing: 0.05em; line-height: 33px; }
    .system-s-box { width: 760px; padding-top: 16px;
      .system-category { padding-left: 3px; padding-right: 3px;
        .sy-category-txt { font-weight: normal; font-size: 14px; letter-spacing: 0.05em; line-height: 25px; text-align: left; color: #727272; margin-right: 10px; margin-bottom: 10px; display: inline-block; margin-right: 17px;
          &::before { content: "#"; margin-right: 4px; }
        }
      }
    }
  }
  /* 詳細 -------------------------------------*/
  #dictionary .system-detail-inner {
    .system-info { font-weight: normal; font-size: 16px; letter-spacing: 0.05em; line-height: 28px; text-align: left; color: #4d4d4d; margin-bottom: 14px;
      >span { display: inline-block;
        &:nth-child(2) { margin-left: 1em; }
      }
    }
    .system-category { padding-left: 3px; padding-right: 3px; margin-bottom: 16px; margin-top: -16px;
      .sy-category-txt { font-weight: normal; font-size: 16px; letter-spacing: 0.05em; line-height: 25px; text-align: left; color: #727272; margin-right: 10px; margin-bottom: 10px; display: inline-block; margin-right: 17px;
        &::before { content: "#"; margin-right: 4px; }
      }
    }
  }
  /* カテゴリ -------------------------------------*/
  #dictionary .sy-wap-ttl-box.ano { margin-top: 72px; }
  /* 付属 -------------------------------------*/
  #dictionary .sy-wap-ttl-box { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","NotoSansCJKjp","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: normal; font-size: 20px; line-height: 38px; text-align: left; color: #1a1a1a; padding-left: 40px; padding-bottom: 5px; border-bottom: 1px solid #A28756; margin-bottom: 34px; letter-spacing: normal; margin-top: 71px; display: inline-block; padding-right: 12px; }
  /* album -------------------------------------*/
  /* 一覧 -------------------------------------*/
  #album {
    .system-bg-box { background-color: #F2F2F2; padding-top: 137px; padding-bottom: 25px; margin-top: -50px; }
    .sytem-wap-ttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","NotoSansCJKjp","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: normal; font-size: 34px; letter-spacing: 0.05em; line-height: 49px; text-align: center; color: #1a1a1a; margin-bottom: 67px; }
    #link01 { padding-top: 64px; margin-top: -64px; display: block; }
  }
  #album .system-default-list-one {
    .system-default-item-one { width: 1200px; margin: 0 auto; border-radius: 50px; background: #fff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); padding: 75px 0px 64px; margin-bottom: 70px;
      .system-ttl2 { font-weight: bold; font-size: 30px; letter-spacing: 0.1em; line-height: 30px; text-align: center; color: #8b744a; position: relative; padding-bottom: 26px; margin-bottom: 40px;
        &::after { content: ""; display: block; width: 80px; height: 1px; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 0; background-color: #8B744A; }
      }
      .flex { width: 1100px; margin: 0 auto; display: flex; flex-wrap: wrap;
        .box-l { width: 400px; margin-right: 40px; margin-left: 40px; position: relative; top: -6px; font-size: 16px; letter-spacing: 0.05em; line-height: 33px; }
        .box-r { width: 620px; }
      }
    }
    .system-pic { text-align: center; }
    .system-pic img { aspect-ratio: 620 / 376; max-width: 100%; height: auto; }
    .system-gallery2 .gallery-list2 { margin-top: 20px; display: flex; flex-wrap: wrap;
      .gallery-list2-item { width: 200px; margin-right: 10px; margin-bottom: 10px; text-align: center;
        &:nth-child(3n) { margin-right: 0px; }
        img { aspect-ratio: 200 / 150; max-width: 100%; height: auto; }
      }
    }
  }
}


@media screen and (max-width: 767px) {
  #toc_container { margin-top: 7.729vw; margin-bottom: 40px !important; padding: 16px 24px !important; }
  .wysiwyg span[id] { padding-top: 5.797vw; margin-top: -5.797vw; display: block; }
  #toc_container li { margin-bottom: 3px !important; }
  #toc_container p.toc_title+ul.toc_list { margin-top: .5em !important; }
  /* news -------------------------------------*/
  .system-default-one { width: 86.957vw; margin: 0 auto; }
  /* 一覧 -------------------------------------*/
  #news .system-default-item { line-height: 1.4; overflow: hidden; margin-bottom: 4.589vw; padding: 0 0 2.899vw; border-bottom: 1px solid #CCCCCC; }
  #news .system-default-item a:hover { text-decoration: none; }
  #news .system-default-item .system-date { font-weight: normal; text-align: left; color: #999; margin-bottom: 1.691vw; font-size: 3.14vw; letter-spacing: 0.05em; line-height: 5.314vw; }
  #news .system-default-item .system-ttl-01 { font-weight: normal; text-align: left; color: #1a1a1a; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 5.556vw; }
  #news .system-default-item a:hover .system-ttl-01 { text-decoration: underline; }
  /* 詳細 -------------------------------------*/
  #news .system-detail-inner {
    .system-date { font-weight: normal; font-size: 3.623vw; letter-spacing: 0.05em; line-height: 5.314vw; text-align: left; color: #999; margin-bottom: 1.932vw; }
  }
  #staff_blog .mainContents .system-list2 { width: 86.957vw; margin: 0 auto; }
  #staff_blog .mainContents .system-list-inner2 { padding: 9.662vw 4.831vw; background: #fff; }
  #staff_blog .mainContents .system-list2 li a:hover { text-decoration: none; }
  #staff_blog .mainContents .system-list2 li { line-height: 1.4; margin-bottom: 4.831vw; padding: 0 0 4.831vw; border-bottom: 1px solid #CCCCCC; }
  #staff_blog .mainContents .system-list2 li a { display: flex; flex-wrap: wrap; }
  #staff_blog .mainContents .system-list2 li a .system-pic { width: 26.57vw; text-align: center; margin-right: 4.831vw; }
  #staff_blog .mainContents .system-list2 li a .system-pic img { aspect-ratio: 110 / 80; max-width: 100%; height: auto; }
  #staff_blog .mainContents .system-list2 li a .textbx { width: 55.556vw; position: relative; top: 0.242vw; }
  #staff_blog .mainContents .system-list2 li:hover .system-ttl-01 { text-decoration: underline; }
  #staff_blog .mainContents .system-list2 .sy-flex-1 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #staff_blog .mainContents .system-list2 .sy-flex-1 .box-l { width: 20%; }
  #staff_blog .mainContents .system-list2 .sy-flex-1 .box-r { width: 78%; margin-left: 2%; }
  #staff_blog .mainContents .system-list2 .system-contributor { font-size: 0.75em; text-align: right; color: #bbb; }
  #staff_blog .mainContents .system-list2 .sy-flex { display: flex; flex-wrap: wrap; margin-bottom: 0.242vw;
    .system-date { width: 18.599vw; margin-right: 1.932vw; text-align: left; color: #999; font-size: 2.899vw; letter-spacing: 0.05em; line-height: 5.314vw; }
    .sy-flex-authors{
      .sy-authors-txt { background-color: #B1945F; font-weight: normal; font-size: 2.899vw; letter-spacing: 0.05em; line-height: normal; text-align: center; color: #fff; padding: 0.483vw 2.899vw 0.242vw; position: relative; top: -0.242vw; z-index: 10; }
    }
  }
  #staff_blog .mainContents .system-list2 .system-ttl-01 { font-weight: normal; font-size: 3.623vw; letter-spacing: 0.05em; line-height: 4.831vw; text-align: left; color: #1a1a1a; }
  #staff_blog .mainContents .system-list2{
    .system-category{
      >span { display: inline-block; border: 1px solid #1a1a1a; font-weight: normal; font-size: 3.382vw; letter-spacing: 0.05em; line-height: normal; text-align: center; padding: 1.208vw 1.208vw 1.208vw 1.208vw; margin-top: 1.932vw; margin-right: 1.932vw; }
    }
  }
  /**/
  #staff_blog .mainContents .system-contents { margin-bottom: 7.246vw; padding: 9.662vw 4.831vw; background: #eeefef; }
  #staff_blog .mainContents .system-contents-inner { padding: 9.662vw 4.831vw; background: #fff; }
  #staff_blog .mainContents .system-contents .system-category-set { width: 100%; margin-bottom: 4.831vw; }
  #staff_blog .mainContents .system-contents .system-category { font-size: 0.75em; font-weight: bold; float: right; width: 20%; margin-right: 0.483vw; padding: 1.932vw; text-align: center; color: #fff; background: #ccc; }
  #staff_blog .mainContents .system-i-pic { margin-bottom: 6.039vw; text-align: center; margin-top: 0; }
  #staff_blog .mainContents .system-i-pic img { max-width: 100%; height: auto; }
  #staff_blog .mainContents .system-date { color: #999999; margin-bottom: 1.932vw; }
  #staff_blog .mainContents .system-ttl { font-weight: bold; font-size: 4.348vw; line-height: 1.75; text-align: left; color: #1c1c1c; border-bottom: 1px solid #1a1a1a; padding-bottom: 2.415vw; margin-bottom: 5.797vw; }
  #staff_blog .mainContents .footInfo { margin-top: 12.077vw; padding-top: 4.831vw; border-top: 1px dotted #ccc; }
  #staff_blog .mainContents .system-contributor { font-size: 0.875em; margin-bottom: 3.623vw; text-align: right; }
  #staff_blog .pagen { width: 193.961vw; }
  #staff_blog.dl-c .mainContents { width: 86.957vw; margin: 0 auto; }
  /*patern2*/
  #column .mainContents .system-list2 { width: 86.957vw; margin: 0 auto; }
  #column .mainContents .system-list-inner2 { padding: 9.662vw 4.831vw; background: #fff; }
  #column .mainContents .system-list2 li a:hover { text-decoration: none; }
  #column .mainContents .system-list2 li { line-height: 1.4; margin-bottom: 4.831vw; padding: 0 0 4.831vw; border-bottom: 1px solid #CCCCCC; }
  #column .mainContents .system-list2 li a { display: flex; flex-wrap: wrap; }
  #column .mainContents .system-list2 li .system-pic { text-align: center; display: block; width: 26.57vw; margin-right: 4.831vw; }
  #column .mainContents .system-list2 li .system-pic img { aspect-ratio: 110 / 80; max-width: 100%; height: auto; }
  #column .mainContents .system-list2 li .textbx { width: 55.556vw; position: relative; top: 0.242vw; }
  #column .mainContents .system-list2 li .system-ttl-01:hover { text-decoration: underline; }
  #column .mainContents .system-list2 .sy-flex-1 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #column .mainContents .system-list2 .sy-flex-1 .box-l { width: 20%; }
  #column .mainContents .system-list2 .sy-flex-1 .box-r { width: 78%; margin-left: 2%; }
  #column .mainContents .system-list2 .system-contributor { font-size: 0.75em; text-align: right; color: #bbb; }
  #column .mainContents .system-list2 .sy-flex { display: flex; flex-wrap: wrap; margin-bottom: 0.242vw;
    .system-date { width: 18.599vw; margin-right: 1.932vw; text-align: left; color: #999; font-size: 2.899vw; letter-spacing: 0.05em; line-height: 5.314vw; }
    .sy-flex-authors { display: flex; flex-wrap: wrap;
      .sy-authors-txt { background-color: #B1945F; font-weight: normal; font-size: 2.899vw; letter-spacing: 0.05em; line-height: normal; text-align: center; color: #fff; padding: 0.483vw 2.899vw 0.242vw; position: relative; top: -0.242vw; z-index: 10; margin-right: 1.932vw; margin-bottom: 1.932vw;
        &:hover{
        }
      }
    }
  }
  #column .mainContents .system-list2 .system-ttl-01 { font-weight: normal; font-size: 3.623vw; letter-spacing: 0.05em; line-height: 4.831vw; text-align: left; color: #1a1a1a; }
  #column .mainContents .system-list2{
    .system-category{
    }
  }
  /**/
  #column .mainContents .system-contents { margin-bottom: 7.246vw; padding: 9.662vw 4.831vw; background: #eeefef; }
  #column .mainContents .system-contents-inner { padding: 9.662vw 4.831vw; background: #fff; }
  #column .mainContents .system-contents .system-category-set { width: 100%; margin-bottom: 4.831vw; }
  #column .mainContents .system-contents .system-category { font-size: 0.75em; font-weight: bold; float: right; width: 20%; margin-right: 0.483vw; padding: 1.932vw; text-align: center; color: #fff; background: #ccc; }
  #column .mainContents .system-i-pic { margin-bottom: 6.039vw; text-align: center; margin-top: 0; }
  #column .mainContents .system-i-pic img { max-width: 100%; height: auto; }
  #column .mainContents .system-date { color: #999999; margin-bottom: 1.932vw; }
  #column .mainContents .system-ttl { font-weight: bold; font-size: 4.348vw; line-height: 1.75; text-align: left; color: #1c1c1c; border-bottom: 1px solid #1a1a1a; padding-bottom: 2.415vw; margin-bottom: 5.797vw; }
  #column .mainContents .footInfo { margin-top: 12.077vw; padding-top: 4.831vw; border-top: 1px dotted #ccc; }
  #column .mainContents .system-contributor { font-size: 0.875em; margin-bottom: 3.623vw; text-align: right; }
  #column .pagen { width: 193.961vw; }
  #column.dl-c .mainContents { width: 86.957vw; margin: 0 auto; }
  #column.dl-c{
    .sy-flex { display: flex; flex-wrap: wrap; margin-bottom: 2.415vw; }
    .system-date { width: 25.362vw; margin-right: 1.932vw; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 5.314vw; text-align: left; color: #999; padding-top: 1.449vw; }
    .sy-flex-authors{
      .sy-authors-txt { display: inline-block; background-color: #B1945F; font-weight: normal; font-size: 3.382vw; letter-spacing: 0.05em; line-height: normal; text-align: center; color: #fff; padding: 0.725vw 2.899vw 0.725vw; position: relative; top: 0.483vw; z-index: 10; margin-right: 1.932vw; margin-bottom: 1.932vw; }
    }
  }
  .scr-side-list-wap { overflow-y: scroll; height: 80.435vw; }
  .side-column-new-list { font-size: 3.382vw; line-height: 1.8;
    >li { padding-bottom: 2.899vw; margin-bottom: 2.899vw; border-bottom: 1px dotted #1a1a1a; }
    .side-day { font-size: 3.14vw; letter-spacing: 0.05em; line-height: 5.314vw; text-align: left; color: #999; }
  }
  /* voice -------------------------------------*/
  /* 一覧 -------------------------------------*/
  #voice .system-default-list { width: 86.957vw; margin: 0 auto;
    >article { margin-bottom: 3.865vw; }
    .system-pic { text-align: center; }
    .system-pic img { aspect-ratio: 348 / 240; max-width: 100%; height: auto; }
    .system-ttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","NotoSansCJKjp","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: normal; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 5.556vw; text-align: left; color: #1a1a1a; }
    .system-s-box { padding: 3.865vw 2.899vw 5.797vw 2.899vw; }
    .system-info { font-weight: normal; font-size: 2.899vw; letter-spacing: 0.05em; line-height: 6.763vw; text-align: left; color: #4d4d4d; margin-bottom: 1.932vw;
      >span { display: inline-block;
        &:nth-child(2) { margin-left: 1em; }
      }
    }
  }
  /* 詳細 -------------------------------------*/
  #voice .system-detail-inner {
    .system-info { font-weight: normal; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 6.763vw; text-align: left; color: #4d4d4d; margin-bottom: 1.449vw;
      >span { display: inline-block;
        &:nth-child(2) { margin-left: 1em; }
      }
    }
  }
  /* 付属 -------------------------------------*/
  /* work -------------------------------------*/
  /* 一覧 -------------------------------------*/
  #work .system-default-list { width: 86.957vw; margin: 0 auto;
    >article { margin-bottom: 9.662vw; }
    .system-pic { text-align: center; margin-bottom: 2.899vw; }
    .system-pic img { aspect-ratio: 348 / 240; max-width: 100%; height: auto; }
    .system-ttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","NotoSansCJKjp","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: normal; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 5.556vw; text-align: left; color: #1a1a1a; margin-top: 1.691vw; }
    .system-s-box{
    }
    .system-info { font-weight: normal; font-size: 2.899vw; letter-spacing: 0.05em; line-height: 6.763vw; text-align: left; color: #4d4d4d; margin-bottom: 1.932vw;
      >span { display: inline-block;
        &:nth-child(2) { margin-left: 1em; }
      }
    }
    .system-info-wap{
      >p { display: inline-block; }
      .system-cate { margin-bottom: -0.725vw;
        >span { display: inline-block; border: 1px solid #E6E6E6; font-weight: normal; font-size: 2.899vw; letter-spacing: 0.05em; line-height: 5.314vw; text-align: left; color: #4d4d4d; padding: 0.966vw 1.691vw 0.966vw; margin-right: 1.932vw; margin-bottom: 1.932vw; }
      }
    }
  }
  /* 詳細 -------------------------------------*/
  #work .system-detail-inner {
    .system-info { font-weight: normal; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 6.763vw; text-align: left; color: #4d4d4d; margin-bottom: 1.449vw;
      >span { display: inline-block;
        &:nth-child(2) { margin-left: 1em; }
      }
    }
    .system-info-wap{
      >p{
      }
      .system-cate { margin-bottom: 1.932vw;
        >span { display: inline-block; border: 1px solid #E6E6E6; font-weight: normal; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 5.314vw; text-align: left; color: #4d4d4d; padding: 1.449vw 2.899vw 1.449vw; margin-right: 1.932vw; margin-bottom: 1.932vw; }
      }
    }
  }
  /* 付属 -------------------------------------*/
  /* ★ event -------------------------------------*/
  /* 一覧 -------------------------------------*/
  #event .system-default-list { width: 83.575vw; margin: 0 auto;
    .system-pic { text-align: center; }
    .system-pic img { aspect-ratio: 1/1; max-width: 100%; height: auto; }
    .system-pic.event-off img { filter: grayscale(1); }
    .sy_radio-box {
      > p { border: 1px solid #000; padding: 1.208vw 1.208vw 1.208vw; text-align: center; font-weight: 700; font-size: 3.623vw; }
    }
    .sy_radio-1 {
    }
    .sy_radio-2 { background-color: #1c1c1c; color: #fff; }
    > article { margin-bottom: 9.42vw; }

    .system-ttl {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","NotoSansCJKjp","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;text-align: left;color: #1a1a1a;margin-top: 3.865vw;border-bottom: 1px solid #000;padding-bottom: 2.174vw;margin-bottom: 3.14vw;font-size: 3.865vw;letter-spacing: 0.05em;line-height: 5.797vw;}

    .system-info { border-top: 1px solid #1c1c1c; margin-top: 2.899vw; padding-top: 4.831vw;
      .system-flex { display: flex; flex-wrap: wrap; margin-bottom: 2.415vw;
        &:last-child { margin-bottom: 0; }
        .system-box-l { width: 24.155vw; text-align: center; font-weight: 500; font-size: 3.865vw; color: #fff; margin-right: 4.831vw;
          .system-color { background-color: #1c1c1c; display: block; }
        }
        .system-box-r { width: 54.348vw; font-weight: normal; font-size: 3.865vw; text-align: left; color: #000; }
      }
    }
    .sy4-box{
     display: flex;
     flex-wrap: wrap;
     margin-top: 2.899vw;
     margin-bottom: -3.14vw;
  
     p{
      background-color: #1A1A1A;
      font-size: 2.899vw;
      letter-spacing: 0.05em;
      line-height: normal;
      text-align: left;
      color: #fff;
      margin-right: 1.932vw;
      margin-bottom: 1.932vw;
      padding: 0.483vw 1.691vw 0.483vw 1.691vw;
     }
    }
    .sy1{text-align: left;color: #4d4d4d;font-size: 2.899vw;letter-spacing: 0.05em;line-height: 4.589vw;}
        .sy2{text-align: left;color: #4d4d4d;font-size: 2.899vw;letter-spacing: 0.05em;line-height: 4.589vw;}

        .sy5{margin-top: 2.657vw;text-align: left;color: #4d4d4d;font-size: 2.899vw;letter-spacing: 0.05em;line-height: 4.589vw;}

  }
  /* 詳細 -------------------------------------*/
  #event .system-detail-inner {
    .system-i-pic.event-off img { filter: grayscale(1); }
    .sy_radio-box {
      > p { width: 30.918vw; border: 1px solid #000; padding: 0.483vw 1.208vw; text-align: center; font-weight: 700; margin-bottom: 3.865vw; font-size: 3.382vw; }
    }
    .sy_radio-1 {
    }
    .sy_radio-2 { background-color: #1c1c1c; color: #fff; }
    .table-info-box { text-align: center; margin-bottom: 11.594vw;
      .table-box { max-width: 100%; margin: 0 auto; border: 1px solid #1c1c1c;
        tr {
          &:last-child {
            .th-txt,.td-txt { border-bottom: none; line-height: 1.7; }
          }
        }
        .th-txt,
        .td-txt { padding: 1.208vw 3.865vw 1.208vw; }
        .th-txt { background-color: #1c1c1c; font-weight: 500; font-size: 3.865vw; text-align: center; color: #fff; border-bottom: 1px solid #ccc; width: 30.918vw; vertical-align: middle; }
        .td-txt { font-weight: normal; font-size: 3.865vw; text-align: left; color: #000; border-bottom: 1px solid #1c1c1c; }
      }
  
    }
  
    .sy4-box{
     display: flex;
     flex-wrap: wrap;
     margin-top: 2.899vw;
     margin-bottom: 2.86vw;
     
     
     
     
     
     
     
     
  
     p{
      background-color: #1A1A1A;
      font-size: 2.899vw;
      letter-spacing: 0.05em;
      line-height: normal;
      text-align: left;
      color: #fff;
      margin-right: 1.932vw;
      margin-bottom: 1.932vw;
      padding: 0.483vw 1.691vw 0.483vw 1.691vw;
     }
    }

  }
  /* blog -------------------------------------*/
  /*patern1*/
  #blog .mainContents { margin: 0 4vw; }
  #blog .mainContents .system-list2 { margin-bottom: 10%; /* padding: 4% 2%; */; /* background: #eeefef; */; }
  #blog .mainContents .system-list-inner2 { padding: 5% 3%; background: #fff; }
  #blog .mainContents .system-list2 li { line-height: 1.4; overflow: hidden; margin-bottom: 5%; padding: 0 0 5%; border-bottom: 1px dotted #b2b2b2; }
  #blog .mainContents .system-list2 li a:hover { text-decoration: none; }
  #blog .mainContents .system-list2 .sy-flex-1 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #blog .mainContents .system-list2 .sy-flex-1 .box-l { width: 28.986vw; }
  #blog .mainContents .system-list2 .sy-flex-1 .box-r { width: 51.449vw; margin-left: 3.14vw; }
  #blog .mainContents .system-list2 .system-pic img { max-width: 100%; height: auto; }
  #blog .mainContents .system-list2 .system-date { font-size: 3.382vw; line-height: normal; color: #bfa93c; margin-bottom: 2%; }
  #blog .mainContents .system-list2 .system-ttl-01 { line-height: 6.28vw; color: #202020; }
  #blog .mainContents .system-list2 .system-contributor { font-size: 3.4vw; float: right; width: 78%; text-align: right; color: #bbb; }
  /**/
  #blog .system-category span { font-size: 3vw; display: inline-block; margin-right: 2vw; margin-bottom: 4vw; padding: 1vw; text-align: center; color: #fff; }
  #blog .mainContents .cate01 { background: #000 !important; }
  #blog .mainContents .cate02 { background: #111 !important; }
  #blog .mainContents .cate03 { background: #222 !important; }
  #blog .mainContents .cate04 { background: #333 !important; }
  #blog .mainContents .cate05 { background: #444 !important; }
  #blog .mainContents .cate06 { background: #555 !important; }
  #blog .mainContents .system-contents { margin-bottom: 10%; padding: 4% 2%; background: #eeefef; }
  #blog .mainContents .system-contents-inner { padding: 5% 3%; background: #fff; }
  #blog .mainContents .system-date { font-size: 3.382vw; display: block; margin-bottom: 1vw; color: #BFA93C; }
  #blog .mainContents .system-ttl { font-size: 4.106vw; font-weight: bold; line-height: 1.4; margin-bottom: 3vw; padding-bottom: 2.5vw; border-bottom: 1px #ccc solid; }
  #blog .mainContents .system-i-pic { margin-bottom: 3vw; text-align: center; }
  #blog .mainContents .system-i-pic img { max-width: 100%; height: auto; }
  #blog .mainContents .footInfo { margin-top: 10%; padding-top: 5%; border-top: 1px dotted #ccc; }
  #blog .mainContents .system-contributor { font-size: 3.4vw; margin-bottom: 5%; text-align: right; }
  #sidebar .widget_calendar { margin-bottom: 6vw; }
  table#wp-calendar { font-size: 3.382vw; width: 100%; margin: 1vw auto 0 auto; margin-bottom: 4vw; padding: 0; table-layout: fixed; border-spacing: 0; border-collapse: collapse; }
  table#wp-calendar caption { font-weight: bold; width: auto; margin: 2vw 0 0 0; padding: 2vw; text-align: center; border: thin solid #eee; border-radius: 0.5vw 0.5vw 0 0; background-color: #fff; }
  table#wp-calendar #today { font-weight: bold; z-index: 1; display: block; background-color: #cef; }
  table#wp-calendar .pad { font-weight: bold; background-color: #eee; }
  table#wp-calendar th, table#wp-calendar td { padding: 1vw 0; text-align: center; vertical-align: middle; }
  table#wp-calendar td { line-height: 1.8; border: thin solid #eee; background-color: #fff; }
  table#wp-calendar th { font-style: normal; color: #333; border-right: thin solid #eee; border-left: thin solid #eee; background-color: #f0f0f0; }
  table#wp-calendar a { font-size: 3.382vw; padding: 0; text-decoration: underline; color: #00a0dd; }
  /*blogサイドバー*/
  aside.sidebar { width: 86.957vw; margin: 0 auto; margin-bottom: -9vw; }
  aside.sidebar .aside-blog-ttl { margin-bottom: 5%; padding-bottom: 5%; text-align: center; border-bottom: 1px solid #ccc; }
  aside.sidebar .aside-blog-ttl span.en { font-size: 3.4vw; display: block; /* margin-bottom: 3%; */; letter-spacing: 0.242vw; color: #ccc; line-height: normal; }
  aside.sidebar .aside-blog-ttl span.jp { font-size: 3.382vw; font-weight: bold; }
  aside.sidebar .list-block { margin: 10% 0 11%; }
  aside.sidebar .acbox a { font-size: 3.4vw; line-height: 1.6; display: block; margin-bottom: 3vw !important; padding-bottom: 3vw; border-bottom: 1px dotted #ddd; }
  #blog aside.sidebar .list-block .side-day { font-size: 3.382vw; line-height: 1.4; margin-bottom: 2.415vw; color: #BFA93C; }
  #blog aside.sidebar .list-block .side-blog-new-list li { border-bottom: 1px dotted #b2b2b2; padding-bottom: 1.932vw; margin-bottom: 1.932vw; }
  #blog aside.sidebar .list-block .side-blog-new-list a { display: block; }
  .scr-side-list-wap { overflow-y: scroll; height: 80.435vw; }
  .side-staff_blog-new-list { font-size: 3.382vw; line-height: 1.8;
    >li { padding-bottom: 2.899vw; margin-bottom: 2.899vw; border-bottom: 1px dotted #1a1a1a; }
    .side-day { font-size: 3.14vw; letter-spacing: 0.05em; line-height: 5.314vw; text-align: left; color: #999; }
  }
  /* staff -------------------------------------*/
  /* 一覧 -------------------------------------*/
  #staff .system-default-list { width: 77.295vw; margin: 0 auto;
    article { margin-bottom: 8vw; }
    .system-pic { text-align: center; margin-bottom: 3.14vw; }
    .system-pic img { aspect-ratio: 320 / 360; max-width: 100%; height: auto; }
    .system-ttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","NotoSansCJKjp","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: normal; font-size: 4.348vw; letter-spacing: 0.05em; line-height: 7.005vw; text-align: left; color: #1a1a1a; padding-bottom: 1.449vw; margin-bottom: 1.449vw; border-bottom: 1px solid #E6E6E6; }
    .system-txt1 { font-weight: normal; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 5.314vw; color: #4d4d4d; margin-bottom: 3.623vw; }
    .system-txt2 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","NotoSansCJKjp","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: normal; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 7.246vw; text-align: left; color: #1a1a1a; }
  }
  /* 詳細 -------------------------------------*/
  #staff .system-detail-inner {
    .system-txt1 { margin-bottom: 1.449vw; }
    .system-txt2 { margin-top: -1.932vw; margin-bottom: 3.865vw; }
  }
  /* 付属 -------------------------------------*/
  #staff .system-detail-inner .system-i-pic-dl { margin-bottom: 4.831vw; }
  /* dictionary -------------------------------------*/
  /* 一覧 -------------------------------------*/
  #dictionary #link01 { padding-top: 7.729vw; margin-top: -7.729vw; display: block; }
  #dictionary .system-default-list-one { width: 86.957vw; margin: 0 auto;
    .system-default-item-one { display: flex; flex-wrap: wrap; margin-bottom: 3.865vw; }
    .system-pic { width: 26.57vw; margin-right: 4.831vw; text-align: center; }
    .system-pic img { aspect-ratio: 348 / 240; max-width: 100%; height: auto; }
    .system-ttl { border-bottom: 1px solid #CCCCCC; padding-bottom: 3.382vw; margin-bottom: 2.899vw; font-weight: normal; font-size: 3.623vw; letter-spacing: 0.05em; line-height: 4.831vw; text-align: left; color: #1a1a1a; }
    .system-s-box { width: 55.556vw;
      .system-category { padding-left: 0.725vw; padding-right: 0.725vw;
        .sy-category-txt { font-weight: normal; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 6.039vw; text-align: left; color: #727272; margin-right: 2.415vw; margin-bottom: 2.415vw; display: inline-block; margin-right: 4.106vw;
          &::before { content: "#"; margin-right: 0.966vw; }
        }
      }
    }
  }
  /* 詳細 -------------------------------------*/
  #dictionary .system-detail-inner {
    .system-info { font-weight: normal; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 6.763vw; text-align: left; color: #4d4d4d; margin-bottom: 3.382vw;
      >span { display: inline-block;
        &:nth-child(2) { margin-left: 1em; }
      }
    }
    .system-category { padding-left: 0.725vw; padding-right: 0.725vw; margin-top: -2.899vw; margin-bottom: 1.449vw;
      .sy-category-txt { font-weight: normal; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 6.039vw; text-align: left; color: #727272; margin-right: 2.415vw; margin-bottom: 2.415vw; display: inline-block; margin-right: 4.106vw;
        &::before { content: "#"; margin-right: 0.966vw; }
      }
    }
  }
  /* カテゴリ -------------------------------------*/
  #dictionary .sy-wap-ttl-box.ano { margin-top: 5.797vw; }
  /* 付属 -------------------------------------*/
  #dictionary .sy-wap-ttl-box { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","NotoSansCJKjp","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: normal; font-size: 4.106vw; line-height: 1.7; text-align: left; color: #1a1a1a; padding-left: 0; padding-bottom: 1.208vw; border-bottom: 1px solid #A28756; margin-bottom: 8.213vw; letter-spacing: normal; margin-top: 9.662vw; display: inline-block; margin-left: 7.005vw; }
  /* album -------------------------------------*/
  /* 一覧 -------------------------------------*/
  #album {
    .system-bg-box { background-color: #F2F2F2; padding-top: 24.396vw; padding-bottom: 6.039vw; margin-top: -12.077vw; }
    .sytem-wap-ttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","NotoSansCJKjp","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: normal; text-align: center; color: #1a1a1a; margin-bottom: 12.56vw; font-size: 5.314vw; letter-spacing: 0.05em; line-height: 7.729vw; }
  }
  #album .system-default-list-one {
    .system-default-item-one { width: 100%; margin: 0 auto; /* border-radius: 12.077vw; */; background: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); padding: 18.116vw 6.522vw 15.459vw; margin-bottom: 16.908vw;
      .system-ttl2 { font-weight: bold; text-align: center; color: #8b744a; position: relative; padding-bottom: 6.28vw; margin-bottom: 9.662vw; font-size: 5.314vw; letter-spacing: 0.1em; line-height: 7.246vw;
        &::after { content: ""; display: block; width: 19.324vw; height: 0.242vw; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 0; background-color: #8B744A; }
      }
      .flex { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap;
        .box-l { width: 82.126vw; margin: 0 auto; margin-bottom: 10.87vw; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 7.971vw; }
        .box-r { display: contents; }
      }
    }
    .system-pic { text-align: center; order: -1; margin-bottom: 5.797vw; }
    .system-pic img { aspect-ratio: 360 / 218; max-width: 100%; height: auto; }
    .system-gallery2 .gallery-list2 { width: 256.039vw; margin: 0 auto; position: relative; left: -84.783vw;
      .gallery-list2-item { margin-left: 1.208vw; margin-right: 1.208vw; margin-bottom: 4vw; text-align: center;
        img { aspect-ratio: 340 / 255; max-width: 100%; height: auto; }
      }
    }
  }
  #album .system-default-list-one {
    .system-gallery2 .gallery-list2.ano { width: 100%; margin: 0 auto; position: relative; left: 0; }
    .slick-dots li { width: 1.691vw; height: 1.691vw; margin: 0 1.691vw; }
    .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 1.691vw; height: 1.691vw; padding: 0; cursor: pointer; color: transparent; border: 0; outline: 0; background: 0 0; }
    .slick-dots li button:before { position: absolute; top: 0; left: 0; width: 1.691vw; height: 1.691vw; content: ''; text-align: center; opacity: 1.0; background-color: #D0D0D0; border-radius: 50%; }
    .slick-dots li.slick-active button:before { background-color: #1A1A1A; }
    .slick-dots { bottom: -7.005vw; width: 100%; margin: 0; list-style: none; text-align: center; }
  }
}