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

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


.ff-mplus-1p {
    font-family: "M PLUS 1p" ,sans-serif;
  transform: rotate(0.05deg);
}



.ckmaru {
	list-style: none;
	line-height: 1.5;
	padding: 0.5em 0;
	background: rgb(230,219,116,0.2);
}

ul.ckmaru > li {
	padding-left: 20px
}

.ckmaru>li::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900; 
	content: "\f058";
	padding-right:10px;
}

.marker-under-blue {
    background: linear-gradient(transparent 70%,rgb(102,217,239,0.4) 70%);
}


.shortcut {
	list-style: none;
	line-height: 1.5;
	padding: 0.5em 0;
	background: rgb(230,219,116,0.2);
}
ul.shortcut > li:nth-child(1)::before {
	font-family: "Font Awesome 5 Free","Font Awesome 5 Brands";
	font-weight: 400; 
	content: "\f17a";
	padding-right:10px;
}
ul.shortcut > li:nth-child(2)::before {
	font-family: "Font Awesome 5 Free","Font Awesome 5 Brands";
	font-weight: 400; 
	content: "\f179";
	padding-right:10px;
}

ul.shortcut > li {
	padding-left: 20px
}





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

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

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