@charset "utf-8";
*{
  margin: 0;
  padding: 0;
}
/* header */
header{
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  padding: 1rem;
  background-color: rgb(255, 162, 40);
}
#home{
  width: auto;
}
.nav ul{
  display: flex;
  justify-content: space-between;
  background-color:rgb(95, 37, 21);
  border-radius: 25px;
}
.nav li{
  list-style: none;
  padding: 0 2rem;
  border-left: solid 2px black;
}
.nav li:nth-child(1){
  border: none;
}
.nav a{
  text-decoration: none;
  color: white;
}
.nav li:hover:nth-child(1){
  background-color: rgb(253, 215, 110);
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
.nav li:hover:nth-child(2){
  background-color: rgb(253, 215, 110);
}
.nav li:hover:nth-child(3){
  background-color: rgb(253, 215, 110);
}
.nav li:hover:nth-child(4){
  background-color: rgb(253, 215, 110);
}
.nav li:hover:nth-child(5){
  background-color: rgb(253, 215, 110);
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}
.nav a:hover{
  color: black;
}
@media screen and (max-width:900px){
  header{
    display: block;
    padding: 1rem 0 0 0;
}
#home{
  padding-left: 1rem;
}
.nav{
  padding: 2rem 0 0 0;
}
.nav ul{
  border-radius:0;
  padding: 0;
}
.nav li{
  padding: 0;
  /* margin: 0 auto; */
  text-align: center;
  width: 20vw;
}
.nav a{
  margin: 0 auto;
  text-align: center;
  font-size: 1rem;
}
.nav li:hover:nth-child(1){
  background-color: rgb(253, 215, 110);
  border-radius: 0;
}
.nav li:hover:nth-child(5){
  background-color: rgb(253, 215, 110);
  border-radius: 0;
}
}
@media screen and (max-width:780px){
.nav a{
  font-size: 0.7rem;
}
.nav{
  padding: 0.7rem 0 0 0;
}
}
/* header end */
/* menu */
#menu{
  margin: 2rem auto;
  overflow: hidden;
  width: 100%;
  /* background-color: antiquewhite; */
}
.title{
  position: relative;
  display:inline-block;
}
.before-border span{
  display: inline-block;
  position: absolute;
  left: 0px;
  height: 3px;
  border-radius: 2px;
  background-color: black;
}
.before-border span:nth-of-type(1){
  top: 18px;
  width: 90px;
}
.before-border span:nth-of-type(2){
  top: 25px;
  width: 90px;
}
.after-border span{
  display: inline-block;
  position: absolute;
  left: 368px;
  height: 3px;
  border-radius: 2px;
  background-color: black;
}
.after-border span:nth-of-type(1){
  top: 18px;
  width: 100vw;
}
.after-border span:nth-of-type(2){
  top: 25px;
  width: 100vw;
}
.title h2{
  font-size: 1.5rem;
  line-height: 3rem;
  position: relative;
  left: 122px;
  font-family: Kaisei Opti;
}
.menu-img{
  margin: 0 5vw;
  padding-top: 1.5rem;
  display: flex;
  justify-content: space-between;
}
.menu-list img{
  display: block;
  margin: 0 auto;
}
.menu-list p{
text-align: center;
background-color:rgb(255, 162, 40);
color:black;
border-radius: 25px;
}
.menu-list p:hover{
  color: white;
}
.menu-img img{
  width: 13vw;
  height: auto;
  margin: 0 auto;
}
.menu-img a{
  text-decoration: none;
}
.menu-img p{
  margin: 0.8rem auto 0 auto;
  padding: 0 1rem;
}
.add-menu{
  display: flex;
  justify-content: flex-end;
  position: relative;
  margin-top: 1.5rem;
  right: 1rem;
}
.add-menu h3{
  font-size: 0.9rem;
  background-color: rgb(95, 37, 21);
  padding: 0 2rem;
  border-radius: 25px;
}
.add-menu a{
  text-decoration: none;
  color: white;
}
@media screen and (max-width:768px){
  .menu-img p{
    font-size: 0.9rem;
    width: 20vw;
    padding: 0;
}
.menu-img{
  padding-top: 1rem;
}
}
@media screen and (max-width:580px){
  .menu-img p{
    font-size: 0.6rem;
  }
}
/* menu end*/
/* news */
#news{
  margin: 2rem auto;
  overflow: hidden;
  width: 100%;
  /* background-color: antiquewhite; */
}
.after-border-news span{
  display: inline-block;
  position: absolute;
  left: 249px;
  height: 3px;
  border-radius: 2px;
  background-color: black;
}
.after-border-news span:nth-of-type(1){
  top: 18px;
  width: 100vw;
}
.after-border-news span:nth-of-type(2){
  top: 25px;
  width: 100vw;
}
.news-table tr{
  position: relative;
  left: 3vw;
}
.news-table th{
  text-align: left;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: dotted 1px black;
  font-family: Noto sans jp;
}
.news-table td{
  border-bottom: dotted 1px black;
  width: 100%;
  font-family: Noto Serif jp;
}
.news-table td a{
 text-decoration: none;
}
table{
  margin-bottom: 1.5rem;
}
/* news end*/
/* footer */
footer{
  background-color: rgb(255, 162, 40);
  margin-top: 4rem auto;
}
.footer-nav{
  display:flex;
  justify-content: space-around;
  width: 90vw;
  margin: 0 auto;
}
.footer-nav p{
  margin: 1rem auto;
  /* padding: 0 0.3rem; */
  font-size: 0.9rem;
  text-align: center;
  width: 12.857vw;
  border-right: solid 2px black;
}
.footer-nav a{
  text-decoration: none;
}
.footer-nav p:hover{
  border-bottom: solid 1px black;
}
.Copyright p{
  text-align: center;
  line-height: 3rem;
}
@media screen and (max-width:940px){
  .footer-nav{
    /* margin: 1rem auto; */
    /* padding: 1rem auto; */
    display: block;
    width: 80vw;
    /* background-color:rgb(218, 218, 218); */
  }
  .footer-nav p{
    border: none;
  }
  .footer-nav a{
    line-height: 1.5rem;
    color: black;
  }
  .footer-nav a:hover{
    color: white;
  }
  .footer-nav:nth-child(1){
    padding-top: 0.5rem;
  }
  .footer-nav p:hover{
    background-color: rgb(255, 162, 40);
    border: none;
  }
}