@charset "UTF-8";
/*お知らせ*/
.px_cate_01 {
  color: #fff;
  background-color: var(--info);
}

a.px_cate_01:hover, a.px_cate_01:focus {
  color: #fff;
  background-color: var(--info-hover);
}

a.px_cate_01:focus, a.px_cate_01.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(9, 165, 190, 0.5);
}

@media (max-width: 575.98px) {
  .px_img_position {
    width: 100%;
    float: none;
    padding-right: 0;
    padding-bottom: 20px;
    text-align: center;
  }
}

@media (min-width: 576px) {
  .px_img_position {
    width: 100%;
    float: none;
    padding-right: 0;
    padding-bottom: 20px;
    text-align: center;
  }
}

@media (min-width: 768px) {
  .px_img_position {
    width: min-content;
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
  }
}

@media (min-width: 992px) {
  .px_img_position {
    width: min-content;
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
  }
}

@media (min-width: 1280px) {
  .px_img_position {
    width: min-content;
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
  }
}

/*講演会*/
.px_cate_02 {
  background-color: var(--success) !important;
}

a.px_cate_02:hover, a.px_cate_02:focus,
button.px_cate_02:hover,
button.px_cate_02:focus {
  background-color: var(--success-hover) !important;
}

/*サザエさん募金*/
.px_cate_03 {
  color: var(--dark);
  background-color: var(--warning);
}

a.px_cate_03:hover, a.px_cate_03:focus {
  color: var(--dark);
  background-color: var(--warning-hover);
}

a.px_cate_03:focus, a.px_cate_03.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(245, 202, 153, 0.5);
}

/*投稿記事で使用*/
.cw_text_center{
	text-align: center;
}

.cw_text_center img{
	max-width: 100%;
	height: auto;
}

.cw_text_right{
	text-align: right;
}

.cw_text_news_subtitle{
	font-weight: bold;
	text-align: center;
	font-size: 150%;
}

.cw_pt10{
	padding-top: 10px;
}

.px_news_attention_area{
  border: #ff0000 2px solid;
  padding: 15px;
  margin-bottom: 15px;
}

/*MW WP Formで使用*/
/**入力画面で非表示**/
.mw_wp_form_input p.px_form_confirm,
.mw_wp_form_input div.px_form_confirm,
.mw_wp_form_input span.px_form_confirm{
	display: none;
}

/**確認画面で非表示**/
.mw_wp_form_confirm p.px_form_input,
.mw_wp_form_confirm div.px_form_input,
.mw_wp_form_confirm span.px_form_input{
	display: none;
}

/*二つ目のエラーは非表示*/
div.form-group span.error:nth-child(3){
	display: none;
}