@charset "UTF-8";

/*!
Theme Name: KOVANZAME Cocoon Child
Description: Cocoon+不動産プラグイン専用の子テーマ
Theme URI: https://kogma.work/
Author: KOGMA
Author URI: https://kogma.work/
Template:   cocoon-master
Version:    1.1.3
*/


/************************************
** 子テーマ用のスタイルを書く
************************************/
/*固定ページの日付非表示*/
.page .date-tags,
.page .author-info {
display: none;
}
.footer a{
    text-decoration: none;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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


/* トップ新着情報 */
.news{
     background: #f4f5f7;
     width: 100vw;
     margin: 0 calc(50% - 50vw);
     margin-top: 25px;
}

.news .pc{
     display: block;
}

.news .sp{
     display: none;
}

.news__frame{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 50px 10px;
}

.news a{
  text-decoration: none;
}

.news a:hover{
    color: inherit;
    opacity: 0.8;
}


.news__ttl{
  width: 150px;
  text-align: center;
}

h2.news__ttl-jp{
     font-size: 24px;
     font-weight: bold;
}

.news__ttl-en{
     font-size: 10px;
     font-weight: bold;
}

.news__btn{
     margin-top: 50px;
}

.news__btn-link{
     border: 1px solid #535252;
     padding: 15px;
     font-weight: bold;
     display: block;
     width: fit-content;
}

.news__content{
  width: calc(100% - 180px);
}

.news__content-item{
     border-bottom: 1px solid #535252;
}

.news__content-link{
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 15px 15px 15px 0;
}

.news__content-frame{
  display: flex;
  align-items: center;
}

.news__content-date{
  font-size: 12px;
  width: 120px;
  min-width: 120px;
  margin-right: 30px;
}

.news__content-cat{
  font-size: 14px;
  font-weight: bold;
  padding: 5px 30px;
  background: red;
  border-radius: 10px;
  color: #ffffff;
  width: 180px;
  min-width: 180px;
  text-align: center;
  margin-right: 30px;
}

.news__content-ttl{
  font-size: 18px;
  font-weight: bold;
}

@media only screen and (max-width: 1024px) {

     .news .pc{
          display: none;
     }
     
     .news .sp{
          display: block;
          margin-left: auto;
          margin-right: auto;
     }

     .news__frame{
          flex-direction: column;
          padding: 50px 28px;
     }

     .news__ttl{
          width: 100%;
          text-align: left;
          display: flex;
          flex-wrap: wrap;
          flex-direction: column;
          align-items: center;
          margin-bottom: 50px;
     }
     
     h2.news__ttl-jp{
          font-size: 24px;
          font-weight: bold;
     }
        
     .news__ttl-en{
          font-size: 10px;
          font-weight: bold;
     }
        
     .news__btn{
          margin-top: 25px;
     }
        
     .news__content{
          width: 100%;
     }
        
     .news__content-frame{
          display: flex;
          align-items: center;
          margin-bottom: 15px;
     }

     .news__content-date{
          margin-right: 10px;
          width: unset;
          min-width: unset;
     }

     .news__content-cat{
          font-size: 12px;
          padding: 5px 10px;
          width: fit-content;
          min-width: unset;
          margin-right: 0;
     }

     .news__content-link{
          flex-direction: column;
          align-items: flex-start;
          padding: 25px 0px;
     }
        

}
.news__content-cat{
  background: #8bc34a;
}

.category-staffblog{
  background: #4290bc;
}

.category-okyakusamanokoe{
  background: #b93131;
}

.category-news{
  background: #ff9800;
}

.category-bukken{
  background: #005c1d;
}