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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


.cocoon-custom-text-1 {
  text-emphasis-style: open sesame;
  --custom-text-8-color: currentColor;
  text-emphasis-color: var(--custom-text-8-color);
}

/* Cocoon ver2.8.0以降対応　GoogleFont */

.cstm-font-style-ital {
  font-style: italic;
}

[class^="cstm-skin-font-set-w"] {
  letter-spacing: .1rem;
  line-height: 1.4;
}

.cstm-skin-font-set-w100 {
  font-family: var(--skin-grayish-style-font);
  font-weight: 100;
}

.cstm-skin-font-set-w200 {
  font-family: var(--skin-grayish-style-font);
  font-weight: 200;
}

.cstm-skin-font-set-w300 {
  font-family: var(--skin-grayish-style-font);
  font-weight: 300;
}

.cstm-skin-font-set-w400 {
  font-family: var(--skin-grayish-style-font);
  font-weight: 400;
}

.cstm-skin-font-set-w500 {
  font-family: var(--skin-grayish-style-font);
  font-weight: 500;
}

.cstm-skin-font-set-w600 {
  font-family: var(--skin-grayish-style-font);
  font-weight: 600;
}

.cstm-skin-font-set-w700 {
  font-family: var(--skin-grayish-style-font);
  font-weight: 700;
}

.cstm-skin-font-set-w800 {
  font-family: var(--skin-grayish-style-font);
  font-weight: 800;
}

.cstm-skin-font-set-w900 {
  font-family: var(--skin-grayish-style-font);
  font-weight: 900;
}



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

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

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