@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@600&display=swap');

header {
  background-image:url("../img/header_bg.jpg");
  background-repeat: no-repeat;
  background-size:100%;
  height:300px;
  position:relative;
}

header h1 {
  font-family:'Shippori Mincho', serif;
  color:#FFFFFF;
  position:absolute;
  font-size:36px;
  border-bottom:1px solid #FFFFFF;
  padding:0 65px 0 5px;
  top:30px;
  left:20px;

}

header h4 {
  color:#FFFFFF;
  position:absolute;
  top:240px;
  left:20px;
}

header img {
  transform:rotate(90deg);
  position:absolute;
  filter:invert();
}

body {
  width:1200px;
  margin:0 auto;
  padding:10px;
  background-image:url("../img/BG.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;

}

h2 {
  border-bottom:1px solid #000000;
}

h2::before{
  position: relative;
  top: 2px;
  margin: 0px 10px 0 0;
  content: url('../img/favicon.ico');
}

h2 img {
  padding-right:10px;
  padding-bottom:1px;
  vertical-align:sub
}


main {
  padding:10px;
  background-color:#FFFFFF;
}

.pc_menu {
  border:solid 1px black;
  width:80%;
  display:flex;  
  margin:0 auto;
}

.pc_menu .menu_img{
  position: relative;
  height:500px;
  border:solid 1px black;
  margin:5px auto;
  width:60%;
}

.pc_menu .menu_img img{
  position: absolute;
}

.pc_menu .menu_game{
  border:solid 1px black;
  width:35%;

  margin:5px auto;
}




article {
  display:flex;
  flex-wrap:wrap;
  height:auto;
}

article section {
  width:32%;
  margin:5px auto;
  border:solid 1px black;
  margin:5px auto;
}



.update {
  line-height:4px;
  width:600px;
  height:100px;
  overflow:auto;
  background-color:#EEEEEE;
}

.txt-line {
  text-decoration:line-through;
  color:#AAAAAA;
}

footer {
  text-align:center;
  font-size:12px;
}

h2 {
  margin-right: 30%;
}