@charset "UTF-8";

/*!
Theme Name: Cocoon Child wakuwaku
Template:   cocoon-master
Version:    1.1.0
*/

/************************************
** わくわくラボ子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
input[type='submit'] {
  font-size:1em;
}

.category-header .eye-catch,
.tag-header .eye-catch {
	display:none;
}

/*ヘッダー*/
.header-site-logo-image{
    padding: .0 6%; 
}
.header-in .tagline{
	font-size: 22px;
}

/*サムネイルサイズ揃える*/
.ect-3-columns .entry-card-wrap {
    padding: 17px 17px 17px; /*余白広げる*/
    width: 32%;
}
.carousel .a-wrap {
    padding: .2em 10px; /*余白広げる・pxで計算*/
}
.card-thumb.carousel-entry-card-thumb  {
  width: 100%;
}
.card-thumb.entry-card-thumb {
    margin-bottom:17px; /*インデックス画像下余白*/
}
.card-thumb.carousel-entry-card-thumb:before ,
.card-thumb.entry-card-thumb:before {
  content:"";
  display:block;
/*   padding-top:66.66%;  *//* 3:2 = 2/3*100 */
  padding-top:56.25%; /* 16:9 = 9/16*100 */
}
.card-thumb.carousel-entry-card-thumb img ,
.card-thumb.entry-card-thumb img {
  width:100%; 
  height:100%;
  object-fit:cover;
  font-family: 'object-fit: cover;'; /*IE対策*/
  position:absolute;
  top:0; 
  left:0;
}

/*ライブドアブログから移行した画像*/
.pict{
	padding:5px;
}

/*カラム上下余白*/
.wp-block-columns {
	margin-top:0;
	margin-bottom:0;
}
.wp-block-column p:first-child {
	margin-top:0;
}
.wp-block-column p:last-child {
	margin-bottom:0;
}

/*画像キャプション*/
.wp-block-image figcaption {
    margin-top: .5em;
    margin-bottom: 1em;
    color: #555d66;
    text-align: center;
    font-size: 13px;
}
#baguetteBox-overlay .full-image figcaption {
	display:none;
}

/*引用出典*/
blockquote cite {
	font-size: 14px;
}


/*コメント欄からメールを消す*/
.comment-form-email,.comment-form-url,.comment-notes{
	display:none;
}
.comment-notes{
	display:none;
}

/*サイドバーウィジェットごとの余白*/
.sidebar .widget-sidebar:not(.widget_search)  {
     margin-bottom: 48px ;
}

/*最近のコメント*/
.sidebar .recent-comment-author {
    font-size: 14px;
}
.sidebar .recent-comment-date,
.sidebar .recent-comment-article {
    font-size: 13px;
}
.sidebar .recent-comment-content {
    padding: 10px;
}

/*タグクラウド*/
.tagcloud a {
  font-size: 13px;
}

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

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
  .navi-in > .menu-header {
    display: none;
  }
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.ect-3-columns .entry-card-wrap {
    width: 48%;
}
.header-in .tagline{
	font-size: 18px;
}
}

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