@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : blog.css
 author     : Ability Consultant
 style info : お知らせ
=================================================================== */
.con_event_list a:after, .box_event_detail_h3:after {
  content: "";
  display: table;
  clear: both;
}

/* 一覧ページ
----------------------------------------------------------- */
.con_event_list {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_event_list {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_event_list {
    margin-top: 1em;
  }
}
.con_event_list li {
  border-bottom: 1px solid #ccc;
}
.con_event_list a {
  padding: 12px 0;
  display: inline-block;
  font-family: "Yu Gothic", "Meiryo", sans-serif;
  line-height: 1.5em;
}
@media only screen and (min-width: 768px) {
  .con_event_list a {
    font-size: 143%;
  }
}
@media print {
  .con_event_list a {
    font-size: 143%;
  }
}
@media only screen and (max-width: 767px) {
  .con_event_list a {
    font-size: 129%;
  }
}
@media only screen and (max-width: 767px) {
  .con_event_list a {
    padding: 0.6em 5%;
  }
}
.mouse .con_event_list a:hover .text, .touch .con_event_list a.touchstart .text {
  text-decoration: none;
}
.touch .con_event_list a {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_event_list a.touchend {
  transition-delay: 200ms;
}
.con_event_list .upper {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.con_event_list .upper .date {
  font-size: 70%;
  display: inline-block;
  float: left;
  margin-right: .5em;
}
@media only screen and (max-width: 767px) {
  .con_event_list .upper .date {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .con_event_list .upper .date {
    float: none;
  }
}
@media only screen and (max-width: 767px) {
  .con_event_list .upper .date {
    font-size: 78%;
  }
}
.con_event_list .upper .location {
  font-size: 70%;
  padding: 0 8px;
  border: 1px solid #000;
}
.con_event_list .text {
  text-decoration: underline;
}

/* 詳細ページ
----------------------------------------------------------- */
.con_event_detail {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_event_detail {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_event_detail {
    margin-top: 1em;
  }
}

.box_event_info {
  margin-bottom: 30px;
  padding: 0 0 30px 0;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .box_event_info {
    margin-bottom: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .box_event_info {
    padding: 0 5% 0.6em 5%;
  }
}
.box_event_info .ttl {
  position: relative;
  padding-left: 30px;
  font-size: 150%;
  color: #c0a302;
}
@media only screen and (max-width: 767px) {
  .box_event_info .ttl {
    padding-left: 8%;
  }
}
@media only screen and (max-width: 767px) {
  .box_event_info .ttl {
    font-size: 125%;
  }
}
.box_event_info .ttl::before {
  content: "■";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.box_event_info .des {
  margin: 8px 0;
  font-size: 125%;
}
@media only screen and (max-width: 767px) {
  .box_event_info .des {
    font-size: 100%;
  }
}
.box_event_info .des .access_btn {
  display: block;
  width: 100%;
  margin-top: 0.5em;
  padding: 1em;
  border: 1px solid #000;
  background-color: #fff;
  text-align: center;
  max-width: 230px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .box_event_info .des .access_btn {
    text-decoration: none;
    max-width: 100%;
  }
}
.box_event_info .des .access_btn::after {
  content: "\f3a3";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  margin-right: 1.25em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Ionicons";
  font-size: 1.25em;
  color: #5c061a;
}

.box_event_detail_h3 {
  margin-bottom: 15px;
  padding: 12px 0;
  font-family: "Yu Gothic", "Meiryo", sans-serif;
  line-height: 1.5em;
  font-weight: 400;
  border-bottom: 1px solid #ccc;
}
@media only screen and (min-width: 768px) {
  .box_event_detail_h3 {
    font-size: 143%;
  }
}
@media print {
  .box_event_detail_h3 {
    font-size: 143%;
  }
}
@media only screen and (max-width: 767px) {
  .box_event_detail_h3 {
    font-size: 129%;
  }
}
@media only screen and (max-width: 767px) {
  .box_event_detail_h3 {
    margin-bottom: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .box_event_detail_h3 {
    padding: 0.6em 5%;
  }
}
.box_event_detail_h3 .date {
  font-size: 70%;
  display: inline-block;
  float: left;
  margin-right: .5em;
}
@media only screen and (max-width: 767px) {
  .box_event_detail_h3 .date {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .box_event_detail_h3 .date {
    float: none;
  }
}
@media only screen and (max-width: 767px) {
  .box_event_detail_h3 .date {
    font-size: 78%;
  }
}
.box_event_detail_h3 + .box_event_detail_h4, .box_event_detail_h3 + .box_event_detail_ck {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .box_event_detail_h3 .event_date {
    font-size: 80%;
  }
}

.con_event_detail_img {
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .con_event_detail_img {
    margin-top: 1em;
  }
}
.con_event_detail_img:first-of-type {
  margin-top: 0;
}

.box_event_detail_h4 {
  margin-top: 60px;
  line-height: 1.3em;
  color: #666;
  padding: 7.5px 15px;
  background-color: #eaeaea;
  border-left: 3px solid #999;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_event_detail_h4 {
    margin-top: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .box_event_detail_h4 {
    margin-top: 4em;
  }
}
@media only screen and (min-width: 768px) {
  .box_event_detail_h4 {
    font-size: 129%;
  }
}
@media print {
  .box_event_detail_h4 {
    font-size: 129%;
  }
}
@media only screen and (max-width: 767px) {
  .box_event_detail_h4 {
    font-size: 115%;
  }
}
.box_event_detail_h4 + .con_event_detail_img {
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .box_event_detail_h4 + .con_event_detail_img {
    margin-top: 1.25em;
  }
}
.box_event_detail_h4 + .box_event_detail_ck {
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .box_event_detail_h4 + .box_event_detail_ck {
    margin-top: 1.25em;
  }
}

.box_event_detail_ck {
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .box_event_detail_ck {
    margin-top: 1.25em;
  }
}

/* ページャー
----------------------------------------------------------- */
.con_event_list_pager {
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .con_event_list_pager {
    margin-top: 1.5em;
  }
}
.con_event_list_pager ul {
  justify-content: flex-start;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .con_event_list_pager ul {
    justify-content: center;
  }
}
.con_event_list_pager li {
  margin-left: .25em;
  line-height: 1;
}
.con_event_list_pager li:first-child {
  margin-left: 0;
}
.con_event_list_pager a {
  padding: .9em .75em;
  display: block;
  text-decoration: underline;
}
.con_event_list_pager a.active {
  background: #000;
  color: #fff;
  text-decoration: none;
  cursor: default;
}
.mouse .con_event_list_pager a.active:hover, .touch .con_event_list_pager a.active.touchstart {
  opacity: 1;
}
.touch .con_event_list_pager a.active {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_event_list_pager a.active.touchend {
  transition-delay: 200ms;
}

.con_event_detail_pager {
  margin-top: 65px;
  padding-top: 20px;
  border-top: 1px solid #ccc;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_event_detail_pager {
    margin-top: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .con_event_detail_pager {
    margin-top: 2.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_event_detail_pager {
    padding-top: 1em;
  }
}
.con_event_detail_pager ul {
  display: flex;
  position: relative;
  height: 2em;
}
.con_event_detail_pager li {
  position: absolute;
  top: 0;
}
.con_event_detail_pager li.prev, .con_event_detail_pager li.next {
  width: 6em;
}
.con_event_detail_pager li.prev {
  left: 0;
}
.con_event_detail_pager li.list {
  width: calc(100% - 6em);
  padding: 0 1em;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}
.con_event_detail_pager li.next {
  text-align: right;
  right: 0;
}
.con_event_detail_pager a {
  display: inline-block;
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .con_event_detail_pager a {
    font-size: 115%;
  }
}
@media print {
  .con_event_detail_pager a {
    font-size: 115%;
  }
}
@media only screen and (max-width: 767px) {
  .con_event_detail_pager a {
    font-size: 100%;
  }
}
.mouse .con_event_detail_pager a:hover, .touch .con_event_detail_pager a.touchstart {
  text-decoration: none;
}
.touch .con_event_detail_pager a {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_event_detail_pager a.touchend {
  transition-delay: 200ms;
}

.box_cms_w_text {
  margin-top: 40px;
  padding: 0 1.5em;
  display: flex;
}
@media only screen and (min-width: 768px) {
  .box_cms_w_text {
    font-size: 115%;
  }
}
@media print {
  .box_cms_w_text {
    font-size: 115%;
  }
}
@media only screen and (max-width: 767px) {
  .box_cms_w_text {
    font-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_cms_w_text {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .box_cms_w_text {
    padding: 0 1em;
  }
}
@media only screen and (max-width: 1024px) {
  .box_cms_w_text {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.box_cms_w_text .box_1st {
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_cms_w_text .box_1st {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_cms_w_text .box_1st {
    width: 100%;
  }
}
.box_cms_w_text .box_2nd {
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_cms_w_text .box_2nd {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_cms_w_text .box_2nd {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .box_cms_w_text .box_2nd {
    margin-left: 1.5em;
  }
}
@media print {
  .box_cms_w_text .box_2nd {
    margin-left: 1.5em;
  }
}
@media only screen and (max-width: 1024px) {
  .box_cms_w_text .box_2nd {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 1024px) {
  .box_cms_w_text.sp_column_reverse {
    flex-direction: column-reverse;
  }
  .box_cms_w_text.sp_column_reverse .box_1st {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .box_cms_w_text.sp_column_reverse .box_2nd {
    margin-top: 0;
  }
}

.box_cms_btn {
  width: 50%;
  margin: 1em auto 7px;
  padding: 3px 5px;
  background: #f4a05d;
  color: #fff;
  text-align: center;
  border-radius: 3px;
}
.box_cms_btn a {
  display: inline-block;
  text-align: center;
}
.box_cms_btn a i {
  color: white;
}
.box_cms_btn a span {
  padding-left: initial;
  font-weight: initial;
  text-shadow: initial;
  color: white;
}
@media only screen and (max-width: 767px) {
  .box_cms_btn {
    width: 80%;
  }
  .box_cms_btn a {
    text-decoration: none;
    padding: 3px;
  }
}

.con_footer_reserve {
  margin-top: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_footer_reserve {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .con_footer_reserve {
    margin-top: 4em;
  }
}