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

	G1レース 共通

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

/* - レイアウト
-------------------------------------------------- */


:root {
	--mt8_16: clamp(8px, -2.7468rem + 4.6243vw, 16px);
	--mt20_40: clamp(20px, -6.8671rem + 11.5607vw, 40px);
}

@media screen and (min-width: 940px) {

	.w940 {
		width: calc(100% - 16px);
	}

}

#main_contents .section {
    margin-top: var(--mt20_40);
}


/* - レースメニュー
---------------------------------------------------------------------- */
#contents_menu .nav-local-group > .off {
	display: none;
}



/* - 注記
---------------------------------------------------------------------- */

.bg_rounded {
    border-radius: var(--radius_sm);
    padding: 16px 10px;
    padding: 16px var(--mt8_16);
}

.bg_rounded.gray {
	background-color: var(--color-bg-gray);
}


/* - 注意書き
---------------------------------------------------------------------- */
#caution_block {
	border: 2px solid #ddd;
	padding: 10px;
	
	box-sizing: border-box;
	
	/* max-width: 100%;
	margin: 0 10px;
	margin-top: 30px;
	
	max-width: 940px;
	margin: 30px auto 0 auto; */
}


#caution_block > p {
	/*font-size: 93%;
	font-size: 85%;
	*/
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1.5;
	
	font-size: 1.2rem;
}

#caution_block > p > span {
	/*font-size: 123.1%;*/
	display: block;
	font-weight: bold;
	color: #c00;
	line-height: 1;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ddd;
	
	font-size: 1.4rem;
}


/* - 準備画面
---------------------------------------------------------------------- */
.ready_box {
	max-width: 940px;
	margin: 0 auto;
	margin-top: 30px;
	width: 100%;
	box-sizing: border-box;
	padding: 0;
}

.ready_box > .content {
	display:table;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	
	vertical-align: middle;
	text-align: center;
	
	border: 1px dotted #ddd;
	background-color: #f7f7f7;
	
	height: 300px;
	min-height: 300px;
}


.ready_box > .content p ,
.ready_box > .content div{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.8;
}
.ready_box > .content div > p {
    display: block;

}




.ready_box > .content p > span{
	font-size: 1.8rem;
	font-weight: bold;
}


.ready_box > .content p > span.btn_link {
    display: block;
}

.ready_box > .content p > span.btn_link .btn-def {
    font-size: 1.6rem;
}

.ready_box > .content p br.sp { display: none; }

.ready_box > .content p > span.inner {
	font-weight: normal;
    font-size: 1.2rem;
    display: table;
    margin: 0 auto;
    margin-top: 10px;
}

.ready_box > .content p > span.inner > span { display: table-cell; }
.ready_box > .content p > span.inner > span.cap { white-space: nowrap; }




/* - 汎用クラス
---------------------------------------------------------------------- */
.clearfix { overflow: hidden; }
.clearfix:after { content: ''; display: block; clear: both; }


/* - レースクラスについて　注記追加
---------------------------------------------------------------------- */

#rank_cap {
	width:100%;
	text-align:right;
	margin-top:5px;
}

#race_horse #rank_cap {
	margin-bottom:20px;
}

#rank_cap > p {
	font-size:1.1rem;
	/*font-weight:bold;*/
	display:inline-block;
	text-align:left;
}

#rank_cap > p > span.inner {
	display:table;
}

#rank_cap > p > span.inner > span {
	display:table-cell;
}

#rank_cap > p > span.inner > span.cap {
	white-space:nowrap;
}



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

	768px〜979px

------------------------------------------------------------ */
/*
@media screen and ( min-width : 768px ) and ( max-width : 979px ) {
	
	#week_header { min-height: 162px; }
	
}
*/

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

	640px〜979px

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

@media screen and ( max-width : 979px ) {
	
	
		
	
	
	/* - 注意書き
	---------------------------------------------------------------------- */
	#caution_block {
		max-width: 100%;
		margin: 30px 10px 0 10px;
	}

	/* - レースクラスについて　注記追加
	---------------------------------------------------------------------- */

	#rank_cap {
		padding:0 10px;
		}
	
	.ready_box { padding: 0 10px; }
	
	
	
}



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

	〜767px

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

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


}

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

	〜680px

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

@media screen and ( max-width : 680px ) {
	
	/* - レースクラスについて　注記追加
	---------------------------------------------------------------------- */

	#rank_cap {
		text-align:left;
		margin-top:15px;
	}
	
}


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

	〜639px

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

@media screen and ( max-width : 639px ) {
	
	
	/* - 注意書き
	---------------------------------------------------------------------- */
	#caution_block {
		max-width: 100%;
		margin: 30px 10px 0 10px;
	}
	
	
	/* - 準備画面
	---------------------------------------------------------------------- */
	.ready_box { padding: 0 10px; }
	
	.ready_box > .content {
		min-height: 200px;
		height: 200px;
	}
	
	.ready_box > .content p { font-size: 1.4rem; }
	.ready_box > .content p > span { font-size: 1.5rem; }
	.ready_box > .content p br.sp { display: block; }
	
}

@media screen and ( max-width : 359px ) {
    .ready_box > .content p > span.inner {
        font-size: 1.0rem;
    }

}

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

印刷用

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

@media print { 

table { border-collapse: separate; }




}