@charset "utf-8";

/* ------------------------------------------------------------------------------------------
カテゴリ内共通で読み込んでいるCSSです。
そのカテゴリ独自かつカテゴリ内でのみ共有するスタイルを記述します。
例）そのカテゴリ専用のお知らせやバナー設置等

※ただしページ固有に限定されるスタイルは、HTML内にインラインで記述。
※カテゴリをまたいで使用するスタイルは「/pages/jpn/assets/css/tgr-template.css」に追記。
---------------------------------------------------------------------------------------------*/


.tmp_driver_area .cal-list__item__cell__02 {
max-width: 100%;
}

@media (min-width: 769px) {
.tmp_driver_area .cal-list__item__cell__01 {
  padding-right: 20px;
}
.tmp_driver_area .cal-list__item__cell__01__rank {
font-size: 36px;
}
}


/*------------------------------------------------------------
タブナビゲーション
-------------------------------------------------------------*/
.page_teamdriver .tmp_table_wrap{display:none !important;}
.page_teamdriver .tmp_table_wrap.active{display:block !important;}

@media screen and (max-width: 768px) {
.page_teamdriver .gallery-navi {
margin: 30px 0 10px;
}
.page_teamdriver .gallery-navi nav {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.page_teamdriver .gallery-navi nav a {
display: flex;
width:50%;
align-items: center;
justify-content: center;
margin: 0 0 2% 0;
padding: 15px 10px;
border: 1px solid #999;
border-radius: 3px;
color: #000;
font-size: 15px;
font-size: 3.5vw;
line-height: 1.2;
text-align: center;
vertical-align: middle;
position: relative;
}
.page_teamdriver .gallery-navi nav .aracecate,
.page_teamdriver .gallery-navi nav a.driverage,
.page_teamdriver .gallery-navi nav a.driverplace {
margin: 0 0 2% 0;
}
.page_teamdriver .gallery-navi nav a:hover {
border: 1px solid #e30000;
color: #e30000;
}
.page_teamdriver .gallery-navi nav a.active {
border: 1px solid #e30000;
background: #e30000;
color: #fff;
}
.page_teamdriver .gallery-navi nav a.active:after {
content: "";
display: block;
margin-left: -4px;
border: 4px solid transparent;
border-top: 5px solid #fff;
position: absolute;
bottom: 0;
left: 50%;
}
.page_teamdriver .gallery-navi nav a span {
line-height: 1.2;
}
.page_teamdriver .gallery-navi nav a span br {
display: none;
}
.page_teamdriver .tmp_table_wrap h3.tmp_page-subtitle {
font-size: 20px;
font-size: 5.3333vw;
}
}
@media screen and (min-width: 769px) {
.page_teamdriver .gallery-navi {
margin: 30px 0 30px;
}
.page_teamdriver .gallery-navi nav {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
justify-content: space-evenly;
}
.page_teamdriver .gallery-navi nav a {
display: flex;
width: calc((100% - 10px) / 3);
align-items: center;
justify-content: center;
padding: 15px 10px;
border: 1px solid #999;
border-radius: 3px;
color: #000;
font-size: 15px;
line-height: 1.2;
text-align: center;
vertical-align: middle;
position: relative;
}
.page_teamdriver .gallery-navi nav a.emea {
min-width: 100px;
}
.page_teamdriver .gallery-navi nav a:hover {
border: 1px solid #e30000;
color: #e30000;
}
.page_teamdriver .gallery-navi nav a.active {
border: 1px solid #e30000;
background: #e30000;
color: #fff;
}
.page_teamdriver .gallery-navi nav a.active:after {
content: "";
display: block;
margin-left: -4px;
border: 4px solid transparent;
border-top: 5px solid #fff;
position: absolute;
bottom: 0;
left: 50%;
}
.page_teamdriver .gallery-navi nav a span {
line-height: 1.2;
}

}