@charset "UTF-8";
/* ★★★予想の共通cssです。cssの重複を防ぐため、共通のもの以外は書かないようにお願いします★★★ */
/*==============================================
0.commonの調整
1. お知らせ
2. 的中速報
3. 最近購入した予想家
4. ウマい馬券とは
5. キャンペーンバナー
7. 予想家特集
8. 今週の注目レース
9. 今日のピックアップレース
10.本日の開催競馬場
11.予想バイブル
12.地方競馬 専門紙一覧
13.初めての方限定！無料ポイントプレゼント！
14.AIvs人対決
15.ニートボクロチキン
16.今週のイベント
17.購入した的中予想
18.店長ブログ
==============================================*/
/*==============================================
★　0.commonの調整
==============================================*/
.MyPointDataBoxV2{
	margin-bottom: 20px;
}
/*==============================================
★　1.お知らせ
==============================================*/
.Infomation_Box {
	margin:10px 10px 0;
}
.Infomation_Box ul {
	border-radius: 3px;
	border:1px solid #e0deda;
}
.Infomation_Box ul li a {
	display:block;
	padding: 12px 10px 14px 38px;
	position: relative;
}
.Infomation_Box ul li a:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url('https://cdnv2.netkeiba.com/img.sp/common/img/icon/icon_sprite_nk.png');
	background-repeat: no-repeat;
	-webkit-background-size: 55px 1000px;
	-moz-background-size: 55px 1000px;
	-ms-background-size: 55px 1000px;
	background-size: 55px 1000px;
	background-position: -7px -808px;
	position: absolute;
	top: 13px;
	left: 12px;
}
.Infomation_Box ul li a .Infomation_Txt span {
	color: #06389b;
	font-size: 66.6%;
	font-weight: bold;
	line-height: 1.3;
}

/*==============================================
★　2.的中速報
==============================================*/
.GensenYosoHitTickerBox {
	position: relative;
	margin: 11px 10px 15px;
	padding-left: 65px;
	height: 20px;
	font-size: 0.75rem;
	overflow: hidden;
}
.GensenYosoHitTickerBox .HitNewsTitle {
	position: absolute;
	top: 0;
	left: 0;
	width: 64px;
	height: 20px;
	padding: 4px 0;
	font-size: 0.6875rem;
	overflow: hidden;
	background-color: #b53e38;
	z-index: 10;
	border-radius: 4px;
}
.GensenYosoHitTickerBox .HitNewsTitle span {
	display: block;
	line-height: 1.2;
	color: #fff;
	font-weight: 700;
	text-align: center;
	overflow: hidden;
}
.GensenYosoHitTickerBox .tickercontainer {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.Contents .NewsTickerWrap a {
	display: block;
}
.GensenYosoHitTickerBox .tickercontainer::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 18px;
	height: 20px;
	z-index: 10;
	background: #fff;
}
.GensenYosoHitTickerBox .tickercontainer::after {
	content: '';
	position: absolute;
	top: 5px;
	right: 2px;
	display: block;
	width: 7px;
	height: 7px;
	border-top: 2px solid #888;
	border-right: 2px solid #888;
	border-radius: 1px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 10;
}
.tickercontainer .mask {
	position: relative;
	width: 90%;
}
.GensenYosoHitTickerBox #NewsTickerList {
	overflow: hidden;
	position: relative;
}
.GensenYosoHitTickerBox #NewsTickerList li {
	float: left;
	padding-right: 8em;
	color: #00f;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
}
.GensenYosoHitTickerBox a #NewsTickerList li {
	color: #444;
	font-size: 12px;
}
.GensenYosoHitTickerBox #NewsTickerList li strong {
	color: #ef5350;
	font-weight: 700;
}
.GensenYosoHitTickerBoxx a strong {
	color: #ef5350;
}

/*==============================================
★　3.最近購入した予想家
==============================================*/
.PurchaseHistory{
	margin: 10px 0px 5px;
	margin-bottom: 20px;
	/* background: #f3f3f3; */
}
.PurchaseHistoryWrap {
	/* min-height: 154px; */
}
 .SubTitle h3.PurchaseHistory_title {
	margin-bottom: 10px;
	padding: 0 10px;
	font-weight: normal;
}
.PurchaseHistory .HistoryYosokaList ul{
	display: flex;
	padding-left:10px;
	white-space: nowrap;
	overflow-x: auto;
}
.PurchaseHistory .HistoryYosokaList ul li{
	margin-right: 10px;
	/* padding-bottom: 5px; */
}
.PurchaseHistory .HistoryYosokaList ul li a{
	position: relative;
}
.PurchaseHistory .HistoryYosokaList ul li a img{
	width: 70px;
	height: 70px;
	border-radius: 4px;
}
.PurchaseHistory .HistoryYosokaList ul li a div{
	display: flex;
	align-items: center;
	font-size: 72.2222%;
	font-weight: bold;
	color: #555555;
	/* padding-top: 10px;
	height: 17px; */
	text-align: center;
	box-sizing: content-box;
}
.PurchaseHistory .HistoryYosokaList ul li a div span{
		display: block;
		position: absolute;
		content: '\516C\958B\4E2D';
		padding: 2px 0;
		text-align: center;
		color: #fff;
		width: 70px;
		border-radius: 0 0 4px 4px;
		bottom: 2px;
		left: 0;
		background: #0033AA;
		font-size: 55%;
		line-height: 1;
}
.PurchaseHistory .HistoryYosokaList ul li a div .YosokaName {
	display: inline-block;
	width: 4em;
	overflow: hidden;
	line-height: initial;
	margin: 0 auto;
}

/*==============================================
★　4.ウマい馬券とは
==============================================*/
.howtoUmai{
	text-align: center;
	margin-bottom: 40px;
}
.howtoUmai a{
	position: relative;
	font-size: 72.2222%;
	border-radius: 4px;
	font-weight: bold;
}
.howtoUmai a span.point{
	position: absolute;
	padding: 4px 21px 3px;
	height: 18px;
	color: #fff;
	font-size: 84.6154%;
	font-weight: bold;
	left: 0;
	right: 0;
	top: -10px;
	width: 120px;
	margin: auto;
	background-color: #3150BB;
	border-radius: 18px;
}
.howtoUmai a svg{
	width: 14px;
	height: 14px;
	fill: #3150BB;
	vertical-align: -1px;
}
.howtoUmai a svg.arrow{
	fill: #3150BB;
	margin-left: 19px;
	width: 6px;
	height: 9px;
	vertical-align: baseline;
}

/*==============================================
★　5.キャンペーンバナー
==============================================*/
.TopSlideBnr ul{
	display: flex;
	padding-left:10px;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}
.TopSlideBnr ul li{
	margin-right: 10px;
}
.TopSlideBnr ul li a img{
	width: 218px;
	height: 65px;
	border-radius: 4px;
}
.TopInfoBanner{
	padding: 0 10px;
	margin: 43px 0;
}
.TopInfoBanner img{
	width: 100%;
}
/*==============================================
★　7.予想家特集
==============================================*/
.top_recommend_bnr .bnr_area{
	padding: 0 10px;
}
.top_recommend_bnr .bnr_area ul{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 356px;
	margin: auto;
	justify-content: space-between;
}
.top_recommend_bnr .bnr_area ul li{
	width: 173px;
	max-width: 50%;
	height: 85px;
	margin-bottom: 10px;
}
.top_recommend_bnr .bnr_area ul li a{
	position: relative;
	height: 100%;
	width: 100%;
	border-radius: 4px;
	overflow: hidden;
}
.top_recommend_bnr .bnr_area ul li a.new:after {
	display: block;
	position: absolute;
	content: 'NEW';
	color: #fff;
	font-size: 55.5556%;
	font-weight: bold;
	width: 70px;
	text-align: center;
	background-color: #B53E38;
	top: -27px;
	left: -34px;
	padding: 37px 0 2px;
	transform: rotate(-45deg);
}
.top_recommend_bnr .bnr_area ul li img{
	width: 100%;
	height: 85px;
}

/*==============================================
★　8. 今週の注目レース
==============================================*/
.GradeRaceThisweeek{
	padding: 0 10px;
	margin-bottom: 12px;
}
.GradeRaceThisweeek .GradeRaceList a{
	padding: 8px 14px 7px 14px;
	margin:0 6px 8px 0;
	font-size: 83.3333%;
	color: #3150BB;
	font-weight: bold;
	border: 1px solid #E1E1E1;
	border-radius: 30px;
	max-width: calc(50% - 12px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: inline-block;
}

/*==============================================
★　9. 今日のピックアップレース
==============================================*/
.TodaysPickUp .PickUpRaceWrap{
	padding: 0 10px;
}
.TodaysPickUp .PickUpRaceWrap ul li + li{
	margin-top: 10px;
}
.TodaysPickUp .PickUpRaceWrap ul li a{
	width: 100%;
}
.TodaysPickUp .PickUpRaceWrap ul li a .PickUpRace{
	display: flex;
	padding: 11px 10px;
	border: 1px solid #E0E0E0;
	border-radius: 4px;
}
.TodaysPickUp .PickUpRaceWrap ul li a .RaceNum{
	display: flex;
	flex-direction: column;
	margin-right: 9px;
	width: 50px;
	height: 56px;
	color: #fff;
	font-size: 88.8889%;
	font-weight: bold;
	background-color: #3251BC;
	border-radius: 4px;
	justify-content: center;
	align-items: center;
}
.TodaysPickUp .PickUpRaceWrap ul li a .RaceNum span{
	font-size: 81.25%;
	margin-bottom: 6px;
}
.TodaysPickUp .PickUpRaceWrap ul li a .RaceDetail{
	display: flex;
	flex-direction: column;
}
.TodaysPickUp .PickUpRaceWrap ul li a .RaceDetail .RaceName{
	font-size: 72.2222%;
	font-weight: bold;
	color: #555555;
	padding-top: 3px;
}
.TodaysPickUp .PickUpRaceWrap ul li a .RaceDetail p{
	font-weight: bold;
	color: #555555;
}
.TodaysPickUp .PickUpRaceWrap ul li a .RaceDetail .PickUpText01{
	font-size: 83.3333%;
	line-height: 1.3846;
	margin-bottom: 7px;
}
.TodaysPickUp .PickUpRaceWrap ul li a .RaceDetail .PickUpText02{
	font-size: 72.222%;
	font-weight: normal;
	line-height: 1.5;
}

/*==============================================
★　10. 本日の開催競馬場
==============================================*/
.TopNarRaceTodayList {
	padding-right: 10px;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}
.TopNarRaceTodayList::-webkit-scrollbar{
	display:none;
}
.TopNarRaceTodayList li {
	display: inline-block;
	width: 28%;
	min-width: 95px;
	padding-left: 10px;
	white-space: normal;
}
.Contents .TopNarRaceTodayList a {
	position: relative;
	display: block;
	padding: 9px 1px;
	color: #444;
	text-align: center;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
}
.TopNarRaceTodayList li.Nighter a::after {
	content: "";
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	width: 14px;
	height: 13px;
	background: url("../img/icon/icon_nighter_01.png") 0 0 no-repeat;
	background-size: 14px 13px;
}
.TopNarRaceTodayList a > span {
	display: block;
	padding: 6px 0 9px;
	font-size: 0.8125rem;
	font-weight: 700;
}
.TopNarRaceTodayList .Race_Title {
	margin-bottom: 11px;
	padding: 0;
	color: #888;
	line-height: 1.2;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.TopNarRaceTodayList .Race_State {
	display: inline-block;
	width: 90%;
	white-space: nowrap;
	background-color: #e6e6e6;
	border-radius: 3px;
}
.TopNarRaceTodayList .Race_State > span {
	display: inline-block;
	color: #444;
	font-size: 0.8125rem;
	font-weight: 700;
	line-height: 1.54;
}
.TopNarRaceTodayList .Race_State.RaceEnd {
	background-color: #b6b6b6;
}
.TopNarRaceTodayList .Race_State.RaceEnd > span {
	color: #fff;
}
@media screen and (max-width: 359px) {
	.TopNarRaceTodayList a > span,
	.TopNarRaceTodayList .Race_Title,
	.TopNarRaceTodayList .Race_State > span {
		font-size: 0.75rem;
		}
}

/*==============================================
★　11. 予想バイブル
==============================================*/
.YosoBible>dl .sample>a {
	display: block;
}
.YosoBible>dl .stay .pt_box>*, .YosoBible>.stay .pt_box>* {
		background-color: #efefef;
		color: #959595;
		font-size: 68%;
}

/*==============================================
★　12. 地方競馬 専門紙一覧
==============================================*/
.Senmonshi.cont{
		margin-top: 0px;
		margin-bottom: 33px;
}
.Senmonshi.cont .sell{
	display: flex;
}
.Senmonshi.cont .sell .sample{
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
		position: relative;
		overflow: hidden;
}
.Senmonshi.cont .sell .sample span{
		display: block;
		position: absolute;
		right: 7px;
		bottom: 5px;
		font-size: 50%;
		font-weight: bold;
}
.Senmonshi.cont .sell .sample span.text01{
		color: #fff;
}
.Senmonshi.cont .sell .sample span.text02{
		color: #666;
}
.Senmonshi.cont .sell .sample span:after{
		display: inline-block;
		content:'';
		width: 0;
		height: 0;
		margin-left: 3px;
		border-style: solid;
		border-width: 4px 0 4px 5px;
		border-color: transparent transparent transparent #ffffff;
}
.Senmonshi.cont .sell .sample span.text02:after{
		border-color: transparent transparent transparent #666666;
}
.Senmonshi.cont .sell dd.pt_box p.catch{
		font-size: 66.6667%;
		margin-bottom: 13px;
		line-height: 1.3;
		letter-spacing: -0.4px;
}
.Senmonshi.cont .sell .pt_box{
		margin: 14px 10px 10px;
}
.Senmonshi.cont .sell > div{
		width: calc(50% - 3px);
		overflow: hidden;
}
.Senmonshi.cont .sell .name a{
		font-size: 88.89%;
}
.Senmonshi.cont .sell .pt_box .jra_text{
		color: #444;
		font-size: 72.2223%;
		padding:11px	9px;
		background-color: #F3F3F3;
		border-radius: 4px;
		line-height: 1.3077;
		min-height: 56px;
}
.Senmonshi.cont .sell .pt_box .nar_list{
		display: flex;
		flex-wrap: wrap;
		min-height: 62px;
		max-width: 164px;
		margin:auto;
		width: calc(100% + 4px);
		align-items: flex-start;
}
.Senmonshi.cont .sell .pt_box .nar_list span{
		display: inline-block;
		width: 37px;
		height: 17px;
		margin:7px 2px;
		border-radius: 17px;
		color: #444444;
		font-size: 55.5556%;
		background-color: #F3F3F3;
		text-align: center;
		line-height: 17px;
}
.Senmonshi.cont .sell .pt_box a{
		margin-top: 12px;
		background-color: #E3B749;
}
.Senmonshi.cont .sell .sample.bd {
		border-bottom: 1px solid #DADADA;
}
@media screen and (max-width: 321px){
		.Senmonshi.cont .sell .name a {
				font-size: 66.6667%;
				letter-spacing: -1px;
		}
		.Senmonshi.cont .sell .pt_box .nar_list span{
				width: 30px;
				margin: 5px 1px;
		}
		.Senmonshi.cont .sell dd.pt_box p.catch{
				letter-spacing: normal;
				height: 30px;
		}
}

/*==============================================
★　13.初めての方限定！無料ポイントプレゼント！
==============================================*/
.Cmp_Txt {
		position: relative;
		margin: 0 10px 10px;
		height: 32px;
		padding: 10px 0 9px;
		text-align: center;
		font-size: 72.2222%;
		font-weight: bold;
		border: 1px solid #E0E0E0;
		border-radius: 4px;
}
.Cmp_Txt.orange, .Cmp_Txt.orange a {
		color: #CE9200;
		border-color: #CE9200;
}
.Cmp_Txt svg {
		position: absolute;
		right: 10px;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 6px;
		height: 9px;
}
.Cmp_Txt.orange svg {
		fill: #CE9200;
}

.YosoTop .Top_YosokaRankingArea01,.YosoTop .HittingReport {
	margin-bottom: 0px!important;
}

/*==============================================
14.AIvs人対決
==============================================*/
.ai_vs_hito .ai_vs_hito_wrap{
	padding: 0 10px;
	position: relative;
	margin-bottom: 43px;
}

.ai_vs_hito_content{
	border: 1px solid #EBE4E4;
	border-radius: 4px;
/*	padding: 15px 40px 33px;*/

	overflow: hidden;
}
/*@media screen and (min-width: 780px) and (max-width: 1023px){
	.ai_vs_hito_content{
		background-size: cover;
	}

}*/
/* テキスト */
.battle_main{
	padding: 15px 0 0;
	background-image: url("../img/top/ai_vs_hito/bg.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.battle_title{
	text-align: center;
	margin-bottom: 15px;
}

.battle_title .text_big{
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 8px;
}

.battle_title .text_small{
	font-size: 13px;
	font-weight: 300;
}

.battle_card{
	display: flex;
	justify-content: center;
	gap: 0 13px;
	margin: 0 auto;
	position: relative;
}

.battle_card::after{
	content: "";
	display: block;
	background: url("../img/top/ai_vs_hito/vs.png");
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	width: 42px;
	height: 35px;
	top: 33px;
	z-index: 1;
}

.battle_card .yosoka{
	position: relative;
	width: 102px;
}
.battle_card .yosoka img{
	width: 100%;
}
.battle_card .yosoka.human:before{
	position: absolute;
	display: block;
	content: '';
	width: 23px;
	height: 23px;
	background: url("../img/top/ai_vs_hito/hito_icon.png");	
	background-repeat: no-repeat;
	background-size: contain;
	left:-31px;
	top:40px;

}
.battle_card .yosoka.ai:after{
	position: absolute;
	display: block;
	content: '';
	width: 32px;
	height: 23px;
	background: url("../img/top/ai_vs_hito/ai_icon.png");	
	background-repeat: no-repeat;
	background-size: contain;
	right:-41px;
	top:40px;

}
.battle_card .yosoka_img{
	position: relative;
	width: 102px;
	height: 102px;
	border: 2px solid #0F1F32;
	border-radius: 4px;
}
/*勝利*/
.battle_card .yosoka_img.win{
	border-color: #D04040;
}
.battle_card .yosoka_img .winner {
		display: inline-block;
		position: absolute;
		top: -21px;
		right: -23px;
		width: 52px;
		height: 44px;
		background: url(../campaign/2023/umai_yoso_battle/img/icon_win.png) no-repeat;
		background-size: 52px 44px;
}
.battle_card .yosoka_img.human .winner {
		left: -23px;
		right: auto;
}
.battle_card .yosoka_img.ai .winner {
		transform: rotate(35deg);
}

/*連勝*/
.battle_card .yosoka_img .band_wrap{
	position: absolute;
	width:calc(100% - 2px);
	height: calc(100% - 2px);
	top: 1px;
	left: 1px;
	overflow: hidden;
}
.battle_card .yosoka_img .band {
		display: inline-block;
		position: absolute;
		top: 8px;
		right: -23px;
		width: 98px;
		line-height: 18px;
		text-align: center;
		font-size: 12px;
		font-weight: 600;
		background: #D04040;
		color: #fff;
		transform: rotate(30deg);
}
.battle_card .yosoka_img.human .band{
		transform: rotate(-30deg);
		left: -23px;
		right: auto;
}	

.battle_card .yosoka_name{
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	margin: 10px auto 14px;
}
/*引き分け*/
.battle_card .yosoka_img.lose::after,
.battle_card .yosoka_img.draw::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #0F1F32;
	background-color: rgba(15, 31, 50, 0.5);
	position: absolute;
	top: 0%;
	left: 0%;
	z-index: 1;
}
/* 投票締め切り*/
.ratio_notice {
	color: #D04040;
		text-align: center;
		font-weight: 600;
		font-size: 61.1111%;
		margin-bottom: 5px;
}


/* ポイントボタン */
.point_btn{
	width: 100%;
	background-color: #0f1f32;
	color: #fff;
	height: 33px;
	line-height: 33px;
	text-align: center;
	font-size: 83.3333%;
	font-weight: 600;
}
/*==============================================
15.ニートボクロチキン
==============================================*/
.freeContents__NEEBO{
	padding:0 10px;
	margin-bottom: 40px;
}
.freeContents__NEEBO .Title_Sec{
	margin: 21px 10px 21px 0;
}
.freeContents__NEEBO .freeContents__NEEBO--wrap{
	border:1px solid #E0E0E0;
	border-radius: 4px;
	overflow: hidden;
	padding-bottom: 20px;
}
.freeContents__NEEBO .freeContents__NEEBO--wrap img{
	max-width: 100%;
}
.freeContents__NEEBO .freeContents__NEEBO--wrap .body,
.freeContents__NEEBO .freeContents__NEEBO--wrap .body .NEEBO_icon,
.freeContents__NEEBO .freeContents__NEEBO--wrap .body .NEEBO_icon dl{
	display: flex;
	align-items: center;
	justify-content: center;
}
.freeContents__NEEBO .freeContents__NEEBO--wrap .body{
	margin: auto;
}
.freeContents__NEEBO .freeContents__NEEBO--wrap .body .date{
	font-size: 83.3333%;
	color:#444444;
}
.freeContents__NEEBO .freeContents__NEEBO--wrap .body .NEEBO_icon{
	margin-left: 4px;
}
.freeContents__NEEBO .freeContents__NEEBO--wrap .body .NEEBO_icon dl dt{
	width: 40px;
}
.freeContents__NEEBO .freeContents__NEEBO--wrap .body .NEEBO_icon dl dt.NEEBO_platinum.animation img{
	animation-name: neebo;
	animation-duration:10s;
	animation-fill-mode:forwards;
	animation-iteration-count: infinite;
	animation-timing-function:ease-out;
}
@keyframes neebo{
	0% {
		transform: rotateY(0deg);
	}
	5%{
		transform: rotateY(180deg);
	}
	10%{
		transform: rotateY(360deg);
	}
	15%{
		transform: rotateY(180deg);
	}
	20%{
		transform: rotateY(0deg);
	}
	100% {
		transform: rotateY(0deg);
	}
}
.freeContents__NEEBO .freeContents__NEEBO--wrap .body .NEEBO_icon dl dd{
	font-size: 72.2222%;
	font-weight: bold;
	margin: 0 10px 0 4px;
}

.freeContents__NEEBO .freeContents__NEEBO--wrap a{
	position: relative;
	display: block;
	max-width: 315px;
	margin:13px auto 0;
	color: #fff;
	font-size: 77.7778%;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #3951B5;
	border-radius: 4px;
}
.freeContents__NEEBO .freeContents__NEEBO--wrap a svg{
	position: absolute;
	display: block;
	width: 6px;
	height: 10px;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: rotate(180deg);
}

/*==============================================
16.今週のイベント
==============================================*/

.event_yoso_block--wrap {
	display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	margin: 0 10px 40px;
}
/* 1カラム表示*/
.event_yoso_block {
	width: 100%;
}

/* 2カラム表示*/
.event_yoso_block.col2 {
	width: 50%;
}

.event_yoso_main {
	flex-grow: 1;
}



/*==============================================
★　2308　ウマい - TOP リニューアル
==============================================*/
/*==============================================
★初回限定ポイントプレゼント
==============================================*/
.First_Gift {
	position: relative;
	background-color: #F3F3F3;
	margin: 0px 10px 40px;
	border-radius: 4px;
}

.First_Gift.browser .Bg_Img {
	max-height: 700px;
}

@media screen and (min-width: 750px) {
	.First_Gift.browser .First_Gift_Img {
		bottom: 23%;
	}
}

.First_Gift.browser .Btn_Catch {
	margin: 13px auto -4px;
}

.First_Gift.browser .Notice {
	margin-top: -10px;
}

@media screen and (max-width: 360px) {
	.First_Gift.browser .Notice {
		margin-top: -2.66667vw;
	}
}

.First_Gift.app .Btn_Catch {
	margin: 21px auto 8px;
}

.First_Gift .Bg_Img {
	width: 100%;
	min-height: 435px;
	max-height: 650px;
	-o-object-fit: cover;
		 object-fit: cover;
	-o-object-position: top;
		 object-position: top;
	border-radius: 4px;
}

.First_Gift .Btn_Inner {
	position: absolute;
	margin: 0 auto;
	bottom: 0;
	left: 0;
	right: 0;
}

.First_Gift_Img {
	max-width: 550px;
	padding: 0 12px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 25%;
}

@media screen and (min-width: 750px) {
	.First_Gift_Img {
		padding: 0 20px;
		bottom: 20%;
	}
}

.First_Gift_Img img {
	width: 100%;
}

.First_Gift_Btn {
	display: block !important;
	margin: 0 auto 5px;
	max-width: 315px;
	height: 40px;
	line-height: 40px;
	background: #FB8703;
	text-align: center;
	font-size: 1rem;
	color: #fff;
	font-weight: 600;
	border-radius: 20px;
}

.First_Gift .Btn_Catch {
	position: relative;
	display: block;
	font-weight: 600;
	text-align: center;
	color: #F5391C;
	font-size: 0.875rem;
}

@media screen and (max-width: 360px) {
	.First_Gift .Btn_Catch {
		font-size: 14px;
		font-size: 3.73333vw;
	}
}

.First_Gift .Btn_Catch:before,
.First_Gift .Btn_Catch:after {
	position: relative;
	display: inline-block;
	content: "";
	background: #F5391C;
	width: 3px;
	height: 15px;
	margin: 0 1em;
	border-radius: 3px;
	vertical-align: middle;
}

.First_Gift .Btn_Catch:before {
	-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);
}

.First_Gift .Btn_Catch:after {
	-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
}

.First_Gift .Notice {
	padding-bottom: 15px;
	text-align: center;
	font-size: 0.75rem;
	color: #555555;
}

.First_Gift .Induction {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
			-ms-flex-pack: center;
					justify-content: center;
}

.First_Gift .Induction a {
	width: 45%;
	min-width: 150px;
	max-width: 300px;
}

.First_Gift .Induction a img {
	width: 100%;
}


/*3日間無料体験プレゼント*/
.First_Gift02 {
	margin: 0 10px 20px;
	padding: 10px 5px 20px;
	background: #FCF5D7;
	border-radius: 4px;
}
.First_Gift_Img02 {
	display: block;
	margin-bottom:15px;
}
.First_Gift_Img02 img {
	width: 100%;
}
.First_Gift02 a.First_Gift_Btn02 {
	display: block;
	margin: 0 auto;
	background: #4E4545;
	width: 295px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-weight: 600;
	font-size: 1rem;
	border-radius: 20px;
}

/*==============================================
★　★初回限定ポイント取得モーダル
==============================================*/
.Point_Get {
	padding: 40px 0 20px;
}
.Point_Get_Title {
	margin-bottom: 12px;
	text-align: center;
	font-size: 1.375rem;
	color: #444444;
	font-weight: 600;
}
.Point_Get_Title.color_red {
	color: #F53D1C;
}
.Point_Get .Btn_Catch {
	margin: 20px auto 8px;
	position: relative;
	display: block;
	font-weight: 600;
	text-align: center;
	color: #F5391C;
	font-size: 0.875rem;
}
.Point_Get .Btn_Catch:before,
.Point_Get .Btn_Catch:after {
	position: relative;
	display: inline-block;
	content: "";
	background: #F5391C;
	width: 3px;
	height: 15px;
	margin: 0 1em;
	border-radius: 3px;
	vertical-align: middle;
}
.Point_Get .Btn_Catch:before {
	-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);
}
.Point_Get .Btn_Catch:after {
	-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
}
.Point_Get .Point_Img {
	display: block;
	width: 123px;
	margin: 0px auto 11px;
}
.Point_Get_List {
	margin: 0 20px 25px;
	border-radius: 4px;
	border: solid 1px #E8E8E8;
}
.Point_Get_List .Head {
	padding: 9px 10px;
	background: #E8E8E8;
	color: #444444;
	font-weight: 600;
}
.Point_Get_List .Head .Race_Day {
	margin-right: 10px;
	font-size: 0.8125rem;
}
.Point_Get_List .Head .Race_Name {
	max-width: 12em;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 1rem;
}
.Point_Get_List .GensenYosoList ul {
	padding: 0 10px;
	border-bottom: none;
}
.Point_Get_List .GensenYosoList ul li {
	border-bottom: none;
	border-top: none;
}
.Point_Get_List .GensenYosoList ul li + li {
	border-top: 1px dashed #dcdcdc;
}
.Point_Get_List .Icon_GradeType {
	margin-left: 3px;
	display: inline-block;
	font-size: 10px;
	-webkit-transform: scale(0.8);
					transform: scale(0.8);
	-webkit-transform-origin: 0 0;
					transform-origin: 0 0;
	vertical-align: baseline;
}
.Point_Get_List .GensenYosoList .Inner {
	padding: 13px 0;
}
.Point_Get_List .GensenYosoList .Yosoka .YosokaImage {
	width: 72px;
}
.Point_Get_List .GensenYosoList .Yosoka .Profile {
	padding-left: 82px;
	min-height: 60px;
}
.Point_Get_List .GensenYosoList .Yosoka .Profile .Name a {
	color: #444444;
}
.Point_Get_List .GensenYosoList .Yosoka .Profile .CatchPhrase {
	color: #666666;
	font-weight: 600;
}
.Point_Get_List .GensenYosoList .BtnArea {
	margin: 0 0 0 auto;
}
.Point_Get .btn_inner {
	margin: 0 20px 0;
}
.Point_Get .yosoka_more_btn {
	border: 1px solid #888;
	position: relative;
	padding: 16px 43px;
	height: 50px;
	border-radius: 28px;
	display: block;
	text-align: center;
	font-size: 0.9375rem;
	color: #444444;
	font-weight: 600;
}
.Point_Get .yosoka_more_btn::after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 1px;
	background: none;
	border-top: 2px solid #444444;
	border-right: 2px solid #444444;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 30px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.Point_Get .yosoka_more_btn .yosoka_more_balloon {
	background-color: #3150BB;
	position: absolute;
	display: inline-block;
	padding: 5px 10px 5px 10px;
	min-width: 146px;
	max-width: 100%;
	color: #FFF;
	font-size: 11px;
	text-align: center;
	font-weight: 600;
	top: -13px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 12px;
}
.Point_Get .yosoka_more_btn .yosoka_more_balloon::before {
	content: "";
	position: absolute;
	top: 90%;
	left: 50%;
	margin-left: -6px;
	border: 6px solid transparent;
	border-top: 6px solid #3150BB;
}
@media screen and (max-width: 360px) {
	.Point_Get .yosoka_more_btn .yosoka_more_balloon {
		font-size: 11px;
		font-size: 2.93333vw;
	}
}
@media only screen and (min-width: 0px) and (max-width: 350px) {
	.Point_Get_Title {
		font-size: 18px;
	}
	.Point_Get_List .Head .Race_Day {
		font-size: 10px;
	}
	.Point_Get_List .Head .Race_Name {
		max-width: 9em;
	}
}
/* 2023-10-12 レース詳細追加 */
.RaceListMainArea {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
}
.RaceList_Main_Box {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.RaceList_Main_Box a {
	position: relative;
	display: table;
	width: 100%;
	padding: 10px 0 10px 10px;
}
.RaceList_Main_Box .RaceList_Item01,
.RaceList_Main_Box .RaceList_Item02 {
	position: relative;
	display: table-cell;
	vertical-align: middle;
}
.RaceList_Main_Box .RaceList_Item02 {
	width: 100%;
}
.RaceList_Main_Box .RaceList_Item01 {
	padding-right: 9px;
}
.RaceList_Main_Box .RaceList_Item01 .Race_Num {
	position: relative;
	display: inline-block;
	font-size: 89%;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #3251bc;
	width: 45px;
	line-height: 2.81;
	border-radius: 4px;
	vertical-align: middle;
}
/* MyRace */
.RaceList_Main_Box .RaceList_Item01 .MyRaceCheck.disp_none{
	display: none;
}
.RaceList_Main_Box .RaceList_Item01 .Race_Fixed {
	background: #c53131 !important;
}
.RaceList_Main_Box .RaceList_Item01 .Race_Next {
	background: #e4ca3b !important;
}
/* チェック */
.RaceList_NameBox .RaceList_Item01 .MyRaceCheck,
.RaceList_Main_Box .RaceList_Item01 .MyRaceCheck {
	display: block;
	background: #ef5350;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	position: absolute;
	top: -3px;
	right: -5px;
}
.RaceList_NameBox .RaceList_Item01 .MyRaceCheck::after,
.RaceList_Main_Box .RaceList_Item01 .MyRaceCheck::after {
	content: "";
	display: block;
	width: 3px;
	height: 6px;
	position: absolute;
	top: 3px;
	right: 6px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(45deg);
	transform-origin: 50% 50%;
}
.RaceList_NameBox .RaceList_Item01 .MyRaceCheck {
	top: 50%;
	right: -6px;
	margin-top: -25px;
}
/* MyRace */
.RaceList_NameBox .RaceList_Item01 .MyRaceCheck.disp_none{
	display: none;
}
.RaceList_Main_Box .RaceList_Item02 dl .Race_Name {
	color: #555;
	font-size: 106%;
	font-weight: bold;
	margin-bottom: -2px;
	line-height: 1.37;
}
.RaceList_Main_Box .RaceList_Item02 dl .Race_Name .Icon_GradeType{
	vertical-align: top;
	margin-top: 4px;
}
.RaceList_Main_Box .RaceList_Item02 dl .Race_Data {
	color: #555;
	font-size: 78%;
	line-height: 1.5;
}
.RaceList_Main_Box .RaceList_Item02 dl .Race_Data > .Dirt {
	color: #874c11;
}
.RaceList_Main_Box .RaceList_Item02 dl .Race_Data > .Turf {
	color: #58af4a;
}
.RaceList_Main_Box .RaceList_Item02 dl .Race_Data > *{
	margin:0 5px;
}
.RaceList_Main_Box .RaceList_Item02 dl .Race_Data .Hasso_Time:empty{
	margin-right:0;
}
.RaceList_Main_Box .RaceList_Item02 dl .Race_Data > img {
	position: relative;
	display: inline-block;
	margin-left: 5px;
}
.RaceList_Main_Box .RaceList_Item02 dl .Race_Data > img.Icon_FavHorse {
	position: relative;
	display: inline-block;
	margin-left: 5px;
}
.RaceList_Main_Box .RaceList_Item02 dl .Race_Data > img.disp_none {
	display: none;
}
.RaceList_Main_Box .RaceList_Item01 .Race_Num {
	line-height: 1.3;
	padding: 2px 0 4px;
}
.RaceList_Main_Box .RaceList_Item01 .Race_Num .RaceCourse {
	font-size: 75%;
}

/*==============================================
★　カルーセル
==============================================*/
.Slide_List{
	display: none;
}
.YosoTopSlide {
	margin: 0px 0 0px 10px;
}

.YosoTopSlide .Slide_List li {
	position: relative;
}

.YosoTopSlide .Slide_List li img {
	border-radius: 4px;
	width: 100%;
}

.YosoTopSlide .SlideTxtArea {
	left: 0;
	bottom: 0;
	height: 90px;
	position: absolute;
	width: 100%;
	border-radius: 0 0 4px 4px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(85%, rgba(0, 0, 0, 0.85)));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 85%);
}

.YosoTopSlide .SlideTxtArea .SlideTxtInner {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
}

.YosoTopSlide .SlideTxtArea .SlideTxtInner .ContentMainTitle {
	color: #fff;
	font-size: 1.0625rem;
	line-height: 1.375;
	font-weight: bold;
	width: 100%;
	height: 44px;
	padding: 0 10px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.YosoTopSlide .slick-list {
	padding: 0 7% 0 0 !important;
}

.YosoTopSlide .slick-dots li {
	width: 30px;
	height: 5px;
	background: #D9D9D9;
}

.YosoTopSlide .slick-dots li button {
	width: 30px;
	height: 5px;
}

.YosoTopSlide .slick-dots li button:before {
	width: 30px;
	height: 5px;
}

.YosoTopSlide .slick-dots li.slick-active {
	width: 30px;
	height: 5px;
}

.YosoTopSlide .slick-dots li.slick-active button:before {
	background: #747474;
}

/*==============================================
★注目レース・発走直前レース
==============================================*/
.RaceList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 40px;
	padding-left: 10px;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;

}

.RaceList::-webkit-scrollbar{
	display:none;
}
/*注目レース*/
.RaceList .PickupRaceList {
	min-width: 160px;
	background-color: #F3F3F3;
	border-radius: 4px;
	overflow: hidden;
}
.RaceList .PickupRaceList + .PickupRaceList{
	margin-left: 10px;
}
.RaceList .PickupRaceList .RaceInfo{
	display: flex;
	flex-direction: column;
	padding: 7px 0 6px 11px;
	background-color: #535767;
}

.RaceList .PickupRaceList .Race {
	color: #fff;
	display: inline-block;
	font-size:83.33333333333334%;
	font-weight: bold;
	max-width: 7em;
	margin-bottom: 5px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.RaceList .PickupRaceList .Icon_GradeType {
    position: relative;
    top: -1px;
	min-width: 25px;
	font-weight: 600;
	font-style: normal;
	vertical-align: top;
}

.RaceList .PickupRaceList .StartTime {
	color: #fff;
	font-size: 61.111111111111114%;
	font-weight: normal;
}

/*-- 旧注目レース */
.RaceList.Noscratch .PickupRaceList{
  /* min-width: 129px; */
  min-width: 174px;
}
.RaceList.Noscratch .PickupRaceList .Race {
  color: #444;
  display: inline-block;
  font-size: 1rem;
  max-width: 7em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.RaceList.Noscratch .PickupRaceList .Icon_GradeType {
  min-width: 25px;
  font-weight: 600;
  font-style: normal;
  vertical-align: top;
}

.RaceList.Noscratch .PickupRaceList .StartTime {
  color: #444;
  font-weight: normal;
}

.RaceList.Noscratch .PickupRaceList .RaceYosoPeople {
  display: inline-block;
}

.RaceList.Noscratch .PickupRaceList .RaceYosoText {
  display: inline-block;
}

.RaceList.Noscratch .PickupRaceList a {
  padding: 12px 9px 6px;
    display: block;
    color: #666;
    background-color: #F3F3F3;
    border-radius: 4px;
}
.RaceList.Noscratch .PickupRaceList a > span {
	display: block;
	font-weight: 600;
	padding: 0px 0 6px;
}
.RaceList.Noscratch .PickupRaceList  .RaceYosoPeople {
  font-size: 0.75rem;
}

.RaceList.Noscratch .PickupRaceList .RaceYosoPeople em {
  margin-right: 3px;
  color: #CE9221;
  font-size: 0.9375rem;
}
.RaceList.Noscratch .PickupRaceList .RaceYosoText {
  font-size: 0.6875rem;
  color: #757575;
}



.RaceList .RaceContents{
	padding: 10px;
}
.RaceList .RaceContents a{
	display: block;
	width: 140px;
	height: 30px;
	color: #444444;
	font-size: 72.22222222222221%;
	font-weight: bold;
	line-height: 28px;
	text-align: center;
	background-color: #fff;
	border-radius: 30px;
	border:1px solid #DADADA;
}
.RaceList .RaceContents a + a{
	margin-top: 10px;
}
.RaceList .RaceContents a.Scratch{
	color: #E58F24;
}
.RaceList .RaceContents a.Report{
	color: #1D6DE5;
}
.RaceList .RaceContents a.disable{
	color: #fff;
	background-color: #DADADA;
	pointer-events: none;
}

/*発走直前レース*/
.RaceList .TodayRaceList {
	width: 26%;
	min-width: 86px;
}

.RaceList .TodayRaceList .Race {
	color: #444;
	font-size: 0.8125rem;
}

.RaceList .TodayRaceList .TimeLimit {
	margin-top: 6px;
	padding: 3px 0 3px;
	color: #fff;
	font-size: 0.625rem;
	background-color: #535767;
	border-radius: 0 0 4px 4px;
}

.RaceList .TodayRaceList .TimeLimit em {
	font-size: 0.875rem;
	vertical-align: -1px;
}

.RaceList .TodayRaceList .TimeLimit span {
	font-size: 0.75rem;
}

.RaceList .TodayRaceList a {
	padding: 12px 0px 0;
	text-align: center;
	display: block;
	color: #666;
	background-color: #F3F3F3;
	border-radius: 4px;
}

.RaceList .TodayRaceList a > span {
	padding: 0px 0 3px;
	display: block;
	font-weight: 600;
	color: #666666;
}

.RaceList .TodayRaceList {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding-right: 10px;
}

.RaceList .TodayRaceList.StartTime {
	font-size: 0.75rem;
	font-weight: normal;
}

@media screen and (max-width: 360px) {
	.RaceList .TodayRaceList .StartTime {
		font-size: 12px;
		font-size: 3.2vw;
	}
}

.RaceList .TodayRaceList .RaceYosoPeople {
	font-size: 0.75rem;
}

.RaceList .TodayRaceList .RaceYosoPeople em {
	margin-right: 3px;
	color: #CE9221;
	font-size: 0.9375rem;
}

.RaceList .TodayRaceList .RaceYosoText {
	font-size: 0.6875rem;
	color: #757575;
}



/*==============================================
★　ライブコマース
==============================================*/
/*.Live_Cont {
	margin: 0 auto 40px;
	padding: 10px;
	background: #222;
}

@media screen and (max-width: 360px) {
	.Live_Cont {
		padding: 2.66667vw;
	}
}

.Live_Cont .Live_Item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.Live_Cont .Live_Item .Live_Img {
	width: 160px;
}

@media screen and (max-width: 360px) {
	.Live_Cont .Live_Item .Live_Img {
		width: 42.66667vw;
	}
}

.Live_Cont .Live_Item .Live_Img img {
	width: 100%;
}

.Live_Cont .Live_Item .Live_Text {
	margin: 0 0 12px 10px;
	width: calc(100% - 170px);
	font-weight: 600;
	color: #fff;
}

@media screen and (max-width: 360px) {
	.Live_Cont .Live_Item .Live_Text {
		width: calc(100% - 45.33333vw);
	}
}

.Live_Cont .Live_Item .Live_Text .Title {
	margin-bottom: 10px;
	font-size: 1.0625rem;
	line-height: 1.3;
}

@media screen and (max-width: 360px) {
	.Live_Cont .Live_Item .Live_Text .Title {
		font-size: 17px;
		font-size: 4.53333vw;
	}
}

.Live_Cont .Live_Item .Live_Text .Explan {
	font-size: 0.8125rem;
	line-height: 1.6;
}

@media screen and (max-width: 360px) {
	.Live_Cont .Live_Item .Live_Text .Explan {
		font-size: 13px;
		font-size: 3.46667vw;
	}
}

.Live_Cont .Live_Btn {
	position: relative;
	display: block;
	height: 40px;
	background: #222;
	border: solid 1px #fff;
	border-radius: 4px;
	font-size: 0.875rem;
	font-weight: 600;
	text-align: center;
	color: #fff;
}

.Live_Cont .Live_Btn .icon {
	position: relative;
	top: 5px;
	margin-right: 15px;
	width: 53px;
}

.Live_Cont .Live_Btn::after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 1px;
	background: none;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 28px;
	top: 0;
	bottom: 0;
	margin: auto;
}*/
.LiveCommerceLink_L_Wrap{
	margin-bottom: 40px;
}
.LiveCommerceLink_L_Wrap .LiveCommerceLink_L{
	padding: 10px;
}
.LiveCommerceLink_L_Wrap .LiveCommerceLink_L a.MovieLink{
	width: 160px;
}
.LiveCommerceText{
	width: calc(100% - 160px) !important;
	padding: 0 0 0 12px !important;
}
.LiveCommerceText p{
		overflow: hidden;
		word-wrap: break-word;
		text-overflow: ellipsis;
		white-space: normal;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		height: 2.76em;
}
.LiveCommerceText p + p{
	margin-bottom: 0;
}
.LiveCommerceLink_L a.Link_L{
	margin-top: 17px !important;
	width: 100% !important;
}
.LiveCommerceLink_L_Wrap .LiveCommerceLink_L .LiveCommerceMovieWrap .LiveCommerceLiveIcon{
	left: 8px !important;
		top: 7px !important;
}
/*==============================================
★　動画予想
==============================================*/
.Movie_Yoso {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 10px;
	margin-bottom: 40px;
	white-space: nowrap;
	overflow-x: scroll;
}
.Movie_Yoso::-webkit-scrollbar{
	display:none;
}

.Movie_Yoso_List {
	-ms-flex-negative: 0;
			flex-shrink: 0;
	padding-right: 10px;
	width: 61%;
	min-width: 220px;
}

.Movie_Yoso_Head .Race_Name {
	font-size: 1.0625rem;
	font-weight: bold;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.Movie_Yoso_Head .Race_Num {
	margin: 0 5px;
	display: inline-block;
	width: 38px;
	height: 24px;
	line-height: 24px;
	color: #fff;
	font-size: 0.8125rem;
	font-weight: 700;
	text-align: center;
	background-color: #3251bc;
	border-radius: 4px;
	vertical-align: middle;
}

.Movie_Yoso_Head .Race_Data {
	margin: 5px 3px;
	font-size: 0.75rem;
	color: #666666;
}

.Movie_Yoso_Item .Yosoka_Link {
	display: block;
	width: 100%;
}
.Movie_Yoso_Item{
	border: solid #E0E0E0 1px;
	/* border-top: none; */
	border-radius: 4px;
	overflow: hidden;
}
.Movie_Yoso_Item .Yosoka {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 10px;
	/* border: solid #E0E0E0 1px;
	border-top: none;
	border-radius: 0 0 4px 4px; */
	border-top:solid #E0E0E0 1px;
}

.Movie_Yoso_Item .Yosoka .Yosoka_Img {
	width: 43px;
	height: 43px;
	overflow: hidden;
	border-radius: 50%;
}

.Movie_Yoso_Item .Yosoka .Yosoka_Img img {
	width: 100%;
}

.Movie_Yoso_Item .Yosoka .Yosoka_Text {
	margin-left: 5px;
}

.Movie_Yoso_Item .Yosoka .Yosoka_Text .Yosoka_Name {
	margin-bottom: 5px;
	color: #444444;
	font-weight: 600;
	font-size: 1rem;
}

.Movie_Yoso_Item .Yosoka .Yosoka_Text .Point {
	color: #E3B749;
	font-weight: 600;
/*	font-size: 1.25rem;*/
}

.adminttv_inner {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	border-radius: 4px 4px 0 0;
}

.adminttv {
	position: absolute;
	top: -0.6px;
	left: 0;
	width: 100%;
	height: 100%;
}

/*==============================================
★　予想お役立ち無料コラム
==============================================*/
.FreeColumn {
	padding: 20px;
	margin: 0 10px 40px;
	border: solid 1px #E0E0E0;
	border-radius: 4px;
}

@media screen and (max-width: 360px) {
	.FreeColumn {
		padding: 5.33333vw 4vw;
	}
}

.FreeColumn a {
	display: block;
}

.FreeColumn .FreeColumnHead {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.FreeColumn .FreeColumnHead .Column_Img {
	width: 123px;
}

.FreeColumn .FreeColumnHead .Column_Img img {
	width: 100%;
}

.FreeColumn .FreeColumnHead .Column_Text {
	position: relative;
	width: calc(100% - 123px);
	margin-left: 10px;
	color: #555555;
}

.FreeColumn .FreeColumnHead .Column_Title {
	font-size: 0.9375rem;
	font-weight: 600;
	color: #444;
	overflow: hidden;
	line-height: 1.38em;
	position: relative;
	word-wrap: break-word;
	text-overflow: ellipsis;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: auto;
}

.FreeColumn .FreeColumnHead .Column_Name {
	margin-top: 5px;
	font-size: 0.9375rem;
	font-weight: 600;
	color: #444;
}

.FreeColumn .FreeColumnHead .Column_Start_Data {
	margin-top: 10px;
	font-size: 0.875rem;
	font-weight: 600;
	color: #444;
}

.FreeColumn .FreeColumnHead .Column_Data {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 0.625rem;
}

.yosoka_more_btn {
	display: block;
	width: 100%;
}

.yosoka_more_btnWrap {
	border: 1px solid #3951B5;
	position: relative;
	height: 56px;
	border-radius: 6px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	margin-top: 20px;
	padding: 0 10px;
}

.yosoka_more_btnWrap::after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 1px;
	background: none;
	border-top: 2px solid #3951B5;
	border-right: 2px solid #3951B5;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.yosoka_more_btnWrap .yosoka_more_balloon {
	background-color: #222222;
	position: absolute;
	display: inline-block;
	padding: 5px 10px 5px 10px;
	min-width: 146px;
	max-width: 100%;
	color: #FFF;
	font-size: 11px;
	text-align: center;
	font-weight: 600;
	top: -13px;
	left: 50%;
	-webkit-transform: translateX(-50%);
					transform: translateX(-50%);
	border-radius: 12px;
}

.yosoka_more_btnWrap .yosoka_more_balloon::before {
	content: "";
	position: absolute;
	top: 90%;
	left: 50%;
	margin-left: -6px;
	border: 6px solid transparent;
	border-top: 6px solid #222222;
}

@media screen and (max-width: 360px) {
	.yosoka_more_btnWrap .yosoka_more_balloon {
		font-size: 11px;
		font-size: 2.93333vw;
	}
}

.yosoka_more_btnWrap .yosoka_more_btnInner {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
			-ms-flex-pack: center;
					justify-content: center;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	color: #3951B5;
	font-size: 15px;
	font-weight: 600;
}

@media screen and (max-width: 360px) {
	.yosoka_more_btnWrap .yosoka_more_btnInner {
		font-size: 15px;
		font-size: 4vw;
	}
}

.yosoka_more_btnWrap .yosoka_more_btnInner p {
	margin-right: 5px;
}

.yosoka_more_btnWrap .yosoka_more_btnInner .yosoka_more_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
			-ms-flex-pack: center;
					justify-content: center;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
}

.yosoka_more_btnWrap .yosoka_more_btnInner .yosoka_more_list .yosoka_more_img {
	display: block;
	width: 30px;
	height: 30px;
	padding: 0px;
	margin-right: 1px;
	border-radius: 50%;
	overflow: hidden;
}

@media screen and (max-width: 360px) {
	.yosoka_more_btnWrap .yosoka_more_btnInner .yosoka_more_list .yosoka_more_img {
		width: 8vw;
		height: 8vw;
	}
}

.yosoka_more_btnWrap .yosoka_more_btnInner .yosoka_more_list .yosoka_more_img img {
	width: 100%;
}

/*==============================================
★　今週の自信あり予想
==============================================*/
.Top_Confident {
	margin-bottom: 40px;
}
.GensenYosoList ul{
	border-bottom: none;
}
.GensenYosoList ul li{
	border-bottom: 1px solid #dcdcdc;
}
.Top_Confident .GensenYosoList .Yosoka .YosokaImage {
	width: 40px;
}

.Top_Confident .GensenYosoList .Yosoka .Profile {
	padding-left: 50px;
	min-height: 50px;
}

.Top_Confident .GensenYosoList .Yosoka .Profile .Name {
	font-size: 1.1875rem;
	line-height: 2;
}

.Top_Confident .GensenYosoList .Yosoka .YosokaDataOpenBtn {
	-ms-flex-negative: 0;
			flex-shrink: 0;
	margin-left: 5px;
}

.Top_Confident .GensenYosoList .Yosoka .YosokaDataWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
			-ms-flex-pack: justify;
					justify-content: space-between;
}

.Top_Confident .GensenYosoList .Yosoka .Race_Name {
	font-size: 1.1875rem;
	font-weight: bold;
}

.Top_Confident .GensenYosoList .Yosoka .Race_Num {
	position: relative;
	top: -3px;
	margin: 0 5px;
	display: inline-block;
	width: 32px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	font-size: 0.75rem;
	font-weight: 700;
	text-align: center;
	background-color: #3251bc;
	border-radius: 4px;
}

/*-- レースタイトル --*/
.RaceList_NameBox {
	display:table;
	width:100%;
	margin-top: 20px;
	padding:12px 0;
}
#Netkeiba_Race_Nar_Payback .RaceList_NameBox{
	margin-top:15px;
}

.RaceList_NameBox a.RaceCourseLink {
	display: table;
	width: 100%;
	padding: 10px 0;
	position: relative;
}
.RaceList_NameBox a.RaceCourseLink > .Icon_ArrowB,
.RaceList_NameBox a.RaceCourseLink > .Icon_ArrowT {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 2px;
	background: none;
	border-top: 2px solid #999;
	border-right: 2px solid #999;
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -8px;
}
.RaceList_NameBox .Icon_ArrowB {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.RaceList_NameBox .Icon_ArrowT {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.RaceList_NameBox .RaceList_Item01,
.RaceList_NameBox .RaceList_Item02 {
	display: table-cell;
	vertical-align: middle;
}
.RaceList_NameBox .RaceList_Item01 {
	position: relative;
	padding:0 0 0 10px;
	width: 60px;
}
.RaceList_NameBox .RaceList_Item02{
	padding: 0 7px;
}
.RaceList_NameBox .RaceList_Item01 .Race_Num {
	display: inline-block;
	font-size: 88.9%;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #3251bc;
	width: 50px;
	line-height: 50px;
	border-radius: 4px;
	vertical-align: middle;
}
.RaceList_NameBox .RaceList_Item02 dl .Race_Name {
	color: #555;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 3px;
	line-height: 1.25;
}
.RaceList_NameBox .RaceList_Item02 dl .Race_Name .Icon_GradeType {
	vertical-align: top;
	margin-top: 3px;
}
.RaceList_NameBox .RaceList_Item02 dl .Race_Data {
	color: #555;
	font-size: 72.3%;
	position: relative;
	line-height: 1.3;
}
.RaceList_NameBox .RaceList_Item02 dl .Race_Data > .Turf {
	color: #66bb6a;
}
.RaceList_NameBox .RaceList_Item02 dl .Race_Data > .Dart {
	color: #874c11;
}
.RaceList_NameBox .RaceList_Item02 dl .Race_Data span.WeatherData {
	display: inline-block;
	position:relative;
	padding-right: 22px;
}
.RaceList_NameBox .RaceList_Item02 dl .Race_Data > .Icon_Ipat {
	vertical-align: middle;
	margin-top: -2px;
}
@media only screen and (max-width: 374px) {
	.RaceList_NameBox .RaceList_Item02 dl .Race_Name {
		font-size: 100%;
	}
}



/*==============================================
★　予想家特集
==============================================*/
.YosoConfident {
	margin: 0px 10px 40px;
}

.YosoConfidentHead {
	display: block;
	margin: 0 auto 20px;
	border-radius: 4px;
	overflow: hidden;
}

.YosoConfidentHead a {
	display: inline-block;
	border: none;
}

.YosoConfidentHead img {
	width: 100%;
	vertical-align: middle;
}

.YosoConfidentHead .Caption {
	margin-top: 5px;
	font-size: 0.9375rem;
	line-height: 1.2;
	color: #444444;
}

.YosoConfidentList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0 10px;
}

.YosoConfidentList li {
	width: calc(100% / 3);
}

.YosoConfidentList li a {
	display: block;
}

.YosoConfidentList li img {
	width: 100%;
}

/*==============================================
★　売れ筋の予想バイブル
==============================================*/
.Top_Bible {
	margin-bottom: 40px;
	padding-left: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	white-space: nowrap;
	overflow-x: scroll;
}
.Top_Bible::-webkit-scrollbar{
	display:none;
}

.Top_Bible li {
	-ms-flex-negative: 0;
			flex-shrink: 0;
	padding-right: 10px;
	width: 38%;
	min-width: 130px;
}

.Top_Bible li a {
	display: block;
	width: 100%;
}

.Top_Bible li .BibleImg {
	position: relative;
}
.Top_Bible li .BibleImg img {
	width: 100%;
}

.Top_Bible li .BibleImg > span {
	display: block;
	position: absolute;
	content: '';
	padding: 5px 0;
	text-align: center;
	color: #fff;
	width: 100%;
	bottom: 2px;
	left: 0;
	background: #0033AA;
	font-weight: 600;
	font-size: 0.625rem;
	line-height: 1;
}

.Top_Bible li .BibleImg .Published {
	background: #0033AA;
}

.Top_Bible li .BibleImg .Unpublished {
	background: #535767;
}

.Top_Bible li .Yosoka {
	margin-top: 2px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
}

.Top_Bible li .YosokaImg {
	width: 30px;
	height: 30px;
	overflow: hidden;
	border-radius: 50%;
}

.Top_Bible li .YosokaImg img {
	width: 100%;
}

.Top_Bible li .YosokaName {
	max-width: 90px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-left: 5px;
	font-size: 0.9375rem;
	color: #555555;
	font-weight: 600;
}

/*==============================================
★　競馬 専門紙
==============================================*/
.TopSenmonshi {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 10px;
	margin-bottom: 40px;
	white-space: nowrap;
	overflow-x: scroll;
}
.TopSenmonshi::-webkit-scrollbar{
	display:none;
}

.TopSenmonshi .TopSenmonshiList {
	-ms-flex-negative: 0;
			flex-shrink: 0;
	padding-right: 10px;
	width: 30%;
	min-width: 100px;
}

.TopSenmonshi .TopSenmonshiList a {
	display: block;
}

.TopSenmonshi .TopSenmonshiList a img {
	width: 100%;
	border-radius: 4px;
	border: solid #E7E7E7 1px;
}

/*==============================================
レース
==============================================*/
.Point_Get_List .Head h2 {
	color: #444;
	font-size: 0.9375rem;
}
.Point_Get_List .Head .sat {
	color: #3251bc;
}
.Point_Get_List .Head .sun {
	color: #c53131;
}
.Point_Get.RaceList_Item01 .Race_Num {
	line-height: 1.3;
	padding: 2px 0 4px;
}
.Point_Get.RaceList_Item01 .Race_Num .RaceCourse {
	font-size: 75%;
}
.RaceTopRaceMenuWrap {
	position: relative;
}
.RaceTopRaceMenuWrap .RaceList {
	border-top: 1px solid #e0e0e0;
}
.RaceTopRaceMenuWrap .RaceList li {
	border-bottom: 1px solid #e0e0e0;
}
.RaceTopRaceMenuWrap .RaceList li .RaceListMainArea {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
}
.Point_Get{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.Point_Geta {
	position: relative;
	display: table;
	width: 100%;
	padding: 10px 0 10px 10px;
}
.Point_Get.RaceList_Item01,
.Point_Get.RaceList_Item02 {
	position: relative;
	display: table-cell;
	vertical-align: middle;
}
.Point_Get.RaceList_Item02 {
	width: 100%;
}
.Point_Get.RaceList_Item01 {
	padding-right: 9px;
}
.Point_Get.RaceList_Item01 .Race_Num {
	position: relative;
	display: inline-block;
	font-size: 89%;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #3251bc;
	width: 45px;
	line-height: 2.81;
	/*padding: 15px 0;*/
	border-radius: 4px;
	vertical-align: middle;
}
/* MyRace */
.Point_Get.RaceList_Item01 .MyRaceCheck.disp_none{
	display: none;
}
.Point_Get.RaceList_Item01 .Race_Fixed {
	background: #c53131 !important;
}
.Point_Get.RaceList_Item01 .Race_Next {
	background: #e4ca3b !important;
}
/* チェック */
.RaceList_NameBox .RaceList_Item01 .MyRaceCheck,
.Point_Get.RaceList_Item01 .MyRaceCheck {
	display: block;
	background: #ef5350;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	position: absolute;
	top: -3px;
	right: -5px;
}
.RaceList_NameBox .RaceList_Item01 .MyRaceCheck::after,
.Point_Get.RaceList_Item01 .MyRaceCheck::after {
	content: "";
	display: block;
	width: 3px;
	height: 6px;
	position: absolute;
	top: 3px;
	right: 6px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(45deg);
	transform-origin: 50% 50%;
}
.RaceList_NameBox .RaceList_Item01 .MyRaceCheck {
	top: 50%;
	right: -6px;
	margin-top: -25px;
}
/* MyRace */
.RaceList_NameBox .RaceList_Item01 .MyRaceCheck.disp_none{
	display: none;
}
/*.Point_Get.RaceList_Item01 .Race_Next:before {
	content: "";
	display: block;
	background: #ddc750;
	position: absolute;
	top: 0;
	left: -8px;
	width: 12px;
	height: 45px;
}
.Point_Get.RaceList_Item01 .Race_Next:after {
	content: "";
	display: block;
	background: url("../img/race/Next_Race_Bg.png") no-repeat;
	-webkit-background-size: 16px 45px;
	-moz-background-size: 16px 45px;
	-ms-background-size: 16px 45px;
	background-size: 16px 45px;
	width: 16px;
	height: 45px;
	position: absolute;
	top: 0;
	right: -12px;
}*/
.Point_Get.RaceList_Item02 dl .Race_Name {
	color: #555;
	font-size: 106%;
	font-weight: bold;
	margin-bottom: -2px;
	line-height: 1.37;
}
.Point_Get.RaceList_Item02 dl .Race_Name .Icon_GradeType{
	vertical-align: top;
	margin-top: 4px;
}
.Point_Get.RaceList_Item02 dl .Race_Data {
	color: #555;
	font-size: 78%;
	line-height: 1.5;
}
.Point_Get.RaceList_Item02 dl .Race_Data > .Dirt {
	color: #874c11;
}
.Point_Get.RaceList_Item02 dl .Race_Data > .Turf {
	color: #58af4a;
}
.Point_Get.RaceList_Item02 dl .Race_Data > *{
	margin:0 5px;
}
.Point_Get.RaceList_Item02 dl .Race_Data .Hasso_Time:empty{
	margin-right:0;
}
.Point_Get.RaceList_Item02 dl .Race_Data > img {
	position: relative;
	display: inline-block;
	margin-left: 5px;
}
.Point_Get.RaceList_Item02 dl .Race_Data > img.Icon_FavHorse {
	position: relative;
	display: inline-block;
	margin-left: 5px;
}
.Point_Get.RaceList_Item02 dl .Race_Data > img.disp_none {
	display: none;
}
.Next_Racing {
	background: #fffae2;
}
.Next_Racing .RaceList_Item01 {
	/*padding-right: 18px;*/
}
.RaceList_Menu_Box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	min-height: 65px;
}
.RaceList_Menu_Box a {
	display: block;
	width: 45px;
	line-height: 45px;
	text-align: center;
	outline: none;
	position: relative;
}
.RaceList_Menu_Box a.close {
	background-color: #e7e7e7;
}
.RaceList_Menu_Box a > .BtnBorderWrapper {
	position: absolute;
	width: 18px;
	height: 18px;
	border-radius: 6px;
	border: 1px solid #444;
	background: #fff;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.RaceList_Menu_Box a > .BtnBorderWrapper:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 3px 0 3px;
	border-width: 6px 3.3px 0 3.3px;
	border-color: #444 transparent transparent transparent;
}
.RaceList_Menu_Box a.close .BtnBorderWrapper:after {
	display: none;
}
.RaceList_Menu_Box a.close .BtnBorderWrapper:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.RaceTopRaceMenuWrap .RaceSubMenuArea {
	display: none;
}
.RaceTopRaceMenuWrap .RaceSubMenu {
	padding-bottom: 4px;
	border-bottom: 0;
}
.RaceTopRaceMenuWrap .RaceSubMenu ul li {
	border-bottom: 0;
}
.RaceSubMenu {
	color: #333;
/*	font-size: 72.22%; */
	padding: 10px 4px 0 8px;
	border-bottom: 1px solid #dbdbdb;
	background: #e7e7e7;
}
.Top_RaceMenu_Inner .RaceMenuSub dt,
.RaceSubMenu dt,
.RaceAllMenuWrap .RaceMenuList > dt {
	color: #444;
	font-size: 61.1%;
	font-weight: bold;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/* margin-bottom: 6px; */
	margin-bottom: 12px;
}
.RaceSubMenu dt,
.RaceAllMenuWrap .RaceMenuList > dt {
	margin-right: 6px;
}
.Top_RaceMenu_Inner .RaceMenuSub dt:before,
.Top_RaceMenu_Inner .RaceMenuSub dt:after,
.RaceSubMenu dt:before,
.RaceSubMenu dt:after,
.RaceAllMenuWrap .RaceMenuList > dt:before,
.RaceAllMenuWrap .RaceMenuList > dt:after {
	border-top: 1px solid #cecece;
	content: "";
	display: inline; /* for IE */
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.Top_RaceMenu_Inner .RaceMenuSub dt:before,
.RaceSubMenu dt:before,
.RaceAllMenuWrap .RaceMenuList > dt:before {
	margin-right: 0.5em;
}

.Top_RaceMenu_Inner .RaceMenuSub dt:after,
.RaceSubMenu dt:after,
.RaceAllMenuWrap .RaceMenuList > dt:after {
	margin-left: 0.5em;
}

.Top_RaceMenu_Inner .RaceMenuSub ul,
.RaceSubMenu ul,
..RaceAllMenuWrap .RaceMenuList ul {
	margin-right: -8px;
}
.Top_RaceMenu_Inner .RaceMenuSub ul li,
.RaceSubMenu ul li,
.RaceAllMenuWrap .RaceMenuList ul li {
	float: left;
	width: 25%;
}
.Top_RaceMenu_Inner .RaceMenuSub ul.col_3 li,
.RaceSubMenu ul.col_3 li,
.RaceAllMenuWrap .RaceMenuList ul.col_3 li {
	width: 33%;
}
.Top_RaceMenu_Inner .RaceMenuSub ul.col_4 li,
.RaceSubMenu ul.col_4 li,
.RaceAllMenuWrap .RaceMenuList ul.col_4 li {
	width: 25%;
}
.Top_RaceMenu_Inner .RaceMenuSub ul.col_5 li,
.RaceSubMenu ul.col_5 li,
.RaceAllMenuWrap .RaceMenuList ul.col_5 li {
	width: 20%;
}
.Top_RaceMenu_Inner .RaceMenuSub ul.col_4,
.RaceSubMenu ul.col_4,
.RaceAllMenuWrap .RaceMenuList ul.col_4,
.Top_RaceMenu_Inner .RaceMenuSub ul.col_5,
.RaceSubMenu ul.col_5,
.RaceAllMenuWrap .RaceMenuList ul.col_5{
	margin-right: 0;
}
.Top_RaceMenu_Inner .RaceMenuSub ul li a,
.RaceSubMenu ul li a,
.RaceAllMenuWrap .RaceMenuList li a,
.RaceSubMenu ul li span.ContentNone {
	display: block;
	font-size: 66.7%;
	text-align: center;
	padding: 5px 0 8px;
	border-radius: 4px;
	/* overflow: hidden; */
	white-space: nowrap;
	margin-bottom: 10px;
	margin-right: 8px;
}
.Top_RaceMenu_Inner .RaceMenuSub ul li a,
.RaceSubMenu ul li a {
	position: relative;
	color: #666;
	background:#fff;
	border: solid 1px #dedede;
	min-height: 57px;
}
#Netkeiba_Race_Calendar .Side_Column,
#Netkeiba_Race_Win5 .Side_Column,
#Netkeiba_Race_Win5_Result .Side_Column{
	background: #fff;
}
.RaceMenuSub dd{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.RaceMenuSub dd,
.RaceStrategyMenu .RaceSubMenu dd{
	margin-bottom: 8px;
}
.RaceSubMenuArea .RaceMenuSub dd{
	margin:0;
}
.RaceMenuSub dd ul{
	width: 100%;
}
.RaceMenuSub dd ul,
.RaceStrategyMenu .RaceSubMenu dd ul,
.RaceSpecialArea .RaceMenuSub ul{
	display: flex;
	flex-wrap: wrap;
}
.RaceSubMenu ul.col_5{
	display: flex;
	flex-wrap: wrap;
}
.Top_RaceMenu_Inner .RaceMenuSub ul.col_5 li,
.RaceSubMenu ul.col_5 li {
	width: 20%;
	margin-bottom:12px;
	float: none;
}
.RaceStrategyMenu .RaceSubMenu dd li{
	margin-bottom:12px;
}
.Top_RaceMenu_Inner .RaceMenuSub ul li a,
.RaceSubMenu ul li a{
	margin:auto;
}
.Top_RaceMenu_Inner .RaceMenuSub ul li a,
.RaceSubMenu ul li a{
	min-height: 62px;
	background: none;
	border: none;
	padding:0;
}
.RaceMenuSub .Icon_Nk_New_bg {
	display: block;
	margin: auto;
	width: 46px;
	height: 46px;
	margin-bottom: 2px;
	background: #F7F7F7;
	border-radius: 50%;
	position: relative;
}
.RaceMenuSub .Icon_Nk_New_bg .Icon_Sprite_Nk_New,
.RaceSpecialArea .Top_RaceMenu_Inner .Icon_Nk_New_bg .Icon_Sprite_Nk_New,
.Top_RaceMenu_Inner.Menu_analysis .Icon_Nk_New_bg .Icon_Sprite_Nk_New{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.Contents_Box.Top_RaceMenu .Btn_List_01.Col5{
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 20px;
}
.Contents_Box.Top_RaceMenu .Btn_List_01.Col5 li{
	float:none;
	border-right: 1px solid #E0E0E0;
}
.Contents_Box.Top_RaceMenu .Btn_List_01.Col5 li:last-of-type{
	border-right:none;
}
.Contents_Box.Top_RaceMenu .Btn_List_01.Col5 a{
	margin-bottom: 0;
	padding: 0;
	border:none;
	color:#777;
	font-size:66.67%;
}

.RaceSubMenu ul li span.ContentNone {
	background:#f3f3f3;
	border: solid 1px #e4e4e4;
}
.Icon_Label {
	display: block;
	color: #666;
	font-weight: bold;
	text-align: center;
}
.RaceSubMenuArea .Icon_Label{
	word-wrap: break-word;
	text-overflow: ellipsis;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	line-height: 1.1;
}
@media screen and (max-width:360px){
	.RaceMenuSub .col_5 .Icon_Label{
		font-size:10px;
	}
}
.RaceSubMenu ul li span.ContentNone .Icon_Label {
	color: #999;
}
.Icon_Sprite_Nk_New{
	display: block;
	background-image: url('../img/icon/icon_sprite_race_nk02.png?210519');
	background-repeat: no-repeat;
	-webkit-background-size: 250px auto;
	-moz-background-size: 250px auto;
	-ms-background-size: 250px auto;
	background-size: 250px auto;
	width: 27px;
	height: 26px;
	margin: 0 auto 3px;
}
.RaceInfo_Navi .RaceInfo_Tab a {
	padding-top: 10px;
}
@media screen and (max-width:330px){
	.RaceAllMenuWrap ul.Col5 .Icon_Label{
		font-size: 61.12%;
	}
}
/* 出馬表 */
.RaceInfo_Navi .RaceInfo_Tab span.Icon_Sprite_Nk_New.Icon_RaceInfo01 {
	width: 31px;
	height: 23px;
	background-position: -91px 0;
}
/* 予想 */
.RaceInfo_Navi .RaceInfo_Tab span.Icon_Sprite_Nk_New.Icon_RaceInfo02 {
	width: 24px;
	height: 24px;
	background-position: -90px -25px;
}
/* オッズ購入 */
.RaceInfo_Navi .RaceInfo_Tab span.Icon_Sprite_Nk_New.Icon_RaceInfo32_3 {
	width: 32px;
	height: 23px;
	background-position: -91px -54px;
}
/* 結果払戻 */
.RaceInfo_Navi .RaceInfo_Tab span.Icon_Sprite_Nk_New.Icon_RaceInfo05 {
	width: 27px;
	height: 23px;
	background-position: -91px -81px;
}
/* 調子偏差値 */
.Icon_RaceInfo_New_35 {
	width: 25px;
	background-position: 0px -321px;
}
/* 俺プロ */
.Icon_RaceInfo_New_34 {
	width: 39px;
	background-position: -46px -316px;
}
/* 調教映像 */
.Icon_RaceInfo_New_17 {
	width: 33px;
	background-position: 0 -291px;
}
/* ウマい馬券 */
.Icon_RaceInfo_New_15 {
	width: 66px;
	height: 22px;
	background-position: -43px -290px;
	margin-top: 2px;
}
/* 調教タイム */
.Icon_RaceInfo_New_09 {
	background-position: 0px -107px;
	width: 21px;
}
/* 過去の結果 */
.Icon_RaceInfo_New_36 {
	width: 39px;
	background-position: -91px -211px;
}
/* レース実績 */
.Icon_RaceInfo_New_37 {
	width: 39px;
	background-position: -91px -240px;
}
/* コース実績 */
.Icon_RaceInfo_New_38 {
	width: 39px;
	background-position: -91px -266px;
}
/*-- レース攻略内 --*/
.RaceSubMenu .Icon_Sprite_Nk_New {
}
/*-- 特集 --*/
.Icon_RaceInfo_New_12{
	width: 21px;
	background-position: -94px -319px;
}
/*-- レース映像 --*/
.Icon_RaceInfo_New_13{
	background-position: 0 -265px;
}
/*-- タイム指数 --*/
.Icon_RaceInfo_New_10{
	background-position: 0 -186px;
}
/*-- 馬券分析 --*/
.Icon_RaceInfo_New_07 {
	background-position: -125px -27px; width: 43px; margin-bottom:0;
}
/*-- 競馬新聞 --*/
.Icon_RaceInfo_New_39{
	height: 27px;
	margin-top: -1px;
	background-position: -44px -354px;
}
/*-- 参考映像 --*/
.Icon_RaceInfo_New_40{
	width: 38px;
	background-position: 3px -356px;
}
/*-- 対戦表 --*/
.Icon_RaceInfo_New_41{
	width: 33px;
	height: 29px;
	margin-top: -2px;
	margin-bottom: 3px;
	background-position: 3px -388px;
}
/*-- 注目レース --*/
.Icon_RaceInfo_New_42{
	width: 33px;
	background-position: 1px -487px;
}
/*-- 持ちタイム --*/
.Icon_RaceInfo_New_43{
	width: 33px;
	height: 32px;
	background-position: 3px -452px;
	margin: -2px auto 0px;
}
/*-- パドック速報 --*/
.Icon_RaceInfo_New_44{
	width: 33px;
	height: 32px;
	background-position: -94px -352px;
	margin: -2px auto 0px;
}
/*-- 競馬専門紙 --*/
.Icon_RaceInfo_New_45{
	width: 33px;
	background-position: -94px -390px;
}
/*-- アイコン(AndroidOnly) --*/
.Icon_Odds_App01{
	display: block;
	background-image: url('../img/icon/icon_sprite_odds01.png?210304');
	background-repeat: no-repeat;
	-webkit-background-size: 32px auto;
	-moz-background-size: 32px auto;
	-ms-background-size: 32px auto;
	background-size: 32px auto;
	width: 32px;
	height: 26px;
	background-position: center center;
	margin: 0 auto 3px;
}
/*-- レース攻略内（非活性） --*/

.RaceSubMenu span.ContentNone .Icon_RaceInfo_New_12,
.RaceSubMenu span.ContentNone .Icon_RaceInfo_New_08,
.RaceSubMenu span.ContentNone .Icon_RaceInfo_New_17{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.4;
}

/*-- レースメニュー アイコン位置調整 --*/
.RaceMenuButton .Icon_RaceInfo_New_15{
	position: relative;
	top:10px;
}
.RaceMenuButton .Icon_RaceInfo_New_34{
	position: relative;
	top:8px;
}

/* ▼20220420対応後 リニューアル後のアイコン ▼ */
.RaceSubMenu .Icon_Sprite_Nk_New,
.RaceMenuSub .Icon_Sprite_Nk_New,
.RaceSpecialArea .Top_RaceMenu_Inner .Icon_Nk_New_bg .Icon_Sprite_Nk_New,
.Top_RaceMenu_Inner.Menu_analysis .Icon_Sprite_Nk_New{
	display: block;
	background-image: url('../img/icon/icon_sprite_raceSubMenu.png?20220428');
	background-repeat: no-repeat;
	-webkit-background-size: 683px auto;
	-moz-background-size: 683px auto;
	-ms-background-size: 683px auto;
	background-size: 683px auto;
	height: 25px;
	width: 32px;
	margin: auto;
}
/* 出馬表 */
.RaceSubMenu .Icon_Nk_New_bg .Icon_RaceInfo_New_01,
.RaceSpecialArea .Top_RaceMenu_Inner .Icon_Nk_New_bg .Icon_RaceInfo_New_01{ background-position: 0 0;}
/* 予想 */
.RaceSubMenu .Icon_Nk_New_bg .Icon_RaceInfo_New_18,
.RaceSpecialArea .Top_RaceMenu_Inner .Icon_Nk_New_bg .Icon_RaceInfo_New_18{ background-position: -71px 0;}
/* オッズ購入 */
.RaceSubMenu .Icon_Nk_New_bg .Icon_RaceInfo_New_32_3,
.RaceSpecialArea .Top_RaceMenu_Inner .Icon_Nk_New_bg .Icon_RaceInfo_New_32_3{ background-position: -143px 0;}
/* データ分析 */
.RaceSubMenuArea .RaceSubMenu .Icon_Nk_New_bg .Icon_RaceInfo_New_07{ background-position: -214px 0;}
/* 結果払戻 */
.RaceSubMenu .Icon_Nk_New_bg .Icon_RaceInfo_New_33{ background-position: -288px 0;}
/* 厩舎コメント */
.RaceSubMenu .Icon_Nk_New_bg .Icon_RaceInfo_New_08{ background-position: -360px 0;}
/* 調教タイム */
.RaceSubMenu .Icon_Nk_New_bg .Icon_RaceInfo_New_09{ background-position: -432px 0;}
/* IPAT連携 */
.RaceSubMenu .Icon_Nk_New_bg .Icon_RaceInfo_New_16,
.RaceSpecialArea .Top_RaceMenu_Inner .Icon_Nk_New_bg .Icon_RaceInfo_New_16{ background-position: -504px 0;}
/* 掲示板 */
.RaceSubMenu .Icon_Nk_New_bg .Icon_RaceInfo_New_14,
.RaceSpecialArea .Top_RaceMenu_Inner .Icon_Nk_New_bg .Icon_RaceInfo_New_14{ background-position: -576px 0;}
/* 競馬新聞 */
.RaceSubMenu .Icon_Nk_New_bg .Icon_RaceInfo_New_39{ background-position: -648px 0;}
/* タイム指数 */
.RaceSubMenu .Icon_Nk_New_bg .Icon_RaceInfo_New_10{ background-position: 0 -72px;}
/* 血統 */
.RaceSubMenu .Icon_Nk_New_bg .Icon_RaceInfo_New_11,
.RaceSpecialArea .Top_RaceMenu_Inner .Icon_Nk_New_bg .Icon_RaceInfo_New_11,
.Top_RaceMenu_Inner.Menu_analysis .Icon_Nk_New_bg .Icon_RaceInfo_New_11{ background-position: -72px -72px;}
/* 対戦表 */
.RaceSubMenu .Icon_Nk_New_bg .Icon_RaceInfo_New_41,
.Top_RaceMenu_Inner.Menu_analysis .Icon_Nk_New_bg .Icon_RaceInfo_New_41{ background-position: -143px -72px;}
/* 持ちタイム */
.RaceSubMenu .Icon_Nk_New_bg .Icon_RaceInfo_New_43,
.Top_RaceMenu_Inner.Menu_analysis .Icon_Nk_New_bg .Icon_RaceInfo_New_43{ background-position: -215px -72px;}
/* レース映像 */
.RaceSubMenu .Icon_Nk_New_bg .Icon_RaceInfo_New_13{ background-position: -287px -72px;}
/* 過去の結果 */
.RaceSubMenu .Icon_Nk_New_bg .Icon_RaceInfo_New_36{ background-position: -358px -72px;width:35px;}
/* 調子偏差値 */
.RaceSubMenu .Icon_Nk_New_bg .Icon_RaceInfo_New_35{ background-position: -432px -72px;}
/* パドック速報 */
.RaceSubMenu .Icon_Nk_New_bg .Icon_RaceInfo_New_44{ background-position: -504px -72px;}
/* 特集 */
.RaceSubMenu .Icon_Nk_New_bg .Icon_RaceInfo_New_12{ background-position: -575px -72px;}
/* ウマい馬券 */
.RaceSubMenu .Icon_Nk_New_bg .Icon_RaceInfo_New_15{ background-position: -643px -72px;width:42px;}
/* 俺プロ */
.RaceSubMenu .Icon_Nk_New_bg .Icon_RaceInfo_New_34{ background-position: 0 -144px;}
/* 参考映像 */
.RaceSubMenu .Icon_Nk_New_bg .Icon_RaceInfo_New_40{ background-position: -72px -144px;}
/* 競馬専門誌 */
.RaceSubMenu .Icon_Nk_New_bg .Icon_RaceInfo_New_45{ background-position: -144px -144px;}
/* コース分析 */
.RaceMenuSub .Icon_Nk_New_bg .Icon_RaceInfo_New_38{ background-position: -216px -145px;}
.Top_RaceMenu_Inner.Course_Menu .Icon_Nk_New_bg .Icon_RaceInfo_New_38{ background-position: -216px -145px;}
/* レース攻略 */
#navi_other {
	position: relative;
}
#navi_other a,
#navi_other_riot a {
	display: block;
	position: relative;
	padding-right: 14px;
}
#navi_other a.close,
#navi_other_riot a.close {
	color: #444;
	background: #e7e7e7;
	line-height: 33px;
	margin-bottom: -1px;
}

.RaceInfo_Tab02 a .BtnBorderWrapper {
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 50%;
	right: 2px;
	border-radius: 2px;
	border: 1px solid #444;
	background: #fff;
	margin: -6px auto 0;
}
.RaceInfo_Tab02 a .BtnBorderWrapper:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 3px;
	left: 2px;
	border-style: solid;
	border-width: 5px 3px 0 3px;
	border-color: #444 transparent transparent transparent;
}
.RaceInfo_Tab02 a.close .BtnBorderWrapper:before {
	top: 2px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
/* 新サブメニュー */
.RaceInfo_Tab .Tab_Active {
	height: 58px;
	background: #3C445f;
	padding: 3px;
}
.RaceInfo_Tab .Tab_Active a {
	height: 52px;
	padding-top: 6px;
	border-radius: 3px
}
.RaceInfo_Tab .Tab_Active a:before {
	display: none;
}
.RaceInfo_Navi02 {
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
}
ul.RaceInfo_Tab02 li {
	width: 20%;
	float: left;
}
ul.RaceInfo_Tab02 li + li a{
	border-left: 1px solid #dbdbdb;
}
ul.RaceInfo_Tab02 li a {
	position: relative;
	display: block;
	background: #f3f3f3;
	color: #666;
	font-size: 66.67%;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	white-space: nowrap;
}
ul.RaceInfo_Tab02 li.Active a {
	background: #ccc;
	color: #555;
}
ul.RaceInfo_Tab02 li.FSs a {
	font-size: 55.56%;
}
/* New icon */
body.Body_RaceSpecial .Race_CategoryMenu ul a > span.NewIcon,
.RaceInfo_Tab a span.NewIcon {
	content: "";
	top: 0;
	left: 0;
	border-bottom: 36px solid transparent;
	border-left: 36px solid #c03;
	position: absolute;
}
body.Body_RaceSpecial .Race_CategoryMenu ul a > span.NewIcon::after,
.RaceInfo_Tab a span.NewIcon::after {
	content: "NEW";
	display: block;
	position: absolute;
	top: 6px;
	left: -35px;
	font-size: 10px;
	color: #fff;
	-moz-transform: rotate(-45deg) scale(0.9);
	-webkit-transform: rotate(-45deg) scale(0.9);
	-ms-transform: rotate(-45deg) scale(0.9);
	transform: rotate(-45deg) scale(0.9);
}

.RaceMenuSub li a span.NewIcon,
.Top_RaceMenu_Inner ul li a span.NewIcon {
	position: absolute;
	overflow: visible;
	text-indent: 0;
	left: 50%;
	top: -12px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.RaceMenuSub li a span.NewIcon::before,
.Top_RaceMenu_Inner ul li a span.NewIcon::before {
	content: '';
	position: absolute;
	top: 13px;
	left: 50%;
	display: inline-block;
	border: solid 3px transparent;
 	 border-top: solid 6px #EF5350;
	margin-left: -4px;
}
.RaceMenuSub li a span.NewIcon::after,
.Top_RaceMenu_Inner ul li a span.NewIcon::after {
	content: 'NEW';
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
	background: #EF5350;
	padding: 2px 8px;
	border-radius: 2px;
	white-space: nowrap;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}
ul.RaceInfo_Tab02 li a span.NewIcon {
	content: "";
	top: 0;
	left: 0;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #c03;
	position: absolute;
}
.RaceSubMenuArea .RaceMenuSub li.NewIcon{
	position: relative;
}
.RaceSubMenuArea .RaceMenuSub li.NewIcon:before{
	content:"NEW";
	display: flex;
	justify-content: center;
	align-items: center;
	width:38px;
	height:12px;
	background:#EF5350;
	top: -7px;
	left: 50%;
	font-size: 10px;
	color: #fff;
	font-family: Noto Sans JP;
	transform: translate(-50%, 0);
	position: absolute;
	text-align: center;
	z-index: 1;
	border-radius: 2px;
}
.RaceSubMenuArea .RaceMenuSub li.NewIcon:after{
	content:"";
	display: block;
	margin: auto;
	width:0;
	height:0;
	position: absolute;
	top: 5px;
	left: 50%;
	transform: translate(-50%, 0);
	border-style: solid;
	border-width: 5px 2px 0 2px;
	border-color: #EF5350 transparent transparent transparent;
	z-index: 1;
}

/* メニュー注釈 */
.RaceSubMenu p.MenuAnnotation {
	color: #444;
	font-size: 77.78%;
	line-height: 1.2;
	padding-bottom: 8px;
}
/*==============================================
17.購入した的中予想
==============================================*/
.hit_buy_yoso{
	margin-bottom: 28px;
}
.hit_buy_yoso_list{
	overflow-x: auto;
	padding-left: 10px;
}
.hit_buy_yoso_list ul{
	display: flex;
	flex-wrap: nowrap;
}
.hit_buy_yoso_list ul li{
	width: 128px;
	margin-right: 10px;
	flex-shrink: 0;
}
.hit_buy_yoso_list ul li a{
	display: block;
	border: 1px solid #DADADA;
	border-radius: 4px;
	overflow: hidden;
		background-image: url(../img/yoso/stamp_bg.png);
		background-size: contain;
		background-position: right -2px;
		background-repeat: no-repeat;
}
.hit_buy_yoso_list ul li .yosoka{
	display: flex;
	align-items: center;
	padding:5px 4px 0 5px;
	font-size: 72.22222222222221%;
	color: #444444;
	font-weight: 600;
}
.hit_buy_yoso_list ul li .yosoka img{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 4px;
	margin-right: 3px;
}

.hit_buy_yoso_list ul li .race {
	padding:0 4px 0 5px;
}
.hit_buy_yoso_list ul li .race .race_num{
	font-size: 61.111111111111114%;
	color: #555555;
	font-weight: 600;
}
.hit_buy_yoso_list ul li .race .race_name{
	display: block;
	font-size: 61.111111111111114%;
	color: #555555;
	width: 100%;
	height: 1em;
	padding-bottom: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
		font-weight: 300;
		margin-bottom: 3px;
}
.hit_buy_yoso_list ul li .stamp{
	font-size: 72.22222222222221%;
	color: #555555;
	background: #FEEAEA;
	font-weight: 600;
		display: flex;
		height: 21px;
		justify-content: center;
		align-items: center;
}
.hit_buy_yoso_list ul li .stamp img{
	width: 15px;
	height: 15px;
	margin-right: 3px;
	display: inline-block;
}
.hit_buy_yoso_list ul li .stamp span{
	font-size: 11px;
	font-weight: 400;
}
.hit_buy_yoso_list ul li .stamp span .stamp_count{
	font-size: 13px;
	font-weight: 600;
}
/*==============================================
★　18.店長ブログ
==============================================*/
.TopBlog {
	padding: 5px 10px 10px 10px;
	background-color: #F5EDEA;
	background-image: url(../img/top/yoso_topblog_bg.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom center;
}
.TopBlog .TopBlogHead h2{
	text-align: center;
}
.TopBlog .TopBlogHead img{
	width: 355px;
}
.TopBlog .TopBlogBody{
	display: flex;
	margin: auto;
	width: fit-content;
}
.TopBlog .TopBlogBody .TopBlogMain{
	position: relative;
	background-color: #333333;
	min-height: 239px;
	border-radius: 10px;
	color: #fff;
	width: 266px;
	height: fit-content;
	padding: 13px 20px 15px;
	box-shadow: 2px 3px 0px rgba(0, 0, 0, 0.16);
	flex-shrink: 0;
}
.TopBlog .TopBlogBody .TopBlogMain:after {
	position: absolute;
	content: '';
	display: block;
	width: 56.289px;
	height: 42.802px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56.289' height='42.802'%3E%3Cdefs%3E%3Cfilter id='a' width='56.289' height='42.802' x='0' y='0' filterUnits='userSpaceOnUse'%3E%3CfeOffset dx='2' dy='2'/%3E%3CfeGaussianBlur result='blur'/%3E%3CfeFlood flood-opacity='.161'/%3E%3CfeComposite in2='blur' operator='in'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='%23333' d='M15.916 2.234s15.058 31.622 29.44 33.26-30.803 4.208-39.648-10.627S15.916 2.234 15.916 2.234Z' data-name='パス 33737'/%3E%3C/g%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	right: -35px;
	bottom: 162px;
	z-index: 1;
}
.TopBlog .TopBlogBody .YosokaName{
	font-size: 16px;
	text-align: center;
	margin-bottom: 12px;
}
.TopBlog .TopBlogBody .YosokaName img{
	width: 30px;
	height: 30px;
	border-radius: 30px;
	border:1px solid #E6E6E6;
	vertical-align: middle;
}
.TopBlog .TopBlogBody .HotPoint{
	font-size: 13px;
	line-height: 1.6153846153846154;
	margin-bottom: 7px;
}
.TopBlog .TopBlogBody .HotPoint img{
	display: block;
	width: 94.5px;
	margin: 0	auto 4px;
}
.TopBlog .TopBlogBody .YosoLink a{
	position: relative;
	display: block;
	padding: 6px 0;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	background-color: #F5EDEA;
	border-radius: 4px;
	text-align: center;
	width: 205px;
	margin: auto;
}
.TopBlog .TopBlogBody .YosoLink a svg{
	fill: #333333;
}
.TopBlog .TopBlogBody .YosoLink a.PastYoso{
	color: #F5EDEA;
	border:1px solid #F5EDEA;
	background-color: transparent;
}
.TopBlog .TopBlogBody .YosoLink a.PastYoso svg{
	fill: #F5EDEA;
}
.TopBlog .TopBlogBody .YosoLink a span{
	display: block;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 2px;
}
.TopBlog .TopBlogBody .YosoLink svg{
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%)
}
.TopBlog .TopBlogSub {
	position: relative;
	display: flex;
	flex-direction: column;
	padding-top: 8px;
	justify-content: space-between;
	width: 90px;
}
.TopBlog .TopBlogSub a{
	display: block;
	width: 64px;
	height: 64px;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	background: #fdb46b;
	border-radius: 64px;
	filter: drop-shadow(2px 2px 0px rgba(0, 0, 0, 0.16));
	margin-left: 26px;
	line-height: 1.1666666666666667;
	padding-top: 15px;
	z-index: 2;
}
.TopBlog .TopBlogSub a.comingsoon{
	color: #fff;
	text-align: center;
	background: #FB5621;
	filter: none;
	padding-top: 11px;
	pointer-events: none;
}
.TopBlog .TopBlogSub a.comingsoon span{
	display: block;
	width: 42px;
	height: 14px;
	margin: 0 auto 3px;
	line-height: 14px;
	color: #FB5621;
	background-color: #FFFFFF;
	border-radius: 14px;
}
.TopBlog .TopBlogSub a svg{
	display: inline-block;
	margin-top: 3px;
}
.TopBlog .TopBlogSub .Tencho{
	position: relative;
	display: block;
	content: '';
	width: 116px;
	max-width: 118px;
	/* left: -20px; */
	right: 27px;
}
.TopBlog .TopBlogSub .Tencho img{
	width: 100%;
}
@media screen and (max-width: 321px){
	.TopBlog .TopBlogSub a{
		margin-left: 0;
	}
}