@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
  .col2,.flex02{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .col2 img,.flex02 img,.col2 a,.flex02 a{
    width: 49%;

  }
 .col2 a img,.flex02 a img{
   width:100%;
 }
  .flex02 table{
    width: 49%!important;
    margin-bottom:20px
  }
  .flex02 table td{
    width: 30px!important;
    margin-bottom:20px
  }
  .col3,.flex03{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
.flex03 a,
  .col3 img,.flex03 img{
    width: 32.5%;
    margin-bottom: 0px;
  }
.flex03 a img{
  width:100%;
}
.flex02 img,.flex03 img{
  aspect-ratio: 3/2
}
.flex03 table img,.flex02 table img{
  width: 100%;
}
.w50{
  width:50%;
  margin:0 auto;
}
.w30{
  width:30%;
  margin:0 auto;
}
.cntr{
  margin:0 auto;
}
.cntr img{
  display:block;
  margin:0 auto 1em;
}
.flex02c{
    display:flex;
    
}
.box01{
  border:1px solid #ccc;
  padding:20px;
  background:#e4f0f5;
  font-size:90%;
}
.video-container{
  margin:1em auto;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){


}

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

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

}
.blogcard-domain{
  width:130px;
}