html { scroll-behavior: smooth;}
  
  .header {
    display: grid;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 10vw;  
    background: black;
    z-index: 2;
  }

  .container {
    display: flex;     
    justify-content: space-between;
    margin: auto 1em;
  }

  .hamburger {   
    margin-top: 0.8vh;
    width: 7.5vw;
    height: 3vh;
  }

  .gamboo_logo {
    cursor: pointer;
    margin: 0.8vh;  
    height: 3vh;
    width: auto;
    align-items: center;
  }

  .menu_off {
    margin-top: 10vw;
    background: black;
    position: fixed;
    inset: 0; 
    opacity: 0%;
    height: 0;
    overflow: hidden;
    transition: 0.5s;
    
  }

  .menu_on {
    margin-top: 10vw;
    background: black;
    position: fixed;
    inset: 0; 
    opacity: 100%;
    transition: 0.3s;
    z-index: 2;
  }

  .menu_on div {
    margin-top: 25vw;
    text-align: center;
  }

  .menu_on div a {
    text-decoration: none; 
  }

  .menu_on div p {
    font-size: 8.5vw;
    font-weight: bold;
    margin:-3rem auto 6rem auto;
    color: white;
    max-width: 70vw;
  }
  
  .main_title_logo {
      display: flex;
      align-content: center;
      justify-content: center;
      padding: 25px;
      margin-top:10vw; /*ヘッダー分*/
  }
  
  .main_title_logo img {
      width: auto;
      height: 25.5vw;
  } 
  
  .wrapper {     
      padding-top: 30px;
  }
  
  .main_section {
      display: flex;
      align-items: center;
      flex-direction: column;
      text-align: left;
      margin-bottom: 5px;
  }

  .main_section hr {
      width: 90vw;
      border-top: 2px dashed black;
  }

  .general_image {
      width: 85vw;
      height: auto;
  }

  .title {
      max-width: 85vw;
      width: 85vw;
      font-weight: bold;
      font-size: 195%;
      margin: 6.5vw auto;
      line-height: 9.5vw;
  }

  .release_date {
      font-size: 40%;
      color: gray;
      margin: auto 1vw;
  }
 
  .main_section p {
    margin-block: 1.2rem;
    max-width: 90vw;
    width: 90vw;
    text-align:justify;
  }

  .underscore_1 {
    background:yellow;
    font-weight: bold;
  }

  .underscore_2 {
    text-decoration: underline;
  }
  
  .annotation{
    font-size:70%;
    vertical-align: 20%; 
    padding-left:0.5vw;
  }

  .annotation_explanation {
    max-width: 90vw;
    width: 90vw;
    height: auto;
    margin: 1.5vh auto;
    background: #eaece6;
  }

  .annotation_explanation p.first {
    max-width: 85vw;
    width: 85vw;
    font-size: 70%;
    margin: 1vh 1vw;
    line-height: 1rem;
    text-align:justify;
  }

  .annotation_explanation p {
    max-width: 85vw;
    width: 85vw;
    font-size: 70%;
    margin: 1vh auto;
    line-height: 1rem;
    text-align:justify;
  }

  .outline {
      max-width: 90vw;
      width: 90vw;
      font-weight: bold;
      font-size: 175%;
      padding-top: 5px;
      margin-bottom: -5px;
  }

  .seritobi-outline {
    border-bottom: 2px #000000 dashed;
    margin-bottom: 0.5em;
  }  

  
  .sub_outline {
    max-width: 90vw;
    width: 90vw;
    font-weight: bold;
    font-size: 115%;
    margin-top: 0.5vw;
    margin-bottom: -0.5vw;
 }

 .plus_underline {
  text-decoration: underline;
}

  .sub_outline_2 {
    max-width: 90vw;
    width: 90vw;
    font-weight: bold;
    font-size: 115%;
    margin-top: 5vw;
    margin-bottom: -0.5vw;
  }

  .sub_outline_3 {
    max-width: 90vw;
    width: 90vw;
    font-weight: bold;
    font-size: 145%;
    margin-top: 5vw;
    margin-bottom: -0.5vw;
  }

  .main_back {
      width: 90vw;
      height: 75vw;
      border-radius: 20px;
      background: #dcb5ff;
      display: flex;
      flex-direction: column;
      align-items: center;
  }
  
  .main_image {
      width: 80vw;
      height: 45vw; 
      border-radius: 20px;   
      margin: 15px auto;
  }
    
    .button_align {
      display: flex;
      flex-direction: row;
  }
  
    .main_button {
      width: 85px;
      height: 30px;
      margin: 15px 1.5vw;
      border-radius: 20px;
      background: linear-gradient(180deg, #000000 70%, #27296d 30%);
      border: none;
      color: white;
      font-weight: bold;
      font-size: 105%;
      cursor: pointer;        
    }
    
/*博士画像と吹き出し周り*/  
  .dr_tohyama_inserting {
    display:flex;
    margin: 5vw;
  } 
  
  .dr_tohyama_general {
    width: 75.15px;
    height: 86.85px;
    margin: 0.6vw;
  }

  .dr_tohyama_textbox {
    background: white;
    border: 2px solid;
    max-width: 70vw;
    width: 70vw;
    height: auto;
    border-radius: 1.5em;
    margin: 0.6vw;
    padding: 2px 0;
    text-align: center;
}

.dr_tohyama_textbox p {
    text-align: left;
    font-size: 3.5vw;
    margin: 4.5vw 2.5vw;
    line-height: 4.8vw;
    max-width: 65vw;
    width: 70vw;
}

.dr_tohyama_textbox p span {
  font-weight: bold;
  text-decoration: underline;
}

.tohyama_list {
  display: table;
  list-style: square;
  font-size: 3.5vw;
  margin-left: -3.5vw;
}

.tohyama_list li{
  align-content: center;
  text-align:left;
  margin:0.05em auto;
  line-height:1.25em;
  max-width:55vw;
}

.grandprix {
  font-weight: bold;
  font-size: 105% !important;
  text-decoration: underline;
  text-decoration-style: dotted; 
}

.grandprix_underscore {
  font-weight: bold;
  background: yellow;
  text-decoration: none !important;
}

.grandprix--definition {
  text-decoration: none;
}

.grandprix_explaining_outline {
  margin-bottom: -1rem;
}

.grandprix_explaining {
  text-decoration: underline;
  text-decoration-color: #66a5ad;
  text-decoration-thickness: 2.5px;
}

/*表周り*/
  .table-wrap {
    width: 90vw;
    max-height: auto;
    overflow-x: scroll;
  }

/*SPのみ表にスクロールを使用したい際に使用*/
  .table-wrap_sp {
    width: 90vw;
    max-width: 90vw;
    max-height: auto;
    overflow-x: scroll;
    scroll-margin: 0;
  }

  .to_footer {
    text-decoration: underline;
    font-weight: normal;
    color: black;
  }

  table {
    border-collapse: collapse;
    margin-top:5vw;
    white-space: nowrap;
    font-size: 90%;
  }

  .table_add {
    font-size:75%;
    margin-top: -0.5em;
  }

  .table_add_35_6 {
    font-size:75%;
    margin-top: -0.5em;
  }

  caption{
    font-weight:bold;
    margin:0 0 1.5vw 1vw;
    text-align:left;
  }
  th{
    background-color:#eaece6;
    font-weight:normal;
  } 
  th,td{
    white-space:nowrap;
    text-align:center; 
    padding:0.6vw 1vw;
    border:1px solid gray;
  }

  .article_end {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: -15px;
    margin-bottom: -25px;
}

.article_end div {
    border: none;
    border-radius: 10px;
    background: black;
    width: 65vw;
    height: 15vw;
    margin: 10vw;
}

.article_end div p {
   color: white;
   font-weight: bold;
   font-size: 6vw;
   margin: 3vw auto;
}

.article_end div a {
   text-decoration: underline;
   color: inherit;
}

  .footer_section {
    background: black;
    text-align: center;
    padding: 1em 3.5em;
    bottom: 0;
    margin-top: 1.5em;
  }

  .footer_section p {
    font-weight: bold;
    color: white;
  }

  table.a55type1 caption, table.a55type2 caption{
    white-space: nowrap;
    font-weight:normal;
  }
  table.a55type1 tr:nth-last-child(5) td:nth-child(1){
    background-color:#efd5da;
  }
  table.a55type1 tr:nth-last-child(4) td:nth-child(1){
    background-color:#D5DEED;
  }
  table.a55type1 tr:nth-last-child(-n+3) td:nth-child(1){
    background-color:#EFF1FF;
  }
  .a55db1{
    background-color:#F8E2E1;
  }
  .a55db2{
    background-color:#FDF1F0;
  }
  table.narrow-btmw{
    margin-bottom:5px;
  }
  
  table.a55type2 tr:nth-last-child(5) td:nth-child(1){
    background-color:#efd5da;
  }
  table.a55type2 tr:nth-last-child(4) td:nth-child(1){
    background-color:#efead5;
  }
  table.a55type2 tr:nth-last-child(3) td:nth-child(1){
    background-color:#e8e1c3;
  }
  table.a55type2 tr:nth-last-child(2) td:nth-child(1){
    background-color:#ddd5ef;
  }
  table.a55type2 tr:nth-last-child(1) td:nth-child(1){
    background-color:#cec3e8;
  }
  .gmarker{
    background:linear-gradient(transparent 60%, #9f9 60%);
  }
  table.a55type1 td span, table.a55type2 td span{
    background:linear-gradient(transparent 60%, #9f9 60%);
  }

    /*56*/
  .table-wrap_56 {
    width: 90vw;
    max-width: 90vw;
    max-height: 40vh;
    overflow-x: scroll;
  }

  .a56type1 caption{
    font-size: 90%;
  }

  .a56type1 th{
    font-size: 80%;
  }

  .a56type1 td:nth-child(1){
    padding: auto -0.1em;
  }

  .a56type1 td:nth-child(n+4){
    text-align:right;
  }
  .a56type1 td span{
    display:inline-block;
    font-size:0.8em;
    line-height:110%;
    height:2.3em;
    padding-top:2px;
    padding-bottom:0px;
    vertical-align:middle;
    border-top:1px solid black;
    border-bottom:1px solid black;
    border-left:1px solid black;
  }
  .a56type1 td span:nth-child(1), .a56type2 td:nth-child(6) span:nth-child(1){ background-color:#a0c4ff; }
  .a56type1 td span:nth-child(2), .a56type2 td:nth-child(6) span:nth-child(2){ background-color:#ffadad; }
  .a56type1 td span:nth-child(3), .a56type2 td:nth-child(6) span:nth-child(3){ background-color:#ffd6a5; }
  .a56type1 td span:nth-child(4), .a56type2 td:nth-child(6) span:nth-child(4){ background-color:#caffbf; border-right:1px solid black; }

  .a56type2{
    font-size:14px;
  }

  .a56type2 th{
    line-height:115%;
  }
  .a56type2 td:nth-child(n+2) span{
    display:inline-block;
    font-size:11px;
    line-height:110%;
    height:2.1em;
    padding-top:1px;
    padding-bottom:0px;
    vertical-align:middle;
    border-top:1px solid black;
    border-bottom:1px solid black;
    border-left:1px solid black;
  }

  .a56type2 td:nth-child(4) span:nth-child(4){ background-color:#abc4ff; }
  .a56type2 td:nth-child(4) span:nth-child(5){ background-color:#b6ccfe; }
  .a56type2 td:nth-child(4) span:nth-child(3){ background-color:#c1d3fe; }
  .a56type2 td:nth-child(4) span:nth-child(2){ background-color:#fad7d2; }
  .a56type2 td:nth-child(4) span:nth-child(1){ background-color:#fad2e1; }
  .a56type2 td:nth-child(4) span:nth-child(6){ background-color:#e2eafc; }
  .a56type2 td:nth-child(4) span:nth-child(7){ background-color:#edf2fb; border-right:1px solid black; }

  .chartw{
    padding-left:1px;
    padding-right:1px;
  }
  .charts{
    padding-right:1px;
  }
  .itemt{
    padding-left:0.5em;
  }

  .player_name  {
    margin-top: 1.5vw;
    margin-bottom: -1vw;
    max-width: 90vw;
    width: 90vw; 
  }

  /*57*/
  /* 過去成績表 */
  .definition_57 {
    margin: auto;
    font-size: 85%;
    table-layout: fixed;
  }

  .noborder {
    border: 0px none;
    font-weight: bold;  
    padding: 0vw;
    text-align:left;
    word-wrap: break-word;
    white-space: normal;

  }

  .annotation_definition_57 {
    margin: 0.5em auto;
  }

  .annotation_definition_57 p {
    margin: 0.5em auto;
    max-width: 60vw;
    width: 60vw;
  }

  .image_sorting_57 {
    display: flex;
    flex-direction: column;
  }

  .general_image_57 {
    width: 80vw;
    height: auto;
  }

  /* 直近6年データ */
  table.last6 td:nth-last-child(6){
      background-color:#ffffcc;        
  }

  .virtual_caption_last6 {
    font-weight:bold;
    margin-top: 1.5em;
    margin-bottom:-1em;
    max-width:90vw;
    width:90vw;
  }

  .virtual_caption_last6_girls {
    font-weight:bold;
    margin-top: 1.5em;
    margin-bottom:-1em;
    max-width:90vw;
    width:90vw;
  }

  .virtual_caption_127_2 {
    font-weight:bold;
    margin-top: 1.5em;
    margin-bottom:-1em;
    max-width:90vw;
    width:90vw;
  }

  .virtual_caption_127_3 {
    font-weight:bold;
    margin-top: 1.5em;
    margin-bottom:-1em;
    max-width:90vw;
    width:90vw;
  }

  .virtual_caption_127_128_4 {
    font-weight:bold;
    margin-top: 1.5em;
    margin-bottom:-1em;
    max-width:90vw;
    width:90vw;
  }

  .virtual_caption_128_1 {
    font-weight:bold;
    margin-top: 1.5em;
    margin-bottom:-1em;
    max-width:90vw;
    width:90vw;
  }


 /*特別昇級*/
 table.lrecord2{
    font-size: 90%;
 }

  table.lrecord2 td:last-child{
    text-align:left;
  }

  .virtual_caption_lrecord2 {
    font-weight:bold;
    margin-top: 1.5em;
    margin-bottom:-1em;
    max-width:90vw;
    width:90vw;
  }
  
  /* 薄黄色 */
  table.dbresult tr:nth-child(n+5){
    vertical-align: top;
  }
  table.dbresult th,td{
    padding:3px 6px 2px 6px;
  }

  .form_wrap {
    max-width: 90vw;
    overflow: scroll;
    margin:2vw auto;
  }

  .virtual_caption_zrecord1 {
    font-weight:bold;
    margin-top: 1.5em;
    margin-bottom:-1em;
    max-width:90vw;
    width:90vw;
  }

  .virtual_caption_zrecord2 {
    font-weight:bold;
    margin-top: 1.5em;
    margin-bottom:-1em;
    max-width:90vw;
    width:90vw;
  }

  table.zrecord1 td:nth-child(2),table.zrecord2 td:nth-child(1){   /* 選手名 */
    text-align:left;
    min-width:6em;
  }

  table.zrecord1 td:nth-last-child(3){                         /* 総合点 */
    background-color:#ffffcc;        /* 薄黄色 */
  }
  table.zrecord1 td:nth-last-child(-n+2){                      /* 成績予測値 */
    background-color:#e6fff5;        /* 薄緑 */
  }

  table.zrecord2 td:nth-last-child(-n+4):nth-last-child(n+3){  /* 総合点 */
    background-color:#ffffcc;        /* 薄黄色 */
  }
  table.zrecord2 td:nth-last-child(-n+2){                      /* 成績予測値 */
    background-color:#ffeaf0;        /* 薄ピンク */
  }
  .gcap{                             /* ゴールデンキャッパー背景色 */
    background-color:#ffeccc;      /* 薄オレンジ */
  }

  .form0{
    width: 50em;
    padding-top: 0.5vw;
    padding-bottom: 1vw;
    margin-bottom:1vw;
    background-color:#ffffcc;     /* 薄黄色 */
  }

  .form0 dt{margin-left:2.5vw; margin-top:1vw;}
  .form0 dd{margin-left:2.5vw;}

  .form1{
    width: 30em;
    padding-top: 0.5vw;
    padding-bottom: 1vw;
    margin-bottom:1vw;
    background-color:#e6fff5;     /* 薄緑 */
  }

  .form1 dt{margin-left:2.5vw; margin-top:1vw;}
  .form1 dd{margin-left:2.5vw;}

  .form2{
    width: 40em;
    padding-top: 0.5vw;
    padding-bottom: 1vw;
    margin-bottom:1vw;
    background-color:#ffeaf0;     /* 薄ピンク */
  }

  .form2 dt{margin-left:2.5vw; margin-top:1vw;}
  .form2 dd{margin-left:2.5vw;}

  .variables{
      font-size:80%;
      margin-left:10vw;
  }
 
/*
  .variables dl{ margin:2vw 1vw; }
  .variables dt{ margin:0; padding:0; float:left;}
  .variables dt:after{ content:"：";}
  .variables dd{  margin: 0 0 0 10vw; padding: 0; }
*/
  
  .variables dl{ margin:2px 5px 2px 5px; }
  .variables dt{ margin:0; padding:0; float:left;  }
  .variables dt:after{ content:"：";}
  .variables dd{  margin: 0 0 0 70px; padding: 0; }

/*ここから58*/

.condition_58 {
  background: lightyellow;
}

.condition_58 p {
  margin: 1vw auto;
}

.itemization_caption {
  text-align: left;
  margin: 1vw;
  margin-top: 2.5vw;
}

.wrap_58 {
  margin-bottom: 5vw;
}

.sml1 {
  font-size: 14px;
}

table.rainLank {
  font-size: 14px;
  margin-left: 0px;
  margin-top: 10px;
  margin-bottom: 0px;
}

table.rainLank caption {
  padding-left: 0px;
  color: #cd0000;
}

table.man caption {
  color: #0000cd;
}

table.rainLank th {
  background-color: #fcece6;
}

table.man th {
  background-color: #eaecfa;
}

table.rainLank th:nth-child(1) {
  line-height: 120%;
}

.rrsu {
  font-size: 12px;
  padding: 1px;
  line-height: 120%;
}

table.rainLank td {
  padding: 1px 4px;
  background-color: #ffffff;
}

table.rainLank td:nth-child(1) {
  padding-right: 5px;
}

table.rainLank tr:nth-child(-n+11) td:nth-child(1) {
  padding-right: 2px;
  padding-left: 6px;
}

table.rainLank td:nth-child(2) {
  text-align: left;
}

table.rainLank td:nth-child(2) span:nth-child(1) {
  display: inline-block;
  width: 5.5em;
  text-align: left;
  padding-left: 4px;
  white-space: nowrap;
}

table.rainLank td:nth-child(2) span:nth-child(2) {
  display: inline-block;
  width: 1.5em;
  text-align: right;
}

table.rainLank td:nth-child(3) span:nth-child(1),
table.rainLank td:nth-child(3) span:nth-child(3),
table.rainLank td:nth-child(6) span:nth-child(1),
table.rainLank td:nth-child(6) span:nth-child(3) {
  display: inline-block;
  width: 3.0em;
  text-align: right;
}

table.rainLank td:nth-child(3) span:nth-child(2),
table.rainLank td:nth-child(6) span:nth-child(2) {
  padding-left: 3px;
  padding-right: 2px;
}

table.rainLank td:nth-child(4),
table.rainLank td:nth-child(7) {
  padding-left: 6px;
  padding-right: 5px;
  text-align: right;
}

table.rainLank td:nth-child(5),
table.rainLank td:nth-child(8) {
  padding-right: 10px;
  text-align: right;
}

table.rainLank td:nth-child(4) span {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ffb2d8 0%) repeat scroll 0 0;
}

table.man td:nth-child(4) span {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #add6ff 0%) repeat scroll 0 0;
}

table.rainLank td:nth-child(7) span {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ffff7f 0%) repeat scroll 0 0;
}

/*ここまで58*/
/*ここから59*/
.tbl-container59{
  display: flex;
  flex-wrap: wrap;
}

.container_7_8_9 {
  flex-direction: vertical;
  justify-content: center;
}

.tbl-container59 table{
  margin-right: 20px;
  margin-top:12px;
  margin-bottom:12px;
}
table.art59tb1{
  min-width:230px;
}
table.art59tb0a th, table.art59tb0b th, table.art59tb0c th, table.art59tb1 th{ min-width:4.4em; }
table.art59tb0a td, table.art59tb0b td, table.art59tb0c td, table.art59tb1 td{ text-align:right; }
table.art59tb1 caption{ white-space: nowrap; }
.lsp02{ letter-spacing:0.2em; }

table.art59tb0a tr:nth-child(1)  th:nth-child(n+3){ background-color:#ECD7D1;  }
table.art59tb0b tr:nth-child(1)  th:nth-child(n+3){ background-color:#D5EED1;  }
table.art59tb0c tr:nth-child(1)  th:nth-child(n+3){ background-color:#D5D7E8; min-width:3.9em;  }
table.art59tb0a td:nth-child(2),table.art59tb0b td:nth-child(2),table.art59tb0c td:nth-child(2){ background-color:#FFFFD1; }

table.a59thai td span{  font-style: oblique;  font-size:90%; padding-right:2px; }

.a59GR{ 
  text-decoration: underline;
  text-decoration-color: yellow;
  text-decoration-thickness: 0.3em;
  padding:1px;
  margin-right:3px;
}
.a59F12{ 
  text-decoration: underline;
  text-decoration-color: lightgreen;
  text-decoration-thickness: 0.3em;
  padding:1px;
  margin-right:3px;
}
.a59wline{
   font-size:86%;              /* 小さいフォント */
  line-height:115%;            /* 行間狭く */
}
 /* table の tdの背景色 */
.t59u5{ background-color:#ff6060; }  /* #ff6060 10 */
.t59u4{ background-color:#ff6868; }  /* 9.5  */
.t59u3{ background-color:#ffa0a0; }  /* 6   */
.t59u2{ background-color:#ffdfdf; }  /* 2   */
.t59u1{ background-color:#fff6f6; }  /* 1  未使用 */
.t59u0{ background-color:#ffffff; }  /* 0   */

.t59d5{ background-color:#658cff; }   /* #658cff */
.t59d4{ background-color:#6d92ff; }   /* 9.5 */
.t59d3{ background-color:#a3baff; }   /* 6   */
.t59d2{ background-color:#e0e8ff; }   /* 2   */
.t59d1{ background-color:#f0f4ff; }   /* 1  未使用 */
.t59d0{ background-color:#ffffff; }   /* 0   */

span.a59exl{
  margin-right:8px;
  padding:2px 5px;
  border:1px solid red;
}

/*  コメント文 */
.a59cmt {
  display:inline-block;
  font-size: 86%;
  padding: 4px;
  margin: 0 15px 8px;;
  line-height:135%;
  border-top: 1px dashed #a0a0a0;
  border-bottom: 1px dashed  #a0a0a0;
  background-color:#f5f5f5;
}
.a59cmt p {
  text-indent: -1.3em;
  padding-left: 1.3em;
  margin: 0;
}
span.a59_sprate43{ 
  text-indent:0;
  padding-left:8px;
  padding-right:5px;
}
.a59_sprate43 span{  display:inline-block; }
.a59_sprate43 span:nth-child(1){    width:8em; }
.a59_sprate43 span:nth-child(n+2){  width:7em; text-align:right; }

.arefsup{
  font-size:70%;
  vertical-align: 20%; 
  padding-left:2px;
  background-color:mistyrose;
}
ol.foot_notelist{
  margin: 12x 0px 12px 0px;
  padding:0; 
  list-style-type: decimal;
}
ol.foot_notelist li{
  margin: 0 0 10px 32px;
  font-size:14px;
  line-height:140%;
  text-indent: -0.5em;    
  padding: 0 0 0 0.5em;
}
.a59jown{      /* 自内へのリンク */
  padding-left:1px;
  padding-right:1px;
}

dl.a59dlist{
  margin:5px 5px 5px 5px;;
}
dl.a59dlist dt:nth-child(n+2){
  margin-top:10px;
}
dl.a59dlist dd:before{
  content:"・";
}
dl.a59dlist dd{
  text-indent: -1em;
  padding-left:1em;
  margin-left:2em;
}

.zudlgy2{
  text-decoration: solid underline 2px gray;
  text-underline-offset: 0.2em; /* 線の位置。テキストに重ならないよう、やや下部にする */
}
.zudlgy1{
  text-decoration: solid underline 1px gray;
  text-underline-offset: 0.2em; /* 線の位置。テキストに重ならないよう、やや下部にする */
}

.underscore_59_F {
  text-decoration: underline;
  text-decoration-color: lightgreen;
  text-decoration-thickness: 0.3em;
}

.underscore_59_grade {
  text-decoration: underline;
  text-decoration-color: yellow;
  text-decoration-thickness: 0.3em;
}

.conclusion_59_outline {
  display: flex;
  margin-left: 1.5vw;
  margin-bottom:-0.5em;
  margin-top: 2em;
  border-radius:10px;
  width:55.5vw;
  height: 6.5vw;
}

.conclusion_59_outline p {
  text-align: center;
  margin: auto;
  font-weight: bold;
  font-size: 2.5vw;
}

.conclusion_59{
  display: table;
  list-style: square;
  font-size: 3.5vw;
  margin-left: -3.5vw;
}

.conclusion_59 li{
  align-content: center;
  text-align:left;
  margin:0.75em auto;
  line-height:1.25em;
  max-width:55vw;
  font-weight: bold;
}

.premise_transition {
  display: flex;
  align-items: center;
  align-content: center;
}

.pre_tra_for_65 {
  margin-top: 1.2rem;
}

.trans_button {
  display: center;
  background: gray;
  border-radius: 20px;
  border:none;
  margin: 0.5em;
  width: 7em;
  height: 3.5em;
  text-align: center;
  color: white;
  font-weight: bold;
}

.for_four {
  width: 6em;
  margin-inline: 1.5px;
}

.premise_transition button:hover {
  cursor: pointer;
}

.trans_image {
  width: 85vw;
  height: auto;
  margin: 1.5em auto;
  transition: 0.5s;
  opacity: 100%
}

/* --- 競り・飛び付きランキング --- */

.span_seritobi {
  font-weight: bold;
  color:#000080;
}


.premise_seritobi{
  display: table;
  list-style: square;
  font-size: 3.5vw;
  margin-left: -0.5vw;
}

.premise_seritobi li{
  align-content: center;
  text-align:justify;
  margin:0.75em auto;
  line-height:1.25em;
  max-width:55vw;
  font-weight: normal;
}

.accordion_button {
  margin-bottom: 0.5rem;
  background: black;
  border: none;
  border-radius: 20px;
  width: 9rem;
  height: 2.5rem;
  cursor: pointer;
}

.accordion_button p {
  margin: 0;
  font-weight: bold;
  color: white;
  inset: auto;
  max-width: 25vw;
  width: 25vw;
  margin-inline: auto;
  text-align: center;
}

.accordion_off {
  max-height: 0;
  overflow: hidden;
  transition: 1s;
}

.accordion_on {
  transition: 1s;
}

.seritobi_table_title_h3 {
  margin:-1.5rem auto -0.1rem auto;
}

.seritobi_table_title_h4 {
  max-width:85vw;
  width:85vw;
  margin:0.5rem auto -0.5rem auto;
}

.seritobi_table_section{
  margin-bottom: 1.5rem; 
}

table.rnktbl5{ 
  margin:10px 0px 50px 10px;
  font-size:15px;
  margin-bottom: 0;
}
table.rnktbl5 caption{ 
  font-weight:normal;
}
table.rnktbl5 th{
  white-space:nowrap;
  min-width:17px;
  padding:3px 5px;
}
table.rnktbl5 td{
  white-space:nowrap;
  padding:3px 6px;
}
table.rnktbl5 td.npadd{
  padding-left:3px;
  padding-right:3px;
}
table.rnktbl5 th, table.rnktbl5 td{ border:1px solid darkgray; }
table.rnktbl5 tr:nth-child(1) th:nth-child(n+6):nth-child(-n+8){ border-right:1px solid black; }
table.rnktbl5 tr:nth-child(2) th:nth-child(3n-1):nth-child(n+8):nth-child(-n+14){ border-right:1px solid black; }
table.rnktbl5 td:nth-child(3n+1):nth-child(n+13):nth-child(-n+19){ border-right:1px solid black; }
table.rnktbl5{  border: double 1px black}

table.rnktbl5 tr:nth-child(2) th{ font-size:94%; }   /*   2行目の th は小さい文字 */
table.rnktbl5 tr:nth-child(1) th:nth-child(4){  line-height:1.25; }   /*  府県＋年齢の行間は狭め                    2024.7 追加 */
table.rnktbl5 tr:nth-child(1) th:nth-child(4) span{ font-size: 86%; } /*  府県＋年齢の ’年齢' の文字サイズは小さめ 2024.7 追加 */
table.rnktbl5 tr:nth-child(1) th:nth-child(5){  line-height:1.25; }   /*  今回および次期の級班の行間は狭め   */
table.rnktbl5 td:nth-child(2){                       /*  選手名 */
  min-width: 5.5em;                                  /*    全漢字4文字以下でも5文字程度の幅は欲しい */
  text-align:left;
}
table.rnktbl5 td:nth-child(3){                       /*  期  */
  min-width:1.8em;                                   /*    全2桁以下でも3桁の幅は欲しい  2024.7  1.9em -> 1.8em */
}
table.rnktbl5 td:nth-child(4) span{                   /* rnktbl5 の td の 年齢の文字サイズと padding : 2024.7 追加 */
  font-size: 86%;
  padding-left:0.3em;
}

table.rnktbl5 td:nth-child(5) span{
	font-size:86%;                                   /* 次期の級班は 小さ目の文字 */
	padding-left:0.15em;                              /* 級班・級班間の '/' の両側に 若干のスペース   2024.7.29 add */
}
table.rnktbl5 td:nth-child(n+7):nth-child(-n+8){     /* 競込み-連絡み , 飛付き-連絡み */
	letter-spacing:0.05em;                           /*    文字間隔をちょっと広め */
}
table.rnktbl5 td:nth-child(9){                       /* 競走得点 */
  min-width:3.0em;                                   /*    全99点以下でも100点の幅は欲しい */
  text-align:right;
}
table.rnktbl5 td:nth-child(10){                      /* 1着数 2着数 */
  text-align:right;
}
table.rnktbl5 td:nth-child(10) span{
  display:inline-block;
  width:1.6em;
}
table.rnktbl5 span.t-narrow{                         /* 級班の「2023前/2023後」や 脚質「逃・両」の 縦長文字 */
  display:inline-block;
  transform: scale(0.8, 1); 
  margin-left:-5px;
  margin-right:-5px;
}
table.rnktbl5 .lhr{                                  /* th の 3行部分で使用している "改行幅 小さく"の指示 */
  line-height:1.1;                                   /*  2024.7    1.15 -> 1.1  */
  padding-top:4px;
  padding-bottom:4px;
}
table.rnktbl5 span.all{                              /* th で使用の "左寄せ文字" の指示 */
  display:inline-block;
  width:100%;
  text-align:left;
  margin:0;
  padding: 0 0 0 2px;
}
table.rnktbl5 span.alr{                              /* th で使用の "右寄せ文字" の指示 */
  display:inline-block;
  width:100%;
  text-align:right;
  margin:0;
  padding: 0 2px 0 0;
}
table.rnktbl5 .sml{ font-size:94%; }                  /* rnktbl5 内の"小さい文字" の指示 */

/* --用語説明の div ------ */
#glossary{
  margin: 0px 0px 35px 0px;
  padding:0px;
}

div.rnknt1{
  max-width:1000px; 
  margin-left:10px;
  margin-bottom:22px;
  padding:3px;
  font-size:14px;
  border: 1px dotted darkslategray;
}
div.rnknt1 dl{
  margin:0;
  padding:5px 7px;
}
div.rnknt1 dl dt{
  margin:0;
  margin-bottom:1px;
  padding:0;
}
div.rnknt1 dl dd{
  margin-top:0;
  margin-left:18px;
  margin-bottom:4px;
  padding:0;
}

div.rnknt1 ul{
  list-style-type:disc;
  margin:0.3em 1em 0.3em 0;
  padding-left: 2em;
}
div.rnknt1 ul li{
  margin: 0.5em 2em 0.2em 0;
  text-indent: 0em;           /* 本文内に ・等のマーク1文字を想定 */
  padding-left:0;
}
div.rnknt1  span.pstd{                   /*    rnknt1 内で使用   背景色をやや広く */
  padding:1px 2px;
}
/* ---- 背景色 -------------------- */
table.rnktbl5 .lhs{ background-color:#c1d0d3; }                                   /* ランクテーブル  競り込みのth */
table.rnktbl5 .lht{ background-color:#c6d6c5; }                                   /* ランクテーブル  飛び付きのth */
table.rnktbl5 .bkj1, div.rnknt1 .bkj1{ background-color:#ffffd0; }                /* 選手名背景色-1 */
table.rnktbl5 .bkj2, div.rnknt1 .bkj2{ background-color:#d0ffd0; }                /* 選手名背景色-2 */
table.rnktbl5 .bkj3, div.rnknt1 .bkj3{ background-color:#f4d8d8; }                /* 選手名背景色-3 */
table.rnktbl5 .lis3, div.rnknt1 .lis3{  background-color:#c2c2ff; }                          /* 競込みベスト3    */
table.rnktbl5 .lis4, div.rnknt1 .lis4{  background-color:#e5e5f9; }                          /* 競込み4位以下のランクイン */
table.rnktbl5 .lit3, div.rnknt1 .lit3{  background-color:#b2edb2; }                          /* 飛付きベスト3    */
table.rnktbl5 .lit4, div.rnknt1 .lit4{  background-color:#dffbe0; }                       /* 飛付き4位以下のランクイン */

table.rnktbl5 .nige2, div.rnknt1 .nige2{ background-color:#fadfd5; padding-left: 2px; padding-right: 2px; }     /* バック取得率 20%越 */
table.rnktbl5 .nige4, div.rnknt1 .nige4{ background-color:#f3ab90; padding-left: 2px; padding-right: 2px; }     /* バック取得率 40%越 */
 
.seritobi_table-wrap {
  width: 90vw;
  max-width: 90vw;
  max-height: auto;
  overflow-x: scroll;
  scroll-margin: -2.5rem;
  padding-bottom: -2.5rem;
}

/*----グランプリ 2----*/
table.g-kimarite{
  font-size:14px;
}

table.g-kimarite td:nth-child(1){
  line-height:120%;
}
table.g-kimarite td:nth-child(n+2){
  width:210px;
}

table.g-kimarite td:nth-child(n+2):nth-child(-n+4) span{
  display:inline-block;
  box-sizing:border-box;
  font-size:80%;
  line-height:110%;
  height:2.7em;
  padding-top:2px;
  vertical-align:middle;
  border-top:1px solid black;
  border-bottom:1px solid black;
  border-left:1px solid black;
}
table.g-kimarite td:nth-child(n+2) span:nth-child(1){ background-color:#a0c4ff; }
table.g-kimarite td:nth-child(n+2) span:nth-child(2){ background-color:#ffadad; }
table.g-kimarite td:nth-child(n+2) span:nth-child(3){ background-color:#ffd6a5; }
table.g-kimarite td:nth-child(n+2) span:nth-child(4){ background-color:#caffbf; border-right:1px solid black; }

table.g-score2{
  font-size:14px;
  line-height:110%;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  margin-top:10px;
  margin-bottom:10px;
}
table.g-score2 caption{
  font-weight:bold;
  padding:1px 2px 3px 5px;
}
table.g-score2 th{
  color:#000;
  border: 1px solid gray;
}
table.g-score2 td{
  border:none;
  border-bottom: 1px dashed gray;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
}
table.g-score2 td:nth-child(4){
  text-align:right;
  border-right:none;
  padding-left:7px;
}
table.g-score2 td:nth-child(5){
  text-align:right;
  border-right:none;
  border-left:none;
  padding-left:0px;
  padding-right:0px;
}
table.g-score2 td:nth-child(6){
  text-align:right;
  border-left:none;
  padding-right:7px;
}
.cnctr{
  padding-left:2px;
  padding-right:2px;
}
table.g-score2 td:last-child{
  text-align:left;
}
table.g-score2 td:last-child span{
  font-size:smaller;
  padding-right:1px;
}

table.g-kimarite{
  font-size:14px;
}

table.g-kimarite td:nth-child(1){
  line-height:120%;
}
table.g-kimarite td:nth-child(n+2){
  width:210px;
}

table.g-kimarite td:nth-child(n+2):nth-child(-n+4) span{
  display:inline-block;
  box-sizing:border-box;
  font-size:80%;
  line-height:110%;
  height:2.7em;
  padding-top:2px;
  vertical-align:middle;
  border-top:1px solid black;
  border-bottom:1px solid black;
  border-left:1px solid black;
}
table.g-kimarite td:nth-child(n+2) span:nth-child(1){ background-color:#a0c4ff; }
table.g-kimarite td:nth-child(n+2) span:nth-child(2){ background-color:#ffadad; }
table.g-kimarite td:nth-child(n+2) span:nth-child(3){ background-color:#ffd6a5; }
table.g-kimarite td:nth-child(n+2) span:nth-child(4){ background-color:#caffbf; border-right:1px solid black; }

/* ---------------------------- */
.col-p1{ background-color:#ffdccc; }
.col-p2{ background-color:#ffb999; }
.col-p3{ background-color:#ff9666; }
.col-m1{ background-color:#ccefff; }
.col-m2{ background-color:#99dfff; }
.col-m3{ background-color:#4dcfff; }
.col-00{ background-color:#ffffff; }

.sup-exp{
  font-size:75%;
}
.sub-rad{
  vertical-align: text-top;
  font-size:95%;
}
.division{
  font-size:110%;
  vertical-align: -3%;
  padding-left:2px;
  padding-right:2px;
}

table.g-scores{
  font-size:14px;
  line-height:110%;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  margin-top:10px;
  margin-bottom:10px;
}
table.g-scores caption{
  font-weight:bold;
  padding:1px 2px 3px 5px;
}
table.g-scores th{
  color:#000;
  border: 1px solid gray;
}
table.g-scores td{
  border:none;
  border-bottom: 1px dashed gray;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
}
table.g-scores td:nth-child(4), table.g-scores td:nth-child(7){
  text-align:right;
  border-right:none;
  padding-left:7px;
}
table.g-scores td:nth-child(5), table.g-scores td:nth-child(8){
  text-align:right;
  border-right:none;
  border-left:none;
  padding-left:0px;
  padding-right:0px;
}
table.g-scores td:nth-child(6), table.g-scores td:nth-child(9){
  text-align:right;
  border-left:none;
  padding-right:7px;
}
.cnctr{
  padding-left:2px;
  padding-right:2px;
}
table.g-scores td:last-child{
  text-align:left;
}
table.g-scores td:last-child span{
  font-size:smaller;
  padding-right:1px;
}

.sup-exp{
  font-size:75%;
}
.sub-rad{
  vertical-align: text-top;
  font-size:95%;
}
.division{
  font-size:110%;
  vertical-align: -3%;
  padding-left:2px;
  padding-right:2px;
}

table.easy-card{
  width:615px;
  font-size:14px;
  line-height:110%;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  margin-top:10px;
  margin-bottom:10px;
}
table.easy-card caption{
  font-weight:bold;
  padding:1px 2px 2px 5px;
}
table.easy-card th{
  color:#000;
  border:none;
  border-bottom: 2px solid white;
}
th.press, td.press{
  line-height:97%;
}
table.easy-card td{
  border:none;
}
table.easy-card td:nth-child(6) span{
  font-size:12px;
  line-height:110%;
}
table.easy-card td.race-review1{
  border-top:1px dashed gray;
  padding-top:5px;
  padding-bottom:5px;
  text-align:left;
}
table.easy-card td.race-review1 span{
  display:inline-block;
  padding:1px;
}
table.easy-card td.race-review1 span.narabi{
  font-family: 'Courier New', Consolas, monospace;  /* 並びは等角フォント！    */
  white-space:pre;                 /* 2列の並びの位置関係は整形済なのでpreで！ */
  letter-spacing:0;                /*       〃            letter-spcsing 0で！ */
  line-height:95%;
  padding-right:25px;
}
table.easy-card td.race-review2{
  border-top:1px dashed gray;
  white-space:normal;
  padding-top:5px;
  padding-bottom:5px;
  text-align:left;
}
table.easy-card td.race-review2 p{
  margin:0;
  padding-top:5px;
  line-height:125%;
  text-indent: -2.3em;
  padding-left:2.3em;
}
table.easy-card td.race-result{
  border-top:1px dashed gray;
  white-space:normal;
  line-height:135%;
  text-align:left;
  padding-top:5px;
  padding-bottom:5px;
}
table.easy-card td.race-result span + span{
  margin-left:25px;
}
.nmrk, .nmrk1, .nmrk2{
  font-family:"san-serif";      /* ◎○▲△×のマークは san-serifで！ */
}
.nmrk1{  font-size:105%; }      /* ◎は少し小さいのでやや大きく       */
.nmrk2{  font-size:90%;  }      /* ○は少し大きいのでやや小さく       */
.chk1, .chk2, .chk3{
  font-weight:bold;
}
.chk1{
	color:#ee0000;
}
.chk4 , .chk5, .chk6{
  font-size:small;
}
.chk1 span, .chk2 span, .chk3 span, .chk4 span, .chk5 span, .chk6 span{
  font-size:11px;
  padding-left:1px;
}
.msml{
  font-size:12px;
}

.footer_table_61 {
  margin-bottom: 1rem;
  font-size: 75%;
}

.trans_section {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.footer_button {
  display: center; 
  font-size: 40%;
  background: black;
  border-radius: 10px;
  border:none;
  margin: 0.5em;
  width: auto;
  height: 3em;
  padding: 1px 4.5px;
  text-align: center;
  color: white;
  font-weight: bold;
  cursor: pointer;
}

.footer_button a {
  text-decoration: none;
  color: white;
}

.to_other_articles {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
  text-align: left;
  font-size: 80%;
}

table.zrecord1_127 td, table.zrecord2_128 td{
  padding:2px 7px;
  min-width:1em;
}
table.zrecord1_127 td:nth-child(2),table.zrecord2_128 td:nth-child(1){   /* 選手名 */
  text-align:left;
  min-width:6em;
}
table.zrecord1_127 td:nth-last-child(3){                         /* 総合点 */
  background-color:#ffffcc;        /* 薄黄色 */
}
table.zrecord1_127 td:nth-last-child(-n+2){                      /* 成績予測値 */
  background-color:#e6fff5;        /* 薄緑 */
}
table.zrecord2_128 td:nth-last-child(-n+4):nth-last-child(n+3){  /* 総合点 */
  background-color:#ffffcc;        /* 薄黄色 */
}
table.zrecord2_128 td:nth-last-child(-n+2){                      /* 成績予測値 */
  background-color:#ffeaf0;        /* 薄ピンク */
}
.gcap{                             /* ゴールデンキャッパー背景色 */
  background-color:#ffeccc;      /* 薄オレンジ */
}

.to_other_articles {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
  margin:0 -3rem;
}