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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/*必要ならばここにコードを書く*/

/*セルフホスティング フォント*/

/* m-plus-rounded-1c-100 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_japanese_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "M PLUS Rounded 1c";
  font-style: normal;
  font-weight: 100;
  src: url('https://guuterublog.com/fonts/m-plus-rounded-1c-v16-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_japanese_latin_latin-ext_vietnamese-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('https://guuterublog.com/fonts/m-plus-rounded-1c-v16-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_japanese_latin_latin-ext_vietnamese-100.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* m-plus-rounded-1c-300 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_japanese_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "M PLUS Rounded 1c";
  font-style: normal;
  font-weight: 300;
  src: url('https://guuterublog.com/fonts/m-plus-rounded-1c-v16-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_japanese_latin_latin-ext_vietnamese-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('https://guuterublog.com/fonts/m-plus-rounded-1c-v16-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_japanese_latin_latin-ext_vietnamese-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* m-plus-rounded-1c-regular - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_japanese_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "M PLUS Rounded 1c";
  font-style: normal;
  font-weight: 400;
  src: url('https://guuterublog.com/fonts/m-plus-rounded-1c-v16-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_japanese_latin_latin-ext_vietnamese-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('https://guuterublog.com/fonts/m-plus-rounded-1c-v16-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_japanese_latin_latin-ext_vietnamese-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* m-plus-rounded-1c-500 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_japanese_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "M PLUS Rounded 1c";
  font-style: normal;
  font-weight: 500;
  src: url('https://guuterublog.com/fonts/m-plus-rounded-1c-v16-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_japanese_latin_latin-ext_vietnamese-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('https://guuterublog.com/fonts/m-plus-rounded-1c-v16-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_japanese_latin_latin-ext_vietnamese-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* m-plus-rounded-1c-700 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_japanese_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "M PLUS Rounded 1c";
  font-style: normal;
  font-weight: 700;
  src: url('https://guuterublog.com/fonts/m-plus-rounded-1c-v16-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_japanese_latin_latin-ext_vietnamese-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('https://guuterublog.com/fonts/m-plus-rounded-1c-v16-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_japanese_latin_latin-ext_vietnamese-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* m-plus-rounded-1c-800 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_japanese_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "M PLUS Rounded 1c";
  font-style: normal;
  font-weight: 800;
  src: url('https://guuterublog.com/fonts/m-plus-rounded-1c-v16-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_japanese_latin_latin-ext_vietnamese-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('https://guuterublog.com/fonts/m-plus-rounded-1c-v16-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_japanese_latin_latin-ext_vietnamese-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* m-plus-rounded-1c-900 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_japanese_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "M PLUS Rounded 1c";
  font-style: normal;
  font-weight: 900;
  src: url('https://guuterublog.com/fonts/m-plus-rounded-1c-v16-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_japanese_latin_latin-ext_vietnamese-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('https://guuterublog.com/fonts/m-plus-rounded-1c-v16-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_japanese_latin_latin-ext_vietnamese-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/** 蛍光ペンの設定 - カスタムテキスト設定 **/

/* オレンジ */
.marker-orange, .cocoon-custom-text-1{

	background: linear-gradient(transparent 75%, #F5DDC5 25%);

}

/* グレー */
.marker-gray, .cocoon-custom-text-2{

		background: linear-gradient(transparent 75%, #DDDDDD 25%);

}

/* 下線・点線 */
.cocoon-custom-text-3{

	border-bottom: 0.3em dotted #888888;
	
}

/* 下線 */
.cocoon-custom-text-4{

	border-bottom: 0.2em solid #888888;
	
}

/* 下線・二重下線 */
.cocoon-custom-text-5{

	border-bottom: 0.2em double #888888;
	
}

/* 上点 */
/* .cocoon-custom-text-6{

	border-top: 0.3em dotted #888888;
	
} */

/* 青マーカー */
.cocoon-custom-text-6{

	background: linear-gradient(transparent 75%, #4587f255 25%);
	
}


/* スクロールバーを常に表示 */
.sidebar .toc-content::-webkit-scrollbar {
	-webkit-appearance: none; /* スタイルの初期化を禁止 */
	width: 8px; /* スクロールバーの横幅 */
}

/* スクロールできるツマミ部分 */
.sidebar .toc-content::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .4); /* ツマミの色 */
}

/* 括弧デザイン */
.big-parentheses{

	position:relative;
	border-left: solid 2px;
	border-right: solid 2px;
	border-color:#888;
	
	> ::before{
		position:absolute;
		content:'';
		top:0px;
		left:0px;
		height:100%;
		border-top:2px solid;
		border-bottom:2px solid;
		width: 3%;
		box-sizing:border-box;
		border-color:#888;
	}
	
		> ::after{
		position:absolute;
		content:'';
		top:0px;
		right:0px;
		height:100%;
		border-top:2px solid;
		border-bottom:2px solid;
		width: 3%;
		box-sizing:border-box;
		border-color:#888;
	}
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/*1023px以下*/

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

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

@media screen and (max-width: 480px) {

	/*必要ならばここにコードを書く*/
}

/*フォントを読み込む*/

body{
  font-family: "M PLUS Rounded 1c", sans-serif;
}