@charset "UTF-8";

/*------------------------------------------------------------
CSS Document

リリースページ用CSS

MAKING 160331 sim_nak
-------------------------------------------------------------*/


/*------------------------------------------------------------
CSSの構造

・リリース用 テーブルCSS
-------------------------------------------------------------*/


/* ------------------------------
リリース用 テーブルCSS
------------------------------ */


#tgr_2015 .release-wrapper .release-result .release-section table#drivers-list th {
background: #ddd !important;
color: #000 !important;
}

#tgr_2015 .release-wrapper .release-result .release-section table#drivers-list td {
background: #fff !important;
color: #000 !important;
}

#tgr_2015 .release-wrapper .release-result .release-section table#drivers-list table td,
#tgr_2015 .release-wrapper .release-result .release-section table#drivers-list table th,
#tgr_2015 .release-wrapper .release-result .release-section table#drivers-list table{
border: none !important;
}

#tgr_2015 .release-wrapper .release-result .release-section table#drivers-list table{
max-width: 250px !important;
}

#tgr_2015 .release-wrapper .release-result .release-section table#drivers-list table td{
vertical-align: top !important;
text-align: left !important;
padding: 0 !important;
line-height: 18px;
}

#tgr_2015 .release-wrapper .release-result .release-section table#drivers-list a{
color: #e30000;
}

#tgr_2015 .release-wrapper .release-result .release-section table#drivers-list a:hover{
color: #e30000;
}

a.link-redfont{
color: #e30000 !important;
}



/*170915 TGRF リリース用*/


table#tgrf2017-list{
width: 100%;
}

table#tgrf2017-list th{
background: #777;
color: #ffffff !important;
width: 16%;
}

table#tgrf2017-list td{
color: #000 !important;
width: 42%;
text-align: left !important;
padding-left: 1em !important;
}

table#tgrf2017-list td strong{
font-weight: bold !important;
}

table#tgrf2017-list td.bg-gray{
background: #ddd !important;
}

table#tgrf2017-list td.parking{
text-align: center !important;
padding: 7px !important;
}

table#tgrf2017-list td.no,
table#tgrf2017-list th.no{
width: 20%;
}

table#tgrf2017-list td.driver,
table#tgrf2017-list th.driver{
width: 40%;
}

table#tgrf2017-list{
border-top:1px solid #ccc; 
border-left: 1px solid #ccc;

}

table#tgrf2017-list th,
table#tgrf2017-list td{
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: center;
padding: 7px;
}

.photo-caption{
text-align: center;
}

.red-font{
color: #f00;
}

span.line-through{
text-decoration: line-through;
margin-left: 0.5em !important;
}


/* ------------------------------
リリース用 テーブルCSS tgr_2020用
------------------------------ */


#tgr_2020 .release-wrapper .release-result .release-section table#drivers-list th {
background: #ddd !important;
color: #000 !important;
}

#tgr_2020 .release-wrapper .release-result .release-section table#drivers-list td {
background: #fff !important;
color: #000 !important;
}

#tgr_2020 .release-wrapper .release-result .release-section table#drivers-list table td,
#tgr_2020 .release-wrapper .release-result .release-section table#drivers-list table th,
#tgr_2020 .release-wrapper .release-result .release-section table#drivers-list table{
border: none !important;
}

#tgr_2020 .release-wrapper .release-result .release-section table#drivers-list table{
max-width: 250px !important;
}

#tgr_2020 .release-wrapper .release-result .release-section table#drivers-list table td{
vertical-align: top !important;
text-align: left !important;
padding: 0 !important;
line-height: 18px;
}

#tgr_2020 .release-wrapper .release-result .release-section table#drivers-list a{
color: #e30000;
}

#tgr_2020 .release-wrapper .release-result .release-section table#drivers-list a:hover{
color: #e30000;
}

a.link-redfont{
color: #e30000 !important;
}



#tgr_2020 .release-190424-wrapper h2{
font-size: 18px;
margin-top: 30px;
margin-bottom: 15px !important;
border-left: 5px solid #1DA1F2;
border-bottom: 1px solid #1DA1F2;
padding-left: 5px;
color: #1DA1F2;
}

#tgr_2020 .release-190424-wrapper h3{
font-size: 15px !important;
font-weight: bold;
margin-top: 20px;
margin-bottom: 10px !important;
}


#tgr_2020.release-detail .release-wrapper .release-190424-wrapper .release-section-inner .text-wrapper p{
text-indent: 0 !important;
line-height: 1.8em;
}

#tgr_2020.release-detail .release-wrapper .release-190424-wrapper .release-section-inner .text-wrapper p .red{
color: #f00;
}

#tgr_2020.release-detail .release-wrapper .release-190424-wrapper .entry-description{
list-style: disc;
padding-left: 2em;
font-size: 14px;
line-height: 1.8em;
margin-bottom: 1em;
}


/* ------------------------------
TGR-DCリリース用CSS
------------------------------ */

#tgr_2020.release-detail .release-wrapper .release-190424-wrapper h4.link{
display: inline-block !important;
width: 48% !important;
text-align: center !important;
box-sizing: border-box !important;
margin: 20px 26% 20px 26% !important;
vertical-align: top !important;
font-size:13px !important;
}

#tgr_2020.release-detail .release-wrapper .release-190424-wrapper h4 a{
text-decoration: none;
display:block;
margin:0 auto;
font-weight: bold !important;
color:#fff !important;
background: #000;
border:1px solid #000;
cursor: pointer !important;
-webkit-transition-duration: 200ms;
-moz-transition-duration: 200ms;
-o-transition-duration: 200ms;
-ms-transition-duration: 200ms;
transition-duration: 200ms;
padding: 10px !important;
font-size:13px !important;
position: relative;
line-height: 2.2em;
}

#tgr_2020.release-detail .release-wrapper .release-190424-wrapper h4 a:hover{
opacity: 0.8;
}

#tgr_2020.release-detail .release-wrapper .release-190424-wrapper h4 a:before{
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

#tgr_2020.release-detail .release-wrapper .release-190424-wrapper h4 a:after{
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}


#tgr_2020.release-detail .release-wrapper .release-190424-wrapper h4 a:before,
#tgr_2020.release-detail .release-wrapper .release-190424-wrapper h4 a:after{
    display: block;
    width: 8px;
    height: 2px;
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -1px;
    -webkit-transform-origin: right;
    transform-origin: right;
}

#tgr_2020.release-detail .release-wrapper .release-190424-wrapper h4 a:after,
#tgr_2020.release-detail .release-wrapper .release-190424-wrapper h4 a:before { background-color: #e60010; right: 10px; }



#tgr_2020.release-detail .release-wrapper .release-190424-wrapper h4 a:hover:after{
opacity: 0.8;
}


@media screen and (max-width: 767px) {


#tgr_2020.release-detail .release-wrapper .release-190424-wrapper h4{
display: inline-block !important;
width: 90% !important;
text-align: center !important;
box-sizing: border-box !important;
margin: 50px 5% 0px 5% !important;
vertical-align: top !important;
font-size:13px !important;
line-height: 2.2em;
}

#tgr_2020.release-detail .release-wrapper .release-190424-wrapper h4 a{
padding: 10px !important;
line-height: 1.8em !important;
}

}