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

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


/************************************
** 折り畳みアーカイブウィジェット
************************************/
.widget_archive a.year{
  cursor: pointer;
  text-decoration: underline;
}

.widget_archive .years ul {
  -webkit-transition: .3s ease;
  transition: .3s ease;
  margin: 0;
  margin-bottom: 1em;
}

#sidebar .widget_archive ul.years li{
  margin-bottom: 0;
}

.widget_archive ul.years .hide {
  margin: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
}



/********************/
/* HTML tag styles  */
/*    			    */                 
/* メインカラー明   */
/* #477e8c          */
/* メインカラー暗   */
/* #242b32          */
/* サブカラー明     */
/* #edf1d2          */
/* サブカラー暗     */
/* #b3ae99          */
/* アクセントカラー */
/* #fba018          */
/********************/

/* ページデザイン(全体) ***************************/
#container{
	min-width: 410px;
}

#sidebar,#slide-in-sidebar{
	background: #edf1d2;
}

h1.entry-title{
	padding: 0.5em;
	background: #477e8c;
	font-weight: normal;
	color: #fff;
}

h5 {
    position: relative;
    margin-bottom: 0.2rem;
    padding: 1rem 0;
    border-bottom: 1px solid #353535;
    color: #353535;
    font-size: 26px;
    font-weight: bold;
}

h5:before {
    position: absolute;
    content: '';
    width: 15%;
    left: 0;
    bottom: -1px;
    border-bottom: 5px solid #477e8c;
}

pre {
	font-family: 'ＭＳ ゴシック', 'Osaka－等幅','Ricty Diminished', 'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif;
}

mark{
	background: linear-gradient(rgba(255,255,255,0) 60%, #edf1d2 90%);
	font-weight: bold;
}

.kaime mark{
	background: linear-gradient(transparent 100%, #658080 100%);
	color: #fff;
	font-weight: bold;	
}


/* 文字修飾 *************************************/
.sub{
	font-size: 0.75em;
	font-weight: normal;
}

.red{
	color: #a22041;
}

.blue{
	color: #3e62ad;
}

.big{
	font-size: 1.5rem;
	font-weight: bold;
	text-shadow: 1px 1px 0px #333;
}

.torikeshi{
	text-decoration: line-through;
}

/***********************************************/
/* レース表 Component                          */
/***********************************************/
.groupform {
	margin: 0;
	padding: 0;	
}

.course_pic img {
	width: 380px;
}

.come {
	margin: 2em auto;
	background: #edf1d2;
	padding: 10px;
	position:relative;
	border: 1px solid #658080;
}

.come-title {
	padding: 10px;
	background: #658080;
	font-size: 1em;
	color: #fff;
	padding: 7px 10px;
	line-height: 1;
	position:absolute;
	top: -10px;
	left: 20px;
}

.course ul.list{
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	list-style-type: none;
	text-shadow: 1px 1px 3px #000;
	width: 380px;
}

.course li {
	margin: 0;
	padding: 3px 8px;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.5;
	text-align: right;
	color: #fff;
	width: 120px;
	height: 60px;
	border-radius: 8px;
}

li.east{ 
	background: #a22041 url(../../../img/share/b_kantou.png) repeat-x 0;
	background-size: cover;
}

li.west{
	background: #3e62ad url(../../../img/share/b_kansai.png) repeat-x 0;
	background-size: cover;
}

li.shiba{
	background: #a8c97f url(../../../img/share/b_shiba.png) no-repeat 0;
	background-size: cover;
}

li.dart{
	background: #897858 url(../../../img/share/b_dart.png) no-repeat 0;	
	background-size: cover;
}

li.hare{
	background: #89c3eb url(../../../img/share/b_hare.png) no-repeat 0;
	background-size: cover;
}

li.kumori{
	background: #89c3eb url(../../../img/share/b_kumori.png) no-repeat 0;	
	background-size: cover;
}

li.ame{
	background: #89c3eb url(../../../img/share/b_ame.png) no-repeat 0;	
	background-size: cover;
}

li.yuki{
	background: #89c3eb url(../../../img/share/b_yuki.png) no-repeat 0;
	background-size: cover;
}

/***********************************************/
/* メインページ Component                      */
/***********************************************/

td.mi1{
	white-space: nowrap;
	width: 90px;
	color: #fff;
	text-align: center;
	background: #477e8c;
}

td.cont{
	padding: 0px 5px 10px;
	text-align: left;
	background: #edf1d2;
}

#honbun{
	padding-top:10px;
}

.yosou{
	margin-bottom:1.2rem;
}

.yosou span{
	padding: 3px 10px;
    font-size: 1rem;
	font-weight: bold;
	color: #fff;
	border-radius: 10px;
}

.jyobun h6{
	margin: 0 0 3px 0;
	padding: 5px;
	background: #477e8c;
	font-weight: normal;
	color: #fff;
}

.honmei{
  background    : url(../../../img/share/honmei.png) no-repeat center /contain;
}

.honmei span{
	background: #a20000;
}

.taikou{
  background    : url(../../../img/share/taiko.png) no-repeat center /contain;
}

.taikou span{
	background: #0022a2;
}

.tanana{
  background    : url(../../../img/share/tan.png) no-repeat center /contain;
}

.tanana span{
	background: #1ba200;
}

.ana{
  background    : url(../../../img/share/ana.png) no-repeat center /contain;
}

.ana span{
	background: #a0a200;
}

.hoshi{
  background    : url(../../../img/share/hoshi.png) no-repeat center /contain;
}

.hoshi span{
	background: #353535;
}

#baken table{
	border: 0;
	font-weight: normal;
}

#baken th{
	color: #eee;
    background:#242b32;
}

#baken td.kaime{
	white-space: nowrap;
	padding: 10px;
	color: #eee;	
	background: #477e8c;
}

#baken td.cont{
	padding: 10px;
	text-align: left;
	background-color: #edf1d2;
}

/***********************************************/
/* 馬柱 Component							　 */
/***********************************************/

div#bachu{

}

#bachu table{
	border: 1px #e3e3e3 solid;
	border-spacing: 0;
	background: #e3e3e3;
}

#bachu tr.koumoku{
	background: #e3e3e3;
}

.koumoku th{
	padding: 3px;
	border:	solid;
	border-width: 0 0 1px 1px;
	background:#242B32;
	color: #eee;
	text-align: center;
	font-weight: normal;
	}

#bachu td{
	font-size: 0.8em;
	text-align: center;
	white-space: nowrap;
	border: #e3e3e3 solid;
	border-width: 0 0 1px 1px;
	background: #f1f1f1;
}

#bachu table tr:nth-child(odd) td {
	background: #fff;
}

/*　馬番　*/
#bachu td.no1,
#bachu td.waku1,
#bachu table tr:nth-child(odd) td.no1,
#bachu table tr:nth-child(odd) td.waku1{
	background: #fff;
}

#bachu td.no2,
#bachu td.waku2,
#bachu table tr:nth-child(odd) td.no2,
#bachu table tr:nth-child(odd) td.waku2{
	color: #fff;
	background: #808080;
}
#bachu td.no3,
#bachu td.waku3,
#bachu table tr:nth-child(odd) td.no3,
#bachu table tr:nth-child(odd) td.waku3{
	color: #fff;
	background: #a22041;
}
#bachu td.no4,
#bachu td.waku4,
#bachu table tr:nth-child(odd) td.no4,
#bachu table tr:nth-child(odd) td.waku4{
	color: #fff;
	background: #3e62ad;
}

#bachu td.no5,
#bachu td.waku5,
#bachu table tr:nth-child(odd) td.no5,
#bachu table tr:nth-child(odd) td.waku5{
	background: #fef263;
}

#bachu td.no6,
#bachu td.waku6,
#bachu table tr:nth-child(odd) td.no6,
#bachu table tr:nth-child(odd) td.waku6{
	color: #fff;
	background: #47885e;
}

#bachu td.no7,
#bachu td.waku7,
#bachu table tr:nth-child(odd) td.no7,
#bachu table tr:nth-child(odd) td.waku7{
	background: #f6ad49;
}

#bachu td.no8,
#bachu td.waku8,
#bachu table tr:nth-child(odd) td.no8,
#bachu table tr:nth-child(odd) td.waku8{
	background: #e198b4;
}

#bachu td.uma,
#bachu td.Umaban1,
umaban enabled{

}

/*　印　*/
#bachu td.shirushi{
	color: #a22041;
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
}

/*　馬名　*/
#bachu td.horsename,
#bachu td.HorseInfo{
	text-align: left;
	white-space: nowrap;
	padding: 0px 3px;
}

/*　馬齢・性別　*/
#bachu td.Barei,
#bachu td.Txt_C{
	text-align: center;
	white-space: nowrap;
}

/*　騎手　*/
#bachu td.Jockey{
	text-align: left;
	white-space: nowrap;
	padding: 0px 3px;
}

/*　脚質　*/
#bachu td.ashi{
	font-size: 0.9em;
	text-align: center;
	white-space: nowrap;
}

/*　乗り替わり　*/
#bachu span.kae{
	font-size: 0.8em;
	color: #fff;
	background: #a22041;
	margin-right: 3px;
}

/***********************************************/
/* レース回顧 Component                        */
/***********************************************/

div#kekka, div#modoshi{
	width: 500px;
	margin: 10px 60px;
}

div#kaiko {
	width: 590px;
	margin: 10px;
}









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

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

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