.blogList{
  padding:0;
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  position:relative;
}

.blogList article{
  width: 100%;
  font-size: 17px;
}
.blogList img {
  width:100%;
  height:192px;
  -o-object-fit:cover;
     object-fit:cover;
  display:inline-block;
}
.blog_list_title{
  width:100%;
  display:inline-block;
  padding: 6px 17px;
  padding-bottom: 25px;
  background:#fff;
}
.blog_list_outline{
  margin-bottom: 1.5em;
}

.three-column{
	padding-right: 1em;
	padding-left: 1em;
}
.three-column_items {
  width:33.3%;
  padding-left:14px;
  padding-right:14px;
}
.three-column_items a:hover{
  opacity: 0.5;
  -webkit-transition:all 0.2s linear;
  transition:all 0.2s linear;
}
.three-column_items_title{
  font-size: 100%;
  margin-bottom: 15px;
  line-height: auto;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.01em;
}
.three-column_items_title > a {
  text-decoration:none;
  color:#000;
  font-weight: bold;
  font-size: 21px;
  display: inline-block;
  text-decoration: underline;
}
.three-column_items_title > a:hover {
  text-decoration: none;
  opacity: 1;
}


/* ///////////////////////////////////////////////// */

.blogTime{
  display: inline-block;
  margin-bottom: 20px;
  font-size: 70%;
  color: rgba(0, 0, 0, 0.3) !important;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-weight: 400;
}
.blogCat{
  display: inline-block;
  margin-bottom: 20px;
  font-size: 70%;
  color: rgba(0, 0, 0, 0.3) !important;
  text-transform: uppercase;
  letter-spacing: 0.4em;
  font-weight: 400;
  border-left: 1px solid rgba(0,0,0,0.3);
  padding-left: 0.8em;
  margin-left: 0.8em;
}
.blogPager{
  width:100%;
}
.blogPager ul{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.blogPager li {
  padding: 0 1em;
  color: #e60012;
  font-size:90%;
}
.blogPager li > a{
  color: rgba(0, 0, 0, 0.7);
  text-decoration:none;
}
.blogPager li > a:hover{
  color: rgba(0, 0, 0, 0.3);
  -webkit-transition:0.3s;
  transition:0.3s;
}


/* //////////////////////////////////////////////////////// */
@media screen and (max-width:764px) {
  .three-column_items{
    width: 100%;
    padding:0;
    margin-bottom: 20px;
  }
  .three-column_items:last-of-type{
    margin-bottom: 0;
  }
  .three-column{
    margin:0;
  }
}


/* 追加//////////////////////////////////////////////////////// */
#sub main .main-right .section{
  margin-bottom: 0;
}
#sub main .main-right .section h3{
  margin-bottom: 10px;
}
#sub .main-right .section.s-01{
  border:1px solid rgba(0, 0, 0, 0.3);;
  padding: 0.9em;
  padding-bottom: 2.9em;
}
#sub .main-right .section.s-01 .section-cont{
  padding: 0 0.9em;
}
#sub .main-right .section.s-01 .section-cont p{
  font-size: 18px;
}

.back-next{
  color:rgba(0, 0, 0, 0.3);
  font-size: 15px;
  padding-bottom: 0.2em;
  padding-top: 0.3em;
  margin-bottom: 60px;
  text-align: right;
}
.back-next a:hover{
  text-decoration: underline;
}
.back-next a::after{
  content: " >";
}
#sub .main-right .section.s-01 .section-cont img{
  width: 100%;
  margin-top: 1%;
  margin-bottom: 1%;
}

@media screen and (max-width:500px) {
  .back-next{
    font-size: 3vw;
    padding: 0 4%;
    padding-top: 0.2em;
  }
  #sub .main-right .section.s-01{
    margin-left: 4%;
    margin-right: 4%;
  }
  #sub main .main-right .section h3{
    margin-bottom: 1.5%;
  }
  #sub .main-right .section.s-01 .section-cont{
    margin-top: 0;
    padding: 0;
  }
  #sub .main-right .section.s-01 .section-cont img{
    width: 100%;
  }
  #sub .main-right .section.s-01 .section-cont p{
    font-size: 4vw;
    padding: 0 0.9em;
  }
}