@charset "utf-8";

html *,
::before,
::after {
  box-sizing: border-box;
}

/**
 * ［表題］
 */
 .post-header {
  text-align: center;
 } 
 .post-header .title {
  height: 50px;
  width: 70%;
  margin: 10px auto;
  padding: 15px 30px;
  border: 1px solid #00217a;
  background: linear-gradient(#f0f2f3, #d9f8ff);
  border-radius: 10px;
 }
.post-header h1 {
 font-size: 2.5rem;
 margin-bottom: 10px;
}
 
.wrapper {
    font-size: 1.5rem;
}

.post-comon span {
    margin: 0;
    padding: 2px 10px;
    background: #867086;
    border-radius: 10px;
    line-height: 2;
    color: #fbfafb;
    text-decoration: none;
}


.post-comon span, .post-con span {
  margin: 0;
  padding: 2px 10px;
  background: #00516e;
  border-radius: 10px;
  line-height: 2;
  color: #fbfafb;
  text-decoration: none;
}
.post-con .bunya span,.info-box span {
  margin: 0 0 5px 0;
  padding: 0 10px;
  background: #e7db9d;
  border-radius: 5px;
  line-height: 1.7;
  color: #000000;
  text-decoration: none;
}
.bunya li, .info-box li {
  margin-bottom: 5px;
  }
  
.wrapper2 {
   padding: 5px 10% 0 10%;
   background: url(../images/bottom-bg.svg);
  }

.wrapper2 h3 {
   text-decoration: underline;
}