@charset "utf-8";
/*
theme Name: お知らせ投稿システム
Author: 有限会社ネスト
Description: original theme
version： 1.0.0
*/
.wp-block-gallery .blocks-gallery-item figure{ height:auto !important;}
p.post_case_attention{ padding:1em 1.5em; border:1px solid #ccc; background:#f0f0f0; border-radius:10px;}
.rs_date{ text-align:right; margin-right:10px; font-size:85%;}
/*=================================================================================================================================*/
/**  PC	*/
/*=================================================================================================================================*/
@media (min-width: 768px) {
  #wp_container{ display:flex;}
#wp_container{ width:1200px; margin: 0 auto; overflow: hidden; display: block; position: relative;}
#main_contents{ width: 70%; float:left; }
#sidebar { width:25%; float:right; margin-left: 5%; }

}

/*=================================================================================================================================*/
/**  SP	*/
/*=================================================================================================================================*/
@media (max-width: 767px) {
#wp_container{ width:90%; margin: 0 auto;}
#main_contents { padding-top: 30px; padding-bottom: 60px;}
#sidebar{ width: 90%; margin: 10px auto;}
.kiji h2{ font-size:20px; font-weight:bold;}
}


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

.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;
  padding: 10px;
  border: 1px solid #ccc;
}

.sidebar-wrapper h4 {
  font-size: 1.1em;
  margin-top: 0;
  margin-bottom: 10px;
  color: #000;
}


/* カスタムフィールドの記事をサイドバーに抜粋 */
.rs_block{
  width: 99%;
  box-shadow: 0 0 10px #ccc;
  margin: 10px auto;
  padding: 0;
  display: block;
  overflow: hidden;
}

.custom_sidebar_block{
  width: 99%;
  box-shadow: 0 0 10px #ccc;
  margin: 10px auto;
  padding: 0;
  display: flex;
}
.custom_sidebar_block .cs_img{ width: 40%; margin-right: 5%;}
.custom_sidebar_block .cs_img img{ height: 115px;} 
.custom_sidebar_block .cs_txt{ width: 55%;}
.custom_sidebar_block .cs_txt h4{ font-size: 1.6rem; font-weight: bold; padding-top: 10px;}
.custom_sidebar_block .cs_txt .cs_date{ color: #666; font-size: 1.2rem;}
.custom_sidebar_block .cs_txt .cs_type{ color: #fff; font-size: 1.2rem; background: #D90000; padding: 5px 0; text-align: center;}


/* 最新記事のカスタマイズ */
#recently_sidebar h4{ background:#D90000; color: #fff; padding: 5px; text-align: center; font-size:1.6rem; font-weight: bold;} 
#recently_sidebar h4 a{ text-decoration:none; color: #fff;}

.rs_block .rs_txt { font-size: 1.4rem; padding: 10px;}
.rs_block .rs_date{ background: #eee; font-size: 1.2rem; text-align: center; color: #000; padding: 5px 0;}

#recently_sidebar h2,
#cunstom_sidebar h2{ font-size:2.4rem; color: #000; font-weight: bold;}

#recently_sidebar,
#cunstom_sidebar{ margin-bottom: 30px;}


/* 共通ボタン */
.square_btn{
  display: inline-block;
  padding: 0.5em 1.5em;
  text-decoration: none;
  background: #eee;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #ccc;
  border-radius: 3px;
}
.square_btn:active {/*ボタンを押したとき*/
  -ms-transform: translateY(4px);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

/* 施工事例 */
#wp_gallery_wrap{ width: 100%; display: block; overflow: hidden;}
#wp_gallery_wrap .gallery_img{ display: flex; }
#wp_gallery_wrap .gallery_img div{ width: 48%; position: relative;}
#wp_gallery_wrap .gallery_img div:first-child{ margin-right: 2%;}
#wp_gallery_wrap .gallery_img div img { width: 100%; }
#wp_gallery_wrap .gallery_img div span{ display: block; position: absolute; top:0; left:0; background:#D90000; color: #fff; padding: 5px 10px; }

#wp_gallery_wrap .gallery_info{ display: block; overflow: hidden;}
#wp_gallery_wrap .gallery_info ul{ width: 100%; margin: 15px auto;}
#wp_gallery_wrap .gallery_info ul li { border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 0 15px; margin-bottom: 5px;}
#wp_gallery_wrap .gallery_info ul li span{ display: inline-block; background: #eee; padding: 5px 15px; font-weight: bold; margin-right: 15px; letter-spacing: 0.1em;}

#wp_gallery_wrap .gallery_txt {    
  display: block;
  width: 100%;
  position: relative;
  margin: 15px auto;
}
#wp_gallery_wrap .gallery_txt p{ padding: 10px ;}



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

.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;}