</main> 
<style type="text/css">



  .footer_all{
      /* display: grid; */
      /* grid-template-rows: 100px 500px; */
      /*color: #0404B4;*/
      color: #eee;
      padding: 0px;
      margin: 0;
     /* background-color: #9FF781;*/
      font-size: 12px;
      padding-bottom: 30px;
      /*
      grid-template-rows: 30px 200px;
      grid-template-columns: calc( (100% - 1em) / 2) calc( (100% -1em_) / 2);      
      */
  }

  .footer_all:after {
      content: "";
      display: block;
      clear: both;
  }

  .footer_all a:link {
      color: #aaa;
  }

  .sitemap {
    float: left;
    width: 34vw;
    margin: 20px 40px 40px 4px;
    margin-top: 20px;
    margin-left: 40px;
    margin-left: 40px;
    text-align: left;
    font-size: 12px;
  }

  .address {
    float: right;
    margin-top: 20px;
    width: 50vw;
  }

  .sitemap ul{
    margin-top: -5px;
     /* list-style: none;*/
  }

  .sitemap li{
    margin-bottom: 3px;
    margin-top: 3px;
  }
  .sitemap-narrow {
    text-align: center;
    width: 100%;
    padding-top: 10px;
    margin-bottom: 10px;
    font-size: 15px;
  }

  .sitemap-narrow ul {
    margin-top: -5px;
    list-style:none;
    position:relative;
    left:45%;
  }

  .sitemap-narrow li {
    margin-bottom: 3px;
    margin-top: 3px;
  }

  .address-narrow {
    text-align: center;
    font-size: 11px;
  }

  .item_title h1{
    font-size: x-large;
    position: relative;
    display: inline-block;
    margin-bottom: 1em;
  }      

  .item_title h1:before {
    content: '';
    position: absolute;
    bottom: -2px;
    display: inline-block;
    width: 80px;
    height: 1px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #aaa;
    border-radius: 2px;
  }

  .item_sitemap{
    display: grid;
    grid-template-columns: calc( (100% - 1em) / 2) calc( (100% -1em_) / 2);
  }
  .item_address {
    display: grid;
    padding: 0px;
    margin: auto;
    margin-left: 10px;
    column-gap: 10px;
    row-gap: 5px;
    grid-template-columns:
    {{ range .Site.Params.address }}
    calc( (100% - 1em) / {{ len $.Site.Params.address }} )
    {{ end }};
  }

  .footer-copyright {
    padding-top: 40px;
    padding-bottom: 10px;
    clear: left;
  }

  footer {
    position: relative;
    background-color: #2f4f4f;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }

</style>

<footer>
  <div class="footer_all">
    <div class="sitemap">
      <div class="item_title">
        <h1>
      {{ .Site.Params.sitemap}}
        </h1>
      </div>
      <div class="item_sitemap">
	{{ with  .Site.GetPage "sitemap"}}
	{{ .Content }}
	{{ end }}
        <!-- {{/* <ul> */}} -->
        <!-- {{/* {{ range .Site.Menus.main.ByWeight }} */}} -->
        <!-- {{/*   <li> <a href="{{ .URL }}"> {{ .Name }} </a> </li> */}} -->
        <!-- {{/* {{ end }} */}} -->
        <!-- {{/* </ul> */}} -->
      </div>
	  </div>
    <div class="address">
      <div class="item_title">
        <h1>
      {{ .Site.Params.location }}
        </h1>
      </div>
      <div>
      <div class="item_address">
      {{ range .Site.Params.address }}
      <div>
        <b> {{ .description }} </b><br>
        &#12306; {{ .postcode }} <br>
        {{ .address }} <br>
        {{ .room }} <br>
        TEL: {{ .tel }} <br>
        FAX: {{ .fax }} <br>
      </div>
      {{ end }}
      </div>
  </div>

  <div class="footer-copyright">© 2019 :
    <a> Center for Nuclear Study, the University of Tokyo </a>
  </div>
</footer>
