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

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
	
	
	
/* Simplicityから引き継ぎスタイル */


.otoa {
	width:35%;
}
.otob {
	width:65%;
}

/* アンダーライン追加 */
.marker-under-cyan {
	background: linear-gradient(transparent 90%, #00ffff 10%);
}
.marker-under-green {
	background: linear-gradient(transparent 90%, #55ff33 10%);
}
.marker-under-pink {
	background: linear-gradient(transparent 90%, #ff99cc 10%);
}
.marker-under-orange {
	background: linear-gradient(transparent 90%, #ffb833 10%);
}
.marker-under-yell {
	background: linear-gradient(transparent 80%, #FFFF66 20%);
}
.sp-body {
background-color: #b28208;
}

.sp-green {
	color: #ffffff;
	text-align: center;
	background-color: #008000;
	padding: 15px 15px;
}
.sp-mazenta {
	color: #ffffff;
	text-align: center;
	background-color: #ff00ff;
	padding: 15px 15px;
}
.sp-blue {
	color: #ffffff;
	text-align: center;
	background-color: #0000ff;
	padding: 15px 15px;
}
.sp-orange {
	color: #ffffff;
	text-align: center;
	background-color: #ffa500;
	padding: 15px 15px;
}