@charset "UTF-8";
*, ::before, ::after{
  padding : 0;
  margin : 0;
  box-sizing: border-box;
}

a{color: inherit; text-decoration: none; }

h1{
   text-shadow:
      1px 1px 0 #808080, -1px 1px 0 #808080,
      1px -1px 0 #808080, -1px -1px 0 #808080;
}

body{
   font-family: sans-serif; font-size: 16px;
  color: #000000; line-height: 1;
  background-color: #ffffff;
}

.header{
  background-color:  #e1ecfb;
}
.header-in{max-width: 900px; height: 80px;
  margin-left : auto; margin-right : auto;
  padding-left: 40px; padding-right: 40px;
  display: flex;
  justify-content: space-between; align-items: center;
}

.p-title{
  height: 100px; background-image: url(../gazou/title_bk.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #ffffff;
  display: flex; justify-content: center; align-items: center;
}

.ps-title{
  height: 100px; background-image: url(../gazou/sltitle_bk.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #ffffff;
  display: flex; justify-content: center; align-items: center;
}

.pL-title{
  height: 100px; background-image: url(../gazou/Ltitle_bk.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #ffffff;
  display: flex; justify-content: center; align-items: center;
}

.view{
   background-color: #ffffff;
  max-width: 900px; margin-left: auto; margin-right: auto;
   margin-bottom: 20px;
  padding-top: 20px; padding-bottom: 10px;
  text-align: center;
}

.view h2{
  font-size: 20px; padding-bottom: 10px;
}

.anbun{
   margin-top: 20px;
}

.anbun p{
   line-height: 20px;
}

.hyo {
   overflow: scroll; scrollbar-width: none; -ms-overflow-style: none;
}

.siyo{
   width: 800px; border-top: 2px solid gray; text-align: left;
   border-collapse: collapse; margin-left: auto; margin-right: auto; margin-top: 10px;
   background-color: #fffcf7;
   font-size: 14px; line-height: 25px;
}

td{
   border-bottom: solid 2px; border-color: gray;
}

td:nth-last-child(2){
   padding-left: 10px;
}

td:nth-last-child(3){
  text-align: center;
}

.md1{
   width: 100px;
}

.md2{
   width: 120px;
}

.footer{background-color: silver; text-align: center;
  margin-left : auto; margin-right : auto;
  padding-top: 10px; padding-bottom: 15px;
}

.footer p{color: #000000; font-size: 12px;
  margin-top: 10px;
}

.counter{
   display: flex; justify-content: center;
}

.kesu {visibility: hidden;}

@media (max-width:700px){
   .header{
      height: 30px;
   }
   
   .header-in{
      display: none;
   }
   
   .p-title{
      display: none;
   }
   
   .view h2{
      font-size: 18px;
   }
   
   .view p{
      font-size: 14px
   }
   
   .hyo{
    padding-left: 10px; padding-right: 10px;
  }
}