@charset "utf-8";
@import url(normalize.css);
@import url(common_parts.css);
@import url(common.css);

body { color:#707070; font-size:1.6rem; }
.inner { max-width:128rem; margin:0 auto; padding:0 2rem; }

/* top */
#top { margin-top:5rem; }
#top h2 { font-size:2.4rem; font-weight: bold; margin-bottom:1rem; }
#top ul { border:solid 1px #707070; padding:2rem; }
#top ul li { text-indent:-1em; padding-left:1em; margin-bottom:0.5rem; }
#top ul li:last-child { margin-bottom:0; }
#top .time { margin-top:1rem; }
#top .time:before { font-family:"Font Awesome 5 Pro"; font-weight:900; content:"\f01e"; display:inline-block; margin-right:1rem; }

@media screen and (max-width:600px){
  #top { margin-top:2rem; }
}

/* list */
#list { margin:5rem 0 10rem; }
#list h3 { font-weight: bold; font-size:2rem; margin-bottom:1rem; }
#list h3:before { content:"■"; display:inline-block; }
#list table { width:100%; border:solid 1px #707070; }
#list table tr { border-bottom:solid 1px #707070; }
#list table tr:last-child { border-bottom:none; }
#list table tr td { padding:0.5rem; vertical-align:middle; }
#list table tr td:first-child { width:80%; border-right:solid 1px #707070; }
#list table tr td:last-child { width:20%; text-align:center; }
#list .tx { margin:2rem 0; }
#list .item { margin-bottom:5rem; }
#list .btn { max-width:45rem; width:100%; margin:3rem auto 0; }
#list .btn a { display:block; color:#333; padding:1rem 0; border:solid 1px #707070; text-align:center; font-weight: bold; }

@media screen and (max-width:600px){
  
  #list { margin-bottom:0; }
  #list table tr td:first-child { width:70%; }
  #list table tr td:last-child { width:30%; }
  #list .item { margin-bottom:3rem; }
  
}