@charset "UTF-8";
/*===========================================
event_2018.css
2018年イベントページcss
---------------------------------------------
共通設定
2018 ジャパンC
2018 年末年始キャンペーン
2018 有馬記念キャンペーン
============================================*/
/*===========================================
共通設定
============================================*/
.Contents {
    max-width: 480px;
}
.Contents img{
  width:100%;
}

.EventHead{
  display:table;
  width:329px;
  height: 52px;
  margin:0 auto; 
  text-align: center;
  background-image: url('../img/event/event_titleframe.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.EventHead > span{
  display:table-cell;
  color:#eff1d9;
  font-size:112.5%;
  font-weight: bold;
  width: 100%;
  vertical-align: middle;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
}
@media only screen and (max-width: 330px) {
  .EventHead{
    width:300px;
  }
  .EventHead > span{
    font-size:100%;
  }
}
.WideFlame{
  position: relative;
  margin: 0 10px;
  padding:4px;
  border-radius: 10px;
  background: rgb(116,84,38);
  background: linear-gradient(138deg, rgba(116,84,38,1) 0%, rgba(89,64,29,1) 49%, rgba(118,85,39,1) 100%);
}
.WideFlame:before{
  position: absolute;
  display:block;
  content:'';
  width:100%;
  height: 100%;
  border-radius: 10px;
    background: linear-gradient(140deg, rgba(255,255,184,1) 0%, #d8b671 5%, rgba(194,165,106,1) 15%, rgba(215,181,113,1) 92%, rgba(26,0,0,1) 100%);
    z-index: -1;
    top: -1px;
    left: -1px;
    box-shadow: -1px -1px 0 0 #9f7f48;
}
.WideFlame:after{
  position: absolute;
  display:block;
  content:'';
  width:100%;
  height: 100%;
  border-radius: 10px;
    background: #1a0000;
    z-index: -2;
    top:1px;
    left: 1px;
}

.WideFlame .Inner{
  border-radius: 10px;
  padding:15px;
  background-color: #dad3ab;
  box-shadow:-1px -1px 0px 0px #cfaf6e inset,-2px -2px 0px 0px #8f7343 inset,-2px -2px 0px 2px #2e2617 inset,2px 2px 0px 0px #180000 inset,3px 3px 0px 0px #2e2617 inset;
}
.Content_Title +.WideFlame .Inner{
  padding: 31px 10px 10px;
}
/*---------------------------------------------
投票完了ページ
---------------------------------------------*/
.Bet_Complete .EventInfo p{
  color: #fff;
  font-size: 87.5%;
  padding: 10px 8px 20px;
  line-height: 1.5;
  text-align: center;
}

.Bet_Complete .EventUmaiYoso{
  position: relative;
  margin-top:50px;
  background-color: #dad3ab;
  padding:35px 10px 20px;
  border-top:4px solid #775627;
  box-shadow:0px 2px 0px 0px #1a0000 inset,0px -1px 0px 0px #edcb81;
}
.Bet_Complete .EventUmaiYoso .EvenetUmaiHead{
  position: absolute;
  display:block;
  width: 329px;
  max-width:85%;
  top:-27px;
  left: 0;
  right: 0;
  margin:auto;
}
@media only screen and (min-width: 320px) and (max-width: 374px) {
  .Bet_Complete .EventInfo p{
    font-size: 75%;
  }
  .Bet_Complete .EventUmaiYoso .EvenetUmaiHead{
    top:-24px;
  }
}
.Bet_Complete .EventUmaiYoso .GetPoint{
  text-align:center;
  color:#de7400;
  margin-bottom:8px;
}
.Bet_Complete .EventUmaiYoso .GetPoint span{
  font-size: 120%;
  font-weight: bold;
}
.Bet_Complete .EventUmaiYoso .GetPoint .Small{
  font-size: 87.5%;
  display:block;
  font-weight:normal;
}

.Bet_Complete .EventUmaiYoso .btnArea > *{
    display: block;
    width: 235px;
    height: 40px;
    margin: auto;
    padding: 13px 0 13px;
    font-size: 78%;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
}
.Bet_Complete .EventUmaiYoso .btnArea #act-banner{
  background-color:#de7400;
  border-bottom: 2px solid #a25500;
}
.Bet_Complete .EventUmaiYoso .btnArea #noact-banner{
  background-color: #909090
}
.Bet_Complete .EventUmaiYoso .l-container-2{
  background:none;
  padding:20px 0;
}
.Bet_Complete .EventUmaiYoso .l-container-2 .yosokaBox .l-content{
  max-width:358px;
  margin: auto;
}
.Bet_Complete .OreproTopLink{
  display: block;
  width:194px;
  margin:auto;
}
.Bet_Complete .OreproTopLink img{
  width:100%;
}

/*--ポイント付与--*/

.fancybox-iframe{
  position: relative;

}
.fancybox-overlay{
  background:none !important;
  z-index: 1 !important;
}
.fancybox-overlay:before{
  position: absolute;
  display:block;
  content:'';
  width:100%;
  height: 100%;
  background: rgba(0,0,0,.5);
}
.fancybox-skin{
  position: relative !important;
  z-index: 9999999999 !important;

}
@media only screen and (min-width: 768px) {

  .Navi_Contents{
    margin-right: -540px !important;
  }
}

.EventUmaiYoso .EventHead span{
  display:block;
  text-align:center;
  padding-top: 8px;
  line-height: 1.2;
  font-size:93.75%;
}

.EventUmaiYoso .YosoLink{
  display:block;
  width:210px;
  height: 46px;
  margin:20px auto 10px;
}
.EventUmaiYoso .YosoLink img{
  width:100%;
}
.EventUmaiYoso .YosoLink + p{
  font-size:81.25%;
  color: #737373;
  text-align:center;
}
  .EventUmaiYoso .YosoLink.SP{
    display:block;
  }
  .EventUmaiYoso .YosoLink.PC{
    display:none;
  }
@media only screen and (min-width: 768px){
  .EventUmaiYoso .YosoLink.SP{
    display:none;
  }
  .EventUmaiYoso .YosoLink.PC{
    display:block;
  }
}
@media only screen and (max-width: 350px) {
  .EventUmaiYoso .YosoLink + p{
    font-size:75%;
  }
}
/*===========================================
2018 ジャパンC
https://orepro.netkeiba.com/bet/event_race.html?race_id=201805050811&mode=init#Main
============================================*/
.event_2018jc{
background-color: #dad3ab;
}
.event_2018jc img{
width: 100%;
height: auto;
}
/*枠*/
.event_2018jc .WideFlame{
  position: relative;
  padding:4px;
  border-radius: 10px;
  background: rgb(116,84,38);
  background: linear-gradient(138deg, rgba(116,84,38,1) 0%, rgba(89,64,29,1) 49%, rgba(118,85,39,1) 100%);
}
.event_2018jc .WideFlame:before{
position: absolute;
display:block;
content:'';
width:100%;
height: 100%;
border-radius: 10px;
background: linear-gradient(140deg, rgba(255,255,184,1) 0%, #d8b671 5%, rgba(194,165,106,1) 15%, rgba(215,181,113,1) 92%, rgba(26,0,0,1) 100%);
z-index: -1;
top: -1px;
left: -1px;
box-shadow: -1px -1px 0 0 #9f7f48;
}
.event_2018jc .WideFlame:after{
position: absolute;
display:block;
content:'';
width:100%;
height: 100%;
border-radius: 10px;
background: #1a0000;
z-index: -1;
top:1px;
left: 1px;
}
.event_2018jc .WideFlame_Inner{
border-radius: 10px;
padding: 2px;
background-color: #dad3ab;
box-shadow: -1px -1px 0px 0px #cfaf6e inset, -2px -2px 0px 0px #8f7343 inset, -2px -2px 0px 2px #2e2617 inset, 2px 2px 0px 0px #180000 inset, 3px 3px 0px 0px #2e2617 inset;
}

.event_2018jc.product-intro_is-on .event_2018jc .WideFlame{
margin: 0 2.6%;
}
/*トップ*/
.event_2018jc .l-header{
position: relative;
}
.event_2018jc.yoso-vote_is-on .l-header{
padding-bottom: 55px;
}
.event_2018jc .l-header img{
width: 100%;
height: auto;}
.event_2018jc .l-header .title-area_1{
  background: url(../img/event/event_2018jc/event_2018jc_header_bg01.jpg) no-repeat center / cover;
  position: relative;
  padding: 67% 10px 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center 0;
  text-align: center;
  overflow: hidden;
  }
.event_2018jc .l-header .title-area_1 .catch1{
position: absolute;
top: 8px;
left: 8px;
width: 18.5%;
}
.event_2018jc .l-header .title-area_1 .catch2{
position: absolute;
top: 0;
right: 0;
width: 55.2%;
}
.event_2018jc .l-header .title-area_1 .catch3{
position: absolute;
bottom: 5.5%;
right: 0;
left: 0;
margin: auto;
}
.event_2018jc .l-header .title-area_2{
width: 100%;
}
.event_2018jc .l-header .title-area_3 {
padding: 12px 0 59px;
}
.event_2018jc .tab-bg-top{
position: relative;
}
.event_2018jc .tab-bg-top:before{
content: "";
display: block;
position: relative;
top: 0;
padding-top: 4px;
background-color: #bba969;
background-image: url(../img/event/event_2018jc/event_2018jc_content_rod.jpg);
background-repeat: repeat-x;
background-size: 11px 4px;
background-position: top;
}
/*メニュー*/
.event_2018jc .l-header .Menubox{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -27px;
    z-index: 10;
}
.event_2018jc .l-header .Menubox > ul{
width: 357px;
margin: auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
  -webkit-box-align: end;
    -ms-flex-align: end;
align-items: flex-end;
}
.event_2018jc .l-header .Menubox > ul > li .Btn{
    display: block;
      width: 119px;
    height: 48px;
    background-image: url(../img/event/event_2018jc/event_2018jc_btn.png);
    background-repeat: no-repeat;
    background-size: 357px auto;
    text-indent: -10000px;
}
.event_2018jc .l-header .Menubox > ul > li .yoso-vote{
       background-position: 0 0;
}
.event_2018jc .l-header .Menubox > ul > li .description{
       background-position: -237px 0px;
}
.event_2018jc .l-header .Menubox > ul > li .product-intro{
       background-position: -119px 0px;
}
.event_2018jc.yoso-vote_is-on .l-header  .Menubox > ul > li .yoso-vote{
       background-position:  0 -48px;
}
.event_2018jc.description_is-on .l-header .Menubox > ul > li .description{
       background-position:  -237px -48px;
}
.event_2018jc.product-intro_is-on .l-header .Menubox > ul > li .product-intro{
       background-position: -119px -48px;
}

.l-container-1{
  background: #767047;
}
.event_2018jc .alert{
color: #fff;
font-size: 94%;
text-align: center;
line-height: 1.3;
padding: 15px 0;
}
/*見出し_大*/
.event_2018jc .Content_Title{
  width: 100%;
  height: 53px;
  padding-top: 11px;
  text-align: center;
  color: #f5ebce;
  font-weight: bold;
  font-size: 113%;
  text-shadow: 2px 2px 0 #171103;
  background-image: url(../img/event/event_2018jc/event_2018jc_content_title_bg_c.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 1;
}
.event_2018jc .Content_Title .race_data1{
  font-size: 0.75rem;
  margin-bottom: 5px;
}
.event_2018jc .Content_Title .race_data1 span{
color: #ff4f4f;
}
.event_2018jc .Content_Title .race_data2{
  font-size: 1.13rem;
}
.event_2018jc  .Content_Title .icon_GI{
  display: inline-block;
  width: 39px;
  height: 16px;
  background-image: url(../img/event/event_2018jc/event_2018jc_icon_gi.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
}
/*鉄人に勝利して豪華賞品をゲットしよう！*/
.event_2018jc .l-header .title-area_3 .Win-Award .Content_Title{
    padding-top: 21px;
}
.event_2018jc .l-header .title-area_3 .Win-Award .catch1{
    padding: 9px 0 0;
}


/*予想投票*/
.event_2018jc.yoso-vote_is-on .l-container-1{
position: relative;
padding: 43px 0 10px;
}
.event_2018jc.yoso-vote_is-on .l-container-1 .Frame{
padding: 39px 0 0;
}
.event_2018jc.yoso-vote_is-on .l-container-1 button{
display: block;
margin: 0px auto 20px;
cursor: pointer;
}
.event_2018jc.yoso-vote_is-on .l-container-1 button img{
width: 267px;
}
.event_2018jc.yoso-vote_is-on .title-area_4 .Content_Title{
padding-top: 19px;
margin-bottom: 20px;
}
.event_2018jc.yoso-vote_is-on .title-area_4 .catch1{
  margin-bottom:-20px;
}
/*ルール説明*/
.event_2018jc.description_is-on .l-container-1 .Content_Title{
position: absolute;
top: -27px;
left: 0;
right: 0;
margin: auto;
}
.event_2018jc.description_is-on .l-container-2 .Content_Title{
padding-top: 20px;
}
.event_2018jc.description_is-on .l-container-1{
position: relative;
padding:60px 0 35px;
}
.event_2018jc.description_is-on .l-container-1 
.event_2018jc.description_is-on .l-container-1 img{
width: 100%;
height: auto;
}
.event_2018jc.description_is-on .l-container-1 .Frame{
position: relative;
border-radius: 10px;
max-width: 710px;
width: 94.6%;
margin: auto;
}
.event_2018jc.description_is-on .l-container-1 .l-content .content_Frame{
padding: 20px 2%;
}
.event_2018jc.description_is-on .l-container-1 li:last-child .l-content .content_Frame{padding-bottom: 10px;}
.event_2018jc.description_is-on .l-container-1 .l-content .Content_Catch{
position: relative;
height: 38px;
width: 100%;
line-height: 38px;
color: #eff1d9;
font-weight: bold;
font-size: 168%;
background-image: url(../img/event/event_2018jc/event_2018jc_bar_pattern.png);
background-repeat: repeat-x;
background-size: 20px 38px;
text-shadow: 2px 2px 0 #171202;
text-align: center;
}
.event_2018jc.description_is-on .l-container-1 .descriptionBox > li:first-child .l-content{
padding-top: 20px;
}
.event_2018jc.description_is-on .l-container-1{
  font-size: 67%;
}
/*ルール説明 公認プロ予想家紹介*/
.event_2018jc.description_is-on .l-container-2{
padding: 0 2%;
background: #767047;
}
.event_2018jc.description_is-on .l-container-2 .yosokaBox .l-content{
padding: 14px 2% 15px;
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
  -webkit-box-align: end;
    -ms-flex-align: end;
align-items: flex-end;
}
.event_2018jc.description_is-on .l-container-2 .yosokaBox li + li{
margin-top: 10px;
}
.event_2018jc.description_is-on .l-container-2 .content_Frame{
background-image: url(../img/event/event_2018jc/event_2018jc_discription_yosoka_bg.png);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: top;
}
.event_2018jc.description_is-on .l-container-2 .yosokaBox .c-left{
width: 32%;
margin-right: 2%;
}
.event_2018jc.description_is-on .l-container-2 .yosokaBox .c-right{
width: 65%;
position: relative;
top: -3px;
}
.event_2018jc.description_is-on .l-container-2 .yosokaBox .c-right .catch1{
margin-bottom: 6px;
}

/*ボタン_俺プロトップへ*/
.event_2018jc .Btn_To-top{
width: 48%;
margin: auto;
padding-top: 30px;
}


/*スマホ調整*/
@media screen and (min-width: 525px){
.event_2018jc .l-header .Menubox > ul > li .Btn{
width: 147px;
height: 60px;
background-size: 443px auto;
}
.event_2018jc .Content_Title{
height: 67px;
padding-top: 12px;
}
.event_2018jc .l-container-1 .Content_Title{
padding-top:14px;
}
.event_2018jc.yoso-vote_is-on .title-area_4 .Content_Title{
padding-top: 22px;
}
.event_2018jc .l-header .Menubox > ul{
width: 441px;
}
.event_2018jc.description_is-on .l-container-2 .Content_Title{
  padding-top: 23px;
}
.event_2018jc .Content_Title .race_data1{
font-size: 0.86rem;
}

.event_2018jc .Content_Title .race_data2 {
  font-size: 1.4rem;
}
.event_2018jc .Win-Award .Content_Title .race_data2{
font-size: 1.2rem;
padding-top: 5px;
}
.event_2018jc .l-header .Menubox > ul > li .Btn{
width: 147px;
height: 60px;
background-size: 443px auto;
}
.event_2018jc .l-header .Menubox > ul > li .yoso-vote_is-on {
background-position: 0 0;
}
.event_2018jc .l-header .Menubox > ul > li .product-intro {
background-position:-149px 0px;
}
.event_2018jc .l-header .Menubox > ul > li .description {
background-position: -297px 0px;
}
.event_2018jc.yoso-vote_is-on .l-header{
padding-bottom: 80px;
}
.event_2018jc.yoso-vote_is-on .l-header .Menubox > ul > li .yoso-vote{
background-position:0px -60px;
}
.event_2018jc.product-intro_is-on .l-header .Menubox > ul > li .product-intro{
background-position: -149px -61px;
}
.event_2018jc.description_is-on .l-header .Menubox > ul > li .description {
background-position: -297px -61px;
}
}
@media screen and (max-width: 374px){
.event_2018jc .l-header .Menubox > ul{
width: 306px;
}
.event_2018jc .l-header .Menubox > ul > li .Btn{
  width: 102px;
  height: 40px;
  background-size: 312px auto;
}
.event_2018jc .Content_Title .race_data2 {
  font-size: 0.95rem;
}
.event_2018jc .l-header .Menubox > ul{

}
.event_2018jc .l-header .Menubox > ul > li .yoso-vote_is-on {
background-position: -209px -2px;
}
.event_2018jc .l-header .Menubox > ul > li .product-intro {
background-position: -105px -2px;
}
.event_2018jc .l-header .Menubox > ul > li .description {
background-position: -209px -2px;
}
.event_2018jc.yoso-vote_is-on .l-header .Menubox > ul > li .yoso-vote{
background-position: 0 -43px;
}
.event_2018jc.product-intro_is-on .l-header .Menubox > ul > li .product-intro{
background-position: -105px -42px;
}
.event_2018jc.description_is-on .l-header .Menubox > ul > li .description {
background-position: -209px -43px;
}
}
/*賞品*/
.event_2018jc.product-intro_is-on .descriptionBox{
padding: 0 0 12px;
}
.event_2018jc.product-intro_is-on .descriptionBox li:nth-child(1){
    padding: 15px 3%;
}
.event_2018jc.product-intro_is-on .descriptionBox li:nth-child(2){
    padding: 15px 2.5%;
}
.event_2018jc.product-intro_is-on .descriptionBox li:nth-child(3){
    padding: 4px 3%;
}
.event_2018jc.product-intro_is-on .descriptionBox li:nth-child(4){
    padding: 4px 0%;
}
.event_2018jc.product-intro_is-on .descriptionBox li:nth-child(5){
    padding: 0 2%;
}
.event_2018jc.product-intro_is-on .l-container-1{
padding: 41px 0 35px;
}
@media screen and (max-width: 414px){
.event_2018jc .Content_Title{
height: 46px;
padding-top: 10px;
}
.event_2018jc .l-header .title-area_3 .Win-Award .Content_Title,
.event_2018jc.yoso-vote_is-on .title-area_4 .Content_Title{
padding-top: 17px;
}
.event_2018jc .Content_Title .race_data1{
font-size: 0.64rem;
margin-bottom: 3px;
}
.event_2018jc .Content_Title .race_data2{
font-size: 0.83rem;
}

}



/*===========================================
2018 年末年始キャンペーン
http://orepro.netkeiba.com/information/event_2018_newyear.html
============================================*/
.event_2018NewYear{
  background-image: url('../img/event/event_2018/event_2018_newyear_bg.png');
  background-size: 55px 55px;
}
.event_2018NewYear .EventBody{
  padding:28px 30px;  
}
@media only screen and (max-width: 360px) {
  .event_2018NewYear .EventBody{
    padding:20px 15px;  
  }
}
.event_2018NewYear .MainCard{
  text-align: center;
  background:#fff;
  box-shadow: 0px 2px 4px 1px rgba(23, 16, 9, 0.3);
}
.event_2018NewYear .CardInner{
  padding:8px;
}
.event_2018NewYear .MainCard img.subtitle{
  width:88px;
  height: 17px;
  margin: 14px 0 15px;
}
.event_2018NewYear .CardInner p{
  color:#444444;
  font-size:120%;
  line-height: 1.5;
  padding-bottom:31px;
}
.event_2018NewYear .CardInner p em{
  display:block;
  font-size:115.79%;
  margin-bottom: 4px;
}
@media only screen and (max-width: 330px) {
  .event_2018NewYear .CardInner p{
    font-size: 93.75%;
  }
  .event_2018NewYear .CardInner p em{
    font-size:120%;
  }
}
.event_2018NewYear .MainCard + .MainCard{
  margin-top:27px;
}

.event_2018NewYear a.YosoLinkBtn{
  display:block;
  color: #fff;
  width:268px;
  max-width: 100%;
  height: 43px;
  line-height: 46px;
  border-radius: 4px;
  text-align: center;
  margin:18px auto 12px; 
  cursor: pointer;
  background-image: -moz-linear-gradient( 90deg, #856c2b 0%, #c6b77e 100%);
  background-image: -webkit-linear-gradient( 90deg, #856c2b 0%, #c6b77e 100%);
  background-image: -ms-linear-gradient( 90deg, #856c2b 0%, #c6b77e 100%);
  box-shadow: 0px 3px 0px 0px #5d4800;
}
.event_2018NewYear a[href=""]{
  cursor: default;
  background-image: -moz-linear-gradient( 90deg, #7f7a70 0%, #c2c0b9 100%);
  background-image: -webkit-linear-gradient( 90deg, #7f7a70 0%, #c2c0b9 100%);
  background-image: -ms-linear-gradient( 90deg, #7f7a70 0%, #c2c0b9 100%);
}

.event_2018NewYear .EventFooter{
  width:100%;
  height: 153px;
  padding: 22px 0 23px;
  text-align:center;
  background-image: url('../img/event/event_2018/event_2018_newyear_footer.png');
  background-size: cover;
}
.event_2018NewYear .EventFooter p{
  color: #e2cc6e;
  line-height: 1.2;
  margin-bottom: 10px;
}
.event_2018NewYear .EventFooter a{
  display:inline-block;
  height: 22px;
  line-height: 22px;
  padding:0 15px;
  color: #e5d38b;
  font-size:87.5%;
  border-radius:11px;
  background:#2c2822;
}

/*===========================================
2018 有馬記念
https://orepro.netkeiba.com/bet/event_race.html?race_id=
============================================*/
.event_2018arima{
  background:#767047;
}
.event_2018arima .PrizeList .Inner img.PrizeHead{
  position: relative;
  display:block;
  width:309px;
  height: 84px;
  margin:auto;
  z-index: 1;
}

.event_2018arima .PrizeList .Prize01{
  display:block;
  width:238px;
  margin:-60px auto 0;
}
.event_2018arima .PrizeList .PrizeLabel{
  position: relative;
  min-height: 67px;
  text-align: center;
  color: #222222;
  padding:8px 6px;
  margin-top: -33px;
  border:2px solid rgb(90, 47, 0);
  border-radius: 4px;
  background-color: rgb(252, 247, 218);
  z-index: 1;
}

.event_2018arima .PrizeList .PrizeLabel p{
  font-size: 68.75%;
  line-height: 1.5;
}
.event_2018arima .PrizeList .PrizeLabel p span.min{
  font-size:90.91%;
}
.event_2018arima .PrizeList .PrizeLabel em{
  font-weight: bold;
  font-size: 81.25%;
}
.event_2018arima .PrizeList .PrizeLabel em:empty{
  display:block;
  height: 10px;
}
.event_2018arima .PrizeList .PrizeLabel + .Winner{
  font-weight:bold;
  font-size:75%;
  color: #222222;
  text-align:center;
  padding:6px 0 6px;

}
.event_2018arima .PrizeList .PrizeLabel + .Winner em{
  font-size:125%;
}
.event_2018arima .PrizeList .PrizeLabel + .Winner em span{
  color:#ff4f4f;
}
.event_2018arima .PrizeList ul {
  display:flex;
  flex-wrap:wrap;
}
.event_2018arima .PrizeList ul li{
  width:50%;
  max-height: 269px;
  float: left;
  padding-right:3px;
}
.event_2018arima .PrizeList ul li:nth-child(even){
  padding-right:0px;
  padding-left: 3px ;
}

.event_2018arima .PrizeList .SpecialPrizeHead{
  display:block;
  width:334px;
  max-width: 100%;
  height: 151px;
  margin:30px auto 0;
}
.event_2018arima .btn_MoreRead{
  display:block;
  width:167px;
  height: 46px;
  margin:20px auto 10px;
  
}
.event_2018arima .PrizeList .SpecialPrize .PrizeDetail h2{
  position: relative;
  width: 331px;
  max-width: 100%;
  height: 124px;
  margin: 20px auto 0;
  z-index: 1;
}
.event_2018arima .PrizeList .SpecialPrize .PrizeDetail .PrizeBaken img{
  display:block;
  margin:-70px auto 0;
  width:301px;
  height: 301px;
}
.event_2018arima .PrizeList .SpecialPrize .PrizeDetail .PrizeLabel{
  width: 191px;
  height: 46px;
  margin:-60px auto 0;
  min-height: auto;
  padding:6px;
}
.event_2018arima .PrizeList .SpecialPrize .PrizeDetail .UmaiLink{
  display:block;
  width:247px;
  height: 46px;
  margin:25px auto;
}
.event_2018arima .PrizeList .SpecialPrize .PrizeDetail .Zenpre h2{
    display:block;
    width:310px;
    height: 98px;
    margin:25px auto -10px;
}
.event_2018arima .PrizeList .SpecialPrize .PrizeDetail .Zenpre > p{
  font-size:75%;
  color:#2b221a;
  line-height: 1.5;
  text-align:center;
  margin: 10px 0;
}
.event_2018arima .PrizeList .SpecialPrize .PrizeDetail .Zenpre p span{
  color: #fc4f4f;
}
.event_2018arima .PrizeList .SpecialPrize .PrizeDetail .Zenpre p em{
  font-size:125%;
}
.event_2018arima .PrizeList .SpecialPrize .PrizeDetail .Zenpre .PrizeUmai img{
  width:205px;
  height: 205px;
  display: block; 
  margin: -10px auto 0;
}
.event_2018arima .PrizeList .SpecialPrize .PrizeDetail .PointInfo{
  margin-top:16px;
}
.event_2018arima .PrizeList .SpecialPrize .PrizeDetail .PointInfo p{
  font-size:75%;
  color: #73716c;
  line-height: 1.5;
}
.event_2018arima .PrizeList .SpecialPrize .PrizeDetail .PointInfo p+p{
  margin-top: 20px;
}

/*--参加方法--*/
.event_2018arima .Participate{
  text-align:center;
  margin-top: 30px;
}
.event_2018arima .Participate .Title{
  position: absolute;
  width:256px;
  height: 30px;
  margin:auto;
  top:-11px;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 106.25%;
  font-weight:bold;
  text-align: center;
  line-height: 30px;
  background-image: url('../img/event/event_titleframe2.png');
  background-size: contain;
  background-repeat: no-repeat;
}


.event_2018arima .Participate h2{
  width:303px;
  height: 29px;
  display: block; 
  margin:20px auto 8px; 
}
.event_2018arima .Participate p{
  font-size: 106.25%;
  margin-bottom: 20px;

}
.event_2018arima .Participate p img{
  position: relative;
  top:2px;
  width:107px;
  height: 25px;
}

/*--出馬表--*/
.event_2018arima .EventShutsuba .EventHead {
    display: block;
    width: 329px;
    max-width: 85%;
    height: 60px;
    padding-top: 11px;
    margin:21px auto 10px;
    background-size: 100% 100%;
}
.event_2018arima .EventShutsuba .EventHead span{
  display:inline-block;
  font-size: 87.5%;
  text-shadow: none;
}
.event_2018arima .EventShutsuba .EventHead em{
  display: block;
  margin-top: 1px;
  font-size: 112.5%;
  color: #eff1d9;
  font-weight: bold;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
}
 
/*--鉄人紹介--*/
.event_2018arima .YosokaPickUp{
  padding-bottom:15px;
}
.event_2018arima .YosokaPickUp .EventHead{
  margin: 21px auto 15px;
}
.event_2018arima .YosokaPickUp ul li + li{
  margin-top: 12px;
}
.event_2018arima .YosokaPickUp ul li .YosokaBox{
  padding: 10px 11px 16px 128px;
}
.event_2018arima .YosokaPickUp ul li .YosokaBox img{
  position: absolute;
  width:115px;
  height: 115px;
  top: 10px;
  left: 10px;
}
.event_2018arima .YosokaPickUp ul li .YosokaBox dl dt{
  font-size: 75%;
  margin-top: 6px;
}
.event_2018arima .YosokaPickUp ul li .YosokaBox dl dt span{
  font-size: 166.67%;
  font-weight:bold;
  margin-right: 10px;
}
.event_2018arima .YosokaPickUp ul li .YosokaBox dl dd.Catch{
  color:#674a13;
  font-size:75%;
  margin-top: 4px;
} 
.event_2018arima .YosokaPickUp ul li .YosokaBox dl dd.HorseName{
  color: #222222;
  height: 32px;
  line-height: 32px;
  padding-left:15px;
  margin-top:6px;
  font-weight: bold;
  border-radius: 4px;
  background:#fff; 
}
.event_2018arima .YosokaPickUp ul li .YosokaBox dl dd.HorseName.Provisional{
  font-weight: normal;
  padding:0 6px;
  font-size:75%;
  text-align:center;
  color:#6f6f6f;
}
.event_2018arima .YosokaPickUp ul li .YosokaBox dl dd.YosoLink a{
  display:block;
  color: #ffffff;
  height: 33px;
  line-height: 33px;
  text-align:center;
  margin-top: 6px;
  border-radius: 5px;
  background:#c3b480;
  background: linear-gradient(to bottom, #c4b682 0%,#856c30 100%);
  -webkit-box-shadow: 0 3px 0 0 #5c480a; 
}

/*--年末年始キャンペーン--*/
.event_2018arima .NewYearCampaign .EventHead{
  position: relative;
}
.event_2018arima .NewYearCampaign .EventHead img{
  position: absolute;
  width:117px;
  height: 39px;
  top: -18px;
  left: -18px;
}
.event_2018arima .NewYearCampaign{
  padding-top: 42px;
  background:#dad3ab; 
}
.event_2018arima .NewYearCampaign a{
  display:block;
  margin-top: 21px;
}

/*--325 まとめて--*/
@media only screen and (max-width: 374px) {
  .event_2018arima .PrizeList .Inner{
    padding:15px 7px;
  }
  .event_2018arima .PrizeList .Inner img.PrizeHead{
    width:100%;
    height: auto;
  }
  .event_2018arima .PrizeList .PrizeLabel{
    padding: 8px 0px;
    margin-top: -18px;
  }
  .event_2018arima .PrizeList .SpecialPrizeHead{
       width:100%;
      height: auto; 
  }
  .event_2018arima .PrizeList .SpecialPrize .PrizeDetail .PrizeBaken img{
    width:100%;
    height: auto;
  }
  .event_2018arima .PrizeList ul{
    text-align: center;
    display:block;
  }
  .event_2018arima .PrizeList ul li{
    float: none;
    display:inline-block;
    width: 60%;
  }
  .event_2018arima .Participate h2{
    width: 100%;
  }
  .event_2018arima .Participate p{
    font-size: 93.75%;
  }
  .event_2018arima .Participate p img{
    width:95px;
  }
  .event_2018arima .YosokaPickUp ul li .YosokaBox dl dt span{
    font-size: 112.5%;
  }
  .event_2018arima .YosokaPickUp ul li .YosokaBox dl dd.HorseName{
    font-size: 75%;
  }
  .event_2018arima .YosokaPickUp ul li .YosokaBox{
    padding-bottom:21px;
    padding-left:120px;
  }
  .event_2018arima .NewYearCampaign .EventHead img{
    left:-8px;
  }
  .event_2018arima .YosokaPickUp ul li .YosokaBox img{
    width:110px;
    height: 110px;
  }
  .event_2018arima .YosokaPickUp ul li .YosokaBox dl dd.HorseName.Provisional{
    font-size:62.5%;
    padding:0;
  }
}


/*---------------------------------------------
投票完了ページ
---------------------------------------------*/
.event_2018arima .TotalPrize{
    position: relative;
    margin-top: 50px;
    background-color: #dad3ab;
    padding: 35px 10px 20px;
    border-top: 4px solid #775627;
    box-shadow: 0px 2px 0px 0px #1a0000 inset, 0px -1px 0px 0px #edcb81;
}
.event_2018arima .TotalPrize .EventHead{
    position: absolute;
    max-width: 85%;
    top: -27px;
    left: 0;
    right: 0;
    margin: auto;
}
.event_2018arima .TotalPrize p{
  line-height: 1.5;
  font-size: 87.5%;
  text-align: center;
}