@charset "UTF-8";

/*==============================================
yoso_pc01.css
厳選予想
body#PremiumYoso
	00.共通
	01.予想サブメニュー
	02.予想パック/厳選予想リスト
	03.予想家プロフィール
	04.予想詳細
	05.予想家ランキング
	06.予想購入の確認
	07.予想ポイントご利用明細
	08.決済手段の選択
	09.予想ポイント追加
	10.予想トップ
	11.的中速報
	12.競馬場別SEO着地ページ
	13.ウマいボタン
==============================================*/
/*-- information --*/
/*お知らせ 全ドメイン共通化のときは本体の common_new.css に移植*/
.Infomation_Box{
	font-size: 100%;
	margin: 10px;
	border-radius: 3px;
}
.Infomation_Box ul{
	border-radius: 3px;
	background: #fff;
	border: 1px solid #e0deda;
}
.Infomation_Box ul li{
	padding: 0;
}
.Infomation_Box ul li a{
	padding: 6px 10px 6px 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;
	vertical-align: middle;
	background-position: -7px -808px;
	position: absolute;
	top: 4px;
	left: 10px;
}
.NewsTickerArea.point .Infomation_Box ul li a:before{
	background-image: url('../img/icon/icon_sprite_yoso.png');
    background-position: -94px -269px;
    background-repeat: no-repeat;
    -webkit-background-size: 164px 500px;
    -moz-background-size: 164px 500px;
    -ms-background-size: 164px 500px;
    -o-background-size: 164px 500px;
    background-size: 164px 500px;

}
.Infomation_Box ul li a .Infomation_Txt span{
	color: #06389b;
	font-size: 66.6%;
	font-weight: bold;
	line-height: 1.3;
}

/*-- yosoドメイン専用設定 --*/
.Infomation_Box{
	margin: 0;
}
.Infomation_Box ul li a{
	display: block;
}
.Infomation_Box ul li a .Infomation_Txt span{
	font-size: 100%;
}

/*==============================================
00.共通
==============================================*/
/* アイコン */
.Flag_Matome:after,
.Flag_Pickup:after,
.Flag_Anauma:after,
.Flag_Recovery01:after,
.Flag_Hit01:after,
.Flag_Sales01:after{
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 83px;
}
.Flag_Matome:after{
	background: url("../img/yoso/corner_flag02.png") no-repeat;
	-webkit-background-size: 80px 83px;
	-moz-background-size: 80px 83px;
	-ms-background-size: 80px 83px;
	-o-background-size: 80px 83px;
	background-size: 80px 83px;
}
.Flag_Pickup:after{
	background: url("../img/yoso/corner_flag01.png") no-repeat;
	-webkit-background-size: 80px 83px;
	-moz-background-size: 80px 83px;
	-ms-background-size: 80px 83px;
	-o-background-size: 80px 83px;
	background-size: 80px 83px;
}
.Flag_Anauma:after{
	background: url("../img/yoso/corner_flag03.png") no-repeat;
	-webkit-background-size: 80px 83px;
	-moz-background-size: 80px 83px;
	-ms-background-size: 80px 83px;
	-o-background-size: 80px 83px;
	background-size: 80px 83px;
}
.Flag_Recovery01:after{
	background: url("../img/yoso/corner_flag04.png") no-repeat;
	-webkit-background-size: 80px 83px;
	-moz-background-size: 80px 83px;
	-ms-background-size: 80px 83px;
	-o-background-size: 80px 83px;
	background-size: 80px 83px;
}
.Flag_Hit01:after{
	background: url("../img/yoso/corner_flag05.png") no-repeat;
	-webkit-background-size: 80px 83px;
	-moz-background-size: 80px 83px;
	-ms-background-size: 80px 83px;
	-o-background-size: 80px 83px;
	background-size: 80px 83px;
}
.Flag_Sales01:after{
	background: url("../img/yoso/corner_flag06.png") no-repeat;
	-webkit-background-size: 80px 83px;
	-moz-background-size: 80px 83px;
	-ms-background-size: 80px 83px;
	-o-background-size: 80px 83px;
	background-size: 80px 83px;
}
.Icon_Sprite_Yoso{
	display: inline-block;
	background: url("../img/icon/icon_sprite_yoso.png") no-repeat;
	-webkit-background-size: 164px 500px;
	-moz-background-size: 164px 500px;
	-ms-background-size: 164px 500px;
	-o-background-size: 164px 500px;
	background-size: 164px 500px;
}
.Icon_Gensen{
	width: 26px;
	height: 26px;
	position: absolute;
	top: -7px;
	left: -4px;
}
.Icon_State{
	width: 28px;
	height: 28px;
	margin: auto;
}
.IconGensen01{
	background-position: -2px -2px;
}
.IconGensen02{
	background-position: -32px -2px;
}
.IconGensen03{
	background-position: -2px -60px;
	top: 0;
	left: 2px;
}
.IconGensen04{
	background-position: -2px -31px;
	top: -7px;
	left: -5px;
}
.IconGensen05{
	background-position: -2px -90px;
	top: -7px;
	left: -5px;
}
.BookmarkPage.IconGensen04{
	background-position: -2px -31px;
	top: 2px;
	left: 5px;
}
.IconState1{
	background-position: -33px -148px;
}
.IconState2{
	background-position: -3px -146px;
}

/* レースグレードアイコン */
.Icon_Grade_L:after{
	content: '';
	display: inline-block;
	color: #fff;
	font-size: 69.23%;
	line-height: 1.6;
	background: #999999;
	text-align: center;
	min-width: 50px;
	margin-left: 2px;
	border-radius: 1em;
	padding: 1px .6em 0;
	vertical-align: top;
	white-space: nowrap;
}
.Icon_Grade_L.Icon_G1:after{
	content: 'GI';
	background: #3251bc;
}
.Icon_Grade_L.Icon_G2:after{
	content: 'GII';
	background: #e31d2d;
}
.Icon_Grade_L.Icon_G3:after{
	content: 'GIII';
	background: #48b32f;
}
.Icon_Grade_L.Icon_G:after{
	content: '\91CD\8CDE';
	background: #ec5f00;
}
.Icon_Grade_L.Icon_Open:after{
	content: 'OP';
}
.Icon_Grade_L.Icon_Un1600:after{
	content: '1600\4E0B';
}
.Icon_Grade_L.Icon_Un1000:after{
	content: '1000\4E0B';
}
.Icon_Grade_L.Icon_Un900:after{
	content: '900\4E0B';
}
.Icon_Grade_L.Icon_Un500:after{
	content: '500\4E0B';
}
.Icon_Grade_L.Icon_JG1:after{
	content: 'JGI';
	background: #3251bc;
}
.Icon_Grade_L.Icon_JG2:after{
	content: 'JGII';
	background: #e31d2d;
}
.Icon_Grade_L.Icon_JG3:after{
	content: 'JGIII';
	background: #48b32f;
}
.Icon_Grade_L.Icon_L:after{
	content: 'L';
}
.Icon_Grade_L.Icon_Win1:after{
	content: '1\52DD';
}
.Icon_Grade_L.Icon_Win2:after{
	content: '2\52DD';
}
.Icon_Grade_L.Icon_Win3:after{
	content: '3\52DD';
}
.Icon_Grade_L.Icon_Jpn1:after{
	content: 'Jpn1';
	background: #3251bc;
}
.Icon_Grade_L.Icon_Jpn2:after{
	content: 'Jpn2';
	background: #e31d2d;
}
.Icon_Grade_L.Icon_Jpn3:after{
	content: 'Jpn3';
	background: #48b32f;
}
.Icon_Grade:after{
	content: '';
	display: inline-block;
	color: #fff;
	font-size: 56%;
	line-height: 1.6;
	background: #999999;
	text-align: center;
	min-width: 32px;
	margin-left: 2px;
	border-radius: 1em;
	padding: 1px .4em 0;
	vertical-align: top;
	white-space: nowrap;
}
.Icon_Grade.Icon_G1:after{
	content: 'GI';
	background: #3251bc;
}
.Icon_Grade.Icon_G2:after{
	content: 'GII';
	background: #e31d2d;
}
.Icon_Grade.Icon_G3:after{
	content: 'GIII';
	background: #48b32f;
}
.Icon_Grade.Icon_G:after{
	content: '\91CD\8CDE';
	background: #ec5f00;
}
.Icon_Grade.Icon_Open:after{
	content: 'OP';
}
.Icon_Grade.Icon_Un1600:after{
	content: '1600\4E0B';
}
.Icon_Grade.Icon_Un1000:after{
	content: '1000\4E0B';
}
.Icon_Grade.Icon_Un900:after{
	content: '900\4E0B';
}
.Icon_Grade.Icon_Un500:after{
	content: '500\4E0B';
}
.Icon_Grade.Icon_JG1:after{
	content: 'JGI';
	background: #3251bc;
}
.Icon_Grade.Icon_JG2:after{
	content: 'JGII';
	background: #e31d2d;
}
.Icon_Grade.Icon_JG3:after{
	content: 'JGIII';
	background: #48b32f;
}
.Icon_Grade.Icon_L:after{
	content: 'L';
}
.Icon_Grade.Icon_Win1:after{
	content: '1\52DD';
}
.Icon_Grade.Icon_Win2:after{
	content: '2\52DD';
}
.Icon_Grade.Icon_Win3:after{
	content: '3\52DD';
}
.Icon_Grade.Icon_Jpn1:after{
	content: 'Jpn1';
	background: #3251bc;
}
.Icon_Grade.Icon_Jpn2:after{
	content: 'Jpn2';
	background: #e31d2d;
}
.Icon_Grade.Icon_Jpn3:after{
	content: 'Jpn3';
	background: #48b32f;
}




/* 予想家写真マスキング */
.Masking{
	display: inline-block;
	position: relative;
	overflow: hidden;
}
.Mask01{
	border-radius: 50%;
	width: 48px;
	height: 47px;
}
.Mask02{
	border-radius: 3px;
	border: 4px solid #fff;
	width: 168px;
	height: 168px;
}
.Mask03{
	border-radius: 3px;
	border: 3px solid #fff;
	width: 63px;
	height: 63px;
}
.Mask04{
	border-radius: 3px;
	width: 32px;
	height: 32px;
	vertical-align: middle;
}
.Mask05{
	border-radius: 50%;
	width: 32px;
	height: 32px;
}

/*--ライブコマース--*/
.Title_Sec h2{
	font-size: 18px;
    font-weight: bold;
    margin-bottom: 18px;
    line-height: 1.3;
}


.LiveCommerceLink_L_Wrap{
	margin-bottom: 34px;
}
.LiveCommerceLink_L_Wrap .LiveCommerceLink_L{
	margin: 0 !important;
	flex-wrap: nowrap !important;
}
.LiveCommerceLink_L_Wrap .LiveCommerceLink_L > a{
	max-width: 355px;
	flex-shrink: 0;
}
.LiveCommerceText{
	width: calc(100% - 355px) !important;
}
.LiveCommerceText p.LiveTitle{
	font-size: 89.4737%;
}


/*TOP*/
.YosoTopColumnWrap01 .MainColumn{
	width: 645px;
}
.YosoTopColumnWrap01 .Title_Sec h2{
	font-size: 16px;
	height: 32px;
	line-height: 32px;
	margin-bottom: 8px !important;
}
.YosoTopColumnWrap01 #live_commerce_link{
	width: 645px;
}
.YosoTopColumnWrap01 #live_commerce_link ~ .MainRaceArea{
	float: none;
}

/*プロフィール*/
#YosokaProfile01 .LiveCommerceLink_L_Wrap .LiveCommerceLink_L{
	flex-wrap: wrap !important;
	margin:0;

}

/*レース一覧*/
.RaceNaviArea01 + #contents .LiveCommerceLink_S{
	width: 625px;
	margin: -22px auto 0;
}

#YosokaProfile01 .LiveCommerceText{
	width: 100% !important;
}

/*ランキング・お気に入り*/
.RankSortBar01 + #live_commerce_link_t{
	margin-top: -50px;
}
.RankSortBar01 + #live_commerce_link_t .LiveCommerceLink_S_Wrap{
	margin-bottom: 15px;
}
.RankSortBar01 + #live_commerce_link_t .LiveCommerceLink_S{
	padding: 0 20px;
}
.BadgeArea{
	position:absolute;
	top:8px;
	right:8px;
}
.BadgeArea .auto_purchaseBadge{
	position: static;
	padding:0px 9px 0px 7px;
	font-size: 10px;
	height: 18px;
	border-radius:10px;
	line-height: 18px;
}
.BadgeArea .live_commerceBadge{
	display:inline-block;
	padding:0px 9px 0px 7px;
	background:#EF5350;
	color:#fff;
	border-radius:10px;
	font-size:10px;
	height: 18px;
	line-height: 18px;
}

/*==============================================
01.サブメニュー .GenreMenuArea
==============================================*/
.TypeJraYoso.YosoGenreMenu{
	background: #e4e7f9;
	background: -moz-linear-gradient(left, #e4e7f9 49%, #ffffff 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.49, #e4e7f9), color-stop(0.5, #ffffff));
	background: -webkit-linear-gradient(left, #e4e7f9 49%, #ffffff 50%);
	background: linear-gradient(to right, #e4e7f9 49%, #ffffff 50%);
	border-bottom: 1px solid #d9d9d9;
	box-shadow: 0 0 1px 0 rgba(146, 151, 165, .4);
}
.TypeNarYoso.YosoGenreMenu{
	background: #fbeddd;
	background: -moz-linear-gradient(left, #fbeddd 49%, #ffffff 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.49, #fbeddd), color-stop(0.5, #ffffff));
	background: -webkit-linear-gradient(left, #fbeddd 49%, #ffffff 50%);
	background: linear-gradient(to right, #fbeddd 49%, #ffffff 50%);
	border-bottom: 1px solid #d9d9d9;
	box-shadow: 0 0 1px 0 rgba(146, 151, 165, .4);
}
.GenreMenuWrap{
	display: table;
	width: 960px;
	margin: auto;
}
.GenreMenuArea01,
.GenreMenuArea02{
	display: table-cell;
	vertical-align: middle;
}
.GenreMenuArea01{
	background: #fff;
	padding: 20px 0 20px 20px;
}

ul.SubMenu_01{}

ul.SubMenu_01 li{
	float: left;
	width: 130px;
	margin-right: 1px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0 3px 3px 0 rgba(146, 151, 165, .4);
}

ul.SubMenu_01 li:last-child{
	width: 160px;
	/*float: right;*/
	margin: 0;
}

ul.SubMenu_01 li a{
	display: block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #f2f1ee;
	/*
	border: 2px solid #fff;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #f4f4f4),
		color-stop(1, #fefefe)
	);
	background-image: -o-linear-gradient(bottom, #f4f4f4 0%, #fefefe 100%);
	background-image: -moz-linear-gradient(bottom, #f4f4f4 0%, #fefefe 100%);
	background-image: -webkit-linear-gradient(bottom, #f4f4f4 0%, #fefefe 100%);
	background-image: -ms-linear-gradient(bottom, #f4f4f4 0%, #fefefe 100%);
	background-image: linear-gradient(to bottom, #f4f4f4 0%, #fefefe 100%);
*/
	font-size: 114.3%;
	font-weight: bold;
	font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴ ProN W3", 'ヒラギノ角ゴ Pro W3', arial, "Hiragino Kaku Gothic ProN", sans-serif;
	color: #333;
	text-align: center;
	line-height: 40px;
	height: 40px;
}

ul.SubMenu_01 li a:hover{
	opacity: .75;
	text-decoration: none;
}
.TypeJraYoso ul.SubMenu_01 li.Active a{
	border: 2px solid #1f4fc3;
	background: #1f4fc3;
	color: #fff;
}
.TypeNarYoso ul.SubMenu_01 li.Active a{
	border: 2px solid #bf552e;
	background: #bf552e;
	color: #fff;
}

ul.SubMenu_01 li a span.YosoLogo01{
	display: inline-block;
	height: 0pt;
	overflow: hidden;
	padding-top: 18px;
	line-height: 30px;
	width: 78px;
	background-image: url("../img/yoso/yoso_title_menulogo02.png");
	-webkit-background-size: 90px 40px;
	-moz-background-size: 90px 40px;
	-ms-background-size: 90px 40px;
	-o-background-size: 90px 40px;
	background-size: 90px 40px;
	background-repeat: no-repeat;
	background-position: 0 -20px;
	vertical-align: middle;
	margin-right: 6px;
}

ul.SubMenu_01 li.Active a span.YosoLogo01{
	background-position: 0 0;
}

/*-- 地方・中央切り替え --*/
.TypeJraYoso .GenreMenuArea02{
	position: relative;
	background: #e4e7f9;
	padding-right: 20px;
}
.TypeNarYoso .GenreMenuArea02{
	position: relative;
	background: #fbeddd;
	padding-right: 20px;
}

/*
ul.SubMenu_02 li{
	width: 68px;
	float: left;
	position: relative;
}

ul.SubMenu_02 li a{
	position: relative;
	display: block;
	background: #f2f1ee;
	font-weight: bold;
	color: #333;
	line-height: 40px;
	text-align: center;
	box-shadow: 0 1px 3px 1px rgba(146, 151, 165, .4);
} */

ul.SubMenu_02 {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    padding: 0;
    margin: 0;
	box-shadow: 0 1px 3px 1px rgba(146, 151, 165, .4);
}

ul.SubMenu_02 li {
    flex: 1;
    text-align: center;
	width: 92px;
}

ul.SubMenu_02 li a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2f1ee;
    font-weight: bold;
    color: #333;
    height: 40px;
	line-height: 1.3;
    text-decoration: none; /* 下線を消す */
}


ul.SubMenu_02 li:first-child a{
	border-radius: 2px 0 0 2px;
}

ul.SubMenu_02 li:last-child a{
	border-radius: 0 2px 2px 0;
	border-left: 1px solid rgba(146, 151, 165, .4);
}
.TypeJraYoso ul.SubMenu_02 li.Active a{
	background: #1f4fc3;
	color: #fff;
}
.TypeNarYoso ul.SubMenu_02 li.Active a{
	background: #bf552e;
	color: #fff;
}
.GenreMenuArea02:after{
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-style: solid;
	border-width: 13px 0 13px 15px;
	border-color: transparent;
	top: 50%;
	right: -14px;
	margin-top: -11px;
}
.TypeJraYoso .GenreMenuArea02:after{
	border-left-color: #e4e7f9;
}
.TypeNarYoso .GenreMenuArea02:after{
	border-left-color: #fbeddd;
}

/* 170323 newアイコン */

ul.SubMenu_02 span.NavNewIcon01{
	position: absolute;
	left: 9px;
	top: -20px;
	color: #fff;
	text-align: center;
	width: 45px;
	line-height: 20px;
	font-size: 12px;
	font-family: "メイリオ", "Meiryo", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", "Helvetica", "Arial", "Verdana", sans-serif;
	font-weight: bold;
	background: #dc2b05;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	z-index: 10;
}

ul.SubMenu_02 span.NavNewIcon01:after{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top: 8px solid #dc2b05;
	position: absolute;
	bottom: -12px;
	left: 19px;
}

ul.SubMenu_02 span.NavNewIcon01:before{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top: 8px solid #e2e2e2;
	position: absolute;
	bottom: -14px;
	left: 18px;
}

/*==============================================
02.予想パック/厳選予想リスト
==============================================*/

.YosoGensenList{
	background: #f5f4f1;
	padding: 22px 20px 20px;
}


/* btn */
.GensenMoreBtnWrap{
	width: 800px;
	margin: 14px auto 0;
}
.GensenMoreBtn{
	color: #666;
	display: block;
	border: 2px solid #cccccc;
	border-radius: 5px;
	text-align: center;
	line-height: 1em;
	padding: 20px 0;
	font-size: 16px;
	font-weight: bold;
}
.GensenMoreBtn:hover{
	background: #ddd;
	text-decoration: none;
}


/* おとく予想パック */
.YosokaPackList{
	margin-bottom: 34px;
}
.YosokaPackList .YosokaPackListTitle{
	color: #222;
	font-size: 142.8%;
	font-weight: bold;
	margin-bottom: 16px;
}
.YosokaPackList ul li{
	display: table;
	border: 2px solid #da4343;
	background: #f5f4f1;
	position: relative;
	width: 100%;
}
.YosokaPackList ul li+li{
	margin-top: 18px;
}
.YosokaPackList .Inner,
.YosokaPackList .BtnArea{
	display: table-cell;
	vertical-align: middle;
}
.YosokaPackList .PointTxt{
	font-size: 157.1%;
	font-weight: bold;
	padding: 18px 8px 18px 18px;
}
.YosokaPackList .PointTxt>.PointOff{
	color: #e6a424;
	margin: 0 8px;
}
.YosokaPackList .PointTxt>.PointResult{
	color: #ea5050;
	margin: 0 8px;
}
.YosokaPackList .PackName{
	background: #fff;
	padding: 30px 0 24px 50px;
}
.YosokaPackList .PackName .PackNameTitle{
	color: #da4343;
	font-size: 214.2%;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 18px;
	position: relative;
}
.YosokaPackList .PackName .PackNameTitle .Thumb{
	padding-left: 12px;
	position: absolute;
	top: -3px;
}
.YosokaPackList .PackName>.Txt{
	color: #333;
	font-size: 128.5%
}
.YosokaPackList .BtnArea{
	width: 192px;
	text-align: center;
	border-left: 2px dashed #333;
	padding: 0 12px;
}


/* 厳選予想 - header */
.GensenYoso .YosoListHeader{
	position: relative;
	margin-bottom: 20px;
}
.GensenYoso .YosoListHeader .GensenYosoTitle{
	font-size: 142.8%;
}
.GensenYoso .YosoListHeader .GensenYosoTitle strong{
	color: #da4343;
}
.GensenYoso .YosoListHeader .SortFunction{
	position: absolute;
	top: -5px;
	right: 0;
}
.SortFunction .SortCheck,
.SortFunction .SortSelect{
	display: inline-block;
	margin-left: 28px;
}
.SortFunction .SortCheck span,
.SortFunction .SortSelect{
	font-size: 85.7%;
}
.SortFunction .SortCheck span{
	margin-left: 6px;
}
.SortFunction .SortSelect select::-ms-expand{
	display: none;
}
.SortFunction .SortSelect select{
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	border: 2px solid #dfddd6;
	border-radius: 3px;
	background-image: -webkit-gradient(linear,
			left top,
			left bottom,
			color-stop(0, #FFFFFF),
			color-stop(1, #F5F4F1));
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F5F4F1 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F5F4F1 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F5F4F1 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F5F4F1 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #F5F4F1 100%);
	color: #7f7f7f;
	cursor: pointer;
	font-weight: bold;
	outline: none;
	padding: 8px 20px 8px 16px;
	line-height: 1.2;
	width: 167px;
}
.SortFunction .SortSelect .SelectGroup{
	margin-left: 6px;
	position: relative;
	top: -2px;
}
.SortFunction .SortSelect .SelectGroup:after{
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top: 5px solid #bebbb1;
	position: absolute;
	top: 50%;
	right: 12px;
}
.SortFunction .SortCheck{
	position: relative;
}
.Sort_CheckBox{
	display: none;
}
.Sort_CheckLabel{
	cursor: pointer;
	position: relative;
	padding-left: 36px;
}
.Sort_CheckLabel:before,
.Sort_CheckBox:checked+.Sort_CheckLabel:before{
	content: '';
	display: inline-block;
	cursor: pointer;
	margin-top: -15px;
	width: 26px;
	height: 26px;
	position: absolute;
	top: 50%;
	left: 0;
}
.Sort_CheckLabel:before{
	background: url("../img/yoso/sort_check.png") no-repeat left top;
	-webkit-background-size: 26px 52px;
	-moz-background-size: 26px 52px;
	-ms-background-size: 26px 52px;
	-o-background-size: 26px 52px;
	background-size: 26px 52px;
}
.Sort_CheckBox:checked+.Sort_CheckLabel:before{
	background: url("../img/yoso/sort_check.png") no-repeat left bottom;
	-webkit-background-size: 26px 52px;
	-moz-background-size: 26px 52px;
	-ms-background-size: 26px 52px;
	-o-background-size: 26px 52px;
	background-size: 26px 52px;
}


/* 厳選予想 - 予想リスト */
.Yoso_CheckBox{
	display: none;
}
.Yoso_CheckLabel{
	width: 22px;
	height: 23px;
	display: inline-block;
	cursor: pointer;
}
.Yoso_CheckLabel,
.Yoso_CheckBox:checked+.Yoso_CheckLabel{
	position: relative;
	top: 2px;
	z-index: 100;
}
.Yoso_CheckLabel{
	background: url("../img/yoso/yoso_check.png") no-repeat;
	-webkit-background-size: 22px 46px;
	-moz-background-size: 22px 46px;
	-ms-background-size: 22px 46px;
	-o-background-size: 22px 46px;
	background-size: 22px 46px;
}
.Yoso_CheckBox:checked+.Yoso_CheckLabel{
	background: url("../img/yoso/yoso_check.png") no-repeat left bottom;
	-webkit-background-size: 22px 46px;
	-moz-background-size: 22px 46px;
	-ms-background-size: 22px 46px;
	-o-background-size: 22px 46px;
	background-size: 22px 46px;
}
.GensenYosoList ul li{
	border: 2px solid #c4c1b8;
	background: #f5f4f1;
	display: table;
	position: relative;
	width: 100%;
}
.GensenYosoList ul li.RaceDayLine{
	border: 0 none;
	background: none;
	display: block;
	font-size: 128.6%;
	font-weight: bold;
	padding: 10px 10px 0;
}
.GensenYosoList ul li+li{
	margin-top: 18px;
}
.GensenYosoList .StateArea,
.GensenYosoList .Inner,
.GensenYosoList .BtnArea{
	display: table-cell;
	vertical-align: middle;
}
.GensenYosoList .StateArea{
	background: #dad7ce;
	text-align: center;
	width: 35px;
}
.GensenYosoList .Yosoka{
	display: table;
	width: 100%;
}
.GensenYosoList .Yosoka .Profile,
.GensenYosoList .Yosoka .Detail,
.GensenYosoList .Yosoka .YosokaPointInfoTxt01{
	display: table-cell;
	vertical-align: middle;
}
.GensenYosoList.Top_GensenList .Flag_Pickup .Yosoka .Profile,
.GensenYosoList.Top_GensenList .Flag_Anauma .Yosoka .Profile{
	padding: 6px 10px 6px 50px;
	width: 290px;
}
.GensenYosoList .Profile{
	padding: 6px 10px;
	width: 270px;
}
.GensenYosoList .Profile img{
	float: left;
	border-radius: 3px;
	margin-right: 12px;
}
.GensenYosoList .Profile .Name{
	font-size: 128.6%;
	font-weight: bold;
	margin: 6px 0;
}
.GensenYosoList .Profile .LinkText{
	color: #79766e;
	font-size: 85.7%;
}
.GensenYosoList .Detail .Type{
	margin-bottom: 8px;
}
.GensenYosoList .Detail .Type strong{
	color: #45a78f;
	font-weight: bold;
	margin-right: 6px;
}
.GensenYosoList .Detail .Type span{
	color: #79766e;
	font-size: 85.7%;
}
.GensenYosoList .Detail dl dt,
.GensenYosoList .Detail dl dd{
	display: inline-block;
	font-weight: bold;
}
.GensenYosoList .Detail dl .Today,
.GensenYosoList .Detail dl .Past{
	color: #79766e;
	position: relative;
	padding-left: 20px;
}
.GensenYosoList .Detail dl dd{
	margin-left: -4px;
}
.GensenYosoList .Detail dl .TodayHit{
	margin-right: 6px;
}
.GensenYosoList .Detail dl .TodayHit span{
	color: #ea5050;
}
.GensenYosoList .Detail dl .RecoveryRate span{
	color: #6da73f;
	margin-left: 4px;
}
.GensenYosoList .YosokaPointInfoTxt01 p{
	font-size: 114.4%;
	line-height: 1.3;
}
.GensenYosoList .YosokaPointInfoTxt01 p strong.ColorRed{
	color: #ea5050;
}
.GensenYosoList .ResultArea{
	background: #fff;
	padding: 10px 13px 10px 8px;
	display: table;
	width: 100%;
}
.GensenYosoList.Top_GensenList .ResultArea .Point{
	width: 290px;
}
.GensenYosoList .ResultArea .Point{
	background: #fff8e4;
	border: 1px solid #f0deac;
	border-radius: 3px;
	padding: 6px;
	/*width: 257px;*/
	min-width: 260px;
	height: 99px;
	/*float: left;*/
	display: table-cell;
	vertical-align: top;
}
.GensenYosoList .ResultArea .Point+.Result,
.GensenYosoList .ResultArea .Point+.HitResult{
	margin-left: 10px;
}
.GensenYosoList .ResultArea .Point .PointTitle{
	color: #222;
	font-weight: bold;
	border-bottom: 1px dashed #DCC269;
	padding: 7px 0 10px 28px;
	position: relative;
}
.GensenYosoList .ResultArea .Txt{
	color: #333;
	font-size: 92.8%;
	margin: 12px 6px 5px;
	line-height: 1.4;
	max-height: 2.805em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.GensenYosoList .ResultArea .Result{
	/*float: left;*/
	background: #f5f4f1;
	border: 1px solid #d4d1ca;
	border-radius: 3px;
	padding: 6px 8px;
	/* margin-left: 8px; */
	width: 402px;
	min-height: 99px;
	position: relative;
	/* display: table-cell; */
	display: inline-block;
	vertical-align: top;
	/* left: 8px; */
}
.GensenYosoList .ResultArea .Result .Detail{
	width: 202px;
	float: right;
	padding: 6px 0;
}
.GensenYosoList .ResultArea .Result .Tensu{
	color: #222;
	font-weight: bold;
	border-bottom: 1px dashed #ADAB9F;
	padding: 0 0 10px 24px;
	position: relative;
	margin-bottom: 10px;
	/*line-height: 1.4*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.GensenYosoList .ResultArea .Result table{
	font-size: 92.8%;
	width: 100%;
}
.GensenYosoList .ResultArea .Result table .Item{
	width: 98px;
	white-space: nowrap;
}
.GensenYosoList .ResultArea .Result table .Money{
	font-weight: bold;
	text-align: right;
	padding: 3px;
}

/* 勝負、穴馬マーク */
.GensenYosoList .ResultArea .SelectionRace:before,
.GensenYosoList .ResultArea .PickupRace:before,
.GensenYosoList .ResultArea .AnaumaRace:before{
	content: '';
	display: inline-block;
	position: absolute;
	top: -12px;
	left: 5px;
	width: 40px;
	height: 90px;
	background-image: url("../img/yoso/flg_sprite_pc_baken.png");
	-webkit-background-size: 160px 300px;
	-moz-background-size: 160px 300px;
	-ms-background-size: 160px 300px;
	-o-background-size: 160px 300px;
	background-size: 160px 300px;
	background-position: 0 0;
	background-repeat: no-repeat;
	-moz-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	transform: rotate(20deg);
	z-index: 10;
}
.GensenYosoList .ResultArea .PickupRace:before{
	background-position: 0 0;
}
.GensenYosoList .ResultArea .AnaumaRace:before{
	background-position: -47px 0;
}
.GensenYosoList .ResultArea .SelectionRace:before{
	background-position: 0 -98px;
}



.GensenYosoList .BtnArea{
	border-left: 1px dashed #333;
	padding: 0 12px;
	text-align: center;
	width: 192px;
}


/* 厳選予想 - 予想選択 */
.GensenYosoList .YosoSelected{
	border: 2px solid #78be68;
}
.GensenYosoList .YosoSelected .StateArea{
	background: #abe79d;
}


/* 厳選予想 - 的中リストスタイル */
.GensenYosoList .Hit{
	border: 2px solid #da4343;
	background: #ffefef;
	display: table;
	position: relative;
	width: 100%;
}
.GensenYosoList .Hit .StateArea{
	background: #e35353;
	text-align: center;
	width: 35px;
}
.GensenYosoList .Hit .HitResult .DummyBaken:after{
	content: '';
	display: inline-block;
	background: url("../img/yoso/stamp_hit.png") no-repeat;
	-webkit-background-size: 77px 77px;
	-moz-background-size: 77px 77px;
	-ms-background-size: 77px 77px;
	-o-background-size: 77px 77px;
	background-size: 77px 77px;
	width: 77px;
	height: 77px;
	position: absolute;
	top: -6px;
	right: -6px;
}
.GensenYosoList .Hit .HitResult{
	/* float: left; */
	background: #f5f4f1;
	border: 1px solid #d4d1ca;
	border-radius: 3px;
	margin-left: 8px;
	position: relative;
	width: 402px;
	min-height: 99px;
}
.GensenYosoList .Hit .HitResult .Balance{
	background: #dbf7e1;
	border-bottom: 1px solid #d4d1ca;
	margin-bottom: 10px;
	padding: 10px 0;
	text-align: right;
}
.GensenYosoList .Hit .HitResult .Balance dl{
	margin-left: auto;
	margin-right: 11px;
	width: 202px;
}
.GensenYosoList .Hit .HitResult .Balance dl dt{
	width: 30%;
	color: #1b9a36;
	text-align: left;
	padding-left: 25px;
	position: relative;
}
.GensenYosoList .Hit .HitResult .Balance dl dd{
	width: 69%;
	color: #1b9a36;
}
.GensenYosoList .Hit .HitResult .Balance dl .Negative{
	color: #222;
}
.GensenYosoList .Hit .HitResult .DummyBaken{
	position: absolute;
	top: 6px;
	left: 8px;
}
.GensenYosoList .Hit .HitResult table{
	font-size: 92.8%;
	margin-left: auto;
	margin-right: 8px;
	width: 202px;
}
.GensenYosoList .Hit .HitResult table .Item{
	width: 105px;
}
.GensenYosoList .Hit .HitResult table .Money{
	font-weight: bold;
	text-align: right;
	padding: 3px;
}


/* 厳選予想 - 購入済みリストスタイル */
.GensenYosoList .Purchased{
	border: 2px solid #e6a424;
	background: #f5f4f1;
	display: table;
	position: relative;
	width: 100%;
}
.GensenYosoList .Purchased .StateArea{
	background: #f0b849;
	position: relative;
	text-align: center;
	width: 35px;
}


/* 厳選予想 - すべて選択 */
.GensenYoso_Footer{
	display: table;
	width: 100%;
	margin-top: 18px;
	position: relative;
}
.GensenYoso_Footer:before{
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom: 8px solid #dad7ce;
	position: absolute;
	top: -15px;
	left: 10px;
}
.GensenYoso_Footer .StateArea,
.GensenYoso_Footer .Inner,
.GensenYoso_Footer .BtnArea{
	display: table-cell;
	vertical-align: middle;
}
.GensenYoso_Footer .StateArea{
	background: #dad7ce;
	text-align: center;
	width: 37px;
}
.GensenYoso_Footer .Inner{
	background: #e7e4dd;
}
.GensenYoso_Footer .Inner p{
	font-size: 114.2%;
	margin-left: 18px;
}
.GensenYoso_Footer .Inner p span{
	font-weight: bold;
	margin-left: 24px;
}
.GensenYoso_Footer .Inner p span>strong{
	color: #ea5050;
}
.GensenYoso_Footer .BtnArea{
	background: #dad7ce;
	border-left: 1px dashed #333;
	padding: 12px;
	text-align: center;
	width: 192px;
}


/* 状態ボタン */
.StateBtn{
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: none;
	border-radius: 5px;
	background: #efefef;
	cursor: pointer;
	font-weight: bold;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Arial, sans-serif;
	padding: 24px 0 25px;
	width: 100%;
}
.StateBtn.State1{
	background: #e5a221;
	background-image: -webkit-gradient(linear,
			left top,
			left bottom,
			color-stop(0, #eeb72d),
			color-stop(1, #dfa300));
	background-image: -o-linear-gradient(bottom, #eeb72d 0%, #dfa300 100%);
	background-image: -moz-linear-gradient(bottom, #eeb72d 0%, #dfa300 100%);
	background-image: -webkit-linear-gradient(bottom, #eeb72d 0%, #dfa300 100%);
	background-image: -ms-linear-gradient(bottom, #eeb72d 0%, #dfa300 100%);
	background-image: linear-gradient(to bottom, #eeb72d 0%, #dfa300 100%);
	color: #fff;
	padding: 13px 0;
}
.StateBtn.State2{
	background: #dad7ce;
	background-image: -webkit-gradient(linear,
			left top,
			left bottom,
			color-stop(0, #E5E3DC),
			color-stop(1, #DAD7CE));
	background-image: -o-linear-gradient(bottom, #E5E3DC 0%, #DAD7CE 100%);
	background-image: -moz-linear-gradient(bottom, #E5E3DC 0%, #DAD7CE 100%);
	background-image: -webkit-linear-gradient(bottom, #E5E3DC 0%, #DAD7CE 100%);
	background-image: -ms-linear-gradient(bottom, #E5E3DC 0%, #DAD7CE 100%);
	background-image: linear-gradient(to bottom, #E5E3DC 0%, #DAD7CE 100%);
}
.StateBtn.State3{
	background: #DA4343;
	background-image: -webkit-gradient(linear,
			left top,
			left bottom,
			color-stop(0, #E95B5B),
			color-stop(1, #DA4343));
	background-image: -o-linear-gradient(bottom, #E95B5B 0%, #DA4343 100%);
	background-image: -moz-linear-gradient(bottom, #E95B5B 0%, #DA4343 100%);
	background-image: -webkit-linear-gradient(bottom, #E95B5B 0%, #DA4343 100%);
	background-image: -ms-linear-gradient(bottom, #E95B5B 0%, #DA4343 100%);
	background-image: linear-gradient(to bottom, #E95B5B 0%, #DA4343 100%);
	box-shadow: 0 3px 0 rgba(189, 47, 47, 1), inset 0 -1px rgba(228, 119, 119, 1);
	color: #fff;
	padding: 13px 0;
}
.StateBtn.State1 .Point,
.StateBtn.State3 .Point,
.StateBtn.State4 .Point{
	display: block;
	font-size: 142.8%;
	margin-bottom: 4px;
}
.StateBtn.State1 .Txt,
.StateBtn.State3 .Txt,
.StateBtn.State4 .Txt{
	font-size: 85.7%;
}
.StateBtn:hover{
	opacity: .8;
}

/*=== 無料公開 ===*/
.StateBtn.State1.StateFree .Point{
	display: inline-block;
}
.StateBtn.State1.StateFree .Txt{
	display: block;
	padding-top: 4px;
}
.StateBtn.StateFree .FreeFlag{
	position: relative;
	display: inline-block;
	background: #d1423f;
	color: #fff;
	font-size: 85.7%;
	margin: -3px 14px -3px 0;
	font-weight: bold;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 6px 7px;
	top: -3px;
}
.StateBtn.StateFree .FreeFlag:after{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-left: 6px solid #d1423f;
	position: absolute;
	top: 7px;
	right: -10px;
}

/*=== ポイントバックボタン ===*/
.StateBtn.State4{
	color: #fff;
	padding: 0;
}
.StateBtn.State4 span.PointBackBtn01{
	display: block;
	background: #e5a221;
	background-image: -webkit-gradient(linear,
			left top,
			left bottom,
			color-stop(0, #eeb72d),
			color-stop(1, #dfa300));
	background-image: -o-linear-gradient(bottom, #eeb72d 0%, #dfa300 100%);
	background-image: -moz-linear-gradient(bottom, #eeb72d 0%, #dfa300 100%);
	background-image: -webkit-linear-gradient(bottom, #eeb72d 0%, #dfa300 100%);
	background-image: -ms-linear-gradient(bottom, #eeb72d 0%, #dfa300 100%);
	background-image: linear-gradient(to bottom, #eeb72d 0%, #dfa300 100%);
	padding: 13px 0 10px;
	border-radius: 5px 5px 0 0;
}
.StateBtn.State4 span.PointBackBtn02{
	position: relative;
	height: 30px;
	display: block;
	background: #d1423e;
	border-radius: 0 0 5px 5px;
}
.StateBtn.State4 span.PointBackBtn02 img{
	position: absolute;
	top: -9px;
	left: 3px;
}
.baken_note {
	font-size: 92.8%;
	line-height: 1.5;
	padding: 0 20px;
	}
/* ポイントバック説明 .MatomePointBackInfo */
.MatomePointBackInfo{
	padding: 10px 20px 20px;
}

h2.PointBackTxt01{
	display: inline-block;
	background: #d1423e;
	border-radius: 3px;
	padding: 5px 8px;
}

h2.PointBackTxt01 img{
	display: block;
}
.MatomePointBackInfo p.fwB{
	font-size: 92.8%;
	line-height: 1.3;
	margin: 10px 0;
}
.MatomePointBackInfo .Example{
	position: relative;
	font-size: 92.8%;
	background: #fff;
	border-radius: 3px;
	padding: 10px 6px;
	margin-bottom: 10px;
}
.MatomePointBackInfo .Example span.ExampleTxt01{
	font-weight: bold;
	float: left;
	line-height: 1.3;
}
.MatomePointBackInfo .Example span.ExampleTxt02{
	display: block;
	padding: 0 0 0 3em;
	line-height: 1.3;
}
.MatomePointBackInfo ul.Notation{
	font-size: 92.8%;
}
.MatomePointBackInfo ul.Notation li{
	position: relative;
	padding-left: 1.1em;
	line-height: 1.3;
	color: #807f79;
}
.MatomePointBackInfo ul.Notation li:before{
	content: "\203B";
	vertical-align: middle;
	display: inline-block;
	position: absolute;
	color: #807f79;
	left: 0;
	top: 0;
}


/*=== ダミー馬券 ===*/

.DummyBaken{
	display: table;
	background: url("../img/yoso/baken_bg.png") no-repeat;
	-webkit-background-size: 170px 85px;
	-moz-background-size: 170px 85px;
	-ms-background-size: 170px 85px;
	-o-background-size: 170px 85px;
	background-size: 170px 85px;
	width: 170px;
	height: 85px;
	float: left;
}
.DummyBaken .LeftSection,
.DummyBaken .CenterSection,
.DummyBaken .RightSection{
	display: table-cell;
	padding-top: 2px;
}
.DummyBaken .LeftSection,
.DummyBaken .LeftSection>div{
	width: 34px;
	text-align: center;
}
.DummyBaken .LeftSection>div{
	padding: 3px 0;
}
.DummyBaken .LeftSection>div>.Year{
	display: block;
	font-size: 10px;
	letter-spacing: -1px;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
	margin-right: -1px;
}
.DummyBaken .LeftSection>div>.Jyo{
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-left: 3px;
}
.DummyBaken .LeftSection>.Num{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.DummyBaken .CenterSection{
	width: 22px;
	vertical-align: middle;
	text-align: center;
	padding: 9px 0 18px;
}
.DummyBaken .CenterSection>.Type{
	color: #fff;
	font-weight: bold;
	height: 62px;
	text-align: center;
}
.DummyBaken .RightSection{
	vertical-align: middle;
	padding: 0 0 7px 5px;
}
.DummyBaken .RightSection>p{
	font-size: 10px;
	font-weight: bold;
	line-height: 1.5;
}
.DummyBaken .RightSection>p>span{
	font-family: sans-serif;
	font-weight: normal;
}

/* 取り消し除外 */
span.Torikeshi{
	color: #ea5050;
	display: block;
	text-align: center;
	padding-top: 10px;
}


/*=== レースから厳選予想枠 ===*/
.RaceResultYosoList .GensenYosoList .Yosoka{
	display: table-cell;
	width: 100%;
	vertical-align: top;
	padding-bottom: 8px;
}
.RaceResultYosoList .GensenYosoList .Yosoka .Profile{
	display: block;
	padding: 10px 0 0 10px;
	width: 100%;
}
.RaceResultYosoList .GensenYosoList .Profile .Name{
	font-size: 171.43%;
	font-weight: bold;
	margin: 4px 0 15px;
	position: relative;
}
.RaceResultYosoList .GensenYosoList .Profile .Categories{
	font-size: 62.5%;
	font-weight: normal;
	background: rgba(218, 215, 206, 0.639);
	padding: 4px 17px 3px;
	margin-left: 8px;
}
.RaceResultYosoList .GensenYosoList .Profile dl{
	position: relative;
	float: left;
	width: 166px;
}
.RaceResultYosoList .GensenYosoList .Profile dl::before{
	content: '';
	display: inline-block;
	position: absolute;
	left: 50%;
	width: 2px;
	height: 100%;
	background: #000;
}
.RaceResultYosoList .GensenYosoList .Profile dt,
.RaceResultYosoList .GensenYosoList .Profile dd{
	font-size: 114.29%;
	font-weight: bold;
	text-align: center;
	float: left;
	width: 50%;
}
.RaceResultYosoList .GensenYosoList .Profile dd{
	clear: left;
	font-size: 142.86%;
	margin-top: 6px;
}
.RaceResultYosoList .GensenYosoList .Profile dt:nth-of-type(2),
.RaceResultYosoList .GensenYosoList .Profile dd:nth-of-type(2){
	float: right;
	margin-top: -1em;
}
.RaceResultYosoList .GensenYosoList .ResultArea{
	background-color: transparent;
	padding: 10px 10px 0 20px;
	display: table-cell;
	width: 100%;
}
.RaceResultYosoList .GensenYosoList .YosokaPoint .PointTxt{
	color: #e3a90d;
	font-size: 100%;
	line-height: 1.4;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	padding: 7px 14px;
	margin: 0 10px 8px;
	position: relative;
}
.RaceResultYosoList .GensenYosoList .YosokaPoint .PointTxt:after,
.RaceResultYosoList .GensenYosoList .YosokaPoint .PointTxt:before{
	top: -12px;
	left: 37px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}
.RaceResultYosoList .GensenYosoList .YosokaPoint .PointTxt:after{
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 8px;
	margin-left: -8px;
}
.RaceResultYosoList .GensenYosoList .YosokaPoint .PointTxt:before{
	border-color: rgba(221, 221, 221, 0);
	border-bottom-color: #ddd;
	border-width: 6px;
	margin-left: -6px;
	left: 36px;
}
.RaceResultYosoList .GensenYosoList .ResultArea .Result{
	float: none;
	border: none;
	width: 100%;
	min-height: auto;
	padding: 0;
	margin-left: 0;
}
.RaceResultYosoList .GensenYosoList .ResultArea .Result .Detail{
	width: 280px;
	padding: 0 0 8px;
	margin-left: auto;
}
.RaceResultYosoList .GensenYosoList .ResultArea .Result table{
	background: #fff;
	border-collapse: collapse;
}
.RaceResultYosoList .GensenYosoList .ResultArea .Result table th{
	font-size: 14px;
	font-weight: normal;
	padding: 7px 0;
	text-align: center;
	background: #f6efdb;
	border-top: 1px solid #dfddd6;
	border-left: 1px solid #dfddd6;
	border-bottom: 1px solid #dfddd6;
	width: 124px;
}
.RaceResultYosoList .GensenYosoList .ResultArea .Result table td{
	font-size: 14px;
	font-weight: bold;
	padding: 7px 15px 7px 7px;
	text-align: right;
	border-top: 1px solid #dfddd6;
	border-right: 1px solid #dfddd6;
	border-bottom: 1px solid #dfddd6;
}

/* 勝負、穴馬マーク */
.RaceResultYosoList .GensenYosoList .BtnArea .PickupRace,
.RaceResultYosoList .GensenYosoList .BtnArea .AnaumaRace{
	position: relative;
	overflow: visible;
}
.RaceResultYosoList .GensenYosoList .BtnArea .PickupRace::after,
.RaceResultYosoList .GensenYosoList .BtnArea .AnaumaRace::after{
	content: '';
	display: block;
	position: absolute;
	top: -15px;
	left: -30px;
	width: 42px;
	height: 94px;
	background-image: url("../img/yoso/flg_sprite_pc_baken.png");
	-webkit-background-size: 172px 323px;
	-moz-background-size: 172px 323px;
	-ms-background-size: 172px 323px;
	-o-background-size: 172px 323px;
	background-size: 172px 323px;
	background-position: 0 0;
	background-repeat: no-repeat;
	-moz-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	transform: rotate(15deg);
	z-index: 10;
}
.RaceResultYosoList .GensenYosoList .BtnArea .PickupRace::after{
	background-position: 0 0;
}
.RaceResultYosoList .GensenYosoList .BtnArea .AnaumaRace::after{
	background-position: -52px 0;
}

/* 厳選予想 - 的中リストスタイル */
.RaceResultYosoList .GensenYosoList .Hit{
	background-color: transparent;
}
.RaceResultYosoList .GensenYosoList .Hit .HitResult{
	/*float: left;
	background: #f5f4f1;
	border: 1px solid #d4d1ca;
	border-radius: 3px;
	margin-left: 8px;
	position: relative;
	width: 402px;
	height: 99px;*/
	background: transparent;
	min-height: 99px;
}
.RaceResultYosoList .GensenYosoList .Hit .HitResult .Detail{
	position: relative;
}
.RaceResultYosoList .GensenYosoList .Hit .HitResult .Detail::after{
	content: '';
	display: inline-block;
	background: url("../img/yoso/stamp_hit.png") no-repeat;
	-webkit-background-size: 77px 77px;
	-moz-background-size: 77px 77px;
	-ms-background-size: 77px 77px;
	-o-background-size: 77px 77px;
	background-size: 77px 77px;
	width: 77px;
	height: 77px;
	position: absolute;
	top: 24px;
	left: -46px;
}
.RaceResultYosoList .GensenYosoList .Hit .HitResult .Balance{
	border: 1px solid #d4d1ca;
	border-top: none;
	margin-bottom: 0;
	padding: 10px 0;
	text-align: right;
}
.RaceResultYosoList .GensenYosoList .Hit .HitResult .Balance dl{
	width: auto;
}
.RaceResultYosoList .GensenYosoList .Hit .HitResult .Balance dl dt{
	width: 40%;
	text-align: center;
}
.RaceResultYosoList .GensenYosoList .Hit .HitResult .Balance dl dt .IconGensen05{
	left: 10px;
}
.RaceResultYosoList .GensenYosoList .Hit .HitResult .Balance dl dd{
	width: 59%;
	padding-right: 4px;
}
.RaceResultYosoList .GensenYosoList .Hit .HitResult table{
	font-size: 92.8%;
	margin-left: auto;
	margin-right: 8px;
	width: 100%;
}

/*==============================================
03.予想家プロフィール .YosokaProfArea01
==============================================*/
.YosokaProfArea01{
	background: #f2f1ec;
}
.YosokaProfHeader01{
	margin-bottom: 28px;
}
.YosokaDataBar01{
	background: #000;
	padding: 8px;
}

span.YosokaLabel01{
	float: left;
	font-size: 128.6%;
	line-height: 34px;
	margin-right: 12px;
	padding-left: 14px;
	color: #55e5b3;
}

span.YosokaLabel01 a{
	color: #55e5b3;
	font-weight: bold;
}

ul.YosokaDataTitle01{
	float: left;
}

ul.YosokaDataTitle01 li{
	float: left;
	line-height: 34px;
	color: #fff;

}

ul.YosokaDataTitle01 li:after{
	content: "\2f";
	color: #fff;
	padding-right: 5px;
}

ul.YosokaDataTitle01 li:last-child:after{
	display: none;
	content: "";
	padding-right: 0x;
}

ul.YosokaDataTitle01 li a{
	color: #fff;
}
.FavUserSam01{
	display: inline-block;
	line-height: 34px;
}

span.UserSamImg01{
	display: inline-block;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 21px;
	height: 21px;
	vertical-align: middle;
	margin-right: 2px;
}

span.UserSamImg01 img{
	width: 21px;
	height: 21px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

span.FavAddTxt01{
	display: inline-block;
	color: #fff;
	line-height: 34px;
	padding-right: 6px;
	font-size: 85.7%;
	/*width: 250px;*/
}


/* 通知設定 */
.FavRegistArea01{
	float: right;
	position: relative;
}
.FavRegistArea01 #favorite_yosoka{
	float: left;
}
.FavRegistArea01 .Side_Btn01{
	width: 85px;
	height: 34px;
	display: inline-block;
}
.FavRegistArea01 .Side_Btn01 a{
	display: block;
	background: #54b84a;
	border-top: 1px solid #aadca5;
	border-bottom: 1px solid #419838;
	border-radius: 3px;
}
.Side_Btn01 a:hover{
	background: #76c66e;
}
.Side_Btn01 span{
	position: relative;
	display: block;
	width: 85px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background-image: url(../img/icon/icon_fav_sending.png);
	background-repeat: no-repeat;
	background-position: 70px 4px;
	background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	-webkit-background-size: 10px 10px;
	-o-background-size: 10px 10px;
	-ms-background-size: 10px 10px;
}
.Side_Btn01 span:before{
	content: "";
	height: 32px;
	width: 0px;
	vertical-align: middle;
	display: inline-block;
}
.Side_Btn01 img{
	width: 16px;
	vertical-align: middle;
}
.FavRegistArea01 p.Side_Btn01.Icon_Close a{
	background: #e6b022;
	border-top: 1px solid #ECBE45;
	border-bottom: 1px solid #C3961E;
}


/*-- 予想家ヘッダービジュアル --*/
.YosokaHeadMain01{
	position: relative;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	height: 260px;
}
.YosokaHeadMain01 .YosokaHeadImg01{
	position: absolute;
	left: 30px;
	top: 104px;
	z-index: 20;
	border: 4px solid #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.YosokaHeadMain01 .YosokaHeadImg01 img{
	display: block;
}
.YosokaProfInfoArea01{
	width: 100%;
	height: 150px;
	position: absolute;
	bottom: 0;
	z-index: 10;
	background-image: -moz-linear-gradient(center top,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.75) 85%);
	background-image: -o-linear-gradient(top,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.75) 85%);
	background-image: -webkit-gradient(linear, left top, left bottom,
			color-stop(0, rgba(0, 0, 0, 0)),
			color-stop(0.8, rgba(0, 0, 0, 0.75)));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#000000')";
	background-image: linear-gradient(to bottom,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.75) 85%);
}
.YosokaProfInfoArea01 .YosokaProfTitle01{
	color: #fff;
	position: absolute;
	left: 224px;
	bottom: 22px;
}
.YosokaProfTitle01 h1.YosokaName01,
.YosokaProfTitle01 h2.YosokaName01{
	display: block;
	font-size: 128.57142857142858%;
	line-height: 28px;
	text-shadow: 1px 1px 1px #000;
	font-weight: bold;
}
.YosokaProfTitle01 span.YosokaNameRoma01{
	display: block;
	font-size: 114.3%;
	color: #e8e8e8;
	line-height: 28px;
	text-shadow: 1px 1px 1px #000;
}
.YosokaProfTitle01 span.YosokaCopy01{
	display: block;
	line-height: 28px;
	text-shadow: 1px 1px 1px #000;
	font-weight: bold;
}
.YosokaHeadData01{
	position: absolute;
	bottom: 16px;
	right: 0;
}
.YosokaHeadData01 dl{
	float: left;
	padding: 4px 30px;
	border-right: 1px solid #b7b7b7;
}
.YosokaHeadData01 dl:last-child{
	border-right: 0 none;
}
.YosokaHeadData01 dl dt{
	font-size: 143%;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.YosokaHeadData01 dl dd{
	font-size: 214.3%;
	color: #26e5b6;
	font-weight: bold;
	text-align: center;
}
.YosokaHeadData01 dl dd span{
	font-size: 80%;
}
.YosokaHeadData01 p.YosokaHeadDataInfo01{
	clear: left;
	color: #e8e8e8;
	line-height: 28px;
	text-align: right;
	padding: 0 12px;
	font-size: 85.7%;
}

/*-- 予想家プロフィール、メディア情報、チャート .YosokaProfInfoBox01 --*/
.YosokaProfInfoBox01{
	padding: 24px 0;
	margin: 0 24px;
	position: relative;
}

/*
.YosokaProfHeader01 + .YosokaProfInfoBox01{
	border-bottom:1px dashed #b5b5b5;
}
.ShowHidden{
	position:relative;
	overflow: hidden;
	height:160px;
	transition: .2s;
}
.ShowHidden:after{
	content: "";
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width: 100%;
	height:14px;
	background-image: -moz-linear-gradient(
				center top,
				rgba(242,241,236,0) 0%,
				rgba(242,241,236,1) 75%);
	background-image: -o-linear-gradient(top,
				rgba(242,241,236,0) 0%,
				rgba(242,241,236,1) 75%);
	background-image: -webkit-gradient(linear,left top,left bottom,
				color-stop(0 , rgba(242,241,236,0)),
				color-stop(0.75 , rgba(242,241,236,1))
				);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f2f1ec', EndColorStr='#f2f1ec')";
	background-image: linear-gradient(to bottom,
				rgba(242,241,236,0) 0%,
				rgba(242,241,236,1) 75%);
}
a.ShowRestBtn01{
	display:inline-block;
	position:absolute;
	left:391px;
	bottom:-15px;
	padding:6px 0;
	width:130px;
	text-align:center;
	background:#fff;
	color:#333;
	font-weight:bold;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border:2px solid #e1e0d9;
}
*/
.YosokaProfTxtArea01{
	float: left;
	width: 594px;
}
.YosokaProfTxtArea01 p{
	line-height: 1.7;
}

/* 地方中央予想誘導 */
.YosokaProfTxtArea01 .YosokaJraInfo,
.YosokaProfTxtArea01 .YosokaNarInfo{
	padding: 10px 10px 13px;
	margin-top: 24px;
}
.YosokaProfTxtArea01 .YosokaJraInfo p,
.YosokaProfTxtArea01 .YosokaNarInfo p{
	float: left;
	width: 340px;
	line-height: 36px;
	font-weight: bold;
	padding-left: 10px;
}
.YosokaProfTxtArea01 .YosokaNarInfo a,
.YosokaProfTxtArea01 .YosokaJraInfo a{
	display: block;
	width: 220px;
	margin: auto;
	padding: 6px 30px;
	text-align: center;
	background: #fff;
	color: #666666;
	border: 2px solid #e1e0d8;
	line-height: 1.2;
	border-radius: 13px;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
}
.YosokaProfTxtArea01 .YosokaNarInfo a:hover,
.YosokaProfTxtArea01 .YosokaJraInfo a:hover{
	text-decoration: none;
	opacity: .8;
}
.auto_buyBox{
	width: 406px;
	margin: auto;
	margin-top: 17px;
}
.auto_buyBox p{
	margin-top: 20px;
	line-height: 1.4;
}

h2.YosoTitle01{
	font-size: 128.6%;
	font-weight: bold;
	margin-bottom: 18px;
	line-height: 1.3;
}
.YosokaProfMediaArea01{
	float: right;
	width: 288px;
}
.YosokaProfMediaArea01 .YosokaMediaWrap{
	background: #e5e4dd;
	padding: 10px;
}
.YosokaProfMediaArea01 .YosokaMediaWrap li{
	margin-bottom: 6px;
}
.YosokaProfMediaArea01 .YosokaMediaWrap li:last-child{
	margin-bottom: 0;
}
.YosokaProfMediaArea01 .YosokaMediaWrap .YosokaMediaBox{
	background: #fff;
	padding: 10px;
	border: 1px solid #d4d3c9;
	position: relative;
}
.YosokaProfMediaArea01 .YosokaMediaWrap li a{
	display: block;
	text-decoration: none;
}
.YosokaProfMediaArea01 .YosokaMediaWrap li a:hover{
	opacity: .8;
}
.YosokaMediaBox .MediaBoxLabel{
	display: block;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #fff;
	line-height: 20px;
	font-size: 78.6%;
	font-weight: bold;
	width: 7em;
	text-align: center;
	margin-bottom: 8px;
}
.Comment .MediaBoxLabel{
	position: relative;
	background: #45a78f;
}
.Comment .MediaBoxLabel:before{
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	background-image: url(../img/icon/icon_yosoka_media.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 12px 12px;
	-moz-background-size: 12px 12px;
	-webkit-background-size: 12px 12px;
	-o-background-size: 12px 12px;
	-ms-background-size: 12px 12px;
	margin-right: 4px;
}
.Comment .MediaBoxLabel{
	background: #45a78f;
}
.MediaInfo .MediaBoxLabel{
	background: #6c6b61;
}
.SNSInfo .MediaBoxLabel{
	background: #6668aa;
}
.YosokaMediaBox .MediaBoxTxt{
	font-size: 85.7%;
	line-height: 1.6;
	word-wrap: break-word;
	word-break: break-all;
	color: #333;
}
.YosokaMediaBox .CommentUpTime{
	font-size: 85.7%;
	color: #888;
	position: absolute;
	right: 10px;
	top: 10px;
	line-height: 20px;
}
.YosokaMediaBox .YosokaMediaImgBox{
	width: 61px;
	height: 61px;
	float: right;
	margin-left: 20px;
}
.YosokaMediaBox .YosokaMediaImgBox img{
	display: block;
	margin: auto;
	max-height: 61px;
	max-width: 61px;
}

h2.YosoTitle02{
	font-weight: bold;
	margin-bottom: 14px;
}
.YosokaResultsChartArea01{
	width: 578px;
	height: 300px;
	float: left;
	background: #fff;
	padding: 14px;
}

#Chart_Result{
	height: 246px;
}
.YosokaSpiderArea01{
	width: 310px;
	height: 300px;
	float: right;
	background: #fff;
}
.YosokaSpiderArea01 h2.YosoTitle02{
	margin: 14px 14px 7px;
}
.YosokaSpiderArea01 .Chart_SpiderArea{
	width: 246px;
	height: 256px;
	margin: auto;
	padding-top: 10px;
	position: relative;
}
.YosokaSpiderArea01 .Chart_SpiderArea #Chart_Spiderweb{
	width: 246px;
	height: 246px;
	margin: auto;
}
.YosokaSpiderArea01 .Chart_SpiderArea span{
	position: absolute;
	display: inline-block;
	z-index: 1;
	font-weight: bold;
	color: #909090;
	font-size: 100%;
}
.YosokaSpiderArea01 .Chart_SpiderArea span.SpiderAxis01{
	top: 4px;
	left: 50%;
	margin-left: -1.5em;
}
.YosokaSpiderArea01 .Chart_SpiderArea span.SpiderAxis02{
	top: 70px;
	right: 0;
}
.YosokaSpiderArea01 .Chart_SpiderArea span.SpiderAxis03{
	top: 227px;
	right: 40px;
}
.YosokaSpiderArea01 .Chart_SpiderArea span.SpiderAxis04{
	top: 227px;
	left: 40px;
}
.YosokaSpiderArea01 .Chart_SpiderArea span.SpiderAxis05{
	top: 70px;
	left: -1.0em;
}


/* ツールチップ */
.YosokaSpiderArea01 .ToolTip01{
	position: relative;
}
.YosokaSpiderArea01 .ToolTip01 a{
	display: inline-block;
	background-image: url("../img/icon/icon_yoso_guestion01.png");
	background-position: left center;
	background-repeat: no-repeat;
	-webkit-background-size: 14px 14px;
	-moz-background-size: : 14px 14px;
	-ms-background-size: : 14px 14px;
	-o-background-size: 14px 14px;
	background-size: 14px 14px;
	margin-left: 4px;
	font-size: 85.7%;
	line-height: 1.6;
	position: relative;
	z-index: 100;
	width: 14px;
	height: 14px;
	vertical-align: middle;
}
.YosokaSpiderArea01 .ToolTip01 span.TipInfo01{
	display: block;
	position: absolute;
	z-index: 50;
	right: -150px;
	top: -80px;
	width: 300px;
	padding: 12px;
	color: #222;
	background: #ede1b4;
	border: 2px solid #d5c288;
	border-radius: 4px;
	line-height: 1.6;
	font-weight: normal;
}
.YosokaSpiderArea01 .ToolTip01 .TipInfo01:after{
	width: 100%;
	content: "";
	display: block;
	position: absolute;
	left: -304px;
	top: 80px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #ede1b4 transparent transparent;
}
.YosokaSpiderArea01 .ToolTip01 .TipInfo01:before{
	width: 100%;
	content: "";
	display: block;
	position: absolute;
	left: -307px;
	top: 80px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #d5c288 transparent transparent;
}


/*==============================================
お気に入りモーダル(18.04.16)
==============================================*/
/*ポップアップ用設定*/
#cboxWrapper .Bookmark_Popup_Box{
	font-size: 1.4em;
}

#cboxWrapper .Bookmark_Popup_Box{
	background: #fff;
	position: relative;
	padding-bottom: 8px;
}
.Bookmark_Popup_Box .Front_Title{
	padding: 0;
	font-size: 128.6%;
	background-color: #eee;
	background-image: none;
	margin: 0;
}
.Bookmark_Popup_Box .Front_Title h2{
	padding: 8px;
	border: none;
	line-height: 1.6;
	font-weight: bold;
}
.Bookmark_Popup_Box p{
	padding: 8px 16px;
	line-height: 1.4;
	font-size: 100%;
}
.RegistBtn_OrderBox{
	display: block;
	margin: 0 16px 11px 16px;
}
.RegistBtn_OrderBox .ex-btn01.btn_order{
	display: block;
	width: 100%;
	margin: 0;
}
.Bookmark_Popup_Box .btn_order{
	display: block;
	margin: 0 16px 11px 16px;
	color: #fff;
	background-color: #ccc;
	box-shadow: 0 4px 0 #aaa;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 16px 0;
	text-align: center;
	font-size: 128.6%;
	font-weight: bold;
	text-shadow: 1px 1px 0 #aaa;
}
.ex-btn01{
	background-color: #FF9C39 !important;
	box-shadow: 0 4px 0 #FF8204 !important;
	text-shadow: 1px 1px 0 #333 !important;
	border: none;
}
.ex-btn02{
	background-color: #999 !important;
	box-shadow: 0 4px 0 #555 !important;
	text-shadow: 1px 1px 0 #333 !important;
	border: none;
}
.Bookmark_Popup_Box button.btn_order:hover,
.Bookmark_Popup_Box a.btn_order:hover{
	text-decoration: none;
	opacity: .8;
}



/* 予想家厳選セクション - 日付tab */
.TypeJraYoso .Tab_RaceDaySelect .Tab .Active,
.TypeJraYoso .Tab_RaceDaySelect .Tab .Active a{
	background: #d7dfe4;
	border-color: #d7dfe4;
}
.TypeNarYoso .Tab_RaceDaySelect .Tab .Active,
.TypeNarYoso .Tab_RaceDaySelect .Tab .Active a{
	background: #e0d1be;
	border-color: #e0d1be;
}

/* 予想家厳選セクション */
.Yosoka_GensenSection{
	background: #e5e4dd;
}

/* 予想家厳選セクション - 詳細成績 */
.YosokaReport{
	padding: 10px;
	margin-top: -10px;
	background: #f5f4f1;
}
.YosokaReport .ReportTitle{
	background: #6c6b61;
	color: #fff;
	font-size: 85.7%;
	font-weight: bold;
	padding: 10px 15px;
	letter-spacing: 1px;
}
.YosokaReport .ReportTitle .SatColor{
	color: #4da0cf;
}
.YosokaReport .ReportTitle .SunColor{
	color: #eb7a7a;
}
.ReportDetail{
	width: 100%;
	background: #fff;
	table-layout: fixed;
}
.ReportDetail .Header{
	background: #f2f1ec;
	border-top: 1px solid #E5E4DC;
}
.ReportDetail .Header th{
	color: #85847c;
	font-weight: bold;
	text-align: center;
	padding: 14px 0;
	letter-spacing: 1px;
}
.ReportDetail .Header th{
	border-left: 1px solid #d0cfc7;
	border-bottom: 1px solid #d0cfc7;
}
.ReportDetail .Header th:last-child{
	border-right: 1px solid #d0cfc7;
}
.ReportDetail .Header .Balance{
	background: #d7f5d6;
	color: #38b138;
}
.ReportDetail .List td{
	font-weight: bold;
	color: #333;
	text-align: center;
	padding: 15px 0;
}
.ReportDetail .List td{
	border-left: 1px solid #d0cfc7;
	border-bottom: 1px solid #d0cfc7;
}
.ReportDetail .List td:last-child{
	border-right: 1px solid #d0cfc7;
}
.ReportDetail .List .Plus{
	color: #48bf48;
}
.ReportDetail .List .Negative{
	color: #333;
}


/* 予想家厳選セクション - 場別 */
.Tab_RaceJyoSelect{
	vertical-align: middle;
	width: 100%;
	background: #d7dfe4;
	padding-left: 12px;
}
.Tab_RaceJyoSelect .jyo_tab{
	display: table;
	width: 100%;
	border-spacing: 8px 0;
	border-collapse: separate;
}
.Tab_RaceJyoSelect .jyo_tab[class*="Col"]{
	padding-top: 10px;
}
.Tab_RaceJyoSelect .jyo_tab li{
	display: table-cell;
	background: #b4c5d2;
	border-radius: 4px 4px 0 0;
	width: 12.5%;
	height: 100%;
}
.Tab_RaceJyoSelect .jyo_tab li.Active{
	background: #f5f4f1;
}
.Tab_RaceJyoSelect .jyo_tab li a{
	display: block;
	color: #333;
	font-size: 121%;
	padding: 13px 0 10px;
	text-align: center;
	cursor: pointer;
	height: 100%;
}
.Tab_RaceJyoSelect .jyo_tab li.Active a{
	font-weight: bold;
}
.Tab_RaceJyoSelect .jyo_tab li a:hover{
	text-decoration: none;
	background: #e5e4dd;
}
.Tab_RaceJyoSelect ul.Col2 li{
	width: 45%;
}
.Tab_RaceJyoSelect ul.Col2 li.Active{
	width: 55%;
}
.Tab_RaceJyoSelect ul.Col3 li{
	width: 30%;
}
.Tab_RaceJyoSelect ul.Col3 li.Active{
	width: 40%;
}
.Tab_RaceJyoSelect ul.Col4 li{
	width: 24%;
}
.Tab_RaceJyoSelect ul.Col4 li.Active{
	width: 28%;
}
.Tab_RaceJyoSelect ul.Col5 li{
	width: 19%;
}
.Tab_RaceJyoSelect ul.Col5 li.Active{
	width: 24%;
}
.Tab_RaceJyoSelect ul.Col6 li{
	width: 16%;
}
.Tab_RaceJyoSelect ul.Col6 li.Active{
	width: 20%;
}
.Tab_RaceJyoSelect ul.Col7 li{
	width: 14%;
}
.Tab_RaceJyoSelect ul.Col7 li.Active{
	width: 16%;
}
.Tab_RaceJyoSelect ul.Col1 li.Active{
	width: 55%;
}


/* 予想家厳選セクション - 厳選予想 */
/* .YosokaGensenList{
	padding: 0 10px 10px;
} */
.TypeJraYoso .YosokaProf .YosoGensenList{
	padding: 10px;
	background: #d7dfe4;
}
.TypeNarYoso .YosokaProf .YosoGensenList{
	padding: 10px;
	background: #e0d1be;
}
.TypeJraYoso .YosokaProf .Loader_Horse{
	text-align: center;
	background: #fff;
	border: 20px solid #d7dfe4;
	border-top: 0 none;
	padding: 20px;
}
.TypeNarYoso .YosokaProf .Loader_Horse{
	text-align: center;
	background: #fff;
	border: 20px solid #e0d1be;
	border-top: 0 none;
	padding: 20px;
}
.TypeJraYoso .Tab_RaceJyoSelect[style*="display: none;"]+#yoso_view .Loader_Horse{
	border-top: 10px solid #d7dfe4;
}
.TypeNarYoso .Tab_RaceJyoSelect[style*="display: none;"]+#yoso_view .Loader_Horse{
	border-top: 10px solid #e0d1be;
}
.TypeJraYoso .YosokaProf .Schedule_Infomation_Box{
	font-size: 120%;
	padding: 30px 20px 20px;
	background: #d7dfe4;
}
.TypeNarYoso .YosokaProf .Schedule_Infomation_Box{
	font-size: 120%;
	padding: 30px 20px 20px;
	background: #e0d1be;
}
.TypeJraYoso .YosokaProf .Yosoka_GensenSection{
	background: #d7dfe4;
}
.TypeNarYoso .YosokaProf .Yosoka_GensenSection{
	background: #e0d1be;
}
.YosokaProf .YosoGensenList .GensenYoso{
	background: #f5f4f1;
	padding: 22px 9px 8px;
}
.TypeJraYoso .GensenYoso .YosoListHeader .GensenYosoTitle span.TypeJraMark01,
.TypeNarYoso .GensenYoso .YosoListHeader .GensenYosoTitle span.TypeNarMark01{
	display: inline-block;
	font-size: 80.1%;
	color: #fff;
	border-radius: 3px;
	margin: 0 10px;
	text-align: center;
	width: 50px;
	line-height: 30px;
}
.TypeJraYoso .GensenYoso .YosoListHeader .GensenYosoTitle span.TypeJraMark01{
	background: #364ec3;
}
.TypeNarYoso .GensenYoso .YosoListHeader .GensenYosoTitle span.TypeNarMark01{
	background: #bf552e;
}
.GensenYosoList .YosoRace{
	padding: 13px 12px 13px 24px;
}
.GensenYosoList .YosoRace .Jyo,
.GensenYosoList .YosoRace .Name{
	font-size: 128.6%;
	font-weight: bold;
}
.GensenYosoList .YosoRace .Time{
    display: block;

    padding-top: 5px;
    color: #666;
}
.GensenYosoList .YosoRace .Num{
	display: inline-block;
	background: #496bbf;
	border-radius: 3px;
	color: #fff;
	font-size: 128.6%;
	font-weight: bold;
	margin: 0 4px;
	padding: 7px 0;
	text-align: center;
	width: 58px;
}

/*==============================================
04.予想詳細 .YosoDetail
==============================================*/

/*==============================================
予想詳細内 .YosoDetail 2017.9.29
==============================================*/
.YosoShirushiTable01{
	margin-bottom: 18px;
}

/* 予想詳細レース結果 */
.YosoDetailKaimeWrap .YosoDetail_LeftArea{
	width: 388px;
	float: left;
}
.YosoDetailKaimeWrap .RaceResultTitle{
	background: #e6e4df;
	border: 1px solid #d1cec7;
	border-bottom: 0 none;
	color: #333;
	font-size: 128.6%;
	font-weight: bold;
	padding: 12px 0;
	text-align: center;
}
.YosoDetailKaimeWrap .RaceResultBox{
	width: 100%;
	float: none;
	margin-bottom: 26px;
}
.YosoDetailKaimeWrap .RaceResultTable{
	margin-bottom: 0;
}
.YosoDetailKaimeWrap .RaceResultTable tr:nth-child(n+4){
	display: none;
}
.YosoDetailKaimeWrap .RaceResultTable tr th{
	border-top: 1px solid #bbb7ac;
}
.RaceResultTable .Header .shirushi,
.RaceResultTable .List .shirushi{
	width: 35px;
}
.YosoDetailKaimeWrap .RaceResult_Footer{
	background: #e6e4df;
	padding: 10px 16px;
}
.YosoDetailKaimeWrap .RaceResult_Footer a{
	cursor: pointer;
}
.YosoDetailKaimeWrap .RaceResult_Footer a:hover{
	cursor: pointer;
	text-decoration: underline;
	opacity: 1;
}
.YosoDetailKaimeWrap .RaceResultBtn{
	display: block;
	background: #FFF;
	background-image: none;
	border-radius: 5px;
	box-shadow: none;
	color: #444;
	font-size: 114%;
	font-weight: bold;
	padding: 14px 0;
	position: relative;
	text-align: center;
	border: 2px solid #d1cec7;
}

/*==============================================
↑↑ココマデ 予想詳細内 . 2017.9.29
==============================================*/
.YosoDetail{}
.YosoTxtBox01{
	text-align: center;
	padding: 50px 0 54px;
}
.YosoTxtBox01 .AfterPurchaseBox{
	padding: 60px 0 50px;
}
.YosoBtn02{
	padding: 12px 0 0;
}
.YosoBtn02 a{
	display: block;
	width: 480px;
	height: 49px;
	line-height: 49px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #72bd61;
	color: #fff;
	-moz-box-shadow: 0px 2px 0px #4a9d37;
	-webkit-box-shadow: 0px 2px 0px #4a9d37;
	box-shadow: 0px 2px 0px #4a9d37;
	font-weight: bold;
	font-size: 115%;
	min-height: 1.5em;
	border-style: solid;
	border-width: 0;
	margin: auto;
}
.YosoBtn02+p{
	font-size: 90%;
	padding-top: 15px;
}

p.YosoTxt01,
h2.YosoTxt01{
	font-size: 200%;
	margin-bottom: 16px;
}

p.YosoTxt02 a{
	color: #7b7b7b;
}
.AfterPurchaseBox p.YosoTxt02{
	font-size: 172%;
	margin-bottom: 16px;
}
.YosoDetailArea01{
	background: #f5f4f1;
	padding: 30px;
}
.YosoDetailArea01+.nk_AdvBox_sp_01{
	margin-top: 26px;
}
.YosoDetailKaime{
	margin-bottom: 26px;
}
.YosoDetailKaime p,
.YosoDetailKaime h2{
	text-align: center;
}

h2.YosoTxt01 span.RaceNum{
	font-size: 64.3%;
	display: inline-block;
	color: #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #506bc3;
	padding: 0 5px;
	line-height: 1.56;
	font-weight: bold;
	vertical-align: 5px;
	margin-right: 8px;
	margin-left: 10px;
}

p.YosoTxt03{
	font-size: 157.2%;
	padding: 14px 0;
}

/*==============================================
予想家ページ・タイトル部分 (2017.11.20)
==============================================*/
.YosoDetailArea01 .YosoDetailKaime p.YosoTxt03{
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", 'ヒラギノ角ゴ Pro W3', arial, "Hiragino Kaku Gothic ProN", sans-serif;
	padding: 9px 0 3px;
}
.YosoDetailArea01 .YosoDetailKaime .RaceDataBoxpc{
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", 'ヒラギノ角ゴ Pro W3', arial, "Hiragino Kaku Gothic ProN", sans-serif;
	display: table;
	margin: 0 auto 29px;
}
.YosoDetailArea01 .YosoDetailKaime .RaceDataBoxpc .RaceNum{
	display: table-cell;
	vertical-align: middle;
}
.YosoDetailArea01 .YosoDetailKaime .RaceDataBoxpc .RaceNum span{
	display: inline-block;
	background: #4b6abb;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(42, 72, 146, 1);
	color: #fff;
	font-size: 228.5%;
	font-weight: bold;
	padding: 21px 0 19px;
	text-align: center;
	width: 72px;

}
.YosoDetailArea01 .YosoDetailKaime .RaceDataBoxpc h2{
	text-align: left;
}
.YosoDetailArea01 .YosoDetailKaime .RaceDataBoxpc dl{
	padding: 10px 0 0 22px;
	display: table-cell;
	vertical-align: middle;
}
.YosoDetailArea01 .YosoDetailKaime .RaceDataBoxpc dl dt{
	margin-bottom: 7px;
}
.YosoDetailArea01 .YosoDetailKaime .RaceDataBoxpc dl dt h2{
	font-size: 228.5%;
	font-weight: bold;
}
.YosoDetailArea01 .YosoDetailKaime .RaceDataBoxpc dl dd{
	color: #333;
	font-size: 114.3%;

}

/*-- 印テーブル --*/
table.YosoShirushiTable01{
	width: 388px;
	float: left;
}

table.YosoShirushiTable01 caption,
table.YosoKaimeTable01 caption,
table.YosoRefundTable01 caption{
	background: #e6e4df;
	text-align: center;
	font-weight: bold;
	font-size: 128.6%;
	padding: 12px;
	border: 1px solid #d1cec7;
	border-bottom: 0 none;
}

table.YosoShirushiTable01 tbody th{
	font-size: 114.5%;
	background: #f5f4f1;
	vertical-align: middle;
	border: 1px solid #d1cec7;
	text-align: center;
	width: 46px;
}

table.YosoShirushiTable01 tbody td{
	font-size: 114.5%;
	vertical-align: middle;
	background: #fff;
	border: 1px solid #d1cec7;
	line-height: 36px;
	padding: 5px;
	font-weight: bold;
}
table tbody tr.Torikeshi,
table tbody tr.Torikeshi th,
table.YosoShirushiTable01 tbody tr.Torikeshi td,
table tbody tr.Torikeshi td.shirushi,
table tbody tr.Torikeshi td.HorseName,
table tbody tr.Torikeshi td.Odds{
	background: #efefef;
}
table.YosoShirushiTable01 tbody td span.fwN{
	padding-left: 6px;
}

/*-- 枠番 --*/
table.YosoShirushiTable01 tbody td span.Num{
	display: inline-block;
	width: 36px;
	line-height: 36px;
	text-align: center;
	font-weight: bold;
	margin-right: 10px;
}

table.YosoShirushiTable01 tbody td span.Waku1{
	border: 1px solid #d1cec7;
	width: 34px;
	line-height: 34px;
}

/*-- ↓race_yoso.cssより引用（なので、統合する場合削除） --*/
.Waku1{
	background: #fff;
	color: #333;
}
.Waku2{
	background: #333;
	color: #fff;
}
.Waku3{
	background: #dc3c3c;
	color: #fff;
}
.Waku4{
	background: #2c53a9;
	color: #fff;
}
.Waku5{
	background: #e4ca3b;
	color: #fff;
}
.Waku6{
	background: #58af4a;
	color: #fff;
}
.Waku7{
	background: #de8a26;
	color: #fff;
}
.Waku8{
	background: #dc6179;
	color: #fff;
}


/*-- 買い目テーブル --*/
table.YosoKaimeTable01{
	width: 494px;
	float: right;
}

table.YosoKaimeTable01 thead th,
table.YosoRefundTable01 thead th{
	background: #d1cec7;
	text-align: center;
	font-weight: bold;
	border: 1px solid #bbb7ac;
	padding: 11px 0;
}

table.YosoKaimeTable01 tbody th{
	font-size: 114.5%;
	background: #f5f4f1;
	vertical-align: middle;
	border: 1px solid #d1cec7;
	border-top: 0 none;
	padding-left: 18px;
	font-weight: bold;
}

body.Yoso table.YosoKaimeTable01 tbody tr.HitBaken th{
	font-size: 114.5%;
	background: #ffe7e7;
	vertical-align: middle;
	border: 1px solid #f8b1b1;
	padding-left: 18px;
	font-weight: bold;
	color: #ea5050;
}

table.YosoKaimeTable01 tbody th span.BakenSystemTxt{
	font-size: 87.4%;
	padding-left: 10px;
	font-weight: normal;
}

table.YosoKaimeTable01 tbody td{
	vertical-align: middle;
	background: #fff;
	border: 1px solid #d1cec7;
	border-top: 0 none;
	padding: 10px 15px;
}

body.Yoso table.YosoKaimeTable01 tbody tr.HitBaken td{
	border: 1px solid #f8b1b1;
}

table.YosoKaimeTable01 tbody tr:last-child th,
table.YosoKaimeTable01 tbody tr:last-child td{
	border-bottom: 1px solid #bbb7ac;
}

table.YosoKaimeTable01 tbody td .BakenNumSelect{
	position: relative;
	padding-bottom: 10px;
	border-bottom: 1px dashed #b5b5b5;
}
.BakenNumSelect span{
	display: inline-block;
	width: 1.75em;
	line-height: 1.75;
	text-align: center;
	border: 1px solid #ddd;
	margin: 0 6px 2px 0;
}
.BakenNumSelect dl+dl{
	margin-top: 6px;
}
.BakenNumSelect dl dt{
	width: 2.8em;
	float: left;
	line-height: 1.75;
	position: relative;
	font-weight: bold;
}
.BakenNumSelect dl dt:after{
	content: "\3a";
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
}
.BakenNumSelect dl dd{
	padding-left: 3.5em;
}
.BakenMoney{
	padding: 10px 0 0;
}
.BakenMoney span.BuyPatern{
	display: block;
}
.BakenMoney span.BakenRefund{
	margin-top: 6px;
	display: block;
}
.BakenMoney span.BakenRefund strong{
	color: #ea5050;
}

table.YosoKaimeTable01 tfoot th{
	font-size: 114.5%;
	background: #d1cec7;
	vertical-align: middle;
	border: 1px solid #bbb7ac;
	border-top: 0 none;
	padding: 17px 18px;
	font-weight: bold;
}

table.YosoKaimeTable01 tfoot td{
	font-size: 143%;
	background: #f5f4f1;
	vertical-align: middle;
	border: 1px solid #bbb7ac;
	border-top: 0 none;
	padding: 17px 18px;
	font-weight: bold;
	text-align: right;
}
.YosoSend_Btn{
	padding: 24px;
}

body.Yoso a.YosoBtn01{
	display: block;
	background: #e5a221;
	background-image: -webkit-gradient(linear,
			left top,
			left bottom,
			color-stop(0, #eeb72d),
			color-stop(1, #dfa300));
	background-image: -o-linear-gradient(bottom, #eeb72d 0%, #dfa300 100%);
	background-image: -moz-linear-gradient(bottom, #eeb72d 0%, #dfa300 100%);
	background-image: -webkit-linear-gradient(bottom, #eeb72d 0%, #dfa300 100%);
	background-image: -ms-linear-gradient(bottom, #eeb72d 0%, #dfa300 100%);
	background-image: linear-gradient(to bottom, #eeb72d 0%, #dfa300 100%);
	box-shadow: 0 3px 0 rgba(212, 146, 21, 1), inset 0 -1px rgba(231, 188, 85, 1);
	color: #fff;
	padding: 18px 0;
	text-align: center;
	font-weight: bold;
	font-size: 128.6%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 434px;
	margin: auto;
}

body.Yoso a.YosoBtn01:hover{
	opacity: .8;
	text-decoration: none;
}

table.YosoKaimeTable01 tbody tr.HitBaken td .BakenNumSelect:after{
	content: '';
	display: inline-block;
	background: url("../img/yoso/stamp_hit.png") no-repeat;
	-webkit-background-size: 77px 77px;
	-moz-background-size: 77px 77px;
	-ms-background-size: 77px 77px;
	-o-background-size: 77px 77px;
	background-size: 77px 77px;
	width: 77px;
	height: 77px;
	position: absolute;
	top: -4px;
	right: -10px;
}

/*-- 買い目払い戻しテーブル table.YosoRefundTable01 --*/
table.YosoRefundTable01{
	float: right;
	width: 494px;
	margin: 18px 0 30px;
}

table.YosoRefundTable01 tbody td{
	font-size: 143%;
	font-weight: bold;
	vertical-align: middle;
	background: #fff;
	border: 1px solid #d1cec7;
	border-top: 0 none;
	padding: 17px 18px;
	text-align: right;
}

table.YosoRefundTable01 tbody td.RefundCell_01{
	background: #d7f5d6;
	color: #38b138;
	border: 1px solid #8ac58a;
	border-top: 0 none;
}

/*-- 予想の見解エリア .YosoDetailKenkai --*/
.YosoDetailKenkai{
	background: #e5e4dd;
	margin-bottom: 16px;
}
.YosokaKenkaiBar01{
	background: #000;
	padding: 8px 8px 8px 22px;
}
.YosokaKenkaiBar01 h2.YosokaKenkaiBarTitle{
	float: left;
	color: #fff;
	font-size: 114.5%;
	background-image: url(../img/icon/icon_yosoka_kenkai.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 26px 29px;
	-moz-background-size: 26px 29px;
	-webkit-background-size: 26px 29px;
	-o-background-size: 26px 29px;
	-ms-background-size: 26px 29px;
	padding-left: 36px;
	line-height: 34px;
}
.YosokaKenkaiBar01 .GoodArea01{
	float: right;
}
.GoodUserSam01{
	display: inline-block;
	line-height: 34px;
}

span.GoodTxt01{
	display: inline-block;
	color: #fff;
	line-height: 34px;
	padding-right: 6px;
	font-size: 85.7%;
}

span.GoodBtn01{
	display: inline-block;
	width: 140px;
	height: 34px;
}

span.GoodBtn01 a{
	display: block;
	background: #23afee;
	color: #fff;
	border-top: 1px solid #65c7f3;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

span.GoodBtn01 a:hover{
	background: #6bc3eb;
	text-decoration: none;
}

span.GoodBtn01 span{
	position: relative;
	display: block;
	width: 140px;
	line-height: 33px;
	text-align: center;
}

span.GoodBtn01 span:after{
	content: "";
	display: inline-block;
	width: 16px;
	height: 15px;
	background-image: url(../img/icon/icon_good_01.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 16px 15px;
	-moz-background-size: 16px 15px;
	-webkit-background-size: 16px 15px;
	-o-background-size: 16px 15px;
	-ms-background-size: 16px 15px;
	vertical-align: -1px;
}

/*-- 買い目設定ボタン --*/
#set_kaime_data{
	width: 405px;
	height: 40px;
	padding: 0;
	line-height: 40px;
	font-size: 15px;
	box-shadow: none;
	background: #dd5e56;
}

/*-- 予想自動購入 --*/
.auto_purchase{
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
}
.auto_purchase h2{
	font-size: 16px;
	color: #3a3a3a;
	font-weight: bold;
}
.auto_purchase p{
	margin-top: 10px;
	font-size: 18px;
	color: #3a3a3a;
}
.auto_purchase button.auto_buy{
	width: 45.11%;
	display: block;
	margin: auto;
	margin-top: 10px;
	background: #dba441;
	color: #fff;
	box-shadow: none;
}
.auto_purchase .Txt2{
	font-size: 15px;
	font-weight: bold;
}
.auto_purchase.cancel{
	background: none;
	padding-top: 10px;
}
.auto_purchase.cancel button{
	box-shadow: none;
}

/*-- 予想自動購入 ポイント不足 --*/
.auto_purchase .MyPointDataBox{
	border: none;
	padding: 0;
}
.auto_purchase .MyPointDataBox .PointAreaWrap .PointAreaTxtBox{
	margin: 30px 0;
	display: flex;
	border: 1px solid #d1cec7;
}
.auto_purchase .MyPointAreaTitle{
	background: #e6e4df;
	text-align: center;
	font-size: 114.5%;
	font-weight: bold;
	border-right: 1px solid #d1cec7;
	padding: 0;
	height: 48px;
	line-height: 48px;
	width: 350px;
	color: #222;
}
.auto_purchase .MyPointAreaTitle:before,
.auto_purchase .MyPointAreaTitle:after{
	display: none;
}
.auto_purchase .MyPointDataBox .PointData{
	line-height: 48px;
	padding-right: 20px;
	-webkit-flex: 1;
	flex: 1;
	text-align: right;
	font-size: 114.5%;
	vertical-align: middle;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.auto_purchase .MyPointDataBox .PointData .PointNum{
	font-size: 137.3%;
	color: #3951b5;
	font-weight: bold;
}
.auto_purchase .MyPointDataBox .PointAddBtn01{
	width: 225px;
	margin-right: 5px;
}
.auto_purchase .MyPointDataBox .PointAddBtn01 a.YosoBtn01{
	height: 36px;
	line-height: 36px;
	padding: 0 !important;
	font-size: 114.29% !important;
}

/*-- 予想バイブル --*/
button[id^="rec_bible"].StateBtn.State1{
	background: #f15d69;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff8993), color-stop(1, #ea4d59));
	-webkit-box-shadow: 0 3px 0 #e24754, inset 0 -1px #f77681;
	box-shadow: 0 3px 0 #e24754, inset 0 -1px #f77681;
}
button[id^="rec_bible"].StateBtn.State1 .Point em{
	font-size: 14px;
	display: block;
	padding-bottom: 4px;
}
.PurchaseInfo{
	background-color: #fff;
	border-radius: 3px;
	padding: 30px 0 20px;
	font-size: 100%;
	color: #757575;
	margin-top: 41px;
	text-align: center;
	border: 1px solid #ccc;
}
.PurchaseInfo p{
	line-height: 1.3;
}
.PurchaseInfo .remain{
	margin-top: 10px;
	color: #444;
}
.PurchaseInfo .remain em{
	font-size: 126.6665%;
	font-weight: bold;
	padding: 0 6px;
}
.PurchaseInfo .remain + a{
	margin-top: 10px;
}
.PurchaseInfo a{
	display: block;
	width: 406px;
	margin: 0 auto;
	font-size: 114.286%;
	font-weight: bold;
	text-align: center;
	background: #e5a221;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eeb72d), to(#dfa300));
	background-image: linear-gradient(to bottom, #eeb72d 0%, #dfa300 100%);
	-webkit-box-shadow: 0 3px 0 rgba(212, 146, 21, 1), inset 0 -1px rgba(231, 188, 85, 1);
	box-shadow: 0 3px 0 rgba(212, 146, 21, 1), inset 0 -1px rgba(231, 188, 85, 1);
	color: #fff;
	padding: 13px 0;
	border-radius: 3px;
}
.PurchaseInfo a em{
	font-size: 126.6665%;
	padding: 0 4px;
	font-weight: bold;
}

/*-- バイブル　履歴へのリンク　--*/
.Bible_backnumber{
	padding: 70px 0 0;
}
.Bible_backnumber .history{
	text-align: center;
}
.Bible_backnumber  a{
	display: block;
}
.Bible_backnumber .history a{
	display: inline-block;
	margin-top: 7px;
	color:#0033aa;
	text-decoration: underline;
}
@media only screen and (max-width: 374px){
	.Bible_backnumber .history{
		line-height: 1.71em;
	}
	.Bible_backnumber .history br.sp{
		display: block;
	}
}
.Bible_backnumber .backnumber{
	margin-top: 32px;
	line-height: 1.71em;
	letter-spacing: -.2px;
}
.Bible_backnumber .backnumber a{
	text-align: center;
	color:#fff;
	font-weight: bold;
	height: 46px;
	line-height: 46px;
	max-width: 335px;
	margin:10px auto 0;
	background-color: #afafaf;
	border-radius: 4px;
}


/*-- 予想の見解本文 --*/
.YosoKenkaiTxtBox{
	width: 614px;
	background: #fff;
	padding: 30px;
	float: left;
	min-height: 470px;
}
.YosoKenkaiTxtBox h2.YosoKenkaiTitle{
	font-size: 158%;
	font-weight: bold;
	margin-bottom: 30px;
}
.YosoKenkaiTxtBox h2.YosoKenkaiTitle.opinion{
	text-align: center;
	line-height: 1.5;
}
.YosoKenkaiTxtBox h2.YosoKenkaiTitle.opinion+.auto_yosoContent-button{
	background-image: none;
	box-shadow: none;
	width: 180px;
	margin: auto;
	text-align: center;
	line-height: 1.5;
}
.YosoKenkaiTxtBox .YosoKenkaiTxt{
	font-size: 114.5%;
	line-height: 1.6;
}
.YosoKenkaiTxtBox .YosoKenkaiTxt > p{
    line-height: 1.6;
    min-height: 1.6em;
}
.YosoKenkaiTxtBox .YosoKenkaiTxt .YosoPhotoBlock01{
	margin: 12px auto;
	width: 554px;
	max-height: 554px;
	text-align: center;
}
.YosoKenkaiTxtBox .YosoKenkaiTxt .YosoPhotoBlock01 img{
	display: block;
	margin: auto;
	max-width: 554px;
	max-height: 554px;
}

/*-- 予想の見解本文追加バナー(17.09.29) --*/
.YosoKenkai_BnrArea{
	text-align: center;
	margin-top: 14px;
}
.YosoDetailArea01 .YosoKenkai_BnrArea{
	margin-top: 34px;
}
.YosoKenkai_BnrArea img{
	display: block;
	margin: auto;
	width: 408px;
}
.YosoKenkai_BnrArea a:hover img{
	opacity: .8;
}
.YosoKenkai_BnrArea>p{
	margin: 6px auto;
	font-size: 14px;
}

/*動画*/
.kenkai_movie{
	 position: relative;
  width: 100%;
  max-width: 500px;
  padding-top: 56.25%;
  margin: auto;
}
.kenkai_movie iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*-- 予想詳細 - 予想家紹介右カラム --*/
.YosokaProfSubArea01{
	width: 286px;
	float: right;
}
.YosokaProfSubArea01 .YosokaLinkBtn01{
	margin-top: 12px;
}
.YosokaHeadMain02{
	position: relative;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 260px;
}
.YosokaHeadMain02 .YosokaProfInfoArea02{
	padding-top: 22px;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-image: -moz-linear-gradient(center top,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0) 53%,
			rgba(0, 0, 0, 0.75) 90%);
	background-image: -o-linear-gradient(top,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0) 53%,
			rgba(0, 0, 0, 0.75) 90%);
	background-image: -webkit-gradient(linear, left top, left bottom,
			color-stop(0, rgba(0, 0, 0, 0)),
			color-stop(0.53, rgba(0, 0, 0, 0)),
			color-stop(0.9, rgba(0, 0, 0, 0.75)));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#000000')";
	background-image: linear-gradient(to bottom,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0) 53%,
			rgba(0, 0, 0, 0.75) 90%);
}
.YosokaHeadMain02 .YosokaHeadImg01{
	width: 122px;
	margin: auto;
	border: 4px solid #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.YosokaHeadMain02 .YosokaHeadImg01 img{
	display: block;
}
.YosokaProfInfoArea02 .YosokaProfTitle01{
	padding: 16px 0 0;
	color: #fff;
	text-align: center;
}
.YosokaProfInfoArea02 .YosokaProfTitle01 h2,
.YosokaProfInfoArea02 .YosokaProfTitle01 span{
	line-height: 26px;
}
.YosokaProfInfoArea03{
	background: #080807;
	text-align: center;
	padding: 18px 0;
}
.YosokaProfInfoArea03 span.YosokaLabel01{
	display: block;
	float: none;
	line-height: 1;
	margin-bottom: 4px;
}
.YosokaProfInfoArea03 ul.YosokaDataTitle01{
	float: none;
	line-height: 1;
	margin-bottom: 20px;
}
.YosokaProfInfoArea03 ul.YosokaDataTitle01 li{
	float: none;
	display: inline;
	font-size: 85.7%;
	line-height: 1;
}
.YosokaProfInfoArea03 ul.YosokaDataTitle01 li:after{
	padding: 0 5px;
}
.YosokaHeadData02 dl{
	float: left;
	padding: 4px 0;
	border-right: 1px solid #b7b7b7;
	font-size: 86%;
	width: 33.3%;
}
.YosokaHeadData02 dl:last-child{
	border-right: 0 none;
}
.YosokaHeadData02 dl dt{
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.YosokaHeadData02 dl dd{
	color: #26e5b6;
	font-weight: bold;
	text-align: center;
	font-size: 149.5%;
}
.YosokaHeadData02 dl dd span{
	font-size: 83.4%;
}


/* ツールチップ */
.YosokaSpiderArea02 .ToolTip01{
	position: relative;
	margin: 0 14px;
}
.YosokaSpiderArea02 .ToolTip01 a{
	display: inline-block;
	background-image: url("../img/icon/icon_yoso_guestion01.png");
	background-position: left center;
	background-repeat: no-repeat;
	-webkit-background-size: 14px 14px;
	-moz-background-size: : 14px 14px;
	-ms-background-size: : 14px 14px;
	-o-background-size: 14px 14px;
	background-size: 14px 14px;
	margin-left: 4px;
	font-size: 85.7%;
	line-height: 1.6;
	position: relative;
	z-index: 100;
	width: 14px;
	height: 14px;
	vertical-align: middle;
}
.YosokaSpiderArea02 .ToolTip01 span.TipInfo01{
	display: block;
	position: absolute;
	z-index: 50;
	right: -214px;
	top: -84px;
	width: 300px;
	padding: 12px;
	color: #222;
	background: #ede1b4;
	border: 2px solid #d5c288;
	border-radius: 4px;
	line-height: 1.6;
	font-weight: normal;
}
.YosokaSpiderArea02 .ToolTip01 .TipInfo01:after{
	width: 100%;
	content: "";
	display: block;
	position: absolute;
	left: -304px;
	top: 80px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #ede1b4 transparent transparent;
}
.YosokaSpiderArea02 .ToolTip01 .TipInfo01:before{
	width: 100%;
	content: "";
	display: block;
	position: absolute;
	left: -307px;
	top: 80px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #d5c288 transparent transparent;
}
.YosokaSpiderArea02{
	width: 246px;
	margin: 18px auto;
	padding: 14px 0 0;
	background: #fff;
}
.YosokaSpiderArea02 .Chart_SpiderArea{
	position: relative;
	padding-top: 20px;
	background: #fff;
	width: 246px;
}
.YosokaSpiderArea02 .Chart_SpiderArea #Chart_Spiderweb{
	width: 246px;
	height: 240px;
	margin: auto;
	overflow: hidden;
}
.YosokaSpiderArea02 .Chart_SpiderArea span{
	position: absolute;
	display: inline-block;
	z-index: 1;
	font-weight: bold;
	color: #909090;
	font-size: 85.7%;
}
.YosokaSpiderArea02 .Chart_SpiderArea span.SpiderAxis01{
	top: 16px;
	left: 50%;
	margin-left: -1.5em;
}
.YosokaSpiderArea02 .Chart_SpiderArea span.SpiderAxis02{
	top: 70px;
	right: 10px;
}
.YosokaSpiderArea02 .Chart_SpiderArea span.SpiderAxis03{
	top: 230px;
	right: 40px;
}
.YosokaSpiderArea02 .Chart_SpiderArea span.SpiderAxis04{
	top: 230px;
	left: 40px;
}
.YosokaSpiderArea02 .Chart_SpiderArea span.SpiderAxis05{
	top: 70px;
	left: 10px;
}
.YosokaLinkBtn01{
	display: block;
	width: 246px;
	margin: auto;
	text-align: center;
	color: #a6a59f;
	font-weight: bold;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 2px solid #fff;
}
.YosokaLinkBtn01 a{
	display: block;
	padding: 14px 0;
	color: #a6a59f;
}
.YosokaLinkBtn01 a:hover{
	background: #eee;
	text-decoration: none;
}
.YosokaLinkBtn02{
	display: block;
	width: 410px;
	margin: auto;
	text-align: center;
	font-weight: bold;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 2px solid #e5e4dd;
}
.YosokaLinkBtn02 a{
	display: block;
	padding: 14px 0;
	color: #a6a59f;
}
.YosokaLinkBtn02 a:hover{
	background: #fff;
	text-decoration: none;
}

/*==============================================
05.予想ランキング .YosoRanking
==============================================*/

/* 予想家ランキング */
.RankListArea01{
	background: #f5f4f1;
	padding: 15px 10px 10px;
}

/* 予想家ランキング - ソート機能 */
.YosoRanking .RankSortBar01{
	background: #e5e4dd;
	padding: 12px 20px;
}
.RankSortBar01 .SortSelect{
	display: inline-block;
	color: #222;
	font-size: 85.7%;
	vertical-align: middle;
}
.RankSortBar01 .SortSelect+.SortSelect{
	margin-left: 18px;
}
.RankSortBar01 .SortSelect span{
	position: relative;
	top: 1px;
}
.RankSortBar01 .SortSelect select::-ms-expand{
	display: none;
}
.RankSortBar01 .SortSelect select{
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	border: 0 none;
	color: #7f7f7f;
	cursor: pointer;
	font-weight: bold;
	padding: 10px 20px 10px 16px;
	line-height: 1.2;
	outline: none;
	background: #f5f4f1;
	background: rgba(0, 0, 0, 0) !important;
	width: 142px;
}
.RankSortBar01 .SortSelect .SelectGroup{
	display: inline-block;
	width: 130px;
	overflow: hidden;
	margin-left: 6px;
	position: relative;
	border: 2px solid #dfddd6;
	border-radius: 3px;
	background-image: -webkit-gradient(linear,
			left top,
			left bottom,
			color-stop(0, #ffffff),
			color-stop(1, #f5f4f1));
	background-image: -o-linear-gradient(bottom, #ffffff 0%, #f5f4f1 100%);
	background-image: -moz-linear-gradient(bottom, #ffffff 0%, #f5f4f1 100%);
	background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #f5f4f1 100%);
	background-image: -ms-linear-gradient(bottom, #ffffff 0%, #f5f4f1 100%);
	background-image: linear-gradient(to bottom, #ffffff 0%, #f5f4f1 100%);
	vertical-align: middle;
}
.RankSortBar01 .SortSelect .SelectGroup:after{
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top: 5px solid #bebbb1;
	position: absolute;
	top: 42%;
	right: 12px;
}
.YosokaPeopleNum{
	display: inline-block;
	color: #fff;
	background: #f0b849;
	border-radius: 3px;
	font-weight: bold;
	margin-left: 20px;
	letter-spacing: .5px;
	padding: 8px 0;
	text-align: center;
	width: 142px;
}

/* 予想家ランキング - お気に入り予想家 */
.YosokaBookmark_Header{
	background: #000;
	color: #fff;
	padding: 14px 16px;
	position: relative;
}
.YosokaBookmark_Header .BookmarkTitle{
	float: left;
	font-weight: bold;
	display: inline-block;
}
.YosokaBookmark_Header .BookmarkTitle>span{
	color: #26e5b6;
}
.YosokaBookmark_Header .TextLink{
	float: right;
	font-size: 85.7%;
	font-weight: bold;
	color: #fff;
	margin-top: 1px;
	position: relative;
}
.YosokaBookmark_Header .TextLink:before{
	content: '';
	display: inline-block;
	background: url("../img/icon/icon_sprite_yoso.png") no-repeat -5px -181px;
	-webkit-background-size: 164px 500px;
	-moz-background-size: 164px 500px;
	-ms-background-size: 164px 500px;
	-o-background-size: 164px 500px;
	background-size: 164px 500px;
	width: 20px;
	height: 20px;
	position: absolute;
	top: -6px;
	left: -24px;
}
.YosokaBookmark .auto_purchase{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #f5f4f1;
}
.YosokaBookmark .auto_purchase p{
	font-size: 15px;
	color: #333333;
	line-height: 1;
}
.YosokaBookmark .auto_purchase .BookmarkNoticeBtn{
	width: 93.33%;
	display: block;
	margin: auto;
	margin-top: 14px;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #0133aa;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
}
.auto_purchaseBadge{
	display: inline-block;
	padding: 2px 9px 2px 7px;
	background: #e9d89d;
	color: #333;
	border-radius: 8px;
	font-size: 10px;
	position: absolute;
	top: 8px;
	right: 8px;
}
.live_commerceBadge{
	display: inline-block;
	padding: 2px 9px 2px 7px;
	background: #EF5350;
	color: #fff;
	width: 69px;
	height: 18px;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	border-radius: 18px;
	font-size: 10px;
	position: absolute;
	top: 8px;
	right: 8px;
}
.live_commerceBadge svg{
	display: inline-block;
	margin-right: 5px;
}
.YosokaBookmark_Wrap{
	background: #f5f4f1;
	padding: 10px;
}
.YosokaBookmarkList .CurrentYoso{
	background: #f0b849;
	text-align: center;
	padding: 11px 0 9px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 107px;
}
.YosokaBookmarkList .CurrentYoso>p{
	color: #fff;
	font-size: 85.7%;
	font-weight: bold;
	padding-left: 20px;
	position: relative;
}
.YosokaBookmarkList .CurrentYoso>p:before{
	content: '';
	display: inline-block;
	background: url("../img/icon/icon_sprite_yoso.png") no-repeat -5px -34px;
	;
	-webkit-background-size: 164px 500px;
	-moz-background-size: 164px 500px;
	-ms-background-size: 164px 500px;
	-o-background-size: 164px 500px;
	background-size: 164px 500px;
	top: -6px;
	left: 8px;
	width: 20px;
	height: 18px;
	position: absolute;
}
.YosokaBookmarkList li+li{
	margin-top: 8px;
}
.YosokaBookmarkList a{
	display: block;
	background: #fff;
	border: 2px solid #c4c1b8;
	position: relative;
}
.YosokaBookmarkList a:hover{
	text-decoration: none;
	opacity: .8;
}
.YosokaBookmarkList .Thumb{
	position: absolute;
	top: 5px;
	left: 6px;
}
.YosokaBookmarkList .YosokaLabel{
	background: #f2f1ec;
}
.YosokaBookmarkList .YosokaLabel>p,
.YosokaBookmarkList .YosokaName>p{
	margin-left: 80px;
}
.YosokaBookmarkList .YosokaLabel>p{
	font-size: 85.7%;
	font-weight: bold;
	color: #45a78f;
	border-top: 1px solid #fff;
	padding: 10px 0;
}
.YosokaBookmarkList .YosokaName>p{
	font-size: 114.2%;
	font-weight: bold;
	color: #222;
	padding: 13px 0;
}
.YosokaBookmark_Footer a{
	display: block;
	background: #e5e4dd;
	border: 2px solid #c4c1b8;
	border-radius: 3px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1);
	color: #82817b;
	font-weight: bold;
	margin: 14px 0 4px;
	text-align: center;
	padding: 14px 0;
	position: relative;
}
.YosokaBookmark_Footer a:hover{
	text-decoration: none;
	opacity: .8;
}
.YosokaBookmark_Footer a:after{
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left: 5px solid #bebbb1;
	margin-top: -4px;
	position: absolute;
	top: 50%;
	right: 14px;
}

/* 予想家ランキング - tab */
.RankingTabWrap01 ul{
	text-align: center;
}
.RankingTabWrap01 ul li{
	display: inline-block;
}
.RankingTabWrap01 ul a{
	display: block;
	background: #f5f4f1;
	border: 2px solid #e5e4dd;
	border-bottom: none;
	border-radius: 3px 3px 0 0;
	color: #98978c;
	font-weight: bold;
	padding: 14px 0;
	width: 146px;
}
.RankingTabWrap01 ul span{
	position: relative;
	padding-left: 20px;
}
.RankingTabWrap01 ul span:before{
	content: '';
	display: inline-block;
	background: url("../img/icon/icon_sprite_yoso.png") no-repeat;
	-webkit-background-size: 164px 500px;
	-moz-background-size: 164px 500px;
	-ms-background-size: 164px 500px;
	-o-background-size: 164px 500px;
	background-size: 164px 500px;
	top: -3px;
	left: -6px;
	width: 24px;
	height: 24px;
	position: absolute;
}
.RankingTabWrap01 ul .Active a{
	color: #222;
	background: #e5e4dd;
}
.RankingTabWrap01 ul a:hover{
	background: #e5e4dd;
	text-decoration: none;
}
.RankingTabWrap01 ul .Sales span:before{
	background-position: -33px -32px;
}
.RankingTabWrap01 ul .RecoveryRate span:before{
	background-position: -32px -91px;
	left: -8px;
}
.RankingTabWrap01 ul .HitRate span:before{
	background-position: -92px -3px;
}
.RankingTabWrap01 ul .Bookmark span:before{
	background-position: -3px -120px;
}
.RankingTabWrap01 ul .Active.Sales span:before{
	background-position: -62px -32px;
}
.RankingTabWrap01 ul .Active.RecoveryRate span:before{
	background-position: -62px -91px;
	left: -8px;
}
.RankingTabWrap01 ul .Active.HitRate span:before{
	background-position: -122px -3px;
}
.RankingTabWrap01 ul .Active.Bookmark span:before{
	background-position: -33px -120px;
}


/* 予想家ランキング - メイン */
.RankingListWrap01{
	background: #e5e4dd;
	padding: 10px;
}
.RankingListWrap01 ul li{
	background: #fff;
	border: 2px solid #c4c1b8;
	position: relative;
	margin-top: 10px;
}
.RankingListWrap01 ul li:first-of-type{
	margin-top: 0;
}
.YosokaRankingBox01 .YosokaPhotoImg01{
	position: absolute;
	top: 4px;
	left: 4px;
}
.YosokaRankingBox01 .YosokaPhotoImg01 img{
	border-radius: 3px;
}
.YosokaRankingBox01 .YosokaLabel{
	border-top: 1px solid #fff;
	background: #f2f1ec;
}
.YosokaRankingBox01 .YosokaLabel .YosokaLabel_Inner{
	display: table;
	width: 413px;
	margin-left: auto;
}
.YosokaRankingBox01 .YosokaLabel .YosokaLabel_Inner .YosokaLabel02,
.YosokaRankingBox01 .YosokaLabel .YosokaLabel_Inner .YosokaDataTitle02,
.YosokaRankingBox01 .YosokaLabel .YosokaLabel_Inner .YosoRaceNow{
	display: table-cell;
}
.YosokaRankingBox01 .YosokaLabel .YosokaLabel02{
	color: #45a78f;
	font-weight: bold;
	white-space: nowrap;
	padding: 7px 0;
}
.YosokaRankingBox01 .YosokaLabel .YosokaDataTitle02{
	vertical-align: middle;
	width: 235px;
}
.YosokaRankingBox01 .YosokaLabel .YosokaDataTitle02,
.YosokaRankingBox01 .YosokaLabel .ShowAll{
	color: #79766e;
	line-height: 1.2;
	font-size: 85.7%;
}
.YosokaRankingBox01 .YosokaLabel .ShowAll{
	text-decoration: underline;
}
.YosokaRankingBox01 .YosokaLabel .ShowAll:hover{
	text-decoration: none;
}
.YosokaRankingBox01 .YosokaLabel .YosoRaceNow{
	background: #f0b849;
	border-right: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 12px 0;
	width: 126px;
}
.YosokaRankingBox01 .YosokaLabel .YosoRaceNow>span{
	padding-left: 26px;
	position: relative;
}
.YosokaRankingBox01 .YosokaLabel .YosoRaceNow>span:before{
	content: '';
	display: inline-block;
	background: url("../img/icon/icon_sprite_yoso.png") no-repeat -92px -35px;
	-webkit-background-size: 164px 500px;
	-moz-background-size: 164px 500px;
	-ms-background-size: 164px 500px;
	-o-background-size: 164px 500px;
	background-size: 164px 500px;
	top: 0;
	left: -4px;
	width: 26px;
	height: 20px;
	position: absolute;
}
.YosokaRankingBox01 .YosokaDetail_Wrap{
	width: 405px;
	margin-right: 8px;
	margin-left: auto;
}
.YosokaRankingBox01 .YosokaNameBox{
	border-bottom: 1px dashed #e5e4dd;
	padding: 14px 0;
}
.YosokaRankingBox01 .YosokaNameBox p{
	margin-bottom: 8px;
}
.YosokaRankingBox01 .YosokaNameBox .YosokaName02{
	color: #222;
	font-size: 157.1%;
	font-weight: bold;
}
.YosokaRankingBox01 .YosokaNameBox .YosokaNameRoma02{
	color: #79766e;
	font-size: 85.7%;
}
.YosokaRankingBox01 .YosokaNameBox .YosokaCopy02{
	color: #222;
	font-size: 85.7%;
	font-weight: bold;
}
.YosokaRankingBox01 .YosokaNameBox .ArrowLink01{
	display: inline-block;
	color: #79766e;
	font-size: 85.7%;
	float: right;
	margin-top: 1px;
	padding-right: 16px;
	position: relative;
}
.YosokaRankingBox01 .YosokaNameBox .ArrowLink01:after{
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left: 5px solid #bebbb1;
	position: absolute;
	top: 0;
	right: 0;
}
.YosokaRankingBox01 .YosokaDataBox02{
	display: table;
	width: 100%;
	margin: 10px 0 14px;
}
.YosokaRankingBox01 .YosokaDataBox02 dl{
	display: table-cell;
	font-weight: bold;
	text-align: center;
	padding: 0 4px;
}
.YosokaRankingBox01 .YosokaDataBox02 dl+dl{
	border-left: 1px solid #dcdbd2;
}
.YosokaRankingBox01 .YosokaDataBox02 dl dt{
	margin-bottom: 8px;
}
.YosokaRankingBox01 .YosokaDataBox02 dl dd>span{
	font-size: 85%;
}
.YosokaRankingBox01 .YosokaDataBox02 .Sales{
	width: 82px;
}
.YosokaRankingBox01 .YosokaDataBox02 .RecoveryRate,
.YosokaRankingBox01 .YosokaDataBox02 .HitRate{
	width: 110px;
}
.YosokaRankingBox01 .YosokaDataBox02 .Bookmark{
	width: 100px;
}
.YosokaRankingBox01 .YosokaDataBox02 .Sales dt,
.YosokaRankingBox01 .YosokaDataBox02 .RecoveryRate dt,
.YosokaRankingBox01 .YosokaDataBox02 .HitRate dt,
.YosokaRankingBox01 .YosokaDataBox02 .Bookmark dt{
	color: #a6a39b;
}
.YosokaRankingBox01 .YosokaDataBox02 .Sales dd,
.YosokaRankingBox01 .YosokaDataBox02 .RecoveryRate dd,
.YosokaRankingBox01 .YosokaDataBox02 .HitRate dd,
.YosokaRankingBox01 .YosokaDataBox02 .Bookmark dd{
	color: #45a78f;
	font-size: 142.8%;
}
.YosokaRankingBox01 .YosokaDataBox02 .Active dt{
	color: #333;
}
.YosokaRankingBox01 .YosokaDataBox02 .Active dd{
	color: #da4343;
	font-size: 142.8%;
}


/* 予想家ランキング - ランキングコーナーフラグ */
.YosoRanking_1{
	background: url("../img/yoso/ranking_bg1.png") no-repeat;
	-webkit-background-size: 65px 68px;
	-moz-background-size: 65px 68px;
	-ms-background-size: 65px 68px;
	-o-background-size: 65px 68px;
	background-size: 65px 68px;
}
.YosoRanking_2{
	background: url("../img/yoso/ranking_bg2.png") no-repeat;
	-webkit-background-size: 65px 68px;
	-moz-background-size: 65px 68px;
	-ms-background-size: 65px 68px;
	-o-background-size: 65px 68px;
	background-size: 65px 68px;
}
.YosoRanking_3{
	background: url("../img/yoso/ranking_bg3.png") no-repeat;
	-webkit-background-size: 65px 68px;
	-moz-background-size: 65px 68px;
	-ms-background-size: 65px 68px;
	-o-background-size: 65px 68px;
	background-size: 65px 68px;
}
.YosoRanking_Other{
	background: url("../img/yoso/ranking_bg4.png") no-repeat;
	-webkit-background-size: 65px 68px;
	-moz-background-size: 65px 68px;
	-ms-background-size: 65px 68px;
	-o-background-size: 65px 68px;
	background-size: 65px 68px;
}
.YosoRanking_1,
.YosoRanking_2,
.YosoRanking_3,
.YosoRanking_Other{
	position: absolute;
	top: -2px;
	left: -2px;
	width: 65px;
	height: 68px;
	z-index: 1000;
}
.YosoRanklabel span{
	color: #fff;
	font-size: 128.6%;
	font-weight: bold;
	margin-top: 10px;
	display: block;
	width: 42px;
	text-align: center;
	font-style: italic;
	/*	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
*/
}

/*==============================================
06.予想購入の確認
==============================================*/

/* 購入確認 - ヘッダー */
.YosoConfirmation{
	background: #f5f4f1;
	margin: 18px 0 0;
	padding: 48px 30px 30px;
}
.Confirmation_Header{
	text-align: center;
	margin-bottom: 26px;
}
.Confirmation_Header .ConfirmationTitle{
	font-size: 200%;
	color: #222;
	margin-bottom: 20px;
}
.Confirmation_Header .ConfirmationMsg{
	font-size: 128.6%;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px;
}
.Confirmation_Header .Available{
	color: #7b7b7b;
}
.Confirmation_Header .Available>#cur_point,
.Confirmation_Header .Available span.Point{
	font-weight: bold;
}
.Confirmation_Header .ConfirmationMsg>.Point,
.Confirmation_Header .Available>#cur_point,
.Confirmation_Header .Available span.Point{
	color: #ed9c00;
}

/* 購入確認 - 購入表 */
.PurchaseWrap{
	background: #fff;
	/*margin-bottom: 34px;*/
	padding: 8px 30px;
}
.PurchaseTable{
	width: 100%;
}
.PurchaseTable tr+tr{
	border-top: 1px solid #e6e4df;
}
.PurchaseTable tr th,
.PurchaseTable tr td{
	vertical-align: middle;
}
.PurchaseTable tr th{
	padding: 14px 20px 14px 20px;
	width: 254px;
}
.PurchaseTable tr .PurchaseDate{
	font-size: 114.2%;
	width: 180px;
}
.PurchaseTable .Nest .PurchaseRace{
	font-size: 114.2%;
}
.PurchaseTable .Nest .PurchaseRace .Jyo{
	min-width: 2em;
	white-space: nowrap;
}
.PurchaseTable .Nest .PurchaseRace .Num>span{
	display: inline-block;
	background: #496bbf;
	border-radius: 3px;
	color: #fff;
	font-size: 87.5%;
	font-weight: bold;
	margin: 0 8px;
	padding: 5px 0;
	text-align: center;
	width: 46px;
}
.PurchaseTable .Nest .PurchaseRace .Race{
	line-height: 1.3;
}
.PurchaseTable td.UsePoint{
	font-size: 128.6%;
	color: #ed9c00;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}
.PurchaseYosoka{
	position: relative;
	background: #e8e6df;
	border: 2px solid #e8e6df;
	border-radius: 3px;
	height: 40px;
	line-height: 38px;
	padding-left: 38px;
}
.PurchaseYosoka .Masking{
	position: absolute;
	display: block;
	left: 2px;
	top: 2px;
}
.PurchaseYosoka img{
	border-radius: 3px;
	vertical-align: bottom;
}
.PurchaseYosoka span.Name{
	display: inline-block;
	font-weight: bold;
	padding-right: 10px;
	margin-left: 6px;
	vertical-align: middle;
	line-height: 1.3;
}

/*--　クーポンスライド　--*/
.SlideList{
  /*width: 100%;*/
  margin: 30px 0 0;
  padding: 0 12px;
  white-space: nowrap;
  text-align: center;
}
.SlideList .slick-list{
  padding: 0 20% 0 0!important;
}
.slick-initialized .slick-slide{
  margin-right: 10px;
}
.SlideList li{
  margin-right: 10px;
}
.SlideList li .CouponCard{
	padding: 10px 20px;
	background-color: #F3F3F3;
	border-radius: 4px;
}
.SlideList li .CouponInner{
	padding-left: 10px;
	border-left: 2px solid #B7443E;
}
.SlideList li .CouponInner .Title{
	width: 167px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #ffffff;
	font-size: 61.1111%;
	font-weight: bold;
	background: #B7443E;
	border-radius: 4px;
}
.SlideList li .CouponInner input{
	display: none;
}
.SlideList li .CouponInner label{
	position: relative;
	display: block;
	padding-left: 24px;
	font-size: 83.3333%;
	font-weight: bold;
	color: #757575;
	margin: 10px 0 7px;
}
.SlideList li .CouponInner .radio + label:before{
	position: absolute;
	display: inline-block;
	content: '';
	width: 16px;
	height: 16px;
	border: 1px solid #B0B0B0;
	border-radius: 4px;
	background: #fff;
	left: 0;
	top: -2px;
}
.SlideList li .CouponInner .radio:checked + label:after{
    position: absolute;
    display: inline-block;
    content: '';
    width: 10px;
    height: 6px;
    left: 3px;
    top: 1px;
    transform: rotate(-45deg);
    border-left: 2px solid #EE534F;
    border-bottom: 2px solid #EE534F;

}
.SlideList li .CouponInner .CouponDetail dl{
	display: flex;
	color: #757575;
	align-items: center;
}
.SlideList li .CouponInner .CouponDetail dl dt{
	font-size: 55.5556%;
	width: 73px;
}
.SlideList li .CouponInner .CouponDetail dl.Point{
	margin:3px 0 8px;
}
.SlideList li .CouponInner .CouponDetail dl.Point dd{
	font-size: 105.5556%;
}
.SlideList li .CouponInner .radio:checked + label + .CouponDetail dl.Point dd .LineThrough{
	text-decoration: line-through;
}
.SlideList li .CouponInner .radio:checked + label + .CouponDetail dl.Point dd .ActiveShow{
	display: inline-block;
}
.SlideList li .CouponInner dl.Point dd .ActiveShow{
	display: none;
}
.SlideList li .CouponInner dl.Point dd .color{
	color: #B7443E;
}
.SlideList li .CouponInner dl.Point dd .color span{
	font-weight: bold;
}
.SlideList li .CouponInner .CouponDetail dl.Date dd{
	font-size: 61.1111%;
	font-weight: bold;
}
.CouponSlide .slick-dots li.slick-active button:before{
	position: relative;
	width: 10px;
	height: 10px;
	left: -2px;
  bottom: 1px;
	background: #B7443E;
	border-radius: 10px;
}

/*--　クーポンスライドここまで　--*/

/*--　購入確認クーポン　リスト型　--*/
.PurchaseTable tr.CouponCell{
	border-top: none;
}
ul.PcCouponConirm li + li{
	margin-top: 10px;
}
ul.PcCouponConirm li:last-child{
	margin-bottom: 20px;
}
ul.PcCouponConirm li .CouponCard{
	display: flex;
	background-color:  #F3F3F3;
	border-radius: 4px;
	overflow: hidden;
}
ul.PcCouponConirm li .CouponCard .CouponHead{
	width: 139px;
	padding: 19px 10px 18px;
	border-right: 1px dashed #ffffff;
	background: #B7443E;
}
ul.PcCouponConirm li .CouponCard .CouponHead p{
	color: #fff;
	font-weight: bold;
	font-size: 92.8571%;
	line-height: 1.3077;
}
ul.PcCouponConirm li .CouponCard .CouponInner{
	display: flex;
	align-items: center;
	padding: 0 10px;
	width: calc(100% - 139px);
	width: -webkit-calc(100% - 139px);

}


ul.PcCouponConirm li .CouponCard .CouponInner input{
	display: none;
}
ul.PcCouponConirm li .CouponCard .CouponInner label{
	position: relative;
	display: block;
	padding-left: 24px;
	font-size: 121.4286%;
	font-weight: bold;
	color: #757575;
	/*margin: 10px 0 7px;*/
}

ul.PcCouponConirm li .CouponCard .CouponInner .radio + label:before{
	position: absolute;
	display: inline-block;
	content: '';
	width: 16px;
	height: 16px;
	border: 1px solid #B0B0B0;
	border-radius: 4px;
	background: #fff;
	left: 0;
	top: -1px;
}
ul.PcCouponConirm li .CouponCard .CouponInner .radio:checked + label:after{
    position: absolute;
    display: inline-block;
    content: '';
    width: 10px;
    height: 6px;
    left: 3px;
    top: 2px;
    transform: rotate(-45deg);
    border-left: 2px solid #EE534F;
    border-bottom: 2px solid #EE534F;

}
ul.PcCouponConirm li .CouponCard .CouponInner .CouponDetail{
	padding-left: 17px;
}
ul.PcCouponConirm li .CouponCard .CouponInner .CouponDetail dl{
	display: flex;
	align-items: center;
}

ul.PcCouponConirm li .CouponCard .CouponInner .CouponDetail dl dt{
	width: 77px;
	font-size: 78.5714%;
	color: #757575;
}

ul.PcCouponConirm li .CouponCard .CouponInner .CouponDetail dl.Point dd{
	font-size: 128.5714%;
	color: #757575;
	font-weight: bold;
}



ul.PcCouponConirm li .CouponCard .CouponInner .CouponDetail dl.Date dd{
	font-size: 78.5714%;
	font-weight: bold;
	color: #757575;
}
ul.PcCouponConirm li .CouponCard .CouponInner .radio:checked + label + .CouponDetail dl.Point dd .LineThrough{
	text-decoration: line-through;
}
ul.PcCouponConirm li .CouponCard .CouponInner .radio:checked + label + .CouponDetail dl.Point dd .ActiveShow{
	display: inline-block;
}
ul.PcCouponConirm li .CouponCard .CouponInner .CouponDetail dl.Point dd .ActiveShow{
	display: none;
}
ul.PcCouponConirm li .CouponCard .CouponInner .CouponDetail dl.Point dd .color{
	color: #B7443E;
}
ul.PcCouponConirm li .CouponCard .CouponInner .CouponDetail dl.Date{
	margin-top: 6px;
}

/*--　購入確認クーポン　リスト型ここまで　--*/

/* 購入確認 - 購入ボタン */
.Purchase_Footer{
	background: #f5f4f1;
	padding-bottom: 30px;
}
.Purchase_Footer_Inner{
	width: 375px;
	margin: 0 auto;
}
.Purchase_Footer .PurchaseBtn:hover{
	opacity: .8;
	text-decoration: none;
}

a.PurchaseBtn{
	border-radius: 5px;
	background: #e5a221;
	background-image: -webkit-gradient(linear,
			left top,
			left bottom,
			color-stop(0, #eeb72d),
			color-stop(1, #dfa300));
	background-image: -o-linear-gradient(bottom, #eeb72d 0%, #dfa300 100%);
	background-image: -moz-linear-gradient(bottom, #eeb72d 0%, #dfa300 100%);
	background-image: -webkit-linear-gradient(bottom, #eeb72d 0%, #dfa300 100%);
	background-image: -ms-linear-gradient(bottom, #eeb72d 0%, #dfa300 100%);
	background-image: linear-gradient(to bottom, #eeb72d 0%, #dfa300 100%);
	box-shadow: 0 3px 0 rgba(212, 146, 21, 1), inset 0 -1px rgba(231, 188, 85, 1);
	display: block;
	color: #fff;
	font-size: 128.6%;
	font-weight: bold;
	padding: 20px 0;
	text-align: center;
}

/* 購入確認 - ポイント不足 */
.Purchase_Footer.NotPoint{
	background: #e8e6df;
	text-align: center;
}
.Purchase_Footer.NotPoint .Purchase_ErrorMsg{
	display: inline-block;
	font-size: 128.6%;
	font-weight: bold;
	color: #da4343;
	text-align: center;
	padding-left: 28px;
	margin-top: 18px;
	margin-bottom: 18px;
	position: relative;
}
.Purchase_Footer.NotPoint .Purchase_ErrorMsg:before{
	content: '';
	display: inline-block;
	background: url("../img/icon/icon_error01.png") no-repeat left center;
	-webkit-background-size: 22px 20px;
	-moz-background-size: 22px 20px;
	-ms-background-size: 22px 20px;
	-o-background-size: 22px 20px;
	background-size: 22px 20px;
	width: 22px;
	height: 20px;
	position: absolute;
	top: -3px;
	left: 0;
}
.Purchase_Footer .PointTxt{
	font-size: 128.6%;
	line-height: 1.4;
	margin-bottom: 20px;
}
.Purchase_Footer .MemberLink{
	text-align: center;
	padding-top: 20px;
}
.Purchase_Footer .MemberLink a{
	color: #333;
	border-bottom: 1px solid #333;
}
.Purchase_Footer .MemberLink a:hover{
	border-bottom: 0;
	text-decoration: none;
}

/* 購入確認 - まとめて予想を購入 */
.YosokaPackList_Wrap{
	padding: 36px 20px;
}
.YosokaPackList_Wrap .YosokaPackTitle{
	font-size: 200%;
	text-align: center;
	margin-bottom: 20px;
}

/* 購入確認 - ポイントバック */
.PurchaseTable tr+tr.PointBackTr{
	border-top: 0 none;
}

tr.PointBackTr td{
	text-align: right;
	padding: 0 0 14px;
}

tr.PointBackTr td span.PointBackBox01{
	display: inline-block;
	background: #d1423e;
	border-radius: 3px;
	color: #fff;
	padding: 6px;
	margin-top: -10px;
}

tr.PointBackTr td span.PointBackBox01>span,
tr.PointBackTr td span.PointBackBox01>strong{
	vertical-align: middle;
}

tr.PointBackTr td span.PointBackBox01 strong{
	font-size: 128.6%;
}

/* 自動購入画面 */

html.auto_Purchase{
	overflow-y: auto;
}
.auto_byContent#page{
	width: 100%;
	margin: auto;
	padding: 32px 140px 32px 156px;
}
.auto_byContent #contents{
	width: auto;
	min-width: auto;
	margin: auto;
}
.auto_byContent .Yosoka .YosokaImage{
	float: left;
}
.auto_byContent .Yosoka .Profile{
	max-width: 212px;
	margin-left: 8px;
	float: left;
}
.auto_byContent .YosokaNameWrap{
	font-size: 20px;
	font-weight: bold;
	color: #333333;
}
.auto_byContent .CatchPhrase{
	margin-top: 12px;
	font-size: 13px;
	color: #333333;
}
.auto_byContent .Yosoka_info{
	padding-top: 30px;
	clear: both;
	text-align: center;
}
.auto_byContent .Yosoka_info-title{
	width: 44.87%;
	background: #e7e7e7;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	font-size: 12px;
	color: #333333;
	border-top: 2px solid #dddddd;
	border-bottom: 2px solid #dddddd;
}
.auto_byContent .Yosoka_info-lead{
	width: 55.13%;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	font-size: 12px;
	color: #333333;
	border-top: 2px solid #dddddd;
	border-bottom: 2px solid #dddddd;
}
.auto_byContent .Yosoka_info-title:nth-child(n+3),
.auto_byContent .Yosoka_info-lead:nth-child(n+3){
	border-top: none;
}
.auto_byContent .select_radio_box{
	position: relative;
	width: 165px;
	clear: both;
	margin: auto;
	padding-top: 21px;
}
.auto_byContent .switch{
	position: relative;
	width: 50px;
	float: left;
}
.switch .switch__content{
	display: block;
	cursor: pointer;
	position: relative;
	border-radius: 30px;
	height: 31px;
	overflow: hidden;
}
.switch .switch__content:before{
	content: "";
	display: block;
	position: absolute;
	width: calc(100% - 3px);
	height: calc(100% - 3px);
	top: 0;
	left: 0;
	border: 1.5px solid #aaaaaa;
	border-radius: 30px;
	background-color: #aaaaaa;
}
.switch__label.off_txt .switch__content:before{
	background-color: #1232a3;
	border: 1.5px solid #1232a3;
}
.switch .switch__content:after{
	content: "";
	display: block;
	position: absolute;
	background-color: transparent;
	width: 0;
	height: 0;
	top: 50%;
	left: 50%;
	border-radius: 30px;
}
.switch .switch_circle{
	display: block;
	top: 2px;
	left: 2px;
	position: absolute;
	width: 27px;
	height: 27px;
	border-radius: 20px;
	background-color: #fff;
}
.switch .switch__input:checked~.switch__content:after{
	background-color: #1232a3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.switch_text{
	font-size: 16px !important;
	line-height: 31px;
	padding-left: 60px;
	font-size: 88.89%;
}
.choice_box{
	padding: 0;
	display: none;
	transition: 0.5s;
	text-align: center;
}
.choice_box-inner{
	text-align: left;
	display: inline-block;
	margin-top: 14px;
	margin-left: 100px;
}
.choice_box-inner div+div{
	margin-top: 15px;
}
.choice_box input{
	font-size: 14px;
	color: #333333;
}
.choice_box .choice_text{
	font-size: 11px;
	margin-top: 19px;
	margin-bottom: 14px;
	color: #333333;
	text-align: left;
	line-height: 1.5;
	letter-spacing: -1px;
}
.BtnArea .set_button{
	background: #1232a3;
	box-shadow: 0 3px 0 rgb(35, 54, 139);
}
.auto_byContent .BtnArea{
	width: 37.5%;
	margin: auto;
	position: absolute;
	bottom: 36px;
	left: 50%;
	transform: translate(-50%);
}
.radio_none{
	display: none;
}
.radio_none+label{
	padding-left: 20px;
	position: relative;
	margin-right: 20px;
	text-align: center;
	margin-top: 12px;
	font-size: 14px;
}
.radio_none+label::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 14px;
	border: 1px solid #999;
	border-radius: 50%;
}
.radio_none:checked+label{
	color: #5775be;
}
.radio_none:checked+label::after{
	content: "";
	display: block;
	position: absolute;
	top: 4.5px;
	left: 6px;
	width: 7px;
	height: 7px;
	background: #5775be;
	border-radius: 50%;
}

/* 購入完了画面　クーポン受け取り */
.ReceiveCoupon{
	padding:40px 0;
}
.ReceiveCoupon p{
    color: #B7443E;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.3;
}
.ReceiveCoupon .CouponCard{
    width: 500px;
    margin: 0px auto 0;
    border-radius: 4px;
    overflow: hidden;
    background-color: #F3F3F3;
}
.ReceiveCoupon .CouponCard .Head{
    height: 42px;
    line-height: 42px;
    color: #fff;
    font-weight: bold;
    font-size: 128.5714%;
    text-align: center;
    background-color: #B7443E;
}
.ReceiveCoupon .CouponCard .Body{
   padding: 22px 0;
   text-align: center;
}
.ReceiveCoupon .CouponCard .Body .Detail{
  display: inline-block;
}
.ReceiveCoupon .CouponCard .Body dl{
  display: flex;
  align-items: center;
}
.ReceiveCoupon .CouponCard .Body dl + dl{
  margin-top: 11px;
}
.ReceiveCoupon .CouponCard .Body dl dt{
  color: #757575;
  font-size: 114.2857%;
}
.ReceiveCoupon .CouponCard .Body dl dd{
  font-size: 128.5714%;
  font-weight: bold;
  color: #666;
}



/* 非ログイン */
.auto_byContent .AlertArea{
	width: 100%;
	margin: auto;
}
.auto_byContent .AlertArea p.NotPoint{
	margin: 13px 0 14px;
	color: #d1423f;
	font-size: 0.9375rem;
	font-weight: 700;
	text-align: center;
}
.auto_byContent .AlertArea+.BtnArea{
	width: 100%;
	bottom: 0;
}
.auto_byContent .AlertArea+.BtnArea .PointTxt{
	margin-bottom: 20px;
	font-size: 0.8125rem;
	line-height: 1.4;
	margin: 12px 0 0;
}
.auto_byContent .AlertArea+.BtnArea .MemberLink{
	margin-top: 13px;
	text-align: center;
}
.auto_byContent .AlertArea+.BtnArea .MemberLink a{
	font-size: 0.875rem;
}
.auto_byContent .AlertArea+.BtnArea .YosoLinkBtn03{
	width: 225px;
	margin: 0 auto;
}
.auto_byContent .YosoLinkBtn03{
	position: relative;
	display: block;
	padding: 16px 0 15px;
	color: #fff;
	font-size: 83.4%;
	font-weight: bold;
	text-align: center;
	background-color: #e3b749;
	border-radius: 5px;
}
.auto_byContent .AlertArea+.BtnArea .PointTxt{
	margin-bottom: 20px;
	font-size: 0.8125rem;
	line-height: 1.4;
	margin: 12px 0 0;
	text-align: center;
}
.auto_byContent .AlertArea+.BtnArea .MemberLink{
	margin-top: 13px;
	margin-bottom: 32px;
	text-align: center;
}

/* #YosokaProfile #colorbox,
#YosokaProfile01 .umai_ap_popup#colorbox,
#PremiumYoso #colorbox{
	left: 50%!important;
	transform: translateX(-50%);
	width: 608px !important;
	height: 520px !important;
} */

/* #YosokaProfile #cboxLoadedContent,
#YosokaProfile01 .umai_ap_popup #cboxLoadedContent,
#PremiumYoso #cboxLoadedContent{
	width: 608px !important;
	height: 520px !important;
	border-radius: 6px;
} */

#YosokaProfile #cboxContent,
#YosokaProfile01 .umai_ap_popup #cboxContent,
#PremiumYoso #cboxContent{
	width: auto !important;
	height: auto !important;
}

/* #YosokaProfile #cboxClose,
#YosokaProfile01 .umai_ap_popup #cboxClose,
#PremiumYoso #cboxClose{
	top: 15px;
	right: -15px;
} */

/* 自動購入設定画面 */
.auto_byContent#page.set_window{
	padding: 50px 147px 40px 163px;
	text-align: center;
}
.auto_byContent .set_window h2{
	font-size: 18px;
	font-weight: bold;
}
.auto_byContent .Yosoka.set_wrap{
	margin-top: 36px;
}
.auto_byContent .set_wrap-inner{
	display: flex;
	padding: 11px 0px 12px 12px;
	background: #f3f3f3;
	border-radius: 4px;
}
.auto_byContent .set_wrap-inner+.set_wrap-inner{
	margin-top: 10px;
}
.auto_byContent .set_wrap-yosoka,
.auto_byContent .set_wrap-race{
	width: 33.33%;
	text-align: left;
}
.auto_byContent .set_wrap-yosoka p,
.auto_byContent .set_wrap-race{
	line-height: 16.25px;
}
.auto_byContent .set_wrap-yosokaNameWrap,
.auto_byContent .set_wrap-raceName{
	width: 66.67%;
	text-align: left;
}
.set_wrap-yosokaNameWrap .Name,
.set_wrap-raceName{
	font-size: 17px;
	font-weight: bold;
}
.set_wrap-compText{
	text-align: left;
	margin-top: 40px;
	font-size: 15px;
}
.set_wrap-compText p{
	line-height: 1.33;
}
.set_wrap-text{
	margin-top: 13px;
	padding: 12px 0px;
	border: solid 1px #c53131;
	border-radius: 4px;
}
.set_wrap-innerText{
	color: #c53131;
}
.set_wrap-addText{
	margin-top: 40px;
	text-align: left;
	font-size: 15px;
}
.set_wrap-addPoint{
	width: 227px;
	margin: auto;
	margin-top: 20px;
	padding: 15px 0px;
	text-align: center;
	border-radius: 4px;
	background: #e7ae18;
	box-shadow: 0 3px 0 rgba(212, 146, 21, 1), inset 0 -1px rgba(231, 188, 85, 1);
}
.set_wrap-addPointButton{
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
}
.PurchaseCont .Alert {
  margin-bottom: 10px;
  padding: 2px 30px 2px;
  background: #FFF2F0;
  margin-top: 10px;
}

.PurchaseCont .Alert.Sentence {
  padding: 3px 30px 7px;
}

.PurchaseCont .Alert.Sentence .AlertText {
  text-align: left;
}

.PurchaseCont .AlertTitle {
  margin: 5px auto 5px;
  color: #B74443;
  font-weight: bold;
  text-align: center;
  font-size: 0.9375rem;
}

.PurchaseCont .AlertText {
  color: #B74443;
  font-weight: bold;
  line-height: 1.63;
  font-size: 0.6875rem;
  text-align: center;
}
/* 無料体験 */
/* PC */
@media only screen and (min-width: 1024px) {
  .Wrap {
    width: 100%;
    margin: 0 auto;
  }
  #PremiumYoso .Contents {
    width: 480px;
    margin: 10px auto 6px auto;
  }
}
/* iPadなど */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .Wrap {
    width: 100%;
    margin: 0 auto;
  }
  #PremiumYoso .Contents {
    width: 750px;
    margin: 10px auto 0 auto;
  }
}
/* スマホ */
@media only screen and (min-width: 300px) and (max-width: 766px) {
  .Wrap {
    width: 100%;
    margin: 0 auto;
  }
  #PremiumYoso .Contents {
    margin: 0 auto;
    margin-top: 2px;
  }
}

#Buy_Point .PurchaseCont {
  padding-bottom: 20px;
}
#Buy_Point .PurchaseYoso{
	padding-bottom: 0;
	border-bottom: none;
}
#Buy_Point .PurchaseYoso .Yosoka {
  position: relative;
    padding: 14px 12px;
    background: #F3F3F3;
}

#Buy_Point .PurchaseYoso .Yosoka .YosokaImage {
  position: absolute;
  top: 50%;
  left: 12px;
  width: 30px;
  height: 30px;
transform: translateY(-50%);
    overflow: visible;
}
#Buy_Point .PurchaseYoso .Yosoka .YosokaImage img {
  width: 100%;
  vertical-align: bottom;
  border-radius: 4px;
}

#Buy_Point .PurchaseYoso.AnaumaRace .Yosoka .YosokaImage:after {
  content: "";
  position: absolute;
  bottom: -4px;
  right: -4px;
  width: 20px;
  height: 43px;
  background-image: url("../img/yoso/flg_sprite_sp_baken.png");
  background-size: 56px 140px;
  background-position: -22px 0;
  background-repeat: no-repeat;
  transform: rotate(15deg);
}
.PurchaseCont .PurchaseYoso.PurchaseYoso.SelectionRace .Yosoka .YosokaImage:after,
.PurchaseCont .PurchaseYoso.PurchaseYoso.AnaumaRace .Yosoka .YosokaImage:after {
  width: 10px;
  height: 23px;
  background-size: 28px auto;
}
.PurchaseCont .PurchaseYoso.PurchaseYoso.SelectionRace .Yosoka .YosokaImage:after {
  background-position: 0px -23px;
}
.PurchaseCont .PurchaseYoso.PurchaseYoso.AnaumaRace .Yosoka .YosokaImage:after {
  background-position: -11px 2px;
}
#Buy_Point .PurchaseCont .PurchasItem .PurchaseYoso .Yosoka .YosokaImage {
  width: 30px;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  overflow: visible;
}

/*自信あり,穴狙い旗*/
#Buy_Point .PurchaseCont .PurchaseYoso.AnaumaRace .Yosoka .YosokaImage:after {
  width: 10px;
  height: 23px;
  background-size: 28px auto;
  background-position: -11px 2px;
}

#Buy_Point .Yosoka .Profile {
  min-height: auto;
  padding-left: 39px;

}

#Buy_Point .PurchaseCont .PurchasItem .PurchaseYoso .Yosoka .Profile .Name {
  font-size: 0.9375rem;
    font-weight: bold;
    line-height: 1.3;
    color: #666;
}

#Buy_Point .PurchaseCont .PurchasItem .PurchaseRaceList {
  width: auto;
  margin: 8px;
  color: #666666;
}
#Buy_Point .PurchaseCont .PurchasItem .PurchaseRaceList dt {
  margin-bottom: 7px;
  font-size: 0.6875rem;
}
#Buy_Point .PurchaseCont .PurchasItem .PurchaseRaceList dd {
  display: inline-block;
  font-size: 0.8125rem;
  line-height: 1.5;
}
#Buy_Point .PurchaseCont .PurchasItem .PurchaseRaceList .RaceNum {
  display: inline-block;
  background: #3251BC;
  border-radius: 2px;
  color: #fff;
  font-size: 0.6875rem;
  font-weight: bold;
  margin: 0 6px 0;
  text-align: center;
  width: 28px;
  height: 16px;
  line-height: 16px;
  vertical-align: baseline;
}

#Buy_Point .NewUser_Trial {
  margin: 10px 20px 0;
  padding: 20px 0 15px;
  background: #FCF5D7;
  border-radius: 4px;
  text-align: center;
}
#Buy_Point .NewUser_Trial .Btn_Catch {
  position: relative;
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 0.75rem;
}
#Buy_Point .NewUser_Trial .Btn_Catch:before,
#Buy_Point .NewUser_Trial .Btn_Catch:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: 0 .5rem;
  border-radius: 3px;
  vertical-align: middle;
}
#Buy_Point .NewUser_Trial .Btn_Catch:before { transform: rotate(-45deg); }
#Buy_Point .NewUser_Trial .Btn_Catch:after  { transform: rotate(45deg); }
#Buy_Point .NewUser_Trial .Btn_Catch.Catch01 { color: #F57C7C; }
#Buy_Point .NewUser_Trial .Btn_Catch.Catch01:before,
#Buy_Point .NewUser_Trial .Btn_Catch.Catch01:after { background: #F57C7C; }

#Buy_Point .NewUser_Btn01,
#Buy_Point .NewUser_Btn02 {
  display: block;
  width: 270px;
  height: 39px;
  line-height: 39px;
  text-align: center;
  font-weight: bold;
  border-radius: 4px;
  margin: auto;
}
#Buy_Point .NewUser_Btn01 {
  background: #3251BC;
  font-size: 1.0625rem;
  color: #fff;
}
#Buy_Point .NewUser_Btn02 {
  margin-top: 25px;
  border: solid 1px #EDE5C4;
  color: #4E4545;
  font-size: 0.9375rem;
}
#Buy_Point .NewUser_Trial .Text_Link {
  display: inline-block;
  margin-top: 15px;
  font-size: 0.8125rem;
  font-weight: bold;
  color: #4E4545;
  text-align: center;
  text-decoration: underline;
}
#Buy_Point .NewUser_Trial .Note {
  margin: 20px 10px 0;
  line-height: 1.6;
  font-size: 0.6875rem;
  color: #4E4545;
  text-align: left;
}
/*==============================================
07.予想ポイントご利用明細 .PointUseDetail .PointUseHistory
==============================================*/
/* ご利用明細 - ポイント履歴 */
.point_history_select{
	position: relative;
	width: 154px;
	height: 28px;
	overflow: hidden;
	float: right;
	margin: 10px;
}
.point_history_select::before{
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	border: 0 solid transparent;
	border-width: 6px 3.5px 0;
	border-top-color: #666;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.point_history_select .pointUseHistoryMode{
	width: 100%;
	padding: 0 18px 0 11px;
	color: #444;
	font-size: 72.22%;
	line-height: 2;
	border-width: 1px;
	border-radius: 4px;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	border: 1px solid #dedede;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	zoom: 1.2;
}
.PointUseDetail{
	background: #f5f4f1;
	padding: 6px 30px 30px;
	margin-bottom: 30px;
	position: relative;
}
.YosoPointTitle01{
	font-size: 200%;
	color: #222;
	padding: 28px 0;
	text-align: center;
}
.Lead_Link{
	position: absolute;
	right: 30px;
	top: 40px;
}
.Lead_Link a{
	color: #333;
	text-decoration: underline;
}
.Lead_Link a:hover,
.Lead_Link a:active{
	text-decoration: none;
}

table.YosoPointTable01{
	width: 100%;
	border: 1px solid #d1cec7;
}

table.YosoPointTable01 th{
	background: #e6e4df;
	text-align: center;
	font-size: 114.5%;
	font-weight: bold;
	border-right: 1px solid #d1cec7;
	background: #e6e4df;
	padding: 11px 0;
	width: 350px;
	vertical-align: middle;
}

table.YosoPointTable01 td{
	background: #fff;
	text-align: right;
	font-size: 114.5%;
	vertical-align: middle;
}
.PointCellBox{
	line-height: 48px;
	background: #f5f4f1;
	margin: 5px;
	padding: 1px 10px 1px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.PointCellBox em{
	font-size: 137.3%;
	padding-right: 8px;
	padding-left: 8px;
	color: #ed9c00;
	font-weight: bold;
}
.PointCellBox strong span{
	font-size: 75%;
}

table.YosoPointTable01 td.PointAddBtnCell{
	width: 220px;
}

table.YosoPointTable01 td.PointAddBtnCell a.YosoBtn01{
	width: 216px;
	font-size: 100%;
	margin: 5px 5px 8px 0;
	padding: 15px 0px;
}

p.PointNote01{
	text-align: center;
	font-size: 85.7%;
	color: #7a756a;
	margin: 7px 0 17px;
	line-height: 1.4;
}

p.PointNote01 a{
	color: #7a756a;
	text-decoration: underline;
}

p.PointNote01 a:hover{
	text-decoration: none;
}

/*期間限定ポイント*/

.YosoPointTable01 th.LimitedTimePoint_Head{
	font-weight: 400;
}
.YosoPointTable01 th.LimitedTimePoint_Head+td{
	padding: 10px 0;
	width: 549px;
}
.YosoPointTable01 .LimitedTimePoint_CellBox{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.YosoPointTable01 .LimitedTimePoint_CellBox>span{
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin: 5px;
	text-align: center;
	color: #1f1f1f;
}
.YosoPointTable01 .LimitedTimePoint_CellBox .CurrentPoint{
	font-weight: bold;
	color: #dca33e;
	padding-right: 8px;
	font-size: 137.3%;
}
.YosoPointTable01 .Point_Breakdown{
	width: 220px;
	text-align: right;
	color: #1f1f1f;
}
.YosoPointTable01 .Point_Breakdown_Btn{
	position: relative;
	-webkit-appearance: none;
	padding: 4px 43px 4px 0;
	color: #444;
	font-size: 1rem;
	background-color: transparent;
	border: 0;
	outline: 0;
}
.YosoPointTable01 .Point_Breakdown_Btn::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 19px;
	border: 0 solid transparent;
	border-width: 8px 6px 0;
	border-top-color: #1f1f1f;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: -webkit-transform 0.2s;
	transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
	transition: transform 0.2s, -webkit-transform 0.2s;
}
.YosoPointTable01 .Point_Breakdown_Btn.open::after{
	-webkit-transform: translateY(-50%) rotateX(180deg);
	transform: translateY(-50%) rotateX(180deg);
}

/*期間限定ポイント 内訳*/
.LimitedTimePoint_Breakdown{
	display: none;
	overflow: hidden;
}
.LimitedTimePoint_Breakdown .PointUseHistorTable{
	margin: 8px 4px 0 5px;
	width: 539px;
}
.PointUseHistorTable{
	width: 100%;
	border-collapse: collapse;
}
.PointUseHistorTable .Header th{
	padding: 6px 8px;
	color: #888;
	font-size: 0.625rem;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
	vertical-align: middle;
	background-color: #eaeaea;
	border: 1px solid #cacaca;
}
.PointUseHistorTable .List td{
	vertical-align: middle;
	border: 1px solid #cacaca;
}
.LimitedTimePoint_Breakdown .PointUseHistorTable th:first-child,
.LimitedTimePoint_Breakdown .PointUseHistorTable td:first-child{
	border-left: 0;
}
.PointUseHistorTable th:last-child,
.PointUseHistorTable td:last-child{
	border-right: 0;
}
.PointUseHistorTable .Header .History{
	text-align: left;
}
.PointUseHistorTable .List .History{
	padding: 8px 5px;
}
.PointUseHistorTable .List .UsePoint,
.PointUseHistorTable .List .TotalPoint{
	padding: 12px 16px 12px 0;
	color: #444;
	font-size: 1.38rem;
	font-weight: 700;
	text-align: right;
	white-space: nowrap;
}
.PointUseHistorTable .List .UsePoint{
	width: 136px;
}
.PointUseHistorTable .List .TotalPoint{
	width: 22%;
}
.LimitedTimePoint_Breakdown .PointUseHistorTable th span,
.LimitedTimePoint_Breakdown .PointUseHistorTable td span{
	display: block;
}
.PointUseHistorTable .Header .History span,
.PointUseHistorTable .List .History ul{
	margin-bottom: 17px;
}
.PointUseHistorTable .List .History ul li{
	color: #1f1f1f;
	font-size: 1rem;
	line-height: 1.2;
}
.PointUseHistorTable .List .History ul .Date{
	float: left;
	margin-right: 4px;
}
.PointUseHistorTable .List .History ul .Number{
	float: right;
	padding-right: 6px;
}
.PointUseHistorTable .List .History .Item{
	text-align: left;
}
.PointUseHistorTable .List .History .Item a{
	display: inline-block;
	color: #444;
	font-size: 1rem;
	line-height: 1.27;
	text-decoration: none;
}
.PointUseHistorTable .List .History .Item .expire{
	margin-top: 2px;
	color: #1b9a36;
	font-size: 1rem;
	line-height: 1.27;
}
.PointUseHistorTable .List .History .Item .expired{
	margin-top: 2px;
	color: #fe642e;
	font-size: 0.6875rem;
	line-height: 1.27;
}
.PointUseHistorTable .List .UsePoint.Plus{
	color: #1b9a36;
}
.PointUseHistorTable .Cancel{
	background-color: #ddd;
}

/*予想タブ*/
.PointTabWrap01{}
.PointTabWrap01 ul{
	text-align: center;
}
.PointTabWrap01 ul li{
	display: inline-block;
	width: 254px;
}
.PointTabWrap01 ul li+li{
	margin-left: 10px;
}
.PointTabWrap01 ul li a{
	display: block;
	color: #98978c;
	background: #fff;
	border: 2px solid #e5e4dd;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	padding: 13px 0 12px;
	text-align: center;
	font-weight: bold;
	font-size: 114.5%;
}
.PointTabWrap01 ul li a:hover{
	background: #e5e4dd;
	text-decoration: none;
}
.PointTabWrap01 ul li.Active a{
	background: #e5e4dd;
	color: #222;
}
.PointUseHistoryBox{
	border: 10px solid #e5e4dd;
	background: #f5f4f1;
	padding: 20px;
	clear: both;
}
.PointUseHistoryBox ul.DataTypeChangeUl{
	text-align: center;
	margin-bottom: 16px;
}
.PointUseHistoryBox ul.DataTypeChangeUl li{
	width: 360px;
	display: inline-block;
}
.PointUseHistoryBox ul.DataTypeChangeUl li+li{
	margin-left: 6px;
}
.PointUseHistoryBox ul.DataTypeChangeUl li a{
	display: block;
	border: 2px solid #d1cec9;
	border-radius: 4px;
	padding: 12px;
	font-size: 114.5%;
	text-align: center;
	text-decoration: none;
	color: #222;
	font-weight: bold;
}
.PointUseHistoryBox ul.DataTypeChangeUl li a:hover{
	background: #fcfcfc;
}
.PointUseHistoryBox ul.DataTypeChangeUl li.DataTypeChangeJra.Active a{
	color: #fff;
	background: #1f4fc3;
	border: 2px solid #1f4fc3;
	cursor: default;
}
.PointUseHistoryBox ul.DataTypeChangeUl li.DataTypeChangeNar.Active a{
	color: #fff;
	background: #bf552e;
	border: 2px solid #bf552e;
	cursor: default;
}


table.PointUseHistorTable{}

table.PointUseHistorTable thead th{
	background: #d1cec7;
	text-align: center;
	font-weight: bold;
	border: 1px solid #bbb7ac;
	padding: 11px 0;
}

table.PointUseHistorTable tbody th{
	background: #f5f4f1;
	vertical-align: middle;
	border: 1px solid #d1cec7;
	border-top: 0 none;
	padding-left: 18px;
	font-weight: bold;
	width: 180px;
}

table.PointUseHistorTable tbody th span.Sat{
	color: #3b8dd9;
}

table.PointUseHistorTable tbody th span.Sun{
	color: #e83e3e;
}

table.PointUseHistorTable tbody td{
	vertical-align: middle;
	background: #fff;
	border: 1px solid #d1cec7;
	border-top: 0 none;
	padding: 4px;
}

table.PointUseHistorTable tbody td .Cancel{
	background-color: #DDDDDD;
}

table.PointUseHistorTable tbody tr.DayChange th,
table.PointUseHistorTable tbody tr.DayChange td{
	border-top: 2px solid #d1cec7;
}

table.PointUseHistorTable a{
	color: #333;
	text-decoration: underline;
}

table.PointUseHistorTable a:hover{
	text-decoration: none;
}

table.PointUseHistorTable span.ToYosoBtn a{
	display: block;
	padding: 6px 0;
	margin: auto;
	width: 110px;
	text-align: center;
	background: #fff;
	color: #333;
	font-weight: bold;
	font-size: 85.7%;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 2px solid #e1e0d9;
	text-decoration: none;
}

table.PointUseHistorTable span.ToYosoBtn a:hover{
	background: #eee;
}

table.PointUseHistorTable span.ToYosoHitBtn a{
	display: block;
	padding: 4px 0;
	margin: auto;
	width: 110px;
	text-align: center;
	background: #ea5050;
	color: #fff;
	font-weight: bold;
	font-size: 85.7%;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 2px solid #ea5050;
	text-decoration: none;
}

table.PointUseHistorTable span.ToYosoHitBtn a:hover{
	background: #e77270;
	border: 2px solid #e77270;
}

table.PointUseHistorTable span.ToYosoBtn a:before,
table.PointUseHistorTable span.ToYosoHitBtn a:before{
	content: "";
	display: inline-block;
	background-image: url("../img/icon/icon_sprite_yoso.png");
	background-repeat: no-repeat;
	-webkit-background-size: 164px 500px;
	-moz-background-size: 164px 500px;
	-ms-background-size: 164px 500px;
	-o-background-size: 164px 500px;
	background-size: 164px 500px;
	vertical-align: middle;
	margin-right: 6px;
}

table.PointUseHistorTable span.ToYosoBtn a:before{
	width: 18px;
	height: 16px;
	background-position: -7px -36px;
}

table.PointUseHistorTable span.ToYosoHitBtn a:before{
	width: 18px;
	height: 16px;
	background-position: -66px -7px;
}

table.PointUseHistorTable td.RaceCell{
	padding-left: 18px;
	width: 334px;
}

table.PointUseHistorTable th.YosoBtnCell{
	width: 122px;
}

table.PointUseHistorTable th.IpatCell{
	width: 92px;
}

table.PointUseHistorTable td.ContentCell{
	padding: 11px 0 11px 11px;
	line-height: 1.6;
}

table.PointUseHistorTable th.PointCell_01{
	width: 90px;
}

table.PointUseHistorTable td.PointCell_02{
	width: 100px;
	background: #ffe7e7;
	vertical-align: middle;
	font-weight: bold;
	text-align: right;
	color: #ea5050;
}

table.PointUseHistorTable td.Txt_R{
	padding-right: 11px;
}
table.PointUseHistorTable td .UsedText{
	display: none;
}
table.PointUseHistorTable tr.used td{
	    background: #F3F3F3;
}
table.PointUseHistorTable tr.used td .UsedText{
	display: inline-block;
	color: #B7443E;
	margin-left: 4px;
	font-weight: bold;
}
table.PointUseHistorTable td span.Expired{
	color: #B7443E;
	margin-left: 4px;
	font-weight: bold;
}

/*-- ページャー
.Pager01{
	display: table;
	margin: 22px auto;
}
.Pager01 .PagerPrev,
.Pager01 .PagerNext,
ul.PagerList{
	display: table-cell;
	vertical-align: middle;
}
.Pager01 .PagerPrev a,
.Pager01 .PagerNext a{
	display: inline-block;
	color: #222;
	background: #e5e4dd;
	border-radius: 3px;
	box-shadow: 0 2px 0 rgba(189, 188, 177, 1);
	padding: 10px 0;
	position: relative;
	text-align: center;
	width: 77px;
}
.Pager01 .PagerPrev a{
	text-indent: 17px;
}
.Pager01 .PagerNext a{
	text-indent: -17px;
}
.Pager01 .PagerPrev a:before,
.Pager01 .PagerNext a:after{
	content: '';
	display: inline-block;
	width: 18px;
	height: 34px;
	position: absolute;
	top: 0;
}
.Pager01 .PagerPrev a:before{
	background: #6c6b61 url("../img/icon/icon_arrowL01.png") no-repeat center;
	border-radius: 3px 0 0 3px;
	left: 0;
}
.Pager01 .PagerNext a:after{
	background: #6c6b61 url("../img/icon/icon_arrowR01.png") no-repeat center;
	border-radius: 0 3px 3px 0;
	right: 0;
}
ul.PagerList{
	padding: 0 30px;
}
ul.PagerList li{
	float: left;
}
ul.PagerList li + li{
	margin-left: 14px;
}
ul.PagerList li a{
	display: inline-block;
	color: #222;
	border: 1px solid #d1cec7;
	border-radius: 3px;
	padding: 10px 0;
	position: relative;
	text-align: center;
	width: 36px;
	text-decoration: underline;
}
ul.PagerList li a:hover{
	background: #fff;
	text-decoration: none;
}
ul.PagerList li a.Active{
	display: inline-block;
	color: #fff;
	border: 1px solid #b5b1a8;
	background: #b5b1a8;
}
ul.PagerList li span.Continued{
	display: inline-block;
	padding: 10px 0;
}--*/

/*-- 開発仕様に合わせたページャー --*/
.CommonPager{
	margin: 22px auto;
	text-align: center;
}
.CommonPager ul{
	display: inline-block;
	vertical-align: middle;
	margin:auto;
}
.CommonPager ul:last-child{ /*ここでは使わない機能隠し*/
	display: none;
}
.CommonPager ul li{
	float: left;
}
.CommonPager ul li + li{
	margin-left: 14px;
}
.CommonPager ul li a{
	display: inline-block;
	color: #222;
	border: 1px solid #d1cec7;
	border-radius: 3px;
	padding: 10px 0;
	position: relative;
	text-align: center;
	width: 36px;
	text-decoration: underline;
}
.CommonPager ul li a.Prev,
.CommonPager ul li a.Next{
	border: none;
	padding: 0;
	    width: 77px;
}
.CommonPager ul li a:hover{
	background: #fff;
	text-decoration: none;
}
.CommonPager ul li a.Active{
	display: inline-block;
	color: #fff;
	border: 1px solid #b5b1a8;
	background: #b5b1a8;
}
.CommonPager ul li:first-child a span.Prev,
.CommonPager ul li:last-child a span.Next{
	display: inline-block;
	color: #222;
	background: #e5e4dd;
	border-radius: 3px;
	border: none;
	box-shadow: 0 2px 0 rgba(189, 188, 177, 1);
	padding: 10px 0;
	position: relative;
	text-align: center;
	width: 77px;
	text-decoration: none;
}
.CommonPager ul li:first-child a span.Prev:before{
	background: #6c6b61 url("../img/icon/icon_arrowL01.png") no-repeat center;
	border-radius: 3px 0 0 3px;
	left: 0;
}
.CommonPager ul li:last-child a span.Next:after{
	background: #6c6b61 url("../img/icon/icon_arrowR01.png") no-repeat center;
	border-radius: 0 3px 3px 0;
	right: 0;
}
.CommonPager ul li:first-child a span.Prev:before,
.CommonPager ul li:last-child a span.Next:after{
	content: '';
	display: inline-block;
	width: 18px;
	height: 34px;
	position: absolute;
	top: 0;
}
.CommonPager ul li:first-child a span.Prev{
	text-indent: 17px;
}
.CommonPager ul li:last-child a span.Next{
	text-indent: -17px;
}
.CommonPager ul li:first-child a span.Prev:hover,
.CommonPager ul li:last-child a span.Next:hover{
	text-decoration: underline;
}


.PointUseListInfo p{
	font-size: 85.7%;
	line-height: 1.6;
	color: #7a756a;
}
.PointUseListInfo p a{
	color: #7a756a;
	text-decoration: underline;
}
.PointUseListInfo p a:hover{
	text-decoration: none;
}

/*==============================================
08.決済手段の選択 .PaymentSelect
==============================================*/
/*-- 自動購入必要ポイント --*/
.auto_byContent.ApRequirePoint{
	font-size: 114.29%;
	text-align: center;
	padding: 33px 0 7px;
}
.auto_byContent.ApRequirePoint p em{
	font-size: 112.5%;
	font-weight: bold;
	margin: 0 6px 0 8px;
}

/*-- 選択 --*/
.PaymentSelect{
	padding-top: 26px;
}

h2.PaymentSelect_Txt01{
	font-weight: bold;
	text-align: center;
	background: #e5e4dd;
	padding: 15px 0;
}

h2.PaymentSelect_Txt01 span{
	font-weight: normal;
	color: #7b7b7b;
	font-size: 85.7%;
	padding-left: 8px;
}

h2.PaymentSelect_Txt01 span a{
	color: #7a756a;
	text-decoration: underline;
}

h2.PaymentSelect_Txt01 span a:hover{
	text-decoration: none;
}
.PaymentSelect_Txt02{
	font-weight: bold;
	text-align: center;
	padding: 7px 0 10px;
	font-size: 129%;
}
.PaymentSelect dl{
	border: 3px solid #e5e4dd;
	border-top: 0 none;
	background: #fff;
	padding: 10px 20px 20px;
}
.PaymentSelect dl dt{
	font-weight: bold;
	padding: 10px 6px 6px;
}
.PaymentSelect dl dt a{
	display: inline-block;
	color: #b29c5a;
	text-decoration: underline;
	padding: 2px;
	position: relative;
	z-index: 100;
}
.PaymentSelect dl dt span.ToolTip01{
	display: inline-block;
	background-image: url("../img/icon/icon_yoso_guestion01.png");
	background-position: left center;
	background-repeat: no-repeat;
	-webkit-background-size: 14px 14px;
	-moz-background-size: 14px 14px;
	-ms-background-size: 14px 14px;
	-o-background-size: 14px 14px;
	background-size: 14px 14px;
	padding-left: 18px;
	margin-left: 10px;
	font-size: 85.7%;
	line-height: 1.6;
	position: relative;
}
.PaymentSelect dl dt span.TipInfo01{
	display: block;
	position: absolute;
	z-index: 10;
	right: -220px;
	top: -80px;
	width: 200px;
	padding: 12px;
	color: #222;
	background: #ede1b4;
	border: 2px solid #d5c288;
	border-radius: 4px;
	line-height: 1.6;
	font-weight: normal;
}
.TipInfo01:after{
	width: 100%;
	content: "";
	display: block;
	position: absolute;
	left: -204px;
	top: 80px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #ede1b4 transparent transparent;
}
.TipInfo01:before{
	width: 100%;
	content: "";
	display: block;
	position: absolute;
	left: -207px;
	top: 80px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #d5c288 transparent transparent;
}
.PaymentSelect .PaymentListBox{
	background: #fff;
	color: #333;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 2px solid #e1e0d9;
	margin: 0 0 6px;
	padding: 10px;
	position: relative;
}
.PaymentSelect .PaymentListBox span.PaymentSelectBtn{
	display: block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 2px solid #e1e0d9;
	font-weight: bold;
	width: 258px;
	float: right;
}
.PaymentSelect .PaymentListBox span.PaymentSelectBtn a{
	display: block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-image: -webkit-gradient(linear,
			left top,
			left bottom,
			color-stop(0, #f7f6f4),
			color-stop(1, #edece6));
	background-image: -o-linear-gradient(bottom, #f7f6f4 0%, #edece6 100%);
	background-image: -moz-linear-gradient(bottom, #f7f6f4 0%, #edece6 100%);
	background-image: -webkit-linear-gradient(bottom, #f7f6f4 0%, #edece6 100%);
	background-image: -ms-linear-gradient(bottom, #f7f6f4 0%, #edece6 100%);
	background-image: linear-gradient(to bottom, #f7f6f4 0%, #edece6 100%);
	border-top: 1px solid #fff;
	color: #333;
	text-decoration: none;
	text-align: center;
	padding: 14px 0;
	min-height: 43px;
}
.PaymentSelect .PaymentListBox span.PaymentSelectBtn a:hover{
	background: #eee;
}
.PaymentSelect .PaymentListBox .PaymentSelectImg{
	display: block;
	background-image: url("../img/yoso/paymentselect_img01.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	-webkit-background-size: 340px 300px;
	-moz-background-size: 340px 300px;
	-ms-background-size: 340px 300px;
	-o-background-size: 340px 300px;
	background-size: 340px 300px;
	text-indent: -9633em;
	position: absolute;
	top: 50%;
	left: 36px;
}
.PaymentSelect .PaymentListBox .credit_Image{
	background-position: 0 0;
	width: 182px;
	height: 28px;
	margin-top: -14px;
}
.PaymentSelect .PaymentListBox .docomo_Image{
	background-position: 0 -50px;
	width: 213px;
	height: 24px;
	margin-top: -12px;
}
.PaymentSelect .PaymentListBox .au_Image{
	background-position: 0 -100px;
	width: 314px;
	height: 19px;
	margin-top: -9px;
}
.PaymentSelect .PaymentListBox .sb_Image{
	background-position: 0 -150px;
	width: 240px;
	height: 21px;
	margin-top: -10px;
}
.PaymentSelect .PaymentListBox .webmoney_Image{
	background-position: 0 -200px;
	width: 223px;
	height: 28px;
	margin-top: -14px;
}

/*==============================================
09.予想ポイント追加 .PointCourseSelect
==============================================*/
.PointCourseSelect{
	padding-top: 26px;
}
.PointCourseList{
	border: 3px solid #e5e4dd;
	border-top: 0 none;
	background: #fff;
	padding: 20px 34px 5px;
	overflow: hidden;
}

/*スーパープレミアムコース*/
.SuperPremiumCourse .PointCourseBox01{
	height: 133px;
}
.SuperPremiumCourse .SuperPremiumCourse_Frame{
	position: relative;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 3px solid #dbd8cd;
	background-image: -webkit-gradient(linear,
			left top,
			left bottom,
			color-stop(0, #f5f4f1),
			color-stop(1, #e5e1d8));
	background-image: -o-linear-gradient(bottom, #f5f4f1 0%, #e5e1d8 100%);
	background-image: -moz-linear-gradient(bottom, #f5f4f1 0%, #e5e1d8 100%);
	background-image: -webkit-linear-gradient(bottom, #f5f4f1 0%, #e5e1d8 100%);
	background-image: -ms-linear-gradient(bottom, #f5f4f1 0%, #e5e1d8 100%);
	background-image: linear-gradient(to bottom, #f5f4f1 0%, #e5e1d8 100%);
	margin: 0 0 18px 0;
}

body.Yoso .SuperPremiumCourse .PointAddBtn01 a.YosoBtn01{
	width: 220px;
	margin-left: 32px;
}
.PointCourseList .SuperPremiumCourse .SuperPremiumCourse_C-Wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 133px;
}
.PointCourseList .SuperPremiumCourse .content_1{
	width: 330px;
}
.PointCourseList .SuperPremiumCourse .content_2{
	width: 182px;
	text-align: center;
	height: 88px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.PointCourseList .SuperPremiumCourse .S-PremiumTxt01{
	text-align: center;
	color: #75746e;
	font-size: 128.6%;
	font-weight: bold;
}
.PointCourseList .SuperPremiumCourse .S-PremiumTxt02{
	display: block;
	text-align: center;
	color: #45a78f;
	font-size: 200%;
	font-weight: bold;
	padding: 16px 0 10px;
}
.PointCourseList .SuperPremiumCourse .S-PremiumTxt03{
	text-align: center;
	color: #75746e;
	font-size: 114.5%;
	font-weight: bold;

}
.PointCourseList .SuperPremiumCourse .S-PremiumTxt03 span{
	color: #da4343;
	padding: 0 3px;
}
.PointCourseList .SuperPremiumCourse .Txt_New{
	color: #fff;
	background: #da4343;
	font-size: 63.8%;
	padding: 3px 5px;
	border-radius: 4px;
	vertical-align: 3px;
	margin-right: 7px;
}
.PointCourseList .SuperPremiumCourse .S-PremiumTxt04{
	font-weight: bold;
	text-align: center;
	padding: 3px 0;
	color: #75746e;
	background: #fff;
	font-size: 100%;
	border-radius: 10px;
}
.PointCourseList .SuperPremiumCourse .S-PremiumTxt05{
	font-weight: bold;
	padding: 6px 0 8px;
	font-size: 114%;
	color: #75746e;
}
.PointCourseList .SuperPremiumCourse .S-PremiumTxt05 span{
	color: #46a78f;
}
.PointCourseList ul{
	width: 840px;
}
.PointCourseList ul li{
	float: left;
	width: 266px;
	height: 180px;
	position: relative;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 3px solid #dbd8cd;
	background-image: -webkit-gradient(linear,
			left top,
			left bottom,
			color-stop(0, #f5f4f1),
			color-stop(1, #e5e1d8));
	background-image: -o-linear-gradient(bottom, #f5f4f1 0%, #e5e1d8 100%);
	background-image: -moz-linear-gradient(bottom, #f5f4f1 0%, #e5e1d8 100%);
	background-image: -webkit-linear-gradient(bottom, #f5f4f1 0%, #e5e1d8 100%);
	background-image: -ms-linear-gradient(bottom, #f5f4f1 0%, #e5e1d8 100%);
	background-image: linear-gradient(to bottom, #f5f4f1 0%, #e5e1d8 100%);
	margin: 0 14px 18px 0;
}
.PointCourseBox01{
	position: relative;
	height: 180px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-top: 2px solid #fff;
}

span.PointCourseTxt01{
	display: block;
	text-align: center;
	color: #75746e;
	font-size: 128.6%;
	font-weight: bold;
	padding: 23px 0 0;
}

span.PointCourseTxt02{
	display: block;
	text-align: center;
	color: #45a78f;
	font-size: 200%;
	font-weight: bold;
	/* padding: 16px 0 20px; */
	padding: 10px 0 8px;
}

span.PointCourseTxt02 span{
	font-size: 85.7%;
}

span.PointCoursePrice{
	font-size: 120%;
	color: #7b7b7b;
	padding-bottom: 5px;
	display: block;
	text-align: center;
	font-weight: bold;
}
.PointCourseBox01 .PointCoursePrice span{
	color: #da4343;
}

span.PointCourseTxt03 em{
	color: #da4343;
	font-weight: bold;
}

body.Yoso .PointAddBtn01 a.YosoBtn01{
	font-size: 107.2%;
	margin: 5px 10px;
	padding: 15px 0;
	width: auto;
}

span.OtokuFlg01,
span.OtokuFlg02,
span.OtokuFlg03,
span.OtokuFlg04,
span.OtokuFlg05{
	display: block;
	position: absolute;
	top: -4px;
	right: -2px;
	width: 102px;
	height: 102px;
	color: #fff;
	font-weight: bold;
	font-size: 85.7%;
	text-align: right;
	background-image: url("../img/yoso/OtokuFlg_bg01.png");
	background-repeat: no-repeat;
	-webkit-background-size: 150px 700px;
	-moz-background-size: 150px 700px;
	-ms-background-size: 150px 700px;
	-o-background-size: 150px 700px;
	background-size: 150px 700px;
	padding: 12px 6px;
}

span.OtokuFlg01{
	background-position: 0 0;
}

span.OtokuFlg02{
	background-position: 0 -125px;
}

span.OtokuFlg03{
	background-position: 0 -250px;
}

span.OtokuFlg04{
	background-position: 0 -375px;
}

span.OtokuFlg05{
	background-position: 0 -493px;
}

span.OtokuFlg01 em,
span.OtokuFlg02 em,
span.OtokuFlg03 em,
span.OtokuFlg04 em,
span.OtokuFlg05 em{
	font-size: 150%;
	display: block;
	color: #ffdf61;
	font-weight: bold;
}

span.OtokuFlg01 em span,
span.OtokuFlg02 em span,
span.OtokuFlg03 em span,
span.OtokuFlg04 em span,
span.OtokuFlg05 em span{
	font-size: 75%;
}



.PointFaqList{
	padding-top: 26px;
}
.PointFaqList ul{
	border: 3px solid #e5e4dd;
	border-top: 0 none;
	border-bottom: 2px solid #e5e4dd;
}
.PointFaqList ul li{
	border-bottom: 1px solid #e5e4dd;
	background: #fff;
	font-size: 114.5%;
}
.PointFaqList ul li dl{
	padding: 16px 28px;
}
.PointFaqList ul li dl.QuestOpen{
	background: #f2f9e9;
}
.PointFaqList ul li dl dt,
.PointFaqList ul li dl dd{
	position: relative;
	padding-left: 1.5em;
	line-height: 1.6;
}
.PointFaqList ul li dl dt{
	padding-right: 36px;
}
.PointFaqList ul li dl dd{
	margin-top: 14px;
	display: none;
	font-weight: bold;
}
.PointFaqList ul li dl dt:before{
	content: "Q.";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	font-weight: bold;
	color: #e95e5e;
}
.PointFaqList ul li dl dd:before{
	content: "A.";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	font-weight: bold;
	color: #84b252;
}
.PointFaqList ul li dl dt:after{
	content: " ";
	display: block;
	width: 26px;
	height: 26px;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background-color: #e5e4dd;
	background-image: url("../img/icon/icon_sprite_yoso_arrow01.png");
	background-position: 6px 9px;
	background-repeat: no-repeat;
	-webkit-background-size: 20px 45px;
	-moz-background-size: 20px 45px;
	-ms-background-size: 20px 45px;
	-o-background-size: 20px 45px;
	background-size: 20px 45px;
}
.PointFaqList ul li dl.QuestOpen dt:after{
	background-color: #bdbcb2;
	background-position: 6px -19px;
}


/* ポイント購入前 fancypopup */
.Purchase_Popup_Wrap{
	border: 3px solid #cfcdc3;
	border-radius: 5px;
	background: #f5f4f1;
}
.Purchase_Popup_Header{}
.Purchase_Popup_Header .PopupTitle{
	font-size: 142.9%;
	font-weight: bold;
	background: #e5e4dd;
	text-align: center;
	padding: 20px 0;
}
.Purchase_Popup_Header .Txt{
	line-height: 1.4;
	text-align: center;
	padding: 17px 0;
}
.Purchase_Popup_Main{
	background: #fff;
	margin: 14px;
	padding: 36px 16px;
	text-align: center;
}
.Purchase_Popup_Main .PointTxt{
	font-size: 128.6%;
	line-height: 1.4;
	margin-bottom: 20px;
}
.Purchase_Popup_Main .Recommend_Course{
	font-size: 128.6%;
	margin-bottom: 22px;
}
.Purchase_Popup_Main .Recommend_Course dt{
	font-weight: bold;
	margin-bottom: 8px;
}
.Purchase_Popup_Main .Recommend_Course dd{
	color: #e1a405;
	font-weight: bold;
	line-height: 1.4;
}
.Purchase_Popup_Main .BtnArea{
	margin-bottom: 18px;
}
.Purchase_Popup_Main .BtnArea a.YosoBtn01{
	width: 340px;
}
.Purchase_Popup_Main .MemberLink{
	text-align: center;
}
.Purchase_Popup_Main .MemberLink a{
	color: #333;
	border-bottom: 1px solid #333;
}


/* ポイント購入後 */
.auto_buy_point_message{
	padding: 40px 0;
	text-align: center;
	width: 662px;
	margin: auto;
	background-color: #fff;
}
.auto_buy_point_message p{
	font-size: 185.71%;
	margin-bottom: 20px;
}
.auto_buy_btnBox{
	display: flex;
	justify-content: center;
	margin: 10px 0 22px;
}
.auto_buy_btnBox .YosoBtn02{
	width: 280px;
	margin: 0 10px;
}
.auto_buy_btnBox .YosoBtn02 a{
	width: 100%;
}
.mamberCautionBtn a{
	display: block;
	width: 200px;
	margin: 30px auto;
	border-radius: 7px;
	font-size: 14px;
	font-weight: bold;
	background: #1232a3;
	color: #fff;
	padding: 15px 0px;
	text-align: center;
}
.mamberCautionTxt{
	background: #f5f4f1;
	padding: 22px 20px 20px;
}
.mamberCautionTxt h4{
	color: #da4343;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	margin-bottom: 20px;
}
.mamberCautionTxt p{
	line-height: 1.5;
}






/*==============================================
10.予想トップ
==============================================*/
.YosoContentHeadVisual{
	/* background-image: url("../img/yoso/yoso_top_head_bg01.jpg"); */
	background: #F5F4F1;
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.YosoContentHeadWrap{
	width: 960px;
	padding: 16px 0;
	margin: 0 auto;
}
.YosoContentHeadWrap .YosoHeadLeft{
	float: left;
	width: 645px;
}
.YosoContentHeadWrap .YosoHeadRight{
	float: right;
	width: 300px;
}
.YosoTopColumnWrap01{
	display: flex;
	margin-bottom: 24px;
	justify-content: space-between;
}

/*-- 的中速報 --*/
.NewsTickerArea{
	background: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 6px;
	margin-bottom: 10px;
}
.NewsTickerArea .NewsTickerBox{
	float: left;
	width: 478px;
	border: 1px solid #e0deda;
	position: relative;
	height: 28px;
	overflow: hidden;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	padding-left: 100px;
}
.NewsTickerArea .HitNewsMoreBtn{
	float: right;
	width: 147px;
}
.NewsTickerArea .HitNewsMoreBtn a{
	display: block;
	background: #C2BEB3;
	background-image: -webkit-gradient(linear,
			left top,
			left bottom,
			color-stop(0, #E0DCD2),
			color-stop(1, #C2BEB3));
	background-image: -o-linear-gradient(bottom, #E0DCD2 0%, #C2BEB3 100%);
	background-image: -moz-linear-gradient(bottom, #E0DCD2 0%, #C2BEB3 100%);
	background-image: -webkit-linear-gradient(bottom, #E0DCD2 0%, #C2BEB3 100%);
	background-image: -ms-linear-gradient(bottom, #E0DCD2 0%, #C2BEB3 100%);
	background-image: linear-gradient(to bottom, #E0DCD2 0%, #C2BEB3 100%);
	border-radius: 5px;
	box-shadow: 0 2px 0 rgba(145, 144, 134, 1), inset 0 -1px 0 rgba(212, 209, 200, 1);
	color: #222;
	font-size: 85.7%;
	font-weight: bold;
	line-height: 24px;
	position: relative;
	text-align: center;
	padding-right: 10px;
}
.NewsTickerArea .HitNewsMoreBtn a:hover{
	opacity: 0.75;
	text-decoration: none;
}
.NewsTickerArea .HitNewsMoreBtn a:after{
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top: 5px solid #222;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	right: 9px;
}
.NewsTickerBox .HitNewsTitle{
	width: 92px;
	line-height: 26px;
	position: absolute;
	top: 0;
	left: 0;
	background: #da4343;
	color: #fff;
	font-weight: bold;
	z-index: 10;
	text-align: center;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}
.NewsTickerBox .HitNewsTitle span{
	display: inline-block;
	line-height: 24px;
}
.NewsTickerBox .HitNewsTitle span:before{
	content: '';
	display: inline-block;
	width: 20px;
	height: 24px;
	background-image: url("../img/icon/icon_sprite_yoso.png");
	background-position: -66px -4px;
	background-repeat: no-repeat;
	-webkit-background-size: 164px 500px;
	-moz-background-size: 164px 500px;
	-ms-background-size: 164px 500px;
	-o-background-size: 164px 500px;
	background-size: 164px 500px;
	vertical-align: middle;
}
.tickercontainer{
	overflow: hidden;
	width: 100%;
}
.tickercontainer .mask{
	width: 90%;
	position: relative;
}

ul#NewsTickerList{
	overflow: hidden;
	position: relative;
}

ul#NewsTickerList li{
	float: left;
	overflow: hidden;
	line-height: 26px;
	color: #00f;
	white-space: nowrap;
	padding-right: 200px;
}

ul#NewsTickerList li a{
	color: #333;
}

ul#NewsTickerList li a strong{
	color: #da4343;
}
.YosoSlideArea01{
	height: 330px;
	overflow: hidden;
}
.slick-slider{
	background: #000;
}
.YosoSlideArea01 .slick-slide{
	opacity: 0.65;
}
.YosoSlideArea01 .slick-center{
	opacity: 1 !important;
}
.YosoSlideArea01 .SlideImgBox01{
	position: relative;
	width: 567px;
}
.YosoSlideArea01 .SlideTxtArea{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 220px;
	background-image: -moz-linear-gradient(center top,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.1) 25%,
			rgba(0, 0, 0, 0.35) 50%,
			rgba(0, 0, 0, 0.80) 70%,
			rgba(0, 0, 0, 0.85) 100%);
	background-image: -o-linear-gradient(top,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.1) 25%,
			rgba(0, 0, 0, 0.35) 50%,
			rgba(0, 0, 0, 0.80) 70%,
			rgba(0, 0, 0, 0.85) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom,
			color-stop(0, rgba(0, 0, 0, 0)),
			color-stop(0.25, rgba(0, 0, 0, 0.1)),
			color-stop(0.5, rgba(0, 0, 0, 0.35)),
			color-stop(0.7, rgba(0, 0, 0, 0.80)),
			color-stop(1.0, rgba(0, 0, 0, 0.85)));
	background-image: -ms-linear-gradient(bottom,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.1) 25%,
			rgba(0, 0, 0, 0.35) 50%,
			rgba(0, 0, 0, 0.80) 70%,
			rgba(0, 0, 0, 0.85) 100%);
	background-image: linear-gradient(to bottom,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.1) 25%,
			rgba(0, 0, 0, 0.35) 50%,
			rgba(0, 0, 0, 0.80) 70%,
			rgba(0, 0, 0, 0.85) 100%);
}
.YosoSlideArea01 .SlideTxtArea .SlideTxtInner{
	position: absolute;
	left: 0;
	bottom: 36px;
	width: 100%;
	font-weight: bold;
}
.YosoSlideArea01 .SlideTxtArea .Content_Cate{
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	line-height: 22px;
	display: inline-block;
	padding: 0 6px 0 8px;
	margin-bottom: 4px;
	height: 0;
	border-bottom: 22px solid #cf3f3e;
	border-right: 10px solid transparent;
}
.YosoSlideArea01 .SlideTxtArea .ContentMainTitle{
	color: #fff;
	font-size: 171.5%;
	font-weight: bold;
	line-height: 1.2;
	width: 100%;
	padding: 0 24px;
	text-shadow: 1px 1px 1px #000;
	display: block;
}

/*
.YosoSlideArea01 .SlideTxtArea p.SlideTxt01{
	font-size: 171.5%;
	color: #fff;
	padding: 0 16px;
	line-height: 1.2;
}
.YosoSlideArea01 .SlideTxtArea p.SlideTxt02{
	font-size: 85.7%;
	color: #bbb;
	padding: 6px 16px 0;
	line-height: 1.5;
}
*/
.YosoSlideArea01 .slick-center .SlideImgBox01{
	background: #fff;
}
.YosoSlideArea01 .slick-center{
	opacity: 1 !important;
	background: #fff;
}
.YosoSlideArea01 .slick-center a{
	display: block;
}

/*.YosoSlideArea01 .slick-center a:hover{
	opacity: .8;
}*/
.YosoSlideArea01 .slick-slide img{
	width: 567px;
	margin: auto;
}
.SlideImgBox01{
	display: block;
}

/*-- Slider.css --*/
.slick-slider{
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list{
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus{
	outline: none;
}
.slick-list.dragging{
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track{
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before,
.slick-track:after{
	display: table;
	content: '';
}
.slick-track:after{
	clear: both;
}
.slick-loading .slick-track{
	visibility: hidden;
}
.slick-slide{
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide{
	float: right;
}
.slick-slide img{
	display: block;
}
.slick-slide.slick-loading img{
	display: none;
}
.slick-slide.dragging img{
	pointer-events: none;
}
.slick-initialized .slick-slide{
	display: block;
}
.slick-loading .slick-slide{
	visibility: hidden;
}
.slick-vertical .slick-slide{
	display: block;
	height: auto;
	border: 1px solid transparent;
}

/*
 * ポインター
 */
#SlideBox .slick-dots{
	position: absolute;
	display: block;
	bottom: 10px;
	left: 78px;
	width: 528px;
	text-align: center;
}
.slick-dots li{
	cursor: pointer;
	width: 8px;
	height: 8px;
	margin: 7px 5px;
	background: #5e5d58;
	display: inline-block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}
.slick-dots li button{
	border: 0;
	background: transparent;
	color: transparent;
	cursor: pointer;
	display: block;
	font-size: 0;
	line-height: 0;
	outline: none;
	width: 8px;
	height: 8px;
	padding: 0;
}
.slick-dots li button:hover,
.slick-dots li button:focus{
	outline: none;
}
.slick-dots li button:before{
	display: block;
	content: " ";
	width: 8px;
	height: 8px;
	font-size: 0;
	line-height: 0;
	opacity: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
	background: #55a78e;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

/* Arrows */
.slick-prev,
.slick-next{
	position: absolute;
	display: block;
	height: 328px;
	width: 78px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 0;
	padding: 0;
	border: none;
	outline: none;
	z-index: 10;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
	outline: none;
	background: transparent;
	color: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before{
	opacity: 1;
}
.slick-prev:before,
.slick-next:before{
	display: block;
	position: absolute;
	top: 108px;
	left: 0;
	content: " ";
	height: 102px;
	width: 35px;
	font-size: 0;
	line-height: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-next:before{
	left: auto;
	right: 0;
}
.slick-prev{
	left: 0px;
}
.slick-prev:before{
	background: url("../img/yoso/SlideArrow_01.png") no-repeat 0 center;
	-webkit-background-size: 180px 108px;
	-moz-background-size: 180px 108px;
	-ms-background-size: 180px 108px;
	-o-background-size: 180px 108px;
	background-size: 180px 108px;
}
.slick-next{
	right: 0px;
}
.slick-next:before{
	background: url("../img/yoso/SlideArrow_01.png") no-repeat -140px center;
	-webkit-background-size: 180px 108px;
	-moz-background-size: 180px 108px;
	-ms-background-size: 180px 108px;
	-o-background-size: 180px 108px;
	background-size: 180px 108px;
}

/*-- あなたのポイント情報 --*/
.MyPointArea01{
	margin-bottom: 10px;
}

h2.MyPointAreaTitle{
	background: #e0a300;
	color: #fff;
	position: relative;
	padding: 14px 0 14px 73px;
}

h2.MyPointAreaTitle:before{
	display: block;
	position: absolute;
	top: 0px;
	left: -3px;
	content: "";
	width: 73px;
	height: 47px;
	background: url("../img/icon/icon_yoso_baken_01.png") no-repeat 0 0;
	-webkit-background-size: 73px 47px;
	-moz-background-size: 73px 47px;
	-ms-background-size: 73px 47px;
	-o-background-size: 73px 47px;
	background-size: 73px 47px;
}

h2.MyPointAreaTitle:after{
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 8px solid #e0a300;
	position: absolute;
	bottom: -16px;
	left: 50%;
}
.MyPointDataBox{
	background: #fff;
	border: 4px solid #ebb838;
	border-top: 0 none;
	padding: 0 10px 10px;
}
.MyPointDataBox p{
	font-size: 200%;
	text-align: center;
	font-weight: bold;
	color: #45a78f;
	padding: 50px 0 33px;
}
.MyPointDataBox p span{
	font-size: 57.2%;
	padding-left: 4px;
}

body.Yoso .MyPointDataBox .PointAddBtn01 a.YosoBtn01{
	font-size: 100%;
	margin: 5px auto;
	padding: 10px 0px;
}
/*-- あなたの利用状況 --*/
/*ポイント*/
.PersonalInfo{
	background-color: #fff;
	border: solid 1px #DADADA;
}
.PersonalInfo h2{
	padding: 0 17px;
	color: #333333;
	font-size: 114.28571428571428%;
	font-weight: bold;
	background-color: #EDECE6;
	line-height: 49px;
	border-bottom: solid 1px #DADADA;
}
.PersonalInfo .MyPointArea01,
.Yoso-Bible .MyPointArea01,
.YosoBibleProfile .MyPointArea01{
    display: flex;
    /* padding: 16px 0 16px 0; */
    margin: 0 23px 16px 20px;
	height: 74px;
    justify-content: space-between;
    align-items: center;
    border-bottom: dashed 1px #999999;
}

.PersonalInfo .MyPointArea01 h3,
.Yoso-Bible .MyPointArea01 h3,
.YosoBibleProfile .MyPointArea01 h3{
	color: #333333;
	font-size: 85.71428571428571%;
	font-weight: 600;
	margin-right: auto;
}
.PersonalInfo .MyPointArea01 div.PointDatail,
.Yoso-Bible .MyPointArea01 div.PointDatail,
.YosoBibleProfile .MyPointArea01 div.PointDatail{
	font-size: 114.28571428571428%;
	color: #45A78F;
	font-weight: 600;
	margin-right: 10px;
}
.PersonalInfo .MyPointArea01 div.PointDatail strong,
.Yoso-Bible .MyPointArea01 div.PointDatail strong,
.YosoBibleProfile .MyPointArea01 div.PointDatail strong{
	font-size: 150%;
}
.PersonalInfo .MyPointArea01.Present div.Present,
.Yoso-Bible .MyPointArea01.Present div.Present,
.YosoBibleProfile .MyPointArea01.Present div.Present{
	font-size: 92.85714285714286%;
	line-height: 1.5;
	font-weight: 600;
	color: #45A78F;
}
.PersonalInfo .MyPointArea01 a,
.Yoso-Bible .MyPointArea01 a,
.YosoBibleProfile .MyPointArea01 a{
	display: inline-block;
	color: #fff;
	font-size: 128.57142857142858%;
	font-weight: 600;
	background-color: #E3B749;
	width: 34px;
	height: 34px;
	border-radius: 34px;
	text-align: center;
	line-height: 34px;
}
.PersonalInfo .MyPointArea01.Present a,
.Yoso-Bible .MyPointArea01.Present a,
.YosoBibleProfile .MyPointArea01.Present a{
	width: auto;
	padding: 5px 10px 0;
	border-radius: 4px;
	font-size: 85.71428571428571%;
	line-height: 1.25;
	height: 39px;
}
.PersonalInfo .MyPointArea01.Present a span,
.Yoso-Bible .MyPointArea01.Present a span,
.YosoBibleProfile .MyPointArea01.Present a span{
	font-size: 91.66666666666666%;
}
/*購入した予想家*/
.PersonalInfo .SubTitle h3{
	padding:0 20px;
	color: #333333;
	font-size: 92.85714285714286%;
	font-weight: 600;
	margin-bottom: 9px;
}
.PurchaseHistory{
	position: relative;
	/* margin: 10px 0px 5px; */
	margin-bottom: 20px;
	/* background: #f3f3f3; */
    /* padding: 0 0 21px 0; */
    margin: 0 0 0 20px;
}

#history_yosoka {
	display: flex;
	white-space: nowrap;
	overflow-x: auto;
	background: transparent;
	-ms-overflow-style: none;
	scrollbar-width: none;
	padding-bottom: 8px;
}
#history_yosoka li {
	flex: 0 0 auto;
	width: 47px;
	height: 47px;
	margin-right: 10px;
	border: solid 1px #E0E0E0;
}
#history_yosoka li a {
	position: relative;
	display: inline-block;
}
#history_yosoka li a img {
	width: 45px;
	height: 45px;
}
#history_yosoka li a div {
	display: flex;
	align-items: center;
	font-size: 72.2222%;
	font-weight: bold;
	color: #555555;
	text-align: center;
	box-sizing: content-box;
}
#history_yosoka li a div span {
	display: block;
	position: absolute;
	padding: 2px 0;
	text-align: center;
	color: #fff;
	width: 47px;
	bottom: 0px;
	left: 0;
	background: #0033AA;
	font-size: 55%;
	line-height: 1;
}
.controls {
	position: absolute;
	top:4px;
	display: none;
	z-index: 1;
}
.controls.prevbox{
	left: 0;
}
.controls.nextbox{
	right: 0;
}
.prev,
.next {
    cursor: pointer;
    width: 14px;
    height: 42px;
    background: rgba(255, 255, 255, .8);
}
.prev {
  left: 0;
}

.next {
  right: 0;
}

.prev::before,
.next::before {
	position: absolute;
  content: '';
  display: block;
  width: 6px;
  height: 11px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.prev::before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="11"><path fill="%23333" d="M1.813 5.535l3.973 4.205a.8.8 0 0 1 0 1.091.731.731 0 0 1-.513.237.7.7 0 0 1-.57-.234L.213 6.081a.8.8 0 0 1 0-1.093L4.697.241A.729.729 0 0 1 5.207 0h.036a.726.726 0 0 1 .492.189l.049.049a.8.8 0 0 1 0 1.094l-3.973 4.205Z"/></svg>');

}

.next::before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="11"><path fill="%23333" d="M4.186 5.535.213 9.74a.8.8 0 0 0 0 1.091.731.731 0 0 0 .513.237.7.7 0 0 0 .57-.234l4.49-4.753a.8.8 0 0 0 0-1.093L1.303.241A.729.729 0 0 0 .793 0H.757a.726.726 0 0 0-.492.189L.216.238a.8.8 0 0 0 0 1.094Z"/></svg>');
}

.PurchaseHistory .HistoryYosokaList ul li a div .YosokaName {
	display: inline-block;
	width: 4em;
	overflow: hidden;
	line-height: initial;
	margin: 0 auto;
}
.history_yosoka_empty{
	height: 51px;
	text-align: center;
	background: #F5F4F1;
	margin:0 20px;
	font-size: 78.57142857142857%;
	color: #888888;
	font-weight: 600;
	line-height: 51px;
	margin-bottom: 4px;
}
/*講習した的中予想*/
.hit_buy_yoso{
	position: relative;
	padding: 0 0 21px 0;
    margin: 0 0 0 20px;
}

.hit_buy_yoso .controls{
	top: 18px;
}
.hit_buy_yoso_list ul{
	display: flex;
	white-space: nowrap;
	overflow-x: auto;
	background: transparent;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.hit_buy_yoso_list .slick-prev,
.hit_buy_yoso_list .slick-next{
	height: 100%;
	right: 0;
	width: 16px;
	background:rgba(255, 255, 255, 0.8);
}
.hit_buy_yoso_list .slick-prev:before,
.hit_buy_yoso_list .slick-next:before{
	display: none;
}
.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;
	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: 3px 4px 0 3px;
	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: 10px 4px 6px 5px;
}
.hit_buy_yoso_list ul li .race .race_num{
	font-size: 61.111111111111114%;
	color: #555555;
	font-weight: 600;
    margin-bottom: 5px;
    display: block;
}
.hit_buy_yoso_list ul li .race .race_name{
	display: block;
	font-size: 61.111111111111114%;
	color: #555555;
	width: 100%;
	height: 1em;
	line-height: 1.3em;
	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_empty{
	height: 96px;
	text-align: center;
	background: #F5F4F1;
	margin:0 20px;
	font-size: 78.57142857142857%;
	color: #888888;
	font-weight: 600;
	line-height: 96px;
	margin-bottom: 19px;
}

/*-- 自動購入情報 --*/
.auto_purchase .PointAddBtn01 a.YosoBtn01{
	background-image: none;
	background-color: #dba441;
	box-shadow: none;
	margin: 0;
	font-size: 15px;
	height: 36px;
	line-height: 36px;
}
.AutoPurchaseArea01{
	margin-bottom: 10px;
}

h2.AutoPurchaseAreaTitle{
	background: #0133aa;
	color: #fff;
	position: relative;
	text-align: center;
	padding: 14px 0 14px;
}

h2.AutoPurchaseAreaTitle:after{
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 8px solid #0133aa;
	position: absolute;
	bottom: -16px;
	left: 50%;
}
.AutoPurchaseDataBox{
	background: #fff;
	border: 4px solid #0133aa;
	border-top: 0 none;
	padding: 0 10px 10px;
}
.AutoPurchaseDataBox p{
	font-size: 100%;
	text-align: center;
	padding: 44px 0 24px;
}
.AutoPurchaseDataBox p span{
	font-size: 57.2%;
	padding-left: 4px;
}
.AutoPurchaseDataBox a.YosoBtn02{
	display: block;
	background: #0133aa;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 100%;
	margin: 5px auto;
	padding: 10px 0px;
	width: auto;
	border-radius: 4px;
	box-shadow: 0 3px 0 rgba(0, 33, 113, 1);
}

/*-- バナー誘導エリア --*/
.YosoInfoBnrArea{
	background: #f5f4f1;
	padding: 6px 6px 0;
}
.YosoInfoBnrArea ul li{
	padding-bottom: 6px;
}
.YosoInfoBnrArea ul li img{
	display: block;
	width: 100%;
}
.YosoInfoBnrArea ul li a:hover img{
	opacity: .8;
}

/*-- 今週の注目レース .YosoTopColumnWrap01 section.MainRaceArea --*/
.MainRaceArea{
	width: 645px;
	float: left;
}
.YosoContentTitle01{
	position: relative;
	font-size: 114.3%;
	font-weight: bold;
	line-height: 2;
	margin-bottom: 6px;
}

/*-- Topアイコン --*/
.YosoContentTitle01:before,
.YosoTop .YosoDataTitle:before{
	display: block;
	position: absolute;
	content: "";
	background-image: url("../img/icon/icon_sprite_yoso.png");
	background-repeat: no-repeat;
	-webkit-background-size: 164px 500px;
	-moz-background-size: 164px 500px;
	-ms-background-size: 164px 500px;
	-o-background-size: 164px 500px;
	background-size: 164px 500px;
}
.RaceBox01 .RaceStartLimit span:before{
	display: inline-block;
	content: "";
	background-image: url("../img/icon/icon_sprite_yoso.png");
	background-repeat: no-repeat;
	-webkit-background-size: 164px 500px;
	-moz-background-size: 164px 500px;
	-ms-background-size: 164px 500px;
	-o-background-size: 164px 500px;
	background-size: 164px 500px;
	width: 14px;
	height: 14px;
	background-position: -68px -243px;
	vertical-align: middle;
	margin-right: 2px;
}

/*-- 今週の注目レース --*/
.IconYosoContents_01{
	padding-left: 38px;
}
.IconYosoContents_01:before{
	top: 4px;
	left: 3px;
	width: 31px;
	height: 21px;
	background-position: -3px -209px;
}

/*-- 予想家の今日のつぶやき --*/
.IconYosoContents_02{
	padding-left: 27px;
}
.IconYosoContents_02:before{
	top: 5px;
	left: 5px;
	width: 18px;
	height: 18px;
	background-position: -36px -65px;
}

/*-- 発走直前レース --*/
.IconYosoContents_03{
	padding-left: 36px;
}
.IconYosoContents_03:before{
	top: 7px;
	left: 3px;
	width: 27px;
	height: 18px;
	background-position: -31px -241px;
}

/*-- 予想家ランキング --*/
.IconYosoContents_04{
	padding-left: 32px;
}
.IconYosoContents_04:before{
	top: 6px;
	left: 5px;
	width: 21px;
	height: 20px;
	background-position: -64px -122px;
}

/*-- 今売れてる！厳選予想 --*/
.IconYosoContents_05{
	padding-left: 36px;
}
.IconYosoContents_05:before{
	top: 7px;
	left: 6px;
	width: 22px;
	height: 16px;
	background-position: -94px -37px;
}
.YosoTop .GensenYosoList ul li{
	display: flex;
}
.YosoTop .GensenYosoList ul li{
	flex-shrink: 0;
}
.YosoTop .GensenYosoList .StateArea,
.YosoTop .GensenYosoList .Inner,
.YosoTop .GensenYosoList .Yosoka,
.YosoTop .GensenYosoList .BtnArea,
.YosoTop .GensenYosoList .ResultArea,
.YosoTop .GensenYosoList .Yosoka .Detail,
.YosoTop .GensenYosoList .Yosoka .YosokaPointInfoTxt01{
	display: flex;
	align-items: center;
}
.YosoTop .GensenYosoList .BtnArea .BtnInner{
	width: 100%;
}
.YosoTop .GensenYosoList .Inner,
.YosoTop .GensenYosoList .Yosoka,
.YosoTop .GensenYosoList .ResultArea{
	flex-direction: column;
}
.YosoTop .GensenYosoList .Yosoka{
	align-items: flex-start;
}
.YosoTop .GensenYosoList .Yosoka .Profile{
	background-color: #fff;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	grid-template-columns: 56px 1fr;
    grid-template-rows: 23px 1fr;
}
.YosoTop .GensenYosoList .Profile img{
	float: none;
	grid-area: 1 / 1 / 3 / 2;
}
.YosoTop .GensenYosoList .Profile .Name{
	grid-area: 1 / 2 / 2 / 3;
}
.YosoTop .GensenYosoList .Profile .LinkText{
	grid-area:  2 / 2 / 3 / 3;
	padding-top: 6px;
}
.YosoTop .GensenYosoList .Yosoka .Profile.fc:after{
	display: none;
}
.YosoTop .GensenYosoList .ResultArea .Point{
	width: 100%;
	margin-bottom: 10px;
}
.YosoTop .GensenYosoList .ResultArea .Result{
	margin-left: 0;
}
/*-- 最新オッズ --*/
.PickupRaceOdds .YosoDataTitle:before{
	top: 8px;
	left: 6px;
	width: 18px;
	height: 18px;
	background-position: -6px -241px;
}

/*-- 最新オッズ --*/
.PickupRaceYosoLineup .YosoDataTitle:before{
	top: 3px;
	left: 6px;
	width: 18px;
	height: 18px;
	background-position: -7px -65px;
}


.PickupRaceArea{
	position: relative;
	margin-bottom: 8px;
	border: 2px solid #ebb838;
}
.PickupRaceArea .Image_Layer01{
	width: 286px;
	height: 300px;
	float: left;
}
.PickupRaceArea .Image_Layer01 a{
	display: block;
	position: relative;
	color: #fff;
	text-decoration: none;
	height: 100%;
	max-height: 325px;
	overflow: hidden;
}
.PickupRaceArea .Image_Layer01 a:after{
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	content: "";
	width: 81px;
	height: 84px;
	background: url("../img/yoso/yosorace_badge_01.png") no-repeat 0 0;
	-webkit-background-size: 81px 84px;
	-moz-background-size: 81px 84px;
	-ms-background-size: 81px 84px;
	-o-background-size: 81px 84px;
	background-size: 81px 84px;
}
.Image_Layer01 img.Pickup_Image{
	display: block;
	width: 100%;
}
.Image_Layer01 .Image_Cover{
	position: absolute;
	background: #080807;
	/* background: rgba(25,25,22,0.86); */
	width: 100%;
	bottom: 0;
}
.Image_Layer01 .Image_Cover>div{
	position: relative;
	padding: 20px 18px;
}
.Image_Layer01 .Image_Cover>div:after{
	content: "";
	display: inline-block;
	border: 9px solid transparent;
	border-right: 9px solid #fff;
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 10;
	margin-top: -9px;
}
.Image_Layer01 .Image_Cover h2.RaceTitle{
	font-size: 128.6%;
	font-weight: bold;
	padding-bottom: 4px;
}
.Image_Layer01 .Image_Cover h2.RaceTitle img{
	vertical-align: middle;
	margin-left: 6px;
}
.Image_Layer01 .Image_Cover p.RaceData{
	padding-top: 7px;
	font-size: 92.9%;
}
.Image_Layer01 .Image_Cover p.RaceData span.TurfColor{
	color: #529f3d;
}
.Image_Layer01 .Image_Cover p.RaceData span.DartColor{
	color: #8f5336;
}
.Image_Layer01 .Image_Cover p.RaceData span.sat{
	color: #3b8dd9;
}
.Image_Layer01 .Image_Cover p.RaceData span.sun{
	color: #e83e3e;
}
.PickupRaceYosoData{
	min-height: 290px;
	padding: 16px 16px 10px 0;
	float: right;
	width: 340px;
}
.PickupRaceYosoData .YosoCount{
	width: 56px;
	height: 56px;
	position: absolute;
	top: 0;
	right: 0;
}
.PickupRaceYosoData .YosoCount:before{
	content: "";
	display: inline-block;
	border: 27px solid #ebb838;
	border-bottom: 27px solid transparent;
	border-left: 27px solid transparent;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 11;
}
.PickupRaceYosoData .YosoCount:after{
	content: "";
	display: inline-block;
	border: 28px solid #dba925;
	border-bottom: 28px solid transparent;
	border-left: 28px solid transparent;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}
.PickupRaceYosoData .YosoCount span{
	display: block;
	position: relative;
	color: #fff;
	font-size: 114.3%;
	font-weight: bold;
	z-index: 20;
	text-align: right;
	width: 56px;
	padding: 7px 7px 0 0;
}


.PickupRaceYosoData .PickupRaceOdds .YosoDataTitle{
	position: relative;
	font-weight: bold;
	border-bottom: 1px dashed #b2b2b2;
	padding: 10px 0 10px 32px;
}
.PickupRaceYosoData .PickupRaceOdds ul{
	display: table;
	margin: 9px 0;
	width: 100%;
}
.PickupRaceYosoData .PickupRaceOdds ul li{
	display: table-row;
}
.PickupRaceYosoData .PickupRaceOdds ul li span{
	display: table-cell;
	padding: 3px 0;
}
.PickupRaceYosoData .PickupRaceOdds ul li span.OddsRank{
	width: 5em;
}
.PickupRaceYosoData .PickupRaceOdds ul li span.HorseName{
	font-weight: bold;
}
.PickupRaceYosoData .PickupRaceOdds ul li span.OddsData{
	width: 5em;
	font-weight: bold;
	text-align: right;
}
.PickupRaceYosoData .PickupRaceYosoLineup{
	border: 1px solid #ebb838;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #fef8e3;
	padding: 6px;
	box-shadow: 0 2px 4px 1px rgba(146, 151, 165, .4);
}
.PickupRaceYosoData .PickupRaceYosoLineup .YosoDataTitle{
	position: relative;
	font-weight: bold;
	border-bottom: 1px dashed #dcc269;
	padding: 4px 0 10px 27px;
}
.ThumbList .Thumb{
	display: block;
	text-align: left;
	padding: 7px 0 7px 7px;
}
.ThumbList .Thumb img{
	display: inline-block;
	width: 34px;
	height: 34px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #b9b6a9;
	margin-left: 6px;
}
.ThumbList .Thumb img:first-child{
	border: 2px solid #ebb838;
	margin-left: 0;
}
.PickupComment{
	position: relative;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 9px 5px 9px 10px;
	min-height: 48px;
}
.PickupComment:after{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-bottom: 6px solid #fff;
	position: absolute;
	top: -11px;
	left: 16px;
}
.PickupComment p{
	position: relative;
	font-size: 92.9%;
	font-weight: bold;
	color: #d49215;
	line-height: 1.25;
	padding-right: 50px;
}
.PickupComment a.LinkBtn{
	display: block;
	background: #c2beb3;
	background-image: -webkit-gradient(linear,
			left top,
			left bottom,
			color-stop(0, #E0DCD2),
			color-stop(1, #c2beb3));
	background-image: -o-linear-gradient(bottom, #E0DCD2 0%, #c2beb3 100%);
	background-image: -moz-linear-gradient(bottom, #E0DCD2 0%, #c2beb3 100%);
	background-image: -webkit-linear-gradient(bottom, #E0DCD2 0%, #c2beb3 100%);
	background-image: -ms-linear-gradient(bottom, #E0DCD2 0%, #c2beb3 100%);
	background-image: linear-gradient(to bottom, #E0DCD2 0%, #c2beb3 100%);
	border-radius: 5px;
	box-shadow: 0 2px 0 rgba(145, 144, 134, 1), inset 0 -1px 0 rgba(212, 209, 200, 1);
	color: #222;
	text-align: center;
	font-size: 92.9%;
	padding: 12px 0;
	width: 46px;
	position: absolute;
	top: 5px;
	right: 5px;
}

/*-- その他の注目レース .OtherMainRace --*/
.OtherMainRace{
	background: #eceae5;
	padding: 12px 10px 6px;
}
.OtherMainRace h2.YosoContentTitle02{
	position: relative;
	padding: 4px 0 8px 18px;
	font-weight: bold;
}
.OtherMainRace h2.YosoContentTitle02:before{
	content: "";
	display: inline-block;
	border: 5px solid transparent;
	border-bottom: 7px solid transparent;
	border-top: 7px solid #222;
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	left: 3px;
	z-index: 10;
	margin-top: -6px;
}
.OtherMainRace li{
	float: left;
	width: 309px;
	margin-bottom: 6px;
}
.OtherMainRace li a{
	display: block;
	border: 2px solid #ebb838;
	background: #fff;
	position: relative;
	padding: 12px 18px;
	min-height: 65px;
	text-decoration: none;
}
.OtherMainRace li a:hover{
	background: #fef8e3;
}
.OtherMainRace .YosoCount{
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 0;
}
.OtherMainRace .YosoCount:before{
	content: "";
	display: inline-block;
	border: 19px solid #ebb838;
	border-bottom: 19px solid transparent;
	border-left: 19px solid transparent;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 11;
}
.OtherMainRace .YosoCount:after{
	content: "";
	display: inline-block;
	border: 20px solid #dba925;
	border-bottom: 20px solid transparent;
	border-left: 20px solid transparent;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}
.OtherMainRace .YosoCount span{
	display: block;
	position: relative;
	color: #fff;
	font-size: 92.9%;
	font-weight: bold;
	z-index: 20;
	text-align: right;
	width: 40px;
	padding: 3px 3px 0 0;
}
.OtherMainRace dl{}
.OtherMainRace dt.RaceName{
	font-size: 114.3%;
	font-weight: bold;
	color: #222;
}
.OtherMainRace dt.RaceName img{
	vertical-align: middle;
	margin-left: 6px;
}
.OtherMainRace dd.RaceData{
	padding-top: 6px;
	font-size: 92.9%;
	color: #777;
}
.OtherMainRace dd.RaceData span.TurfColor{
	color: #529f3d;
}
.OtherMainRace dd.RaceData span.DirtColor{
	color: #8f5336;
}
.OtherMainRace li:nth-child(odd){
	margin-right: 6px;
}

/*-- サイドnetkeibaコンテンツ案内 .NkContentInfo --*/
.YosoTopColumnWrap01 .SideColumn{
	width: 300px;
}
.NkContentInfo ul li{
    /* float: right; */
    width: 300px;
}
.NkContentInfo ul li{
	height: 102px;
	border: 1px solid #e0e0e0;
}

/* .NkContentInfo ul li:first-of-type{
	margin-top: 38px;
} */
.NkContentInfo ul li + li{
	margin-top: 9px;
}
.NkContentInfo ul li a{
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	height: 100px;
}
.NkContentInfo ul li .NkInfoTxtArea{
	color: #333;
	padding: 17px 0 0 15px;
	flex: 1;
}
.NkContentInfo ul li .NkInfoTxtArea p.NkInfoTxt01{
	display: inline-block;
	font-size: 92.9%;
	margin-bottom: 10px;
}
.NkContentInfo ul li .NkInfoTxtArea p.NkInfoTxt02{
	font-size: 128.7%;
	font-weight: bold;
}
.NkContentInfo ul li .NkInfoTxtArea p.NkInfoTxt03{
	display: inline-block;
	margin-top: 10px;
}
.NkContentInfo ul li a:hover{
	background: #f9f9f9;
}
.NkContentInfo ul li a:hover p.NkInfoTxt02{
	color: #e36a5c;
	text-decoration: underline;
}
.NkInfoImgArea{
	width: 100px;
	margin-left: auto;
}
.NkContentInfo ul li .NkInfoImgArea img{
	width: 100%;
}
.NkContentInfo ul li a:hover .NkInfoImgArea img{
	-moz-opacity: 0.85;
	-ms-filter: alpha(opacity=85);
	opacity: 0.85;
}
a.Mark_New .NewIcon{
  content: "";
  top: 0;
  left: 0;
  border-bottom: 36px solid transparent;
  border-left: 36px solid #c03;
  position: absolute;
}

a.Mark_New .NewIcon:after{
  content: "NEW";
  display: block;
  position: absolute;
  top: 7px;
  left: -34px;
  font-size: 10px;
  color: #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.YosokaCommentArea,
.NkContentInfo{
	margin-top: 20px;
}

/*-- 予想家の今日のつぶやき .YosokaCommentArea --*/
.YosokaCommentArea{
	/* float: right; */
	width: 300px;
}
.YosokaCommentArea .YosokaCommentBox{
	background: #f5f4f1;
	padding: 10px;
}
.YosokaCommentArea .YosokaCommentBox li{
	background: #fff;
	margin-bottom: 8px;
	padding: 9px;
}
.YosokaCommentArea .YosokaCommentBox li a{
	display: block;
	text-decoration: none;
}
.YosokaCommentArea .YosokaCommentBox li a:hover{
	opacity: .8;
}
.YosokaCommentArea .YosokaCommentBox li .YosokaComment{
	position: relative;
	min-height: 70px;
}
.YosokaCommentBox .YosokaPhoto{
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
}
.YosokaCommentBox .YosokaPhoto img{
	width: 70px;
	display: block;
}
.YosokaCommentBox .YosokaCommentData{
	position: relative;
	padding: 6px 0 0 76px;
}
.YosokaCommentBox .YosokaCommentData span.YosokaName{
	display: block;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 3px;
	color: #333;
}
.YosokaCommentBox .YosokaCommentData span.CommentUpTime{
	font-size: 85.7%;
	color: #888;
	position: absolute;
	right: 0;
	top: 6px;
	line-height: 20px;
}
.YosokaCommentBox .YosokaCommentData p.MediaBoxTxt{
	font-size: 85.7%;
	line-height: 1.6;
	word-wrap: break-word;
	word-break: break-all;
	color: #333;
}

/*-- もっとみるボタン --*/
.YosokaCommentBox .YosoMoreBtn01{
	padding: 4px 0;
}
.YosoMoreBtn01 a{
	display: block;
	background: #C2BEB3;
	background-image: -webkit-gradient(linear,
			left top,
			left bottom,
			color-stop(0, #E0DCD2),
			color-stop(1, #C2BEB3));
	background-image: -o-linear-gradient(bottom, #E0DCD2 0%, #C2BEB3 100%);
	background-image: -moz-linear-gradient(bottom, #E0DCD2 0%, #C2BEB3 100%);
	background-image: -webkit-linear-gradient(bottom, #E0DCD2 0%, #C2BEB3 100%);
	background-image: -ms-linear-gradient(bottom, #E0DCD2 0%, #C2BEB3 100%);
	background-image: linear-gradient(to bottom, #E0DCD2 0%, #C2BEB3 100%);
	border-radius: 5px;
	box-shadow: 0 2px 0 rgba(145, 144, 134, 1), inset 0 -1px 0 rgba(212, 209, 200, 1);
	color: #737065;
	font-size: 92.9%;
	font-weight: bold;
	padding: 10px 0;
	position: relative;
	text-align: center;
}
.YosoMoreBtn01 a:after{
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top: 5px solid #898579;
	margin-top: 3px;
	vertical-align: middle;
}
.YosoMoreBtn01 a:hover{
	text-decoration: none;
	opacity: .8;
}

/*-- 発走直前レース .RaceList_Wrap --*/

.YosoTop .RaceList_Header{
	position: relative;
	padding: 10px;
	text-align: left;
	min-height: 85px;
}
.YosoTop .RaceList_Header .Jyo{
	padding: 9px 40px 0 12px;
	font-size: 128.6%;
	margin-bottom: 10px;
}
.YosoTop .RaceList_Header .JyoData{
	padding: 0 40px 9px 12px;
}
.RaceList_Header .Jyo>span{
	font-size: 77.8%;
}
.YosoTop .RaceList_Header .JyoPhoto{
	position: absolute;
	top: 10px;
	right: 10px;
}
.YosoTop .RaceList_Main{
	padding: 0 10px 10px;
}
.YosoTop .RaceList_Main{
	padding: 0 10px 10px;
}
.RaceBox01{
	border: 1px solid #ccc9c1;
}
.RaceBox01 a{
	display: block;
	border: 1px solid #fff;
}
.RaceBox01 a:hover{
	opacity: 0.8;
	text-decoration: none;
}
.RaceDataBox{
	display: table;
	position: relative;
	background: #fff;
	width: 100%;
	padding: 9px;
}
.RaceDataBox dl .RaceName{
	padding-right: 20px;
}
.RaceList_Main .RaceDataBox .YosoCount{
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 0;
}
.RaceList_Main .RaceDataBox .YosoCount:before{
	content: "";
	display: inline-block;
	border: 19px solid #ebb838;
	border-bottom: 19px solid transparent;
	border-left: 19px solid transparent;
	width: 0;
	height: 0;
	position: absolute;
	top: -1px;
	right: -1px;
	z-index: 11;
}
.RaceList_Main .RaceDataBox .YosoCount:after{
	content: "";
	display: inline-block;
	border: 20px solid #dba925;
	border-bottom: 20px solid transparent;
	border-left: 20px solid transparent;
	width: 0;
	height: 0;
	position: absolute;
	top: -1px;
	right: -1px;
	z-index: 10;
}
.RaceList_Main .RaceDataBox .YosoCount span{
	display: block;
	position: relative;
	color: #fff;
	font-size: 78.5%;
	font-weight: bold;
	z-index: 20;
	text-align: right;
	width: 40px;
	padding: 4px 4px 0 0;
}
.RaceBox01 .RaceStartLimit{
	text-align: right;
	font-size: 85.7%;
	padding: 5px 10px;
}
.RaceBox01 .RaceStartLimit span{
	display: inline-block;
	color: #ef5350;
	font-weight: bold;
}

/*-- 予想家ランキング .RankingBoxWrap --*/
.YosoTop .RankingBoxWrap{
	float: left;
	width: 208px;
}
.YosoTop .RankingBoxWrap+.RankingBoxWrap{
	margin-left: 10px;
}
.RankingBoxWrap .RankingHeader{
	background: #000;
	text-align: center;
	color: #e2be86;
	font-size: 100%;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
}
.RankingBoxWrap .RankingHeader:before{
	display: inline-block;
	content: "";
	background-image: url("../img/icon/icon_sprite_yoso.png");
	background-repeat: no-repeat;
	-webkit-background-size: 164px 500px;
	-moz-background-size: 164px 500px;
	-ms-background-size: 164px 500px;
	-o-background-size: 164px 500px;
	background-size: 164px 500px;
	vertical-align: middle;
	margin-right: 8px;
}
.YosokaRanking01 .RankingHeader:before{
	width: 17px;
	height: 17px;
	background-position: -6px -271px;
	margin-top: -5px;
}
.YosokaRanking02 .RankingHeader:before{
	width: 26px;
	height: 20px;
	background-position: -31px -270px;
	margin-top: -5px;
}
.YosokaRanking03 .RankingHeader:before{
	width: 22px;
	height: 21px;
	background-position: -94px -94px;
}
.RankingBoxWrap .RankingBody{
	padding: 10px;
	background: #eceae5;
}
.RankingBoxWrap .RankingBody>ul>li{
	margin-bottom: 9px;
}
.RankingBoxWrap .RankingBody a{
	text-decoration: none;
}
.RankingBoxWrap .RankingBody a:hover{
	opacity: .8;
}
.YosoTop .RankingBoxWrap .YosokaHeadMain02{
	height: 168px;
}
.YosokaHeadMain02 .YosokaProfInfoArea02{
	padding-top: 35px;
}
.YosoTop .YosokaHeadMain02 .YosokaHeadImg01{
	width: 70px;
}
.YosoTop .RankingBoxWrap .YosokaProfTitle01{
	padding-top: 5px;
}
.YosoTop .RankingBoxWrap h2.YosokaName01{
	/* margin-bottom: 3px; */
}
.YosoTop .RankingBoxWrap span.YosokaLabel01{
	display: block;
	float: none;
	padding: 0;
	margin: 0 0 3px;
	color: #55e5b3;
	font-weight: bold;
	text-align: center;
	font-size: 85.71428571428571%;
	line-height: 1;
}
.YosoTop .RankingBoxWrap ul.YosokaDataTitle01{
	float: none;
	line-height: 1;
	margin-bottom: 0px;
}
.YosoTop .RankingBoxWrap ul.YosokaDataTitle01 li{
	float: none;
	display: inline;
	font-size: 85.7%;
	line-height: 1;
}
.YosoTop .RankingBoxWrap .YosokaProfInfoArea03{
	padding: 15px 0 8px;
	font-size: 78.57142857142857%;
	min-height: 39px;
}
.YosoTop .RankingBoxWrap .YosokaProfInfoArea03 span+span{
	padding-left: 8px;
}
.YosokaProfInfoArea03 span.RankTxt01,
.YosoTop .RankingBox .YosokaNameBox p.YosokaData span.RankTxt01{
	color: #ea5050;
	font-weight: bold;
}
.YosokaProfInfoArea03 span.RankTxt02,
.YosoTop .RankingBox .YosokaNameBox p.YosokaData span.RankTxt02{
	color: #6da73f;
	font-weight: bold;
}
.YosoTop .RankingBox .YosokaNameBox p.YosokaData span.RankTxt02{
	font-size: 71.42857142857143%;
}
.YosoTop .RankingBody span.RankTxt01:before,
.YosoTop .RankingBody span.RankTxt02:before{
	display: inline-block;
	content: "";
	background-image: url("../img/icon/icon_sprite_yoso.png");
	background-repeat: no-repeat;
	-webkit-background-size: 164px 500px;
	-moz-background-size: 164px 500px;
	-ms-background-size: 164px 500px;
	-o-background-size: 164px 500px;
	background-size: 164px 500px;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 2px;
}
.YosoTop .RankingBody span.RankTxt01:before{
	background-position: -6px -8px;
}
.YosoTop .RankingBody span.RankTxt02:before{
	background-position: -36px -8px;
}
.YosoTop .Ranking_Rank2 span.RankTxt02:before,
.YosoTop .Ranking_Rank3 span.RankTxt02:before{
	display:none;
}
.YosokaProfInfoArea03 span.RankTxt03{
	color: #55e5b3;
	font-weight: bold;
}
.YosoTop .RankingBox .YosokaNameBox p.YosokaData span.RankTxt03{
	color: #45a78f;
	font-weight: bold;
}
.YosoTop .RankingBox{
	display: block;
	background: #fff;
	border: 2px solid #c4c1b8;
	position: relative;
	min-height: 53px;
}
.YosoTop .Ranking_Rank2 .RankingBox{
	border: 2px solid #9a9a9a;
}
.YosoTop .Ranking_Rank3 .RankingBox{
	border: 2px solid #df8282;
}
.YosoTop a:hover .RankingBox{
	text-decoration: none;
	opacity: .8;
}
.YosoTop .RankingBox .Thumb{
	position: absolute;
	top: 10px;
	left: 7px;
	width: 40px;
	height: 40px;
}
.YosoTop .RankingBox .Thumb img{
	width: 100%;
	height: 100%;
}
.YosoTop .RankingBox .RankingBar01{
	display: table;
	background: #f2f1ec;
	width: 100%;
}
.YosoTop .RankingBox .RankingBar01 .YosokaLabel{
	display: table-cell;
	font-size: 71.42857142857143%;
	font-weight: bold;
	color: #45a78f;
	border-top: 1px solid #fff;
	padding: 0 0 0 54px;
	vertical-align: middle;
	height: 18px !important;
}
.YosoTop .RankingBox .RankingBar01 .CurrentYoso{
	display: table-cell;
	background: #f0b849;
	text-align: center;
	width: 107px;
	vertical-align: middle;
	padding: 6px 0;
}
.YosoTop .RankingBox .RankingBar01 .CurrentYoso>p{
	color: #fff;
	font-size: 85.7%;
	font-weight: bold;
	padding-left: 20px;
	position: relative;
}
.YosoTop .RankingBox .RankingBar01 .CurrentYoso>p:before{
	content: '';
	display: inline-block;
	background: url("../img/icon/icon_sprite_yoso.png") no-repeat -5px -34px;
	-webkit-background-size: 164px 500px;
	-moz-background-size: 164px 500px;
	-ms-background-size: 164px 500px;
	-o-background-size: 164px 500px;
	background-size: 164px 500px;
	top: -5px;
	left: 8px;
	width: 20px;
	height: 18px;
	position: absolute;
}
.YosoTop .RankingBox .YosokaNameBox p.YosokaName{
	font-size: 100%;
	font-weight: bold;
	color: #222;
	padding: 4px 0 4px 53px;
}
.YosoTop .RankingBox .YosokaNameBox p.YosokaData{
	font-size: 85.7%;
	font-weight: bold;
	padding: 0 0 4px 53px;
}

/* 予想TOP 予想家ランキング - ランキングフラッグ */
.Ranking_Rank1 .YosoTopRankLabel{
	width: 73px;
	height: 73px;
	background: url("../img/yoso/yoso_rank_flag_bg01.png") no-repeat;
	-webkit-background-size: 73px 73px;
	-moz-background-size: 73px 73px;
	-ms-background-size: 73px 73px;
	-o-background-size: 73px 73px;
	background-size: 73px 73px;
}
.Ranking_Rank2 .YosoTopRankLabel{
	width: 38px;
	height: 38px;
	background: url("../img/yoso/yoso_rank_flag_bg02.png") no-repeat;
	-webkit-background-size: 38px 38px;
	-moz-background-size: 38px 38px;
	-ms-background-size: 38px 38px;
	-o-background-size: 38px 38px;
	background-size: 38px 38px;
}
.Ranking_Rank3 .YosoTopRankLabel{
	width: 38px;
	height: 38px;
	background: url("../img/yoso/yoso_rank_flag_bg03.png") no-repeat;
	-webkit-background-size: 38px 38px;
	-moz-background-size: 38px 38px;
	-ms-background-size: 38px 38px;
	-o-background-size: 38px 38px;
	background-size: 38px 38px;
}
.YosoTopRankLabel{
	position: absolute;
	top: -2px;
	left: -2px;
	z-index: 1000;
}
.YosoTopRankLabel span{
	color: #fff;
	font-weight: bold;
	display: block;
	text-align: center;
}
.Ranking_Rank1 .YosoTopRankLabel span{
	font-size: 157.2%;
	padding-top: 10px;
	width: 42px;
}
.Ranking_Rank2 .YosoTopRankLabel span,
.Ranking_Rank3 .YosoTopRankLabel span{
	font-size: 100%;
	padding-top: 5px;
	width: 20px;
}
.YosoTop .Ranking_Rank1 .YosokaProfInfoArea02 .CurrentYoso{
	display: block;
	background: #f0b849;
	text-align: center;
	width: 107px;
	vertical-align: middle;
	padding: 10px 0;
	position: absolute;
	top: 0;
	right: 0;
}
.YosoTop .Ranking_Rank1 .YosokaProfInfoArea02 .CurrentYoso>p{
	color: #fff;
	font-size: 85.7%;
	font-weight: bold;
	padding-left: 20px;
	position: relative;
}
.YosoTop .Ranking_Rank1 .YosokaProfInfoArea02 .CurrentYoso>p:before{
	content: '';
	display: inline-block;
	background: url("../img/icon/icon_sprite_yoso.png") no-repeat -5px -34px;
	;
	-webkit-background-size: 164px 500px;
	-moz-background-size: 164px 500px;
	-ms-background-size: 164px 500px;
	-o-background-size: 164px 500px;
	background-size: 164px 500px;
	top: -5px;
	left: 8px;
	width: 20px;
	height: 18px;
	position: absolute;
}
.YosoMoreBtn02{
	padding: 4px 0;
}
.YosoMoreBtn02 a{
	display: block;
	background: #C2BEB3;
	background-image: -webkit-gradient(linear,
			left top,
			left bottom,
			color-stop(0, #E0DCD2),
			color-stop(1, #C2BEB3));
	background-image: -o-linear-gradient(bottom, #E0DCD2 0%, #C2BEB3 100%);
	background-image: -moz-linear-gradient(bottom, #E0DCD2 0%, #C2BEB3 100%);
	background-image: -webkit-linear-gradient(bottom, #E0DCD2 0%, #C2BEB3 100%);
	background-image: -ms-linear-gradient(bottom, #E0DCD2 0%, #C2BEB3 100%);
	background-image: linear-gradient(to bottom, #E0DCD2 0%, #C2BEB3 100%);
	border-radius: 5px;
	box-shadow: 0 2px 0 rgba(145, 144, 134, 1), inset 0 -1px 0 rgba(212, 209, 200, 1);
	color: #737065;
	font-size: 92.9%;
	font-weight: bold;
	padding: 10px 0;
	position: relative;
	text-align: center;
}
.YosoMoreBtn02 a:after{
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left: 5px solid #898579;
	margin-top: -6px;
	position: absolute;
	top: 50%;
	right: 14px;
}
.YosoMoreBtn02 a:hover{
	text-decoration: none;
	opacity: .8;
}

/*-- 予想TOP 今売れてる！厳選予想 --*/
.GensenYosoListBox{
	background: #f5f4f1;
	padding: 20px;
}
.GensenYosoListBox .GensenYosoList{
	margin-bottom: 18px;
}
.GensenYosoListBox .YosoMoreBtn01{
	background: #e8e5d9;
	padding: 24px;
}
.GensenYosoListBox .YosoMoreBtn01 a{
	width: 282px;
	margin: auto;
}
.GensenYosoList .InnerTable{
	display: table;
	width: 100%;
}
.GensenYosoList.Top_GensenList .Flag_Anauma .YosoRaceDataArea,
.GensenYosoList.Top_GensenList .Flag_Pickup .YosoRaceDataArea{
	padding: 6px 12px 6px 80px;
}
.GensenYosoList .YosoRaceDataArea{
	background: #e8e5d9;
	border-bottom: 1px solid #fff;
	padding: 6px 12px;
}
.GensenYosoList .Flag_Anauma .YosoRaceDataArea,
.GensenYosoList .Flag_Pickup .YosoRaceDataArea{
	padding: 6px 12px 6px 46px;
}
.GensenYosoList .YosoRaceDataArea img{
	vertical-align: middle;
}
.GensenYosoList .YosoRaceDataArea span.Day,
.GensenYosoList .YosoRaceDataArea span.Jyo,
.GensenYosoList .YosoRaceDataArea span.Name{
	font-weight: bold;
}
.GensenYosoList .YosoRaceDataArea span.Num{
	display: inline-block;
	background: #496bbf;
	border-radius: 3px;
	color: #fff;
	font-size: 85.7%;
	font-weight: bold;
	margin: 0 9px;
	padding: 3px 0;
	text-align: center;
	width: 34px;
	vertical-align: 1px;
}
.GensenYosoList .YosoRaceDataArea span.Name{
	padding-right: 16px;
}
.GensenYosoList .YosoRaceDataArea span.TurfColor,
.GensenYosoList .YosoRaceDataArea span.DirtColor,
.GensenYosoList .YosoRaceDataArea span.Count{
	font-size: 85.7%;
	padding-right: 8px;
}
.GensenYosoList .YosoRaceDataArea span.Day span.sat{
	color: #3b8dd9;
}
.GensenYosoList .YosoRaceDataArea span.Day span.sun{
	color: #e83e3e;
}


/* 先週の注目レースの結果 - 見出しヘッダー */
.IconYosoContents_06{
	padding-left: 36px;
}
.IconYosoContents_06:before{
	top: 7px;
	left: 3px;
	width: 27px;
	height: 18px;
	background-position: -91px -241px;
}


/* 先週の注目レースの結果 - レイアウト */
.Top_YosoResults_Wrap{
	padding: 20px 20px 20px 15px;
	background: #f5f4f1;
}
.Top_YosoResults_Main{
	display: table;
	width: 100%;
}
.YosoReults_Detail{
	background: #fff;
	padding: 13px 15px 21px 10px;
	position: relative;
}
.Top_YosoResults_Main .YosoReults_Detail,
.Top_YosoResults_Main .BtnArea{
	display: table-cell;
	vertical-align: middle;
}
.Top_YosoResults_Main .YosoReults_Detail .HitYosokaData{
	display: flex;
}
.HitYosokaData .HitYosokaImg,
.HitYosokaData .HitYosokaBox{
	display: inline-block;
	vertical-align: middle;
}
.Top_YosoResults_Main .BtnArea{
	background: #f5f4f1;
	border-left: 1px dashed #333;
	padding: 0 12px;
	width: 146px;
}
.Top_YosoResults_Main .BtnArea .StateBtn{
	color: #737065;
}
.Top_YosoResults_Footer{
	background: #f5f4f1;
	padding-top: 20px;
}
.Top_YosoResults_Footer .YosoMoreBtn02{
	padding: 0;
	margin: 0 auto;
	width: 294px;
}


/* 先週の注目レースの結果 - レース名・的中予想家 */
.Top_YosoResults_List{
	border: 2px solid #c4c1b8;
}
.Top_YosoResults_List+.Top_YosoResults_List{
	margin-top: 14px;
}
.Top_YosoResults_Header{
	background: #fce5e5;
    border: 1px solid #fff;
    padding: 0 6px;
    position: relative;
    height: 55px;
}
.Top_YosoResults_Header:after{
	content: '';
	display: inline-block;
	position: absolute;
	border: 10px solid transparent;
	border-top: 10px solid #fce5e5;
	left: 40px;
	bottom: -18px;
	width: 0;
	height: 0;
	z-index: 1;
}
.YosoReults_Race{
	display: table;
	height: 55px;
}
.YosoReults_Race .JyoName,
.YosoReults_Race .RaceNum,
.YosoReults_Race .RaceName{
	display: table-cell;
	vertical-align: middle;
}
.YosoReults_Race .JyoName{
	font-size: 128.6%;
	font-weight: bold;
	max-width: 5em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.YosoReults_Race .RaceNum{
	padding: 0 6px 0 8px;
}
.YosoReults_Race .RaceNum>span{
	display: inline-block;
	background: #496bbf;
	border-radius: 4px;
	color: #fff;
	font-size: 128.6%;
	font-weight: bold;
	text-align: center;
	width: 48px;
	height: 30px;
	line-height: 30px;
}
.YosoReults_Race .RaceName dt{
	color: #222;
	font-size: 114.28571428571428%;
	font-weight: bold;
	margin-bottom: 6px;
	max-width: 15em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.YosoReults_Race .RaceName dt>img{
	margin-left: 6px;
	vertical-align: bottom;
}
.YosoReults_Race .RaceName dd>span{
	font-size: 85.7%;
}
.YosoReults_Race .RaceName dd .Date{
	color: #777;
	margin-right: 4px;
}
.YosoReults_Race .RaceName dd .Date>.Sat{
	color: #3b8dd9;
}
.YosoReults_Race .RaceName dd .Date>.Sun{
	color: #ef5350;
}
.YosoReults_Yosoka{
	display: table;
	background: #fff;
	border-radius: 3px;
	padding: 0 9px;
	position: absolute;
	top: 6px;
	right: 7px;
	min-height: 37px;
}
.YosoReults_Yosoka .HitCount,
.YosoReults_Yosoka .ThumbList{
	display: table-cell;
	vertical-align: middle;
}
.YosoReults_Yosoka .HitCount{
	padding-right: 8px;
}
.YosoReults_Yosoka .HitCount>span{
	font-weight: bold;
	padding-left: 24px;
	position: relative;
	font-size: 78.57142857142857%;
}
.YosoReults_Yosoka .HitCount>span:before{
	content: '';
	background-image: url("../img/icon/icon_sprite_yoso.png");
	background-repeat: no-repeat;
	background-position: -5px -34px;
	-webkit-background-size: 164px 500px;
	-moz-background-size: 164px 500px;
	-ms-background-size: 164px 500px;
	-o-background-size: 164px 500px;
	background-size: 164px 500px;
	position: absolute;
	top: -2px;
	left: 0;
	width: 20px;
	height: 20px;
}
.YosoReults_Yosoka .HitCount>span>.Num{
	color: #da4343;
}
.YosoReults_Yosoka .ThumbList.HitYosoka .Thumb{
	padding: 6px 0;
}
.YosoReults_Yosoka .ThumbList.HitYosoka .Thumb img:first-child{
	border: 2px solid #b9b6a9;
}
.YosoReults_Yosoka .ThumbList.HitYosoka .Thumb img{
	vertical-align: bottom;
	width: 26px;
    height: 26px;
}
.YosoReults_Yosoka .ThumbList.HitYosoka .Thumb img:nth-child(n+4){
	display: none;
}

/* 先週の注目レースの結果 - 予想家的中 */
.HitYosokaData .HitYosokaImg{
	width: 70px;
	height: 70px;
	margin-right: 10px;
}
.HitYosokaData .HitYosokaImg img{
	width: 70px;
	height: 70px;
}
.HitYosokaData .HitYosokaBox{
	max-width: 420px;
}
.HitYosokaData .HitYosokaBox .YosokaName{
	color: #333;
	font-size: 142.85714285714286%;
	font-weight: bold;
	margin-bottom: 12px;
}
.HitYosokaData .HitYosokaBox .pay{
	font-size: 100%;
	color: #666666;
	font-weight: 600;
	margin-bottom: 10px;
}
.HitYosokaData .HitYosokaBox .pay>strong{
	font-size: 114.28571428571428%;
	color: #C14D45;
	margin-left: 0.5em;
}
.HitYosokaData .HitYosokaBox .YosokaLabel{
	color: #666666;
	font-size: 85.71428571428571%;
	font-weight: bold;
	margin-right: 4px;
}


.HitYosokaData .HitYosokaBox .YosokaLabel>span+span:before{
	content: "\2f";
	padding: 0 5px;
}


/* 先週の注目レースの結果 - 馬券 */
.YosoReults_Detail .DummyBaken{
	position: absolute;
	top: 8px;
	right: 15px;
}
.YosoReults_Detail .DummyBaken:after{
	content: '';
	display: inline-block;
	background: url("../img/yoso/stamp_hit.png") no-repeat;
	-webkit-background-size: 77px 77px;
	-moz-background-size: 77px 77px;
	-ms-background-size: 77px 77px;
	-o-background-size: 77px 77px;
	background-size: 77px 77px;
	width: 77px;
	height: 77px;
	position: absolute;
	top: -6px;
	left: -44px;
}

/*-- クーポンお知らせモーダル --*/
.CouponAlertModal{
    display: block;
    position: fixed ;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 9001;
    width: 360px;
    max-width: 90%;
}
.CouponAlertModal .close{
    position: absolute;
    top: -15px;
    right: -15px;
    width: 40px;
    height: 40px;
    background: #fff;
    border: 3px solid #b4b2a0;
    border-radius: 50%;
    z-index: 2;
}
.CouponAlertModal .close::before,
.CouponAlertModal .close::after{
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 3px;
  background-color: #b4b2a0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.CouponAlertModal .close:before{
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.CouponAlertModal .close:after{
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}


.CouponAlertModalInner{
    position: relative;
    padding:78px 21px 77px ;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: none;
}
.CouponAlertModalInner img{
  width: 100%;
}
.CouponAlertCard{
  width: 100%;
  margin-top: 19px;
  border-radius: 4px;
  overflow: hidden;
  background-color: #F3F3F3;
}
.CouponAlertCard .Head{
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-weight: bold;
  font-size: 83.3333%;
  text-align: center;
  background-color: #B7443E;
}
.CouponAlertCard .Body{
   padding: 12px 0;
   text-align: center;
}
.CouponAlertCard .Body .Detail{
  display: inline-block;
}
.CouponAlertCard .Body dl{
  display: flex;
  align-items: center;
}
.CouponAlertCard .Body dl + dl{
  margin-top: 11px;
}
.CouponAlertCard .Body dl dt{
  color: #757575;
  font-size: 55.5556%;
}
.CouponAlertCard .Body dl dd{
  font-size: 61.1111%;
  font-weight: bold;
}
.CouponAlertModalInner a.CouponList{
  display: block;
  width: 100%;
  text-align: center;
  font-size: 83.3333%;
  color: #3251BC;
  font-weight: bold;
  width: 214px;
  max-width: 100%;
  height: 47px;
  line-height: 47px;
  margin: 30px auto 0;
  border: 1px solid #3251BC;
  border-radius: 4px;
}
#couponOverlay{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0,0,0,.5);
  z-index: 9000;
}

/*-- クーポンお知らせモーダル --*/
.CouponAlertModal{
    display: block;
    position: fixed ;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 9001;
    width: 360px;
    max-width: 90%;
}
.CouponAlertModal .close{
    position: absolute;
    top: -15px;
    right: -15px;
    width: 40px;
    height: 40px;
    background: #fff;
    border: 3px solid #b4b2a0;
    border-radius: 50%;
    z-index: 2;
}
.CouponAlertModal .close::before,
.CouponAlertModal .close::after{
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 3px;
  background-color: #b4b2a0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.CouponAlertModal .close:before{
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.CouponAlertModal .close:after{
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}


.CouponAlertModalInner{
    position: relative;
    padding:78px 21px 77px ;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: none;
}
.CouponAlertModalInner img{
  width: 100%;
}
.CouponAlertCard{
  width: 100%;
  margin-top: 19px;
  border-radius: 4px;
  overflow: hidden;
  background-color: #F3F3F3;
}
.CouponAlertCard .Head{
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-weight: bold;
  font-size: 107.1429%;
  text-align: center;
  background-color: #B7443E;
}
.CouponAlertCard .Body{
   padding: 12px 0;
   text-align: center;
}
.CouponAlertCard .Body .Detail{
  display: inline-block;
}
.CouponAlertCard .Body dl{
  display: flex;
  align-items: center;
}
.CouponAlertCard .Body dl + dl{
  margin-top: 11px;
}
.CouponAlertCard .Body dl dt{
  color: #757575;
  font-size: 71.4286%;
}
.CouponAlertCard .Body dl dd{
  font-size: 78.5714%;
  font-weight: bold;
}
.CouponAlertModalInner a.CouponList{
  display: block;
  width: 100%;
  text-align: center;
  font-size: 107.1429%;
  color: #3251BC;
  font-weight: bold;
  width: 214px;
  max-width: 100%;
  height: 47px;
  line-height: 47px;
  margin: 30px auto 0;
  border: 1px solid #3251BC;
  border-radius: 4px;
}
#couponOverlay{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0,0,0,.5);
  z-index: 9000;
}

/*==============================================
11.的中速報
==============================================*/

/* 的中速報 - ソート */
.HitInfo_Header{
	background: #f5f4f1;
}
.HitInfo_Header .HitInfoTitle{
	font-size: 200%;
	color: #222;
	padding: 28px 0;
	text-align: center;
}
.HitInfo_Main_Wrap{
	background: #e5e4dd;
	padding: 0 5px 5px;
}
.SortFunction.HitDataSetting{
	padding: 10px 0;
}
.SortFunction.HitDataSetting .SortSelect{
	margin-left: 12px;
}
.SortFunction.HitDataSetting .SortSelect:first-child{
	margin-left: 10px;
}
.SortFunction.HitDataSetting .SortSelect .SelectGroup{
	top: 0;
}
.SortFunction.HitDataSetting .SortSelect>span{
	position: relative;
	top: 1px;
}


/* 的中速報 - 的中リスト */
.HitInfoList_Wrap{
	background: #f5f4f1;
	padding: 20px;
}
.HitInfoTable{
	width: 100%;
}
.HitInfoTable tr th,
.HitInfoTable tr td{
	border: 1px solid #bbb7ac;
	vertical-align: middle;
}
.HitInfoTable .Header th{
	background: #d1cec7;
	text-align: center;
	font-weight: bold;
	padding: 11px 0;
}
.HitInfoTable .HitList .YosokaName{
	width: 177px;
}
.HitInfoTable .HitList .RaceDate{
	width: 175px;
}
.HitInfoTable .HitList .RaceName{
	width: 273px;
}
.HitInfoTable .HitList .Payout{
	width: 143px;
}
.HitInfoTable .HitList .BtnLinkCell{
	width: 126px;
}
.HitInfoTable .HitList .YosokaName{
	padding-left: 6px;
}
.HitInfoTable .HitList .YosokaName .Masking{
	vertical-align: middle;
}
.HitInfoTable .HitList .YosokaName .YosokaLink{
	color: #333;
	font-weight: bold;
	margin-left: 4px;
	text-decoration: underline;
}
.HitInfoTable .HitList .YosokaName .YosokaLink:hover{
	text-decoration: none;
}
.HitInfoTable .HitList .RaceDate,
.HitInfoTable .HitList .RaceName{
	padding-left: 14px;
}
.HitInfoTable .HitList .RaceDate a,
.HitInfoTable .HitList .RaceName a{
	color: #333;
	text-decoration: underline;
}
.HitInfoTable .HitList td a:hover{
	text-decoration: none;
}
.HitInfoTable .HitList .Payout{
	background: #ffefef;
	color: #e83e3e;
	font-weight: bold;
	text-align: right;
	padding-right: 14px;
}
.HitInfoTable .HitList .BtnLinkCell{
	padding: 8px 0;
}
.HitInfoTable .HitList .BtnLinkCell .ToYosoBtn{
	display: block;
	padding: 6px 0;
	margin: auto;
	width: 110px;
	text-align: center;
	background: #fff;
	color: #333;
	font-weight: bold;
	font-size: 85.7%;
	border-radius: 4px;
	border: 2px solid #e1e0d9;
	text-decoration: none;
	text-indent: 18px;
	position: relative;
}
.HitInfoTable .BtnLinkCell .ToYosoBtn:before{
	content: "";
	display: inline-block;
	background-image: url("../img/icon/icon_sprite_yoso.png");
	background-repeat: no-repeat;
	background-position: -7px -36px;
	-webkit-background-size: 164px 500px;
	-moz-background-size: 164px 500px;
	-ms-background-size: 164px 500px;
	-o-background-size: 164px 500px;
	background-size: 164px 500px;
	margin-right: 6px;
	width: 18px;
	height: 16px;
	position: absolute;
	top: 3px;
	left: 10px;
}
.HitInfoTable .BtnLinkCell .ToYosoBtn:hover{
	background: #eee;
}
.HitInfoTable .HitList span.Sat{
	color: #3b8dd9;
}
.HitInfoTable .HitList span.Sun{
	color: #e83e3e
}
.HitInfoTable .Header .sort{
	position: relative;
	padding: 12px 0 12px 12px;
}
.HitInfoTable .Header .sort span:after,
.HitInfoTable .Header .sort.desc span:after,
.HitInfoTable .Header .sort.asc span:after{
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 16px;
}
.HitInfoTable .Header .sort span:after{
	background: url("../img/icon/icon_sort_default.png") no-repeat center;
	-webkit-background-size: 9px 10px;
	-moz-background-size: 9px 10px;
	-ms-background-size: 9px 10px;
	background-size: 9px 10px;
	margin-top: -4px;
	width: 9px;
	height: 10px;
}
.HitInfoTable .Header .sort.desc span:after{
	background: url("../img/icon/icon_sort_desc.png") no-repeat;
	-webkit-background-size: 9px 4px;
	-moz-background-size: 9px 4px;
	-ms-background-size: 9px 4px;
	background-size: 9px 4px;
	margin-top: 0;
	width: 9px;
	height: 4px;
}
.HitInfoTable .Header .sort.asc span:after{
	background: url("../img/icon/icon_sort_asc.png") no-repeat;
	-webkit-background-size: 9px 4px;
	-moz-background-size: 9px 4px;
	-ms-background-size: 9px 4px;
	background-size: 9px 4px;
	margin-top: 0;
	width: 9px;
	height: 4px;
}


/* 今週の注目レース情報 */
.CyumokuYoso{
	background: #f2f1ec;
	padding: 20px 20px 14px;
	margin-top: 20px;
}
.CyumokuYoso .YosoListHeader{
	position: relative;
	margin-bottom: 8px;
}
.CyumokuYoso .YosoListHeader .CyumokuYosoTitle{
	font-size: 142.86%;
	font-weight: bold;
}
.CyumokuYosoList ul{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: left;
	justify-content: left;
	-ms-flex-line-pack: distribute;
	-webkit-align-content: space-around;
	align-content: space-around;
}
.CyumokuYosoList li{
	background: #fff;
	border: 1px solid #ccc;
	padding: 9px 8px 13px 25px;
	margin-top: 10px;
	width: 450px;
	box-sizing: border-box;
}
.CyumokuYosoInner{
	display: table;
	width: 100%;
	height: 100%;
}
.CyumokuYosoList li:nth-of-type(2n){
	margin-left: 20px;
}
.CyumokuYosoList li .txtarea,
.CyumokuYosoList li .BtnArea{
	display: table-cell;
	vertical-align: middle;
}
.CyumokuYosoList .RaceTitle{
	font-size: 157.14%;
	font-weight: bold;
	line-height: 1.3;
}
.CyumokuYosoList .RaceData{
	color: #777;
	font-size: 114.29%;
	margin-top: 5px;
}
.CyumokuYosoList .BtnArea{
	text-align: center;
	width: 120px;
}
.CyumokuYosoList .Icon_Grade{
	-webkit-background-size: 42px auto;
	-moz-background-size: 42px auto;
	-ms-background-size: 42px auto;
	-o-background-size: 42px auto;
	background-size: 42px auto;
	width: 42px;
	height: 23px;
}
.CyumokuYosoList .Icon_Grade.Icon_G1{
	background-position: 2px 2px;
}
.CyumokuYosoList .Icon_Grade.Icon_G2{
	background-position: 2px -21px;
}
.CyumokuYosoList .Icon_Grade.Icon_G3{
	background-position: 2px -44px;
}
.CyumokuYosoList .Icon_Grade.Icon_G{
	background-position: 2px -66px;
}
.CyumokuYosoList .Icon_Grade.Icon_Open{
	background-position: 2px -156px;
}
.CyumokuYosoList .Icon_Grade.Icon_Un1600{
	background-position: 2px -178px;
	width: 50px;
}
.CyumokuYosoList .Icon_Grade.Icon_Un1000{
	background-position: 2px -202px;
	width: 50px;
}
.CyumokuYosoList .Icon_Grade.Icon_Un900{
	background-position: 2px -226px;
	width: 50px;
}
.CyumokuYosoList .Icon_Grade.Icon_Un500{
	background-position: 2px -248px;
	width: 50px;
}
.CyumokuYosoList .Icon_Grade.Icon_JG1{
	background-position: 2px -88px;
}
.CyumokuYosoList .Icon_Grade.Icon_JG2{
	background-position: 2px -111px;
}
.CyumokuYosoList .Icon_Grade.Icon_JG3{
	background-position: 2px -133px;
}
.CyumokuYosoList .StateBtn,
.CyumokuYosoList .StateBtn.StateFree{
	padding-top: 10px;
	padding-bottom: 10px;
}
.CyumokuYosoList .StateBtn .FreeFlag{
	background: #e0343b;
	display: block;
	font-size: 114.29%;
	border-radius: 3px;
	width: 100px;
	padding: 3px;
	margin: 0 auto 4px;
}
.CyumokuYosoList .StateBtn.StateFree .FreeFlag:after{
	display: none;
}
.CyumokuYosoList .StateBtn.StateFree .Txt{
	padding-top: 0;
}

/*-- 緊急 --*/
.EmergencyArea{
	background: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 6px;
	margin-bottom: 6px;
}
.EmergencyArea p{
	color: #fff;
	font-size: 100%;
	background: #555;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 6px;
}
.EmergencyArea a{
	color: #fff;
	font-size: 100%;
	line-height: 1.2;
	padding-left: 34px;
	position: relative;
	display: block;
}
.EmergencyArea a:before{
	content: '';
	position: absolute;
	top: 50%;
	left: 2px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display: inline-block;
	width: 26px;
	height: 15px;
	background-image: url("../img/icon/icon_sprite_yoso.png?20180209");
	background-position: -67px -273px;
	background-repeat: no-repeat;
	-webkit-background-size: 164px 500px;
	-moz-background-size: 164px 500px;
	-ms-background-size: 164px 500px;
	-o-background-size: 164px 500px;
	background-size: 164px 500px;
	vertical-align: top;
}

/*==============================================
13.ウマいボタン
==============================================*/
.UmaiBtnArea .UmaiBtn{
	float: right;
	height: 27px;
	padding: 3px 10px 0 9px;
	border: 2px solid #fff;
	cursor: pointer;
	border-radius: 3px;
	margin-top: 3px;
	outline: none;
}
.UmaiBtnArea>*{
	display: inline-block;
}
.UmaiBtnArea .UmaiBtn .Umai_text{
	font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴ ProN W3", 'ヒラギノ角ゴ Pro W3', arial, "Hiragino Kaku Gothic ProN", sans-serif;
	position: relative;
	font-size: 86%;
	font-weight: bold;
	color: #fff;
	line-height: 1.5;
	padding: 1px 0px 1px 23px;
	vertical-align: middle;
}
.UmaiBtnArea .UmaiBtn .Umai_text:before{
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	background-image: url(../img/icon/umai_btn_pc.png);
	background-repeat: no-repeat;
	background-position: left center;
	width: 19px;
	height: 14px;
}
.UmaiBtnArea .Umai_point{
	font-family: Arial, "Meiryo", "メイリオ", "ヒラギノ角ゴ ProN W3", 'ヒラギノ角ゴ Pro W3', "Hiragino Kaku Gothic ProN", sans-serif;
	;
	font-size: 86%;
	font-weight: bold;
	color: #fff;
	padding: 5px 0 5px 10px;
	min-width: 20px;
	text-align: right;
	vertical-align: middle;
}
.UmaiBtnArea .UmaiBtn:hover{
	text-decoration: none;
}

/*「ウマい！」ボタン済*/
.UmaiBtnArea .UmaiBtn.clicked{
	border: 0;
	cursor: auto;
	padding: 5px 12px 0 11px;
}

/*ポップアップ内*/
.UmaiByn_PopUp{
	background: #e8e6df;
	padding: 12px 15px 17px;
}
.UmaiByn_PopUp .NotPoint{
	color: #d1423f;
	background-size: 23px 21px;
	font-size: 83.4%;
	font-weight: bold;
	margin: 10px 0 14px;
	text-align: left;
}
.UmaiByn_PopUp .NotPoint span{
	display: inline-block;
	padding-left: 30px;
	position: relative;
	line-height: 1.3;
	font-size: 180%;
}
.UmaiByn_PopUp .NotPoint span:before{
	content: '';
	display: inline-block;
	background: url("../img/icon/icon_error01.png") no-repeat;
	-webkit-background-size: 23px 21px;
	-moz-background-size: 23px 21px;
	background-size: 23px 21px;
	position: absolute;
	top: 50%;
	left: 0;
	width: 23px;
	height: 21px;
	margin-top: -13px;
}
.UmaiByn_PopUp .YosoBtn01.Purchase{
	font-size: 100%;
	padding: 21px 0;
}
.UmaiByn_PopUp .MemberLink{
	text-align: center;
	padding: 10px 0 0;
}
.UmaiByn_PopUp .MemberLink a{
	color: #333;
	font-size: 138%;
	border-bottom: 1px solid #333;
}
.UmaiByn_PopUp .MemberLink a:hover{
	text-decoration: none;
}

body.Yoso .UmaiByn_PopUp a.YosoBtn01{
	width: auto;
	font-size: 180%;
}

/* yoso_detail内サンキュースタンプ関連のスタイル ここから */
#thanks-stamp__area #float-button__wrap::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100dvh;
    z-index: 9000;
    background-color: transparent;
    pointer-events: none;
    transition: all 0.25s ease-out;
}
#thanks-stamp__area .active__bg#float-button__wrap::before {
    background-color: #000;
    opacity: 0.3;
    pointer-events: auto;
}
#thanks-stamp__area #float-button--open {
    background-color: #3C445F;
    cursor: pointer;
    z-index: 1;
    transition: all 0.3s ease-out;
}
#thanks-stamp__area #float-button--open:active {
    animation: scale-up-down 0.3s ease-in-out;
}
#thanks-stamp__area #float-button--open:active img {
    animation: scale-up-down 0.3s ease-in-out;
}
#thanks-stamp__area .submitted #float-button--open {
    opacity: 0;
    pointer-events: none;
    z-index: -10;
}
#thanks-stamp__area #float-button--submitted {
    opacity: 0;
    pointer-events: none;
}
#thanks-stamp__area .submitted #float-button--submitted {
    background-color: #F3F3F3;
    opacity: 1;
    cursor: not-allowed;
    pointer-events: auto;
}
#thanks-stamp__area .submitted #float-button--submitted::before {
    content: "\9001\4FE1\6E08";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 13px;
    font-weight: 600;
    color: #666;
    white-space: nowrap;
    cursor: not-allowed;
	z-index: 20;
}
#thanks-stamp__area [id^="float-button--"] {
    display: grid;
    place-items: center;
    position: fixed;
    bottom: 49px;
    right: 10px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
	border: solid 1px #F3F3F3;
    transition: all 0.25s ease-out;
}
#thanks-stamp__area [id^="float-button--"] img {
    width: 50px;
    height: auto;
    z-index: 10;
    transition: all 0.3s 0.25s ease-out;
}
#thanks-stamp__area #float-button--open.hidden,
#thanks-stamp__area #float-button--open.hidden img {
    opacity: 0;
    pointer-events: none;
}
.iframe__wrap {
    position: fixed;
    top: 0;
    right: 0;
    transform: translateY(0) translateX(110%);
    z-index: 999999;
    width: 100vw;
    max-width: 480px;
    transition: all 0.25s ease-in-out;
    border-radius: 11px 0 0 11px;
    overflow: hidden;
}
.iframe__wrap.active {
    transform: translateY(0) translateX(0);
}
.iframe__button--wrap{
    position: relative;
    height: 46px;
    opacity: 0;
    transition: all 0.25s ease-in-out;
    background-color: #fff;
    border-bottom: solid 1px #DADADA;
}
.iframe__wrap.active .iframe__button--wrap{
    opacity: 1;
}
.iframe__button--block.button__close {
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 13px;
    right: 14px;
    cursor: pointer;
}
.iframe__button--block.button__close::before,
.iframe__button--block.button__close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 23px;
    height: 3px;
    border-radius: 50px;
    background-color: #777;
}
.iframe__button--block.button__close::before {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.iframe__button--block.button__close::after {
    transform: translate(-50%, -50%) rotate(45deg);
}
#iframe__thanks_stamp {
    height: calc(100lvh - 46px);
    width: 100vw;
    max-width: 480px;
    border: none;
}
.no-scroll {
    overflow: hidden !important;
}
@keyframes scale-up-down {
    0% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

#thanks-stamp__area #float-button__wrap::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100dvh;
    z-index: 9000;
    background-color: transparent;
    pointer-events: none;
    transition: all 0.25s ease-out;
}
#thanks-stamp__area .active__bg#float-button__wrap::before {
    background-color: #000;
    opacity: 0.3;
    pointer-events: auto;
}
#thanks-stamp__area #float-button--open {
    background-color: #3C445F;
    cursor: pointer;
    z-index: 1;
    transition: all 0.3s ease-out;
}
#thanks-stamp__area #float-button--open:active {
    animation: scale-up-down 0.3s ease-in-out;
}
#thanks-stamp__area #float-button--open:active img {
    animation: scale-up-down 0.3s ease-in-out;
}
#thanks-stamp__area .submitted #float-button--open {
    opacity: 0;
    pointer-events: none;
    z-index: -10;
}
#thanks-stamp__area #float-button--submitted {
    opacity: 0;
    pointer-events: none;
}
#thanks-stamp__area .submitted #float-button--submitted {
    background-color: #F3F3F3;
    opacity: 1;
    cursor: not-allowed;
    pointer-events: auto;
}
#thanks-stamp__area .submitted #float-button--submitted::before {
    content: "\9001\4FE1\6E08";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 13px;
    font-weight: 600;
    color: #666;
    white-space: nowrap;
    cursor: not-allowed;
	z-index: 20;
}
#thanks-stamp__area [id^="float-button--"] {
    display: grid;
    place-items: center;
    position: fixed;
    bottom: 40px;
    right:calc(50% - 570px);
    width: 70px;
    height: 70px;
    border-radius: 50%;
	border: solid 1px #F3F3F3;
    transition: all 0.25s ease-out;
}
#thanks-stamp__area [id^="float-button--"] img {
    width: 50px;
    height: auto;
    z-index: 10;
    transition: all 0.3s 0.25s ease-out;
}
#thanks-stamp__area #float-button--open.hidden,
#thanks-stamp__area #float-button--open.hidden img {
    opacity: 0;
    pointer-events: none;
}

#thanks-stamp__area #float-button--open {
	/* ページ表示時に弾けるアニメーションを追加 */
	animation: burst 0.5s ease-in-out forwards;
  }

	@keyframes burst {
	0% {
		transform: scale(1);
	}
	5% {
		transform: scale(1.2);
	}
	30% {
		transform: scale(0.5);
	}
	60% {
		transform: scale(1.4);
	}
	100% {
		transform: scale(1);
	}
	}

	/* 震えるアニメーション */
	.shake {
	animation: shake 4s ease infinite !important;
	}

	@keyframes shake {
	0% {
		transform: translate(0, 0) rotate(0);
	}
	4% {
		transform: translate(-3px, 0) rotate(-2deg);
	}
	8% {
		transform: translate(3px, 0) rotate(2deg);
	}
	12% {
		transform: translate(-3px, 0) rotate(-2deg);
	}
	16% {
		transform: translate(3px, 0) rotate(2deg);
	}
	17%{
		transform: translate(0, 0) rotate(0);
	}
	100% {
		transform: translate(0, 0) rotate(0); /* ここで静止状態になります */
	}
  }
/*送られたスタンプ*/
.send_stamp_list{
	padding:0 10px ;
	margin:21px 0 33px;
	background: #F5F4F1;
	/* border-radius: 4px; */
	padding:20px 30px 35px;
}
.send_stamp_list h3{
	font-size: 128.57142857142858%;
	font-weight: bold;
	color: #555555;
	margin-bottom: 16px;
}
  .send_stamp_list ul{
	display: flex;
	flex-wrap: wrap;
	column-gap: 4.19%;
  }
  .send_stamp_list ul li dl{
	margin: auto;
  }
  .send_stamp_list ul li dl dt{
	width: 56px;
	height: 56px;
	margin-top: -1px;
	border-radius: 50%;
	overflow: hidden;
	text-align: center;
	display: grid;
	place-items: center;
	background-color: #FFFFFF;
  }
  .send_stamp_list ul li dl dt img{
	width: 32px;
  }
  .send_stamp_list ul li dl dd{
	text-align: center;
  }
  .send_stamp_list ul li dl dd span{
	display: inline-block;
	background: #fff;
	width: 53px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	border-radius: 4px;
	color: #555555;
	font-weight: 600;
  }
  .send_stamp_list ul li dl dd span.send{
	background: #617FE2;
	outline:solid 2px #3251BC;
	color: #fff;
  }

.iframe__wrap {
    position: fixed;
    top: 0;
    right: 0;
    transform: translateY(0) translateX(110%);
    z-index: 999999;
    width: 100vw;
    max-width: 480px;
    transition: all 0.25s ease-in-out;
    border-radius: 11px 0 0 11px;
    overflow: hidden;
}
.iframe__wrap.active {
    transform: translateY(0) translateX(0);
}
.iframe__button--wrap{
    position: relative;
    height: 46px;
    opacity: 0;
    transition: all 0.25s ease-in-out;
    background-color: #fff;
    border-bottom: solid 1px #DADADA;
}
.iframe__wrap.active .iframe__button--wrap{
    opacity: 1;
}
.iframe__button--block.button__close {
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 13px;
    right: 14px;
    cursor: pointer;
}
.iframe__button--block.button__close::before,
.iframe__button--block.button__close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 23px;
    height: 3px;
    border-radius: 50px;
    background-color: #777;
}
.iframe__button--block.button__close::before {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.iframe__button--block.button__close::after {
    transform: translate(-50%, -50%) rotate(45deg);
}
#iframe__thanks_stamp {
    height: calc(100lvh - 46px);
    width: 100vw;
    max-width: 480px;
    border: none;
}
.no-scroll {
    overflow: hidden !important;
}
@keyframes scale-up-down {
    0% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}
#thanks-stamp {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    background-color: #fff;
}
#thanks-stamp .contents__wrap {
    padding-top: 30px;
}
@media screen and (max-width: 1024px) {
    #thanks-stamp {
        max-width: 750px;
    }
    #thanks-stamp .contents__wrap {
        padding-right: 20px;
        padding-left: 20px;
    }
}
#thanks-stamp .main__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1em;
    text-align: center;
    color: #333;
    margin-bottom: 38px;
}
#thanks-stamp .description__link {
    display: block;
    text-align: right;
    margin-top: -24px;
    margin-bottom: 10px;
}
#thanks-stamp .description__link a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    line-height: 1em;
    color: #0033AA;
    padding-left: 16px;
	text-decoration: none;
}
#thanks-stamp .description__link span {
    font-size: 14px;
    font-weight: 300;
    line-height: 1em;
    text-align: right;
    color: #555;
}
#thanks-stamp .description__link a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 13px;
    height: 13px;
    transform: translateY(-50%);
    border-radius: 50%;
    border: solid 1px #707070;
    background-image: url(../img/thanks_stamp/icon_question.png);
    background-repeat: no-repeat;
    background-size: 5px;
    background-position: center;
}
#thanks-stamp .description__link a::after {
    content: "";
    position: absolute;
    bottom: -0.5px;
    left: 16px;
    width: calc(100% - 16px);
    height: 1px;
    font-size: 10px;
    line-height: 1em;
    background-color: #0033AA;
}
#thanks-stamp .user__box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 57px;
    border-radius: 4px;
    background-color: #F3F3F3;
    padding-right: 7px;
    padding-left: 10px;
    margin-bottom: 18px;
}
#thanks-stamp .user__info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#thanks-stamp .user__icon {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    overflow: hidden;
}
#thanks-stamp .user__name {
    font-size: 13px;
    font-weight: 700;
    color: #666;
    margin-left: 10px;
}
#thanks-stamp .stamp-of-choice {
    position: relative;
    display: flex;
    justify-content: end;
    align-items: center;
}
#thanks-stamp .stamp-of-choice .required-points {
    display: flex;
    align-items: center;
    font-size: 11px;
    font-weight: 300;
    color: #555;
    margin-right: 46px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.1s;
}
#thanks-stamp .stamp-of-choice .required-points strong {
    font-size: 17px;
    font-weight: 600;
    color: #E3B749;
    margin-left: 3px;
}
#thanks-stamp .stamp-of-choice .required-points span {
    position: relative;
    bottom: -1px;
    font-weight: 600;
    color: #555;
}
#thanks-stamp .stamp-of-choice .stamp__img {
    display: none;
    transition: all 0.3s;
}
#thanks-stamp .stamp-of-choice .stamp__img.checked {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 40px;
    animation: swing-scale 0.3s ease-in-out;
}
#thanks-stamp .stamp-of-choice .stamp__img.free-pt {
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    height: 45px;
}
@keyframes swing-scale {
    0% {
        transform: translateY(-50%) scale(0.8) rotate(0deg);
    }
    25% {
        transform: translateY(-50%) rotate(15deg);
    }
    50% {
        transform: translateY(-50%) scale(1.2) rotate(-15deg);
    }
    75% {
        transform: translateY(-50%) rotate(15deg);
    }
    100% {
        transform: translateY(-50%) scale(1) rotate(0deg);
    }
}
#thanks-stamp .user__box__inner--1 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
  }
  #thanks-stamp .stamp__content {
	position: relative;
  }
  #thanks-stamp .stamp__content:where([data-direction_picture^="500"],[data-direction_picture*="000"])::after {
	content: "";
	position: absolute;
	top: 0;
	right: 11px;
	width: 16px;
	height: 14.6px;
	background-image: url(../img/thanks_stamp/icon_stamp_message.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
  }
  @media screen and (max-width: 480px) {
	#thanks-stamp .stamp__content:where([data-direction_picture^="500"],[data-direction_picture*="000"])::after {
	  right: calc(50% - 32px);
	}
  }
  #thanks-stamp .user__box__inner--2 {
	display: none;
  }
  /* メッセージ関連ここから */
  #thanks-stamp.send-message .user__box.warning-description { /* 重要なお知らせ関連の記述 ここから */
	padding-top: 19px;
  }
  #thanks-stamp .user__box .important-notice {
	display: none;
  }
  #thanks-stamp.send-message .user__box .important-notice {
	display: block;
	margin-bottom: 14px;
  }
  #thanks-stamp.send-message .user__box .important-notice__title {
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	color: #C53131;
	margin-bottom: 8px;
  }
  #thanks-stamp.send-message .user__box .important-notice__description [class^=important-notice__description__text--] {
	font-size: 12px;
	font-weight: 300;
	color: #555;
	line-height: 1.75em;
  }
  #thanks-stamp.send-message .user__box .important-notice__description [class^=important-notice__description__text--] .submission-guidelines__link { /* 重要なお知らせ関連の記述 ここまで */
	color: #0033AA;
	border-bottom: solid 1px #0033AA;
  }
  #thanks-stamp.send-message .user__box__inner--1 {
	margin-bottom: 4px;
  }
  #thanks-stamp.send-message .user__box__inner--2 {
	display: block;
	width: 100%;
  }
  #thanks-stamp.send-message .user__box__inner--1 .required-points {
	display: none;
  }
  #thanks-stamp.send-message .user__box {
	background-color: #F3F3F3;
	border-radius: 4px;
	padding: 12px 10px 19px;
	height: auto;
	flex-direction: column;
  }
  #thanks-stamp.send-message .user__box__inner--2 #user__message-area {
	width: 100%;
	border: none;
	border-radius: 4px;
	padding: 20px 10px;
	resize: vertical;
	min-height: 52px;
	max-height: 500px;
	font-size: 13px;
	font-weight: 300;
	color: #333;
	resize: none;
  }
  #thanks-stamp.send-message .user__box__inner--2 #user__message-area:focus-visible {
	resize: vertical;
  }
  #thanks-stamp.send-message .user__box__inner--2 #user__message-area::placeholder {
	font-size: 13px;
	font-weight: 600;
	color: #999;
  }
  #thanks-stamp.send-message .user__box__inner--2 #user__message-area:focus-visible::placeholder {
	opacity: 0.3;
  }
  #thanks-stamp.send-message .user__message__value--box {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 195px;
	margin: 8px auto 0;
  }
  #thanks-stamp.send-message [class*=user__message__value__box__inner--] {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
  }
  #thanks-stamp.send-message [class*=user__message__value__box__inner--] .user__message__value__text {
	font-size: 11px;
	font-weight: 300;
	color: #777;
  }
  #thanks-stamp.send-message .stamp-of-choice.user__message__value__box__inner--1 {
	flex-direction: column;
  }
  #thanks-stamp.send-message .stamp-of-choice.user__message__value__box__inner--1 .required-points {
	margin-right: 0;
  }
  #thanks-stamp.send-message .user__message__value__box__inner--2 .character-limit {
	font-size: 15px;
	font-weight: #600;
  }
  #thanks-stamp.send-message .user__message__value__box__inner--2 .character-limit.over .text-count {
	color: #C53131;
  }
  #thanks-stamp.send-message [class*=user__message__value__box__inner--] .user__message__value--item {
	margin-bottom: 6px;
  }
  #thanks-stamp.send-message .stamp-of-choice .stamp__img.checked {
	transform: translateY(-30%);
	animation: send-message-swing-scale1 0.3s ease-in-out;
  }
  @keyframes send-message-swing-scale1 {
	0% {
		transform: translateY(-30%) scale(0.8) rotate(0deg);
	}
	25% {
		transform: translateY(-30%) rotate(15deg);
	}
	50% {
		transform: translateY(-30%) scale(1.2) rotate(-15deg);
	}
	75% {
		transform: translateY(-30%) rotate(15deg);
	}
	100% {
		transform: translateY(-30%) scale(1) rotate(0deg);
	}
  }
  /* メッセージ関連ここまで */

  #thanks-stamp .stamp-of-choice .required-points.checked-paid-content {
	  opacity: 1;
	  pointer-events: initial;
  }


  #thanks-stamp .sub__title {
	  font-size: 13px;
	  font-weight: 600;
	  color: #666;
	  text-align: center;
	  margin-bottom: 9px;
  }
  #thanks-stamp .stamp__options {
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: space-between;
	  row-gap: 29px;
	  margin-bottom: 33px;
  }
  #thanks-stamp .stamp__content {
	  width: 20%;
  }
  #thanks-stamp .stamp__bg {
	  position: relative;
  }
  #thanks-stamp .stamp__bg input[type="radio"] {
	  position: absolute;
	  top: 0;
	  left: 50%;
	  transform: translateX(-50%);
	  z-index: -100;
	  width: 44px;
	  height: 44px;
	  border-radius: 50%;
  }
  #thanks-stamp .stamp__bg input[type="radio"]:checked + label::before {
	  content: "";
	  transform: translate(-50%, -50%) scale(1);
	  opacity: 1;
  }
  #thanks-stamp .stamp__content.submitted .stamp__bg label {
	  pointer-events: none;
  }
  #thanks-stamp .stamp__text {
	  font-size: 10px;
	  font-weight: 600;
	  color: #666;
	  text-align: center;
  }
  #thanks-stamp .stamp__content.submitted .stamp__text {
	color: #dadada;
  }
  #thanks-stamp .stamp__bg .stamp__img {
	  position: relative;
	  z-index: 10;
	  height: 34.86px;
	  cursor: pointer;
  }
  #thanks-stamp .stamp__bg input[type="radio"]:checked + label .stamp__img {
	  animation: scale-up-down 0.3s ease-in-out;
  }
  @keyframes scale-up-down {
	  0% {
		  transform: scale(0.8);
	  }
	  50% {
		  transform: scale(1.2);
	  }
	  100% {
		  transform: scale(1);
	  }
  }
  #thanks-stamp .discription__text {
	font-size: 11px;
	font-weight: 500;
	line-height: 1em;
	text-align: center;
	color: #444;
	margin-bottom: 8px;
	letter-spacing: 0.02em;
  }
  #thanks-stamp .discription__text strong {
	font-weight: 600;
	font-size: 12px;
	margin-right: 1px;
  }
  #thanks-stamp .warning__text {
	  font-size: 11px;
	  font-weight: 300;
	  line-height: 1em;
	  text-align: center;
	  color: #555;
	  margin-bottom: 10px;
	  letter-spacing: 0.02em;
  }
  #thanks-stamp .warning_text_short_point {
	  width: calc( 100% + 40px );
	  font-size: 12px;
	  font-weight: 600;
	  line-height: 1.75em;
	  text-align: center;
	  color: #B74443;
	  background: #FFF2F0;
	  margin-right: -20px;
	  margin-left: -20px;
  }
  #thanks-stamp .warning__text strong {
	  font-weight: 600;
  }
  #thanks-stamp .submit-button {
	  display: block;
	  width: 270px;
	  padding-top: 11px;
	  padding-bottom: 11px;
	  border-radius: 4px;
	  background-color: #CACACA;
	  border: none;
	  font-size: 17px;
	  font-weight: 600;
	  color: #fff;
	  text-align: center;
	  margin: 0 auto;
	  transition: all 0.3s;
  }
  #thanks-stamp .submit-button.free-stamp {
	  background-color: #3251BC;
  }
  #thanks-stamp .submit-button.paid-stamp {
	  background-color: #E3B749;
  }
  #thanks-stamp .submit-button.paid-stamp.inactive {
	  background-color: #CACACA;
	  pointer-events: none;
  }
#thanks-stamp .stamp-of-choice .required-points.checked-paid-content {
    opacity: 1;
    pointer-events: initial;
}
#thanks-stamp .sub__title {
    font-size: 15px;
    font-weight: 600;
    color: #666;
    text-align: center;
    margin-bottom: 12px;
}
#thanks-stamp .stamp__options {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 29px;
    margin-bottom: 50px;
}
#thanks-stamp .stamp__content {
    width: 20%;
}
#thanks-stamp .stamp__bg {
    position: relative;
}
#thanks-stamp .stamp__bg label {
    position: relative;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: #F3F3F3;
    display: grid;
    place-items: center;
    margin: 0 auto 8px;
    cursor: pointer;
    transition: all 0.3s;
}
#thanks-stamp .stamp__bg label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: #3C445F;
    opacity: 0;
    transition: all 0.3s;
}
#thanks-stamp .stamp__bg input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 30;
    width: 52px;
    height: 52px;
    border-radius: 50%;
}
#thanks-stamp .stamp__bg input[type="radio"]:checked + label::before {
    content: "";
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}
#thanks-stamp .stamp__content.submitted .stamp__bg label {
    pointer-events: none;
}
#thanks-stamp .stamp__content.submitted .stamp__bg::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: #000;
    opacity: 0.4;
}
#thanks-stamp .stamp__content.submitted .stamp__text {
    color: #dadada;
}
#thanks-stamp .stamp__text {
    font-size: 13px;
    font-weight: 600;
    color: #666;
    text-align: center;
}
#thanks-stamp .stamp__text[class*="0000-pt"] {
    letter-spacing: -0.05em;
}
#thanks-stamp .stamp__bg .stamp__img {
    position: relative;
    z-index: 10;
    height: 40px;
    cursor: pointer;
}
#thanks-stamp .stamp__bg .stamp__img:where(.stamp__100-pt,.stamp__500-pt,.stamp__1000-pt) {
    height: 35px;
}
#thanks-stamp .stamp__bg input[type="radio"]:checked + label .stamp__img {
    animation: scale-up-down 0.3s ease-in-out;
}
@keyframes scale-up-down {
    0% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}
#thanks-stamp .warning__text strong {
    font-weight: 700;
}
#thanks-stamp .submit-button {
    display: block;
    width: 374px;
    padding-top: 14px;
    padding-bottom: 14px;
    border-radius: 4px;
    background-color: #CACACA;
    border: none;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    transition: all 0.3s;
}
#thanks-stamp .submit-button.free-stamp {
    background-color: #3251BC;
}
#thanks-stamp .submit-button.paid-stamp {
    background-color: #E3B749;
}
#thanks-stamp .submit-button:not(.paid-stamp,.free-stamp) {
    text-decoration: none;
}

/* thanks-stampのスタイル ここまで */
/* thanks-stamp-confirmのスタイル ここから */
#thanks-stamp.thanks-stamp-confirm .user__box {
    flex-direction: column;
    height: 172px;
    padding: 16px 10px 13px;
    margin-bottom: 82px;
}
#thanks-stamp.thanks-stamp-confirm .required-points span.consumption-points {
    font-size: 11px;
    font-weight: 600;
    color: #777;
    margin-right: 2px;
}
#thanks-stamp.thanks-stamp-confirm .stamp-of-choice {
    width: 100%;
}
#thanks-stamp.thanks-stamp-confirm .stamp-of-choice .stamp__img {
    height: 90px;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: -1px;
}
@keyframes confirm-swing-scale {
    0% {
        transform: translate(-50%, -50%) scale(0.8) rotate(0deg);
    }
    25% {
        transform: translate(-50%, -50%) rotate(15deg);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.2) rotate(-15deg);
    }
    75% {
        transform: translate(-50%, -50%) rotate(15deg);
    }
    100% {
        transform: translate(-50%, -50%) scale(1) rotate(0deg);
    }
}
#thanks-stamp.thanks-stamp-confirm .required-points {
    font-size: 11px;
    font-weight: 600;
    color: #555;
}
#thanks-stamp.thanks-stamp-confirm .required-points strong {
    font-size: 17px;
    font-weight: 600;
    color: #E3B749;
    margin-left: 3px;
    position: relative;
    bottom: -2px;
}
#thanks-stamp.thanks-stamp-confirm .required-points span {
    position: relative;
    font-size: 13px;
    bottom: -1px;
    font-weight: 600;
    color: #555;
}
#thanks-stamp.thanks-stamp-confirm .user__info {
    margin-right: auto;
}
#thanks-stamp.thanks-stamp-confirm .back-button {
    background-color: #fff;
    border: solid 1px #cacaca;
    font-size: 17px;
    font-weight: 600;
    color: #777;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#thanks-stamp.thanks-stamp-confirm .stamp-of-choice .stamp__img.checked {
    animation: confirm-swing-scale 0.3s ease-in-out;
}
/* メッセージ関連ここから */
#thanks-stamp.thanks-stamp-confirm [class*=user__box__inner--] {
	display: none;
  }
  #thanks-stamp.thanks-stamp-confirm.send-message [class*=user__box__inner--] {
	display: block;
  }
  #thanks-stamp.thanks-stamp-confirm.send-message .user__box__inner--1 {
	margin-bottom: 4px;
  }
  #thanks-stamp.thanks-stamp-confirm.send-message .user__box__inner--2 {
	width: 100%;
  }
  #thanks-stamp.thanks-stamp-confirm.send-message .user__box__inner--1 .required-points {
	display: none;
  }
  #thanks-stamp.thanks-stamp-confirm.send-message .user__box {
	background-color: #F3F3F3;
	border-radius: 4px;
	padding: 16px 10px 14px;
	height: auto;
	flex-direction: column;
	margin-bottom: 30px;
  }
  #thanks-stamp.thanks-stamp-confirm.send-message.no-text .user__box {
	margin-bottom: 84px;
  }
  #thanks-stamp.thanks-stamp-confirm .warning_text_short_point {
	display: none;
  }
  #thanks-stamp.thanks-stamp-confirm.send-message .warning_text_short_point {
	line-height: 1.5em;
	letter-spacing: 0.001em;
	padding: 3px 0 2px;
  }
  #thanks-stamp.thanks-stamp-confirm.send-message.no-text .warning_text_short_point {
	display: block;
  }
  #thanks-stamp.thanks-stamp-confirm.send-message .user__box > :where(.user__info, .stamp-of-choice, .required-points) {
	display: none;
  }
  #thanks-stamp.thanks-stamp-confirm.send-message .user__box .user__box__inner--1 .user__info {
	justify-content: left;
  }
  #thanks-stamp.thanks-stamp-confirm.send-message .user__box .user__box__inner--1 .stamp-of-choice {
	position: relative;
	display: flex;
	justify-content: end;
	align-items: center;
  }
  #thanks-stamp.thanks-stamp-confirm.send-message .user__box .user__box__inner--1 .stamp__img.checked {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	left: initial;
	height: 40px;
	transform: translateY(-65%);
	animation: send-message-swing-scale2 0.3s ease-in-out;
  }
  #thanks-stamp.thanks-stamp-confirm.send-message .user__box__inner--2 #user__message-area {
	width: 100%;
	border: none;
	border-radius: 4px;
	padding: 14px 10px;
	min-height: 41px;
	max-height: 500px;
	font-size: 13px;
	font-weight: 300;
	color: #333;
	margin-bottom: 7px;
	resize: none;
  }
  #thanks-stamp.thanks-stamp-confirm.send-message.no-text .user__box__inner--2 #user__message-area {
	pointer-events: none;
  }
  #thanks-stamp.thanks-stamp-confirm.send-message .user__box__inner--2 #user__message-area:focus-visible {
	border: none;
	outline: none;
  }
  #thanks-stamp.thanks-stamp-confirm.send-message .user__box__inner--2 #user__message-area::placeholder {
	font-size: 13px;
	font-weight: 600;
	color: #DADADA;
  }
  #thanks-stamp.thanks-stamp-confirm.send-message .user__box__inner--2 .required-points.checked-paid-content {
	text-align: center;
  }
/* thanks-stamp-confirmのスタイル ここまで */
  /*所有ポイント*/
.PurchaseCont .PointCellBox {
	padding: 10px 0 10px;
	background: #F3F3F3;
	margin: 20px 20px 0;
	border-radius: 4px;
  }

  .PurchaseCont .PointCellBox dt,
  .PurchaseCont .PointCellBox .point_category,
  .PurchaseCont .PointCellBox .free_category {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	-webkit-box-align: end;
		-ms-flex-align: end;
			align-items: flex-end;
	width: 95.33%;
	margin: auto;
  }

  .PurchaseCont .PointCellBox dt {
	padding: 12px 22px 12px 12px;
	background: #fff;
	font-size: 0.75rem;
	font-weight: bold;
	color: #666666;
	border-radius: 4px;
  }

  .PurchaseCont .PointCellBox dt span {
	font-size: 0.8125rem;
	font-weight: normal;
	color: #666666;
  }

  .PurchaseCont .PointCellBox dt em {
	font-size: 0.875rem;
	font-weight: bold;
	color: #E3B749;
  }

  .PurchaseCont .PointCellBox dt b {
	position: relative;
  }

  .PurchaseCont .PointCellBox dl.active dt b:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -10px;
	-webkit-transform: translate(0, -40%);
			transform: translate(0, -40%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 3px 6px 3px;
	border-color: transparent transparent #858585 transparent;
  }

  .PurchaseCont .PointCellBox dl.on dt b:after {
	border-width: 6px 3px 0 3px;
	border-color: #858585 transparent transparent transparent;
  }

  .PurchaseCont .PointCellBox .point_category {
	margin-top: 10px;
	padding: 0 12px;
	font-size: 0.75rem;
	font-weight: normal;
	color: #666666;
  }

  .PurchaseCont .PointCellBox .point_category span {
	font-size: 0.6875rem;
	font-weight: normal;
	color: #666666;
  }

  .PurchaseCont .PointCellBox .point_category em {
	font-size: 0.8125rem;
	font-weight: bold;
	color: #525252;
  }

  .PurchaseCont .PointCellBox .free_category {
	margin-top: 10px;
	padding: 0 12px 0 22px;
	color: #999999;
	font-weight: normal;
	font-size: 0.6875rem;
  }

  .PurchaseCont .PointCellBox em {
	margin-right: 1px;
  }

  .PurchaseCont .PointCellBox .free_category .CurrentPoint {
	color: #999999;
	font-size: 0.75rem;
  }

  .PurchaseCont .PointCellBox .free_category + .free_category {
	padding-top: 0px;
  }

  /*補足テキスト*/
  .PurchaseCont .point_text1,
  .PurchaseCont .point_text2 {
	margin: 0px 20px;
	line-height: 1.5;
	color: #939393;
  }

  .PurchaseCont .point_text1 {
	margin-top: 20px;
	font-size: 0.6875rem;
  }

  .PurchaseCont .point_text2 {
	margin-top: 5px;
	font-size: 0.6875rem;
  }

  .PurchaseCont .Title_Sec {
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	margin: 21px 20px 21px;
  }

  .PurchaseCont .Title_Sec h2 {
	color: #333333;
	margin: 0;
  }

  #Buy_Point .PurchaseCont .BtnArea {
	position: inherit;
	transform: inherit;
	margin: 0 auto;
	width: 82.32%;
  }

  .PurchaseCont .Title_Sec .BtnMypage {
	position: absolute;
	right: 0;
	border-radius: 37px;
	padding: 7px 15px;
	background: #E7E7E7;
	color: #888888;
	font-weight: 600;
	font-size: 0.625rem;
  }

  .PurchaseCont .PurchasItem {
	margin: 0 20px;
	border: solid 1px #F3F3F3;
	border-radius: 4px;
  }
/*　完了ダイアログ*/
.thanks-stamp__dialog {
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: 355px;
	height: 57px;
	line-height: 57px;
	border-radius: 4px;
	background: rgba(46, 46, 46, 0.9);
	color: #fff;
	font-size: 140%;
	font-weight: 600;
	padding-left: 20px;
	animation: fadeOut 1s forwards;
	animation-delay: 2s;
  }

  .thanks-stamp__dialog svg {
	display: inline-block;
	vertical-align: middle;
  }

  .thanks-stamp__dialog svg.ok {
	margin-right: 14px;
  }

  .thanks-stamp__dialog .close {
	position: absolute;
	display: inline-block;
	width: 20px;
	height: 20px;
	top: 50%;
	right: 11px;
	transform: translate(0, -50%);
	cursor: pointer;
  }
  #thanks-stamp .stamp__bg input[type="radio"] {
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    -webkit-appearance: none;
    cursor: pointer;
}
  /* フェードアウトのアニメーション */
  @keyframes fadeOut {
	from {
	  opacity: 1;
	}
	to {
	  opacity: 0;
	}
  }
/*送信演出*/
.thanks-stamp__effect {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	z-index: 9999;
  }

  .thanks-stamp__effect--wrap {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  .thanks-stamp__effect--item{
	animation: swing 1s infinite;
  }
  .thanks-stamp__effect--item img.central-img {
	width: 120px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	animation: fadeIn 1s forwards;
  }

  .random-img {
	position: absolute;
	opacity: 0;
  }

  @keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
  }

  @keyframes moveUpFade {
	0% {
		transform: translateY(150%);
		opacity: 0;
	}
	30% {
		opacity: 1;
	}
	70% {
		opacity: 1;
	}
	100% {
		transform: translateY(-150%);
		opacity: 0;
	}
  }
  @keyframes swing {
	0%, 100% {
	  transform: rotate(0deg);
  }
  25% {
	  transform: rotate(5deg);
  }
  50% {
	  transform: rotate(-5deg);
  }
  75% {
	  transform: rotate(5deg);
  }
  }

.hit_buy_yoso_list ul li .stamp span {
	font-size: 11px;
	font-weight: 400;
}
.hit_buy_yoso_list ul li .stamp .stamp_count {
	font-size: 13px;
	font-weight: 600;
}
/* yoso_detail内サンキュースタンプ関連のスタイル ここまで */


.point_back_bnr {
	margin-bottom: 20px;
}
 .point_back_bnr > img{
	display: block;
	width: 100%;
}