/* for Fontawesome 5 Free */
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;src:url(./fontawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(./fontawesome/webfonts/fa-regular-400.woff) format("woff")}.far{font-family:"Font Awesome 5 Free";font-weight:400}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(./fontawesome/webfonts/fa-solid-900.woff2) format("woff2"),url(./fontawesome/webfonts/fa-solid-900.woff) format("woff")}.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900}


body {
  width: 90%;
  font-family: "Helvetica Neue", Arial, "Hiragino Sans", "Font Awesome 5 Free", sans-serif;
  padding-left: 5%; padding-right: 5%;
  min-width: 375px;
 max-width: 90%;
  margin-left:auto;
  margin-right:auto;
  text-align: left;
}
  h1,h3 {
      text-align: center;
      font-size: larger;
}
  h2,summary {
      margin: 1.5em 0 0.5em 0;
      font-size: larger;
      border-style: solid;
      border-width: 0 0 0.2em 0;
      border-color:  #0050d8
}

.registration {
      display: flex;
      flex-wrap: wrap;
      gap: 1em;
}

#main h3:before{
content: "#";
font-size: 0.6em;
margin-right: 0.2em;
vertical-align: middle;
}

details > summary {
  margin: 1.5em 0 0.5em 0;
  cursor: pointer;
  border-style: solid;
  border-width: 0 0 0.2em 0;
  border-color:  #0050d8;
  /* #b8161e */
  font-size: large;
  font-weight: bold;
}

details > summary:hover {
  cursor: pointer;
  border-width: 0.2em 0.2em 0.2em 0.2em;
}

p {
  text-indent: 1em;
}

#site_navi{
margin: 0;
}

#site_navi ul{
display: table;
padding-inline-start: 0px;
width: 100%;
min-height: 3em;
list-style:none;
}

#site_navi li{
display: table-cell;
margin: 0px 0px 0px 0px;
width: 10%;
text-align:center;
font-weight:bold;
vertical-align: middle;
overflow:hidden;
background-color:  #0050d8;
border-radius: 2px 50% 0 0;
border-bottom: solid 2px  #0050d8;
border-left: solid 2px #FFFFFF;
border-right: solid 2px #FFFFFF;
}

#site_navi li:before { content: "";}

#site_navi li:first-of-type{
border-left: none;
}

#site_navi li:last-of-type{
border-right: none;
}

#site_navi a{ color:white;}
#site_navi a:active{ color:black;}

#site_navi li a{
display:block;
width: 100%;
height: 100%;
/* padding: 0em 0.2em;*/
text-align: center;
/* vertical-align: middle;*/
text-decoration:none;
}

#contents, #program a:link{
color:black;
text-decoration: underline;
/* background-image: linear-gradient(red, red);
background-position: 0 1.15em;
background-repeat: repeat-x;
background-size: 1px 1px; */
}

#contents, #program a:visited{ 
color:black;
text-decoration:none;
background:none;
}

#site_navi li:hover{
  border: solid 2px  #0050d8;
  background-color: #0050d8;
  text-decoration:underline;
}


#site_navi li a:hover{
  border: solid 2px  #0050d8;
  background-color:white;
  color:black;
  text-decoration:underline;
}

#contents, a:hover{ 
background-color: #0050d8;
color:black;
text-decoration:none;
background: none;
cursor: pointer;
border-width: 0.2em 0.2em 0.2em 0.2em;
}

#contents, a:active{ 
color: #0050d8;
text-decoration:none;
background: none;
}

#top .important .now_open:before{
content: "Now Open";
color: red;
animation: blink 2s infinite;
}

#top .important .now_available:before{
  content: "Now Available";
  color: red;
  animation: blink 2s infinite;
  }

ul {list-style:none;}
li:before {  color: #0050d8; font-weight: 900; content: "\f0da  ";}
.fuchi {
  color:#782312; text-align:center;

}
@keyframes blink{50%{opacity: 0.0;}}

.schedule dl{display:flex; flex-wrap:wrap; width: 100%; margin: 0px; padding: 0px; text-align: center;text-align:center; }
.schedule dt{ width:20%; min-height: 3em;  border:1px solid black; border-bottom:none; margin:0px; padding:5px;  text-align:center; font-weight:bold;}
.schedule dd{ width:30%; min-height: 3em;  border: 1px solid black; border-top:none; border-left:none; border-top: none; margin:0px; padding:5px;  text-align:center;}
.schedule dd.chair:before, dd.talk:before, dd.keynote:before, dd.oral:before { font-weight: 400; content: "\f086  "; }

.schedule dd.poster:before, dd.posters:before, dt.poster:before{ font-weight: 900; content: "\f51c  "; }
.schedule dd.tour:before { font-weight: 900; content: "\f0c0  "; }
a[href^="http://"]:after {font-weight: 900; font-size: small; color:black; content: " \f35d";}
a[href^="https://"]:after {font-weight: 900; font-size: small; color:black; content: " \f35d";}
a[href*="riken.jp"]:after {content: "";}
.schedule dd.chair{font-style: italic;}
.day { border-style: solid; border-width: 0 0 .1em .2em; border-color:  #0050d8; font-size:2em; text-align:left}
.schedule dt.talk, dd.talk{  background-color: #ffffff}
.schedule dt.oral { border-top:none; border-bottom:none; background-color: #ffffff; text-align:center; font-size: smaller; font-weight:normal}
.schedule dd.oral { border-top:none; border-bottom:none; background-color: ##ffffff; text-align:left; font-size: small; font-weight:normal}
.schedule dt.poster, dd.poster{ background-color: #d4e5ff;}
.schedule dt.posters { width:15%; border-top: none; border-bottom-style: none; background-color: #d4e5ff; text-align:center; font-size: smaller; font-weight:normal}
.schedule dd.posters { width:80%; border-top: none; border-bottom-style: none; background-color: #d4e5ff; text-align:left; font-size: small; font-weight:normal}
.schedule dt.tour, dd.tour{ background-color: #d4e5ff; border-top-style: dashed ;}
.schedule dt.keynote, dd.keynote{ background-color:#b7f5bd;}
.schedule dt.th, dd.th{ background-color:#0050d8; color: black; font-style:bold;-webkit-text-fill-color: white; -webkit-text-stroke:0.2px black;}
.schedule dt.break, dd.break{ background-color:#d4e5ff;}

a:hover { 

  text-decoration:none;
  cursor: pointer;
  border: 0.2em solid   #0050d8;
  }