@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html[lang="ja"] {
  font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960px) {

	/*基本のフォントサイズ*/
p, /* テキスト */
.st-kaiwa-huidashi, /* ふきだし */
.st-kaiwa-hukidashi2, /* ふきだし */
.yellowbox, /* 黄色ボックス */
.graybox, /* グレーボックス */
.redbox, /* 薄赤ボックス */
#topnews .clearfix dd p, /* 一覧文字 */
.post ul li, /* ulリスト */
.post ol li, /* olリスト */
#comments #respond, /* コメント */
#comments h4, /* コメントタイトル */
.post h5, /* H5 */
.post h6 /* H6 */
 {
	font-size: 16.4px;
	line-height: 25px;
}


	
main {
	background-image: url("http://navi-keiba.com/wp-content/uploads/2018/03/b051.jpg")
}

/*テーブルのスペース*/
table tr td {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
	vertical-align:top;
	background:#fff;
}
table th {
	padding: 3px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
	font-size: 13px;
	line-height: 18px;
}	
	
/*記事タイトル*/
	.entry-title:not(.st-css-no2),
	.post .entry-title:not(.st-css-no2) {
		font-size: 19px;
		line-height: 28px;
		color: #333;
		margin-bottom: 10px;
	}		

/*見出し*/
.midashi {
	padding: 12px 15px 12px 15px;
	margin: 30px 0px 20px 0px;
	background: #47bea0;/*背景色*/
	border-left: solid 12px #FFD700;/*左線（実線 太さ 色）*/
	font-size: 20px;
	font-weight:bold;
	color: #ffffff;
	border-top: none;
	border-bottom: none;
}			

/* まとめ囲み */ 
.box5{
    padding: 0.3em 0.7em;
    margin: 0.7em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ff3a3a;
}
.box5 p {
    margin: 0; 
    padding: 0;
}

/* まとめ囲み */ 
.box6 {
    padding: 0.3em 0.7em;
    margin: 0.7em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #47bea0;
}
.box6 p {
    margin: 0; 
    padding: 0;
}

/* まとめ囲み */ 
.box7 {
    padding: 0.3em 0.7em;
    margin: 0.7em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #5386e0;
}
.box7 p {
    margin: 0; 
    padding: 0;
}
	
/* まとめ囲み */ 
.box8 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 12px #ff3a3a;
}
.box8 p {
    margin: 0; 
    padding: 0;
}	

/*h2タグ*/		
h2:not(.st-css-no2) {
position: relative;
padding: 13px 10px 12px 60px;
margin: 10px 0px 30px 0px;	
font-size: 150%;
color: #FFFFFF;

}	
	
/*PC用h3タグ*/	
/*小見出し*/
.post h3:not(.st-css-no2):not(.rankh3):not(#reply-title) {
	padding: 12px 15px 12px 12px;
	margin: 40px 0px 20px 0px;
	background: #47bea0;/*背景色*/
	border-left: solid 12px #FFD700;/*左線（実線 太さ 色）*/
	font-size: 20px;
	color: #FFFFFF;
	border-top: none;
	border-bottom: none;
}	
	
/*PC用h4タグ*/	
h4 {
position: relative;/*相対位置*/
padding: 0.5em 0.5em 0.5em 0em;/*アイコン分のスペース*/
line-height: 1.4;/*行高*/

}	
	
/*小見出し*/
.post h4:not(.st-css-no2):not(.rankh3):not(#reply-title) {
	color: #000000;
	font-size: 130%;
	line-height: 27px;
    margin: 30px 0px 10px 0px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 3px;
	padding-left: 30px;
	background: transparent;
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
}

.post h4:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f14a";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1.3em;/*サイズ*/
left: 0.00em;/*アイコンの位置*/
top: 0.20em;/*アイコンの位置*/
color: #FF4500; /*アイコン色*/
}
	

/*種牡馬ナビの一覧表示*/
.syuboba a{
	display: block;
	overflow: hidden;
	font-size: 14px; 
	line-height: 2.4em; 
	text-decoration: none;
	vertical-align: middle;
	padding: 0 8px;
	color: #fff; 
	background: #47bea0;
	margin-bottom: 2px;
}

.syuboba a:hover { 
	background: #f9d635; 
	color: #278a71; 
}

/*スマホブログカード*/
.st-cardbox {
	padding:9px 10px 0px 10px;
	border:1px solid #999999;
	line-height:3.9;
}
}	
/*-- ここまで --*/

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {

/*ブログカード*/
.st-cardbox {
	padding:10px 10px 2px;
	margin:0px 0px 0px 0px;
	border:1px solid #999999;
	margin-bottom:10px;
	line-height:0;
}	
	
}