body{
  /* overflow-x: auto; */
}

button{
  background: transparent;border: none;
  border-radius:5px ;margin:2px;
  cursor:pointer;
  /* background-color:red;; */
}
table{
  border-collapse: collapse;
  margin:5px;
}
th{
  font-weight:bold;
}
p {
  padding:2px;
  margin:2px;
}
/* IDAカレンダー用 */
.x0{padding:1px;text-align:center;color:white ;font-size:15px;background-color:black;}
.x1{padding:1px;text-align:center;color:white ;font-size:15px;background-color:orangered;}
.x2{padding:1px;text-align:center;color:white ;font-size:15px;background-color:blue;}
.x3{padding:1px;text-align:center;color:white ;font-size:15px;background-color:green;}
.x4{padding:1px;text-align:center;color:white ;font-size:15px;background-color:purple;}
.x00{padding:1px;text-align:center;font-size:15px;color:black;}
.x01{padding:1px;text-align:center;font-size:15px;color:orangered;}
.x02{padding:1px;text-align:center;font-size:15px;color:blue;}
.x03{padding:1px;text-align:center;font-size:15px;color:green;}
.x04{padding:1px;text-align:center;font-size:15px;color:purple;}

form{padding:0;margin:0}
.font-30{font-size:30px}

.totaling_kousha{
  font-size:20px;text-align: center;
}
a:link { color:#3c454d;
   text-decoration: none;}
a:visited { color:#3c454d; text-decoration: none;}
a:hover { color:#7b8dac; text-decoration: none;}
a:active { color:#5a9bc0; text-decoration: none;}

.title{font-size:30px;font-weight:900;padding:5px;text-align: center;}

  /* バックグラウンドカラーあり */
  .ColorBack01{background:#c17053;color:white;cursor:pointer;}
  .ColorBack02{background:#c1b253;color:white;cursor:pointer;}
  .ColorBack03{background:#8ec153;color:white;cursor:pointer;}
  .ColorBack04{background:#53c15a;color:white;cursor:pointer;}
  .ColorBack05{background:#53c19c;color:white;cursor:pointer;}
  .ColorBack06{background:#53a4c1;color:white;cursor:pointer;}
  .ColorBack07{background:#5362c1;color:white;cursor:pointer;}
  .ColorBack08{background:#8653c1;color:white;cursor:pointer;}
  .ColorBack09{background:#c153ba;color:white;cursor:pointer;}
  .ColorBack010{background:#c15378;color:white;cursor:pointer;}
  .ColorBack011{background:#c17053;color:white;cursor:pointer;}
  .ColorBack012{background:#c1b253;color:white;cursor:pointer;}
  .ColorBack013{background:#8ec153;color:white;cursor:pointer;}

  .ColorBack2_01{background:#f0dfd4;}
  .ColorBack2_02{background:#f0f0d4;}
  .ColorBack2_03{background:#dff0d4;}
  .ColorBack2_04{background:#d4f0da;}
  .ColorBack2_05{background:#d4f0eb;}
  .ColorBack2_06{background:#d4e4f0;}
  .ColorBack2_07{background:#d5d4f0;}
  .ColorBack2_08{background:#e5d4f0;}
  .ColorBack2_09{background:#f0d4ea;}
  
  .Color01{color:#61382a;}
  .Color02{color:#61592a;}
  .Color03{color:#48612a;}
  .Color04{color:#2a612d;}
  .Color05{color:#2a614e;}
  .Color06{color:#2a5361;}
  .Color07{color:#2a3261;}
  .Color08{color:#432a61;}
  .Color09{color:#612a5e;}
  .Color10{color:#612a3d;}
  .Color11{color:#61382a;}
  .Color12{color:#61592a;}
  .Color13{color:#48612a;}

  .hatsuon{
    padding:0;margin:0;color:#0f05de;font-size:6px;
  }
  .hensyumode{font-size:30px;}
  .hatsuon_up{background: #0f05de;border-radius: 10px;font-size:20px;color:#ffffff}
    /* .tango_list{max-width:400px;} */
    .tango_list th {font-size:12px;background:black;color:white;}
    .tango_list td {font-size:8px;}
    .yourei{color:red;font-size:12px;padding:0;margin:0}
    .mondai{color:black;font-size:15px;padding:0;margin:0}
    .tango_tuzuri{font-weight: bold;font-size: 20px;color:#0f05de;}
    .tango_list .head{background:black;color:white;font-weight: bold;}
    .★{color:tomato;text-align: center;}
    .offi{font-size:30px;font-weight: bold;color:green}
    .offi2{font-size:25px;font-weight: bold;color:green}
    .le{font-size:20px;font-weight: bold;color:red}
  .qa {
    width: 200px
  }

  .qa_mozi {
    color: black;
    min-width: 140px;
    display: inline-block;
  }

  .q {
    background: #c3c4cc;
    color: black;
  }

  .soushin {
    font-size: 30px;
    background: green;
    color: white;
    margin: 30 30 30 20;
  }

  .kaito {
    font-size: 30px;
    color: red;
    padding: 0;
    margin: 0
  }

  .radio-inline__input05 {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
  }

  .radio-inline__label05 {
    display: inline-block;
    padding: 0.1rem 0.2rem;
    margin: 2px;
    border-radius: 3px;
  }

  .radio-inline__input05:checked+.radio-inline__label05 {
    background: #8f2787;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, .7);
  }

  .radio-inline__input05:focus+.radio-inline__label05 {
    outline-color: red;
  }

  .kijutsu_text {
    width: 90%;
    height: 50px;
    font-weight: bold;
    font-size: 25px;
    margin: 5px;
    background: #e8f4fa;
  }

  .kijutsu_num {
    width: 90%;
    height: 50px;
    font-weight: bold;
    font-size: 25px;
    margin: 5px;
    background: #e8f4fa
  }

  .linkc:link {
    color: grey;
    text-decoration: none;
  }

  .linkc:visited {
    color: grey;
    text-decoration: none;
  }

  .linkc:hover {
    color: grey;
    text-decoration: none;
  }

  .linkc:active {
    color: grey;
    text-decoration: none;
  }
  /* ボタン系 */
  .top {
    background: #78c153;
    color: white;
    padding: 5px 10px 5px 10px;
    font-size: 15px;
    border-radius: 5px;
    margin: 5px;
  }

  .top2 {
    background: #c15399;
    color: white;
    padding: 5px 10px 5px 10px;
    font-size: 15px;
    border-radius: 5px;
    margin: 5px;
  }

  .top3 {
    background: #7b53c1;
    color: white;
    padding: 5px 10px 5px 10px;
    font-size: 15px;
    border-radius: 5px;
    margin: 5px;
  }

  .top5 {
    background: #7b53c1;
    color: white;
    padding: 2px;
    font-size: 10px;
    border-radius: 5px;
    margin: 2px;
  }

  .top4 {
    background: #c1a753;
    color: white;
    padding: 5px 10px 5px 10px;
    font-size: 20px;
    border-radius: 5px;
    margin: 5px;
  }

  .tango_test {border-collapse: collapse; }
  .tango_test th { background-color: black;color: white }
  .tango_testq {          color: blue;          font-size: 8px;        }
  .qstyle {          width: 100px;          font-weight: bold;          color: darkgreen        }
  .Astyle { font-weight: bold; color:red; font-size:12px;}
  .A2style { font-weight: bold; color:#61382a; font-size:8px;text-decoration: line-through;}
  .Astyle { font-weight: bold; color:red; font-size:12px;}
  .用例{font-size:6px;color:fuchsia;padding:0;margin:0;}
  .soushin{font-size:20px;background:green;color:white;   border-radius: 5px;
    margin:10 10 10 10;}
 
  
  /*カレンダー系*/
  .定期テスト{color:red;font-weight: bold;}
  .実力テスト{color:blue;font-weight: bold;}
  .塾イベント{color:rebeccapurple;font-weight: bold;}
  .塾社員\(面談など\){color:white;background-color:orangered;}
  .塾事務\(チラシなど\){color:white;background-color:royalblue;cursor:pointer;border-color:black;}
  .birthday{color:green;}
  .その他テスト{color:purple;font-size:px;padding:1;margin:1;font-weight: bold;}
  .その他{color:grey;font-size:8px;padding:1;margin:1;font-weight: bold;}

  .休校{color:white;background-color:#999999;font-size:14px;}
  .自習１{color:green;background-color:;font-size:8px;font-weight: bold;}
  .自習２{color:red;background-color:;font-size:8px;font-weight: bold;}
  .塾イベント0{color:rebeccapurple;font-weight: bold;}
  .学校行事0{color:grey;font-size:8px;padding:1;margin:1;}
  .その他テスト0{color:purple;font-size:8px;padding:1;margin:1;font-weight: bold;}
  .その他0{color:grey;font-size:8px;padding:1;margin:1;font-weight: bold;}

    /*カレンダー系*/
    .定期テスト0{color:red;font-weight: bold;font-size:12px;}
    .実力テスト0{color:blue;font-weight: bold;font-size:12px;}
    .高校0{color:green;font-weight: bold;font-size:10px;}
    .塾社員\(面談など\)0{color:white;background-color:orangered;font-size:12px;}
    .塾事務\(チラシなど\)0{color:white;background-color:royalblue;cursor:pointer;border-color:black;font-size:12px;}
    .birthday0{color:green;font-size:8px;}
  
    .休校{color:white;background-color:#999999;font-size:14px;}
    /* .自習１{color:white;background-color:green;font-size:6px;}
    .自習２{color:white;background-color:red;font-size:8px;} */
  
  .zisyu2{margin:0.1em;padding:0;font-size:12px;text-align:left;color:white;background-color:red;font-size:16px;cursor:pointer;}
  .kyuko{margin:0.1em;padding:0;font-size:10px;text-align:left;color:white;background-color:#999999;font-size:16px;cursor:pointer;}
  .tsujo{margin:0.1em;padding:0;font-size:12px;text-align:left;color:white;background-color:mediumorchid;font-size:16px;cursor:pointer;}
  .shinken{margin:0.1em;padding:0;color:purple;cursor:pointer;}
  .turbo{margin:0.1em;padding:0;text-align:left;color:blue;font-size:14px;cursor:pointer;}
  .event{margin:0.1em;padding:0;text-align:left;color:blueviolet;font-size:12px;cursor:pointer;}
  .else{margin:0.1em;padding:2px;font-size:12px;cursor:pointer;}
  .date{cursor:pointer;font-size:12px;}





  /* メニューサイズ */



.wid10{width:10px;}
.wid20{width:20px;}
.wid30{width:30px;}
.wid40{width:40px;}
.wid50{width:50px;}
.wid60{width:60px;}
.wid70{width:70px;}
.wid80{width:80px;}
.wid90{width:90px;}
.wid100{width:100px;}
.wid110{width:110px;}
.wid120{width:120px;}


.TableGreen1{
  /* width: 100%; */
  max-width: 600px;
  font-size: 12px;
  background-color:rgb(235, 252, 228);
}
.TableGreen_max{
  /* width: 100%; */
  /* max-width: 600px; */
  font-size: 12px;
  background-color:rgb(235, 252, 228);
}
.TableGreen2{
  /* width: 100%; */
  max-width: 400px;
  
  font-size: 12px;
  background-color:rgb(235, 252, 228);
}

.TableGreen1 th{
  background-color:#6ec544;color:white;
}

.TableOrange1{
  /* width: 100%; */
  max-width: 600px;
  font-size: 12px;
  background-color:#f1e0d0
}
.TableOrange1 th{
  background-color:#c58244;color:white;
}

.teiki2 {
  background-color: #FFBEDA;
}

.shinken {
  background-color: #DCC2FF;
}

.kokoku {
  background-color: #98fb98;
}

.kosyu {
  background-color: #C2EEFF;
}

.kozin {
  background-color: #98FB98;
}

.hp {
  background-color: #FFFF00;
}

.left-jukucho {
  background-color: #EEEEEE;
}

.project {
  border-collapse: collapse;
  font-size: 12px;
  max-width: 600px;
  text-align: left;
  background-color: #ffffff;
  color: #000000;
  vertical-align: top;
}
</style>
<style>
.重要 {
  color: white;
  background: red;
  font-size: 12px;
  border-radius: 5px;
  padding: 0 2 0 2;
  margin: 3px
}

.メモ {
  color: white;
  background: blue;
  font-size: 15px;
  border-radius: 5px;
}

.メモ2 {
  color: white;
  background: blue;
  font-size: 12px;
  margin: 10px;
  padding: 2px;
  border-radius: 5px;
  pointer-events: none;
}

.メモtr {
  background: #d1edf9
}

.メモtd {
  color: #044354;
  font-weight: bold;
  color: ;
  pointer-events: none;
}

.備考 {
  font-size: 8px;
  padding: 0;
  margin: 0;
  color: blue
}



.TableBlue0{
  /* width: 100%; */
  /* max-width: 600px; */
  /* font-size: 12px; */
  background-color:#ffffff;
}
.TableBlue0 th{
  background-color:#4e44c5;color:white;
}
.TableBlue1{
  /* width: 100%; */
  max-width: 600px;
  font-size: 12px;
  background-color:#ffffff;
}
.TableBlue1 th{
  background-color:#4e44c5;color:white;
}

.TableBlue1_mini{
  width: 95%;
  font-size: 12px;
  background-color:#ffffff;
}
.TableBlue1_mini th{
  background-color:#4e44c5;color:white;
}

.TableBlue1_big{
  /* width: 95%; */
  font-size: 12px;
  border-collapse: collapse;
  background-color:#ffffff;
}
.TableBlue1_big th{
  background-color:#4e44c5;color:white;
  font-size:12px;
}

.TableBlue2{
  width: 100%;max-width: 600px;
  font-size: 12px;
  background-color:#f3e8f8;
}
.TableBlue2 th{
  background-color:#9b44c5;color:white;
}

.TableBlue21{
  /* width: 100%;max-width: 600px; */
  font-size: 12px;
  background-color:#f3e8f8;
}
.TableBlue21 th{
  background-color:#9b44c5;color:white;
}




.TableGreen1Mini{
  font-size: 10px;
  background-color: #dbf1d0;
}
.TableGreen1Mini th{
  background-color:#6ec544;
}


.kousha_list_seitocount0{
  border-radius:10px;
  width:600px;background:#d4f4d7;
  padding:0 0 0 50px;
  margin:5px;
  text-align: center;
   /* display:flexbox; */
/*
justify-content: center; */
display: inline-block;
 
}.kousha_list_seitocount0 li{
  width:250px;text-align:left;
  background:;
  float: left;
  list-style-type: none;
  margin:3px;
}

.kousha_list_seitocount{
  border-radius:10px;
  width:600px;background:#d4d7f4;
  padding:0 0 0 50px;
  margin:5px;
  text-align: center;
   /* display:flexbox; */
/*
justify-content: center; */
display: inline-block;
 
}

.kousha_list_seitocount3{
  border-radius:10px;
  width:600px;background:#d4d7f4;
  padding:3px;
  margin:5px;
  text-align: center;
   /* display:flexbox; */
/*
justify-content: center; */
/* display: inline-block; */
 
}

.kousha_list_seitocount li{
  width:250px;text-align:left;
  background:;
  float: left;
  list-style-type: none;
  margin:3px;
}

.kousha_list_seitocount2{
  border-radius:10px;
  width:700px;background:#0a0f41;
  padding:3px;
 
}
.gouhi{text-align:center;}
.maru{
  font-size:12px;font-weight:bold;color:red;
}

.true{
  background:#edb8ce;
}
.next_charenge{font-size:8px;}
/* @media(max-width: 600px) {.seito-info{width:100%;
  overflow-x: auto; 
background:red;
white-space: nowrap;}


} */
.radio-inline__input04 {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

.radio-inline__label04 {
  display: inline-block;
  padding: 0.1rem 0.2rem;
  margin: 2px;
  border-radius: 3px;
  transition: all .2s;

}

.radio-inline__input04:checked+.radio-inline__label04 {
  background: #5f8f27;
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, .7);
}

.radio-inline__input04:focus+.radio-inline__label04 {
  outline-color: red; 

}


.radio-inline__input03 {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

.radio-inline__label03 {
  display: inline-block;
  padding: 0.1rem 0.2rem;
  margin: 2px;
  border-radius: 3px;
  transition: all .2s;

}

.radio-inline__input03:checked+.radio-inline__label03 {
  background: #27358f;
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, .7);
}

.radio-inline__input03:focus+.radio-inline__label03 {
  outline-color: red; 

}



.和訳問題２{
  font-size:20px;background:#4d4d4d;color:white;
}
.和訳問題{
  font-size:8px;background:#4d4d4d;color:white;
}
.eitango_rireki{
  color:green;font-size:8px;
}
@media only screen and ( min-width : 420px ) {
  .home_block{
    /* overflow-x: auto;  */
    white-space: nowrap;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
        /* display: -webkit-flex; */
      /* font-size:50px; */
      /* display: flex; */
    }
.news_home_block{
  min-width:400px;
  float: left;
}
.calendar_home_block{
  /* width:400px; */
  float: left;
}
.message_home_block{
  width:400px;
  text-align: center;
  background:rgb(240, 255, 122);
  border-radius:15px ;
  border: solid;border-color: tomato;
  float: left;
}
.task_home_block{
  width:400px;
  float: left;
}}

/* 無関係 */
.rand1{font-size:12px;color:black;}
/* 正解した */
.rand2{font-size:20px;color:black;color:blue;font-weight: bold;}
/* まちがった */
.rand3{font-size:12px;color:black;color:green;text-decoration: line-through;}
/* 正しい答え */
.rand4{font-size:20px;color:black;color:red;font-weight: bold;}

@media only screen and ( max-width : 419px ) {
  .home_block{
    overflow-x: auto; 
    white-space: nowrap;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
        /* display: -webkit-flex; */
      /* font-size:50px; */
      /* display: flex; */
    }
  .news_home_block{
    width:98%;
    float: left;
  }
  .calendar_home_block{
    width:98%;
    float: left;
  }
  .message_home_block{
    width:98%;
    text-align: center;
    background:rgb(240, 255, 122);
    border-radius:15px ;
    border: solid;border-color: tomato;
    float: left;
  }
  .task_home_block{
    width:98%;
    float: left;
  }}


  
  @media only screen and ( max-width : 350px ) {
    .home_block{
      overflow-x: auto; 
      white-space: nowrap;
      text-align: center;
      display: inline-block;
      margin: 0 auto;
      

      }

    .news_home_block{
      width:98%;
      float: left;
    }
    .calendar_home_block{
      width:98%;
      float: left;
      /* background-color: #2a3261; */
    }
    .message_home_block{
      width:98%;
      text-align: center;
      background:rgb(240, 255, 122);
      border-radius:15px ;
      border: solid;border-color: tomato;
      float: left;
    }
    .task_home_block{
      width:98%;
      float: left;
    }}