/*
Theme Name:sugimoto
Author:sugimoto
Description:
Version: 1.0
*/

@charset "UTF-8";
#contents{
  background: #F3F3F3;
  overflow: hidden;
}
.news-detail-keyvis{
    padding: 7% 0 5% 0;
    background: url(../images/h1_bg.jpg) no-repeat;
    background-size: cover;
    color: #fff;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.news-detail-wrap,.news-archive-wrap{
  /* margin: 3.2% auto 2.5% auto; */
  margin: 5.2vw auto 5.2vw auto;
  width: 75%;
  max-width: 1180px;
  display: flex;
  /* column-gap: 2%; */
  column-gap: 30px;
  flex-wrap: wrap;
}
.news-detail-content,.news-archive-content{
  /* padding-bottom: 2%; */
  box-sizing: border-box;
  /* width: 67%; */
  background: #fff;
  box-shadow: -1px 3px 10px -1px #ccc;
  width: calc(100% - 360px);
}
.news-detail-content-inner{
  margin: 0 auto;
  padding-top: 4%;
  padding-bottom: 4%;
  width: 90%;

}
.news-detail-postinfo{
  color: #999;
  line-height: 100%;
  font-size: 0.9vw;
  margin-bottom: 6%;
}
.news-sidebar{
  /* width: 31%; */
  width: 330px;
  min-width: 330px;
}
.news-sidebar-inner{
  margin-bottom: 6%;
  padding: 9% 6% 4.5% 6%;
  background: #fff;
  box-sizing: border-box;
  box-shadow: -1px 3px 10px -1px #ccc;
  width: 100%;
}
.news-detail-title{
  padding: 0 0 1.2% 0!important;
  background: none;
  width: 100%;
  line-height: 125%;
  color: #333;
  font-size: 2.1vw;
  font-weight: 600;
}
.news-detail-editor{
  word-break: break-all;
}
.news-detail-editor h2{
  margin: 6% 0 2% 0;
  padding: 0 0 1% 0;
  border-left: none;
  border-bottom: 2px solid #333;
  position: relative;
  font-weight: 600;
  font-size: 1.3vw;
  text-align: left;
}
.news-detail-editor h2::after{
  content:none;
}
.news-detail-editor h3{
  margin: 4% 0 1.5% 0;
  padding: 0.3% 0 0 1%;
  border-left: 3px solid var(--SubColor);
  line-height: 100%;
  font-weight: 600;
  border-bottom: none;
}
.news-detail-editor p{
  padding-bottom: 3%;
}
.news-detail-editor p.pad-mini{
  padding-bottom: 1%;
}
.news-detail-editor p:last-child{
  padding-bottom: 0;
}
.news-detail-editor p.margin-small{
  padding-bottom: calc(3% * .5);
}
.news-detail-editor p.margin-large{
  padding-bottom: calc(3% * 1.5);
}
.news-detail-editor img{
  object-fit: contain;
}
.news-detail-editor ul{
  list-style-type: disc;
  padding-left: 1em;
}
.news-detail-editor ol{
  list-style-type: decimal;
  padding-left: 1em;
}

.news-detail-default{
  margin-bottom: 4%;
  background: #f5f5f5;
  padding: 1.5em;
}
.news-detail-default p{
  font-size: 0.9vw;
}

.news-detail-authorcard-text{
  /* width: 88%; */
  display: flex;
  flex-wrap: wrap;
}
.news-detail-authorcard{
  padding: 3% 2.5%;
  border: 1px solid #ccc;
  overflow: hidden;

}
.news-detail-authorcard__image{
  width: 16%;
}
.news-detail-authorcard__image img{
  object-fit: cover;
  /* width:108px;
  height:108px; */
  /*aspect-ratio: 1 / 1;*/
  aspect-ratio: 1 / 1;
}
.news-detail-author-text-person{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.news-detail-author-text-person-inner{
  width: 80%;
  padding-left: 3%;
}
.news-detail-authorcard-text__author{
  padding-top: 0.5%;
  font-weight: 600;
  font-size: 1.2vw;
}
.news-detail-authorcard-text__author .span-author{
  margin-right: 1.55%;
  padding: 0.4% 1.5%;
  background: #333;
  color: #fff;
  font-size: 0.78vw;
}
.news-detail-authorcard-text__author .span-role{
  margin-right: 1.2%;
  font-size: 0.8vw;
}
.news-detail-authorcard-text__role{
  padding-top: 2%;
  padding-bottom: 1.5%;
  color: #888;
  font-size: 0.85vw;
  line-height: 1.3;
}
.news-detail-authorcard-text__description{
  padding-top: 1.6%;
  padding-bottom: 0;
  font-size: 0.9vw;
}
.news-detail-authorcard-text__description span{
  margin-top: 1.5%;
  display: block;
}

.news-sidebar__title{
  /* padding: 6% 0 1.5% 0; */
  box-sizing: border-box;
  line-height: 140%;
  font-weight: 600;
  /* font-size: 1.35vw; */
  font-size: 19.2px;
  text-align: left;

  margin-bottom: 18px;
  padding: 4px 0 0 12px;
  border-left: 4px solid var(--SubColor);
  line-height: 150%;
}

.news-sidebar-linkul__li{
  /* padding: 4% 0; */
  /* border-bottom: 1px solid #ccc; */
  border-bottom: 1px solid #e8e8e8;
  overflow: hidden;
  display: flex;
  letter-spacing: .05em;

  padding: 15px 0;
}
.news-sidebar-linkul__li:last-child{
  border-bottom: none;
}
.news-sidebar-linkul__li img{
  width: 23.6%;
  object-fit: cover;
}
.news-sidebar-linkul__li a,.news-sidebar-linkul__li a:hover{
  text-decoration: none;
  /* color: #333; */
  color: #000;
  /* font-size: 1.0vw; */
  font-size: 14.4px;
  padding-left: 6.7%;
  /* padding-top: 4%; */
  padding-top: 15px;
}

.news-detail-otherpost,.news-archive-content{
  margin-top: 2.4%;
  box-sizing: border-box;
  /* width: 67%; */
  background: #fff;
  box-shadow: -1px 3px 10px -1px #ccc;

  /* width: 100%; */

}
.news-detail-otherpost{
  /* width: 100%; */
  width: calc(100% - 360px);
}
.news-archive-content{
  margin-top: 0;
}
.news-detail-otherpost__title,.news-archive-title{
  padding: 1% 0 1% 3%;
  box-sizing: border-box;
  background: var(--SubColor);
  width: 100%!important;
  color: #fff;
  font-size: 1.2vw;
}
.news-detail-otherpost__ul {
  list-style-type: disc;
  padding-left: 3.2em;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.news-detail-otherpost__ul li{
  width: 96%;
  padding: 2.4% 4% 0 0;
  /* padding: 2.4% 0 0; */
  letter-spacing: .05em;
}
.news-detail-otherpost__ul li a{
  text-decoration: none;
}
.news-detail-otherpost__ul li::after{
  content:"";
  display: block;
  width: 100%;
  height:1px;
  background-color: #ccc;
  margin-top: 2.4%;
  /* margin-left: -4%; */
  margin-left: -2%;
}
.news-detail-otherpost__ul li:last-child{
  padding-bottom: 2.4%;
}
.news-detail-otherpost__ul li:last-child::after{
  content:none;
}

@media screen and (max-width:768px){

  #contents{

  }
  .news-detail-keyvis{
      padding: 7% 0 5% 0;
  }
  .news-detail-wrap, .news-archive-wrap{
    /* margin: 3.2% auto 2.5% auto; */
    /* width: 98%; */
    width: 100%;
    column-gap: 2%;
    flex-direction: column;
    /* padding-top: 3.2%; */
    /* padding-right:4%; */
    /* padding-left:4%; */
    padding-right:0;
    padding-left:0;
    /* padding-bottom: 2.5%; */
    padding-top: 10%;
    padding-bottom: 2%;
    margin-top: 2%;
    margin-bottom: 0;
  }
  .news-detail-otherpost, .news-archive-content{
    /* padding-bottom: 2%; */
    width: 92%;
    margin: 0 auto;
  }
  .news-detail-content{
    /* width: 92%; */
    width: 92%;
    margin: 0 auto;
  }
  .news-archive-wrap{
    width: 92%;
    margin: 0 auto;
    margin-top: 2%;
  }
  .news-detail-content-inner{
    margin: 0 auto;
    padding-top: 4%;
    padding-bottom: 6%;
    width: 90%;
  }
  .news-detail-postinfo{
    color: #B1B1B1;
    line-height: 100%;
    font-size: 13px;
  }
  .news-sidebar{
    /* width: 92%; */
    width: 100%;
    order:3;
    min-width: unset;
    margin: 0 auto;
    margin-top: 6%;
  }
  #news-archive .news-sidebar{
    width: 100%;

  }
  .news-sidebar-inner{
    margin-bottom: 6%;
    padding: 2% 8% 6% 8%;
    width: 100%;
  }
  .news-detail-title{
    padding-bottom: 2% !important;
    font-weight: 700;
    font-size: 20px;
  }
  .news-detail-editor{

  }
  .news-detail-editor h2{
    margin: 8% 0 2% 0;
    padding: 0 0 1% 0;
    border-left: none;
    border-bottom: 2px solid #333;
    position: relative;
    font-weight: 700;
    line-height: 130%;
    font-size: 17px;
  }
  .news-detail-editor h2::after{
  }
  .news-detail-editor h3{
    margin: 7% 0 1.5% 0;
    padding: 0 0 0 1.5%;
    border-left: 3px solid var(--SubColor);
    line-height: 100%;
    font-weight: 700;
    line-height: 130%;
    font-size: 16px;
  }
  .news-detail-editor p{
    padding-bottom: 6%;
  }
  .news-detail-editor p.pad-mini{
    padding-bottom: 2%;
  }
  .news-detail-editor img{

  }
  .news-detail-default p{
    font-size: 14px;
    line-height: 150%;
    padding-bottom: 3%;
  }

  .news-detail-authorcard-text{
    width: 100%;
  }
  .news-detail-authorcard{
    padding: 4%;
    overflow: hidden;
  }
  .news-detail-authorcard__image{
    width: 25%;
  }
  .news-detail-author-text-person-inner{
    width: 72%;
  }
  .news-detail-authorcard-text__author{
    padding-top: 0.5%;
    font-weight: 700;
    font-size: 17px;
  }
  .news-detail-authorcard-text__author .span-author{
    margin-right: 2%;
    padding: 1% 2.5%;
    font-size: 10px;
  }
  .news-detail-authorcard-text__author .span-role{
    margin-right: 1.5%;
    padding: 0.5% 2.5%;
    font-size: 12px;
  }
  .news-detail-authorcard-text__role{
    padding-top: 3%;
    padding-bottom: 2%;
    font-size: 12.1px;
    line-height: 1.2;
  }
  .news-detail-authorcard-text__description{
    padding-bottom: 0;
    line-height: 150%;
    font-size: 14px;
  }
  .news-detail-authorcard-text__description span{
    margin-top: 2.5%;
  }

  .news-sidebar__title{
    /* margin-bottom: 5px;
    font-size: 22px;
    font-size: 16px;
    padding-top:2%; */

    margin-bottom: 4%;
    padding: 5px 0 3px 7px;
    line-height: 130%;
    font-size: 16px;
  }
  .news-sidebar-inner{
    margin-bottom: 8%;
    /* padding: 6% 4%; */
    /* width: 92%; */
    width: 100%;
    box-sizing: border-box;
    padding: 30px 20px 15px 20px;
    /* margin-right: auto;
    margin-left: auto; */
  }
  .news-sidebar-inner.news-sidebar-inner--detail{
    margin-bottom: 8%;
    /* padding: 6% 4%; */
    width: 92%;
    /* width: 100%; */
    box-sizing: border-box;
    padding: 30px 20px 15px 20px;
    margin-right: auto;
    margin-left: auto;
  }

  .news-sidebar-linkul__li{
    padding: 4% 0;
    letter-spacing: .05em;
  }
  .news-sidebar-linkul__li:last-child{

  }
  .news-sidebar-linkul__li img{
    /* width: 18%; */
    width: 78px;
    height: 51px;
  }
  .news-sidebar-linkul__li a,.news-sidebar-linkul__li a:hover{
    font-size: 14px;
    /* padding-left: 5vw; */
    padding-left: 11px;
    /* padding-top: 6%; */

    padding-top: 15px;
  }

  .news-detail-otherpost{
    margin-top: 6%;
    width: 92%;
  }
  .news-detail-otherpost__title,.news-archive-title{
    padding: 2.5% 4%;
    width: 100%;
    line-height: 130%;
    font-weight: 500;
    font-size: 16px;
  }
  .news-detail-otherpost__ul {
    padding-left: 3.2em;
  }
  .news-detail-otherpost__ul li{
    width: 96%;
    padding: 4.8% 6% 0 0;
    /* padding: 2.4% 0 0; */
    letter-spacing: .05em;
    line-height: 150%;
  }
  .news-detail-otherpost__ul li a{
  }
  .news-detail-otherpost__ul li::after{
    width: 100%;
    height:1px;
    margin-top: 2.4%;
    /* margin-left: -6%; */
  }
  .news-detail-otherpost__ul li:last-child{
    padding-bottom: 4.8%;
  }
  .news-detail-otherpost__ul li:last-child::after{

  }



}

.news-archive-content{

}
.news-archive-content-inner{
  width:94%;
  margin: 0 auto;
}
.news-archive-ul li{
  padding: 3% 0;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}
.article-title{
  margin-bottom: 2%;
  padding: 0.5% 0 0.5% 1.5%;
  border-left: 3px solid var(--SubColor);
  text-align: left;
  text-decoration: none;
  color: #333;
  font-size: 1.4vw;
}
.article-title a,.article-title a:hover{
  text-decoration: none;
  color:#000;
}
.article-title::after{
  content: none;
}
.article-excerpt {
  line-height: 1.2;
}
.article-excerpt p{
  padding: 0 0 1.9% 0;
  padding-bottom: 0;
  color: #999;
  font-size: 0.9vw;
  text-decoration: none;
}

/*---- pagenation ----*/
.pagination{
  text-align: center;
  font-size: 1.0vw;
  padding-bottom: 3.5%;
}
.page-numbers{
    margin: 4.5% 0 0.5% 0;
    padding: 0.5% 1.8%;
    font-size: 1.0vw;
    /* margin: 0;
    padding: 1.2% 1.7%; */
    border: 1px solid #333;
    display: inline-flex;
    text-decoration: none;
    color: #fff;
    background: #333;
}
.page-numbers{
  padding: 7px 14px;
  font-size: 14px;
}
.page-numbers.current{
  background: #fff;
  color: #333;
}

@media screen and (max-width:768px){
  
  .news-archive-content{
    width: 100%;
  }
  .news-archive-content-inner{
    width:94%;
  }
  .news-archive-ul li{
    padding: 4% 0;
  }
  .article-title{
    text-decoration: none;
    color: #333;
    font-weight: 700;
    font-size: 17.5px;
    border-left:none;
    padding-left: 0;
  }
  .article-title::after{
    content: none;
  }
  .article-excerpt {
    line-height: 1.2;
  }
  .article-excerpt p{
    color: #B1B1B1;
    line-height: 150%;
    font-size: 13px;
  }

  /*---- pagenation ----*/
  .pagination{
    margin: 8% 0 1% 0;
  }
  .page-numbers{
    margin: 0.5% 0.5% 4.5% 0.5%;
    padding: 0.5% 1.8%;
    font-size: 1.0vw;
    /* margin: 0;
    padding: 1.2% 1.7%; */
    border: 1px solid #333;
    display: inline-flex;
    text-decoration: none;
    color: #fff;
    background: #333;
}
  .page-numbers{
      padding: 7px 14px;
      font-size: 14px;
  }
  .page-numbers.current{

  }

}

@media screen and (max-width: 959px){
  .news-detail-keyvis{
    padding: 19% 0 16% 0;
  }
}


#breadcrumbs span {
  max-width:10em;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  vertical-align: top;
  display: inline-block;
}


h1{
  font-size: 1em;
}