@charset "UTF-8";

/*
Template:rebirth_free001
Theme Name:rebirth_miyu
*/

/*==============================================
見出し
==============================================*/
.postid-18 .p-company-header__content{
  top: 65%;
}
.postid-23 .p-company-header__content{
  top: 70%;
}
.post_content h2{
  color: #FFF;
  background: #ccb599;
  padding: 0 1em;
  line-height: 2.5em;
  margin: 0 0 2em 0;
  font-size: 24px;
}
.post_content h3{
  padding: .5em 0 .5em .75em;
  border-radius: 20px;
  border: 2px solid #000;
}
.post_content h4{
  color: #000; 
  padding: 5px 5px 5px 30px; 
  position: relative;
}
.post_content h4:before {
  background-color: #ccb599;
  border-radius: 5px;
  content: '';
  position: absolute;
  top: 0;
  left: 3px; 
  width: 5px;
  height: 100%;
}
.post_content h4:after {
  background-color: #000;
  border-radius: 5px;
  content: '';
  position: absolute;
  top: 0;
  left: 12px; 
  width: 4px; 
  height: 100%;
}
.page-template-default .article_top .title{
  font-size: 160%;
}


/************************************
 記事リスト
************************************/
.blog_list .image_outer{
  background: #ccb599 !important;
}


/************************************
 効かないので追加CSSに記載
************************************/
/*#main_col #article #post_image{
  border: solid 10px #ccb599 !important;
}
.blog_list .title {
  background: #ccb599 !important;
}
.blog_list h3.title span{
  font-size: 130% !important;
}*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}