@charset "utf-8";


.header-top{
   display: flexbox;
}

/*山田研究室のロゴについて*/
.titlelogo{
   width: 300px;
   height: auto;
   display: flex;
   float: left;
   padding-left:100px;
   padding-bottom: 0px;
   padding-top: 0px;
   padding-right: 100px;
}

/* 岩手大学のロゴ */
.univlogo {
   text-align: right;
   float: right;
   padding-bottom: 10px;
   padding-top: 10px;
  
 
}

.univlogoimg {
   width: 180px;
   height: auto;
   float: right;
   padding-right: 20px;
}
.kikailogoimg{
   width: 110px;
   height: auto;
   padding-top:10px;
   padding-right: 20px;
}


/* 言語選択の部分 */
.translate{
   padding: 70px 30px 0 0;
   margin: 0;
}


/* 以下ヘッダーの項目の部分 */
.header-middle{
   width: 100%;
}

.header-list{
   list-style: none;
   display: flex;
   padding: 0;
   margin: 0;
   background-color: #8fbc8f;
   width: 100%;
}

.header-list li{
   width: 150px;
   display: inline-block;
   position: relative;
}

.header-list li a{
   line-height: 50px;
   text-align: center;
   text-decoration: none;
   background-color: #8fbc8f;
   color: aliceblue;
   display: block;
   /* position: absolute; */
   z-index: 2;
}

.header-list li ul li{
   border-top: 0.5px solid aliceblue;
   
}



.header-list ul{
   display: none;
   margin: 0px;
   padding: 0px;
   position: absolute;
   z-index: 2;
}

.header-list li:hover ul{
   display: block;
} 


/* ヘッダーのリストの下線のアニメーション */
.header-list a::after {
   position: absolute;
   left: 0;
   content: '';
   width: 100%;
   height: 5px;
   background: #beec16;
   bottom: -1px;
   transform: scale(0, 1);
   transform-origin: center top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/
   transition: transform 0.5s;   /*変形の時間*/
   }
   
.header-list a:hover::after {
   transform: scale(1, 1); /*ホバー後、x軸方向に1（相対値）伸長*/
   }


/* 本文のcss */
.sentence{
   padding-left:5%;
   padding-right: 5%;
}

h1{
   border-bottom: solid;
   border-color: #8fbc8f;
   border-width: 5px;
}



/* フッターのcss */
.content{
   min-height: calc(100vh - 180px);/*ヘッダーとフッターの最低の高さを設定*/
}

footer{
   background-color: #8fbc8f;
   width: 100%;
   height: 150px;
}

.footer-class{
   color: aliceblue;
 
   padding-left:10%;
   padding-right: 10%
}

footer .footer-title{
   padding-top: 30px;
   margin-bottom: 5px;
   font-size: 20px;
}

/* footer .addres{
   margin-top: 0;
   margin-top: 0;
} */