@charset "utf-8";
/*
theme Name: お知らせ投稿システム
Author: 有限会社ネスト
Description: original theme
version： 1.0.0
*/

/*p.post_case_attention{ padding:1em 1.5em; border:1px solid #ccc; background:#f0f0f0; border-radius:10px;}*/


/*=================================================================================================================================*/
/**  PC	*/
/*=================================================================================================================================*/
@media (min-width: 768px) {
  #main_contents{width: 90%;margin: 0 auto;}
  #sidebar { width:28%; float:right; }
  }

/*=================================================================================================================================*/
/**  SP	*/
/*=================================================================================================================================*/
@media (max-width: 767px) {
  #main_contents { padding-top: 30px; padding-bottom: 60px;}
  h2{font-size: 22px !important;}

}


/*=================================================================================================================================*/
/**  共通	*/
/*=================================================================================================================================*/
#wp_container { margin-bottom: 80px; }
h2{font-size: 32px;text-align: left;margin-bottom: 30px;margin-top: 12px; color: #000;}

.kiji-info { margin-bottom: 5px; }
.kiji-date { font-size: 14px; }
.cat-data:before{ display: inline; content: '|'; color: #CCC; }


 /*=================================================================================================================================*/
/**  タグ	*/
/*=================================================================================================================================*/
.kiji-tag {text-align: right;margin-top: 50px;}
.kiji-tag li {
  display: inline-block;
  color: #464646;
  margin-bottom:7px;
}
.kiji-tag li a {
  font-size: .8em;
  margin-right: 7px;
  padding: 2px 7px;
  text-decoration: none;
  color: #464646;
  border: solid 1px #464646;
  border-radius: 2px;
}
.kiji-tag li a:hover {  opacity: .5;}
/*  .kiji p {  margin-top: 0;  margin-bottom: 30px;} */

/*=================================================================================================================================*/
/**  ページネーション	*/
/*=================================================================================================================================*/
.pagination {  margin: 40px 0 30px;  text-align: center;}
.pagination ul {  margin: 0;  padding: 0;  list-style: none;}
 .pagination li {  display: inline-block;  width: auto;}
 .pagination li a, .pagination li > span {
 font-size: .9em;
  display: block;
  width: 30px;
  margin: 0 1px;
  padding: 5px 0;
  text-decoration: none;
  color: #000;
  border: solid 1px #ccc;
  border-radius: 3px;
}
.pagination li > span {  color: #fff;  background-color: #464646;}
.pagination li a:hover {  color: #fff;  background-color: #464646;}
 .pagination li .dots {
  width: 15px;
  padding: 0;
  color: #000;
  border-color: transparent;
  background-color: transparent;
}
/*=================================================================================================================================*/
/**  サイドバー	*/
/*=================================================================================================================================*/

/* 記事一覧ページへ戻るボタン */
.bt_wp{ width: 100%;
margin-bottom: 15px;
-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;
box-sizing: border-box ; /*通常の記述*/
-webkit-box-sizing: border-box ;  /*Google ChromeやSafariの機能を利用*/
-moz-box-sizing: border-box ;  /*Firefoxの機能を利用*/
}
.sidebar-wrapper {
  margin-bottom: 1.8em;
}

.sidebar-wrapper h4 {
  font-size: 1.1em;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 7px 10px;
  color: #fff;
  background-color: #7FB202;
}

/*=================================================================================================================================*/
/**  ウィジェット	*/
/*=================================================================================================================================*/
/*デフォルトウィジェット*/

.widget_recent_entries li, .widget_meta li, .widget_recent_comments li, .widget_pages li, .widget_meta li, .widget_categories li, .widget_archive li, .widget_nav_menu li {
  position: relative;
  padding: 10px;
  border-bottom:1px dashed #CCC;
}

.widget_recent_entries a, .widget_meta a, .widget_recent_comments a, .widget_pages a, .widget_meta a, .widget_categories a, .widget_archive a, .widget_nav_menu a {
  text-decoration: none;
  color: #333;
}

.widget_recent_entries a:hover, .widget_meta a:hover, .widget_recent_comments a:hover, .widget_pages a:hover, .widget_meta a:hover, .widget_categories a:hover, .widget_archive a:hover, .widget_nav_menu a:hover {
  opacity: .6;
}

/*カテゴリウィジェット*/
.widget_categories li{}

/*タグウィジェット*/
.tagcloud a {
  font-size: .9em !important;
  line-height: 2.5em;
  margin: 2px;
  padding: 2px 10px;
  white-space: nowrap;
  text-decoration: none;
  color: #333;
  border: 1px solid #333;
  border-radius: 3px;
}
.tagcloud a:hover{ opacity: .5; }

/*=================================================================================================================================*/
/**  検索バー	*/
/*=================================================================================================================================*/
/* search */
.searchfield {padding: 10px;margin-top: 10px;font-size: 20px;width: 86%; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.searchsubmit {
width: 35px;
height: 30px;
padding: 0;
font-family: FontAwesome;
font-size: 20px;
border: none;
background: transparent;
cursor: pointer;
}



.text { margin-bottom: 40px; padding-bottom:30px; border-bottom:2px dashed #CCC;}
.text h2 {margin-bottom: 15px;}





/*=================================================================================================================================*/
/**  グーテンベルグ対応CSS	*/
/*=================================================================================================================================*/
img {
  width: 100%;
  height: auto;
}
figcaption {
  width: 100%;
  text-align: center;
  padding: 0.5rem 1rem 1rem;
}
.wp-block-gallery {
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  padding-left: 0;
}
.wp-block-gallery li {
  margin: 0;
}

/* 画像 */
.wp-block-image {
  margin-bottom: 25px;
}

/* ul  */
section ul li {
  list-style-type: unset;
  margin-left: 2em;
}
section ul {
  margin-bottom: 20px;
}

.columns-1 .blocks-gallery-item {
  width: 100%;
}
.columns-2 .blocks-gallery-item {
  width: 49%;
}
.columns-3 .blocks-gallery-item {
  width: 32%;
}
.columns-4 .blocks-gallery-item {
  width: 24%;
}
.columns-5 .blocks-gallery-item {
  width: 19%;
}
.columns-6 .blocks-gallery-item {
  width: 15%;
}

/* カラム */
@media (min-width: 768px) {
  .wp-block-columns {
    display: flex;
    justify-content: left;
    margin-bottom: 30px;
    flex-basis: auto;
  }
  .wp-block-columns:last-of-type {
    margin-bottom: 0px;
  }
  .has-2-columns .wp-block-column {
    width: 48%;
  }
  .has-3-columns .wp-block-column {
    width: 32%;
  }
  .has-4-columns .wp-block-column {
    width: 24%;
  }
  .has-5-columns .wp-block-column {
    width: 24%;
  }
  .has-6-columns .wp-block-column {
    width: 15%;
  }
  .wp-block-column {
    flex-basis: auto;
  }
}

@media (min-width: 768px) {
  .wp-block-media-text {
    display: grid;
    _zoom: 1;
    overflow: hidden;
  }
  .wp-block-media-text {
    display: flex;
    margin-bottom: 20px;
  }
  .wp-block-media-text__content {
    padding: 15px 30px;
  }
}

.wp-block-embed-youtube {
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}

.wp-block-embed-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wp-block-image {
  width: 100%;
}

.wp-block-image img {
  height: auto;
}

/* gtb 5.3 */
/* text-align */
.has-text-align-center {
  text-align: center;
}

/* テーブル */
/* wp-block-tableがwrapperに変更 */
.wp-block-table table {
  width: 90%;
  min-width: 240px;
  border-collapse: collapse;
  margin: 0 auto 30px;
}
.wp-block-table table td,
.wp-block-table table th {
  padding: 1.5em 2em;
  border: 1px solid;
  word-break: break-all;
}
.wp-block-table table th,
.wp-block-table table td {
  border-color: #bbb;
}

.wp-block-table table th {
  width: 25%;
  background: #f3f4f5;
  font-size: 110%;
}

/* .wp-block-column　下記追加 */
.wp-block-column {
  width: 100%;
}

/* 区切り */
.wp-block-separator {
  border: unset;
  border-bottom: 1px dashed #000;
}

/* ボタン */
.wp-block-button__link {
  width: 100%;
  max-width: 337px;
  padding: 1.2rem 4rem;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  text-decoration: none !important;
  font-size: 2.4rem;
  box-sizing: border-box; /*通常の記述*/
  -webkit-box-sizing: border-box; /*Google ChromeやSafariの機能を利用*/
  -moz-box-sizing: border-box; /*Firefoxの機能を利用*/
  color: #104583;
  background: #e3f1fe;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 2px 2px #a6a6a6;
}
/* hover */
.wp-block-button__link {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.wp-block-button__link:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";
}

.is-style-stripes tr:nth-child(odd) {
  background-color: #f3f4f5;
}

.wp-block-table.is-style-stripes{ border-bottom: none !important;}

/* ボタンのスタイル 「アウトライン」 */
.is-style-outline {
  border: 3px solid #753f14;
}

/* tac（ボタン） */
.aligncenter {
  text-align: center;
}

/* グーテン グループ 機能CSS */
.wp-block-group__inner-container {
  padding: 22px 70px 45px 70px;
  margin-bottom: 20px;
}
.wp-block-group__inner-container  .wp-block-group__inner-container {
  padding:unset;
  margin-bottom: unset;
}


/* カラー */
.has-navy-color {
  color: #171a5f;
}
.has-vivid-cyan-blue-color {
  color: #0693e3;
}
.has-light-gray-color {
  color: #f2f2ea;
}
.has-cyan-blue-gray-color {
  color: #abb8c3;
}
.has-dark-gray-color {
  color: #313131;
}
.has-deep-blue-color {
  color: #113766;
}
.has-white-color-color {
  color: #fff !important;
}

.has-navy-background-color {
  background: #171a5f;
}
.has-vivid-cyan-blue-background-color {
  background: #0693e3;
}
.has-light-gray-background-color {
  background: #f2f2ea;
}
.has-cyan-blue-gray-background-color {
  background: #abb8c3;
}
.has-dark-gray-background-color {
  background: #313131;
}
.has-usui-blue-background-color {
  background: #eefaff;
}
.has-deep-blue-background-color {
  background: #113766;
}

/*---------------------------------------------
 ** 個別指定 for スマートフォン
---------------------------------------------*/
@media screen and (max-width: 740px) {
  /* グーテン グループ 機能CSS */
  .wp-block-group__inner-container {
    padding: 2rem 1rem;
    margin-bottom: 20px;
  }
}

/* 角丸 */
.bdr {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

/* 用意する
  ・スペーサー（再利用ブロック）
*/

/* 5.3時 追加分 */
/* カラム マージン */
@media (min-width: 768px) {
  .wp-block-column:not(:first-child) {
    margin-left: 19px;
  }
  .wp-block-column:nth-child(2n) {
    margin-left: 19px;
  }
}

@media (max-width: 768px) {
  .wp-block-column:not(:last-child) {
    margin-bottom: 19px;
  }
  .wp-block-column:nth-child(2n) {
    margin-bottom: 19px;
  }
}