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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.h_subheading{
  font-weight: bold;
  color: #286f2c;
 }

.h_important{
  font-weight: bold;
  font-size: 120%;
  color: #00cc00;
}

.h_caution{
  font-weight: bold;
  font-size: 120%;
  color: #ff0000;
}

.h_professional{
  font-weight: bold;
  font-size: 120%;
  color: #cc00cc;
}

.h_substances{
  font-weight: bold;
  font-size: 120%;
  color: #ff5252;
}

.u_important{
  text-decoration: underline;
  text-underline-offset: -0.2em;
  text-decoration-thickness: 0.3em;
  text-decoration-color: #00cc007f;
  text-decoration-skip-ink: none;
}

.u_caution{
  text-decoration: underline;
  text-underline-offset: -0.2em;
  text-decoration-thickness: 0.3em;
  text-decoration-color: #ff00007f;
  text-decoration-skip-ink: none;
}

.u_professional{
  text-decoration: underline;
  text-underline-offset: -0.2em;
  text-decoration-thickness: 0.3em;
  text-decoration-color: #cc00cc7f;
  text-decoration-skip-ink: none;
}

.u_substances{
  text-decoration: underline;
  text-underline-offset: -0.2em;
  text-decoration-thickness: 0.3em;
  text-decoration-color: #ff52527f;
  text-decoration-skip-ink: none;
}

.sbtitle{
	background-color: #804c0d !important;
	border: 2px solid #804c0d !important;
	border-radius: 50% !important;
	overflow: hidden;
	color: #ffe4c4 !important;
	text-align: center !important;
}

.cook-h2{
	font-size: 40px !important;
	color: #804c0d !important;
}

.blank-box{
	border: 15px solid !important;
	border-image: radial-gradient(rgba(255, 255, 255, 0)20%, rgba(84, 50, 18, 1) 50%, rgba(244,236,205,1)80%)49% !important;
	height: 150px
	margin-inline: auto;
	max-width: 600px
	width: auto;
	}

.widget-sidebar-title{
	background-color: #804c0d !important;
	border: 2px solid #804c0d !important;
	border-radius: 50% !important;
	overflow: hidden;
	color: #ffe4c4 !important;
	text-align: center !important;
	}

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

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

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