@charset "utf-8";


/*========= レイアウトのためのCSS ===============*/

h1{
  font-size:1.2rem;
}

h2{
  font-size:1.2rem;
  text-align: center;
  margin: 0 0 30px 0;
}

p{
  margin-top:20px;  
}

small{
  background:#333;
  color:#fff;
  display: block;
  text-align: center;
  padding:20px;
}

#header{
  background:#333;
  color:#fff;
  text-align: center;
  padding: 20px;
}

section{
  padding:30px;
}

section:nth-child(2n){
  background:#f3f3f3; 
}

#main-vidual img{
  width: 100%;
}

#page-link{
   display: flex;
    flex-wrap: wrap;
}

#page-link li{

  list-style: none;
}

#page-link li a{

  color: #333;
  padding:0 20px;
  text-decoration: none;
}

#page-link li a::before{
  content:'▼';
  font-size:0.8rem;
  padding:0 10px 0 0;
  color: #0099FF
;
}

#footer{
  position: relative;
  z-index: 2;
}