@charset "UTF-8";

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

TGRサイト ニュルブルクリンク24時間レース カテゴリ用CSS

MAKING 170126 sim_nak
UPDATE 170324 tm_mishima
UPDATE 170425 tm_mishima
-------------------------------------------------------------*/


/*------------------------------------------------------------
元ファイル

・/pages/contents/jp/nurburgring/css/style.css
・/pages/contents/jp/nurburgring/about/css/style.css
-------------------------------------------------------------*/


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

・トップページ
・ニュルブルクリンク24時間レースとは
・チーム
・レポート
-------------------------------------------------------------*/


/*------------------------------------------------------------
トップページ
/pages/contents/jp/nurburgring/css/style.css
-------------------------------------------------------------*/

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

#block-round-navi .round-detail .round-list >li .ronnd-no .round-nur {
font-family: 'Roboto', sans-serif !important;
font-weight: 300;
font-size: 128px;
text-align: center;
letter-spacing: -0.05em;
text-indent: -0.15em;
display: block;
line-height: 1;
}

}



/*------------------------------------------------------------
ニュルブルクリンク24時間レースとは
/pages/contents/jp/nurburgring/about/css/style.css
-------------------------------------------------------------*/


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

#tgr_2015.about .tgr_2015-inner .pc {
display: none;
}

#tgr_2015.about .tgr_2015-inner .second .main {
color: #ececec;
}

#tgr_2015.about .tgr_2015-inner .second .main .sp-att {
border-bottom: 1px solid #333;
padding: 15px 15px;
}

#tgr_2015.about .tgr_2015-inner .second .main .sp-att p {
font-size: 14px;
line-height: 1;
}

#tgr_2015.about .tgr_2015-inner .second .main .mv {
display: table;
position: relative;
width: 100%;
}

#tgr_2015.about .tgr_2015-inner .second .main .mv figcaption {
display: none;
}

#tgr_2015.about .tgr_2015-inner .second .main .mv img {
width: 100%;
height: auto;
vertical-align: top;
}

#tgr_2015.about .tgr_2015-inner .second .main .page-title h1 {
position: relative;
padding-top: 20px;
padding-bottom: 20px;
}

#tgr_2015.about .tgr_2015-inner .second .main .page-title p {
line-height: 22px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section {
padding: 20px 0;
border-bottom: 1px solid #333;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section h2 {
color: #ececec;
font-weight: 300;
font-size: 20px;
letter-spacing: 2px;
vertical-align: middle;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section h2 span {
display: block;
font-size: 10px;
vertical-align: middle;
letter-spacing: 1px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item a.modalTrigger {
color: #c00;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item h3 {
font-weight: 300;
font-size: 19px;
letter-spacing: 3px;
line-height: 25px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item h3 span {
display: block;
font-size: 10px;
line-height: 1em;
letter-spacing: 2px;
margin-top: 4px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap {
margin-top: 8px;
zoom: 1;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap:before,
#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap:after {
content: "";
display: table;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap:after {
clear: both;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap ul {
float: right;
font-size: 0;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap ul li {
padding: 3px 0;
margin: 0 2px;
font-size: 12px;
display: inline-block;
font-weight: 300;
width: 44px;
text-align: center;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap ul li.st-x,
#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap ul li.st-1,
#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap ul li.st-2,
#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap ul li.st-3,
#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap ul li.st-4,
#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap ul li.st-5,
#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap ul li.p1 {
border: 1px solid #c00;
color: #c00;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap ul li.p2 {
border: 1px solid #005ecd;
color: #005ecd;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap ul li.pro {
border: 1px solid #20a65b;
color: #20a65b;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap ul li.am {
border: 1px solid #f09100;
color: #f09100;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap ul li.hy {
border: 1px solid #c00;
color: #fff;
background-color: #c00;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap table {
float: left;
color: #ececec;
font-size: 10px;
letter-spacing: 1px;
line-height: 13px;
border-spacing: 0 5px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap table tr {
vertical-align: top;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap table tr th {
padding-right: 10px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap table tr th {
vertical-align: top;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .image {
margin-left: 20%;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .image img {
width: 100%;
height: auto;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.race {
border-bottom: 1px solid #333;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.race > .wrap {
font-size: 0;
padding-top: 24px;
margin: 0 -6px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.race > .wrap .item {
display: inline-block;
font-size: 12px;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
padding: 6px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.race > .wrap .item > .wrap {
padding: 5px 9px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #333;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.race > .wrap .item > .wrap img {
height: 11px;
width: auto;
vertical-align: middle;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.race > .wrap .item > .wrap .race-date {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
color: #c00;
border-left: 1px solid #333;
padding-left: 5px;
line-height: 8px;
font-size: 10px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.race > .wrap .item > .wrap h3 {
font-size: 10px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.race .map {
text-align: center;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.race .map img {
max-width: 792px;
width: 100%;
height: auto;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.rules2015 {
border-bottom: 1px solid #333;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.rules2015 > .wrap {
font-size: 0;
margin: 0 -5px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.rules2015 > .wrap .item {
display: inline-block;
font-size: 12px;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
padding: 5px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.rules2015 > .wrap .item h3 {
color: #c00;
font-size: 11px;
letter-spacing: 1px;
line-height: 17px;
display: table-cell;
height: 60px;
vertical-align: middle;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.rules2015 > .wrap .item .image {
border: 1px solid #c00;
font-size: 0;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.rules2015 > .wrap .item .image img {
width: 100%;
height: auto;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.rules2015 > .wrap .item p {
padding-top: 8px;
height: 80px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 10px;
line-height: 15px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.rules2015 > .wrap .item a {
display: block;
border: 1px solid #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 8px 11px;
font-size: 10px;
color: #ccc;
position: relative;
background-color: #000;
-webkit-transition-duration: 200ms;
-moz-transition-duration: 200ms;
-o-transition-duration: 200ms;
-ms-transition-duration: 200ms;
transition-duration: 200ms;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.rules2015 > .wrap .item a:after {
content: '';
display: block;
width: 7px;
height: 13px;
position: absolute;
top: 50%;
right: 20px;
margin-top: -6.5px;
background-image: url("/pages/contents/jp/include/images/pc_icon_arrow_right.png");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: 7px 13px;
-moz-background-size: 7px 13px;
background-size: 7px 13px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.rules2015 > .wrap .item .modal-content {
display: none;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.point-system {
border-bottom: 1px solid #333;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.point-system table {
width: 100%;
border-spacing: 1px;
margin-top: 12px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.point-system table tr th {
background-color: #666;
height: 58px;
text-align: center;
width: 5%;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.point-system table tr td {
background-color: #282828;
height: 58px;
text-align: center;
width: 5%;
font-weight: 100;
font-size: 12px;
color: #e30000;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.point-system table tr td:first-child {
color: #fff;
font-size: 10px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.point-system p {
font-size: 14px;
margin-top: 10px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation > .wrap .item > .wrap {
margin-top: 8px;
zoom: 1;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation > .wrap .item > .wrap:before,
#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation > .wrap .item > .wrap:after {
content: "";
display: table;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation > .wrap .item > .wrap:after {
clear: both;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation > .wrap .item > .wrap a p {
-webkit-transition-duration: 200ms;
-moz-transition-duration: 200ms;
-o-transition-duration: 200ms;
-ms-transition-duration: 200ms;
transition-duration: 200ms;
color: #fff;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation > .wrap .item > .wrap a:hover p {
color: #e30000;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation > .wrap .item .image img {
width: 100%;
height: auto;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation .btn-detail {
margin: 20px 0;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation .btn-detail a {
display: block;
border: 1px solid #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 13px 45px 13px 13px;
font-size: 12px;
line-height: 1;
letter-spacing: 0.1em;
color: #fff;
position: relative;
background-color: #000;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation .btn-detail a {
position: relative;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation .btn-detail a:after {
position: absolute;
top: 50%;
right: 15px;
display: block;
content: '';
width: 7px;
height: 7px;
margin-top: -4px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation table {
width: 100%;
border-spacing: 1px;
margin-top: 12px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation table .col-name {
width: 20%;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation table .col-pro {
width: 40%;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation table .col-club {
width: 40%;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation table thead th {
background-color: #282828;
text-align: center;
height: 58px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation table tbody th {
background-color: #666;
text-align: center;
padding: 2em 10px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation table tr td {
background-color: #fff;
padding: 2em 10px;
vertical-align: top;
color: #333;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation table tbody td p {
margin: 0 0 1em;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation table tbody td ol {
margin: 0 0 1em;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation table tbody td ul {
margin: 0 0 1em;
}

#tgr_2015.about .tgr_2015-inner .second .main .back {
margin: 0;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
}

#tgr_2015.about .tgr_2015-inner .second .main .back .back-btn {
margin: 20px 15px;
}

#tgr_2015.about .tgr_2015-inner #modal.about .modal-wrap {
margin: 50px 50px 0;
}

#tgr_2015.about .tgr_2015-inner #modal.about .modal-wrap .modal-content {
font-size: 0;
color: #ededed;
}

#tgr_2015.about .tgr_2015-inner #modal.about .modal-wrap .modal-content h2 {
color: #c00;
font-size: 20px;
letter-spacing: 1px;
}

#tgr_2015.about .tgr_2015-inner #modal.about .modal-wrap .modal-content .image {
margin-top: 10px;
border: 1px solid #c00;
}

#tgr_2015.about .tgr_2015-inner #modal.about .modal-wrap .modal-content .image img {
width: 100%;
height: auto;
}

#tgr_2015.about .tgr_2015-inner #modal.about .modal-wrap .modal-content h3 {
margin-top: 10px;
font-size: 12px;
line-height: 20px;
}

#tgr_2015.about .tgr_2015-inner #modal.about .modal-wrap .modal-content p {
margin-top: 7px;
font-size: 10px;
line-height: 16px;
}

/* Related Link */
#tgr_2015.about .tgr_2015-inner .second .main .content .link-contents {
padding: 30px 0 15px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content .link-contents h2 {
padding: 0 0 17px 0;
}

#tgr_2015.about .tgr_2015-inner .second .main .content .link-contents .link_list {
border-top: 1px solid #333;
padding-top: 25px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content .link-contents .link_list ul li {
margin-top: 18px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content .link-contents .link_list ul li:first-child {
margin-top: 0;
}

#tgr_2015.about .tgr_2015-inner .second .main .content .link-contents .link_list ul li a {
display: block;
-webkit-transition-duration: 200ms;
-moz-transition-duration: 200ms;
-o-transition-duration: 200ms;
-ms-transition-duration: 200ms;
transition-duration: 200ms;
}

#tgr_2015.about .tgr_2015-inner .second .main .content .link-contents .link_list ul li a h3 {
width: 100%;
margin-bottom: 5px;
padding-right: 8px;
vertical-align: middle;
font-size: 13px;
line-height: 1.5;
color: #fff;
}

#tgr_2015.about .tgr_2015-inner .second .main .content .link-contents .link_list ul li a h3 {
position: relative;
}

#tgr_2015.about .tgr_2015-inner .second .main .content .link-contents .link_list ul li a h3:after {
position: absolute;
top: 50%;
right: 22px;
display: block;
content: '';
width: 10px;
height: 10px;
margin-top: -8px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

#tgr_2015.about .tgr_2015-inner .second .main .content .link-contents .link_list ul li a span {
padding: 7px 0 0 0;
line-height: 1.3;
font-size: 12px;
color: #999;
}

}

@media screen and (min-width: 768px) {
#tgr_2015.about .tgr_2015-inner .sp {
display: none;
}

#tgr_2015.about .tgr_2015-inner .second .main {
color: #ececec;
}

#tgr_2015.about .tgr_2015-inner .second .main br.sp {
display: none;
}

#tgr_2015.about .tgr_2015-inner .second .main .sp-att {
display: none;
}

#tgr_2015.about .tgr_2015-inner .second .main .mv {
display: table;
position: relative;
width: 100%;
}

#tgr_2015.about .tgr_2015-inner .second .main .mv figcaption {
position: absolute;
left: 6.08%;
top: 50%;
margin-top: -81px;
line-height: 1.3;
}

#tgr_2015.about .tgr_2015-inner .second .main .mv figcaption .txt01 {
font-weight: 300;
font-size: 50px;
}

#tgr_2015.about .tgr_2015-inner .second .main .mv figcaption .txt01:after {
content: '';
display: block;
width: 22px;
height: 1px;
margin-top: 30px;
border-top: 1px solid #fff;
}

#tgr_2015.about .tgr_2015-inner .second .main .mv figcaption .txt02 {
font-size: 16px;
letter-spacing: 0.05em;
}

#tgr_2015.about .tgr_2015-inner .second .main .mv img {
width: 100%;
height: auto;
vertical-align: top;
}

#tgr_2015.about .tgr_2015-inner .second .main .page-title {
padding: 52px 0 30px;
margin: 0 65px;
border: none;
}

#tgr_2015.about .tgr_2015-inner .second .main .page-title h1 {
line-height: 1.3;
font-size: 24px;
}

#tgr_2015.about .tgr_2015-inner .second .main .page-title p {
margin-top: 32px;
line-height: 32px;
font-size: 14px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content {
margin: 0 65px;
padding: 0;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section {
font-weight: normal;
padding: 10px 0 33px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section h2 {
color: #ececec;
font-weight: 300;
font-size: 24px;
letter-spacing: 2px;
vertical-align: middle;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section h2 span {
display: inline-block;
font-size: 16px;
vertical-align: middle;
margin-left: 52px;
letter-spacing: 1px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat {
overflow: hidden;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap {
margin: 0 -20px;
font-size: 0;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item {
padding: 40px 20px 48px;
display: inline-block;
width: 50%;
vertical-align: top;
border-bottom: 1px solid #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.category > .wrap .item a.modalTrigger {
color: #c00;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item h3 {
font-weight: 300;
font-size: 30px;
letter-spacing: 3px;
line-height: 37px;
color: #c00;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item h3 span {
display: block;
font-size: 12px;
line-height: 1em;
letter-spacing: 2px;
margin-top: 10px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap {
margin-top: 26px;
zoom: 1;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap:before,
#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap:after {
content: "";
display: table;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap:after {
clear: both;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap ul {
float: right;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap ul li {
padding: 3px 0;
margin: 0 4px;
font-size: 18px;
display: inline-block;
font-weight: 300;
width: 60px;
text-align: center;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap ul li.st-x,
#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap ul li.st-1,
#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap ul li.st-2,
#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap ul li.st-3,
#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap ul li.st-4,
#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap ul li.st-5,
#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap ul li.p1 {
border: 1px solid #c00;
color: #c00;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap ul li.p2 {
border: 1px solid #005ecd;
color: #005ecd;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap ul li.pro {
border: 1px solid #20a65b;
color: #20a65b;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap ul li.am {
border: 1px solid #f09100;
color: #f09100;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap ul li.hy {
border: 1px solid #c00;
color: #fff;
background-color: #c00;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap table {
float: left;
color: #ececec;
font-size: 11px;
letter-spacing: 2px;
line-height: 18px;
border-spacing: 0 5px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap table tr {
vertical-align: top;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap table tr th {
padding-right: 25px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .wrap table tr th {
vertical-align: top;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.about-cat > .wrap .item .image img {
width: 100%;
height: auto;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.race {
border-bottom: 1px solid #333;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.race > .wrap {
font-size: 0;
padding-top: 24px;
margin: 0 -7px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.race > .wrap .item {
display: inline-block;
font-size: 12px;
width: 33.3%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
padding: 7px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.race > .wrap .item > .wrap {
padding: 11px 14px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #333;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.race > .wrap .item > .wrap img {
height: 14px;
width: auto;
vertical-align: middle;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.race > .wrap .item > .wrap .date {
display: inline-block;
vertical-align: middle;
margin-left: 7px;
color: #c00;
border-left: 1px solid #333;
padding-left: 5px;
line-height: 10px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.race > .wrap .item > .wrap h3 {
margin-top: 5px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.race .map {
text-align: center;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.race .map img {
max-width: 792px;
width: 100%;
height: auto;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.rules2015 {
border-bottom: 1px solid #333;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.rules2015 > .wrap {
font-size: 0;
padding-top: 12px;
margin: 0 -8px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.rules2015 > .wrap .item {
display: inline-block;
font-size: 12px;
width: 25%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
padding: 8px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.rules2015 > .wrap .item h3 {
color: #c00;
font-size: 15px;
letter-spacing: 1px;
line-height: 22px;
display: table-cell;
height: 70px;
vertical-align: middle;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.rules2015 > .wrap .item .image {
border: 1px solid #c00;
font-size: 0;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.rules2015 > .wrap .item .image img {
width: 100%;
height: auto;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.rules2015 > .wrap .item p {
padding-top: 14px;
height: 110px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
line-height: 25px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.rules2015 > .wrap .item a {
display: block;
border: 1px solid #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 14px;
font-size: 13px;
color: #ccc;
position: relative;
background-color: #000;
-webkit-transition-duration: 200ms;
-moz-transition-duration: 200ms;
-o-transition-duration: 200ms;
-ms-transition-duration: 200ms;
transition-duration: 200ms;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.rules2015 > .wrap .item a:after {
-webkit-transition-duration: 200ms;
-moz-transition-duration: 200ms;
-o-transition-duration: 200ms;
-ms-transition-duration: 200ms;
transition-duration: 200ms;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.rules2015 > .wrap .item a {
position: relative;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.rules2015 > .wrap .item a:after {
position: absolute;
top: 50%;
right: 15px;
display: block;
content: '';
width: 8px;
height: 8px;
margin-top: -4px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.rules2015 > .wrap .item a:hover {
color: #e30000;
border-color: #e30000;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.rules2015 > .wrap .item a:hover:after {
border-color: #e30000;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.rules2015 > .wrap .item .modal-content {
display: none;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.point-system {
border-bottom: 1px solid #333;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.point-system table {
width: 100%;
border-spacing: 1px;
margin-top: 12px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.point-system table tr th {
background-color: #666;
height: 58px;
text-align: center;
width: 5%;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.point-system table tr td {
background-color: #282828;
height: 58px;
text-align: center;
width: 5%;
font-weight: 100;
font-size: 20px;
color: #e30000;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.point-system table tr td:first-child {
color: #fff;
font-size: 11px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.point-system p {
font-size: 12px;
margin-top: 14px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation {
overflow: hidden;
border-bottom: 1px solid #333;
margin-bottom: 48px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation > p {
line-height: 32px;
margin-top: 32px;
font-size: 14px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation > .wrap {
margin: 0 -20px;
font-size: 0;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation > .wrap p {
margin-top: 14px;
font-size: 12px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation > .wrap .item {
padding: 0 20px 48px;
display: inline-block;
width: 50%;
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation > .wrap .item > .wrap {
margin-top: 26px;
zoom: 1;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation > .wrap .item > .wrap:before,
#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation > .wrap .item > .wrap:after {
content: "";
display: table;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation > .wrap .item > .wrap:after {
clear: both;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation > .wrap .item > .wrap a p {
-webkit-transition-duration: 200ms;
-moz-transition-duration: 200ms;
-o-transition-duration: 200ms;
-ms-transition-duration: 200ms;
transition-duration: 200ms;
color: #fff;
font-size: 14px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation > .wrap .item > .wrap a:hover p {
color: #e30000;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation > .wrap .item > .wrap a .image .wrap {
position: relative;
display: block;
width: 100%;
overflow: hidden;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation > .wrap .item > .wrap a .image img {
-webkit-transition-duration: 300ms;
-moz-transition-duration: 300ms;
-o-transition-duration: 300ms;
-ms-transition-duration: 300ms;
transition-duration: 300ms;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation > .wrap .item > .wrap a:hover .image img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}


#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation > .wrap .item .image img {
width: 100%;
height: auto;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation .btn-detail {
max-width: 405px;
margin: 30px auto;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation .btn-detail a {
display: block;
border: 1px solid #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 45px 15px 24px;
font-size: 14px;
line-height: 1;
letter-spacing: 0.1em;
color: #fff;
position: relative;
background-color: #000;
-webkit-transition-duration: 200ms;
-moz-transition-duration: 200ms;
-o-transition-duration: 200ms;
-ms-transition-duration: 200ms;
transition-duration: 200ms;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation .btn-detail a:after {
-webkit-transition-duration: 200ms;
-moz-transition-duration: 200ms;
-o-transition-duration: 200ms;
-ms-transition-duration: 200ms;
transition-duration: 200ms;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation .btn-detail a {
position: relative;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation .btn-detail a:after {
position: absolute;
top: 50%;
right: 15px;
display: block;
content: '';
width: 7px;
height: 7px;
margin-top: -4px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation .btn-detail a:hover {
color: #e30000;
border-color: #e30000;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation .btn-detail a:hover:after {
border-color: #e30000;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation table {
width: 100%;
border-spacing: 1px;
margin-top: 12px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation table .col-name {
width: 8em;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation table .col-pro {
width: 29em;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation table .col-club {
width: 29em;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation table thead th {
background-color: #282828;
height: 58px;
text-align: center;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation table tbody th {
background-color: #666;
text-align: center;
padding: 2em 10px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation table tbody td {
background-color: #fff;
padding: 2em 10px;
vertical-align: top;
color: #333;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation table tbody td p {
margin: 0 0 1em;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation table tbody td ol {
margin: 0 0 1em;
}

#tgr_2015.about .tgr_2015-inner .second .main .content > section.explanation table tbody td ul {
margin: 0 0 1em;
}

#tgr_2015.about .tgr_2015-inner #modal.about .modal-wrap {
position: absolute;
top: 50%;
left: 50%;
width: 500px;
margin: -270px 0 0 -250px;
}

#tgr_2015.about .tgr_2015-inner #modal.about .modal-wrap .modal-content {
font-size: 0;
color: #ededed;
}

#tgr_2015.about .tgr_2015-inner #modal.about .modal-wrap .modal-content h2 {
color: #c00;
font-size: 25px;
letter-spacing: 1px;
}

#tgr_2015.about .tgr_2015-inner #modal.about .modal-wrap .modal-content .image {
margin-top: 16px;
border: 1px solid #c00;
}

#tgr_2015.about .tgr_2015-inner #modal.about .modal-wrap .modal-content .image img {
width: 100%;
height: auto;
}

#tgr_2015.about .tgr_2015-inner #modal.about .modal-wrap .modal-content h3 {
margin-top: 20px;
font-size: 20px;
line-height: 34px;
}

#tgr_2015.about .tgr_2015-inner #modal.about .modal-wrap .modal-content p {
margin-top: 14px;
font-size: 13px;
line-height: 26px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content .link-contents {
padding: 65px 0 45px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content .link-contents h2 {
padding: 0 0 25px 0;
}

#tgr_2015.about .tgr_2015-inner .second .main .content .link-contents .link_list {
border-top: 1px solid #333;
padding-top: 25px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content .link-contents .link_list ul li {
margin-top: 26px;
}

#tgr_2015.about .tgr_2015-inner .second .main .content .link-contents .link_list ul li:first-child {
margin-top: 0;
}

#tgr_2015.about .tgr_2015-inner .second .main .content .link-contents .link_list ul li a {
display: inline-block;
-webkit-transition-duration: 200ms;
-moz-transition-duration: 200ms;
-o-transition-duration: 200ms;
-ms-transition-duration: 200ms;
transition-duration: 200ms;
}

#tgr_2015.about .tgr_2015-inner .second .main .content .link-contents .link_list ul li a h3 {
display: inline-block;
margin-bottom: 5px;
padding-right: 8px;
vertical-align: middle;
font-size: 16px;
line-height: 1.5;
color: #fff;
}

#tgr_2015.about .tgr_2015-inner .second .main .content .link-contents .link_list ul li a h3 {
position: relative;
}

#tgr_2015.about .tgr_2015-inner .second .main .content .link-contents .link_list ul li a h3:after {
position: absolute;
top: 50%;
right: -10px;
display: block;
content: '';
width: 10px;
height: 10px;
margin-top: -4px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

#tgr_2015.about .tgr_2015-inner .second .main .content .link-contents .link_list ul li a span {
padding: 7px 0 0 0;
line-height: 1.3;
font-size: 12px;
color: #999;
}

#tgr_2015.about .tgr_2015-inner .second .main .content .link-contents .link_list ul li a:hover h3 {
position: relative;
}

#tgr_2015.about .tgr_2015-inner .second .main .content .link-contents .link_list ul li a:hover h3:after {
position: absolute;
top: 50%;
right: -10px;
display: block;
content: '';
width: 10px;
height: 10px;
margin-top: -4px;
border-top: 1px solid #e30000;
border-right: 1px solid #e30000;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

#tgr_2015.about .tgr_2015-inner .second .main .content .link-contents .link_list ul li a:hover h3,
#tgr_2015.about .tgr_2015-inner .second .main .content .link-contents .link_list ul li a:hover span {
color: #e30000;
border-color: #e30000;
}

}


/* For Modal Function
----------------------------------------- */
@media screen and (max-width: 767px) {
#tgr_2015 .tgr_2015-inner .second .main .content .modal-content {
display: none;
}

#tgr_2015 #modal {
z-index: 9999;
}

#tgr_2015 #modal.about .modal-wrap {
margin: 50px 20px 0;
}

#tgr_2015 #modal.about .modal-wrap .modal-content {
font-size: 0;
color: #ededed;
}

#tgr_2015 #modal.about .modal-wrap .modal-content .image {
width: 100%;
margin-top: 10px;
border: 1px solid #c00;
}

#tgr_2015 #modal.about .modal-wrap .modal-content .image img {
width: 100%;
height: auto;
}

}

@media screen and (min-width: 768px) {
#tgr_2015 .tgr_2015-inner .second .main .content .modal-content {
display: none;
}

#tgr_2015 #modal.about .modal-wrap .modal-content {
width: auto;
max-height: 100%;
}

#tgr_2015 #modal.about .modal-wrap .modal-content .image {
width: 100%;
height: auto;
}

#tgr_2015 #modal.about .modal-wrap .modal-content .image img {
width: 100%;
height: auto;
border: 1px solid #c00;
}

}



/*------------------------------------------------------------
チーム
/pages/contents/jp/nurburgring/team/css/style.css
-------------------------------------------------------------*/
@media screen and (max-width:767px){
.page-title{
    padding: 10px;
    background: #292929;
}
.page-title h2{
}
.page-title h2 span{
    font-size: 14px;
}

.in-page_links{
}
.in-page_links ul{
    overflow: hidden;
    margin: 0 5%;
}
.in-page_links ul li{
    margin: 0 0 2%;
}
.in-page_links ul li:nth-child(1){
    float: left;
    width: 49%;
}
.in-page_links ul li:nth-child(2){
    float: right;
    width: 49%;
}
.in-page_links ul li:nth-child(3){
    clear: both;
}
.in-page_links ul li a{
    display: block;
    padding: 10px 0;
    border: 1px solid #999;
    text-align: center;
}
.in-page_links ul li a:hover{
    border: 1px solid #e30000;
    color: #e30000;
}

#spec{
    padding: 20px 0;
    background: #111 !important;
    text-align: center;
}
#spec-table{
    display: inline-block;
    width: auto;
}
#spec-table h3{
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #333;
    font-size: 16px;
}
#spec-table .table-wrapper{
}
#spec-table table{
    width: auto;
    font-size: 12px;
}
#spec-table table tr{
}
#spec-table table tr th{
    padding: 5px 10px;
    color: #e30000;
    text-align: left;
}
#spec-table table tr td{
    padding: 5px 10px;
    text-align: left;
}

.driver{
}
.driver .driver-content{
}
.driver .driver-content h3{
}
.driver .driver-content p{
    margin: 1em 0 0;
}
.driver .driver-content p.profile{
}
.driver .driver-content p.comment{
    margin: 1.5em 0 0;
    padding: 1.5em 0 0;
    border-top: 1px solid #333;
    font-size: 11px;
}

.mechanic-engineer{
}
.mechanic-engineer .title{
}
.mechanic-engineer .title span,
.mechanic-engineer h3 span{
    display: inline-block;
    font-size: 0.625em;
}
.mechanic-engineer p{
    margin: 1em 0 0;
}

.driver-btn {
display: block;
position: relative;
line-height: 1.1;
}
.driver-btn__cal {
color: #fff;
border: solid 1px #333;
padding: 15px 20px 15px 15px;
font-size: 20px;
margin: 30px 0;
}
.driver-btn__cal span {
font-size: 10px;
display: block;
margin-top: 5px;
}
.driver-btn__cal:before {
content: '';
display: block;
position: absolute;
right: 20px;
top: 50%;
margin-top: -2px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 4px;
height: 4px;
}
.driver-btn__cal:after {
content: '';
display: block;
position: absolute;
right: 13px;
top: 50%;
margin-top: -9px;
border: 1px solid #fff;
-webkit-border-radius: 50%;
border-radius: 50%;
width: 15px;
height: 15px;
}
}
@media print, screen and (min-width:768px){
.page-title{
    padding: 20px;
    /*background: #292929;*/
}
.page-title h2{
}
.page-title h2 span{
    font-size: 16px;
}

.in-page_links{
    max-width: 800px;
    margin: 0 auto;
}
.in-page_links ul{
    display: table;
    width: 100%;
    padding: 0 1.25%;
}
.in-page_links ul li{
    display: table-cell;
    width: 33.33%;
    padding: 0 1.25%;
}
.in-page_links ul li a{
    display: block;
    padding: 10px 0;
    border: 1px solid #999;
    text-align: center;
}
.in-page_links ul li a:hover{
    border: 1px solid #e30000;
    color: #e30000;
}

#spec{
    padding: 30px 0;
    background: #111 !important;
}
#spec-table{
    display: table;
    margin: 0 auto;
}
#spec-table h3{
    display: table-cell;
    padding: 0 30px;
    font-size: 18px;
    vertical-align: middle;
}
#spec-table .table-wrapper{
    display: table-cell;
    border-left: 1px solid #333;
}
#spec-table table{
    width: auto;
    font-size: 14px;
}
#spec-table table tr{
}
#spec-table table tr th{
    padding: 5px 15px 5px 30px;
    color: #e30000;
    text-align: left;
}
#spec-table table tr td{
    padding: 5px 30px 5px 15px;
}

.driver{
}
.driver .driver-content{
}
.driver .driver-content h3{
}
.driver .driver-content p{
    margin: 1em 0 0;
}
.driver .driver-content p.profile{
}
.driver .driver-content p.comment{
    margin: 1.5em 0 0;
    padding: 1.5em 0 0;
    border-top: 1px solid #333;
    font-size: 12px;
}

.mechanic-engineer{
}
.mechanic-engineer .title{
}
.mechanic-engineer .title span,
.mechanic-engineer h3 span{
    display: inline-block;
    font-size: 0.625em;
}
.mechanic-engineer p{
    margin: 1em 0 0;
}

.driver-btn {
display: block;
position: relative;
line-height: 1.1;
}
.driver-btn__cal {
color: #fff;
border: solid 1px #333;
padding: 35px 70px 35px 35px;
font-size: 28px;
margin: 60px 0 50px;
}
.driver-btn__cal:hover {
color: #f00;
border: solid 1px #f00;
}
.driver-btn__cal span {
font-size: 12px;
display: inline-block;
vertical-align: middle;
margin-left: 2%;
}
.driver-btn__cal:before {
content: '';
display: block;
position: absolute;
right: 50px;
top: 50%;
margin-top: -3px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 6px;
height: 6px;
}
.driver-btn__cal:after {
content: '';
display: block;
position: absolute;
right: 38px;
top: 50%;
margin-top: -12px;
border: 1px solid #fff;
-webkit-border-radius: 50%;
border-radius: 50%;
width: 25px;
height: 25px;
}
.driver-btn__cal:hover:before {
border-top: 1px solid #f00;
border-right: 1px solid #f00;
}
.driver-btn__cal:hover:after {
border: 1px solid #f00;
}
}




/*------------------------------------------------------------
レポート
-------------------------------------------------------------*/
.title,
.subtitle {
    color: #eee;
    font-weight: normal;
}

.txt-red {
    color: #e30000;
}

.fs1down {
    font-size: 0.875em;
}
.fs2down {
    font-size: 0.75em;
}
.fs3down {
    font-size: 0.625em;
}
.fs1up {
    font-size: 1.125em;
}
.fs2up {
    font-size: 1.25em;
}
.fs3up {
    font-size: 1.375em;
}

.side-contents.side2017 .calendar {
    display: none;
}

@media screen and (max-width: 767px){
.langage {
    float: right;
    text-align: right;
}
.langage a {
    padding: 0 0 0 35px;
    font-size: 12px;
    position: relative;
    opacity: 0.8;
}
.langage a:hover {
    color: #fff;
    text-decoration: underline;
    opacity: 1;
}
.langage a .flag {
    position: absolute;
    top: -2px;
    left: 0;
    width: 30px;
}
.langage a .txt {
}

.round_info {
    overflow: hidden;
}
.round_info dl {
    float: left;
    display: block;
    width: auto;
}
.round_info dl dt {
    display: block;
    width: auto;
    color: #eee;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}
.round_info dl dd {
    display: block;
    padding: 0;
    font-size: 23px;
}

.comment .title {
    margin: 0 0 15px;
    font-size: 16px;
}

.result {
    padding: 20px !important;
    background: #191919 !important;
}
.result .title {
    margin: 0 0 15px;
    color: #e30000;
    font-weight: normal;
}
.result .result-content {
}
.result .result-content ul {
}
.result .result-content ul  li {
    margin: 20px 0 0;
}
.result .result-content ul  li:first-child {
    margin: 0;
}
.result .result-content ul  li dl {
}
.result .result-content ul  li dl dt {
    font-size: 16px;
    font-weight: normal;
}
.result .result-content ul  li dl dd {
    margin: 10px 0;
    padding: 15px 0 0;
    border-top: 1px solid #333;
    font-size: 12px;
}
}

@media print, screen and (min-width: 768px){
.langage {
    float: right;
    text-align: right;
}
.langage a {
    padding: 0 0 0 35px;
    font-size: 12px;
    position: relative;
    opacity: 0.8;
}
.langage a:hover {
    color: #fff;
    text-decoration: underline;
    opacity: 1;
}
.langage a .flag {
    position: absolute;
    top: -2px;
    left: 0;
    width: 30px;
}
.langage a .txt {
}

.round_info {
    overflow: hidden;
}
.round_info dl {
    float: left;
    display: block;
    width: auto;
}
.round_info dl dt {
    display: block;
    width: auto;
    color: #eee;
    font-size: 26px;
    text-align: left;
}
.round_info dl dd {
    display: block;
    padding: 0;
    font-size: 34px;
}

.comment .title {
    margin: 0 0 15px;
    font-size: 20px;
}

.result {
    padding: 25px 66px !important;
    background: #191919 !important;
}
.result .title {
    margin: 0 0 15px;
    color: #e30000;
    font-weight: normal;
}
.result .result-content {
}
.result .result-content ul {
}
.result .result-content ul  li {
    margin: 20px 0 0;
}
.result .result-content ul  li:first-child {
    margin: 0;
}
.result .result-content ul  li dl {
}
.result .result-content ul  li dl dt {
    font-size: 20px;
    font-weight: normal;
}
.result .result-content ul  li dl dd {
    margin: 10px 0;
    padding: 15px 0 0;
    border-top: 1px solid #333;
    font-size: 14px;
}
}


/*20170427 TM*/
h3.ranking_title {
    margin-bottom: 0;
    padding: 0 0 23px 0;
    line-height: 1.6;
    font-size: 20px;
    font-weight: normal;
}
h3.ranking_title .ranking {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300;
    color: #e30000;
    padding-right: 5px;
}
table.ranking_table {
    min-width: 0;
    width: 100%;
    border-top: 0;
    border-left: 0;
    background: #333 none repeat scroll 0 0;
}
table.ranking_table tr.bg-red th,
table.ranking_table tr.bg-red td {
    background-color: #3f1b1e !important;
}
table.ranking_table tr th,
table.ranking_table tr td {
    vertical-align: middle;
}
table.ranking_table th  {
    background-color: #282828;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: normal;
    padding: 5px;
    text-align: center !important;
    width: 4em;
}

table.ranking_table td {
    background-color: transparent;
    border-bottom: 1px solid #000;
    border-right: 0 none;
    color: #fff;
    padding: 10px;
    text-align: left;
}
table.ranking_table td {
    border-right: 1px solid #000;
    text-align: center;
    width: 4em;
}
  table.ranking_table tr .team,
  table.ranking_table tr .car {
    text-align: left;
  }

@media screen and (max-width: 767px) {
  table.ranking_table {
    min-width: 680px;
  }
  div.ranking_inner {
    overflow-x: scroll;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
}



/*------------------------------------------------------------
ニュルブルクリンク24時間レースとは（2017年）
-------------------------------------------------------------*/
@media screen and (max-width:767px){
section.about-cat > .wrap .item a.modalTrigger {
color: #c00;
}

section.about-cat > .wrap .item{
margin-bottom: 20px;
}

section.about-cat > .wrap .item h3 {
font-weight: 300;
font-size: 19px;
letter-spacing: 3px;
line-height: 25px;
}

section.about-cat > .wrap .item h3 span {
display: block;
font-size: 10px;
line-height: 1em;
letter-spacing: 2px;
margin-top: 4px;
}

section.about-cat > .wrap .item .wrap {
margin-top: 8px;
zoom: 1;
}

section.about-cat > .wrap .item .wrap:before,
section.about-cat > .wrap .item .wrap:after {
content: "";
display: table;
}

section.about-cat > .wrap .item .wrap:after {
clear: both;
}

section.about-cat > .wrap .item .wrap ul {
float: right;
font-size: 0;
}

section.about-cat > .wrap .item .wrap ul li {
padding: 3px 0;
margin: 0 2px;
font-size: 12px;
display: inline-block;
font-weight: 300;
width: 44px;
text-align: center;
}

section.about-cat > .wrap .item .wrap ul li.st-x,
section.about-cat > .wrap .item .wrap ul li.st-1,
section.about-cat > .wrap .item .wrap ul li.st-2,
section.about-cat > .wrap .item .wrap ul li.st-3,
section.about-cat > .wrap .item .wrap ul li.st-4,
section.about-cat > .wrap .item .wrap ul li.st-5,
section.about-cat > .wrap .item .wrap ul li.p1 {
border: 1px solid #c00;
color: #c00;
}

section.about-cat > .wrap .item .wrap ul li.p2 {
border: 1px solid #005ecd;
color: #005ecd;
}

section.about-cat > .wrap .item .wrap ul li.pro {
border: 1px solid #20a65b;
color: #20a65b;
}

section.about-cat > .wrap .item .wrap ul li.am {
border: 1px solid #f09100;
color: #f09100;
}

section.about-cat > .wrap .item .wrap ul li.hy {
border: 1px solid #c00;
color: #fff;
background-color: #c00;
}

section.about-cat > .wrap .item .wrap table {
float: left;
width: auto;
color: #ececec;
font-size: 10px;
letter-spacing: 1px;
line-height: 13px;
border-spacing: 0 5px;
}

section.about-cat > .wrap .item .wrap table tr {
vertical-align: top;
}

section.about-cat > .wrap .item .wrap table tr th {
padding-right: 10px;
}

section.about-cat > .wrap .item .wrap table tr th {
vertical-align: top;
}

section.about-cat > .wrap .item .image {
margin-left: 20%;
}

section.about-cat > .wrap .item .image img {
width: 100%;
height: auto;
}

section.race {
}

section.race > .wrap {
font-size: 0;
margin: 0 -6px;
}

section.race > .wrap .item {
display: inline-block;
font-size: 12px;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
padding: 6px;
}

section.race > .wrap .item > .wrap {
padding: 5px 9px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #333;
}

section.race > .wrap .item > .wrap img {
height: 11px;
width: auto;
vertical-align: middle;
}

section.race > .wrap .item > .wrap .race-date {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
color: #c00;
border-left: 1px solid #333;
padding-left: 5px;
line-height: 8px;
font-size: 10px;
}

section.race > .wrap .item > .wrap h3 {
font-size: 10px;
}

section.race .map {
text-align: center;
}

section.race .map img {
max-width: 792px;
width: 100%;
height: auto;
}
}
@media print, screen and (min-width:768px){
section.about-cat {
overflow: hidden;
}

section.about-cat > .wrap {
margin: 0 -20px;
font-size: 0;
}

section.about-cat > .wrap .item {
padding: 20px;
display: inline-block;
width: 50%;
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

section.category > .wrap .item a.modalTrigger {
color: #c00;
}

section.about-cat > .wrap .item h3 {
font-weight: 300;
font-size: 30px;
letter-spacing: 3px;
line-height: 37px;
color: #c00;
}

section.about-cat > .wrap .item h3 span {
display: block;
font-size: 12px;
line-height: 1em;
letter-spacing: 2px;
margin-top: 10px;
}

section.about-cat > .wrap .item .wrap {
margin-top: 26px;
zoom: 1;
}

section.about-cat > .wrap .item .wrap:before,
section.about-cat > .wrap .item .wrap:after {
content: "";
display: table;
}

section.about-cat > .wrap .item .wrap:after {
clear: both;
}

section.about-cat > .wrap .item .wrap ul {
float: right;
}

section.about-cat > .wrap .item .wrap ul li {
padding: 3px 0;
margin: 0 4px;
font-size: 18px;
display: inline-block;
font-weight: 300;
width: 60px;
text-align: center;
}

section.about-cat > .wrap .item .wrap ul li.st-x,
section.about-cat > .wrap .item .wrap ul li.st-1,
section.about-cat > .wrap .item .wrap ul li.st-2,
section.about-cat > .wrap .item .wrap ul li.st-3,
section.about-cat > .wrap .item .wrap ul li.st-4,
section.about-cat > .wrap .item .wrap ul li.st-5,
section.about-cat > .wrap .item .wrap ul li.p1 {
border: 1px solid #c00;
color: #c00;
}

section.about-cat > .wrap .item .wrap ul li.p2 {
border: 1px solid #005ecd;
color: #005ecd;
}

section.about-cat > .wrap .item .wrap ul li.pro {
border: 1px solid #20a65b;
color: #20a65b;
}

section.about-cat > .wrap .item .wrap ul li.am {
border: 1px solid #f09100;
color: #f09100;
}

section.about-cat > .wrap .item .wrap ul li.hy {
border: 1px solid #c00;
color: #fff;
background-color: #c00;
}

section.about-cat > .wrap .item .wrap table {
float: left;
color: #ececec;
font-size: 11px;
letter-spacing: 2px;
line-height: 18px;
border-spacing: 0 5px;
}

section.about-cat > .wrap .item .wrap table tr {
vertical-align: top;
}

section.about-cat > .wrap .item .wrap table tr th {
padding-right: 25px;
}

section.about-cat > .wrap .item .wrap table tr th {
vertical-align: top;
}

section.about-cat > .wrap .item .image img {
width: 100%;
height: auto;
}

section.race {
}

section.race > .wrap {
font-size: 0;
margin: 0 -7px;
}

section.race > .wrap .item {
display: inline-block;
font-size: 12px;
width: 33.3%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
padding: 7px;
}

section.race > .wrap .item > .wrap {
padding: 11px 14px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #333;
}

section.race > .wrap .item > .wrap img {
height: 14px;
width: auto;
vertical-align: middle;
}

section.race > .wrap .item > .wrap .race-date {
display: inline-block;
vertical-align: middle;
margin-left: 7px;
color: #c00;
border-left: 1px solid #333;
padding-left: 5px;
line-height: 10px;
}

section.race > .wrap .item > .wrap h3 {
margin-top: 5px;
font-size: 12px;
}

section.race .map {
text-align: center;
}

section.race .map img {
max-width: 792px;
width: 100%;
height: auto;
}
}