@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

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

/*834px以下*/
@media screen and (max-width: 834px) {

  /*必要ならばここにコードを書く*/
  .article .mypost .eye-catch-image {
    max-height: 300px;
    object-fit: cover;
  }
}

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

.article .mypost h2 {
  clear:both;
  background-color: #add8e6;
}

.article .mypost h3 {
  clear:both;
  background-color: #e6f3f7;
  border: none;
  line-height: 2rem;
}

.article .mypost h4 {
  clear:both;
  border-bottom: solid 4px #e6f3f7;
  border-top: none;
}

.article .mypost .mypost-img {
  max-width: 40%;
  float: left;
  margin: 0 0.25rem 0.25rem;
}

.article .eye-catch-image {
  max-height: 400px;
  object-fit: cover;
}

.mypost-underline{
  text-decoration: underline;
} 
.mypost-bold{
  font-weight: bold;
}