@charset "UTF-8";

/* お知らせ一覧 */
/* ============================================ */

/* 共通部分 */
.campaign_content_title {
  font-family: 'Noto Serif JP', serif;
  text-align: left;
  letter-spacing: .15em;
  font-size: 2rem;
  padding-bottom: 5px;
  border-bottom: 1px solid #6a6a6a;
  margin-bottom: 19px;
}
.campaign_content_title span {
  font-size: .9rem;
  text-transform: uppercase;
  letter-spacing: .5em;
  padding-left: 21px;
}
.archive_campaign_content_postlist {
  display: flex;
  max-width: 770px;
  position: relative;
  width: 100%;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.archive_campaign_content_list {
  box-sizing: border-box;
  flex: 0 1 calc(95% / 3);
  width: 240px;
  padding: 0 0 16px 0;
  margin: 0 0 22px 0;
}
.archive_campaign_content_img_wrap {
  overflow: hidden;
}
.archive_campaign_link_wrap img {
  transition: .3s transform ease-out;
}
.archive_campaign_link_wrap:hover img {
  transform: scale(1.2);
}
.archive_campaign_content_date {
  font-size: 1.3rem;
  color: #838383;
  font-weight: bold;
}
.archive_campaign_content_text {
  font-size: 1.4rem;
  font-weight: bold;
}
.archive_campaign_content_img_wrap img {
  object-fit: cover;
  width: 240px;
  height: 240px;
	/* height: 200px; */
}
.campaign_content_button {
  text-align: center;
  margin: 0 0 59px 0;
}
.archive_news_content_li {
  border-bottom: dashed 1px #b2b2b2;
  padding-bottom: 19px;
  margin-bottom: 19px;
}
.archive_news_content_li:first-child {
  border-top: solid 1px #6a6a6a;
  padding-top: 19px;
}
.archive_news_content_li:last-child {
  border-bottom: solid 1px #6a6a6a;
  padding-bottom: 19px;
  margin-bottom: 19px;
}
.archive_news_content_dl {
  display: flex;
  align-items: center;
}
.archive_news_content_dt_wrp {
  display: flex;
  margin: 0 0 auto;
}
.news_content_ttl {
  font-size: 1.5rem;
  font-weight: bold;
  font-family: 'Noto Serif JP', serif;
}
.archive_news_content_dt a {
  display: block;
  font-size: 1.2rem;
  background: #74a6aa;
  padding: 1px 8px;
  color: #fff;
  text-align: center;
}
.archive_news_content_dt a:not(:last-child) {
  margin-right: 5px;
}
.archive_news_content_date {
  font-size: 1.3rem;
  font-weight: bold;
  color: #838383;
}
.archive_news_content_dt {
  margin-right: 24px;
  display: flex;
}
.archive_news_content_dt a a:not(:last-child) {
  margin-right: 5px;
}
.archive_news_content_date::before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 12px;
  margin-left: 4px;
  border: transparent solid 4px;
  border-left-color: #74a6aa;
  vertical-align: 1px;
  border-width: 4px 0 4px 6px;
}
.archive_news_content_dd {
  font-size: 1.4rem;
  flex: 1;
}
.campaign_content_green {
  margin: 34px -3px 29px;
}
.campaign_content_green .pager_wrap .pager {
  border: 1px dashed #74a6aa;
  color: #74a6aa;
  padding: 4px 0;
}
.campaign_content_green .pager_wrap .pager:hover, .pagination .current {
  background: #74a6aa;
  color: #fff !important;
}
.prev.pager::before, .next.pager::before {
  border-left: solid 10px #70a4a8;
}
.campaign_content_green .pager_wrap {
  font-family: 'Noto Serif JP', serif;
}
@media screen and (min-width: 801px) {
  .archive_campaign_content_list:nth-child(3n+1):not(:nth-last-child(-n+3)) {
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 21px;
    display: block;
    box-sizing: border-box;
  }
  .archive_campaign_content_list:nth-child(3n+1):not(:nth-last-child(-n+3))::after {
    position: absolute;
    width: 314%;
    content: "";
    border-bottom: 1px dashed #b2b2b2;
    bottom: 0;
  }
}
@media screen and (max-width: 870px) {
  .archive_news_content_date::before {
    margin-right: 4px;
    margin-left: 0px;
    border-width: 4px 0 4px 6px;
  }
}
@media screen and (max-width: 850px) {
  .archive_campaign_content_list {
    box-sizing: border-box;
    flex: 0 1 calc(95% / 3);
    padding: 0px;
    margin-left: 0px;
    width: 240px;
  }
}
@media screen and (max-width: 800px) {
  .news_content_ttl {
    font-size: 1.2rem;
  }
  .archive_campaign_content_postlist {
    justify-content: center;
    margin: 0 auto;
  }
  .archive_campaign_content_img_wrap img {
    width: 100%;
    /* height: 115px; */
	  height: 100%;
  }
  .archive_campaign_content_list {
    box-sizing: border-box;
    flex: 0 1 calc(67% / 2);
    padding: 0 5px 6px;
    margin: 0 0 7px 0;
    width: 240px;
  }
  .archive_news_content_dt_wrp {
    margin: 0 0 6px;
  }
  .campaign_content_title {
    font-size: 1.5rem;
  }
  .campaign_content_title span {
    font-size: .5rem;
    padding-left: 7px;
  }
  .blog .archive_campaign_content_list:nth-child(n+5){
    display: none;
  }
  .archive_campaign_content_date {
    font-size: 1rem;
  }
  .archive_campaign_content_text {
    font-size: 1rem;
  }
  .campaign_content_button {
    text-align: center;
    margin: 0 0 19px 0;
  }
  .campaign_content_button_img {
    width: 130px;
  }
  .archive_news_content_li {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .archive_news_content_li:first-child {
    border-top: solid 1px #c7c7c7;
    padding-top: 10px;
  }
  .archive_news_content_li:last-child {
    padding-bottom: 12px;
    margin-bottom: 23px;
    border-bottom: solid 1px #c7c7c7;
  }
  .archive_news_content_dl {
    align-items: normal;
  }
  .archive_news_content_dt a {
    font-size: 1rem;
    background: #74a6aa;
    padding: 0 6px;
    color: #fff;
    text-align: center;
    margin: 0 6px auto;
  }
  .archive_news_content_date {
    font-size: 1rem;
    color: #838383;
  }
  .archive_news_content_date::before {
    margin-right: 4px;
    border-width: 2px 0 2px 4px;
  }
  .archive_news_content_dd {
    font-size: 1rem;
  }
  .campaign_content_green {
    margin: 23px -3px 16px;
  }
  .archive_news_content_dt {
    margin: 0;
    font-weight: bold;
  }
  .archive_news_content_date {
    margin: 0;
  }
}

@media screen and (max-width: 500px) {
  .archive_campaign_content_postlist {
    justify-content: space-between;
    margin: 0;
  }
  
  .archive_campaign_content_list {
    flex: 0 1 calc(100% / 2);
  }
}
@media screen and (max-width: 400px) {
  .archive_news_content_dl {
    display: block;
  }
  .archive_news_content_dd {
    padding-left: 1rem;
  }
}
@media screen and (max-width: 320px) {
  .archive_campaign_content_list {
    flex: 0 1 calc(100% / 2);
  }
  
}

/* お知らせ詳細 */
/* ============================================ */

/* 共通部分 */

.news_content_list_area {
  border-bottom: solid 0.5px #6a6a6a;
  padding-bottom: 29px;
  margin-bottom: 29px;
  max-width: 770px;
}

.news_content_list {
  max-width: 650px;
  margin: 0 60px;
}
.news_content_title_wrp {
  border-bottom: solid 0.5px #6a6a6a;
  padding-bottom: 13px;
  margin-bottom: 23px;
}
.news_content_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 650px;
}
.news_content_date_wrp {
  flex: 1;
}
.news_content_date {
  font-size: 1.3rem;
  font-weight: bold;
  color: #838383;
}

.news_content_category a {
  font-size: 1.2rem;
  background: #74a6aa;
  padding: 1px 8px;
  color: #fff;
  text-align: center;
}

.news_content_text {
  font-size: 1.4rem;
  max-width: 650px;
  margin: 23px 0 0 0;
  line-height: 2;
}

.news_content_nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 650px;
  margin: 0 auto;
  margin-bottom: -20px;
}

.news_content_nav_prev_post, .news_content_nav_next_post {
  font-family: 'Noto Serif JP', serif;
  color: #74a6aa;
  width: 80px;
}
.news_content_nav_prev_post .prev.pager {
  padding-left: 35px;
}
.news_content_nav_prev_post .prev.pager::before {
  transform: translateY(-50%) rotate(-180deg);
  left: 10px;
}
.news_content_nav_prev_post .prev.pager:hover::before {
  left: 0;
}
.news_content_nav_next_post {
  text-align: right;
}
.news_content_nav_next_post .next.pager {
  padding-right: 35px;
}
.news_content_nav_next_post .next.pager::before {
  transform: translateY(-50%);
  left: auto;
  right: 10px;
  transition-property: right;
}
.news_content_nav_next_post .next.pager:hover::before {
  right: 0;
}
.news_content_text_prev {
  transform: rotate(180deg);
  width: 55px;
  height: 15px;
  position: absolute;
  right: -100%;
  padding-left: 22px;
}

.news_content_text_next {
  width: 50px;
  position: absolute;
  right: 20%;
  top: -100%;
}

@media screen and (max-width: 800px) {
  
  .single .inner {
    display: block;
  }
  
  .news_main_column {
    display: block;
    margin: 0 auto;
    padding-top: 14px;
  }
  
  .news_content_list_area {
    padding-bottom: 25px;
    margin-bottom: 20px;
    max-width: 740px;
  }
  
  .news_content_list {
    margin: 0 auto;
  }
  .news_content_title_wrp {
    padding-bottom: 6px;
  }
  .news_content_title {
    padding-bottom: 5px;
    max-width: 740px;
  }
  
  .news_content_date {
    font-size: 1rem;
  }
  
  .news_content_category a {
    font-size: 1rem;
    padding: 3px 4px;
  }
  
  .news_content_item {
    padding: 0 23px;
  }
  
  .news_content_text {
    font-size: 1rem;
    margin: 9px 0 0 0;
  }
  
  .news_content_nav {
    justify-content: space-between;
    margin-bottom: 0;
  }
  .news_content_nav_prev_post, .news_content_nav_next_post {
    width: 55px;
    height: 30px;
    line-height: 30px;
  }
  .news_content_nav_prev_post .prev.pager {
    padding-left: 25px;
  }
  .news_content_nav_prev_post .prev.pager::before {
    left: 5px;
  }
  .news_content_nav_next_post .next.pager {
    padding-right: 25px;
  }
  .news_content_nav_next_post .next.pager::before {
    right: 5px;
  }
  .news_content_nav .pager:before {
    border-width: 4px;
    border-left-width: 8px;
  }
  
  .news_content_text_prev {
    font-size: 1rem;
    height: 10px;
    padding-left: 17px;
  }
  
  .news_content_text_next {
    font-size: 1rem;
    right: -50%;
    top: -60%;
  }
  .news_content_back_btn img {
    width: 130px;
  }
}

/* お知らせサイドバー */
/* ============================================ */

/* 共通部分 */
.news_sidebar .side_wrap {
  padding: 0 0 13px;
}
.news_sidebar .side_wrap::before {
  display: block;
  background: #000;
  box-shadow: 1px -1px #cccccc;
  top: -15px;
  right: 0;
  width: calc(100% - 15px);
  height: 15px;
}
.news_sidebar .side_wrap::after {
  position: absolute;
  content: "";
  border-top: 1px solid #ccc;
  top: -10px;
  left: 0px;
  width: 22px;
  height: 11px;
  transform: rotate(-45deg);
  display: block;
  background: #000;
}
.news_sidebar .side_box::before {
  right: -13px;
  height: 23px;
}
.news_sidebar .side_box::after {
  bottom: -9px;
  width: 15px;
  height: 8px;
}
.news_sidebar .side_ttl {
  background: #000;
  color: #fff;
  margin-bottom: 13px;
}
.news_sidebar .side_ttl_text {
  font-weight: bold;
}
.news_sidebar .all_link {
  color: #000;
  background: #f2f2f2;
  transition: .3s background ease-out;
}
.news_sidebar .all_link.active, .news_sidebar .all_link:hover {
  background: #6ca0a4;
  color: #fff;
}
.news_sidebar .all_link::before {
  bottom: 1px;
  right: 1px;
}
.news_sidebar .all_link:not(.active)::before {
  border-left-color: #000;
}
.news_sidebar .all_link:hover::before {
  border-left-color: #fff;
}
.news_sidebar .all_link_button {
  padding: 0 10px;
  margin: 2px 0 0px;
}
.news_sidebar .sidebar_banner_wrp {
  margin-top: 20px;
}
.news_sidebar .sidebar_banner_wrp .sidebar_banner_link:not(:last-child) {
  margin-bottom: 15px;
}
.news_sidebar .sidebar_banner_link {
  display: block;
  position: relative;
}
.news_sidebar .sidebar_banner_link::before {
  position: absolute;
  content: "";
  border-top: 1px solid #ccc;
  top: -8px;
  left: -8px;
  width: 18px;
  height: 18px;
  transform: rotate(135deg);
  display: block;
  background: #fff;
}
.news_sidebar .sidebar_banner_image {
  width: 100%;
  border: 1px solid #cccc;
}
.news_sidebar .sidebar_banner_link::after {
  position: absolute;
  content: "";
  border-top: 1px solid #ccc;
  bottom: -8px;
  right: -8px;
  width: 18px;
  height: 18px;
  transform: rotate(-45deg);
  display: block;
  background: #fff;
}
@media screen and (min-width: 801px) {
  .news_sidebar_column:not(:first-child) {
    margin-top: 15px;
  }
}
@media screen and (max-width: 800px) {
  .news_side_column {
    display: block;
    margin: 0 auto;
  }
  .news_sidebar {
    margin: 25px 0 -15px 0;
    width: 100%;
  }
  .news_sidebar .sidebar_banner_wrp {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .news_sidebar_column:not(:first-child) {
    margin: 0 0 0 11px;
  }
}

/* お知らせページトップ部分画像 */
.blog .page_ttl_content::before, .archive .page_ttl_content::before, .single .page_ttl_content::before {
  background: url(../img/news/news_title_img.jpg) center center no-repeat;
  background-size: cover;
}
.blog .page_ttl-page .page_ttl_text_wrap::after, .archive .page_ttl-page .page_ttl_text_wrap::after, .single .page_ttl-page .page_ttl_text_wrap::after {
  background: url(../img/news/news_title_text.png) center center no-repeat;
  left: 50%;
  top: 55%;
}
@media screen and (max-width: 800px) {
  .blog .page_ttl-page .page_ttl_text_wrap::after, .archive .page_ttl-page .page_ttl_text_wrap::after, .single .page_ttl-page .page_ttl_text_wrap::after {
    background-size: contain;
    width: 50vw;
    left: 9%;
  }
  
}

/* ============================================ */
/* メインビジュアル 追加分*/
/* ============================================ */

.home .archive_news_content_li {
  border-bottom: dashed 1px #b2b2b2;
  padding-bottom: 19px;
  margin-bottom: 19px;
  width:50%;
}

.news_cat{
	display:flex;
}

.archive .hover_left_border_dgreen{
	display:block;
	margin-bottom:1px;
}

.archive_news_content_dt_wrp {
  display: flex;
  margin: 0 0 auto;
  width:40%;
}
.archive_news_content_li:first-child {
    border-top: 0px !important;
    padding-top: 0px !important;
}
.archive_news_content_li:nth-last-child(1){
    border-bottom: solid 1px #6a6a6a;
    padding-bottom: 19px;
    margin-bottom: 19px;
}
.archive_news_content_li:nth-last-child(2){
    border-bottom: solid 1px #6a6a6a;
    padding-bottom: 19px;
    margin-bottom: 19px;
}
.top_news_flex_wrap{
  display:flex;
  flex-wrap: wrap;
}
.archive_news_content_txt{
  width:60%;
}
.archive_news_content_dd{
   margin-left:16px;
}

@media screen and (max-width: 800px) {
  .top_news_flex_wrap{
    display:block;
  }
  .home .archive_news_content_li {
    width:100%;
  }
  .archive_news_content_dl {
    display: flex !important;
  }
  .news_img{
    width:75%;
  }
	.news_cat{
		display:block;
	}
  .archive_news_content_dd{
    font-size: 11px;
    margin-top: 10px;
    padding-left:0px !important;
  }
  .archive_news_content_txt{
    padding-left: 10px;
    padding-top: 15px;
  }
  .archive_news_content_li:nth-last-child(2){
    border-bottom: dashed 1px #6a6a6a;
  }
}

/* 一覧の写真：カテゴリ名ラベル用の .archive_news_content_dt a（青緑の背景＋左右の余白）が写真のリンクにもかかり、写真の左右に青い帯が出ていたので外す 2026-11-01 */
.archive_news_content_dt.news_img a {
  background: none;
  padding: 0;
}
