/* --------------------------------------------------

	海外 主要レースカレンダー

-------------------------------------------------- */




/* ----- 発売のルール 基本フォーマット ----- */

div.rule_block > .block_header {
	margin-bottom:20px;

}

.rule_line {
	margin-bottom:35px;

}

.rule_line a {
	text-decoration:underline;
	color:#06a;
}

.rule_line a:hover {
	color:#097722;
}

.rule_line p {
	line-height:1.6;

}

.rule_line > .block_sub_header {
	margin-bottom:10px;
}

strong {
	font-weight:bold;
}

strong.red {
	font-weight:bold;
	color:#d00;
}

p.caution {
	text-indent: -1em;
	padding-left: 1em;
	/*margin-top:5px;*/
}

.red {
	color:#d00;
}


.rule_line .content h5 {
    font-size: 1.3rem;
    font-weight: bold;
}

.rule_line .content h5.green {
	color:#028708;
}

.rule_line .content h6 {
    font-size: 1.3rem;
    font-weight: bold;
}

/* ----- 発売のルール 表 ----- */

.rule_line table {
	width:100%;
	border-collapse:collapse;
	margin-top:20px;
	font-size:1.2rem;
}

.rule_line table caption {
	text-align:left;
	font-weight:bold;
	font-size:1.3rem;
	margin-bottom:5px;
	
	/*display: none;*/
}

/* ----- 発売のルール 表（発売について） ----- */


.rule_line .sell_unit {

}

p.sp_line {
	display:none;
}

.rule_line table.sell_list  {
	width:100%;
}

.rule_line table.sell_list > caption {
	/*display:none;*/
	margin-bottom: 10px;
	font-weight: normal;
}

.rule_line table.sell_list caption.simple > .inner > div.main {
	font-weight: normal;
	font-size: 1.3rem;
}

.rule_line table.sell_list th,
.rule_line table.sell_list td {
	border: 1px solid #DBDBDB;
	text-align: center;
	padding: 4px;
	padding: 6px 4px;
	vertical-align:middle;
}

.rule_line table.sell_list th {
	background-color: #eee;
	background-color: #0069a7;
	color: #fff;
	font-weight: bold;
	font-size:1.3rem;
}

.rule_line table.sell_list td.no { background-color: #eee; }

.rule_line table.sell_list td strong {
	font-weight:bold;
}

/* ----- 発売のルール 表（注意書き） ----- */

.caution_list {
	/*margin-top:15px;*/
}


.caution_list > ul {
	
}

/*.caution_list > ul > li {
	text-indent: -1em;
	padding-left: 1em;
	line-height:1.8;
}*/

.caution_list > ul > li {
	display: table;
}

.caution_list > ul > li > span {
	display: table-cell;
}

.caution_list > ul > li > span:first-child { white-space: nowrap; }

/*.caution_list > ul > li {
	text-indent: -1em;
	padding-left: 1em;
	line-height:1.8;
}*/



/* ----- 発売のルール 表（馬齢） ----- */

.rule_line table.valley {
	max-width:700px;
	
}

.rule_line table.valley > caption {
	
}

.rule_line table.valley > thead > tr > th {
	background-color:#565656;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	border:1px solid #DBDBDB;
	padding:6px;
	vertical-align:middle;
}

.rule_line table.valley > tbody > tr > td {
	border:1px solid #DBDBDB;
	padding:6px;
	vertical-align:middle;
	text-align:center;
}

br.sp {
	display:none;
}





/* ----- 発売のルール 表（比較表） ----- */

.rule_line table.count {
	max-width: 700px;
	table-layout:fixed;
}

.rule_line table.count.code_list {
	table-layout:auto;
}

.rule_line#code table.count.code_list caption { display: none; }


.rule_line table.count > thead > tr.detail_all {
	background:#565656;
	font-weight:bold;
}

.rule_line table.count > thead > tr.detail_all > th {
	text-align:center;
	color:#FFF;
	border:1px solid #DBDBDB;
	padding:6px;
	vertical-align:middle;
}

.rule_line table.count > thead > tr.detail_all > th.c-code {
	background:#AEDAF5;
	color:#333;
	white-space:nowrap;
}

.rule_line table.count > thead > tr.detail_all > th.c-name {
	background:#fcdfb9;
	color:#333;
}


.rule_line table.count > tbody > tr > td {
	border:1px solid #DBDBDB;
	padding:6px;
	vertical-align:middle;
	text-align:center;
}

/*.rule_line table.count > tbody > tr > td:nth-child(2) {
	border-right:3px solid;
}*/

.rule_line table.count > tbody > tr.even > td {
	background-color:#f3f3f3;
}

#code > .content {
	width:100%;
	/*margin-top: 20px;*/
}

p.sp_line.codeLine {
	display:none;
}


/* --- ※リスト --- */
.kome {
	text-indent: -1em;
	padding-left: 1em;
}




#code2 {
	margin-top: 30px;
}

#code2 table.count.code_list {
	table-layout: fixed;
}


/* --- ボタン --- */
.btn {
    background-color: #efefef;
    padding: 8px;
}

.btn > a {
    display: block;
    text-align: center;
    background-color: #fff;
    padding: 10px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    text-decoration: none;
    color: #444;
    font-weight: bold;
}

.btn > a > span.inner {
	display:table;
	margin:0 auto;
}

.btn > a > span.inner > span {
	display:table-cell;
	vertical-align:middle;
}

.btn > a > span.inner > span.cap {
	white-space:nowrap;
}

.btn > a i {
    margin-right: 0.4em;
    color: #0069a7;
}

.btn > a:hover,
.btn > a:focus {
    background-color: #fff8e1;
}

/* --- お申し込みリンクボタン --- */
.btn.entry > a { font-size: 1.8rem; }



/* ------------------------------------------------------------

	979px以下

------------------------------------------------------------ */
@media screen and ( max-width : 979px ) {

#contentsBody > .body_wrapper {
	padding:0 10px;
	box-sizing:border-box;
}

}


/* ------------------------------------------------------------

	690px以下

------------------------------------------------------------ */
@media screen and ( max-width : 690px ) {

.rule_line .sell_unit {
	width:100%;
	overflow-x:auto;
}

.rule_line table.sell_list  {
	width:700px;
	margin-bottom:10px;
	margin-top:0;
}

p.sp_line {
	display:block;
	margin-bottom:4px;
}

.rule_line table.count {
	width: 100%;
	max-width: none;
}



}


@media screen and ( max-width : 480px ) {
	
.rule_line table.valley > tbody > tr > td > span {
	display:block;
}

br.sp {
	display:block;
}

}


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

p.sp_line.codeLine {
	display:block;
}

#code > .content {
	width:100%;
	overflow-x:auto;
	padding-bottom:10px;
}

.rule_line table.count.code_list {
	width: 450px;
	margin-top: 5px;
}


#code2 {
	margin-top: 20px;
	overflow-x: visible;
	width: 100%;
}

#code2 table.count.code_list {
	width: 100%;
	table-layout: auto;
}


}