body{margin:0px;font-size:14px;line-height:22px;background:#f4f4f4;font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;}
.clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }
@media print {body {/zoom: 0.75;} }

/*汎用*/
a{color:black;text-decoration:none;transition: 0.2s}
a:hover{color:#e60012;opacity: 0.5 ;}
img{border:0px;}
table {border-collapse: collapse;}
th{background:#002763;border-right:1px solid #91a1b9;color:white;font-weight:normal;padding:10px;}
tr,td{border:1px solid #ddd;padding:10px 30px;}
ul{list-style-type:none;}
ol{list-style-type:none;}

/*レイアウト*/
#content{width:100%;display:block;margin:0 auto;background:black;}
#side_navi{width:230px;display:block;background:black;float:left;}
#main{width:100%;display:block;float:right;background:white;}


/*サイドナビ*/
.ac_menu a {display:block;padding: 7px 0 7px 28px;text-decoration: none;color:white;line-height:1;border-bottom:1px solid #aaa;}
.ac_menu label {display: block;position: relative;margin:0;padding:8px 0 8px 28px;line-height: 1;color:white;border-bottom:1px solid #aaa;cursor: pointer;}
.ac_menu label::before {position: absolute;content:url(top_img/side_open.png);right: 0.5em;top:-5px;}
.ac_menu label:hover{opacity: 0.5 ;}
.ac_menu input {display: none;}
.ac_menu ul {margin: 0;padding: 0;list-style: none;}
.ac_menu li {overflow-y: hidden;max-height: 0;transition: all 0.5s;}
#ac_menu_bar01:checked ~ #link01 li,
#ac_menu_bar02:checked ~ #link02 li,
#ac_menu_bar03:checked ~ #link03 li,
#ac_menu_bar04:checked ~ #link04 li,
#ac_menu_bar05:checked ~ #link05 li {max-height: 42px;opacity:.8;background:#333;}

/*メニュー*/
#ham-menu {background:rgba(0,0,0,.9);box-sizing: border-box;height: 100%;padding: 10px 10px 10px 0;position: fixed;left: -270px;top: 10;transition: transform 0.3s linear 0s;width: 270px;z-index: 1000;}
#menu-icon{background:rgba(0,0,0,.9);color:white;cursor: pointer;display: block;font-size: 40px;height: 45px;line-height: 50px;position:absolute;top:0px;left: 0;text-align: center;top: 0;width: 50px;transition: all 0.3s linear 0s;z-index: 1000;margin-top:10px;border-radius:0 10px 10px 0;}
#menu-cb {display: none;}
#menu-cb:checked ~ #ham-menu,#menu-cb:checked ~ #menu-icon {transform: translate(270px);}
#menu-cb:checked ~ #menu-background {opacity: 0.5;z-index: 999;}

/*ヘッダー*/
.header{height:70px;display:block;}
.header_logo{height:50px;width:auto;}
.header_logo img{height:100%;width:auto;display:block;margin:10px auto;}
.header_icon{float:right;display:block;}
.header_icon img{height:70px;width:auto;margin-top:-60px;}

/*トップページスライダー*/
#slider_box{clear:both:display:block;width:100%;height:auto;margin:0px;}
#slider_box img{width:100%;height:auto;}
ul.top_slier{margin:0px;padding:0px;}

/*トップページメインコンテンツ*/
#main_content{width:100%;background:#efefef;}

#main_content h2,
#count h2{font-size:18px;line-height:30px;background:#595757;color:white;font-style:italic;padding:0 15px;margin:40px 0px 0;}
#main_content h2 span{font-size:10px;font-weight:normal;display:block;float:right;letter-spacing:0;}

/*トップページトピックス*/
#topics{width:100%;margin:40px 0;}
#topics a{width:46%;min-height:240px;margin:0 2% 20px;float:left;display:block;position:relative;background:white;padding-bottom:25px;}
#topics a span{margin:5px 10px;display:block;font-size:12px;line-height:16px;}
#topics a p{margin:5px 10px;font-size:14px;display:block;line-height:16px;}
#topics a img{width:100%;height:auto;}
.topi_date{text-align:center;color:white;width:100%;height:20px;font-size:10px;line-height:20px;background:rgba(0,0,0,.5);position:absolute;top:0;}
.topi_new:before{content:"new";background:#e60012;color:white;position:absolute;left:0;padding:0 5px;}
a.topi_race:after,a.topi_spec:after,a.topi_vote:after,a.topi_othe:after{width:100%;height:20px;line-height:20px;font-size:12px;color:white;text-align:center;font-style:italic;display:block;position:absolute;bottom:0;}
a.topi_race:after{content:"RACE HIGHLIGHT";background:#e60012;}
a.topi_spec:after{content:"SPECIAL INTERVIEW";background:#f08300;}
a.topi_vote:after{content:"FAN VOTE";background:#00a0e9;}
a.topi_othe:after{content:"　";background:#777777;}

/*トップページPV*/
#movie iframe{clear:both;width:96%;margin:0 2%;height:60vw;border:none;background:#aaa url(top_img/movie_icon.png) center center no-repeat;}

/*トップページトスペシャルコンテンツ*/
#special{width:100%;margin:40px 0px 40px 0px;line-height:1.2em;}
#special ul{margin:0px;padding:0px;}
#special li{width:46%;min-height:270px;margin:0 2% 20px;float:left;background:white;position:relative;}
#special li img{width:100%;height:auto;}
#special h3{text-align:center;font-size:14px;font-style:italic;}
#special h3 span{display:block;font-size:10px;font-weight:normal;}
#special p{margin:7px;font-size:12px;}
#special a{text-align:center;margin:10px 5%;width:87%;display:block;font-size:10px;line-height:1.1em;position:absolute;bottom:0px;padding:1%;}
/* #special a:after{content:"＞";position:absolute;right:10px;} */
#special li:nth-child(1) h3{color:#e60012;}
#special li:nth-child(2) h3{color:#f08300;}
#special li:nth-child(3) h3{color:#00a0e9;}
#special li:nth-child(1) a{color:#e60012;border:1px solid #e60012}
#special li:nth-child(2) a{color:#f08300;border:1px solid #f08300}
#special li:nth-child(3) a{color:#00a0e9;border:1px solid #00a0e9}


/*フッター*/
#footer{width:100%;margin:0px 0px 2px 0px;display:block;}
#footer a img{width:29%;height:auto;float:left;margin:10px 2% ;}

#copy{background:#595757;color:white;text-align:center;padding:24px 0 10px;font-size:10px;line-height:1.3em;}
#copy a{text-align:right;font-size:10px;margin:10px 10px 0 0;color:white;text-decoration:underline;display:block;}


/*サブページコンテンツ*/
.sub_main{margin:40px 0 20px;background:#f4f4f4;display:block;min-height:500px;}
.sub_main h1{width:100%;margin:-40px 0 -25px;}
.sub_main h1 img{width:100%;height:auto;}
.honbun{width:88%;margin:40px 3%;line-height:2em;background:white;padding:3%;}
.honbun img{max-width:100%;}
.honbun h3{font-size:16px;border-bottom:1px solid black;font-style:italic;}
.honbun h4{font-size:14px;background:#ccc;padding:5px 10px 0px;font-style:italic;font-weight:normal;border-bottom:2px solid black;}
.honbun h5{font-size:14px;border-left:5px solid black;font-style:italic;padding-left:5px;}
.honbun ul{list-style-type:disc;}
/*180911追加*/
.honbun ol{padding-left:15px;}
.honbun ol li{margin:20px 0 40px;list-style-type:decimal;}
.honbun table{font-size:70%;line-height:1.25em;width:100%}
.honbun th{background:#1f2677;border-right:1px solid #91a1b9;color:white;font-weight:normal;padding:10px 5px ;}
.honbun th span{font-size:80%;display:block;line-height:1.2em;}
.honbun tr,td{border:1px solid #ddd;padding:7px 1px;}
.honbun td img{display:block;margin:0 auto;}
.honbun table.noborder tr,.honbun table.noborder td{border:none;}
.honbun ul{list-style-type:disc;padding-left:20px;}
p.hosoku{font-size:12px;margin-left:10px;line-height:1.4em;}

.long_btn a{text-align:center;margin:20px 0px 20px;display:block;position:relative;font-size:14px;line-height:1.6em;border:1px solid;color:#c2024c;padding:5px 35px 5px 5px;}
.long_btn a:after{content:"＞";position:absolute;right:5px;bottom:30%}
.Tred{color:red;}


/*JBCについて専用*/
p.igi{text-align:center;line-height:2.4em;margin-bottom:100px;}
h3.h3igi{background:#1f2677;color:white;font-style:italic;font-weight:normal;padding:7px 10px 2px;}

/*ポスター・PV ギャラリー専用*/
a.poster img{width:300px;height:auto;display:block;margin:20px auto;}

/*インターネット投票専用*/
.net a{display:inline-block;width:49%;text-align:center;margin:20px 0;line-height:1.3em;}
.net a img{height:auto;margin-bottom:10px;}

/*レース結果・映像専用*/
.seiseki{margin-top:-80px;}
.seiseki p{display:inline-block;width:48%;margin-bottom:0px;vertical-align:top;}
.seiseki p img{width:100%;height:auto;}
.seiseki a{display:inline-block;background:#c2024c;padding:5px 10px;border-radius:5px;color:white;margin:0 5px;}
.seiseki ul{margin-top:80px;}
.seiseki ul li{margin-bottom:10px;}

/*Road to JBC専用*/
ul.roj{padding:0px;}
ul.roj li{display:inline-block;width:45%;margin:0 2% 20px;vertical-align:top;list-style-type:none;line-height:1.2em;}
ul.roj img{width:100%;height:auto;}

/*レースハイライト専用*/
.highlight h2{clear:both;text-align:center;font-size:15px !important;;font-weight:normal;line-height:60px !important;height:60px;margin-bottom:-40px !important;}
.highlight h2 span{float:none !important;display:inline !important;padding:0 10px 0px 0;}
.highlight h3{clear:both;background:black;color:white;height:29px;line-height:30px;font-weight:normal;font-style:normal;font-size:14px;}
.highlight h3 p{display:inline;text-align:center;background:#595757;font-size:10px;float:left;margin:0px 5px 0 0;padding:0 3px}
.highlight h3 span{float:right;margin-right:5px;font-size:10px;}
ul.high_img,ul.high_link{padding:0px;}
ul.high_img li{float:left;width:48%;list-style-type:none;margin-right:4%;position:relative;}
ul.high_img li:nth-child(even){margin-right:0px;}
ul.high_img li a img{width:100%;height:auto;}
ul.high_img li span{width:100%;height:20px;font-size:12px;line-height:20px;text-align:center;color:white;background:rgba(0,0,0,.7);position:absolute;bottom:10px;display:block;}
ul.high_img li span:after{content:url(top_img/side_open.png);position:absolute;right:0px;bottom:-12px;}
ul.high_img li a.tw:before{content:url(highlight/img/twitter.png);position:absolute;left:3px;top:3px;}
ul.high_img li a.fb:before{content:url(highlight/img/facebook.png);position:absolute;left:3px;top:3px;}

ul.high_link{margin:0px;padding:0px;width:100%;height:auto;}
ul.high_link li{float:left;width:98%;list-style-type:none;position:relative;border:1px solid black;text-align:center;height:12vw;line-height:12vw;margin-bottom:5%}
ul.high_link li:nth-child(2){margin-bottom:0px;}
ul.high_link li a{color:black;display:block;background:url(highlight/img/side_open_b.png) center right no-repeat;}


/*スペシャルインタビュー専用*/
ul.inter_box{margin:0px 0 0 4%;padding:0px;
  display : -webkit-box;     /* old Android */
display: block;
  display : -webkit-flex;    /* Safari etc. */
  display : -ms-flexbox;     /* IE10        */
  display : flex;
  -webkit-flex-wrap: wrap;          /* Safari etc. */
  -ms-flex-wrap    : wrap;          /* IE10        */
  flex-wrap        : wrap;
-webkit-box-flex:0;
}
ul.inter_box li{width:47%;height:auto;margin:30px 3% 0 0px;background:white;}
ul.inter_box li img{width:100%;height:auto;display:block;}
ul.inter_box li h4{color:#f08300;border-bottom:1px solid #f08300;font-style:italic;margin:20px 10px;font-size:10px;}
ul.inter_box li h4 span{float:right;font-size:30px;line-height:10px;}
ul.inter_box li h3{font-size:16px;line-height:23px;font-weight:normal;margin:0 10px 10px;font-feature-settings:"palt";}
ul.inter_box li h3 span{font-size:60%;}
ul.inter_box li p{margin:10px;font-size:12px;}


/*JBC 発売施設一覧専用*/
table.hatsubai_tb01{width:100%;text-align:center;float:left;margin:40px 2% 0 0;}
table.hatsubai_tb02{width:8%;text-align:center;float:left;margin:40px 2% 0 0;}
table.hatsubai_tb03{width:50%;text-align:center;float:left;margin:40px 2% 0 0;}
table.hatsubai_tb04{width:8%;text-align:center;float:left;margin:40px 0% 0 0;}

table.hatsubai_tb01 th{height:80px;padding:0;background:#333333;}
table.hatsubai_tb02 th{height:80px;padding:0;background:#c2024c;}
table.hatsubai_tb03 th{height:39px;padding:0;background:#ca8d13;}
table.hatsubai_tb04 th{height:80px;padding:0;background:#e60019;}