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

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

cite	{
	color: inherit;
	font-size: 100%;
	font-style: normal;
}

.entry-content p	{
	overflow: auto;
	clear: both;
}

.entry-content p a img,
.entry-content p a:hover img,
.entry-content ol li a img	{border: 2px solid #24890d;}

.picleft,
.picright	{
	background: #3f3f3f;
	float: left;
	margin-top: 0;
	margin-right: 1.5em;
	margin-bottom: 0.5em;
}

.picright	{
	float: right;
	margin-right: 0;
	margin-left: 1.5em;
}

.card-thumb img	{background: #3f3f3f;}

/* ecs */
.ecs	{
	background: #eee;
	height: 4px;
	border: none;
}

#awsmhead	{
	font-size: 80%;
	text-align: right;
	margin: 1em;
}

#awsmain	{height: 256px;}

/* 競馬予想 */
.none-mark,
.baken-yosou,
.keiba-result,
.keiba-result-douchaku	{
	font-family: "Arial", "Helvetica", sans-serif;
	line-height: 1;
	margin-left: 1em;
	padding-left: 1em;
	border-left: 3px solid #b50;
}

.none-mark,
.baken-yosou	{list-style-type: none;}

.none-mark li,
.baken-yosou li	{margin-bottom: 0;}

/* 競馬結果 */
.keiba-result,
.keiba-result-douchaku	{border-color: #0b5;}

.keiba-result li,
.keiba-result-douchaku li	{list-style-type: none;}

.keiba-result li	{counter-increment: cnt;}

.keiba-result li::before	{
	content: counter(cnt) "着";
	padding-right: 1em;
}

/* Word Balloon 背景 */
.bg_word_balloon_pd	{
	background: #92a9d3 url('https://worth300.delabit.com/img/bg_word_balloon_pd.jpg');
	margin-bottom: 2em;
	padding: 1em;
	border-radius: 1em;

	max-width: 480px;
}

/* reCAPTCHA fix */
.grecaptcha-badge	{visibility: hidden;}

@media print	{
	.worth300-content	{max-width: 100%;}
	.worth300-content a	{text-decoration: none;}
}


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

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

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

	.picleft,
	.picright	{
		display: block;
		float: none;
	}

}