@charset "UTF-8";
  
  html { scroll-behavior: smooth;}
  
 .grid {
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),
  linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
  background-size: 25px 25px;
  background-repeat: repeat;
  background-position: center center;

  padding: 20px;
 }
 
 .article_title {
   background:black;
   margin:0px auto;
   max-width: 320px;
   text-align:center;
   height:60px;
   font-weight:bold;
   font-size: 20px;
   color:white;
   line-height:65px;
   margin-bottom:-20px;
 }
 
 @media screen and (max-width: 360px){
    .article_title {
       background:black;
       text-align:center;
       height:60px;
       font-weight:bold;
       font-size: 5vw;
       color:white;
       line-height:65px;
       margin-bottom:-20px;
      }
}
 
  
 .tohyama_text {
    display:flex;
    align-items: center;
    justify-content:center;
    flex-direction:column;
    line-height: 32.5px;
    margin: 30px auto;
 }
  
 
/** .tohyama_text>p::first-letter {
    font-size: 31.5px;
    font-weight: bold;
    float: left;
    padding-right: 5px;
 }**/
 
 .tohyama_text>p {
     clear: both;
     margin-bottom: 10px;
     max-width: 340px;
     text-align: left;
 }
 
 .tohyama_text>p>small {
    line-height: 15px;
 } 
 
  .compartment {
     width: 350px;
     height: 5px;
     background: gray;
     margin-bottom: -10px;
     margin-top: -10px;
 }
 
 @media screen and (max-width: 360px){
      .compartment {
        width: 90vw;
        height: 5px;
        background: gray;
        margin-bottom: -10px;
        margin-top: -10px;
    } 
 }
 
 .tohyama_outline {
     width: 350px;
     height: 45px;
     max-width: 340px;
     font-size: 18px;
     font-weight: bold;
     margin:auto, auto;
 }
 
  @media screen and (max-width: 360px){
       .tohyama_outline {
         width: 90vw;
         height: 45px;
         max-width: 90vw;
         font-size: 5vw;
         font-weight: bold;
         margin:auto, auto;
    }
 }
 
 
 .tohyama_outline>p {
   line-height: 15px;
   margin-top: -3px;
 }
 
 .tohyama_text>ul {
   width: 280px;
   font-weight: bold;
   font-size: 11.5px;
   border: 1px dashed black;
   padding: 10px 20px;
   margin-top: -5px;
 }

 @media screen and (max-width: 370px) {
      .tohyama_text>ul {
        width: 80vw;
        font-weight: bold;
        font-size: 11.5px;
        border: 1px dashed black;
        padding: 10px 20px;
        margin-top: -5px;
    }
 }

 .tohyama_text>ul>li {
   line-height: 18px;
 }
 
 .box {
   width: 320px;
   height: auto;
   border: 1px dashed black;
   margin: 10px auto;
 }
 
 @media screen and (max-width: 370px) {
    .box {
        max-width: 75vw;
        height: auto;
        border: 1px dashed black;
        margin: 5px auto;
   }  
 }
 
 .tohyama_abstract {
   text-align: left;
   margin-top: 20px;
   width: 340px;
   border: 3.5px dashed #003366;
   background: #99FFFF;
   border-radius: 10%;
 }
 
  @media screen and (max-width: 360px) {
     .tohyama_abstract {
         text-align: left;
         margin-top: 20px;
         width: 300px;
         border: 3.5px dashed #003366;
         background: #99FFFF;
         border-radius: 10%;
        }
  }

 .tohyama_abstract>p {
   max-width: 315px;
   margin:20px 12.5px;
   line-height: 20px;
 }
 
   @media screen and (max-width: 360px) {
       .tohyama_abstract>p {
          max-width: 290px;
          margin:20px 12.5px;
          line-height: 20px;
        }
  }


 
 .tohyama_table_1 {
   width: 200px;
   margin: 15px auto;
   line-height: 17px;
   font-size: 12.5px;
   font-weight: bold;
 }
 
 .table_label {
   display: flex;
   flex-direction:row;
   text-align: center;
   margin:-5px 0;
 }
 
 .table_label>a {
   background: black;
   opacity: 85%;
   width: auto;
   height: 30px;
   padding: 0px 10;
   margin: 10px 4.5px;
 }
 
 .table_label>a>p {
     font-size: 11px;
     font-weight: bold;
     color: white;
     line-height: 10px;
 }
 
 .table_footnote {
    font-weight: bold;
    font-size: 10px;
    line-height: 20px;
 }

@media screen and (max-width: 500px) {
     .table_footnote {
        font-weight: bold;
        font-size: 10px;
        line-height: 5vw;
    }
}
 
 @media screen and (max-width: 340px) {
     .graph_image {
        width: 85vw;
        height: auto;
        padding: 10px 0px;
        margin-left: 3.5%;
    }     
 }

 @media screen and (min-width: 341px) {
     .graph_image {
        width: 85vw;
        height: auto;
        padding: 10px 0px;
        margin-left: 1%;
    }     
 }
 
  @media screen and (min-width: 500px) {
    .graph_image {
        width: 370px;
        height: auto;
        padding: 10px 0px;
    }
 }
  
 .dr_tohyama_inserting {
     display:flex;
     margin: 5px 10px;
 }
 
 .dr_tohyama_general {
     width: 75.15px;
     height: 86.85px;
     margin: 5px 5px;
 }
 
 @media screen and (max-width: 330px) {
    .dr_tohyama_general {
        width: 75.15px;
        height: 86.85px;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 0%;
        margin-left: 2.5%;
    }
  }
 
 .dr_tohyama_textbox {
     background: white;
     border: 2px solid;
     width: 275px;
     height: auto;
     border-radius: 1.5em;
     margin: 5px 5px;
     padding: 2px 0;
     text-align: center;
 }
 
 @media screen and (max-width: 400px) {
     .dr_tohyama_textbox {
        background: white;
        border: 2px solid;
        width: 70vw;
        height: auto;
        border-radius: 1.5em;
        margin: 5px 2.5%;
        padding: 2px 0;
        text-align: center;    
    }
 }
 
 .dr_tohyama_textbox>p {
     text-align: left;
     font-size: 12.5px;
     margin: 5px 10px;
     line-height: 18px;
 }
 
 .dr_tohyama_textbox>p>span {
     font-weight: bold;
     background: #00FFFF;
 } 
 
 .dr_tohyama_textbox>p>small {
     line-height: 13px;
 }
 
 .tohyama_table {
    width: 150px;
    line-height: 12.5px;
    margin: 15px auto;
    font-size: 12.5px;
    font-weight: bold;
 }
 
  .table_left {
    text-align: left;
  }
  
  .table_right {
    text-align: right;
  }
 
 /*切替用ボタン「」*/
  .shift_button_1_2 {
     display: flex;
     flex-direction:row;
     text-align: center;
     margin:-5px 0;
 }
 

 
 .shift_button_1_2>a {
     background: black;
     width:  80px;
     height: 40px;
     padding: 4px 0;
     border-radius: 1em;
     cursor: pointer;
     margin: 10px 3px;
 }
 
  @media screen and (max-width: 350px) {
    .shift_button_1_2>a {
      background: black;
      width:  75px;
      height: 40px;
      padding: 4px 0;
      border-radius: 1em;
      cursor: pointer;
      margin: 10px 1.5px;
 }
}
 
 .shift_button_1_2>a>p {
     font-size: 12px;
     font-weight: bold;
     color: white;
     line-height: 15px;
 }
 
  .shift_button_1_2>a>p>span { 
     line-height: 6px;
 }
 
   .shift_button_1_2>a>p>small { 
     line-height: 18px;
 }

  /*切替用ボタン「2車単出目の出現率に特徴がある競輪場」*/
 .shift_button_2 {
     display: flex;
     flex-direction:row;
     text-align: center;
     margin:-5px 0;
 }
 
 .shift_button_2>a {
     background: black;
     width: 50px;
     padding: 2px 0;
     border-radius: 1em;
     cursor: pointer;
     margin: 10px 4.5px;
 }
 
 .shift_button_2>a>p {
     font-size: 13px;
     font-weight: bold;
     color: white;  
     line-height: 11px;
 }
 
 .footnote_compartment {
    display:flex;
    align-items: center;
    justify-content:center;
    width:350px;
    border-top: 1px dashed black;
    margin:0px auto;
 }
 
 @media screen and (max-width: 500px) {
   .footnote_compartment {
      display:flex;
      align-items: center;
      justify-content:center;
      width:100%;
      border-top: 1px dashed black;
      margin:15px auto;
    }
 }
 
 .footnote_title {
    color: black;
    margin:3.5px auto;
    max-width: 350px;
    display:flex;
    align-items: left;
    justify-content:center;
    flex-direction:column;
    font-weight: bold;
    font-size: 12.5px
 }
 
  .footnote_title:hover {
    opacity: 50%;
  }
  
 .footnote_text {
    display:flex;
    align-items: center;
    justify-content:center;
    flex-direction:column;
    line-height: 15px;
    margin: 0px auto;
    margin-bottom: 10px;
 }
 
 .footnote_text>p {
    width: 340px;
    font-weight: normal;
    font-size: 12.5px;
    margin-bottom: -10px;
    max-width: 340px;
    text-align: left;

 }
 
@media screen and (max-width: 360px){
  .footnote_text>p {
     width: 90vw;
     font-weight: normal;
     font-size: 12.5px;
     margin-bottom: -10px;
     max-width: 340px;
     text-align: left;
   }
 }
 
 .tohyama_link {
    color:black;
 }
 
 .tohyama_link:hover {
   opacity: 50%;
 }
 
 .page_transition {
   display: flex;
   align-items: center;
   justify-content:center;
   padding: 45px;
 }
 
 .page_transition>a {
   font-size: 11.5px;
   font-weight: bold;
   color:black;
   text-decoration: none;
   margin: auto 11.5px;
 }
 
@media screen and (max-width: 371px){
 .page_transition>a {
   font-size: 10px;
   font-weight: bold;
   color:black;
   text-decoration: none;
   margin: auto 6.5px;
 }
}
 
  .page_transition>a:hover {
    opacity: 50%;
  }