/**
 * page_list news_and_event_page_list template stylesheet
 */
/**
 * page_list news_and_event_page_list template stylesheet
 */
:root {
  --pagelist-list-title-bgcolor: #c8e6ff;
  --pagelist-list-title-border-color: #c8e6ff;
  --pagelist-jump-parentpage-button-bgcolor: #0aa546;
  --pagelist-jump-parentpage-button-border-color: #0aa546;
}
html[data-background_color="blue"] {
  --pagelist-list-title-bgcolor: #00008b;
  --pagelist-list-title-border-color: yellow;
  --pagelist-jump-parentpage-button-bgcolor: #00008b;
  --pagelist-jump-parentpage-button-border-color: white;
}
html[data-background_color="black"] {
  --pagelist-list-title-bgcolor: #000000;
  --pagelist-list-title-border-color: white;
  --pagelist-jump-parentpage-button-bgcolor: #000000;
  --pagelist-jump-parentpage-button-border-color: yellow;
}
html body .ccm-page #wrapper main .page_contents #main_section div.container article.news_and_event_list ul li {
  display: flex;
  gap: 20px;
  align-items: start;
  padding: 16px 0;
  border-bottom: dotted 1px #c8c8c8;
}
@media screen and (max-width: 750px) {
  html body .ccm-page #wrapper main .page_contents #main_section div.container article.news_and_event_list ul li {
    flex-direction: column;
  }
}
html body .ccm-page #wrapper main .page_contents #main_section div.container article.news_and_event_list ul li.news_and_event_list_bundle_tag {
  display: block;
  margin: 10px 0;
  padding: 8px 0;
  padding-left: 10px;
  background-color: var(--pagelist-list-title-bgcolor);
  border: solid 1px var(--pagelist-list-title-border-color);
}
html body .ccm-page #wrapper main .page_contents #main_section div.container article.news_and_event_list ul li.news_and_event_list_bundle_tag p {
  font-size: 1.2rem;
  font-weight: bolder;
  line-height: 1em;
}
html body .ccm-page #wrapper main .page_contents #main_section div.container article.news_and_event_list ul li:has(+li.news_and_event_list_bundle_tag) {
  border-bottom: none;
}
html body .ccm-page #wrapper main .page_contents #main_section div.container article.news_and_event_list ul li div.news_and_event_list_page_info div.news_and_event_list_publish_date_and_category {
  font-size: 1rem;
  line-height: 1.3rem;
  display: flex;
  justify-content: start;
  gap: 1rem;
}
@media screen and (max-width: 750px) {
  html body .ccm-page #wrapper main .page_contents #main_section div.container article.news_and_event_list ul li div.news_and_event_list_page_info div.news_and_event_list_publish_date_and_category {
    font-size: 0.9rem;
    gap: 0;
  }
}
html body .ccm-page #wrapper main .page_contents #main_section div.container article.news_and_event_list ul li div.news_and_event_list_page_info div.news_and_event_list_publish_date_and_category p.news_and_event_list_publish_date {
  min-width: 8rem;
}
html body .ccm-page #wrapper main .page_contents #main_section div.container article.news_and_event_list ul li div.news_and_event_list_page_info div.news_and_event_list_publish_date_and_category p.news_and_event_list_news_category {
  min-width: 8rem;
  padding: 0 5px;
  color: white;
  font-size: 0.7rem;
  line-height: 1.8em;
  text-align: center;
  background-color: gray;
  border: solid 1px gray;
  border-radius: 0.2rem;
}
html body .ccm-page #wrapper main .page_contents #main_section div.container article.news_and_event_list ul li div.news_and_event_list_page_info div.news_and_event_list_publish_date_and_category p.news_and_event_list_news_category.default {
  background-color: #1562d7;
  border-color: #1562d7;
}
html body .ccm-page #wrapper main .page_contents #main_section div.container article.news_and_event_list ul li div.news_and_event_list_page_info div.news_and_event_list_publish_date_and_category p.news_and_event_list_news_category.info {
  background-color: #0aa546;
  border-color: #0aa546;
}
html body .ccm-page #wrapper main .page_contents #main_section div.container article.news_and_event_list ul li div.news_and_event_list_page_info div.news_and_event_list_publish_date_and_category p.news_and_event_list_news_category.event {
  background-color: #f89a1f;
  border-color: #f89a1f;
}
html body .ccm-page #wrapper main .page_contents #main_section div.container article.news_and_event_list ul li div.news_and_event_list_page_info div.news_and_event_list_title {
  padding: 3px 0;
  font-size: 1rem;
  line-height: 1.6rem;
}
@media screen and (max-width: 750px) {
  html body .ccm-page #wrapper main .page_contents #main_section div.container article.news_and_event_list ul li div.news_and_event_list_page_info div.news_and_event_list_title {
    font-size: 0.9rem;
  }
}
html body .ccm-page #wrapper main .page_contents #main_section div.container article.news_and_event_list ul li div.news_and_event_list_page_info div.news_and_event_list_description {
  text-align: justify;
}
@media screen and (max-width: 750px) {
  html body .ccm-page #wrapper main .page_contents #main_section div.container article.news_and_event_list.is_thumbnail ul li picture {
    width: 100%;
  }
}
html body .ccm-page #wrapper main .page_contents #main_section div.container article.news_and_event_list.is_thumbnail ul li picture img {
  display: block;
  width: 300px;
  height: 200px;
  object-fit: cover;
}
@media screen and (max-width: 750px) {
  html body .ccm-page #wrapper main .page_contents #main_section div.container article.news_and_event_list.is_thumbnail ul li picture img {
    width: 100%;
    height: auto;
  }
}
html body .ccm-page #wrapper main .page_contents #main_section div.container article.news_and_event_list.is_thumbnail ul li picture.this_page_is_list_top img {
  width: 220px;
  height: 140px;
}
html body .ccm-page #wrapper main .page_contents #main_section div.container article.news_and_event_list.is_thumbnail ul li div.news_and_event_list_title {
  padding-bottom: 1em;
}
html body .ccm-page #wrapper main .page_contents #main_section div.container article.news_and_event_list.is_thumbnail ul li div.news_and_event_list_title a {
  font-size: 1.2rem;
  font-weight: bolder;
  line-height: 1.6rem;
}
html body .ccm-page #wrapper main .page_contents #main_section div.container article.news_and_event_list div.jump_to_parent_pagelist {
  text-align: right;
}
html body .ccm-page #wrapper main .page_contents #main_section div.container article.news_and_event_list div.jump_to_parent_pagelist a {
  display: inline-block;
  min-width: 10rem;
  margin: 20px 0;
  padding: 0 2rem;
  background-color: var(--pagelist-jump-parentpage-button-bgcolor);
  border: solid 1px var(--pagelist-jump-parentpage-button-border-color);
  border-radius: 0.5rem;
  font-size: 0.8rem;
  line-height: 1.4rem;
  text-align: center;
  text-decoration: none;
  color: white;
}
html body .ccm-page #wrapper main .page_contents #main_section div.container article.news_and_event_list div.jump_to_parent_pagelist a:hover,
html body .ccm-page #wrapper main .page_contents #main_section div.container article.news_and_event_list div.jump_to_parent_pagelist a:target {
  opacity: 0.6;
}
/*# sourceMappingURL=view.css.map */