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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.card-new::after {
	display: inline-block;
	content: "NEW";
  background: #ff0000;
  color: #ffffff;
  font-weight: bold;
  font-size: 13pt;
  line-height: 1;
  padding: 4px;
  transform: scale(0.6);
}

.metaslider_container { padding-bottom:36px; }

.entry-content th {
  background: #a7c8e3;
}

.directions-title, .blogcard-footer {
	display: none;
}

h2.recipe-card-title {
	background-color: #3a81bf;
	color: white;
}

.video-container {
	margin:auto;
}

span.entry-category {
	display: none;
}

/*
#appeal {
    height: calc(100vw * calc(675 / 1200));
}
*/
.appeal-in { min-height: 0px; padding: 0px; }

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
  .carousel-entry-card-title {
    font-size: 12px;
  }

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  .navi-footer-in > .menu-footer li.menu-item {
    height: 48px;
  }

}