@charset "UTF-8";
/*ページャーのCSS*/

.wp-pagenavi{
  display: flex;
  justify-content: center;/*←左寄せになります。*/
  flex-wrap: wrap;
  width: 100%;
}

.wp-pagenavi a, .wp-pagenavi span,
.page-numbers, .wp-pagenavi .current, .wp-pagenavi .page, .previouspostslink, .nextpostslink, #pagenavi a.last, #pagenavi a.first{
  border: 1px solid #369DD1 !important;/*←好きな色を入れてください。*/
  background-color: #369DD1;/*←好きな色を入れてください。*/
  padding: 12px 17px;
  color: #fff;/*←好きな色を入れてください。*/
  font-size: 20px;
  line-height: 16px;
  margin: 5px;
  font-family: "Outfit", sans-serif;
  font-weight: 300;
}

.previouspostslink:hover,
.nextpostslink:hover,
.wp-pagenavi .page:hover{
  background: #fff;/*←好きな色を入れてください。*/
  border: 1px solid #369DD1 !important;/*←好きな色を入れてください。*/
  color: #369DD1 !important;/*←好きな色を入れてください。*/
}

.wp-pagenavi .current{
  background: #fff;/*←好きな色を入れてください。*/
  color: #369DD1;/*←好きな色を入れてください。*/
}

.news_s_box_txt * {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: 1.8;
}
.news_s_box_txt p{
  padding: 10px 0;
  word-break: break-all;
  letter-spacing: 2px;
}
.news_s_box_txt h2,.news_s_box_txt h3,.news_s_box_txt h4,.news_s_box_txt h5,.news_s_box_txt h6 {
  letter-spacing: 2px;
}

.news_s_box_txt p::after{
content: "";
display: block;
clear: both;
}

.news_s_box_txt img{
  max-width: 100%;
  height: auto;
  margin: 20px 0;
}

.blocks-gallery-item img{
  margin: 0;
}


.news_s_box_txt a{
  color: #369DD1;/*←好きな色を入れてください。*/
  transition: 0.3s;
  font-weight: bold;
}

.news_s_box_txt a:hover{
  opacity: 0.6;
  transition: 0.3s;
}
.news_s_box_txt p strong span,
.news_s_box_txt p strong{
  font-weight: bold;
}

.news_s_box_txt .alignleft{
  float: left;
  margin: 20px 20px 20px 0; /*←好きな余白で*/
}

.news_s_box_txt .alignright{
  float: right;
  margin: 20px 0px 20px 20px; /*←好きな余白で*/
}

.news_s_box_txt img.aligncenter{
  display: block;
  margin: auto;
}

.news_s_box_txt img.alignnone{
  display: block;
}

.news_s_box_txt ul li { 
  list-style-type: disc;
}

.news_s_box_txt ol li { 
  list-style-type: decimal; 
}

.news_s_box_txt iframe{
  max-width: 100%;
} 
.news_s_box_txt p.has-text-align-center{
  text-align: center;
}
.news_s_box_txt p.has-text-align-right{
  text-align: right;
}
.news_s_box_txt h1 {
font-size: 30px; /*←好きな大きさで*/
margin-bottom: 15px;
font-weight: 700;
}

.news_s_box_txt h2 {
font-size: 26px; /*←好きな大きさで*/
margin-bottom: 25px;
font-weight: 700;
border-bottom: solid 2px #C1CCCC;/*←好きな色を入れてください。*/
position: relative;
}

.news_s_box_txt h2::after{
position: absolute;
content: " ";
display: block;
border-bottom: solid 2px #369DD1;/*←好きな色を入れてください。*/
bottom: -2px;
width: 20%;

}


.news_s_box_txt h3 {
font-size: 24px; /*←好きな大きさで*/
margin-bottom: 25px;
font-weight: 700;
border-left: solid 5px #369DD1;/*←好きな色を入れてください。*/
background: #f7fcff;/*←好きな色を入れてください。*/
padding-left: 10px;
}

.news_s_box_txt h4 {
font-size: 22px; /*←好きな大きさで*/
margin-bottom: 25px;
font-weight: 700;
position: relative;
padding-left: 23px;
}

.news_s_box_txt h4:after {
position: absolute;
content: "●";
top: 50%;
-webkit-transform: translate(0, -50%);
/* Safari用 */
transform: translate(0, -50%);
left: 0;
font-size: 16px;
color: #369DD1;/*←好きな色を入れてください。*/
}

.news_s_box_txt h5 {
font-size: 18px;  /*←好きな大きさで*/
margin-bottom: 25px;
font-weight: 700;
}

.news_s_box_txt h6 {
font-size: 16px;  /*←好きな大きさで*/
margin-bottom: 25px;
font-weight: 700;
}

@media screen and (max-width: 767px) {
  .news_s_box_txt p {
    font-size: 3.6vw; /*←好きな大きさで*/
  }
  .news_s_box_txt h2 {
    font-size: 4.2vw; /*←好きな大きさで*/
    margin-bottom: 3vw;
    }
  .news_s_box_txt h3 {
    font-size: 4vw; /*←好きな大きさで*/
    margin-bottom: 3vw;
    }
  .news_s_box_txt h4 {
    font-size: 3.8vw; /*←好きな大きさで*/
    margin-bottom: 3vw;
    }
  .news_s_box_txt h5,.news_s_box_txt h6{
    margin-bottom: 3vw;
    }
    
}