@charset "utf-8";

html {
  scroll-behavior: smooth;
}

.single-members {

  /*　画像入りヘッダーの設定
  ================================================================================*/
  .main-header {
    height: 50vh;
    display: flex;
    align-items: center;
    background-image: linear-gradient(-45deg, #fff 25%, #f1f1f1 25%, #f1f1f1 50%, #fff 50%, #fff 75%, #f1f1f1 75%, #f1f1f1);
    background-color: #ffffff;
    background-size: 10px 10px;
  }
  .main-header h2 {
    width: 100%;
    font-size: 4.5vw;
    color: #ffffff;
    font-family: 'PT Sans', sans-serif;
    text-shadow: 1px 1px 10px #868080;
    text-align: center;
    font-style: italic;
  }

  /*　全体設定
  ================================================================================*/
  .member-information {
    display: flex;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5;
  }
  .member-information-inner {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
  }
  .member-information-inner:has(.Links) {
    display: flex;
    margin-left: 200px;
    position: relative;
    width: 100%;
  }
  .hidden {
    display: none !important;
  }

  /*　グレ-ボックス箇所（.grya-boxクラス）内設定
  ================================================================================*/
  .gray-box {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    background-color: #f7f7f7;
    padding: 40px;
    width: 100%;
  }
  .member-name {
    font-size: 32px;
  }
  .member-name::after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    margin-top: 5px;
    background-color: #2C2E2C;
  }
  .gray-box-inner {
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 60px;
  }
  .gray-box-inner h2 {
    margin-top: 50px;
    margin-bottom: 20px;
    display: flex;
  }
  .gray-box-inner p {
    margin-left: 20px;
  }
  .gray-box-inner a {
    display: inline-block;
    color: #93c80e;
  }
  .gray-box-inner a:has(img) {
    display: flex;
  }
  .gray-box-inner a:hover {
    opacity: 0.3;
    transition-duration: 0.3s;
  }

  /*　自動更新箇所（.Areaクラス）内設定
  ================================================================================*/
  .Area {
    display: none;
  }
  .Area:has(.List ul .show) {
    display: block;
  }
  .auto-update {
    display: flex;
    flex-direction: column;
  }
  .auto-update:last-child {
    border-bottom: 1px solid #e0dada;
  }
  .auto-update h2 {
    display: none;
  }
  .auto-update ul {
    width: 100%;
    text-align: justify;
    margin: 0 !important;
    padding: 0 !important;
  }
  .auto-update li {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    border-top: 1px solid #e0dada;
    max-width: 100%;
    line-height: 1.5;
    display: none;
  }
  .auto-update li.show {
    display: block;
  }
  .auto-update li:has(img) {
    position: relative;
    padding-right: 160px;
  }
  .auto-update ul li img {
    display: inline-block;
    border: solid 1px #000000;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 120px !important;
  }
  .manual-list {
    padding: 0;
  }
  .manual-list li {
    /* display: flex; */
    justify-content: space-between;
    padding: 20px;
    border-top: 1px solid #e0dada;
    max-width: 100%;
    line-height: 1.5;
    text-align: justify;
  }
  .manual-list li:last-child {
    border-bottom: 1px solid #e0dada;
  }

  /* 年代順に並び替え */
  .order-2050 {order: 0;} .order-2049 {order: 1;} .order-2048 {order: 2;} .order-2047 {order: 3;} .order-2046 {order: 4;} .order-2045 {order: 5;} .order-2044 {order: 6;} .order-2043 {order: 7;} .order-2042 {order: 8;} .order-2041 {order: 9;}
  .order-2040 {order: 10;} .order-2039 {order: 11;} .order-2038 {order: 12;} .order-2037 {order: 13;} .order-2036 {order: 14;} .order-2035 {order: 15;} .order-2034 {order: 16;} .order-2033 {order: 17;} .order-2032 {order: 18;} .order-2031 {order: 19;}
  .order-2030 {order: 20;} .order-2029 {order: 21;} .order-2028 {order: 22;} .order-2027 {order: 23;} .order-2026 {order: 24;} .order-2025 {order: 25;} .order-2024 {order: 26;} .order-2023 {order: 27;} .order-2022 {order: 28;} .order-2021 {order: 29;} 
  .order-2020 {order: 30;} .order-2019 {order: 31;} .order-2018 {order: 32;} .order-2017 {order: 33;} .order-2016 {order: 34;} .order-2015 {order: 35;} .order-2014 {order: 36;} .order-2013 {order: 37;} .order-2012 {order: 38;} .order-2011 {order: 39;}
  .order-2010 {order: 40;} .order-2009 {order: 41;} .order-2008 {order: 42;} .order-2007 {order: 43;} .order-2006 {order: 44;} .order-2005 {order: 45;} .order-2004 {order: 46;} .order-2003 {order: 47;} .order-2002 {order: 48;} .order-2001 {order: 49;} 
  .order-2000 {order: 50;} .order-1999 {order: 51;} .order-1998 {order: 52;} .order-1997 {order: 53;} .order-1996 {order: 54;}

  .Links {
    margin-top: 0px;
    position: relative;
    margin-left: 20px;
  }
  .Links h4 {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .Links-inner {
    display: flex;
    flex-direction: column;
    width: 180px;
    font-size: 18px;
    line-height: 1.5;
    position: sticky;
    top: 30px;
  }
  .Links-inner ul::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #2C2E2C;
  }
  .Links-inner ul::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #2C2E2C;
  }
  .Links-inner ul {
    display: grid;
    grid-template-columns: repeat(1, auto);
    text-align: center;
  }
  .Links-inner li {
    padding: 5px;
    height: auto;
    line-height: 1.1;
  }

  /* マウスオーバー設定 */
  .Links-inner li:hover:first-child {
    border-bottom: 0px;
  }
  .Links-inner a:hover {
    color: #93c80e;
    text-decoration: underline;
  }

 




  /*　================================================================================
  タブレット設定（iPad Mini（768✖︎1024）〜 iPad Pro（1024✖︎1336））
  ================================================================================　*/
  @media (max-width: 1050px) {

    /*　画像入りヘッダーの設定
    ================================================================================*/
    .main-header {
      height: 20vh;
      /* display: flex;
      align-items: center;
      background-image: linear-gradient(-45deg, #fff 25%, #f1f1f1 25%, #f1f1f1 50%, #fff 50%, #fff 75%, #f1f1f1 75%, #f1f1f1);
      background-color: #ffffff;
      background-size: 10px 10px; */
      margin-bottom: 100px !important;
    }
    .main-header h2 {
      /* width: 100%; */
      font-size: 6.5vw;
      /* color: #ffffff;
      font-family: 'PT Sans', sans-serif;
      text-shadow: 1px 1px 10px #868080;
      text-align: center;
      font-style: italic; */
    }

    /*　全体設定
    ================================================================================*/
    .member-information {
      /* display: flex;
      max-width: 1400px;
      margin-left: auto;
      margin-right: auto;
      line-height: 1.5; */
      padding-left: 40px;
      padding-right: 40px;
    }
    /* .member-information-inner {
      display: flex;
      margin-left: auto;
      margin-right: auto;
      position: relative;
    } */
    .member-information-inner:has(.Links) {
      /* display: flex; */
      margin-left: 0px;
      /* position: relative; */
    }
    /* .hidden {
      display: none;
    } */
    /* .member-information-inner.Linkshidden {
      margin-left: auto;
      margin-right: auto;
    } */

    /*　グレ-ボックス箇所（.grya-boxクラス）内設定
    ================================================================================*/
    /* .gray-box {
      max-width: 1000px;
      margin-left: auto;
      margin-right: auto;
      background-color: #f7f7f7;
      padding: 40px;
    } */
    .member-name {
      font-size: 28px;
    }
    /* .member-name::after {
      content: '';
      display: block;
      width: 100%;
      height: 3px;
      margin-top: 5px;
      background-color: #2C2E2C;
    } */
    .gray-box-inner {
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 40px;
    }
    .gray-box-inner h2 {
      margin-top: 40px;
      margin-bottom: 20px;
      font-size: 20px;
    }
    /* .gray-box-inner p {
      margin-left: 20px;
    } */
    /* .gray-box-inner a {
      display: inline-block;
      color: #93c80e;
    } */
    /* .gray-box-inner a:hover {
      opacity: 0.3;
      transition-duration: 0.3s;
    } */

    /*　自動更新箇所（.Areaクラス）内設定
    ================================================================================*/
    /* .Area {
      display: none;
    } */
    /* .Area:has(.List ul .show) {
      display: block;
    } */
    /* .auto-update {
      display: flex;
      flex-direction: column;
    } */
    /* .auto-update:last-child {
      border-bottom: 1px solid #e0dada;
    } */
    /* .auto-update h2 {
      display: none;
    } */
    /* .auto-update ul {
      width: 100%;
      text-align: justify;
      margin: 0 !important;
      padding: 0 !important;
    } */
    /* .auto-update li {
      display: flex;
      justify-content: space-between;
      padding: 20px;
      border-top: 1px solid #e0dada;
      max-width: 100%;
      line-height: 1.5;
      display: none;
    } */
    /* .auto-update li.show {
      display: block;
    } */
    /* .auto-update li:has(img) {
      position: relative;
      padding-right: 160px;
    } */
    /* .auto-update ul li img {
      display: inline-block;
      border: solid 1px #000000;
      position: absolute;
      top: 20px;
      right: 20px;
    } */
    /* .manual-list {
      padding: 0;
    } */
    /* .manual-list li {
      display: flex;
      justify-content: space-between;
      padding: 20px;
      border-top: 1px solid #e0dada;
      max-width: 100%;
      line-height: 1.5;
      text-align: justify;
    } */
    /* .manual-list li:last-child {
      border-bottom: 1px solid #e0dada;
    } */

    /* 年代順に並び替え */
    /* .order-2050 {order: 0;} .order-2049 {order: 1;} .order-2048 {order: 2;} .order-2047 {order: 3;} .order-2046 {order: 4;} .order-2045 {order: 5;} .order-2044 {order: 6;} .order-2043 {order: 7;} .order-2042 {order: 8;} .order-2041 {order: 9;}
    .order-2040 {order: 10;} .order-2039 {order: 11;} .order-2038 {order: 12;} .order-2037 {order: 13;} .order-2036 {order: 14;} .order-2035 {order: 15;} .order-2034 {order: 16;} .order-2033 {order: 17;} .order-2032 {order: 18;} .order-2031 {order: 19;}
    .order-2030 {order: 20;} .order-2029 {order: 21;} .order-2028 {order: 22;} .order-2027 {order: 23;} .order-2026 {order: 24;} .order-2025 {order: 25;} .order-2024 {order: 26;} .order-2023 {order: 27;} .order-2022 {order: 28;} .order-2021 {order: 29;} 
    .order-2020 {order: 30;} .order-2019 {order: 31;} .order-2018 {order: 32;} .order-2017 {order: 33;} .order-2016 {order: 34;} .order-2015 {order: 35;} .order-2014 {order: 36;} .order-2013 {order: 37;} .order-2012 {order: 38;} .order-2011 {order: 39;}
    .order-2010 {order: 40;} .order-2009 {order: 41;} .order-2008 {order: 42;} .order-2007 {order: 43;} .order-2006 {order: 44;} .order-2005 {order: 45;} .order-2004 {order: 46;} .order-2003 {order: 47;} .order-2002 {order: 48;} .order-2001 {order: 49;} 
    .order-2000 {order: 50;} .order-1999 {order: 51;} .order-1998 {order: 52;} .order-1996 {order: 54;} */

    .Links {
      margin-top: 0px;
      position: relative;
      margin-left: 20px;
      display: none;
    }
    /* .Links h4 {
      font-size: 20px;
      margin-bottom: 5px;
    }
    .Links-inner {
      display: flex;
      flex-direction: column;
      width: 180px;
      font-size: 18px;
      line-height: 1.5;
      position: sticky;
      top: 30px;
    }
    .Links-inner ul::before {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #2C2E2C;
    }
    .Links-inner ul::after {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #2C2E2C;
    }
    .Links-inner ul {
      display: grid;
      grid-template-columns: repeat(1, auto);
      text-align: center;
    }
    .Links-inner li {
      padding: 2px;
      height: auto;
    } */
  }



  /*　================================================================================
  スマホ設定
  ================================================================================　*/
  @media (max-width: 750px) {

    /*　画像入りヘッダーの設定
    ================================================================================*/
    .main-header {
      height: 15vh;
      /* display: flex;
      align-items: center;
      background-image: linear-gradient(-45deg, #fff 25%, #f1f1f1 25%, #f1f1f1 50%, #fff 50%, #fff 75%, #f1f1f1 75%, #f1f1f1);
      background-color: #ffffff;
      background-size: 10px 10px; */
      margin-bottom: 50px !important;
    }
    .main-header h2 {
      /* width: 100%; */
      font-size: 8vw;
      /* color: #ffffff;
      font-family: 'PT Sans', sans-serif;
      text-shadow: 1px 1px 10px #868080;
      text-align: center;
      font-style: italic; */
    }

    /*　全体設定
    ================================================================================*/
    .member-information {
      /* display: flex;
      max-width: 1400px;
      margin-left: auto;
      margin-right: auto;
      line-height: 1.5; */
      padding-left: 20px;
      padding-right: 20px;
    }
    .member-information-inner {
      /* display: flex;
      margin-left: 200px; */
      width: 100% !important;
    }
    /* .hidden {
      display: none;
    } */
    /* .member-information-inner.Linkshidden {
      margin-left: auto;
      margin-right: auto;
    } */

    /*　グレ-ボックス箇所（.grya-boxクラス）内設定
    ================================================================================*/
    .gray-box {
      /* max-width: 1000px;
      margin-left: auto;
      margin-right: auto;
      background-color: #f7f7f7; */
      padding: 20px;
      width: 100%;
    }
    .member-name {
      font-size: 18px;
      text-align: justify;
    }
    .member-name::after {
      /* content: '';
      display: block;
      width: 100%; */
      height: 2px;
      /* margin-top: 5px;
      background-color: #2C2E2C; */
    }
    .gray-box-inner {
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 40px;
    }
    .gray-box-inner h2 {
      margin-top: 40px;
      margin-bottom: 10px;
      font-size: 16px;
    }
    .gray-box-inner p {
      font-size: 14px;
      margin-left: 0px;
    }
    /* .gray-box-inner a {
      display: inline-block;
      color: #93c80e;
    } */
    /* .gray-box-inner a:hover {
      opacity: 0.3;
      transition-duration: 0.3s;
    } */

    /*　自動更新箇所（.Areaクラス）内設定
    ================================================================================*/
    /* .Area {
      display: none;
    } */
    /* .Area:has(.List ul .show) {
      display: block;
    } */
    /* .auto-update {
      display: flex;
      flex-direction: column;
    } */
    /* .auto-update:last-child {
      border-bottom: 1px solid #e0dada;
    } */
    /* .auto-update h2 {
      display: none;
    } */
    /* .auto-update ul {
      width: 100%;
      text-align: justify;
      margin: 0 !important;
      padding: 0 !important;
    } */
    .auto-update li {
      /* display: flex;
      justify-content: space-between; */
      padding: 10px 0px;
      /* border-top: 1px solid #e0dada;
      max-width: 100%;
      line-height: 1.5;
      display: none; */
      font-size: 14px;
    }
    /* .auto-update li.show {
      display: block;
    } */
    .auto-update li:has(img) {
      /* position: relative; */
      padding-right: 0px;
    }
    .auto-update ul li img {
      /* display: inline-block;
      border: solid 1px #000000; */
      position: initial;
      /* top: 20px;
      right: 20px; */
    }
    /* .manual-list {
      padding: 0;
    } */
    .manual-list li {
      /* display: flex;
      justify-content: space-between; */
      padding: 10px 0px;
      /* border-top: 1px solid #e0dada;
      max-width: 100%;
      line-height: 1.5;
      text-align: justify; */
      font-size: 14px;
    }
    /* .manual-list li:last-child {
      border-bottom: 1px solid #e0dada;
    } */

    /* 年代順に並び替え */
    /* .order-2050 {order: 0;} .order-2049 {order: 1;} .order-2048 {order: 2;} .order-2047 {order: 3;} .order-2046 {order: 4;} .order-2045 {order: 5;} .order-2044 {order: 6;} .order-2043 {order: 7;} .order-2042 {order: 8;} .order-2041 {order: 9;}
    .order-2040 {order: 10;} .order-2039 {order: 11;} .order-2038 {order: 12;} .order-2037 {order: 13;} .order-2036 {order: 14;} .order-2035 {order: 15;} .order-2034 {order: 16;} .order-2033 {order: 17;} .order-2032 {order: 18;} .order-2031 {order: 19;}
    .order-2030 {order: 20;} .order-2029 {order: 21;} .order-2028 {order: 22;} .order-2027 {order: 23;} .order-2026 {order: 24;} .order-2025 {order: 25;} .order-2024 {order: 26;} .order-2023 {order: 27;} .order-2022 {order: 28;} .order-2021 {order: 29;} 
    .order-2020 {order: 30;} .order-2019 {order: 31;} .order-2018 {order: 32;} .order-2017 {order: 33;} .order-2016 {order: 34;} .order-2015 {order: 35;} .order-2014 {order: 36;} .order-2013 {order: 37;} .order-2012 {order: 38;} .order-2011 {order: 39;}
    .order-2010 {order: 40;} .order-2009 {order: 41;} .order-2008 {order: 42;} .order-2007 {order: 43;} .order-2006 {order: 44;} .order-2005 {order: 45;} .order-2004 {order: 46;} .order-2003 {order: 47;} .order-2002 {order: 48;} .order-2001 {order: 49;} 
    .order-2000 {order: 50;} .order-1999 {order: 51;} .order-1998 {order: 52;} .order-1996 {order: 54;} */
  }
}