@charset "Shift_JIS";

.lecture{
   position: relative;
   z-index: 10;
   text-align: left;
   margin-top : 10px;
   margin-left : 10px;
}
#lecture_list{
   list-style-type: none;
   z-index: 10;
   height : auto;
}
#lecture_list li{
    margin: 0 auto; 
   position: relative;
   float: left;
   margin : 14px 14px 0px 14px;
     z-index: 1;
   width : 30%;
}
@media screen and (max-width: 880px) {
    .lecture{
   margin-top : 10px;
   margin-left : 10px;
}
   #lecture_list li{
     margin : 14px 10px 14px 10px;
     width : 30%;
}
}
@media screen and (max-width: 780px) {
    .lecture{
   margin-top : 10px;
   margin-left : 0px;
}
   #lecture_list li{
     margin : 14px 10px 14px 10px;
     width : 47%;
}
}
@media screen and (max-width: 480px) {
   #lecture_list li{
   margin : 6px 0px 6px 18px;
   width : 90%;
}
}
@media screen and (max-width: 420px) {
     #lecture_list li{
   width : 90%;
       }
}
@media screen and (max-width: 400px) {
   #lecture_list li{
    margin : 10px 0px 10px 18px;
   width : 90%;
}
}

#lecture_list li a{
      font-size : 12pt;
   display: block;
   margin: 0px 0px 0px 0px;
   padding:10px 0px 10px 0px;
   text-decoration: none;
   background-color : #ffffff;
   color : rgb(15, 15, 255);
   font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ","EE EゴシチE","Osaka";
   text-align: center;
   text-shadow: 1px 1px 2px rgba(220, 220, 220, 0.3);
   transition: 0.6s;
   z-index: 10;
   border : 1px solid rgb(220, 100, 140);
     border-radius: 5px;
}
#lecture_list li:hover a{
   background: rgba(220, 100, 140, 0.75);
   color: #FFF;
   text-shadow: 1px 1px 2px rgba(0, 0, 255, 0.65);
}
@media screen and (max-width: 880px) {
#lecture_list li a{
      font-size : 14px;
}
}
@media screen and (max-width: 780px) {
#lecture_list li a{
      font-size : 11pt;
}
}

.height{
height: 100px;
}
.center5{
text-align: center;
margin: 0 auto; 
margin-top: 80px;
}
a.admin_1{
   color : white;
   text-decoration: none;
   font-size : 11pt;
   font-weight : bold;
   font-family:  ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ","EE EゴシチE","Osaka";
   background : linear-gradient(to bottom, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
   padding : 14px 30px 12px 30px;
   border : 1px solid #000000;
   text-shadow: 1px 1px 2px rgba(0, 0, 255, 0.65);
   border-radius: 6px;
   text-align : center;
   transition: 0.8s;
}
.admin_1:hover{
   background : linear-gradient(#808080, #121212) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
   color : white;
}
a.link_5{
   font-size : 11pt;
   color : white;
   font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ","EE EゴシチE","Osaka";
   text-align : right;
   background : linear-gradient(to bottom, #00a078 0%, #008250 100%) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a078', endColorstr='#008250',GradientType=0 );
  padding : 8px 30px 6px 30px;
   border : 1px solid white;
   border-radius: 6px;
   text-shadow: 1px 1px 2px rgba(0, 0, 255, 0.45);
   transition: 0.6s;
}
.link_5:hover{
   color : #e10000;
   background: #ffffff;
   background: -moz-linear-gradient(top,  #ffffff 0%, #dcdcdc 100%);
   background: -webkit-linear-gradient(top,  #ffffff 0%,#dcdcdc 100%);
   background: linear-gradient(to bottom,  #ffffff 0%,#dcdcdc 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdcdc',GradientType=0 );
   border-width : 1px;
   border-style : solid;
   border-color : #b46478;
}
.center3{
    margin-top: 60px;
text-align: center;
}