@charset "utf-8";
/* top_new.css から複写 */

/*-- ウマい馬券 ユーザーポイント情報 .MyPointDataBox --*/
/* point期限表記 */
.limite_point{
    font-size:12px;
    padding: 3px 0px;
    background-color: #ffffff;
    margin-top: 10px;
    border-radius: 9px;
}
.limite_point p{
    font-size:12px;
    text-align: center;
    color: #666666;
}
.limite_point p span.alert_point{
    padding-left: 16px;
    font-weight: 700;
}
.limite_point.patternnear{
    color:#b53e36;
    border: 1px solid #b53e36;
    background-color: transparent;
}
.limite_point.patternnear p{
    color: #b83f36;
}
.MyPointDataBox {
    padding: 10px;
    text-align: center;
    background-color: #f3f3f3;
}
.PointAreaWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.PointAreaTxtBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.PointAreaTxtBox .PointTitle {
    width: 68px;
    flex-basis: 68px;
}
.MyPointDataBox .MyPointAreaTitle {
    margin-bottom: 4px;
    color: #888;
    font-size: 11px;/*px*/
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    padding-left: 2px;
}
.MyPointDataBox .BtnMypage {
    display: block;
    padding: 4px 9px 3px;
    color: #666;
    font-size: 12px;/*px*/
    text-align: center;
    background-color: #e0e0e0;
    border-radius: 9px;
}
.MyPointDataBox .PointData {
    display: inline-block;
    width: 100%;
    flex-basis: calc(100% - 62px);
    color: #3951b5;
    font-size: 1.125rem;
    font-weight: bold;
    text-align: center;
}
.MyPointDataBox .PointData .PointTxt01 {
    font-size: 0.8125rem;
}
.MyPointDataBox .PointAddBtn01 {
    width: 60px;
    flex-basis: 60px;
}
.MyPointDataBox .PointAddBtn01 .YosoBtn01 {
    display: block;
    padding: 7px 0;
    color: #666;
    font-size: 0.75rem;
    font-weight: bold;
    text-align: center;
    background: none;
    background-color: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 6px;
    box-shadow: none;
}

/*---------20200907追記*/
.MyPointDataBox{
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
  background-color: #fff;
  margin-bottom: 0;
}
.MyPointDataBox .PointData{
  display: inline-block;
  width: 100%;
  padding-right: 15px;
  flex-basis: calc(100% - 20px);
  color: #555555;
  font-size: 1.0625rem;
  font-weight: bold;
  text-align: right;
}
.MyPointDataBox .PointData .PointTxt01 {
  font-size: 0.8125rem;
  font-weight: normal;
  color: #777;
  margin-left:4px;
}
.MyPointDataBox .PointAddBtn01 {
  width: 20px;
  flex-basis: 20px;
}
.MyPointDataBox .PointAddBtn01 .YosoBtn01 {
  display: block;
  text-indent: -500px;
  border: none;
  font-size: 0;
  margin:0;
  background-image: url(../../img/yoso/icon/icon_sprite_sp_top.png);
  height: 20px;
  width: 20px;
  background-size: 173px 30px;
  background-position: -179px -3px;
}

.YosoTop .Cmp_Txt01 {
    display: block;
    font-size: 72.3%;
    color: #ce9200;
    line-height: 1.24;
    text-align: center;
    padding: 8px 0;
    background: #e9e9e9;
}

/*非ログイン時*/
.MyPointDataBox .NotLoggedInArea span.PointTxt01{
      font-size: 61.2%;
    display: block;
    color: #666;
    font-weight: bold;
    margin-bottom: 8px;
    line-height: 1.5;
    text-align: center;
}
.MyPointDataBox .NotLoggedInArea{
    padding: 0 15px;
}

.MyPointDataBox .NotLoggedBtn01 a{
    display: block;
    background: #fff;
    color: #2b2a2a;
    font-size: 77.78%;
    font-weight: normal;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #b2afa4;
    padding: 13px 0;
}
.MyPointDataBox .NotLoggedBtn01 a:hover{
    background: #f9f9f9;
}
.MyPointDataBox .NotLoggedInArea .PointAddBtn01{
    margin: 0 30px;
}
.MyPointDataBox .NotLoggedInArea span.PointData{
    font-size: 100%;
    margin-bottom: 10px;
}
@media screen and (max-width: 320px) {
    .PointAreaTxtBox {
    }
    .MyPointDataBox h2.MyPointAreaTitle {
        width: 100%;
        text-align: center;
    }
    .MyPointDataBox .BtnMypage {
    }
}
@media screen and (min-width: 371px){
    .MyPointDataBox .NotLoggedInArea span.PointTxt01 br{
        display: none;
    }
}
/* top - 厳選予想家ピックアップ */
ul.Top_PickUpYosokaList {
    margin-bottom: 8px;
}
ul.Top_PickUpYosokaList li {
   padding: 8px;
}
ul.Top_PickUpYosokaList li a {
    display: block;
    border:1px solid #DADADA;
    border-radius: 4px;
    text-decoration: none;
}

.YosokaInnerBox {
    position: relative;
}
.YosokaPhotoImg {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 100px;
}
.YosokaPhotoImg img {
    display: block;
    border-radius: 4px;
    width: 100%;
}

.YosokaStyle {
    background: url("../common/img/yoso/general/Bg_YosokaPickUp_01.png") no-repeat;
    padding: 10px 0;
}
.YosokaStyle span {
    display: inline-block;
    color: #fff;
    font-size: 72%;
    font-weight: bold;
    padding: 0 0 0 175px;
}
.YosokaResult {
    /*background: #fff;*/
    padding: 10px 0 16px 119px;
}
.YosokaResult .Title {
    font-size: 61.1111%;
    color: #444444;
    background-color: #E7E7E7;
    border-radius: 4px;
    width: 98px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}
.YosokaResult .Name {
    color: #444444;
    font-size: 105.5556%;
    font-weight: bold;
    margin-top: 8px;
}
.YosokaResult .Detail .Txt {
    display: block;
    color: #777777;
    font-size: 72.2222%;
    /*font-weight: bold;*/
}
.YosokaResult .Detail strong {
    display: inline-block;
    color: #E03D3D;
    font-size: 88.8889%;
    font-weight: bold;
    margin: 8px 0 10px;
}

/*-- ランキング --*/
.ContentsBoxRanking ul.List_01 li:last-child {
    margin-bottom: 0;
}
.ContentsBoxRanking ul.List_01 li a {
    padding: 0;
    display: block;
    text-decoration: none;
    cursor: pointer;
}
.ContentsBoxRanking ul.List_01 li a .LinkBox_01 {
    min-height: 72px;
}
.ContentsBoxRanking .PhotoThumb_01 {
    width: 72px;
    min-height: 72px;
    position: relative;
    overflow: hidden;
    float: left;
    border-radius: 4px;
    overflow: hidden;
    background-color: #eee;
    margin-right: 6px;
}
.ContentsBoxRanking .PhotoThumb_01 img {
    width: 100%;
    max-width: 72px;
    max-height: 72px;
    vertical-align: top;
    margin: auto;
    display: block;
}
.ContentsBoxRanking .PhotoThumb_01 .ContentsBoxRanking_Num01 {
    font-weight: bold;
    color: #fff;
    background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255,255,255,0)), color-stop(50.5%, #b98e02)) no-repeat top left/100% 100%;
    background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #b98e02 50.5%) no-repeat top left/100% 100%;
    background: -o-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #b98e02 50.5%) no-repeat top left/100% 100%;
    background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #b98e02 50.5%) no-repeat top left/100% 100%;
}
.ContentsBoxRanking .PhotoThumb_01 .ContentsBoxRanking_Num02 {
    font-weight: bold;
    color: #fff;
    background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255,255,255,0)), color-stop(50.5%, #7b8592)) no-repeat top left/100% 100%;
    background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #7b8592 50.5%) no-repeat top left/100% 100%;
    background: -o-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #7b8592 50.5%) no-repeat top left/100% 100%;
    background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #7b8592 50.5%) no-repeat top left/100% 100%;
}
.ContentsBoxRanking .PhotoThumb_01 .ContentsBoxRanking_Num03 {
    font-weight: bold;
    color: #fff;
    background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255,255,255,0)), color-stop(50.5%, #d67a47)) no-repeat top left/100% 100%;
    background: -webkit-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #d67a47 50.5%) no-repeat top left/100% 100%;
    background: -o-linear-gradient(bottom right, rgba(255,255,255,0) 50%, #d67a47 50.5%) no-repeat top left/100% 100%;
    background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #d67a47 50.5%) no-repeat top left/100% 100%;
}
.ContentsBoxRanking .PhotoThumb_01[class*="ContentsBoxRanking_Num"]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    border-style: solid;
    border-width: 34px 34px 0 0;
    border-color: #d0d0d0 transparent transparent transparent;
}
.ContentsBoxRanking .PhotoThumb_01.ContentsBoxRanking_Num01:before {
    border-color: #eab956 transparent transparent transparent;
}
.ContentsBoxRanking .PhotoThumb_01.ContentsBoxRanking_Num02:before {
    border-color: #7b8592 transparent transparent transparent;
}
.ContentsBoxRanking .PhotoThumb_01.ContentsBoxRanking_Num03:before {
    border-color: #d67a47 transparent transparent transparent;
}
/*.ContentsBoxRanking span[class*="Ranking_icn"]*/
.ContentsBoxRanking span.Ranking_icn01,
.ContentsBoxRanking span.Ranking_icn02,
.ContentsBoxRanking span.Ranking_icn03 {
    content: "";
    display: inline-block;
    width: 20px;
    height: 17px;
    background: url(../../img/yoso/icon/icon_sprite_sp_top.png?191202) no-repeat;
    -webkit-background-size: 100px auto;
    -moz-background-size: 100px auto;
    background-size: 100px auto;
    background-position: 0 -23px;
    vertical-align: text-bottom;
    margin-right: 3px;
}
.ContentsBoxRanking span.Ranking_icn02 {
    background-position: -21px -23px;
}
.ContentsBoxRanking span.Ranking_icn03 {
    background-position: -42px -23px;
}

.ContentsBoxRanking .slick-prev,
.ContentsBoxRanking .slick-next {
    left: auto;
    right: 0;
    position: absolute;
    display: block;
    height: 36px;
    width: 36px;
    line-height: 0;
    color: transparent;
    font-size: 0;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 4px rgba(255, 255, 255, 1);
    top: 58%;
    padding: 0;
    border: none;
    border-radius: 50%;
    outline: none;
    z-index: 10;
    margin-top: -20px;
}

.ContentsBoxRanking .slick-prev {
    left: 9px;
}

.ContentsBoxRanking .slick-next {
    left: auto;
    right: 9px;
}

.ContentsBoxRanking .slick-prev:before,
.ContentsBoxRanking .slick-next:before {
    content: "";
    width: 8px;
    height: 14px;
    background: url(../../img/yoso/icon/icon_sprite_sp_yoso.png?181105) no-repeat;
    -webkit-background-size: 164px 400px;
    -moz-background-size: 164px 400px;
    background-size: 164px 400px;
    vertical-align: bottom;
    top: 12px;
}

.ContentsBoxRanking .slick-prev:before {
    background-position: -35px -254px;
    right: 14px;
    left: auto;
}

.ContentsBoxRanking .slick-next:before {
    background-position: -50px -254px;
    left: 16px;
}

section.RankingByCategory .ContentsBoxRanking .SubTitle h3 {
    padding-right: 98px;
    line-height: 1.4;
}

section.RankingByCategory .ContentsBoxRanking .SubTitle h3::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../../img/yoso/icon/icon_sprite_sp_yoso.png?181105) no-repeat;
    -webkit-background-size: 164px 400px;
    -moz-background-size: 164px 400px;
    background-size: 164px 400px;
    background-position: -35px -340px;
    vertical-align: bottom;
    margin-right: 6px;
}

.RankingByCategory .ContentsBoxRanking .SubTitle .HitRateIcon:before {
    background-position: -2px -359px;
}

.RankingByCategory .ContentsBoxRanking .SubTitle .UmaiIcon:before {
    background-position: -34px -359px;
    width: 25px;
}

.RankingByCategory .ContentsBoxRanking .SubTitle .SalesIcon:before {
    background-position: -34px -314px;
}

.RankingByCategory .ContentsBoxRanking .SubTitle .BookmarkIcon:before {
    background-position: -99px -287px;
    width: 20px;
}

.RankingByCategory .ContentsBoxRanking .SubTitle .RecoveryIcon:before {
    background-position: -34px -66px;
}
.Top_YosokaRanking .SubTitle h3 {
    padding-right: 90px;
}
.Top_YosokaRanking .ContentsBoxRanking{
        max-width: 49%;
    box-sizing: border-box;
        padding-right: 0;
}
/* .Top_YosokaRanking .ContentsBoxRanking + .ContentsBoxRanking{
    padding-left: 10px;
} */
@media screen and (max-width: 612px) {
    .Top_YosokaRanking .ContentsBoxRanking{
        max-width: none;
        padding-right: 10px;
    }
    .Top_YosokaRanking .ContentsBoxRanking + .ContentsBoxRanking{
        padding-left: 0px;
    }
}
.Top_Ranking_Yosoka {
    padding-right: 55px;
}

.Top_Ranking_Yosoka .YosokaName {
    position: relative;
    margin-bottom: 4px;
    padding-right: 20px;
    color: #666;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.Top_Ranking_Yosoka .YosokaName::before {
    content: "";
    display: inline-block;
    width: 21px;
    height: 17px;
    background-image: url(../../img/yoso/icon/icon_sprite_sp_yoso_nk01.png);
    background-repeat: no-repeat;
    background-size: 100px auto;
    vertical-align: text-bottom;
    margin-right: 3px;
}

.Top_Ranking_Yosoka .YosokaName.YosokaRanking_01::before {
    /* background-position: 0 -30px; */
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 16"><path fill="%23ffd892" d="M0,3.694,3.772,6.973a2.22,2.22,0,1,0,3.012-.884,2.043,2.043,0,0,0-.246-.116l-.326-1.9L9.712.009l3.5,4.064-.326,1.894a2.216,2.216,0,1,0,2.878,1.24,2.176,2.176,0,0,0-.112-.24l3.772-3.276L16.657,16.4H2.757Z"/><path fill="%23eab956" d="M9.709,0l3.5,4.064-.326,1.894A2.216,2.216,0,1,0,15.761,7.2a2.176,2.176,0,0,0-.112-.24l3.772-3.276L16.666,16.4H9.709Z"/><path fill="%23d88841" d="M14.539,11.912l.534.711.538.711-.538.711-.534.715L14,14.045l-.538-.711L14,12.623Z"/><path fill="%23d88841" d="M4.876,11.912l.538.711.538.711-.538.711-.538.715-.538-.715L3.8,13.334l.534-.711Z"/><path fill="%23d88841" d="M9.709,2.508l.807.984.811.984-.811.984-.807.979L8.9,5.46l-.811-.984L8.9,3.492Z"/><path fill="%23d88841" d="M9.708,11.705l.538.711.534.711-.534.711-.538.711-.538-.711-.538-.711.538-.711Z"/></svg>');
    background-size: cover;
    background-repeat: no-repeat;
}

.Top_Ranking_Yosoka .YosokaName.YosokaRanking_02::before {
    /* background-position: -21px -30px; */
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 16"><path fill="%239baaba" d="M0,3.694,3.772,6.973a2.22,2.22,0,1,0,3.012-.884,2.043,2.043,0,0,0-.246-.116l-.326-1.9L9.712.009l3.5,4.064-.326,1.894a2.216,2.216,0,1,0,2.878,1.24,2.176,2.176,0,0,0-.112-.24l3.772-3.276L16.657,16.4H2.757Z"/><path fill="%237b8592" d="M9.709,0l3.5,4.064-.326,1.894A2.216,2.216,0,1,0,15.761,7.2a2.176,2.176,0,0,0-.112-.24l3.772-3.276L16.666,16.4H9.709Z"/><path fill="%23495560" d="M14.539,11.912l.534.711.538.711-.538.711-.534.715L14,14.045l-.538-.711L14,12.623Z"/><path fill="%23495560" d="M4.876,11.912l.538.711.538.711-.538.711-.538.715-.538-.715L3.8,13.334l.534-.711Z"/><path fill="%23495560" d="M9.709,2.508l.807.984.811.984-.811.984-.807.979L8.9,5.46l-.811-.984L8.9,3.492Z"/><path fill="%23495560" d="M9.708,11.705l.538.711.534.711-.534.711-.538.711-.538-.711-.538-.711.538-.711Z"/></svg>');
    background-size: cover;
    background-repeat: no-repeat;
}

.Top_Ranking_Yosoka .YosokaName.YosokaRanking_03::before {
    /* background-position: -42px -30px; */
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 16"><path fill="%23e2a286" d="M0,3.694,3.772,6.973a2.22,2.22,0,1,0,3.012-.884,2.043,2.043,0,0,0-.246-.116l-.326-1.9L9.712.009l3.5,4.064-.326,1.894a2.216,2.216,0,1,0,2.878,1.24,2.176,2.176,0,0,0-.112-.24l3.772-3.276L16.657,16.4H2.757Z"/><path fill="%23d67a47" d="M9.709,0l3.5,4.064-.326,1.894A2.216,2.216,0,1,0,15.761,7.2a2.176,2.176,0,0,0-.112-.24l3.772-3.276L16.666,16.4H9.709Z"/><path fill="%23aa613d" d="M14.539,11.912l.534.711.538.711-.538.711-.534.715L14,14.045l-.538-.711L14,12.623Z"/><path fill="%23aa613d" d="M4.876,11.912l.538.711.538.711-.538.711-.538.715-.538-.715L3.8,13.334l.534-.711Z"/><path fill="%23aa613d" d="M9.709,2.508l.807.984.811.984-.811.984-.807.979L8.9,5.46l-.811-.984L8.9,3.492Z"/><path fill="%23aa613d" d="M9.708,11.705l.538.711.534.711-.534.711-.538.711-.538-.711-.538-.711.538-.711Z"/></svg>');
    background-size: cover;
    background-repeat: no-repeat;
}

@media all and (-ms-high-contrast: none) {
    .Top_Ranking_Yosoka .YosokaName.YosokaRanking_01::before {
        background-image: url(../../img/yoso/icon/icon_sprite_sp_yoso_nk01.png);
        background-repeat: no-repeat;
        background-size: 100px auto;
        background-position: 0 -30px;
    }
    .Top_Ranking_Yosoka .YosokaName.YosokaRanking_02::before {
        background-image: url(../../img/yoso/icon/icon_sprite_sp_yoso_nk01.png);
        background-repeat: no-repeat;
        background-size: 100px auto;
        background-position: -21px -30px;
    }
    .Top_Ranking_Yosoka .YosokaName.YosokaRanking_03::before {
        background-image: url(../../img/yoso/icon/icon_sprite_sp_yoso_nk01.png);
        background-repeat: no-repeat;
        background-size: 100px auto;
        background-position: -42px -30px;
    }
}

.Top_Ranking_Yosoka .YosoStyle {
    min-height: auto;
}

.Top_Ranking_Yosoka .YosoStyle>span {
    display: block;
    max-width: 18em;
    margin-bottom: 11px;
    color: #999;
    font-size: 0.688rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.Top_Ranking_Yosoka .YosoStyle>strong {
    display: block;
    color: #444;
    font-size: 1rem;
    font-weight: normal;
}

.Top_Ranking_Yosoka .YosoStyle .percent {
    color: #c53131;
    font-weight: bold;
}

@media screen and (max-width: 359px) {
    .Top_Ranking_Yosoka .YosokaName {
        font-size: 0.8125rem;
    }

    .Top_Ranking_Yosoka .YosoStyle>span {
        font-size: 0.6875rem;
    }

    .Top_Ranking_Yosoka .YosoStyle>strong {
        font-size: 0.9375rem;
    }
}

.Top_Ranking_Yosoka .Icon_Rank {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    vertical-align: -1px;
    background-image: url(../../img/yoso/icon/icon_sprite_sp_yoso_nk01.png);
    background-repeat: no-repeat;
    background-size: 100px auto;
}

.Top_Ranking_Yosoka .Icon_Rank_01 {
    /* background-position: 0 -50px; */
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 74"><path fill="%23EB6463" d="M46.19,73.46h-30a2,2,0,0,1-2-2v-32H2A2,2,0,0,1,.46,36.19L29.64.69a2.07,2.07,0,0,1,3.09,0l29.19,35.5a2,2,0,0,1-1.54,3.27H48.19v32A2,2,0,0,1,46.19,73.46Z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.Top_Ranking_Yosoka .Icon_Rank_02 {
    /* background-position: -30px -50px; */
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73.5 62.379"><polygon fill="%23bbbbbb" stroke="%23bbbbbb" points="71.5 31.189 36 2 36 16.189 2 16.189 2 46.189 36 46.189 36 60.379 71.5 31.189"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}

.Top_Ranking_Yosoka .Icon_Rank_03 {
    /* background-position: -15px -50px; */
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62.379 73.5"><polygon fill="%2385b9d1" stroke="%2385b9d1" points="31.189 71.5 60.379 36 46.189 36 46.189 2 16.189 2 16.189 36 2 36 31.189 71.5"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.Top_Ranking_Yosoka .Icon_Rank_04 {
    /* background-position: -45px -50px; */
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.6 30.697"><path fill="%23e4ac45" d="M12.3,4.8C9.7,7.4,7.6,9.9,7.6,10.3c0,1.7,2.7.4,6.2-3l3.8-3.7,3.8,3.7c3.5,3.5,6.2,4.7,6.2,2.9C27.6,9.4,18.4,0,17.5,0A50.884,50.884,0,0,0,12.3,4.8Z"/><path fill="%23e4ac45" d="M12.4,11.6c-5.5,5.2-6,6.7-2,6.2,2.4-.3,2.7,0,2.4,2.2-.6,4.4-4,7-9.1,7-4.2.1-4.4.2-2.7,1.5,2.9,2.2,10.1,2.9,13.7,1.4,3.5-1.4,6.9-6.2,6.9-9.7,0-1.8.6-2.2,3-2.2,1.7,0,3-.4,3-.8,0-.8-9.2-10.2-10-10.2C17.3,7,15,9.1,12.4,11.6Z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

@media all and (-ms-high-contrast: none) {
    .Top_Ranking_Yosoka .Icon_Rank_01 {
        background-image: url(../../img/yoso/icon/icon_sprite_sp_yoso_nk01.png);
        background-repeat: no-repeat;
        background-size: 100px auto;
        background-position: 0 -50px;
    }
    .Top_Ranking_Yosoka .Icon_Rank_02 {
        background-image: url(../../img/yoso/icon/icon_sprite_sp_yoso_nk01.png);
        background-repeat: no-repeat;
        background-size: 100px auto;
        background-position: -30px -50px;
    }
    .Top_Ranking_Yosoka .Icon_Rank_03 {
        background-image: url(../../img/yoso/icon/icon_sprite_sp_yoso_nk01.png);
        background-repeat: no-repeat;
        background-size: 100px auto;
        background-position: -15px -50px;
    }
    .Top_Ranking_Yosoka .Icon_Rank_04 {
        background-image: url(../../img/yoso/icon/icon_sprite_sp_yoso_nk01.png);
        background-repeat: no-repeat;
        background-size: 100px auto;
        background-position: -45px -50px;
    }
}

.Top_YosokaRanking ul.List_01 li a .LinkBox_01 {
    position: relative;
}

.Top_Ranking_Yosoka .now-showing {
    position: absolute;
    top: 20px;
    right: 0;
    color: #e03d3d;
    background: #fff;
    border: 1px solid #e03d3d;
    padding: 3px 5px;
    border-radius: 8px;
    font-size: 55%;
}

.Top_Ranking_Yosoka .yosoka_fav_num,
.YosokaCommentData .yosoka_fav_num {
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 15px;
    color: #666;
    font-size: 0.8125rem;
    line-height: 1.5;
}

.Top_Ranking_Yosoka .yosoka_fav_num span,
.YosokaCommentData .yosoka_fav_num span {
    position: absolute;
    top: 4px;
    left: 0;
    display: block;
    width: 11px;
    height: 11px;
    text-indent: -9999px;
    overflow: hidden;
    /* background: url(../../img/yoso/icon/icon_sprite_sp_yoso.png?190205) no-repeat -110px -220px;
    background-size: 164px; */
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 17"><path fill="%23646464" d="M242.729,440.941a.5.5,0,0,0-.4-.336l-5.616-.789-2.527-5.025a.5.5,0,0,0-.894,0l-2.493,5.039-5.616.826a.5.5,0,0,0-.4.336.484.484,0,0,0,.129.5l4.075,3.906-.942,5.533a.484.484,0,0,0,.2.482.5.5,0,0,0,.292.095.477.477,0,0,0,.233-.058l5.013-2.627,5.028,2.6a.515.515,0,0,0,.229.055.5.5,0,0,0,.5-.494.379.379,0,0,0-.015-.113l-.972-5.5,4.049-3.928a.481.481,0,0,0,.133-.508Zm-5.061,3.914a.485.485,0,0,0-.14.439l.846,4.8-4.367-2.255a.511.511,0,0,0-.466,0l-4.352,2.28.816-4.806a.489.489,0,0,0-.144-.435l-3.532-3.391,4.873-.716a.493.493,0,0,0,.373-.27l2.165-4.375,2.195,4.363a.507.507,0,0,0,.377.271l4.877.687Zm0,0" transform="translate(-224.754 -434.517)" /></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}
@media all and (-ms-high-contrast: none) {
.Top_Ranking_Yosoka .yosoka_fav_num span,
.YosokaCommentData .yosoka_fav_num span {
    background: url(../../img/yoso/icon/icon_sprite_sp_yoso.png?190205) no-repeat -110px -220px;
    background-size: 164px;
}
}

.Top_RankYosokaPhotoImg {
    position: absolute;
    top: 58px;
    left: 8px;
}

.Top_RankYosokaPhotoImg img {
    border: 4px solid #fff;
    border-radius: 5px;
}

.Top_Ranking_Main .YosoRankingLabel {
    background: url('../img/yoso/ranking_corner_flag01.png') no-repeat;
    -webkit-background-size: 72px 72px;
    -moz-background-size: 72px 72px;
    background-size: 72px 72px;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 72px;
    height: 72px;
    z-index: 10;
}

.Top_Ranking_Main .YosoRankingLabel span {
    display: inline-block;
    color: #fff;
    font-size: 122%;
    font-weight: bold;
    margin: 10px 0 0 14px;
    width: 40px;
}

.RankingImage_Layer {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .8);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 102px;
    overflow: hidden;
}

.RankingImage_Layer:after {
    content: '';
    background-image: -moz-linear-gradient(center top, rgba(26, 26, 26, 0) 0%, rgba(26, 26, 26, .4) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(26, 26, 26, 0)), color-stop(1, rgba(26, 26, 26, .4)));
    background-image: linear-gradient(to bottom, rgba(26, 26, 26, 0) 0%, rgba(26, 26, 26, .4) 100%);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40%;
}
/*予想家ランキング　ピックアップランク*/
.PickUp_Ranking .RankingListWrap{
    padding: 0 8px 10px;
    /*margin-bottom: 30px;*/
}
.PickUp_Ranking .RankingList a{
    text-decoration: none;
}
.PickUp_Ranking .RankingList .RecommendMain{
    font-size: 77.78%;
    height: 25px;
    line-height: 25px;
    margin-left:82px;
    padding:0 9px;
    color: #444444;
    font-weight: bold;
    background-color: #d0d0d0;
    border-radius: 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.PickUp_Ranking .RankingList .YosokaName{
    font-size: 100%;
    line-height: 47px;
}
.PickUp_Ranking .RankingList .YosokaName:before{
    display: none;

}
.PickUp_Ranking .RankingList .Ranking_Yosoka .yosoka_fav_num{
    top:30px !important;
}
.PickUp_Ranking .RankingList .Ranking_Yosoka .now-showing{
    top:50px !important;
}
.PickUp_Ranking .RankingList .Rankig_Number01 .RecommendMain{
    color: #fff;
    background-color: #b98e02;
}

.PickUp_Ranking .RankingList .Rankig_Number02 .RecommendMain{
    color: #fff;
    background-color: #7d8490;
}
.PickUp_Ranking .RankingList .Rankig_Number03 .RecommendMain{
    color: #fff;
    background-color: #c97e52;
}


/*
.PickUp_Ranking .RankingListWrap .RankingList .YosoStyle .percent{
    font-size: 93.75%;
}
.PickUp_Ranking .RankingListWrap .RankingList .YosoStyle .percent em{
    font-size: 220%;
}*/
.PickUp_Ranking .RankingList .pickup_copy{
    position: relative;
    margin-top: 9px;
    padding:12px 10px 8px;
    font-size: 77.78%;
    line-height: 1.43;
    color: #767676;
    background-color: #efefef;
    border-radius: 4px;
}

.PickUp_Ranking .RankingList .pickup_copy .label{
    position: absolute;
    display:none;
    left:0;
    right: 0;
    top:-9px;
    margin:auto;
    height: 18px;
    width:106px;
    text-align: center;
    line-height: 18px;
    font-weight: bold;
    font-size: 78.57%;
    color:#fff;
    border-radius: 18px;
}
.PickUp_Ranking .RankingList .Rankig_Number01 .pickup_copy{
    background-color: #f7e9c9;
}
.PickUp_Ranking .RankingList .Rankig_Number02 .pickup_copy{
    background-color: #edece4;
}
.PickUp_Ranking .RankingList .Rankig_Number03 .pickup_copy{
    background-color: #feede2;
}

.PickUp_Ranking .RankingList .Rankig_Number01 .pickup_copy .label{
    display:inline-block !important;
    background-color: #b98e02;
}
.PickUp_Ranking .RankingList .Rankig_Number02 .pickup_copy .label{
    display:inline-block !important;
    background-color: #8d8c7c;
}
.PickUp_Ranking .RankingList .Rankig_Number03 .pickup_copy .label{
    display:inline-block !important;
    background-color: #c97e52;
}

.Top_PickUpYosokaList.owl-theme li.owl-item {
    padding: 0;
}
.Top_PickUpYosokaList.owl-theme .owl-controls {
    padding-top: 0;
}
.Top_PickUpYosokaList.owl-theme .owl-controls{
    padding:0;
    text-align:center;
    -webkit-tap-highlight-color:transparent;
}
.Top_PickUpYosokaList.owl-theme .owl-dots .owl-dot span,
.Top_YosokaList.owl-theme .owl-dots .owl-dot span{
    width: 6px;
    height: 6px;
    margin: 5px;
    background:#b3b3b3;
    display: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:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
.Top_PickUpYosokaList.owl-theme .owl-dots .owl-dot.active span,
.Top_PickUpYosokaList.owl-theme .owl-dots .owl-dot:hover span,
.Top_YosokaList.owl-theme .owl-dots .owl-dot.active span,
.Top_YosokaList.owl-theme .owl-dots .owl-dot:hover span {
    background:#383838;
}

@media screen and (max-width: 359px) {
    .YosokaInnerBox .YosokaPhotoImg {
        width: 108px;
    }
    .YosokaStyle span {
        padding-left: 136px;
    }
    .YosokaResult {
        padding: 10px 0 20px 136px;
    }
    .YosokaResult .Detail strong {
        font-size: 138%;
    }
}

/*
 *  ポインター
 */
ul.Top_PickUpYosokaList .slick-dots{
    text-align:center;
}
ul.Top_PickUpYosokaList .slick-dots li {
    background:#b3b3b3;
    padding:0;
}


/* ウマい車券 svgアイコン変更に伴うcss */

/* あとで消す用のもの */
.YosoTop .MenuBox ul.Btn_List_01 li a:before,
.GenreMenuArea .MenuBox ul.Btn_List_01 li a:before{
	content:none;
	background:none;
}
.YosoTop .YosokaLinkBtn01 a:after,
.YosoDetail .YosokaLinkBtn01 a:after{
	content:none;
	background:none;
}
/* あとで消す用のもの */

.YosoTop .Icon_Yoso01,
.GenreMenuArea .Icon_Yoso01,
.RaceMenuSub .Icon_Yoso01{
	margin: 0 auto 5px;
}
.Icon_Yoso01 {
	display: block;
	width: 30px;
	height: 24px;
	fill: #e03d3d;
}
.Icon_Yoso01.Icon_star {
	height: 20px;
	fill: #e03d3d;
	margin-bottom: 9px;
}
.YosokaLinkBtn01 .Icon_Arrow {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	margin-top: -2px;
	margin-left: 13px;
	width: 10px;
}
.yosoka_fav_num .Icon_Yoso01.Icon_star{
	position: absolute;
	top: 4px;
	right: 0;
	width: 11px;
	height:11px;
	margin-right:13px;
	fill:#666666;
}
.Icon_Yoso01.Icon_Yoso01_racecard {
	width: 29px;
	fill: #008aff;
}
.Icon_Yoso01.Icon_Yoso01_odds {
	fill: #4dab24;
}
.Icon_Yoso01.Icon_Yoso01_result {
	width: 23.5px;
	fill: #f2b510;
}
.Icon_Yoso01.Icon_recovery,
.Icon_Yoso01.Icon_HitRate,
.Icon_Yoso01.Icon_Umai,
.Icon_Yoso01.Icon_Sales,
.Icon_Yoso01.Icon_Bookmark{
	display: inline-block;
	width:26px;
	height:22px;
	margin-right: 5px;
	position: relative;
	top:5px;
}
.Icon_Yoso01.Icon_HitRate{
	width:20px;
	top:3px;
}
.Icon_Yoso01.Icon_Umai{
	width: 22px;
}
.Icon_Yoso01.Icon_Sales{
	width: 22px;
	top: 3px;
}
.Icon_Yoso01.Icon_Bookmark{
	width: 20px;
}
.RankingByCategory .ContentsBoxRanking .SubTitle .RecoveryIcon:before,
.RankingByCategory .ContentsBoxRanking .SubTitle .HitRateIcon:before,
.RankingByCategory .ContentsBoxRanking .SubTitle .UmaiIcon:before,
.RankingByCategory .ContentsBoxRanking .SubTitle .SalesIcon:before,
.RankingByCategory .ContentsBoxRanking .SubTitle .BookmarkIcon:before{
	content:none;
}

/* pc表示:hover */
@media screen and (min-width: 768px){
	.MenuBox ul.Btn_List_01 li a:hover,
	.RaceLiveFlashBox01 .SoonFlash01 a:hover{
		background: #f9f9f9;
		text-decoration: underline;
	}
	.PickUp_Ranking a:hover{
		text-decoration: none;
	}
	.PickUp_Ranking .RankingList a:hover .YosokaName,
	.Top_PickUpYosokaList .GensenLink:hover .YosokaResult .Name,
	.RankingByCategory .List_01 a:hover .YosokaName,
	.Top_Ranking_Yosoka a:hover .YosokaName{
		color: #c53131;
		text-decoration: underline;
	}
	.PickUp_Ranking .RankingList a:hover,
	#delay_umai_baken .MyPointDataBox:hover,
	.Top_PickUpYosokaList .GensenLink:hover,
	.RankingByCategory .List_01 a:hover{
		background: #f9f9f9;
	}
	.PickUp_Ranking .RankingList a:hover .PhotoThumb_01 img{
		filter: alpha(opacity=85);
		opacity: 0.85;
		-moz-opacity: 0.85;
	}
}

/* 3/28 seo対策追加分 */
#PrView .MenuBox {
    padding: 0 10px 0px;
    margin-top: 20px;
}
#PrView .MenuBox .MenuTitle {
    position: relative;
    margin-top: 10px;
    height: 13px;
    text-align: center;
    border-top: 1px solid #E03D3D;
}
#PrView .MenuBox .MenuTitle .img {
    position: relative;
    top: -13px;
    display: inline-block;
    min-width: 65px;
    width: 105px;
    padding: 0 8px;
    margin: auto;
    font-size: 61.11%;
    font-weight: bold;
    background-color: #fff;
    fill: #E03D3D;
    box-sizing: content-box;
}
#PrView .MenuBox .MenuTitle .img img {
    width: 100%;
}
#PrView .MenuBox ul{
    display: flex;
    width: 100%;
}
#PrView .MenuBox ul.Btn_List_01 {
    display: flex;
    display: -ms-flexbox;
}
#PrView .MenuBox ul li {
    width: 33%;
    width: calc(100% / 3);
}
#PrView .MenuBox ul.Btn_List_01 li a {
    border: none;
}
#PrView .MenuBox ul.Btn_List_01 li:first-child {
    border-right: solid 1px #dedede;
}
#PrView .MenuBox ul.Btn_List_01 li:last-child {
    border-left: solid 1px #dedede;
}
#PrView .MenuBox ul.Btn_List_01 li a svg {
    display: block;
    content: '';
    margin: 0 auto 8.1px;
    height: 18px;
    width: 28px;
    fill: #E03D3D;
}
#PrView ul.Btn_List_01 li a {
    font-size: 73%;
    font-weight: bold;
}

/*-- 無料予想 --*/
.freeContents__yoso--wrapper {
    border: 1px solid #cacaca;
    background: #fff;
    border-radius: 6px;
    padding: 0 0 20px;
    margin-bottom: 40px;
    overflow: hidden;
}

.freeContents__yoso--wrapper .freeContents__yoso--cont+.freeContents__yoso--cont {
    margin-top: 20px;
}

.freeContents__yoso--wrapper .Yosoka_Inner {
    position: relative;
}

.freeContents__yoso--wrapper .Yosoka_Inner+.Yosoka_Inner {
    margin-top: 20px;
    padding-top: 20px;
}

.freeContents__yoso--wrapper .Yosoka_Inner+.Yosoka_Inner::before {
    background: #DADADA;
    content: "";
    display: block;
    width: 90%;
    height: 1px;
    position: absolute;
    top: 1%;
    left: 50%;
    transform: translateX(-50%);
}

.freeContents__yoso--item {
    display: flex;
    align-items: flex-start;
    margin: 0 20px 10px;
}

.freeContents__yoso--img {
    width: 50px;
    height: 50px;
    position: relative;
}

.freeContents__yoso--img-wrapper {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 4px;
}

.freeContents__yoso--wrapper.AnaumaRace .freeContents__yoso--img:after,
.freeContents__yoso--wrapper.SelectionRace .freeContents__yoso--img:after {
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    left: 40px;
    width: 15px;
    height: 39px;
    background-image: url("../../img/yoso/general/flg_sprite_sp_baken02.png?20241021");
    -ms-background-size: 50px auto;
    background-size: 50px auto;
    background-position: 0 0;
    background-repeat: no-repeat;
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
}

.freeContents__yoso--wrapper.AnaumaRace .freeContents__yoso--img:after {
    background-position: -21px 0px;
}

.freeContents__yoso--wrapper.SelectionRace .freeContents__yoso--img:after {
    background-position: -2px -43px;
}

.freeContents__yoso--img img {
    width: 100%;
}

.freeContents__yoso--race {
    margin-bottom: 10px;
    font-size: 17px;
    color: #555;
    padding: 10px 20px;
    background: #f3f3f3;
}

.freeContents__yoso--race>span {
    display: block;
}

.freeContents__yoso--race .Icon_GradeType {
    font-style: normal;
}

.freeContents__yoso--wrapper .Yosoka_Inner+.freeContents__yoso--race {
    margin-top: 20px;
}

.freeContents__yoso--race-date {
    font-size: 13px;
    color: #777;
    font-weight: normal;
}

.freeContents__yoso--race-info {
    margin-top: 5px;
    font-size: 13px;
    color: #777;
    font-weight: normal;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.freeContents__yoso--name {
    padding-top: 5px;
    font-size: 22px;
    font-weight: bold;
    margin-left: 10px;
    display: flex;
    flex-direction: column;
}

.freeContents__yoso--name a {
    margin-bottom: 6px;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.freeContents__yoso--catch {
    font-size: 12px;
    color: #666666;
    font-weight: normal;
}

table.freeContents__yoso--table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 20px 10px;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
}

table.freeContents__yoso--table td.freeContents__yoso--table__mark {
    padding: 4px;
    font-weight: bold;
    font-size: 20px;
    color: #333;
    background: #f5f4f1;
    border: 1px solid #d1cec7;
    width: 30px;
}

table.freeContents__yoso--table td.freeContents__yoso--table__player {
    padding: 8px;
    text-align: left;
    font-size: 13px;
    color: #333;
    font-weight: bold;
    vertical-align: middle;
    border: 1px solid #d1cec7;
}

.freeContents__yoso--detail {
    position: relative;
    margin: 0 20px 10px;
}

.freeContents__yoso--detail p {
    font-size: 61.1111%;
    color: #333;
    line-height: 1.6;
    position: relative;
    height: 3.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.freeContents__yoso--detail::after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    height: 32px;
    background: -webkit-linear-gradient(top,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.8) 80%,
            rgba(255, 255, 255, 0.8) 90%,
            #fff 100%);
    background: linear-gradient(top,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.8) 80%,
            rgba(255, 255, 255, 0.8) 90%,
            #fff 100%);
}

.freeContents__yoso--announcement {
    font-size: 77.7778%;
    color: #b7443e;
    font-weight: 600;
    margin: -2px auto 4px;
    text-align: center;
}

div[id^="free_yoso_view"] {
    margin: 0 20px;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
}

.freeContents__yoso--more {
    position: relative;
}

.freeContents__yoso--more a {
    background: #e03d3d;
    color: #fff;
    text-align: center;
    display: block !important;
    padding: 13px 0;
    margin: 0 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

.freeContents__yoso--more.push a {
    position: relative;
    color: #e03d3d;
    border: 1px solid #e03d3d;
    background: #fff;
    margin: 0 20px;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
}

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

.freeContents__yoso--more.push a:after {
    border-top: 2px solid #e03d3d;
    border-right: 2px solid #e03d3d;
}


/*お気に入り予想家登録*/
.Bookmark_Popup_Box {
    height: auto;
    padding-bottom: 15px;
    background: #fff;
}

/*.Popup_Box配下でないFront_Titleの指定*/
.Front_Title {
    padding: 14px 40px;
    font-size: .85em;
    background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #fefefe, #e6e6e6);
    background-image: -o-linear-gradient(top, #fefefe 0, #e6e6e6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e6e6e6));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#e6e6e6')";
}

.Front_Title h2 {
    /*padding: 2px 0 2px 4px;*/
    border-left: 4px solid #034cca;
}

/*.Popup_Box配下のFront_Titleの指定*/
.Bookmark_Popup_Box .Front_Title {
    /* padding: 14px 40px; */
    padding: 14px 40px 10px;
    background-color: transparent;
    background-image: none;
}

.Bookmark_Popup_Box .Front_Title h2 {
    padding: 0;
    color: #777;
    font-size: 0.875rem;
    text-align: center;
    line-height: 1;
    border-left: none;
}

.Front_Title .icon_caution {
    background-image: url("../../img/yoso/icon/icon_race_mark.png");
    background-repeat: no-repeat, no-repeat;
    background-size: 25px 300px, 100% 100%;
    -moz-background-size: 25px 300px, 100% 100%;
    -webkit-background-size: 25px 300px, 100% 100%;
    -o-background-size: 25px 300px, 100% 100%;
    -ms-background-size: 25px 300px, 100% 100%;
    background-position: 0 -174px, left top;
    display: inline-block;
    width: 25px;
    height: 23px;
    margin-right: 5px;
    vertical-align: top;
}

/*.Popup_Box配下でないClose_Btnは非表示*/
a.Close_Btn {
    display: none;
}

/*.Popup_Box配下のClose_Btnは表示*/
.Bookmark_Popup_Box a.Close_Btn {
    background-image: url("../../img/yoso/icon/icon_race_mark.png");
    background-repeat: no-repeat, no-repeat;
    background-size: 25px 300px, 100% 100%;
    -moz-background-size: 25px 300px, 100% 100%;
    -webkit-background-size: 25px 300px, 100% 100%;
    -o-background-size: 25px 300px, 100% 100%;
    -ms-background-size: 25px 300px, 100% 100%;
    background-position: 0 -150px, left top;
    display: block;
}

/*.Popup_Box配下でないClose_Linkは非表示*/
.Close_Link {
    display: none;
}

/*.Popup_Box配下のClose_Linkは表示*/
.Bookmark_Popup_Box .Close_Link {
    display: block;
}

/*.Popup_Box配下のinput*/
.Bookmark_Popup_Box .Horse_Group_Add input[type="text"] {
    width: 75%;
}

/*.Popup_Box配下のtable*/
.Bookmark_Popup_Box .Notify_Setup table {
    width: 100%;
}

.Bookmark_Popup_Box p {
    padding: 8px 16px;
    line-height: 1.4em;
    font-size: 0.8em;
}

.Bookmark_Popup_Box h3 {
    padding: 8px 0px;
    font-size: 0.9em;
}

.Bookmark_Popup_Box .error_message {
    color: #cc0000;
}

.Bookmark_Popup_Box .btn_order_box {
    margin: 10px;
}

.Bookmark_Popup_Box .btn_order_box a,
.Bookmark_Popup_Box .btn_order_box input {
    display: block;
    width: 100%;
    height: 45px;
    margin: 0;
    padding: 15px;
    font-size: 0.8125rem;
    font-weight: 700;
    text-align: center;
    border: 1px solid #e03d3d;
    border-radius: 7px !important;
}

.Bookmark_Popup_Box .btn_order_box .btn_order {
    color: #3251bc !important;
    background-color: #fff !important;
}

.Bookmark_Popup_Box .btn_order_box .btn_regist {
    color: #fff;
    background-color: #e03d3d;
}

.Bookmark_Popup_Box .btn_order_box .btn_cancel {
    color: #777;
    background-color: #fff;
    border: 1px solid #dbdbdb;
}

.Bookmark_Popup_Box .introduction_premium {
    margin: 30px 10px 15px;
    color: #444;
    font-size: 0.875rem;
    line-height: 1.4;
}

.Bookmark_Popup_Box .Confirm_Txt {
    /* margin: 15px 10px; */
    margin: 10px 10px;
    padding: 0;
    color: #444;
    font-size: 0.9375rem;
    line-height: 1.4;
    text-align: left;
}

.Bookmark_Popup_Box .Confirm_Txt.alignR {
    text-align: right;
}

.Bookmark_Popup_Box .Confirm_Txt strong {
    /* color: #c53131; */
}

.Bookmark_Popup_Box .btn_order {
    margin: 10px;
    color: #3251bc !important;
    background-color: #fff !important;
}

.Bookmark_Popup_Box .mb_15 {
    margin-bottom: 15px;
}

.Bookmark_Popup_Box .center {
    text-align: center;
}

.Bookmark_Popup_Box .alignL {
    text-align: left;
}

/*.Popup_Box内指定 */
.SkipCheck {
    font-size: 80%;
    line-height: 1.4;
    padding: 8px 16px;
    text-align: center;
}

.Bookmark_Popup_Box .SkipCheck input {
    -webkit-appearance: checkbox;
    appearance: checkbox;
}

.BookmarkInfo01 {
    font-size: 80%;
    padding: 8px 16px 4px;
}

.BookmarkInfo01 li {
    margin-bottom: 8px;
    line-height: 1.4;
    color: #666;
}

input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 3px;   }