@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.header {
  height: auto;
  flex-shrink: 0;
}


/************************************
****　エントリーカードインデックス
************************************/

.entry-category {
	display:none;
}

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

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

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

/*中国語フォント対応*/

entry-title:lang(zh-hans){
  font-family:"Microsoft Yahei","PingHei" ,"sans-serif";
}

widget-sidebar-title:lang(zh-hans){
  font-family:"Microsoft Yahei","PingHei" ,"sans-serif";
}

cat-item:lang(zh-hans){
  font-family:"Microsoft Yahei","PingHei" ,"sans-serif";
}

wpml-ls-display:lang(zh-hans){
  font-family:"Microsoft Yahei","PingHei" ,"sans-serif";
}

entry-card-content:lang(zh-hans){
  font-family:"Microsoft Yahei","PingHei" ,"sans-serif";
}

h1:lang(zh-hans){
  font-family:"Microsoft Yahei","PingHei" ,"sans-serif";
}

h2:lang(zh-hans){
  font-family:"Microsoft Yahei","PingHei" ,"sans-serif";
}

h3:lang(zh-hans){
  font-family:"Microsoft Yahei","PingHei" ,"sans-serif";
}

p:lang(zh-hans){
  font-family:"Microsoft Yahei","PingHei" ,"sans-serif";
}

.category_form{
  all: initial;
  display: inline-block;
}

#btn-gradient-radius {
  all: initial;
  display: inline-block;
  padding: 7px 20px;
  margin-bottom: 5px;
  border-radius: 25px;
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
  transition: .4s;
}

#btn-gradient-radius:hover {
  background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}


/*スイッチボタン*/
input {
  border: 1px solid #0c0c0d4d;
  color: #737373; /* グレー */
  display: inline-block;
  margin: 0 4px;
}
/* 楕円部 */
input[type="checkbox"] {
  -webkit-appearance: none;    /* 消してもOK */
  appearance: none;            /* 元々あるチェックボックスを非表示にする */
  background-color: #0c0c0d1a; /* 楕円の色=文字色alpha10% */
  border-radius: 8px;          /* heightの半分 */
  height: 16px; 
  width: 32px;                 /* heightの2倍くらい */
}
input[type="checkbox"]:hover {
  background-color: #0c0c0d33;
  border-color: #0c0c0d7f;
}
input[type="checkbox"]:active {
  background-color: #0c0c0d4d;
}
input[type="checkbox"]:focus {
  box-shadow: 0 0 0 1px #0a84ff inset, 0 0 0 1px #0a84ff, 0 0 0 4px #0a84ff4d;
}
input[type="checkbox"]:checked {
  background-color: #0060df; /* 青 */
  border-color: #0060df;
}

/* 中の● */
input[type="checkbox"]::before {
  background-color: currentColor; /* ●の色=グレー */
  border-radius: 6px;             /* heightの半分 */
  content: "";                    /* おまじない */
  display: inline-block;          /* おまじない */
  height: 12px;                   /* 楕円部のheightより2px小さいくらい */
  margin-left: 1px;               /* 楕円部と●のすき間 */
  margin-top: 1px;                /* 楕円部と●のすき間 */
  transition: margin-left .2s cubic-bezier(.07, .95, 0, 1); /* ヌルっと具合は調整 */
  width: 12px;                    /* heightに合わせる */
}
input[type="checkbox"]:checked::before {
  background-color: #ffffff; /* 白（楕円部の色と調整） */
  margin-left: 17px;         /* ●を右へ移動 */
}