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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@font-face {font-family: "Futura"; src: url("//db.onlinewebfonts.com/t/4cd7c95ebd9e972224a5473c6172b30a.eot"); src: url("//db.onlinewebfonts.com/t/4cd7c95ebd9e972224a5473c6172b30a.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/4cd7c95ebd9e972224a5473c6172b30a.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/4cd7c95ebd9e972224a5473c6172b30a.woff") format("woff"), url("//db.onlinewebfonts.com/t/4cd7c95ebd9e972224a5473c6172b30a.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/4cd7c95ebd9e972224a5473c6172b30a.svg#Futura") format("svg"); }

@font-face {
	font-family: "LINE Seed_JP Regular";
	src: url("/wp-content/themes/cocoon-child-master/LINESeedJP_OTF_Rg.woff2");
}
@font-face {
	font-family: "LINE Seed_JP Bold";
	src: url("/wp-content/themes/cocoon-child-master/LINESeedJP_OTF_Bd.woff2");
}

:root {
	--cocoon-default-font: -apple-system, BlinkMacSystemFont, "Inter", "LINE Seed_JP Regular", sans-serif;
	--default-header-font: -apple-system, BlinkMacSystemFont, "Inter", "LINE Seed_JP Bold", sans-serif;
}

.entry-content p {
	font-feature-settings: "palt";
}

h1.entry-title {
	font-family: var(--default-header-font);
	font-feature-settings: "palt";
	/*font-family: "Exo 2", "Noto Sans JP",sans-serif;*/
	font-size: 32px;
	line-height: 1.6;
}

h2.entry-card-title {
	font-family: var(--default-header-font);
	font-feature-settings: "palt";
	/*font-family: "Exo 2", "Noto Sans JP",sans-serif;*/
	line-height: 1.6;
}

.entry-content h2,
.entry-content h3 {
	font-family: var(--default-header-font);
	font-feature-settings: "palt";
}

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

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

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