/* - 出走馬紹介VTRボタン 追加
------------------------ */
div.contents_name > .inner > .cell.name .sp_btn { display: none;}

div.contents_name > .inner > .cell.option {
	display: flex;
	justify-content: right;
	align-items: center;
	flex-grow: 1;
}

div.contents_name > .inner > .cell.name a,
div.contents_name > .inner > .cell.option a {
    display: block;

    transition: all 140ms ease-in-out;
}

div.contents_name > .inner > .cell.name div.vtr.sp,
div.contents_name > .inner > .cell.option div.vtr {
    position: relative;
    width: 222px;
}

div.contents_name > .inner > .cell.name div.vtr.sp .inner,
div.contents_name > .inner > .cell.option div.vtr .inner {
    display: block;
    border-radius: 6px;
    border: 1px solid #121212;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
    background: linear-gradient(to right, #f30400, #f43600, #f25300, #f15a00, #f17200, #f2820c, #f18d47, #f28c41, #f4a487);
    /* background: linear-gradient(90deg, rgba(29, 163, 137, 1), rgba(247, 209, 55, 1) 90%); */
    overflow: hidden;

    transition: all 200ms ease-in-out;
}

div.contents_name > .inner.vtr_off > .cell.name div.vtr.sp > .inner,
div.contents_name > .inner.vtr_off > .cell.option div.vtr > .inner {
    opacity: 0.6;
    box-shadow: none;
}

@media (hover: hover) {
    div.contents_name > .inner > .cell.option a:hover .inner {
        opacity: 0.9;
        box-shadow: none;
    }
}

div.contents_name > .inner > .cell.name div.vtr.sp .inner img,
div.contents_name > .inner > .cell.option div.vtr .inner img {
	width: 100%;
    height: auto;
    vertical-align: top;
}

span.new {
    position: absolute;
    width: 46px;
    height: auto;
    top: -23%;
    left: -12%;
    z-index: 10;
}

span.new img {
    width: 100%;
}


/* ------------------------------------------------------------
	ファン投票得票数
------------------------------------------------------------ */

div.ss_main > .content > .ss_header > .inner > .cell.right {
    padding: 4px 8px;
}

.ss_unit > div.content > div.line_unit > .cell .vote {
    font-weight: bold;
    font-size: 2rem;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    text-align: center;
    line-height: 1.5;

    color: #fff;
    /* color: #FDD835; */
    padding: 5px;
}


div.ss_main > .content > .ss_header > .inner > .cell.right p {
    font-size: 1.3rem;
}

div.ss_main > .content > .ss_header > .inner > .cell.right p a {
    text-decoration: none;
    font-weight: bold;
    text-shadow: 2px 4px 6px rgba(0, 0, 0, 0.5);
    line-height: 1.3;
    color: #d1d3a4;
}

div.ss_main > .content > .ss_header > .inner > .cell.right p a i {
    font-size: 1.2rem;
    margin-left: 0.2em;
}

.ss_unit > div.content > div.line_unit > .cell .vote p > span.rank {
    display: block;
    /* padding-left: 0.4em; */
    /* font-size: 1.8rem; */
    /* color: #FDD835; */
    /* color: #fff; */
}

.ss_unit > div.content > div.line_unit > .cell .vote p .rank > span,
.ss_unit > div.content > div.line_unit > .cell .vote p .votes {
    font-size: 1.4rem;
    margin-left: 0.1em;
}


/* ------------------------------------------------------------
	959px以下
------------------------------------------------------------ */
@media screen and ( max-width : 959px ) {

    div.contents_name > .inner > .cell.custom {
        margin-left: 16px;
    }
}


/* ------------------------------------------------------------
	848px以下
------------------------------------------------------------ */
@media screen and ( max-width : 848px ) {

    div.contents_name > .inner > .cell.option a {
        width: 156px;
    }

    span.new {
        width: 32px;
    }

    

}


/* ------------------------------------------------------------
	767px以下
------------------------------------------------------------ */
@media screen and ( max-width : 767px ) {

	div.contents_name > .inner { display: block; }
	div.contents_name > .inner > .cell { display: block; }
	div.contents_name > .inner > .cell.custom {
		padding: 10px 5px;
		margin: 0;
		border-top: 1px dashed #000;
		display: flex;
		justify-content: center;

		background: url(/keiba/thisweek/_special_s/img/bg_data.png);
	}

	div.contents_name > .inner > .cell.custom .btn-def.blue {
		box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	}

	div.contents_name > .inner > .cell.name {
		min-width: 0;
		min-height: 0;
	}

	div.contents_name > .inner > .cell.name h2 { min-height: 64px; }

    div.contents_name > .inner > .cell.option div.vtr { display: none; }

    div.contents_name > .inner > .cell.name .sp_btn {
        width: 100%;
        display: flex;
        justify-content: center;
        padding-bottom: 10px;
    }

    div.contents_name > .inner > .cell.name a.sp { 
        width: 170px;
    }

    span.new {
        width: 34px;
        top: -18%;
        left: -13%;
    }


}