@charset "UTF-8";

body{
    font-family:'fantasy','Hiragino Kaku Gothic Pro', sans-serif;
    padding-top: 70px;}

.back {background: #fff;
  text-align: center;
  padding-left: 0.5em;
  padding-right: 0.5em; 
  }

.container {width: auto;}

.header {padding: 0 0 0 0;
        background-color: #666;
        text-align: center;
       }
.header h1 {margin: 0;
           font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
           font-size: 30px;
           line-height: 1;}
.header h1 a {color: #666;
             text-decoration: none;}
.header p {margin: 8px 0 0 0;
          font-size: 18px;
          line-height:1;}
.header-logo {margin: 5px 10px 0 0;
             border: none;
             display: block;
             max-width: 70%;
             height: auto;}

/*メニュー*/
.navbar-default {background-color: rgba(255, 255, 255, 0.932) !important;
   border: none;
   border-top: solid 1px #fff !important;
   border-radius: 0;
   padding-top: 10px;
   padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;}
.navbar-default li a {color: rgb(148, 148, 148) !important;
        text-align: center;
        height: auto;}
.navbar-default li span {display: block;
           font-size: 10px;
           height: auto;}
.navbar-default li a:hover{background-color: #eee !important;
   height: auto;}
.navbar-brand {text-align: left;
              padding: 0 0 0 0;}
.navbar-collapse{border-top-color: #fff !important;
                      border-top-style: dashed;
                      height: auto;}
.navbar-toggle{border-color: #fff !important;
   height: auto;}
.navbar-toggle:hover, .navbar-toggle:focus
                   {background-color: #eee !important;
                       height: auto;}
.dropdown:hover > .dropdown-menu{
  display: block;
}
.dropdown .dropdown-menu {background-color: #fff !important;}
@media (min-width: 768px){
.navbar-nav{
   margin: 0 auto;
   display: table;
   table-layout: fixed;
   float:none;
}
}  
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:hover, 
.navbar-default .navbar-nav>.open>a:focus{background-color: #eee !important;}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{background-color: #eee !important;
   color: #666;}


/*ボックス*/
.box{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #000;
    background: #fff;
    border-top: solid 1px #eee;
    box-shadow: 0 3px 5px #eee;
}

/*最新情報*/
.saisin {padding: 40px;
         background-color: #fff;
         text-align: center;
         }
.saisin h1 {margin: 0 0 10px 0;
            font-size: 18px;
            line-height: 1.2;
            text-align: center;
            margin-bottom: 1em;
            position: relative;
            clear: both;}
.saisin h1:before {content: '';
                   position: absolute;
                   bottom: -10px;
                   width: 60px;
                   height: 3px;
                   left: 50%;
                   -moz-transform: translateX(-50%);
                   -webkit-transform: translateX(-50%);
                   -ms-transform: translateX(-50%);
                   transform: translateX(-50%);
                   background-color: #000080;
                   border-radius: 2px;
                   }       
.saisin ul, .saisin ol{margin: 0;
                       padding: 0;
                       font-size: 14px;
                       line-height: 1.4;
                       list-style: none;}
.saisin li a {display: block;
            padding: 10px 5px 10px 0;
            color: #000;
            text-decoration: none;
            text-align: left;
}
.saisin li a:hover {background-color: #eee;}
.saisin time {float: left;
            border: none;
            color: #000;
            text-align: center;
            background-color: #eee;
            width: 110px;
            }
.saisin p {margin: 0 0 0 120px;}
.saisin .title {font-weight: bold;}
.saisin .desc {color: #666;
               font-size: 12px;}
.saisin li a:after {content: "";
                    clear: both;}
.saisin li a {*zoom: 1;} 

/*縦メニュー*/
.topic {padding: 40px;
    background-color: #fff;
    text-align: center;
    }
.topic h1 {margin: 0 0 10px 0;
       font-size: 18px;
       line-height: 1.2;
       text-align: center;
       display: inline-block;
       margin-bottom: 1em;
       position: relative;}
.topic h1:before {content: '';
              position: absolute;
              bottom: -10px;
              display: inline-block;
              width: 60px;
              height: 3px;
              left: 50%;
              -moz-transform: translateX(-50%);
              -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
              transform: translateX(-50%);
              background-color: #000080;
              border-radius: 2px;
              }       
.topic ul, .topic ol{margin: 0;
                  padding: 0;
                  font-size: 14px;
                  line-height: 1.4;
                  list-style: none;}
.topic li a {display: block;
       padding: 10px 5px 10px 5px;
       color: #000;
       text-decoration: none;
       text-align: center;}
.topic li a:hover {background-color: #eee;}

a.disabled{
    pointer-events: none;
}

.footer{
  margin-top: 10px;
  background-color: #494949;
  height: 5em;
  width: 100%;
  display: table;
  text-align: center;}
.footer p{
    display: table-cell;
    font-size: 10px;
    color: #ECECEC;
    padding: 0;
    margin: auto;
    height: auto;
    vertical-align: middle;}

.entry{padding: 0;
       background-color:transparent;
       text-align: center;}
.entry img{
    max-width: 100%;
    display: block;
    margin: auto;
    text-align: center;
    background-color:  transparent;}
.entry object{
    max-width: 100%;
    display: block;
    margin: auto;
    text-align: center;}
.entry h1{margin: 0 0 0 0;
          font-size: 24px;
          line-height: 1.2;}
.entry h2{margin: 0 0 0 0;
          font-size: 24px;
          line-height: 1.2;}          
.entry p{margin: 0 0 0 0;
         font-size: 15px;
         line-height: 1.8;}

/*画像と文字がふわっと表示されるやつ*/
.flex{
    display: block;
    flex-wrap: wrap;
    justify-content: space-between;
}
.text-container{
    opacity: 0;
    padding: 0;
    transition: all .8s .5s ease; 
    text-align: center;
}
.text-container__title{
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
}
.text-container img{
    max-width: 100%;
    margin: auto;
    display: block;
    margin-top: -3em;
    }   
.text-container p{
    margin-bottom: 40px;
    display: block;
    font-size: 15px;
    margin-top: -3em;
    }   
.text-container h1{margin: 0 0 0 0;
    font-size: 20px;}
.text-container h2{margin: 0 0 0 0;
    font-size: 20px;}  
.text-container.active{
    opacity: 1;
}

/*メンバー*/
.member {padding: 20px;
    background-color: #fff;
    text-align: left;
    *zoom: 1;}
.member:after {content: "";
               display: block;
               clear: both;}    
.member img{padding: 0;
           float: left;
           max-width: 100%;
           margin: auto;
           height: auto;
           vertical-align: middle;}
.member h2{padding: 0;
          margin: 0 0 0 0;
          font-size: 15px;
          line-height: 1.2;
          font-weight: bold;}  
.member h3{padding: 0;
          margin: 0 0 0 0;
          font-size: 15px;
          line-height: 1.2;}          
.member p{padding: 0;
        margin: 0 0 0 0;
         font-size: 12px;
         line-height: 1.8;}
.member ul, .member ol{margin: 0;
                  padding: 0;
                  font-size: 12px;
                  line-height: 1.4;
                  list-style: none;} 

.name {padding: 10px;
    background-color: #fff;
    text-align: left;
    clear: both;}
.name h1 {display: block;
    background-color: #eee;
    padding: 0.5em;
    font-size: 20px;}
 

/*目立たせるやつ*/             
.point h1 {
    padding: 0.25em 0.5em;/*上下 左右の余白*/
    color: #494949;/*文字色*/
    font-size: 23px;
    clear: both;
    background: transparent;/*背景透明に*/
    border-left: solid 5px #c0c0c0;/*左線*/
        }


/*ポスターのボタン*/ 
.square_btn{
    position: relative;
    display: block;
    font-weight: bold;
    padding: 30px 0 30px 30px;
    height: 80px;
    text-decoration: none;
    color: #2F2F2F;
    background: #ECECEC;
    transition: .4s;
    margin-top: 5px;
  }
.square_btn:hover {
    background:  rgb(0, 71, 138);
    color: #fff;
}

/*研究室の様子のボタン*/ 
.yousu_btn{
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 2em 6em;
    text-decoration: none;
    color: #c0c0c0;
    background: #666;
    transition: .4s;
    margin-top: 5px;
  }
.yousu_btn:hover {
    background: #c0c0c0;
    color: #666;
    text-align: left;
}

/*見出し*/ 
.midashi {padding: 20px;
    background-color: #fff;
    text-align: left;
    *zoom: 1;}
.midashi h1{margin: 0 0 0 0;
          font-size: 26px;
          line-height: 1.2;
          padding: 0.25em 0.5em;/*上下 左右の余白*/
          color: #494949;/*文字色*/
          background: transparent;/*背景透明に*/
          border-left: solid 5px #000080;/*左線*/}

/**/           
.nav-justified{background-color: #fff !important;
                    color: #2F2F2F;}
.nav-justified li a {background-color: #eee !important;
                          color: #2F2F2F;
                          border: medium none;}
.nav-justified li a:hover{background-color: rgb(0, 71, 138) !important;
                          color: #eee;}
.nav-justified >.active>a{background-color:  rgb(0, 71, 138) !important;
                                    color: #eee;}
.tab-content {font-size: 12px;}
.tab-content ul, .tab-content ol{margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.4;
    list-style: none;}
.tab-content li a {display: block;
    padding: 10px 5px 10px 0;
    color: #000;
    text-decoration: none;
    text-align: left;
}
.tab-content li a:hover {background-color: #eee;}
.tab-content time {float: left;
    border: none;
    color: #000;
    text-align: center;
    background-color: #eee;
    width: 110px;
    }
.tab-content p {margin: 0 0 0 0;}
.tab-content .title {font-weight: bold;}
.tab-content .desc {color: #666;
       font-size: 12px;}
.tab-content li a:after {content: "";
            clear: both;}
.tab-content li a {*zoom: 1;} 

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*アクセス*/
.access__index,
.access__map {
  margin-bottom: 30px;
}
.access__index, body.responsive
  .access__map {
    margin-right: 20px;
    margin-left: 20px;}
.access__index img, body.responsive
  .access__map img {
    width: 100%;
  }
.access__table {
  width: 100%;
}
.access__table .station {
  padding: 0 5px 0 5px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  background-color: #fff;
  border: 1px solid #707070;
}
.access__table .line {
  font-size: 11px;
  text-align: center;
  border-bottom: 2px solid #000;
}
.access__table .time {
  font-size: 11px;
  text-align: center;
}
.access__table_katsushika .station,
.access__table_katsushika .line {
  border-color: #666;
}
.access__btn {
  margin: 0 50px;
  *zoom: 1;
}
.access__btn:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.access__btn .access__btn_campus {
  float: left;
}
.access__btn .access__btn_gmap {
  float: right;
}
.access__btn {
    margin: 0;
    text-align: center;
  }
.access__btn .access__btn_campus {
    float: none;
    margin-bottom: 10px;
  }
.access__btn .access__btn_gmap {
    float: none;
  }
.linkBtn__wFix_access a {
  display: block;
  width: 248px;
  position: relative;
  border-top: 1px solid #BEBEBE;
  border-right: 1px solid #2F2F2F;
  border-bottom: 1px solid #181818;
  border-left: 1px solid #A2A2A2;
  background: linear-gradient(#757575, #5D5D5D);
  transition: opacity 0.3s;
  font-size: 15px;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 -1px 0 #000;
  text-align: center;
  line-height: 32px;
  margin: 0 auto 5px auto;
}
.linkBtn__wFix_access a:hover {
  opacity: 0.8;
}

.hello{padding: 0;
    background-color:transparent;}
.hello img{
 max-width: 100%;
 display: block;
 margin: auto;
 text-align: center;
 margin-top: -3em;
 background-color:  transparent;}
.hello object{
 max-width: 100%;
 display: block;
 margin: auto;
 text-align: center;}
.hello h1{margin: 0 0 0 0;
       font-size: 24px;
       line-height: 1.2;}
.hello h2{margin: 0 0 0 0;
       font-size: 24px;
       line-height: 1.2;}          
.hello p{margin: 0 0 0 0;
      font-size: 15px;
      line-height: 1.8;
      text-align: center;}