@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One-child
Template: twentytwentyone
Theme URI: https://wordpress.org/themes/twentytwentyone/
*/


/**
 *
 * style
 *
 */

/*--------------------------------------------------------------------------
 pager
---------------------------------------------------------------------------*/
#all-news .pager {
 margin-top: 100px;
 padding: 0 6.666%;
 display: flex;
}
#all-news .pager {
 display: flex;
 -webkit-justify-content: center;
         justify-content: center;
 -webkit-align-items: center;
         align-items: center;
}
#all-news .pager .nav-links > * {
 width: 45px;
 height: 40px;
 margin: 0 3px;
 text-align: center;
 line-height: 40px;
 font-size: 14px;
 font-weight: 400;
 color: #fff;
 border: 1px solid #DCDDDA;
 background: #45403F;
}
#all-news .pager .dots {
 color: #45403F;
 border: none;
 background: #FFF;
}
#all-news .pager a {
 display: block;
 color: #45403F;
 background: #fff;
}
#all-news .pager a:hover {
 color: #fff;
 background: #45403F;
}
#all-news .pager i {
 line-height: 40px;
 font-size: 24px;
}

@media screen and (max-width: 1200px) {
 #all-news .pager { margin-top: 80px;}
 #all-news .pager .nav-links > * {
  width: 40px;
  height: 36px;
  margin: 0 3px;
  line-height: 36px;
  font-size: 12px;
 }
 #all-news .pager i {
  line-height: 36px;
  font-size: 20px;
 }
}
@media screen and (max-width: 768px) {
 #all-news .pager { margin-top: 60px;}
}

/*--------------------------------------------------------------------------
 記事詳細ページ
---------------------------------------------------------------------------*/
#news-detail {
 width: 86.666vw;
 max-width: 864px;
 margin-left: auto;
 margin-right: auto;
 position: relative;
}
#news-detail .news-head {
 margin-bottom: 30px;
 padding-bottom: 30px;
 border-bottom: 1px solid #DCDDDA;
}
#news-detail .news-head .news-title {
 margin-top: .5em;
 line-height: 1.6;
 font-size: 28px;
 font-weight: 500;
 letter-spacing: 0.1em!important;
}
#news-detail .news-head .date {
 margin-right: .5em;
 display: inline-block;
 vertical-align: middle;
 letter-spacing: .16em;
 line-height: 1;
 font-size: 13px;
 font-family: din-2014, sans-serif;
 font-weight: 400;
}
#news-detail .news-head .category {
 padding: 0 .666em;
 display: inline-block;
 letter-spacing: .06em;
 line-height: 1.66;
 color: #979594;
 font-size: 13px;
 font-weight: 400;
 border: 1px solid #B7B5B4;
}
#news-detail .news-head .end {
 color: #FFF;
 background: #B7B5B4;
 border: 1px solid #B7B5B4;
}
#news-detail .news-body {}
#news-detail .news-body p {
 text-align: justify;
 line-height: 2;
}
#news-detail .news-body b { font-weight: 500;}
#news-detail .news-body p:not(:first-child) { margin-top: 1em;}
#news-detail .news-body figure + p { margin-top: 2em !important;}
#news-detail .news-body h4 {
 line-height: 1.6;
 font-size: 24px;
 font-weight: 500;
}
#news-detail .news-body p a {
 font-weight: 400;
 border-bottom: 1px solid #74706F;
}
#news-detail .news-body p a:hover { border-color: transparent; }
#news-detail .news-body h4:not(:first-child) { margin-top: 2em;}
#news-detail .news-body figure:not(:first-child) { margin-top: 50px;}

#news-detail .news-body .event-detail { margin-top: 25px;}
#news-detail .news-body .event-detail table { width: 100%;}
#news-detail .news-body .event-detail table th {
 width: 9em;
 padding: 20px 25px;
 text-align: center;
 color: #fff;
 font-weight: 500;
 border-right: 5px solid #fff;
 border-bottom: 5px solid #fff;
 background: #6B6665;
}
#news-detail .news-body .event-detail table td { text-align: left;}
#news-detail .news-body .event-detail table td {
 padding: 20px 25px;
 border-bottom: 5px solid #fff;
 background: #F6F5F4;
}
#news-detail .news-body .event-detail table a {
 line-height: 0;
 display: block;
}
#news-detail .news-body .event-detail table a img { width: 260px;}

#news-detail .page-nav {
 margin-top: 100px;
 padding-top: 50px;
 border-top: 1px solid #DCDDDA;
}
#news-detail .page-nav ul {
 display: flex;
 position: relative;
 -webkit-align-items: center;
         align-items: center;
}
#news-detail .page-nav ul li { width: 33.333%;}
#news-detail .page-nav ul li.prev { text-align: left;}
#news-detail .page-nav ul li.back { text-align: center;}
#news-detail .page-nav ul li.next { text-align: right;}
#news-detail .page-nav ul li {}
#news-detail .page-nav ul li a {
 display: inline-block;
 font-size: 14px;
 font-weight: 400;
}
#news-detail .page-nav ul li.back a {
 width: 200px;
 height: 54px;
 line-height: 54px;
 text-align: center;
 border: 1px solid #74706F;
 -webkit-border-radius: 2px;
         border-radius: 2px;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);

}
#news-detail .page-nav ul li.back a:hover {
 color: #FFF;
 border-color: #45403F;
 background: #45403F;
}
#news-detail .page-nav ul li.prev a,
#news-detail .page-nav ul li.next a {
 line-height: 1.8;
 border-bottom: 1px solid transparent;
 white-space: nowrap;
}
#news-detail .page-nav ul li.prev a:hover,
#news-detail .page-nav ul li.next a:hover { border-color: #45403F; }
#news-detail .page-nav ul li a i {
 margin-bottom: .1em;
 display: inline-block;
 vertical-align: middle;
 line-height: 0;
 font-size: 28px;
}
#news-detail .page-nav ul li.prev a i { padding-right: 5px;}
#news-detail .page-nav ul li.next a i { padding-left: 5px;}

@media screen and (max-width: 1200px) {
 #news-detail .news-head {
  margin-bottom: 25px;
  padding-bottom: 25px;
 }
 #news-detail .news-head .news-title { font-size: 22px;}
 #news-detail .news-head .date { font-size: 10px;}
 #news-detail .news-head .category { font-size: 11px;}
 #news-detail .news-body h4 { font-size: 20px;}
 #news-detail .news-body figure:not(:first-child) { margin-top: 40px;}

 #news-detail .news-body .event-detail { margin-top: 25px;}
 #news-detail .news-body .event-detail table th { padding: 15px 20px;}
 #news-detail .news-body .event-detail table td { padding: 15px 20px;}
 #news-detail .news-body .event-detail table a img { width: 208px;}

 #news-detail .page-nav {
  margin-top: 80px;
  padding-top: 40px;
 }
 #news-detail .page-nav ul li {}
 #news-detail .page-nav ul li a { font-size: 12px;}
 #news-detail .page-nav ul li.back a {
  width: 160px;
  height: 48px;
  line-height: 48px;
 }
 #news-detail .page-nav ul li a i { font-size: 22px;}
 #news-detail .page-nav ul li.prev a i { padding-right: 4px;}
 #news-detail .page-nav ul li.next a i { padding-left: 4px;}
}
@media screen and (max-width: 768px) {
 #news-detail .news-head {
  margin-bottom: 20px;
  padding-bottom: 20px;
 }
 #news-detail .news-head .news-title { font-size: 18px;}
 #news-detail .news-head .date { font-size: 9px;}
 #news-detail .news-head .category { font-size: 10px;}
 #news-detail .news-body h4 { font-size: 16px;}
 #news-detail .news-body figure:not(:first-child) { margin-top: 30px;}

 #news-detail .news-body .event-detail { margin-top: 15px;}
 #news-detail .news-body .event-detail table th {
  padding: 8px 1em;
  border-right: none;
 }
 #news-detail .news-body .event-detail table th,
 #news-detail .news-body .event-detail table td {
  width: 100%;
  display: block;
  font-size: 13px;
  border-width: 4px;
 }
 #news-detail .news-body .event-detail table td { padding: 15px;}
 #news-detail .news-body .event-detail table td {
  width: 100%;
  display: block;
 }
 #news-detail .news-body .event-detail table a img {
  width: 100%;
  max-width: 337px;
  margin: 0 auto;
 }

 #news-detail .page-nav {
  margin-top: 60px;
  padding-top: 30px;
 }
 #news-detail .page-nav ul li a { font-size: 11px;}
 #news-detail .page-nav ul li.back a {
  width: 100px;
  height: 38px;
  line-height: 38px;
 }
 #news-detail .page-nav ul li a i { font-size: 20px;}
 #news-detail .page-nav ul li.prev a i { padding-right: 0;}
 #news-detail .page-nav ul li.next a i { padding-left: 0;}
}