@charset "UTF-8";

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

TGRサイト サイト全体用CSS

MAKING 161028 sim_nak
UPDATE 180513 sim_mano
UPDATE 190606 pt_mishima
- #cboxWrapperにoverflow:visible;を追記
-------------------------------------------------------------*/


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

/pages/contents/include/common/css/tgr_jquery.bxslider.css
/pages/contents/include/common/css/colorbox.css
/pages/contents/include/common/css/normalize.css
/pages/contents/include/common/css/common.css
/pages/contents/include/common/css/parts.css
/pages/contents/jp/wec/css/common.css
/pages/contents/jp/sim_common/css/race/wec.css
/pages/contents/jp/include/gazooracing_common.css
/pages/contents/jp/include/gazooracing_top.css

//pages/contents/jp/supergt/css/common.css
-------------------------------------------------------------*/


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

・Webフォント
・normalize.css（リセットCSS）
・/pages/contents/jp/wec/css/common.cssにあったreset.css
・レースタイトル／カテゴリタイトル
・ヘッダー／フッター用
・/pages/contents/include/common/css/tgr_jquery.bxslider.css
・/pages/contents/include/common/css/colorbox.css
・/pages/contents/include/common/css/common.css
・/pages/contents/include/common/css/parts.css
・LINKボタン
・MS番組表／観戦チケット購入ガイドボタン
・モーダルウィンドウ
・/pages/contents/jp/include/gazooracing_common.css
・/pages/contents/jp/include/gazooracing_top.css

UPDATE 180513 sim_mano
・リリース 写真エリアの背景リセット
-------------------------------------------------------------*/



/*------------------------------------------------------------
Webフォント
-------------------------------------------------------------*/


@import url(http://fonts.googleapis.com/css?family=Roboto:300,700);


/*------------------------------------------------------------
normalize.css（リセットCSS）
-------------------------------------------------------------*/


/*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/* ------------------------------
/pages/contents/jp/wec/css/common.cssにあったreset.css
------------------------------ */

/* HTML5対策 */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,main {
display:block;
}

audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}

audio:not([controls]),
[hidden] {
display: none;
}

body {
position: relative;
width: 100%;
margin: 0;
background-color: #000;
color: #eee;
font-size: 14px;
/*font-size:12px; gazooracing_common.css */
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴシック ProN', YuGothic, '游ゴシック', Meiryo, 'メイリオ', sans-serif;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
/*
color: #fff;
background-color: #000;
*/
line-height: 1.6;
}

*{
word-wrap:break-word;
-webkit-touch-callout:none;
-webkit-tap-highlight-color:rgba(0,0,0,0)
}

* html body{ /* IE6用 */ font-size:75% }
*:first-child+html body{ /* IE7用 */ font-size:75% }


a{
color: #eee;
text-decoration: none;
}

img {
vertical-align: middle;
}

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

#header {
height: 50px;
}

}


#main {
background: #292929;
/* SP */
/* PC1 */
/* PC2 */
}

#main #main-contents {
padding-bottom: 0px !important;
}

#tgr_2015 {
background-color: #333; /* SP PC */
}

/* 無理やり指定 */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
/*font-family: inherit;*/
/*font-size: 100%;*/
vertical-align: baseline;
background: transparent;
}


/*
#tgr_2015 body {
line-height: 1;
color: #000;
background: #fff;
}
*/


ol,ul {
list-style: none;
}


#tgr_2015 table {
border-collapse: separate;
border-spacing: 0;
vertical-align: middle;
}


#tgr_2015 caption,
#tgr_2015 th,
#tgr_2015 td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}

#tgr_2015 a img {
border: none;
}


/*------------------------------------------------------------
レースタイトル／カテゴリタイトル

各カテゴリ毎のCSSは削除し、frame.css内の下記部分でコントロールすること！
/pages/contents/include/common/css/common.css
/pages/contents/jp/supergt/css/common.css（LEXUS GAZOO Racingロゴ）
-------------------------------------------------------------*/


/* 基本の背景サイズ */
#race-name {
width: 246px;
}


/* WRC */
/*.wrc #race-name { width: 210px; }*/
.wrc #race-name:before { background-color: #b50000; }

/* WEC */
/*.wec #race-name { width: 210px; }*/
.wec #race-name:before { background-color: #2b44a0; }

/* SUPER GT */
/*.supergt #race-name { width: 210px; }*/
.supergt #race-name:before { background-color: #444444; }

/* スーパーフォーミュラ */
/*.superformula #race-name { width: 210px; }*/
.superformula #race-name:before { background-color: #171673; }

/* F3/F4 */
/*.juniorformula #race-name { width: 210px; }*/
.juniorformula #race-name:before { background-color: #651fc0; }

/* NASCAR */
/*.nascar #race-name { width: 210px; } */
.nascar #race-name:before { background-color: #9D1DBC; }


/* ニュルブルクリンク24時間レース */
/*.nurburgring #race-name { width: 210px; } */
.nurburgring #race-name:before { background-color: #e20001; }


/* 全日本ラリー */
.jrc #race-name:before { background-color: #cc8c0e; }


/* ラリーチャレンジ */
/*.rallychallenge #race-name { width: 210px; }*/
.rallychallenge #race-name:before { background-color: #92a414; }


/* チャレンジプログラム */
/*.challengeprogram_rally #race-name { width: 210px; }*/


/* TDP */
/*.tdp #race-name { width: 210px; }*/


/* 86/BRZ */
/*.tgr86brz #race-name { width: 210px; } */
.tgr86brz #race-name:before { background-color: #21a069; }


/* Vitz */
/*.vitz #race-name { width: 210px; } */
.vitz #race-name:before { background-color: #176da8; }


/* S耐 */
.supertaikyu #race-name:before { background-color: #35a0a8; }


/* IMSA */
.imsa #race-name:before { background-color: #f287e4; }




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

#race-name {
width: auto !important;
}


}


/* LEXUS GAZOO Racingロゴ */

#tgr_2015 #logo-lgr {
padding: 15px 0 5px 36px;
}

#tgr_2015 #logo-lgr img {
width: 300px;
}


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

#tgr_2015 #logo-lgr {
margin: 10px 0;
padding: 15px 0 0;
text-align: center;
}

#tgr_2015 #logo-lgr img {
width: 90%;
}

}



/*------------------------------------------------------------
/pages/contents/include/common/css/tgr_jquery.bxslider.css
-------------------------------------------------------------*/

.bx-wrapper{
position:relative;
margin:0 auto 1.5em;
padding:0;
*zoom:1;
}

.bx-wrapper li{
text-align:center;
}

.bx-wrapper img{
display:block;/* inline */
max-width:100%;
}

.bx-wrapper .bx-viewport{
background: #000;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto{
position:absolute;
bottom:-30px;
width:100%;
}

.bx-wrapper .bx-loading{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
min-height:50px;
background:url(https://toyotagazooracing.com/pages/contents/include/common/image/bxslider/bx_loader.gif) center center no-repeat #000;
z-index:2000;
}

.bx-wrapper .bx-pager{
padding-top:20px;
color:#333;
text-align:center;
font-size:.85em;
font-family:Arial;
font-weight:bold;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item{
display:inline-block;
*display:inline;
*zoom:1;
}

.bx-wrapper .bx-pager.bx-default-pager a{
display:block;
width:10px;
height:10px;
margin:0 5px;
outline:0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
background:#d3d3d3;
text-indent:-9999px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{
background:#eb0a1e;
}

.bx-wrapper .bx-prev{
left:10px;
background:url(https://toyotagazooracing.com/pages/contents/include/common/image/bxslider/bx_controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next{
right:10px;
background:url(https://toyotagazooracing.com/pages/contents/include/common/image/bxslider/bx_controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover{
background-position:0 0;
}

.bx-wrapper .bx-next:hover{
background-position:-43px 0;
}

.bx-wrapper .bx-controls-direction a{
position:absolute;
top:50%;
width:32px;
height:32px;
margin-top:-16px;
outline:0;
text-indent:-9999px;
z-index:9999;
}

.bx-wrapper .bx-controls-direction a.disabled{
display:none;
}

.bx-wrapper .bx-controls-auto{
text-align:center;
}

.bx-wrapper .bx-controls-auto .bx-start{
display:block;
width:10px;
height:11px;
margin:0 3px;
outline:0;
background:url(https://toyotagazooracing.com/pages/contents/include/common/image/bxslider/bx_controls.png) -86px -11px no-repeat;
text-indent:-9999px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active{
background-position:-86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop{
display:block;
width:9px;
height:11px;
margin:0 3px;
outline:0;
background:url(https://toyotagazooracing.com/pages/contents/include/common/image/bxslider/bx_controls.png) -86px -44px no-repeat;
text-indent:-9999px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active{
background-position:-86px -33px;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
width:80%;
text-align:left;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{
right:0;
width:35px;
}

.bx-wrapper .bx-caption{
position:absolute;
top:0;
left:0;
width:100%;
text-align:left;
}

.bx-wrapper .bx-caption span{
display:block;
padding:18px 16px;
color:#fff;
font-size:16px;
}

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

.bx-wrapper .bx-caption span{
padding:7px 4px;
font-size:10px;
}

}



/*------------------------------------------------------------
/pages/contents/include/common/css/colorbox.css
-------------------------------------------------------------*/


#colorbox,#cboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
overflow: visible;
}


#cboxWrapper {
overflow: visible;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
margin: auto;
}


#cboxOverlay {
position: fixed;
width: 100%;
height: 100%;
}


#cboxMiddleLeft,#cboxBottomLeft {
clear: left;
}


#cboxContent {
position: relative;
min-width: 35px;
}


#cboxLoadedContent {
margin-left: -23px;
padding-left: 23px;
overflow: auto;
-webkit-overflow-scrolling: touch;
}


#cboxLoadingOverlay,#cboxLoadingGraphic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow {
cursor: pointer;
}


.cboxPhoto {
float: left;
margin: auto;
border: 0;
display: block;
max-width: none;
-ms-interpolation-mode: bicubic;
}


.cboxIframe {
width: 100%;
height: 100%;
display: block;
border: 0;
}


#colorbox,#cboxContent,#cboxLoadedContent {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}


#cboxOverlay {
background-color: #000;
-ms-filter: "alpha(opacity=80)";
opacity: .8 !important;
}


#colorbox {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
overflow: visible !important;
outline: 0;
}


#cboxContent {
/* background-color: #fff; */
}


.cboxIframe {
background-color: #fff;
}


#cboxError {
padding: 50px;
border: 1px solid #ccc;
}


#cboxTitleCopy {
display: table;
position: relative;
width: 100%;
margin-bottom: 40px;
margin-left: -23px;
text-align: left;
}


#cboxTitleCopy:after {
position: absolute;
bottom: -15px;
left: 0;
content: '';
display: block;
height: 1px;
width: 23px;
background-color: #fff;
}


#cboxTitleCopy .title{
display: table-footer-group;
padding-top: 5px;
font-size: 22px;
}


#cboxTitleCopy .description {
display: table-caption;
padding-bottom: 5px;
color: #999;
font-size: 10px;
}


#cboxTitleCopy .title:empty,#cboxTitleCopy .description:empty {
display: none;
}


#cboxCurrent {
display: none !important;
}


#cboxLoadingGraphic {
background: url(https://toyotagazooracing.com/pages/contents/include/common/image/colorbox/loader.gif) no-repeat center center;
}


#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose {
border: 0;
padding: 0;
margin: 0;
overflow: visible;
width: auto;
background: 0;
}


#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active {
outline: 0;
}


#cboxSlideshow {
visibility: hidden;
}


#cboxPrevious {
position: absolute;
top: 50%;
left: -70px;
background: url(https://toyotagazooracing.com/pages/contents/include/common/image/arrow_01.png) no-repeat center top;
width: 45px;
height: 45px;
margin-top: -23px;
text-indent: -9999px;
}


#cboxNext {
position: absolute;
top: 50%;
right: -70px;
background: url(https://toyotagazooracing.com/pages/contents/include/common/image/arrow_02.png) no-repeat center top;
width: 45px;
height: 45px;
margin-top: -23px;
text-indent: -9999px;
}


#cboxClose {
position: fixed;
top: 40px;
right: 40px;
background: url(https://toyotagazooracing.com/pages/contents/include/common/image/colorbox/close.png) no-repeat center top;
width: 43px;
height: 43px;
text-indent: -9999px;
}


#cboxPrevious,
#cboxNext,
#cboxClose {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: alpha(opacity=75);
opacity: 0.75;
outline: none;
}


#cboxPrevious:hover,
#cboxNext:hover,
#cboxClose:hover {
-ms-filter: none;
filter: none;
opacity: 1;
}


.cbox-inner{
width: 100%;
max-width: 500px;
}


.cbox-inner .inner-img{
margin-bottom: 25px;
line-height: 0;
}


.cbox-inner .inner-img img{
width: 100%;
}


.cbox-inner h3.title{
margin-top: 0;
margin-bottom: 25px;
font-size: 20px;
}


.cbox-inner p.description{
color: #eee;
font-size: 12px;
}


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

#cboxTitleCopy {
left: 0;
margin-bottom: 10px;
margin-left: 0;
}

#cboxTitleCopy .title{
font-size: 12px;
}

#cboxTitleCopy .description{
color: #fff;
font-size: 12px;
}

#cboxTitleCopy:after {
position: absolute;
bottom: -3px;
left: 0;
content: '';
display: block;
height: 1px;
width: 20px;
background-color: #fff;
}

#cboxPrevious {
left: -38px;
width: 32px;
height: 32px;
margin-top: -16px;
background-image: url(https://toyotagazooracing.com/pages/contents/include/common/image/arrow_01.png);
-moz-background-size: 32px 32px;
-webkit-background-size: 32px 32px;
-o-background-size: 32px 32px;
-ms-background-size: 32px 32px;
background-size: 32px 32px;
}


#cboxNext {
right: -38px;
width: 32px;
height: 32px;
margin-top: -16px;
background-image: url(https://toyotagazooracing.com/pages/contents/include/common/image/arrow_02.png);
-moz-background-size: 32px 32px;
-webkit-background-size: 32px 32px;
-o-background-size: 32px 32px;
-ms-background-size: 32px 32px;
background-size: 32px 32px;
}


#cboxClose {
top: 20px;
right: 20px;
width: 32px;
height: 32px;
background-image: url(https://toyotagazooracing.com/pages/contents/include/common/image/colorbox/close.png);
-moz-background-size: 32px 32px;
-webkit-background-size: 32px 32px;
-o-background-size: 32px 32px;
-ms-background-size: 32px 32px;
background-size: 32px 32px;
}


.cbox-inner .inner-img{
margin-bottom: 10px;
}


.cbox-inner h3.title{
margin-bottom: 10px;
font-size: 12px;
}


.cbox-inner p.description{
color: #fff;
font-size: 12px;
}

}




/*------------------------------------------------------------
/pages/contents/include/common/css/common.css
-------------------------------------------------------------*/


/* ===================================================================
+ 共通
=================================================================== */


* {
line-height: 1.5;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
word-wrap: break-word;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}





body.noscroll {
position: fixed;
overflow: hidden;
}

/*
p{
margin-bottom: 2em;
}

p:last-of-type{
margin-bottom: 0;
}
*/

.clearfix{
*zoom:1;
}

.clearfix:before,
.clearfix:after{
display: table;
content: "";
line-height: 0;
}

.clearfix:after{
clear: both;
}


#contents-body{
position: relative;
}

#contents-body .section{
margin: 0 0 40px;
background-color: #000;
}

#contents-body .section.full{
margin-right: -66px;
margin-left: -66px;
}

#contents-body .section.full.column-l{
margin-right: 294px;
}

#contents-body .section .list-adjust{
padding-left: 2em;
}

#contents-body .section.nomargin{
margin-bottom: 0;
}

.sec-padding-t,
#contents-body .sec-padding-t,
#contents-body .section.sec-padding-t{
padding-top: 40px;
}

.sec-padding-b,
#contents-body .sec-padding-b,
#contents-body .section.sec-padding-b{
padding-bottom: 40px;
}

.title-padding-t,
#contents-body .title-padding-t,
#contents-body .section.title-padding-t{
padding-top: 45px;
}

.title-padding-b,
#contents-body .title-padding-b,
#contents-body .section.title-padding-b{
padding-bottom: 38px;
}

.title-nomargin > h2.title,
#contents-body .title-nomargin > h2.title,
#contents-body .section.title-nomargin > h2.title{
margin-top: 0;
}

.margint1,
#contents-body .margint1,
#contents-body .section.margint1{
margin-top: 1em;
}

.marginb1,
#contents-body .marginb1,
#contents-body .section.marginb1{
margin-bottom: 1em;
}

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

#contents-body .section{
margin: 0 0 29px;
}

#contents-body .section.full{
margin-right: -15px;
margin-left: -15px;
}

#contents-body .section.full.column-l{
margin-right: -15px;
}

.sec-padding-t,
#contents-body .sec-padding-t,
#contents-body .section.sec-padding-t{
padding-top: 29px;
}

.sec-padding-b,
#contents-body .sec-padding-b,
#contents-body .section.sec-padding-b{
padding-bottom: 29px;
}

.title-padding-t,
#contents-body .title-padding-t,
#contents-body .section.title-padding-t{
padding-top: 22px;
}

.title-padding-b,
#contents-body .title-padding-b,
#contents-body .section.title-padding-b{
padding-bottom: 22px;
}

}


/* ===================================================================
+　表示変更
=================================================================== */


.nowrap{
white-space: nowrap;
}

.txt-c{
text-align: center !important;
}

.txt-r{
text-align: right !important;
}

.txt-l{
text-align: left !important;
}



/* ===================================================================
+ ベースレイアウト
=================================================================== */


#contents{
width: 1600px;
}

#contents{
margin: 0 auto;
background-color: #000;
}

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


#contents{
width: 100%;
}

}

#main{
background-color: #333;
}


/* + contents-body
------------------------------------------------------------------- */


#contents-body{
padding: 0 66px;
padding-bottom: 1px;
}

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

#contents-body{
min-height: 0 !important;
padding: 0 15px;
padding-bottom: 1px;
}

}


/* ===================================================================
+ 2カラムレイアウト
=================================================================== */


#contents-body .section.column-l{
margin-right: 25%;
}

#contents-body .section.column-r{
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 25%;
min-width: 180px;
max-width: 360px;
margin: 0;
padding: 0 30px;
background-color: #141414;
}

@media screen and (max-width: 767px){
#contents-body .section.column-l{
margin-right: 0;
}

#contents-body .section.column-r{
position: static;
top: auto;
right: auto;
width: inherit;
max-width: none;
margin: 0 0 29px;
padding: 0;
background-color: inherit;
}

}


/* -------------------------------------------------------------------
- タイトル
------------------------------------------------------------------- */


h1{
font-size: 34px;
}

h2{
font-size: 26px;
}

h3{
font-size: 20px;
}

h1,h2,h3,h4,h5{
font-weight: normal;
}

.section.column-l:first-child > h1.title,
.section.column-l:first-child > h2.title,
.section.column-l:first-child > h3.title{
margin-top: 0;
padding-top: 40px;
}

.section.column-l.border-t:first-child > h1.title,
.section.column-l.border-t:first-child > h2.title,
.section.column-l.border-t:first-child > h3.title,
.section.column-l.full-border-t:first-child > h1.title,
.section.column-l.full-border-t:first-child > h2.title,
.section.column-l.full-border-t:first-child > h3.title{
padding-top: 0px;
}

.section.border-t > h1.title,
.section.full-border-t > h1.title,
.section.sec-padding-t > h1.title,
.section.column > h1.title,
.section.border-t > h2.title,
.section.full-border-t > h2.title,
.section.sec-padding-t > h2.title,
.section.column > h2.title,
.section.border-t > h3.title,
.section.full-border-t > h3.title,
.section.sec-padding-t > h3.title,
.section.column > h3.title{
margin-top: 0;
}

h1.title,
h2.title,
.section.border-t > * + h1.title,
.section.full-border-t > * + h1.title,
.section.sec-padding-t > * + h1.title,
.section.border-t > * + h2.title,
.section.full-border-t > * + h2.title,
.section.sec-padding-t > * + h2.title,
h3.title,
.section.border-t > * + h3.title,
.section.full-border-t > * + h3.title,
.section.sec-padding-t > * + h3.title{
margin-top: 40px;
margin-bottom: 38px;
}

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


h1{
font-size: 23px;
}

h2{
font-size: 20px;
}

h3{
font-size: 16px;
}

h1.title,
.section.column > h1.title,
h2.title,
.section.column > h2.title{
margin-top: 29px;
margin-bottom: 22px;
}

h3.title,
.section.column > h3.title{
margin-top: 25px;
margin-bottom: 22px;
}

.section.column-l:first-child > h1.title,
.section.column-l:first-child > h2.title,
.section.column-l:first-child > h3.title{
padding-top: 0;
}

.section.column-l:first-child > h1.title,
.section.column-l:first-child > h2.title{
margin-top: 29px;
}

.section.column-l:first-child > h3.title{
margin-top: 25px;
}

.section.column.border-t > h1.title,
.section.column.full-border-t > h1.title,
.section.column.sec-padding-t > h1.title,
.section.column.border-t > h2.title,
.section.column.full-border-t > h2.title,
.section.column.sec-padding-t > h2.title,
.section.column.border-t > h3.title,
.section.column.full-border-t > h3.title,
.section.column.sec-padding-t > h3.title{
margin-top: 0;
}

}


/* -------------------------------------------------------------------
- 本文
------------------------------------------------------------------- */


p{
font-size: 14px;
line-height: 2.2;
}

.small,
p.small{
color: #ccc;
font-size: 13px;
line-height: 1.7;
}

.caption{
color: #999;
font-size: 12px;
line-height: 1.7;
}

@media screen and (max-width: 767px){
p{
font-size: 12px;
line-height: 1.8;
}

p.small{
font-size: 11px;
}

.caption{
font-size: 10px;
}

}

/* 注釈 */
.notes{
color: #999;
font-size: 12px;
}

@media screen and (max-width: 767px){
.notes{
font-size: 10px;
}

}


/* -------------------------------------------------------------------
- テキストリンク/ボタンセクションのテキストリンク
------------------------------------------------------------------- */


.link-l,
.btn-text{
display: inline-block;
position: relative;
padding: 18px 45px 18px 20px;
border: 1px solid #333;
color: #fff;
text-align: left;
font-size: 16px;
word-wrap: break-word;
}

.link{
position: relative;
padding-right: 35px;
}

.link-l:after,
/*.link:after, 170309 リンクバナーエリアの矢印を削除 */
.btn-text:after{
content: "";
display: block;
width: 7px;
height: 13px;
position: absolute;
top: 50%;
right: 20px;
margin-top: -7px;
background-image: url("https://toyotagazooracing.com/pages/contents/include/common/image/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;
}

.link-l:hover:after,
/*.link:hover:after, 170309 リンクバナーエリアの矢印を削除*/
.btn-text:hover:after{
background-image: url("https://toyotagazooracing.com/pages/contents/include/common/image/pc_icon_arrow_right_on.png");
}

.link-l:after,
.btn-text:after{
right: 20px;
}

/*  170309 リンクバナーエリアの矢印を削除
.link:after{
right: 13px;
}
*/

.link,
.link-s{
color: #eee;
font-size: 14px;
}

.link-l:hover,
.link:hover,
.link-s:hover,
.btn-text:hover{
color: #e10000;
}

.link-l:hover,
.btn-text:hover{
border: 1px solid #e10000;
}

@media screen and (max-width: 767px){
.link-l,
.btn-text{
width: 100%;
padding: 13px 41px 13px 15px;
font-size: 13px;
}

.link-l:after,
/*.link:after, 170309 リンクバナーエリアの矢印を削除 */
.btn-text:after{
content: "";
display: block;
position: absolute;
top: 50%;
width: 8px;
height: 8px;
margin-top: -5px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
background-image: none;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.link-l:hover:after,
/* .link:hover:after, 170309 リンクバナーエリアの矢印を削除*/
.btn-text:hover:after{
border-top: 1px solid #e10000;
border-right: 1px solid #e10000;
background-image: none;
}

.link-l:after,
.btn-text:after{
right: 15px;
}

.link,
.link-s{
font-size: 12px;
}

}


/* -------------------------------------------------------------------
- アンカーメニュー
------------------------------------------------------------------- */


ul.anchor-menu{
margin-top: -13px;
margin-left: -32px;
list-style-type: none;
color: #eee;
font-size: 13px;
line-height: 1;
*zoom:1;
}

ul.anchor-menu:before,
ul.anchor-menu:after{
display: table;
content: "";
line-height: 0;
}

ul.anchor-menu:after{
clear: both;
}

ul.anchor-menu li{
float: left;
margin-top: 13px;
padding-right: 32px;
padding-left: 32px;
border-right: 1px solid #333;
text-align: center;
line-height: 1;
}

ul.anchor-menu li a{
line-height: 18px;
}

ul.anchor-menu li:last-child{
border-right: none;
}

ul.anchor-menu li a:hover,
ul.anchor-menu li a:active{
color: #e10000;
}

@media screen and (max-width: 767px){
ul.anchor-menu{
margin-top: -21px;
margin-left: 0;
font-size: 11px;
letter-spacing: -0.5em;
}

ul.anchor-menu li{
display: inline-block;
float: none;
width: 50%;
margin-top: 21px;
padding-right: 20px;
padding-left: 20px;
vertical-align: middle;
letter-spacing: normal;
}

ul.anchor-menu li:before{
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}

ul.anchor-menu li:nth-of-type(even){
border-right: none;
}

ul.anchor-menu li a{
display: inline-block;
vertical-align: middle;
line-height: 13px;
}

}


/* -------------------------------------------------------------------
- ソートメニュー
------------------------------------------------------------------- */


ul.sort-menu{
margin-top: -17px;
margin-left: -20px;
list-style-type: none;
color: #eee;
font-size: 14px;
}

ul.sort-menu:before,
ul.sort-menu:after{
display: table;
content: "";
line-height: 0;
}

ul.sort-menu:after{
clear: both;
}

ul.sort-menu li{
float: left;
margin-top: 17px;
margin-left: 20px;
text-align: center;
line-height: 1;
}

ul.sort-menu li a{
display: table-cell;
display: block\0;
min-width: 164px;
max-width: 408px;
padding: 12px 32px;
border: 1px solid #eee;
-webkit-border-radius: 3px;
border-radius: 3px;
vertical-align: middle;
line-height: 18px;
word-break: break-all;
word-wrap: break-word;
}

@media screen and (min-width:0\0) {
ul.sort-menu li a {
display: table-cell;
}

}


ul.sort-menu li.current a,
ul.sort-menu li a:hover,
ul.sort-menu li a:active{
color: #e10000;
border-color: #e10000;
}

@media screen and (max-width: 767px){
ul.sort-menu{
margin-top: -9px;
margin-left: -9px;
font-size: 12px;
letter-spacing: -0.5em;
}

ul.sort-menu li{
display: inline-block;
float: none;
width: 50%;
margin-top: 9px;
margin-left: 0;
padding-left: 9px;
vertical-align: middle;
letter-spacing: normal;
}

ul.sort-menu li a{
display: table-cell;
width: 1%;
min-width: 0;
padding: 10px 29px;
}

}


/* -------------------------------------------------------------------
- タブメニュー
------------------------------------------------------------------- */


tab-menu div.tab-navi{
display: table;
width: 100%;
border-collapse: separate;
border-spacing: 1px 0px;
color: #eee;
font-size: 12px;
table-layout: fixed;
}

.tab-menu div.tab-navi a{
display: table-cell;
padding: 20px 46px;
border-bottom: 4px solid transparent;
background-color: #212121;
text-align: center;
vertical-align: middle;
}

.tab-menu div.tab-navi a:hover,
.tab-menu div.tab-navi a.current{
border-bottom-color: #e10000;
background-color: #2d2d2d;
color: #e10000;
}

.tab-menu .tab-content{
width: 100%;
padding: 1px;
}

.tab-menu .tab-content > div{
display: none;
background-color: #191919;
}

.tab-menu .tab-content > div.current{
display: block;
}

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

.tab-menu div.tab-navi{
font-size: 11px;
}

.tab-menu div.tab-navi a{
padding: 21px 14px;
border-bottom-width: 3px;
}

}


/* -------------------------------------------------------------------
- SNSアイコン
------------------------------------------------------------------- */


/* ページタイトルの横に配置 */
.fb_iframe_widget > span {
vertical-align: baseline !important;
}

#twitter-widget-0 {
margin-left: 6px;
}

@media screen and (max-width: 767px){
#twitter-widget-0 {
margin-left: 4px;
}

}


/* サムネイル画像下に配置 */
.sns {
display: table;
}

.sns li {
display: table-cell;
padding-left: 5px;
}

.sns li a {
display: block;
width: 25px;
height: 25px;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: auto;
-moz-background-size: auto;
background-size: auto;
text-indent: 100%;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
-webkit-transition-duration: 200ms;
-moz-transition-duration: 200ms;
-o-transition-duration: 200ms;
-ms-transition-duration: 200ms;
transition-duration: 200ms;
opacity: 0.4;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity=40);
}

.sns li a:hover {
opacity: 1;
-ms-filter: none;
filter: none;
}

.sns li.facebook a {
background-image: url("https://toyotagazooracing.com/pages/contents/include/common/image/pc_sns_icon2_f.png");
}

.sns li.twitter a {
background-image: url("https://toyotagazooracing.com/pages/contents/include/common/image/pc_sns_icon2_t.png");
}

.sns li.google a {
background-image: url("https://toyotagazooracing.com/pages/contents/include/common/image/pc_sns_icon2_g.png");
}

@media screen and (max-width: 767px){
.sns li {
padding-left: 8px;
}

.sns li.facebook a {
background-image: url("https://toyotagazooracing.com/pages/contents/include/common/image/sp_sns_icon2_f.png");
background-size: 25px;
}

.sns li.twitter a {
background-image: url("https://toyotagazooracing.com/pages/contents/include/common/image/sp_sns_icon2_t.png");
background-size: 25px;
}

.sns li.google a {
background-image: url("https://toyotagazooracing.com/pages/contents/include/common/image/sp_sns_icon2_g.png");
background-size: 25px;
}

}


/* -------------------------------------------------------------------
- 表組
------------------------------------------------------------------- */

/*
.section.table,
.table-wrapper{
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}

.table-wrapper{
width: 100%;
}

table{
width: 100%;
min-width: 892px;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-collapse: separate;
border-spacing: 0;
}

table th,
table td{
padding: 16px 25px;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

table th.bordert,
table td.bordert{
border-top: 1px solid #000 !important;
}

table th.borderr,
table td.borderr{
border-right: 1px solid #000 !important;
}

table th.borderb,
table td.borderb{
border-bottom: 1px solid #000 !important;
}

table th.borderl,
table td.borderl{
border-left: 1px solid #000 !important;
}

table th.nobordert,
table td.nobordert{
border-top: none !important;
}

table th.noborderr,
table td.noborderr{
border-right: none !important;
}

table th.noborderb,
table td.noborderb{
border-bottom: none !important;
}

table th.noborderl,
table td.noborderl{
border-left: none !important;
}

table thead th{
background-color: #666;
color: #eee;
font-size: 12px;
}

table tbody tr th,
table tbody tr td,
table tbody tr.odd th,
table tbody tr.odd td{
background-color: #282828;
}

table tbody tr.even th,
table tbody tr.even td{
background-color: #1e1e1e;
color: #e10000;
}

table tbody tr th,
table tbody tr td,
table tbody tr.odd th,
table tbody tr.odd td,
table tbody tr.even th,
table tbody tr.even td{
color: #e10000;
}

table tbody tr th,
table tbody tr.odd th,
table tbody tr.even th{
font-size: 12px;
}

table tbody tr td,
table tbody tr.odd td,
table tbody tr.even td{
font-size: 14px;
}

table tbody tr th,
table tbody tr.odd th,
table tbody tr.even th{
color: #eee;
}

table tbody tr td,
table tbody tr.odd td,
table tbody tr.even td{
color: #e10000;
text-align: center;
}

table thead tr th:first-child,
table tbody tr th:first-child{
text-align: left;
}
*/

/* リザルト */
table.result{
border-spacing: 0;
}

table.result thead th{
background-color: #282828;
color: #666;
}

table.result tbody tr th,
table.result tbody tr td{
background-color: #191919;
color: #eee;
font-size: 16px;
}

table.result thead tr th:first-child,
table.result tbody tr th:first-child{
text-align: center;
}

table.result thead tr th.driver,
table.result thead tr td.driver,
table.result tbody tr th.driver,
table.result tbody tr td.driver{
text-align: left;
}


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

table{
width: 892px;
}

}

/* -------------------------------------------------------------------
- 仕切線
------------------------------------------------------------------- */
.border-t,
.full-border-t{
border-top: 1px solid #333;
}

.border-b,
.full-border-b{
border-bottom: 1px solid #333;
}

#contents-body .section.full-border-t,
#contents-body .section.full-border-b{
margin-right: -66px;
margin-left: -66px;
padding-right: 66px;
padding-left: 66px;
}

#contents-body .section.full-border-t.column-l,
#contents-body .section.full-border-b.column-l{
margin-right: 294px;
}


.light-border-t{
border-top: 1px solid #222;
}

.light-border-b{
border-bottom: 1px solid #222;
}

#contents-body .section.border-t,
#contents-body .section.full-border-t{
padding-top: 40px;
}

@media screen and (max-width: 767px){
#contents-body .section.full-border-t,
#contents-body .section.full-border-b{
margin-right: -15px;
margin-left: -15px;
padding-right: 15px;
padding-left: 15px;
}

#contents-body .section.full-border-t.column-l,
#contents-body .section.full-border-b.column-l{
margin-right: -15px;
}

#contents-body .section.border-t,
#contents-body .section.full-border-t{
padding-top: 29px;
}

}


/* - template ※プログラム側で必要なソースを書き込む部分
------------------------------------------------------------------- */
#footer-area #template{
display: none;
}



/*------------------------------------------------------------
LINKボタン
/pages/contents/jp/sim_common/css/race/wec.css
/pages/contents/jp/wec/css/common.css
-------------------------------------------------------------*/


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

#tgr_2015 .link {
padding: 0 10px 15px;
}

#tgr_2015 .link h2,
#tgr_2015 .link h3,
#tgr_2015 .link p {
padding: 25px 5px;
font-size: 20px;
line-height: 1;
font-family: 'Roboto', sans-serif !important;
font-weight: 300;
font-weight: 300;
letter-spacing: 0.05em;
color: #fff;
}

#tgr_2015 .link ul {
width: 100%;
zoom: 1;
}

#tgr_2015 .link ul:before,
#tgr_2015 .link ul:after {
content: "";
display: table;
}

#tgr_2015 .link ul:after {
clear: both;
}

#tgr_2015 .link ul li {
width: 50%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 5px 5px;
}

#tgr_2015 .link ul li a {
display: block;
border: 1px solid #282828;
}

#tgr_2015 .link ul li img {
width: 100%;
height: auto;
vertical-align: top;
}


}


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


#tgr_2015 .link {
padding: 0 50px 65px;
}

#tgr_2015 .link h2,
#tgr_2015 .link h3,
#tgr_2015 .link p {
padding: 50px 15px 10px;
font-size: 24px;
line-height: 1;
font-family: 'Roboto', sans-serif !important;
font-weight: 300;
font-weight: 300;
letter-spacing: 0.05em;
color: #fff;
}

#tgr_2015 .link ul {
width: 100%;
display: block;
font-size: 0;
}

#tgr_2015 .link ul li {
width: 25%;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 15px;
}

#tgr_2015 .link 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 .link ul li a img {
width: 100%;
height: auto;
vertical-align: top;
-webkit-transition-duration: 200ms;
-moz-transition-duration: 200ms;
-o-transition-duration: 200ms;
-ms-transition-duration: 200ms;
transition-duration: 200ms;
}

#tgr_2015 .link ul li a:link,
#tgr_2015 .link ul li a:visited {
border: 1px solid #282828;
}

#tgr_2015 .link ul li a:hover,
#tgr_2015 .link ul li a:active {
border: 1px solid #e30000;
}

#tgr_2015 .link ul li a:hover img,
#tgr_2015 .link ul li a:active img {
opacity: 0.7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
}


}


/*------------------------------------------------------------
MS番組表／観戦チケット購入ガイドボタン

/pages/contents/jp/sim_common/css/all-top.css
/pages/contents/jp/top/css/style.css

/pages/contents/jp/sim_common/css/race/wec.css
/pages/contents/jp/wec/css/common.css
-------------------------------------------------------------*/


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


#tgr_2015 .check {
padding: 20px 15px;
border-top: 1px solid #333;
}

#tgr_2015 .check ul li {
margin-bottom: 10px;
}

#tgr_2015 .check ul li:last-child {
margin-bottom: 0;
}

#tgr_2015 .check ul li a {
display: block;
border: 1px solid #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 20px;
background-color: #000;
color: #fff;
}

#tgr_2015 .check ul li a:hover {
background-color: #1f1f1f;
}

#tgr_2015 .check ul li a {
position: relative;
}

#tgr_2015 .check ul li 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);
}

}

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

#tgr_2015 .check {
width: 100%;
padding: 35px 36px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-top: 1px solid #333;
margin: 0 auto;
}

#tgr_2015 .check ul {
width: 100%;
max-width: 1000px;
display: table;
margin: 0 auto;
}

#tgr_2015 .check ul li {
width: 50%;
display: table-cell;
padding: 0 18px 0 10px;
}

#tgr_2015 .check ul li:last-child {
padding: 0 10px 0 18px;
}

#tgr_2015 .check ul li a {
display: block;
border: 1px solid #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 30px 15px 30px;
font-size: 14px;
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 .check ul li a:hover {
background-color: #1f1f1f;
}

#tgr_2015 .check ul li a:after {
content: '';
display: block;
width: 7px;
height: 13px;
position: absolute;
top: 50%;
right: 20px;
margin-top: -6.5px;
background-image: url("http://toyotagazooracing.com/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;
}

}


/*------------------------------------------------------------
モーダルウィンドウ
/pages/contents/jp/wec/css/common.css
-------------------------------------------------------------*/


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


#tgr_2015 #modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
z-index: 1000;
}

#tgr_2015 #modal .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}

#tgr_2015 #modal .close {
position: absolute;
top: 10px;
right: 10px;
color: transparent;
font-size: 0;
content: '';
display: block;
width: 43px;
height: 43px;
background-position: center center;
background-repeat: no-repeat;
background-image: url("http://toyotagazooracing.com/pages/contents/jp/include/images/close.png");
-webkit-background-size: 20px;
-moz-background-size: 20px;
background-size: 20px;
opacity: 1;
-ms-filter: none;
filter: none;
}

#tgr_2015 #modal .modal-wrap {
position: relative;
}

#tgr_2015 #modal .modal-wrap >a {
font-size: 0;
margin-top: -22px;
color: transparent;
}

#tgr_2015 #modal .modal-wrap >a:after {
content: '';
display: block;
width: 45px;
height: 45px;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: 30px;
-moz-background-size: 30px;
background-size: 30px;
opacity: 0.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: alpha(opacity=75);
}

#tgr_2015 #modal .modal-wrap >a:after:hover:after {
opacity: 1;
-ms-filter: none;
filter: none;
}

#tgr_2015 #modal .modal-wrap >a.next {
position: absolute;
top: 50%;
right: -50px;
}

#tgr_2015 #modal .modal-wrap >a.next:after {
background-image: url("http://toyotagazooracing.com/pages/contents/jp/include/images/arrow_02.png");
}

#tgr_2015 #modal .modal-wrap >a.prev {
position: absolute;
top: 50%;
left: -50px;
}

#tgr_2015 #modal .modal-wrap >a.prev:after {
background-image: url("http://toyotagazooracing.com/pages/contents/jp/include/images/arrow_01.png");
}


}



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

#tgr_2015 #modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
z-index: 1000;
}

#tgr_2015 #modal .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}

#tgr_2015 #modal .close {
position: absolute;
top: 40px;
right: 40px;
color: transparent;
font-size: 0;
content: '';
display: block;
width: 43px;
height: 43px;
background-position: center center;
background-repeat: no-repeat;
background-image: url("http://toyotagazooracing.com/pages/contents/jp/include/images/close.png");
opacity: 0.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: alpha(opacity=75);
}

#tgr_2015 #modal .close:hover {
opacity: 1;
-ms-filter: none;
filter: none;
}

#tgr_2015 #modal .modal-wrap {
position: relative;
}

#tgr_2015 #modal .modal-wrap >a {
font-size: 0;
margin-top: -22px;
color: transparent;
}

#tgr_2015 #modal .modal-wrap >a:after {
content: '';
display: block;
width: 45px;
height: 45px;
background-position: center center;
background-repeat: no-repeat;
opacity: 0.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: alpha(opacity=75);
}

#tgr_2015 #modal .modal-wrap >a:after:hover:after {
opacity: 1;
-ms-filter: none;
filter: none;
}

#tgr_2015 #modal .modal-wrap >a.next {
position: absolute;
top: 50%;
right: -70px;
}

#tgr_2015 #modal .modal-wrap >a.next:after {
background-image: url("http://toyotagazooracing.com/pages/contents/jp/include/images/arrow_02.png");
}

#tgr_2015 #modal .modal-wrap >a.prev {
position: absolute;
top: 50%;
left: -70px;
}

#tgr_2015 #modal .modal-wrap >a.prev:after {
background-image: url("http://toyotagazooracing.com/pages/contents/jp/include/images/arrow_01.png");
}

#tgr_2015 #modal.iframe .modal-wrap {
position: absolute;
top: 50%;
left: 50%;
width: 60%;
margin-top: -18%;
margin-left: -30%;
}

#tgr_2015 #modal.iframe .modal-wrap:after {
content: '';
display: block;
padding-top: 60%;
}

#tgr_2015 #modal.iframe .modal-wrap .modal-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
margin-top: -50px;
}

#tgr_2015 #modal.iframe .modal-wrap .modal-content .info {
position: relative;
text-align: left;
margin-bottom: 40px;
}

#tgr_2015 #modal.iframe .modal-wrap .modal-content .info:after {
position: absolute;
bottom: -15px;
left: 0;
content: '';
display: block;
height: 1px;
width: 23px;
background-color: #fff;
}

#tgr_2015 #modal.iframe .modal-wrap .modal-content .info time {
font-size: 10px;
color: #999;
}

#tgr_2015 #modal.iframe .modal-wrap .modal-content .info .title {
color: #eee;
font-size: 22px;
line-height: 30px;
margin-top: 5px;
}

#tgr_2015 #modal.iframe .modal-wrap .modal-content .wrap {
position: relative;
width: 100%;
height: 100%;
}

#tgr_2015 #modal.iframe .modal-wrap .modal-content .wrap:after {
content: '';
display: block;
padding-top: 56%;
}

#tgr_2015 #modal.iframe .modal-wrap .modal-content .wrap img {
height: 100%;
width: auto;
vertical-align: middle;
}

#tgr_2015 #modal.iframe .modal-wrap .modal-content iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

}



/*------------------------------------------------------------
/pages/contents/jp/include/gazooracing_common.css
-------------------------------------------------------------*/


.title,.subtitle{
color:#333;
font-weight:bold;
font-family:'ヒラギノ角ゴ Pro W6','HiraKakuPro-W6',メイリオ,Meiryo,'Meiryo UI','ＭＳ Ｐゴシック','MS PGothic','MS UI Gothic','ＭＳ ゴシック','MS Gothic',sans-serif;
-webkit-font-smoothing:antialiased
}

.date{
color:#999;
font-weight:bold;
font-family:Helvetica,Arial,'ヒラギノ角ゴPro W3','Hiragino Kaku Gothic Pro',メイリオ,Meiryo,'Meiryo UI','ＭＳ Ｐゴシック','MS PGothic','MS UI Gothic','ＭＳ ゴシック','MS Gothic',sans-serif
}

.category{
color:#c00;
font-weight:bold;
font-family:'ヒラギノ角ゴ Pro W6','HiraKakuPro-W6',メイリオ,Meiryo,'Meiryo UI','ＭＳ Ｐゴシック','MS PGothic','MS UI Gothic','ＭＳ ゴシック','MS Gothic',sans-serif
}


#header .logo{
float:left;
margin:20px 0;
margin-left:60px
}

#header .logo1{
display:block;
height:40px
}

#header .logo2{
display:none
}

#header .navigation{
position:absolute;
right:0;
margin:0 60px 0 0;
padding:0;
width:222px;
height:100%;
color:#BBB;
font-size:16px;
font-family:Arial,Helvetica;
line-height:30px
}

#header .navigation .searchbutton,
#header .navigation .menubutton{
float:right;
text-align:center;
margin-left:1px;
width:110px;
height:100%;
cursor:pointer
}

#header .navigation .searchbutton span,
#header .navigation .menubutton span{
display:inline-block;
vertical-align:top;
margin-top:23px
}

#header .navigation img{
margin-top:26px;
margin-right:5px;
width:23px
}

#header .navigation .on{
display:none
}

#header .navigation .selected{
background-color:#333
}

#header .navigation .selected span{
color:#e00
}

#header .navigation_body{
position:absolute;
top:75px;
right:0;
margin:0 60px 0 0;
padding:0;
width:350px
}

#header .navigation_body .logo_gazoo{
padding-left:30px;
height:12px
}

#header .menu,#header .search{
background:#1a1a1a;
margin:0;
padding:0;
display:none;
overflow:auto;
-webkit-overflow-scrolling:touch;
-ms-overflow-style:-ms-autohiding-scrollbar
}

#header .menu *,
#header .search *{
color:#ccc;
list-style:none;
vertical-align:middle
}

#header .menu .selected>span,
#header .menu .selected>span a{
color:red
}

#header .menu ul{
list-style:none
}

#header .menu li{
position:relative;
line-height:56px;
border-top:1px solid #000;
cursor:pointer
}

#header .menu li .name{
width:77%;
display:inline-block;
overflow:hidden;
text-overflow:ellipsis;
word-wrap:normal;
white-space:nowrap
}

#header .menu li .next{
position:absolute;
right:0;
top:0
}



#header .menu li a{
font-size:14px;
line-height:18px
}

#header .menu li>.next{
float:right;
width:75px;
border-left:1px solid #000
}

#header .menu li>.next img{
margin:18px 27px 17px;
width:21px
}

#header .submenu{
display:none;
padding-left:0;
margin-right:0;
background:#1a1a1a
}

#header .navigation_body:after{
content:"";
clear:both;
display:block
}

#header .search_body{
position:absolute;
top:75px;
right:0;
margin:0 171px 0 0;
padding:0;
width:350px;
overflow:hidden
}

#header .search{
height:56px
}

#header .search *{
margin-top:16px
}

#header .search .srchbtn{
margin-right:26px;
width:23px;
float:right
}

#header .search .textfield{
margin-left:30px;
line-height:18px;
font-size:14px;
padding:0;
border:0;
background:#333;
color:#fff;
width:245px;
padding:1px
}

#footer{
position:relative;
background:black;
color:#fff
}

#footer>*{
width:90%
}

#footer .totop{
position:absolute;
width:auto;
top:-60px;
right:10px
}

#footer .totop img{
cursor:pointer;
width:30px
}

#footer .partners{
text-align:center;
margin:auto;
padding:30px 0
}

#footer .partners ul{
margin:0;
padding:0;
list-style:none;
display:inline-block
}

#footer .partners ul li{
float:left;
margin:5px 5px 0
}

#footer .partners ul li a{
height:40px;
display:block;
background-position:left
}

#footer .partners ul li:hover a{
background-position:right
}

#footer .partners .prt010 a{
width:94px;
background-image:url(http://toyotagazooracing.com/pages/contents/jp/tgr-asset/image/logo_01.png)
}

#footer .partners .prt020 a{
width:96px;
background-image:url(http://toyotagazooracing.com/pages/contents/jp/tgr-asset/image/logo_02.png)
}

#footer .partners .prt030 a{
width:89px;
background-image:url(http://toyotagazooracing.com/pages/contents/jp/tgr-asset/image/logo_03.png)
}

#footer .partners .prt040 a{
width:92px;
background-image:url(http://toyotagazooracing.com/pages/contents/jp/tgr-asset/image/logo_04.png)
}

#footer .partners .prt050 a{
width:82px;
background-image:url(http://toyotagazooracing.com/pages/contents/jp/tgr-asset/image/logo_05.png)
}

#footer .partners .prt060 a{
width:55px;
background-image:url(http://toyotagazooracing.com/pages/contents/jp/tgr-asset/image/logo_06.png)
}

#footer .partners .prt070 a{
width:130px;
background-image:url(http://toyotagazooracing.com/pages/contents/jp/tgr-asset/image/logo_07.png)
}

#footer .partners .prt080 a{
width:52px;
background-image:url(http://toyotagazooracing.com/pages/contents/jp/tgr-asset/image/logo_08.png)
}

#footer .partners .prt090 a{
width:88px;
background-image:url(http://toyotagazooracing.com/pages/contents/jp/tgr-asset/image/logo_09.png)
}

#footer .partners .prt100 a{
width:70px;
background-image:url(http://toyotagazooracing.com/pages/contents/jp/tgr-asset/image/logo_10.png)
}

#footer .partners .prt110 a{
width:261px;
background-image:url(http://toyotagazooracing.com/pages/contents/jp/tgr-asset/image/logo_11.png)
}

#footer .partners .prt120 a{
width:168px;
background-image:url(http://toyotagazooracing.com/pages/contents/jp/tgr-asset/image/logo_12.png)
}

#footer .partners .prt130 a{
width:70px;
background-image:url(http://toyotagazooracing.com/pages/contents/jp/tgr-asset/image/logo_13.png)
}

#footer .partners .prt140 a{
width:175px;
background-image:url(http://toyotagazooracing.com/pages/contents/jp/tgr-asset/image/logo_14.png)
}

#footer .partners .prt150 a{
width:173px;
background-image:url(http://toyotagazooracing.com/pages/contents/jp/tgr-asset/image/logo_15.png)
}

#footer .partners .prt160 a{
width:87px;
background-image:url(http://toyotagazooracing.com/pages/contents/jp/tgr-asset/image/logo_16.png)
}

#footer .partners .prt170 a{
width:77px;
background-image:url(http://toyotagazooracing.com/pages/contents/jp/tgr-asset/image/logo_17.png)
}

#footer .partners .prt180 a{
width:107px;
background-image:url(http://toyotagazooracing.com/pages/contents/jp/tgr-asset/image/logo_18.png)
}

#footer .partners .prt190 a{
width:168px;
background-image:url(http://toyotagazooracing.com/pages/contents/jp/tgr-asset/image/logo_19.png)
}

#footer .partners .prt200 a{
width:118px;
background-image:url(http://toyotagazooracing.com/pages/contents/jp/tgr-asset/image/logo_20.png)
}

#footer .partners .prt210 a{
width:69px;
background-image:url(http://toyotagazooracing.com/pages/contents/jp/tgr-asset/image/logo_21.png)
}

#footer .partners .prt220 a{
width:78px;
background-image:url(http://toyotagazooracing.com/pages/contents/jp/tgr-asset/image/logo_22.png)
}

#footer .sitemap{
margin:0 auto;
padding:30px 0;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc
}

#footer .sitemap .footer_menu{
display:inline-block
}

#footer .sitemap ul{
list-style:none;
text-align:left;
margin:0;
padding:0 8px;
display:inline-block;
vertical-align:top
}

#footer .sitemap ul li a{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',メイリオ,Meiryo,'Meiryo UI','ＭＳ Ｐゴシック','MS PGothic','MS UI Gothic','ＭＳ ゴシック','MS Gothic',sans-serif
}

#footer .sitemap li{
font-size:10px;
font-weight:normal;
color:#ccc;
line-height:15px;
margin-left:2px
}

#footer .sitemap li:first-child{
font-size:12px;
line-height:24px;
color:#ccc;
font-weight:bold;
list-style:none outside none;
margin:0 0 10px;
border-bottom:1px dotted #666
}

#footer .sitemap li a{
color:#ccc
}

#footer .sitemap li a:hover{
color:#fff
}

#footer .sitemap li a,
#footer .sitemap li a:hover,
#footer .sitemap li a:active,
#footer .sitemap li a:visited,
#footer .sitemap li a:focus{
text-decoration:none
}

#footer .bottom{
position:relative;
margin:auto;
padding:15px 0 20px
}

#footer .bottom *{
font-size:10px;
line-height:14px;
height:14px;
color:#ccc;
text-decoration:none
}

#footer .bottom .links a:hover{
color:#fff
}

#footer .bottom .links ul{
list-style:none;
margin:0;
padding:0
}

#footer .bottom .links ul li{
float:left;
border-left:1px solid #fff;
padding:0 5px
}

#footer .bottom .links ul li:first-child{
border-left:0;
padding-left:0
}

#footer .bottom .copy{
position:absolute;
right:10%;
top:15px
}

#footer .bottom .sns{
position:absolute;
right:0;
top:9px
}

#footer .bottom .sns span:first-child{
padding-right:15px
}

#footer .bottom .sns a{
display:inline-block;
height:26px;
width:26px;
background-position:left
}

#footer .bottom .sns a:hover{
background-position:right
}

#footer .bottom .sns .fb{
float:left;
background-image:url(http://toyotagazooracing.com/pages/contents/jp/tgr-asset/image/ft_facebook.png);
margin-right:15px
}

#footer .bottom .sns .tw{
float:right;
background-image:url(http://toyotagazooracing.com/pages/contents/jp/tgr-asset/image/ft_twitter.png)
}

.is-hidden{
display:none
}

.l-place-holder{
visibility:hidden
}


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

#footer .bottom .links ul{
text-align:center
}

#footer .bottom .links ul li{
display:inline;
float:none
}

#footer .bottom .copy,#footer .bottom .sns{
position:relative;
top:auto;
right:auto;
text-align:center
}

#footer .bottom .sns{
padding-top:15px;
padding-bottom:15px
}

#footer .bottom .sns a{
float:none !important
}


}

@media screen and (min-width:700px),print{

#smartphone{
display:none
}

}

#smartphone{
display:none\9
}



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

body{
-webkit-user-select:none
}

#smartphone{
display:block
}

#header{
height:50px
}

#header .logo{
margin:15px 0;
margin-left:10px
}

#header .logo1{
display:none
}

#header .logo2{
display:block;
height:20px
}

#header .navigation{
width:105px;
margin:0
}

#header .navigation .searchbutton,#header .navigation .menubutton{
margin-left:1px;
width:50px
}

#header .navigation .searchbutton span,#header .navigation .menubutton span{
display:none
}

#header .navigation img{
margin-top:16px;
width:18px
}

#header .navigation_body{
top:50px;
margin:0;
width:100%
}

#header .navigation_body .logo_gazoo{
padding:0 0 10px 25px;
height:10px
}

#header .menu li{
line-height:45px
}

#header .menu li a{
font-size:12px;
line-height:15px;
height:15px
}

#header .menu li>.next{
width:50px
}

#header .menu li>.next img{
margin:14px 0 14px 14px;
width:17px
}

#header .search_body{
top:50px;
margin:0;
width:100%
}

#header .search{
height:45px
}

#header .search *{
margin-top:10px !important
}

#header .search .srchbtn{
margin:13px 0 0 10px !important;
width:18px;
float:none
}

#header .search .textfield{
margin-left:15px !important;
width:80%;
line-height:15px;
font-size:12px;
padding:3px
}

#footer .totop{
top:auto;
bottom:7%;
position:fixed;
z-index:9000
}

#footer .partners{
display:none
}

#footer .sitemap{
display:none
}

}


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

#footer .bottom *{
font-size:10px;
line-height:20px;
height:20px
}

#footer .bottom .copy{
height:40px
}

#footer .bottom .copy,
#footer .bottom .copy *{
display:block
}


}



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

#footer .bottom{
width:100%;
margin:0
}

#footer .bottom .copy *{
width:100%
}

}


/*------------------------------------------------------------
/pages/contents/jp/include/gazooracing_top.css
-------------------------------------------------------------*/

#main-contents{
padding-bottom:10px
}

#topgrid .thumb_wrapper img{
width:100%;
margin-bottom:10px
}

#topgrid .slides .thumb_wrapper img{
width:100%;
margin-bottom:0
}

#topgrid .modetitle{
margin-top:17px;
margin-left:13%;
height:25px;
font-size:20px;
font-weight:bold
}

#topgrid .noresult{
text-align:center;
font-size:18px;
padding:50px 10%;
background-color:#fff
}

#topgrid .noresult .warning_1{
height:54px;
display:table;
margin:auto
}

#topgrid .noresult .warning_1 img{
display:table-cell
}

#topgrid .noresult .warning_1 span{
display:table-cell;
vertical-align:middle;
font-size:20px;
font-weight:bold;
color:#c00
}

#topgrid .noresult .warning_2{
height:54px;
line-height:54px;
font-size:14px
}

#topgrid .grid{
margin:0;
background:0;
width:100%;
height:auto
}

#topgrid .thumb_wrapper{
height:auto
}

#topgrid .thumb_wrapper a{
cursor:default
}

#topgrid .title{
position:absolute;
font-family:'ヒラギノ角ゴ Std W8','Hiragino Kaku Gothic Std',メイリオ,Meiryo,'Meiryo UI','ＭＳ Ｐゴシック','MS PGothic','MS UI Gothic','ＭＳ ゴシック','MS Gothic',sans-serif;
font-size:40px;
line-height:60px;
color:#fff;
text-shadow:1px 1px 2px #000;
filter:glow(color=#000000,strength=1px);
top:29%;
left:8%;
height:180px;
padding:0;
overflow:hidden;
display:block
}

#topgrid .date{
position:absolute;
width:auto;
padding:0;
left:8%;
font-size:14px;
top:64%
}

#topgrid .category_wrapper{
position:absolute;
width:auto;
padding:0;
font-size:14px;
color:#c00;
top:70%;
left:8%
}

#topgrid .category_content{
padding-left:0
}

#topgrid .share{
display:none
}

#topgrid .button.text{
text-overflow:ellipsis
}

#topgrid .button{
position:absolute;
padding:0;
top:23%;
left:3%;
height:24px;
line-height:24px;
width:12.7%
}

#topgrid .button.text{
width:12.7%;
font-family:'ヒラギノ角ゴ Pro W6','HiraKakuPro-W6',メイリオ,Meiryo,'Meiryo UI','ＭＳ Ｐゴシック','MS PGothic','MS UI Gothic','ＭＳ ゴシック','MS Gothic',sans-serif;
font-size:13px;
font-weight:bold;
line-height:45px;
height:38px;
background-color:#999;
word-wrap:normal;
white-space:nowrap;
text-align:center;
overflow:hidden;
color:#fff;
text-decoration:none;
overflow:hidden
}

#topgrid .button.image{
overflow:visible
}

#topgrid .button.image img{
width:100%
}

#topgrid .grid.hover:hover *{
color:white;
background:0
}

#topgrid .grid:hover .date{
color:#999
}

#topgrid .grid:hover .category{
color:#c00
}

#topgrid .grid:hover .button.text{
background:#999
}

#topgrid .bx-wrapper .bx-viewport{
border:0
}

#topgrid .bx-pager{
bottom:-26px
}

#topgrid .bx-wrapper .bx-pager .bx-pager-item{
width:3%
}

#topgrid .bx-wrapper .bx-pager a{
position:relative;
margin-left:auto;
margin-right:auto;
background:#666;
z-index:51
}

#topgrid .bx-wrapper .bx-pager a.active{
background:#eb0a1e
}



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


#topgrid .thumb_wrapper img{
margin-bottom:0
}

#topgrid .grid{
margin-bottom:20px
}

#topgrid .bx-wrapper .bx-pager .bx-pager-item{
width:13%
}


}

.grid{
background:white;
margin:10px;
position:relative
}

.grid.tw,.grid.fb{
background:#fff
}

.grid.tw iframe,.grid.fb iframe{
width:100%
}

.grid.html{
overflow:hidden
}

.grid *{
margin:0;
padding:0
}

.grid .title,.grid .category{
overflow:hidden;
display:block
}

.grid .title:hover,.grid .category:hover{
text-decoration:underline
}

.grid.nolink .thumb_wrapper a,.grid.nolink .title,.grid.nolink .title:hover,.grid.nolink .button{
text-decoration:none;
cursor:default
}

.grid.nolink .share{
display:none
}

.grid .thumb_wrapper{
overflow:hidden
}

.grid .thumb_wrapper img{
width:100%;
display:block
}

.grid .thumb_wrapper ~ *{
padding:0 20px
}

.grid .title{
color:#666;
font-size:16px;
font-weight:bold;
line-height:25px;
padding-top:10px
}

.grid .date{
font-size:10px;
line-height:11px;
height:11px;
padding-top:7px
}

.grid .category_wrapper{
float:left;
width:100%;
margin-right:-50px;
padding:0;
margin-right:-155px
}

.grid .category_content{
padding-left:20px;
margin-right:40px;
margin-right:155px
}

.grid .category{
font-size:12px;
line-height:14px;
height:14px;
padding-top:5px;
padding-bottom:13px;
overflow:hidden;
text-overflow:ellipsis;
word-wrap:normal;
white-space:nowrap
}

.grid .category.nocategory{
cursor:default
}

.grid .share{
float:right;
padding:0;
background:0;
width:155px
}

.grid .share .sns a,.grid .share .sns img{
height:20px
}

.grid .share .sns{
float:right;
margin-right:0;
width:105px
}

.grid .share .sns a{
margin-right:10px
}

.grid.size1x1{
width:320px;
height:310px
}

.grid.size1x1 .thumb_wrapper{
height:200px
}

.grid.size1x1 .title{
height:50px
}

.grid.size2x1{
width:660px;
height:310px
}

.grid.size2x1 .thumb_wrapper{
height:225px
}

.grid.size2x1 .title{
height:25px
}

.grid.size1x2{
width:320px;
height:640px
}

.grid.size1x2 .thumb_wrapper{
height:504px
}

.grid.size1x2 .title{
height:75px
}

.grid.size1x2 .category{
padding-bottom:14px
}

.grid.hover:hover *{
color:#fff;
transition:color .25s ease-out
}

.grid.hover:hover{
background-color:#c00
}

.grid.tw:hover,.grid.fb:hover{
background:#fff
}

#loadsplash{
text-align:center;
margin:5px auto;
width:180px;
display:none
}

#loadsplash * figure{
margin:auto
}

#loadsplash * img[alt~='Content']{
margin-top:12px;
position:absolute
}

#more{
right:0;
margin:20px 0 30px 0
}

#more img{
cursor:pointer;
font-size:21px;
line-height:21px;
height:21px;
display:block;
margin:0 auto;
}

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


#container{
margin:0;
padding:0;
width:100% !important
}

#container{
padding:0 !important;
height:auto !important
}

#container .grid{
margin:0 0 20px 0 !important;
padding-bottom:33px;
height:auto !important;
width:100% !important;
position:relative !important;
-webkit-transform:none !important;
transform:none !important;
top:auto !important;
line-height:0
}

#container .grid.tw,#container .grid.fb,
#container .grid.feed{
min-height:400px
}

#container .grid.tw,#container .grid.fb,
#container .grid.feed,#container .grid.html{
padding-bottom:0
}

#container .grid .thumb_wrapper{
height:auto !important
}

#container .grid .thumb_wrapper img{
margin:0 !important;
padding:0 !important;
display:block !important
}

#container .grid.size1x1 .title,
#container .grid.size2x1 .title,
#container .grid.size1x2 .title{
height:52px;
line-height:26px
}

#container .grid .date{
padding-top:2px
}

#container .grid .category{
padding-bottom:0 !important
}

#container .grid .category_wrapper{
padding-bottom:14px
}

#container .grid.tw iframe,#container .grid.fb iframe{
width:100%
}

#topgrid .noresult{
margin:10% 0 20%;
padding:50px 5%;
background-color:white
}

#topgrid .noresult .warning_1{
height:28px;
display:table;
margin:auto
}

#topgrid .noresult .warning_1 img{
margin-top:3px;
width:22px;
display:table-cell
}

#topgrid .noresult .warning_1 span{
display:table-cell;
vertical-align:middle;
font-size:14px;
font-weight:bold;
color:#c00
}

#topgrid .noresult .warning_2{
height:28px;
line-height:28px;
font-size:14px
}

#topgrid .grid{
padding-bottom:0
}

#topgrid .modetitle{
margin:5px 5%;
font-size:16px;
font-weight:bold
}

}



@media screen and (min-width:700px),print{

#topgrid .noresult{
margin:10% 60px 10%
}

}

#container .feed .grid-header{
height:50px;
width:100%
}

#container .feed .grid-body{
padding:5px;
background-color:#fff;
color:#000;
overflow:auto
}

.grid.size1x1.feed .grid-body,
.grid.size2x1.feed .grid-body{
height:220px
}

.grid.size1x2.feed .grid-body{
height:550px
}

.grud.feed .grid-footer{
width:100%;
position:absolute;
bottom:0;
height:29px;
border-top:1px solid #000
}

#container .grid.feed .grid-body button.feed-readMore{
width:100%;
height:30px;
text-align:center;
vertical-align:middle;
background:0;
color:#000
}

.grid.feed .grid-body .loadsplash{
text-align:center;
display:none
}

.grid.feed .grid-body .contentsRow{
width:100%;
color:#000;
border-top:1px solid #CCC;
padding-bottom:10px;
list-style:none
}

.grid.feed .grid-body .contentsRow .feed-title{
color:#666;
font-size:16px;
font-weight:bold;
line-height:25px;
padding-top:10px
}

.grid.feed .grid-body .contentsRow .feed-date{
color:#333;
font-size:10px;
padding-top:7px
}

.grid.feed .grid-body .contentsRow .feed-description{
color:#000
}

.grid.feed .grid-body .contentsRow .shareArea{
width:100%;
margin-top:10px;
text-align:right
}

.grid.feed .size_24x24{
width:24px;
height:24px
}

/*------------------------------------------------------------
リリース 写真エリアの背景リセット
-------------------------------------------------------------*/

#contents-body .release-detail .section{
	background-color: transparent;
}



/*------------------------------------------------------------
style.cssから転記
-------------------------------------------------------------*/
*, :after, :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.slick-slider.tpl__slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  border: 0
}

.slick-slider.tpl__slider .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-slider.tpl__slider .slick-list:focus {
  outline: none
}

.slick-slider.tpl__slider .slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider.tpl__slider .slick-list,
.slick-slider.tpl__slider .slick-track {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.slick-slider.tpl__slider .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-slider.tpl__slider .slick-track:after,
.slick-slider.tpl__slider .slick-track:before {
  display: table;
  content: ""
}

.slick-slider.tpl__slider .slick-track:after {
  clear: both
}

.slick-slider.tpl__slider .slick-loading .slick-track {
  visibility: hidden
}

.slick-slider.tpl__slider .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

.slick-slider.tpl__slider [dir=rtl] .slick-slide {
  float: right
}

.slick-slider.tpl__slider .slick-slide img {
  display: block
}

.slick-slider.tpl__slider .slick-slide.slick-loading img {
  display: none
}

.slick-slider.tpl__slider .slick-slide.dragging img {
  pointer-events: none
}

.slick-slider.tpl__slider.slick-initialized .slick-slide {
  display: block
}

.slick-slider.tpl__slider.slick-loading .slick-slide {
  visibility: hidden
}

.slick-slider.tpl__slider.slick-vertical .slick-slide {
  display: block;
  height: auto
}

.slick-slider.tpl__slider.slick-arrow.slick-hidden {
  display: none
}

.slick-slider.tpl__slider .slick-next,
.slick-slider.tpl__slider .slick-prev {
  display: block;
  position: absolute;
  width: 100px;
  height: 100%;
  top: 0;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  background-color: transparent;
  color: transparent;
  border: none;
  outline: none;
  z-index: 10
}

.slick-slider.tpl__slider .slick-next:after,
.slick-slider.tpl__slider .slick-next:before,
.slick-slider.tpl__slider .slick-prev:after,
.slick-slider.tpl__slider .slick-prev:before {
  display: block;
  width: 25px;
  height: 3px;
  content: "";
  position: absolute;
  background-color: #fff;
  top: 50%;
  margin-top: -3px;
  border-radius: 5px
}

.slick-slider.tpl__slider .slick-next:before {
  -webkit-transform: rotate(45deg) translateY(1px);
  transform: rotate(45deg) translateY(1px)
}

.slick-slider.tpl__slider .slick-next:after {
  -webkit-transform: rotate(-45deg) translateY(-1px);
  transform: rotate(-45deg) translateY(-1px)
}

.slick-slider.tpl__slider .slick-prev:before {
  -webkit-transform: rotate(45deg) translateY(-1px);
  transform: rotate(45deg) translateY(-1px)
}

.slick-slider.tpl__slider .slick-prev:after {
  -webkit-transform: rotate(-45deg) translateY(1px);
  transform: rotate(-45deg) translateY(1px)
}

.slick-slider.tpl__slider .slick-next span:after,
.slick-slider.tpl__slider .slick-next span:before,
.slick-slider.tpl__slider .slick-prev span:after,
.slick-slider.tpl__slider .slick-prev span:before {
  display: block;
  width: 25px;
  height: 3px;
  content: "";
  position: absolute;
  background-color: #fff;
  top: 50%;
  margin-top: -3px;
  border-radius: 5px
}

.slick-slider.tpl__slider .slick-next span:before {
  -webkit-transform: rotate(45deg) translateY(1px);
  transform: rotate(45deg) translateY(1px)
}

.slick-slider.tpl__slider .slick-next span:after {
  -webkit-transform: rotate(-45deg) translateY(-1px);
  transform: rotate(-45deg) translateY(-1px)
}

.slick-slider.tpl__slider .slick-prev span:before {
  -webkit-transform: rotate(45deg) translateY(-1px);
  transform: rotate(45deg) translateY(-1px)
}

.slick-slider.tpl__slider .slick-prev span:after {
  -webkit-transform: rotate(-45deg) translateY(1px);
  transform: rotate(-45deg) translateY(1px)
}

.slick-slider.tpl__slider .slick-next:focus,
.slick-slider.tpl__slider .slick-next:hover,
.slick-slider.tpl__slider .slick-prev:focus,
.slick-slider.tpl__slider .slick-prev:hover {
  color: transparent;
  outline: none
}

.slick-slider.tpl__slider .slick-next:focus:before,
.slick-slider.tpl__slider .slick-next:hover:before,
.slick-slider.tpl__slider .slick-prev:focus:before,
.slick-slider.tpl__slider .slick-prev:hover:before {
  opacity: 1
}

.slick-slider.tpl__slider .slick-next:before,
.slick-slider.tpl__slider .slick-prev:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-slider.tpl__slider .slick-prev {
  left: 0
}

.slick-slider.tpl__slider .slick-prev:after,
.slick-slider.tpl__slider .slick-prev:before {
  left: 50px;
  -webkit-transform-origin: left;
  transform-origin: left
}

.slick-slider.tpl__slider .slick-prev span:after,
.slick-slider.tpl__slider .slick-prev span:before {
  -webkit-transform-origin: left;
  transform-origin: left
}

.slick-slider.tpl__slider .slick-next {
  right: 0
}

.slick-slider.tpl__slider .slick-next:after,
.slick-slider.tpl__slider .slick-next:before {
  right: 50px;
  -webkit-transform-origin: right;
  transform-origin: right
}

.slick-slider.tpl__slider .slick-next span:after,
.slick-slider.tpl__slider .slick-next span:before {
  -webkit-transform-origin: right;
  transform-origin: right
}

.slick-slider.tpl__slider .slick-next:before,
.slick-slider.tpl__slider .slick-prev:before {
  content: ""
}

.slick-slider.tpl__slider .slick-dots {
  list-style: none;
  text-align: center
}

.slick-slider.tpl__slider .slick-dots li {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  padding: 0;
  cursor: pointer;
  background-color: #191919;
  border-radius: 50%;
  -webkit-transition: background .5s linear;
  transition: background .5s linear
}

.slick-slider.tpl__slider .slick-dots li.slick-active {
  background-color: red
}

.slick-slider.tpl__slider .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px;
  height: 10px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent
}

.slick-slider.tpl__slider .slick-dots li button:focus,
.slick-slider.tpl__slider .slick-dots li button:hover {
  outline: none
}

.slick-slider.tpl__slider .slick-dots li button:focus:before,
.slick-slider.tpl__slider .slick-dots li button:hover:before {
  opacity: 1
}

.slick-slider.tpl__slider .slick-dots li button:before {
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  text-align: center;
  opacity: .25;
  color: #1a1a1a
}

.slick-slider.tpl__slider .slick-dots li.slick-active button:before {
  opacity: .75;
  color: #000
}

@media screen and (min-width:768px) {
  .is-others .tpl__slider .slick-next, .is-others .tpl__slider .slick-prev {
    -webkit-transition: -webkit-transform .3s cubic-bezier(0, .45, .45, 1) .1s;
    transition: -webkit-transform .3s cubic-bezier(0, .45, .45, 1) .1s;
    transition: transform .3s cubic-bezier(0, .45, .45, 1) .1s;
    transition: transform .3s cubic-bezier(0, .45, .45, 1) .1s, -webkit-transform .3s cubic-bezier(0, .45, .45, 1) .1s
  }
  .is-others .tpl__slider .slick-prev:hover {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
  }
  .is-others .tpl__slider .slick-next:hover {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
  }
  .is-others .tpl__slider .slick-slide a .front {
    position: relative;
    opacity: .5;
    -webkit-transition: opacity .3s linear .1s;
    transition: opacity .3s linear .1s
  }
  .is-others .tpl__slider .slick-slide a:hover .front {
    opacity: 1;
    -webkit-transition: opacity .2s cubic-bezier(0, .45, .45, 1);
    transition: opacity .2s cubic-bezier(0, .45, .45, 1)
  }
  .is-others .tpl__slider .slick-slide.slick-active .front, .is-others .tpl__slider .slick-slide.slick-current .front {
    opacity: 1;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
  }

  .is-others .tab-switching-block .tab-menu li>a:after,
  .is-others .tab-switching-block .tab-menu li>a:before,
  .is-others .tab-switching-block .tab-menu li>a span {
    -webkit-transition: .25s linear .1s;
    transition: .25s linear .1s
  }
  .is-others .tab-switching-block .tab-menu li>a:hover span {
    color: #fff;
    -webkit-transition: color .2s cubic-bezier(0, .45, .45, 1), font-size .15s ease;
    transition: color .2s cubic-bezier(0, .45, .45, 1), font-size .15s ease
  }
  .is-others .tab-switching-block .tab-menu li>a:hover:before {
    -webkit-transition: background .2s cubic-bezier(0, .45, .45, 1), transform .15s ease;
    transition: background .2s cubic-bezier(0, .45, .45, 1), transform .15s ease
  }
  .is-others .tab-switching-block .tab-menu li>a:hover:after {
    opacity: 0;
    -webkit-transition: .2s cubic-bezier(0, .45, .45, 1);
    transition: .2s cubic-bezier(0, .45, .45, 1)
  }
}

.is-mobile .tpl__slider .slick-next,
.is-mobile .tpl__slider .slick-prev,
.is-tablet .tpl__slider .slick-next,
.is-tablet .tpl__slider .slick-prev {
  -webkit-transition: -webkit-transform .3s cubic-bezier(0, .45, .45, 1) .1s;
  transition: -webkit-transform .3s cubic-bezier(0, .45, .45, 1) .1s;
  transition: transform .3s cubic-bezier(0, .45, .45, 1) .1s;
  transition: transform .3s cubic-bezier(0, .45, .45, 1) .1s, -webkit-transform .3s cubic-bezier(0, .45, .45, 1) .1s
}

.is-mobile .tpl__slider .slick-prev:hover,
.is-tablet .tpl__slider .slick-prev:hover {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px)
}

.is-mobile .tpl__slider .slick-next.is-touched,
.is-tablet .tpl__slider .slick-next.is-touched {
  -webkit-transform: translateX(10px);
  transform: translateX(10px)
}

.is-mobile .tpl__slider .slick-slide a .front,
.is-tablet .tpl__slider .slick-slide a .front {
  position: relative;
  opacity: .5;
  -webkit-transition: opacity .3s linear .1s;
  transition: opacity .3s linear .1s
}

.is-mobile .tpl__slider .slick-slide a.is-touched .front,
.is-tablet .tpl__slider .slick-slide a.is-touched .front {
  opacity: 1;
  -webkit-transition: opacity .2s cubic-bezier(0, .45, .45, 1);
  transition: opacity .2s cubic-bezier(0, .45, .45, 1)
}

.is-mobile .tpl__slider .slick-slide.slick-active .front,
.is-mobile .tpl__slider .slick-slide.slick-current .front,
.is-tablet .tpl__slider .slick-slide.slick-active .front,
.is-tablet .tpl__slider .slick-slide.slick-current .front {
  opacity: 1;
  -webkit-transition: opacity .3s linear;
  transition: opacity .3s linear
}

.is-mobile .tab-switching-block .tab-menu li>a:after,
.is-mobile .tab-switching-block .tab-menu li>a:before,
.is-mobile .tab-switching-block .tab-menu li>a span,
.is-tablet .tab-switching-block .tab-menu li>a:after,
.is-tablet .tab-switching-block .tab-menu li>a:before,
.is-tablet .tab-switching-block .tab-menu li>a span {
  -webkit-transition: .25s linear .1s;
  transition: .25s linear .1s
}

.is-mobile .tab-switching-block .tab-menu li>a.is-touched span,
.is-tablet .tab-switching-block .tab-menu li>a.is-touched span {
  color: #fff;
  -webkit-transition: color .2s cubic-bezier(0, .45, .45, 1), font-size .15s ease;
  transition: color .2s cubic-bezier(0, .45, .45, 1), font-size .15s ease
}

.is-mobile .tab-switching-block .tab-menu li>a.is-touched:before,
.is-tablet .tab-switching-block .tab-menu li>a.is-touched:before {
  -webkit-transition: background .2s cubic-bezier(0, .45, .45, 1), transform .15s ease;
  transition: background .2s cubic-bezier(0, .45, .45, 1), transform .15s ease
}

.is-mobile .tab-switching-block .tab-menu li>a.is-touched:after,
.is-tablet .tab-switching-block .tab-menu li>a.is-touched:after {
  opacity: 0;
  -webkit-transition: .2s cubic-bezier(0, .45, .45, 1);
  transition: .2s cubic-bezier(0, .45, .45, 1)
}

.is-mobile #report-select .menu-list li>a:after,
.is-mobile #report-select .menu-list li>a:before,
.is-mobile #report-select .menu-list li>a span,
.is-tablet #report-select .menu-list li>a:after,
.is-tablet #report-select .menu-list li>a:before,
.is-tablet #report-select .menu-list li>a span {
  -webkit-transition: .25s linear .1s;
  transition: .25s linear .1s
}

.is-mobile #report-select .menu-list li>a.is-touched span,
.is-tablet #report-select .menu-list li>a.is-touched span {
  color: #fff;
  -webkit-transition: color .2s cubic-bezier(0, .45, .45, 1), font-size .15s ease;
  transition: color .2s cubic-bezier(0, .45, .45, 1), font-size .15s ease
}

.is-mobile #report-select .menu-list li>a.is-touched:before,
.is-tablet #report-select .menu-list li>a.is-touched:before {
  background: #b50000;
  -webkit-transition: background .2s cubic-bezier(0, .45, .45, 1), transform .15s ease;
  transition: background .2s cubic-bezier(0, .45, .45, 1), transform .15s ease
}

.is-mobile #report-select .menu-list li>a.is-touched:after,
.is-tablet #report-select .menu-list li>a.is-touched:after {
  opacity: 0;
  -webkit-transition: .2s cubic-bezier(0, .45, .45, 1);
  transition: .2s cubic-bezier(0, .45, .45, 1)
}

.is-others .hover-opacity1 {
  -webkit-transition: opacity .3s linear .1s;
  transition: opacity .3s linear .1s
}
.is-others .hover-opacity1:hover {
  -webkit-transition: opacity .2s cubic-bezier(0, .45, .45, 1);
  transition: opacity .2s cubic-bezier(0, .45, .45, 1);
  opacity: .6
}

.visual_view { background-color: #000; border-bottom: 15px solid #f2f2f2; }

/* スライダー */
.slick-slider.tpl__slider { max-width: 1200px; margin: auto; }
.slider_top .slick-slider .slick-slide a p { color: #fff; font-size: 14px; font-weight: bold; padding: 0 5%; margin-top: 15px; }
.slider_top .slick-slider .slick-slide a img { margin: auto;}
.slider_top .slick-slider .slick-dots { height: 40px; }
.slider_top .slick-slider .slick-dots li { width: auto; height: auto; border-radius: 0; background-color: #444; margin: 0 3px; }
.slider_top .slick-slider .slick-dots li.slick-active { background-color: #e60010; }
.slider_top .slick-slider .slick-dots li button { width: 40px; height: 3px; }
.slide-arrow { position: absolute; top: 23%; z-index: 1; background-color: rgba(0,0,0,.7); width: 27px; height: 65px; }
.slide-arrow.prev-arrow { left: 0; }
.slide-arrow.prev-arrow:before { content: ""; display: block; width: 12px; height: 12px; border-top: 1px solid #fff; border-left: 1px solid #fff; position: absolute; top: 50%; left: 50%; transform: rotate(-45deg) translate3d(10%,-60%,0); }
.slide-arrow.next-arrow { right: 0; }
.slide-arrow.next-arrow:before { content: ""; display: block; width: 12px; height: 12px; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; top: 50%; right: 50%; transform: rotate(45deg) translate3d(-10%,-60%,0); }

/* トップスライダー */
.slider_top .slick-slider.tpl__slider { background-color: #090b0e; }
.slider_top p { position: relative; overflow: hidden; max-height: 46px; }

/* ラウンドナビゲーション */
.scroll_wrap .scroll_inr { overflow-x: hidden; }
#inter-round-navi.scroll_wrap .scroll_inr { overflow-x: visible; }
#main-contents .tab-menus { padding-left: 5%; vertical-align: middle; white-space: nowrap; }
#main-contents .tab-menus li { padding-right: 5%; display: inline-block; }
#main-contents .tab-menus li > a { color: #000; font-size: 16px; font-family: 'DecimaMonoPro', sans-serif; font-style: italic; font-weight: normal;
    padding: 10px 0; border-bottom: 4px solid #fff; display: block; }
#main-contents .tab-menus .is-current a { color: #e60010; border-bottom: 4px solid #e60010; }

/* ラウンドコンテンツ */
#main-contents #tab-switching { text-align: center; background-color: #fff; border-bottom: 15px solid #f2f2f2; }
#main-contents .tab-switching-contents { border-top: 1px solid #e5e5e5;  }
#main-contents .tab-switching-contents .tab-switching-content { padding: 30px 5% 40px; }
#main-contents .tab-switching-contents .content_info { text-align: center; }
#main-contents .tab-switching-contents .content_icon { margin-bottom: 10px; }
#main-contents .tab-switching-contents .content_ttl { font-size: 22px; font-size: 5.8666vw; font-weight: bold; margin-bottom: 8px; }
#main-contents .tab-switching-contents .content_ttl span { font-size: 0.75em; font-weight: normal; }
#main-contents .tab-switching-contents .grid-panel-menu.is-between { display: none; }
#main-contents .tab-switching-inner-menu { margin-top: 15px; }
#main-contents .tab-switching-inner-menu > li a { font-size: 14px; background-color: #000; box-shadow: none; height: auto; text-align: left; display: block; padding: 11px 1em; }
#main-contents .tab-switching-inner-menu > li a:after,
#main-contents .tab-switching-inner-menu > li a:before { background-color: #e60010; }
#main-contents .tab-switching-opener { font-family: 'DecimaMonoPro', sans-serif; font-size: 15px; font-style: italic; text-align: center; background-color: #eee; padding: 10px 0; margin-top: 5px; position: relative; }
#main-contents .tab-switching-opener:before,
#main-contents .tab-switching-opener:after { content: ""; position: absolute; transform: translateY(-50%); background-color: #e60010; }
#main-contents .tab-switching-opener:before { width: 14px; height: 2px; top: 50%; right: 15px; }
#main-contents .tab-switching-opener:after { width: 2px; height: 14px; top: 50%; right: 21px; }

/* レース結果／放送予定 */
.mscat_race { padding-bottom: 30px; }
.mscat_race h3 { font-size: 18px; font-size: 4.8vw; font-weight: bold; text-align: left; padding: 10px 0; position: relative; border-top: 3px solid #ccc; border-bottom: 1px solid #e5e5e5; }
.mscat_race h3:before { content: ""; position: absolute; top: -3px; left: 0; width: 20%; height: 3px; background-color: #e60012; }
.mscat_race .race_info + .race_info { margin-top: 30px; }
.mscat_race .race_info dl { text-align: left; }
.mscat_race .race_info dt { font-size: 14px; font-size: 3.7333vw; font-weight: bold; margin-top: 30px; line-height: 1.785; }
.mscat_race .race_info p { font-size: 12px; font-size: 3.2vw; line-height: 1.785; }
.mscat_race .race_info .bold { font-weight: bold; }
.mscat_race .go_list { padding: 0; margin-top: 20px; }
.mscat_race .go_list a { background-color: #eee; }

/* NEWS */
.mscat_news { padding-bottom: 0; }
.mscat_news .news-menu .card_info:nth-of-type(n + 4) { display: none; }

/* GRシリーズ */
.mscat_gr { position: relative; padding-top: 60px; padding-bottom: 60px; border-bottom: 15px solid #f2f2f2; }
/*.mscat_gr .bg_image { background-image: url(/pages/contents/jp/wrc/images/sp/gr_bg.jpg); }*/
.mscat_gr h2 { margin-bottom: 20px; }
.mscat_gr h2 img { width: 313px; width: 83.47vw; }
.mscat_gr .txt img { width: 295px; width: 78.67vw; }

/* GOODS */
.mscat-goods { border-bottom: 15px solid #f2f2f2; }
.mscat-goods .item_list { letter-spacing: -.4em; white-space: nowrap; overflow-x: auto; margin-bottom: 25px; }
.mscat-goods .item_list li { width: 160px; letter-spacing: normal; display: inline-block; vertical-align: top; }
.mscat-goods .item_list li + li { margin-left: 5px; }
.mscat-goods .item_list figure > img { border: 1px solid #ddd; }
.mscat-goods .item_list figcaption { color: #000; font-size: 14px; font-weight: bold; margin-top: 10px; }
.mscat-goods .go_list { padding: 0; }
.mscat-goods .go_list a { background-color: #eee; }

/* SPECIAL */
.mscat-special { border-bottom: 15px solid #f2f2f2; }
.mscat-special .slider_special { margin-bottom: 25px; }
.mscat-special .slider_special .image { margin-bottom: 20px; }
.mscat-special .slider_special .image img { width: 100%; }
.mscat-special .slider_special .text { border-left: 2px solid #e60012; padding-left: 1em; }
.mscat-special .slider_special .ttl { color: #000; font-size: 16px; font-size: 4.2666vw; font-weight: bold; margin-bottom: 5px; opacity: 1; }
.mscat-special .slider_special time { font-family: 'DecimaMonoPro', sans-serif; color: #7f7f7f; }
.mscat-special .go_list { padding: 0; }
.mscat-special .go_list a {background-color: #eee; }

.mscat-partner .sponser-menu li { background-color: #fff; }
.mscat-partner .sponser-menu a:after,
.mscat-partner .sponser-menu a:before { content: none; }

@media screen and (min-width: 769px) {
  .visual_view { border-bottom: none; margin-bottom: 60px; }
  .slider_top .slick-slider .slick-slide a p { font-size: 18px; text-align: center; padding: 0 15px; }
  .slide-arrow { top: 35%; cursor: pointer; width: 36px; height: 86px; }
  .slide-arrow.prev-arrow:before { width: 16px; height: 16px; }
  .slide-arrow.next-arrow:before { width: 16px; height: 16px; }
  .slider_top p { max-height: 60px; }

  #main-contents #tab-switching { border-bottom-width: 1px; }
  #main-contents .tab-menus { padding-left: 0; }
  #main-contents .tab-menus li { padding: 0 1%; }
  #main-contents .tab-menus li > a { font-size: 16px; }
  #main-contents .tab-menus li > a:hover { color: #e60010; border-bottom: 4px solid #e60010; }
  #main-contents .tab-switching-contents .tab-switching-content { padding: 50px 0; }
  #main-contents .tab-switching-contents .content_ttl { font-size: 28px; }
  #main-contents .tab-switching-contents .content_ttl span { font-size: 0.75em; font-weight: normal; }
  #main-contents .tab-switching-inner-menu { max-width: auto; max-width: initial; text-align: center; margin-top: 22px; }
  #main-contents .tab-switching-inner-menu > li a { font-size: 16px; text-align: center; width: 190px; height: 56px; padding-top: 15px; padding-bottom: 15px; display: flex; flex-direction: column; }
  #main-contents .tab-switching-inner-menu > li a:after,
  #main-contents .tab-switching-inner-menu > li a:before { background-color: #e60010; right: 10px; }

  .mscat_race { padding-bottom: 80px; }
  .mscat_race h3 { font-size: 18px; }
  .mscat_race h3:before { width: 20%; }
  .mscat_race .race_info { margin-top: 0; /*padding: 0 20px;*/ }
  .mscat_race .race_info + .race_info { margin-top: 0; }
  .mscat_race .race_info dl { padding: 0 15px; }
  .mscat_race .race_info dt { font-size: 16px; }
  .mscat_race .race_info p { font-size: 12px; }
  .mscat_race .go_list { padding: 0; margin-top: 50px; }

  .mscat_news { padding-bottom: 60px; }

  .mscat_gr { padding-top: 105px; padding-bottom: 105px; border-bottom: none; }
/*  .mscat_gr .bg_image { background-image: url(/pages/contents/jp/wrc/images/gr_bg.jpg); }*/
  .mscat_gr h2 { margin-bottom: 35px; }
  .mscat_gr h2 img { width: 455px; }
  .mscat_gr .txt img { width: 609px; }

  .mscat-goods { border-bottom-width: 1px; }
  .mscat-goods .item_list { margin-bottom: 45px; }
  .mscat-goods .item_list li { width: auto; }
  .mscat-goods .item_list li + li { margin-left: 16px; }
  .mscat-goods .item_list li a { display: block; }
  .mscat-goods .item_list li a:hover { opacity: .7; }

  .mscat-special { border-bottom-width: 1px; }
  .mscat-special .slider_special { margin-bottom: 45px; }
  .mscat-special .slider_special li { margin: 0 15px; }
  .mscat-special .slider_special li a { display: block; }
  .mscat-special .slider_special li a:hover { opacity: .7; }
  .mscat-special .slider_special .ttl { font-size: 16px; min-height: 55px; }
}
@media screen and (max-width: 768px) {
  #main-contents .tab-switching-inner-menu > li:nth-of-type(n + 3) { display: none; }
  #main-contents .tab-switching-inner-menu.opened > li:nth-of-type(n + 3) { display: inline-block; }
  #main-contents .tab-switching-opener.opened { display: none; }
}