/* *****News & Topics用CSS***** */
.h1-box {
  background-image: url(../img/news/news-top.jpg);
}
#news #news-list .container > section > article { 
  padding-right: 2em;
}
.news-topics { 
  width:100%;
}

aside h2 { 
  font-size:1.52rem;
  margin-bottom: 1rem;
}
aside ul { padding-bottom: 1.5em; }
aside li {
  line-height:2.6;
  position: relative;
  display: block;
  padding: 0 0 0 24px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
}
aside li::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 6px;
  width: 8px;
  height: 8px;
  margin: auto;
  content: "";
  vertical-align: middle;
  border-top: 3px solid #00A0E9;
  border-right: 3px solid #00A0E9;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* 詳細ページ */
#news-detail section.contents-box {
  background-color: #FFF;
  padding:2.5rem;

  border-radius: 20px;
  margin:0 2rem 2rem;
  min-height: 400px;
  box-shadow: #ddd 5px 5px;
}
#news-detail section.contents-box h2 {
  border-bottom: 3px solid #00A0E9;
  padding-bottom: 8px;
}
#news-detail section.contents-box h3 {
  padding-bottom: 10px;
  border-bottom: 2px solid #00A0E9;
  position: relative;
  margin-top: 1.8rem;
}
#news-detail section.contents-box h3::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;
  height: 1px;
  background-color:#48B4E7;
}
#news-detail section.contents-box h4 {
  padding-bottom: 6px;
  border-bottom: 3px solid #80D0F4;
  position: relative;
}
#news-detail section.contents-box h4::before {
  content: '';
  background-color:#00A0E9;
  width: 40px;
  height: 3px;
  position: absolute;
  bottom: -3px;
  left: 0;
}
#news-detail section.contents-box h5 {
  border-left: 3px solid #80D0F4;
  padding-left: 8px;
}
#news-detail section.contents-box h6::before {
  content:'●';
  color:#80D0F4;
  font-size: .6em;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
#news-detail section.contents-box .date {
  padding-bottom:30px;
}
#news-detail section.contents-box table { width:100%; }

/* 記事共通CSS */
h1.wp-block-heading, h2.wp-block-heading, h3.wp-block-heading,
h4.wp-block-heading, h5.wp-block-heading, h6.wp-block-heading {
  margin-bottom: 1rem;
}
/* フォントサイズ変更 */
.has-small-font-size { font-size:.8rem; }
.has-large-font-size { font-size:1.5rem; }
.has-x-large-font-size { font-size:3rem; }
/* 段落の文字並び */
.has-text-align-center { text-align:center; }
.has-text-align-right { text-align:right; }
/* テキスト色 */
.has-cyan-bluish-gray-color.has-text-color { color:#abb8c3; }
.has-white-color.has-text-color { color:#FFF; }
.has-pale-pink-color.has-text-color {color:#f78da7; }
.has-vivid-red-color.has-text-color {color:#cf2e2e; }
.has-luminous-vivid-orange-color.has-text-color { color:#ff6900; }
.has-luminous-vivid-amber-color.has-text-color { color:#fcb900; }
.has-light-green-cyan-color.has-text-color { color:#7bdcb5; }
.has-vivid-green-cyan-color.has-text-color { color:#00d084; }
.has-pale-cyan-blue-color.has-text-color { color:#8ed1fc; }
.has-vivid-cyan-blue-color.has-text-color { color:#0693e3; }
.has-vivid-purple-color.has-text-color { color:#9b51e0; }
/* テキストハイライト色 */
mark.has-pcyan-bluish-gray-color.has-inline-color { color:#abb8c3; }
mark.has-pale-pink-color.has-inline-color { color:#f78da7; }
mark.has-vivid-red-color.has-inline-color { color:#cf2e2e; }
mark.has-luminous-vivid-orange-color.has-inline-color { color:#ff6900; }
mark.has-luminous-vivid-amber-color.has-inline-color { color:#fcb900; }
mark.has-light-green-cyan-color.has-inline-color { color:#7bdcb5; }
mark.has-vivid-green-cyan-color.has-inline-color { color:#00d084; }
mark.has-pale-cyan-blue-color.has-inline-color { color:#8ed1fc; }
mark.has-vivid-cyan-blue-color.has-inline-color { color:#0693e3; }
mark.has-vivid-purple-color.has-inline-color { color:#9b51e0; }
/* 背景色 */
.has-cyan-bluish-gray-background-color.has-background { background-color:#abb8c3; }
.has-white-background-color.has-background { background-color:#FFF; }
.has-pale-pink-background-color.has-background { background-color:#f78da7; }
.has-vivid-red-background-color.has-background { background-color:#cf2e2e; }
.has-luminous-vivid-orange-background-color.has-background { background-color:#ff6900; }
.has-luminous-vivid-amber-background-color.has-background { background-color:#fcb900; }
.has-light-green-cyan-background-color.has-background { background-color:#7bdcb5; }
.has-vivid-green-cyan-background-color.has-background { background-color:#00d084; }
.has-pale-cyan-blue-background-color.has-background { background-color:#8ed1fc; }
.has-vivid-cyan-blue-background-color.has-background { background-color:#0693e3; }
.has-vivid-purple-background-color.has-background { background-color:#9b51e0; }
/* 表（2列版・スマホ対応） */
.wp-block-table table.has-fixed-layout { table-layout:auto; }
.wp-block-table.respo2col th,
.wp-block-table.respo2col td { border: 1px solid #999; }
.wp-block-table.respo2col tr > td:first-child { background-color:#eee; }
.wp-block-table.respo2col tr > td:first-child { border-right:none; }
.wp-block-table.respo2col tr > td:nth-child(2) { border-left:none; }
/* 箇条書き */
ul.wp-block-list, ol.wp-block-list { padding-left:1em; }
ul.wp-block-list { list-style: disc; }
ul.wp-block-list > li > ul.wp-block-list { list-style:circle; }
ul.wp-block-list > li > ul.wp-block-list > li > ul.wp-block-list { list-style:square; }
ol.wp-block-list { list-style:decimal; }
/* 引用 */
blockquote.wp-block-quote { 
  padding:1rem;
  background-color: #eee;
}
blockquote.wp-block-quote p { font-style:italic; }
/* ボタン */
.wp-block-button .wp-block-button__link {
  background-color:#00A0E9;
  border:1px solid #00A0E9;
  color: #FFF;
  border-radius: 5px;
  padding:.5rem 1.5rem;
}
.wp-block-button .wp-block-button__link:hover {
  background-color:#f39800;
  border:1px solid #f39800; 
}

/* ページ送り */
#news-detail .pager {
  margin-top: 50px;
  padding-top:30px;
  border-top: dashed 1px #999;
}
#news-detail .pager ul { margin-bottom: 0; }
#news-detail .pager .btn {
  font-weight: normal;
  color: #FFF;
}
.pager .btn {
  position: relative;
  display: block;
  vertical-align: middle;
}
.pager .btn.prev::before,
.pager .btn.next::after {
  position: absolute;
  top: 0;
  bottom: 0; 
  width: 8px;
  height: 8px;
  margin: auto;
  content: "";
  vertical-align: middle;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
}
.pager .btn.prev::before {
  left: 12px;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.pager .btn.next::after {
  right: 12px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* --------------------------------------------------

 レスポンシブ

--------------------------------------------------　*/
@media (min-width: 1200px) {

}

@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {
  /* md タブレット・スマートフォン向け */
  #news #news-list .container > section > article { 
    padding: 0 1rem;
  }
  aside h2 { padding:0 .5rem; }

  /* 詳細ページ */
  #news-detail section.contents-box {
    margin: 0 0 2rem;
  }
}

@media (max-width: 767.98px) {
  /* s スマートフォン向け */
  /* 記事 */
  .wp-block-table.respo2col td {
    border: none;
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #999;
  }
  .wp-block-table.respo2col tr > td:first-child { 
    width:100%;
    border-bottom:none;
    border-top:1px solid #999;
    border-right:1px solid #999;
    border-left:1px solid #999;
  }
  .wp-block-table.respo2col tr > td:nth-child(2) { 
    border-left:1px solid #999;
    border-right:1px solid #999;
    border-bottom:none;
  }
  .wp-block-table.respo2col tr:last-child > td:nth-child(2) { border-bottom:1px solid #999; }
}

@media (max-width: 575.98px) {
  /* xs スマートフォン向け */
  #news-detail section.contents-box {
    padding:1.5rem;
  }
}