/********** レイアウト作成時に使うボーダー *********/
.ol{
      /*
      border: 0.1px solid #555;
      */
}

/*  hover */
a {
      color: #707070;
      text-decoration: none;
}

a:hover {
      opacity: 0.6;
      text-decoration: none;
}

.btn_hover{
      cursor:pointer;
}
.btn_hover:hover{
      opacity: 0.6;
}

select{
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 400 !important;
}

/*********** font **************/
/*
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;
font-family: 'Roboto', sans-serif;
*/
/* １　明朝系        Noto Serif JP　Google (7 styles) */
/*
.noto_min3{
      font-family: 'Noto Serif JP', serif;
      font-weight: 300;
}
.noto_min4{
      font-family: 'Noto Serif JP', serif;
      font-weight: 400;
}
.noto_min5{
      font-family: 'Noto Serif JP', serif;
      font-weight: 500;
}
.noto_min7{
      font-family: 'Noto Serif JP', serif;
      font-weight: 700;
}
.noto_min9{
      font-family: 'Noto Serif JP', serif;
      font-weight: 900;
}
*/
/* ２　ゴシック系　Noto Sans JP　Google (6 styles)*/

.noto_go3{
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 300 !important;
}
.noto_go4{
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 400 !important;
}
.noto_go5{
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500 !important;
}
.noto_go7{
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 700 !important;
}
/*
.noto_go9{
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 900 !important;
}
*/


/* ３　ラテン文字　Noto Sans JP　Google (6 styles)*/
/*
.robo3{
      font-family: 'Roboto', sans-serif;
      font-weight: 300 !important;
}
.robo4{
      font-family: 'Roboto', sans-serif;
      font-weight: 400 !important;
}
.robo5{
      font-family: 'Roboto', sans-serif;
      font-weight: 500 !important;
}
.robo7{
      font-family: 'Roboto', sans-serif;
      font-weight: 700 !important;
}
.robo9{
      font-family: 'Roboto', sans-serif;
      font-weight: 900 !important;
}
.robo1i{
      font-family: 'Roboto', sans-serif;
      font-weight: 100 !important;
      font-style: italic;
}
.robo3i{
      font-family: 'Roboto', sans-serif;
      font-weight: 300 !important;
      font-style: italic;
}
.robo4i{
      font-family: 'Roboto', sans-serif;
      font-weight: 400 !important;
      font-style: italic;
}
.robo5i{
      font-family: 'Roboto', sans-serif;
      font-weight: 500 !important;
      font-style: italic;
}
.robo7i{
      font-family: 'Roboto', sans-serif;
      font-weight: 700 !important;
      font-style: italic;
}
.robo9i{
      font-family: 'Roboto', sans-serif;
      font-weight: 900 !important;
      font-style: italic;
}
*/

/*********** sign_in.html, sign_out.html, select_main.html **************/
.size_maipaso{
      margin: auto;
      width:1024px;
      height:660px;
      padding-left: 50px;
      padding-right:50px;
      /* padding-top: 12px; */
      background-color:#A9BAEE;
      border: thin solid #ccc;
      position: relative;
}
.header{
      height:60px;
      padding-left: 20px;
      padding-right: 20px;
}
.main{
      height:500px;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 36px;
      padding-bottom:36px;
      background: linear-gradient(180deg, rgb(234, 237, 255), #001DFA);
      border: solid 3px #fff;
      border-radius: 10px;
}
.footer{
      height:90px;
      padding-left: 20px;
      padding-right: 20px;
}

.nakanaka{
      display: flex;
      justify-content: center;
      align-items: center;
}
.hidarinaka{
      display: flex;
      justify-content: flex-start;
      align-items: center;
}
.miginaka{
      display: flex;
      justify-content: flex-end;
      align-items: center;
}
.modoru{
      font-size: 1.3rem;
      vertical-align:middle;
      margin-left: 5px;
}


.btn_sky{
      width: 180px;
      height: 50px;
      color:#000;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 700 !important;
      background: linear-gradient(180deg, #96BAFC, #E2E7ED);
      border: solid 2px #fff;
      border-radius: 1px;
      display: flex;
      justify-content: center;
      align-items: center;
}

.btn_yellow{
      width: 180px;
      height: 36px;
      color:#000;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 700 !important;
      background: linear-gradient(180deg, #fced96, #f7f5ec);
      border: solid 2px #fff;
      border-radius: 1px;
      display: flex;
      justify-content: center;
      align-items: center;
}

.btn_gray{
      background:rgb(101, 100, 100) !important;
}

/*********** sign_in.html **************/
.maipaso_mark{
      width: 36px;
      height: 36px;
}

.mpcolor{
      color:#150A91;
}

.main_title{
      font-size: 20px;
      color:#150A91;
}

.user_name{
      font-size: 16px;
      color:#150A91;
}
.sign_out_mark{
      color:#150A91;
}

.taikaimei{
      height: 62px;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 700 !important;
      font-size: 40px;
      color:#08097F;
}
.bumonmei{
      height: 18px;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 700 !important;
      font-size: 27px;
      color:#08097F;
}
.taikaikikan{
      height: 30px;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 700 !important;
      font-size: 18px;
      color:#08097F;
}

.id_pw_title{
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500 !important;
      font-size: 12px;
      color:#fff;
      text-shadow: -1px -2px 3px #808080; 
}

.sign_in_input_box{
      width: 200px;
      height: 24px;
      border: solid 1px #bbbbbb;
      border-radius: 3px;
      padding: 0px 15px 0px 15px;
      margin-bottom: 0px;
      font-size: 14px;
}

.btn_sign_in{
      width: 200px;
      height: 30px;
      color:#fff;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500 !important;
      font-size: 12px;
      background: #1B4DE8;
      border: solid 1px #fff;
      border-radius: 3px;
      margin-top: 14px;
}
.btn_taiken{
      width: 220px;
      height: 30px;
      color:#fff;
      text-shadow: -1px -2px 3px #808080; 
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500 !important;
      font-size: 18px;
      background: #19b4ce;
      border: solid 1px #fff;
      border-radius: 10px;
      margin-top: 36px;
}
.incompatible{
      color:#000;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500 !important;
      font-size: 12px;
}
.syusaihoka{
      color:#fff;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500 !important;
      font-size: 12px;
}

/*********** select_rui.html **************/
.select_rui{
      color: whitesmoke;
}

/*********** select_main.html **************/

.school_name{
      margin-top: 10px;
      margin-bottom: 20px;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 400 !important;
      font-size: 20px;
      color:#08097F;
}

.user_name_at_select_main{
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 700 !important;
      font-size: 27px;
      color:#08097F;
}

.btn_rensyuu_sanka{
      width: 180px;
      height: 50px;
      color:#fff;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 700 !important;
      font-size: 27px;
      border: solid 1px #fff;
      border-radius: 3px;
      margin-top: 10px;
}

.btn_blue{
      background: #020180;
}
.btn_green{
      background: #009053;
}

/*********** select_bumon.html **************/

.rui_box{
      background: linear-gradient(180deg, #BACBF5, rgb(234, 237, 255));
      padding-top:5px;
      padding-bottom: 5px;
}
.rui_img{
      width: 36px;
}
.rui_text{
      vertical-align:middle;
      margin-left: 18px;
      font-size: 1.1rem;
}

.select_bumon_main{
      display: inline-block;
      height:500px;
      width: 954px;
      background: linear-gradient(180deg, #BACBF5, rgb(234, 237, 255));
}

.select_bumon_tab{
      background: linear-gradient(180deg, #BACBF5, rgb(234, 237, 255));
      border-radius: 0px;
}

.select_bumon_col{
      width: 926px;
      height: 48px;
      margin-top: 5px;
      /* margin-left: 16px; */
      border-bottom: solid 1px #000;
}

.buname{
      width: auto;
      height: 40px;
      padding-top: 7px;
      margin-left: -9px;
      margin-right: -9px;
}

.bucolor_a{
      background: #F1E9A1;
}
.bucolor_b{
      background: #B0D9AD;
}
.bucolor_c{
      background: #C3B1EF;
}
.bucolor_d{
      background: rgb(194, 218, 253);
}

.bumon_box{
      /*display:inline; 20200225 Makoto 部活Web用にコメントアウト */
      padding-left: 10px;
      padding-right: 10px;
}

.btn_bumon_sentaku{
      width: 400px;
      height: 30px;
      color:#333;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 700 !important;
      font-size: 16px;
      border: solid 1px rgb(134, 132, 132);
      border-radius: 3px;
      margin-top: 5px;
      margin-bottom: 5px;
}

.btn_color_1bu{
      background: #F1E9A1;
}
.btn_color_2bu{
      background: #B0D9AD;
}
.btn_color_7bu{
      background: #F0A6C8;
}

.attention_at_select_bumon{
      color:#333;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500 !important;
      font-size: 12px;
}

#rule_comment{
      text-align: right;
      vertical-align: middle;
      margin-top: 7px;
}

.btn_sky_small{
      width: 135px;
      height: 40px;
      color:#000;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 700 !important;
      background: linear-gradient(180deg, #96BAFC, #E2E7ED);
      border: solid 2px #fff;
      border-radius: 1px;
      display: flex;
      justify-content: center;
      align-items: center;
}

/* モーダル コンテンツエリア */
.kikangai_modal{
      text-align: center;
      font-size: 16px;
      display: inline-block;
}

.kikangai_msg{
      color: #150A91;
}

#modal_msg_kikan{
      color: red;
}
/*
#modal_msg_3{
      margin-top: 10px;
}
*/
.btn_kikangai{
      background: #150A91;
      color: white;
      width: 250px;
      margin-bottom: 10px;
}

/* 通常大会に戻すボタン */
.btn_kikangai_modoru{
      background: #EC0017;
      color: white;
      width: 200px;
      visibility: hidden;
}

/*********** select_le_or_co.html **************/
.kadaicomment{
      color:#000;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500 !important;
      font-size: 14px;
}

.description_info_yosoku {
      display: none;
      position: absolute;
      padding: 5px;
      font-size: 12px;
      line-height: 1.6em;
      color: rgba(102,102,102);
      border-radius: 5px;
      background: rgba(240,240,240);
      width: 260px;
      text-align: left;
      padding: 10px;
  }
  .description_info_yosoku:before {
      content: "";
      position: absolute;
      border: 15px solid transparent;
      /* border-top: 15px solid rgba(240,240,240); */
      margin-left: -15px;
      /* top: -24px;
      right: 20%; */
      top: 10%;
      right: -10%;
      transform: rotateZ(270deg);
  }
  .tooltip_info:hover .description_info_yosoku{
      display: inline-block;
      top: 65px;
      left: 320px;
  }
   
/*********** baseMPXXapp.html **************/
#loading_at_baseMP81{
      text-align: center;
      padding-top: 216px;
      animation: flash81 1s linear infinite;
}

@keyframes flash81{
      50%{
        opacity: 0;
      }
}

/*********** lesson_p1.html **************/

.lesson_p1p2_main{
      height:500px;
      padding-left: -3px;
      padding-right: -3px;
      background: #eeeeee;
      border: solid 3px #fff;
      border-radius: 10px;
}
.spacer_main_top{
      height: 20px;
}
.lesson_p1p2_title{
      position: absolute !important;
      height: 36px;
      width:952px !important;
      background-color: #020180;
      border: solid 3px #020180;
      margin-top:-3px;
      margin-left:-3px;
      margin-right:3px;
      border-radius: 10px 10px 0px 0px;
      color:#eeeeee;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500 !important;
      font-size: 18px;
}
.anatanoeranda{
      position: relative;
      top:72px;
      height: 36px;
      width:222px !important;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500 !important;
      font-size: 18px;
}
.bumonkakkunin{
      position: relative;;
      top:41px;
      height: 243px;
}
.kakunin_box{
      /* height: 283px; */
      height: 305px;
      margin-left: 120px;
      margin-right:120px;
      background-color: #ffffff;
      border: solid 1px #222222;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500 !important;
      font-size: 18px;
}

.select_lesson_time{
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 400 !important;
      font-size: 14px;
}

.yoroshiika{
      position: relative;
      /*top:18px;*/
      height: 34px;
      width:690px;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 400 !important;
      font-size: 22px;
}

.maeushiro{
      position: relative;
      top:10px;
      height: 43px;
      width:690px;
}

.btn_mae_ushiro{
      width: 150px;
      height: 40px;
      margin-left: 30px;
      margin-right: 30px;
      color:#fff;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      font-size: 20px;
      border: solid 1px #fff;
      border-radius: 3px;
}

/*********** lesson_p2.html **************/
.kakunin_box2{
      margin-left: 120px;
      margin-right:120px;
      background-color: #eeeeee;

      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500 !important;
      font-size: 18px;
}
.btn_start{
      width: 180px;
      height: 50px;
      color:#fff !important;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 700 !important;
      font-size: 21px !important;
      background: linear-gradient(180deg, #FF7B7B, #CD0000);
      border: solid 2px #fff !important;
      border-radius: 3px !important;
      justify-content: center !important;
      align-items: center;
}

/*********** MPxx_lesson.html **************/
.input_area{
      height: 50px;
      /*margin-top:10px;*/
      margin-bottom: 18px;
}
.input_box{
      height: 50px;
      margin-left: 400px;
      margin-right: 400px;
      background-color: #ffffff;
      text-align: center;
      font-family: 'IBM Plex Mono', monospace;
      font-weight: 400;
      font-size: 36px;
}
.lesson_p3p4_main{
      height:432px;
      background: #ffffff;
      border-radius: 1px;
}
.counter{
      text-align: center;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500 !important;
      font-size: 72px;
      margin-top: 130px;
      height: 120px;
}

.kadai_show_area{
      text-align: justify;
      line-height: 127%;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 400 !important;
      font-size: 50px;
      letter-spacing: 2px;
      padding-top: -5px;
      height: 390px;
      width:920px;
}

.disp_no{
      display:none;
}

/*********** MPxx_result.html **************/
.seiseki{
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500 !important;
      font-size: 16px;
      line-height: 200%;
}
#atonanten{
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 300 !important;
      font-size: 12px;
      line-height: 200%;
      text-align: center;
}
#mis_enter{
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 300 !important;
      font-size: 12px;
      line-height: 200%;
      text-align: center;
}

.ten_title{
      display: inline-block;
      /*background-color: rgb(137, 153, 243);*/
      height: 31px;
      width: 94px;
      text-align: right;
}

.cyuuigaki{
      color:#de0000;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 400 !important;
      font-size: 14px;
}
.shoyoujikan{
      padding-top: 5px;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500 !important;
      font-size: 18px;
}
.tensuu{
      display: inline-block;
      /*background-color: Orange;*/
      height: 31px;
      width: 36px;
      text-align: right;
}

.loading{
      animation: flash 1s linear infinite;
}

@keyframes flash{
      50%{
        opacity: 0;
      }
}

.inactive{
      opacity: 0.4;
}

.blink {
      animation: blink 0.8s infinite;
    }
    @keyframes blink {
      0% { opacity: 0; }
      50% { opacity: 0; }
      51% { opacity: 1; }
      100% { opacity: 1;}
}


.sanrui_select_bumon_button{
      border: none;
      padding: 0px 27px 0px 27px;
      margin: 0px 8px 0px 8px;
      max-width: 350px;
      cursor: pointer;
  }