@charset "utf-8";

/*================================================================================

	=00.base-style
---------------------------------------------------------------------------------*/

html {overflow-y:scroll;}
body{margin: 0; padding: 0;}

/*#TicketHome *{
	margin:0;
	padding:0;
	list-style:none;
}*/
#TicketHome,
#Mobility-station{
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


#TicketHome div,#TicketHome dl,#TicketHome dt,#TicketHome dd,#TicketHome ul,#TicketHome ol,#TicketHome li,
#TicketHome h1,#TicketHome h2,#TicketHome h3,#TicketHome h4,#TicketHome h5,#TicketHome h6,
#TicketHome pre,#TicketHome code,#TicketHome form,#TicketHome fieldset,#TicketHome legend,
#TicketHome p,#TicketHome blockquote,#TicketHome table,#TicketHome th,#TicketHome td,#Mobility-station div,#Mobility-station dl,#Mobility-station dt,#Mobility-station dd,#Mobility-station ul,#Mobility-station ol,#Mobility-station li,
#Mobility-station h1,#Mobility-station h2,#Mobility-station h3,#Mobility-station h4,#Mobility-station h5,#Mobility-station h6,
#Mobility-station pre,#Mobility-station code,#Mobility-station form,#Mobility-station fieldset,#Mobility-station legend,
#Mobility-station p,#Mobility-station blockquote,#Mobility-station table,#Mobility-station th,#Mobility-station td{
	margin: 0; padding: 0;
}


#TicketHome ul,
#TicketHome ol,
#TicketHome li,
#TicketHome img,
#Mobility-station ul,
#Mobility-station ol,
#Mobility-station li,
#Mobility-station img{
	margin:0;
	padding:0;
	list-style:none;
	vertical-align:bottom;
	/*line-height:0;*/
}

#TicketHome a,
#Mobility-station a{
	text-decoration:none;
	overflow:hidden;
	outline:0;
	zoom: 1;

}

#TicketHome img,
#Mobility-station img{
	border:0;
}

#TicketHome li img,
#Mobility-station li img{
	vertical-align:bottom;
	font-size:0;
}

#TicketHome a,
#Mobility-station a{
	overflow:hidden;
	outline:0;
}


#TicketHome table,
#Mobility-station table{
	border-collapse: collapse;
	border-spacing: 0;
}

#TicketHome{
	width:980px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	zoom:1;
}

.sp{ display:none !important;}


/*================================================================================

	=00.Home-style
---------------------------------------------------------------------------------*/


/*	h1
---------------------------------------------------------------------------------*/

#TicketHome h1{ width:980px; margin-bottom:30px;}
#TicketHome h1 a{
	display:block;
	width:980px;
    /*height:85px;*/
	margin-bottom:30px;
    padding: 20px;
	background: url(../../images/common-head.gif) no-repeat 0 0;
    text-decoration: none;
}

#TicketHome h1 a span{
    /*position:absolute;*/
    /*width:0;
    height:0;
    overflow:hidden;*/
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    padding: 26px 20px;
}

#TicketHome p.s-ttle{ margin-bottom:20px;}

#TicketHome .ticket_btn {
    margin: 50px 0;
}
#TicketHome .btn-buy a,
#TicketHome .btn-flow a {
    width: 370px;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin: 0 auto;
    padding: 30px 20px;
    line-height: 120%;
}
#TicketHome .btn-buy a{
    background: #e53a40;
}
#TicketHome .btn-flow a{
    background: #005393;
}
#TicketHome .btn-flow{
    margin-top: 40px;
}
#TicketHome .btn-buy a:hover,
#TicketHome .btn-flow a:hover {
    opacity: 0.6;
    transition: all 0.6s;
}

/*	カレンダー
---------------------------------------------------------------------------------*/
#Calendar{ width:980px; text-align:left;}
#Calendar .waku-red{
	border:1px solid #F00;
	font-size:16px;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	font-weight: bold;
	color: #F00;
	margin:0 0 30px 0;
}


#Calendar .Info{width:980px; padding-bottom:10px; margin-bottom:30px; overflow:hidden;}

#Calendar .blocklink{cursor: pointer;}
#Calendar .bn{ text-align: center; margin: 20px 0 0 0; clear: both;}

#Calendar h2{
	clear:both;
	margin-bottom:10px;
	font-size:18px;
	text-align:left;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	border-top:3px solid #009E96;
	background: url(../images/ttl_n_sale.gif) no-repeat left bottom;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}



/*	鈴鹿2＆4	*/
#Calendar h2.s-24{position:relative;height:60px;line-height:50px;}
#Calendar h2.s-24 img{
	position:absolute;
	top:8px; left:10px;
}

/*	D1	*/
#Calendar h2.s-d1{position:relative;height:60px;line-height:50px;}

#Calendar h2.s-d1 img{
	position:absolute;
	top:12px; left:10px;
}

/*	SSOE*/
#Calendar h2.ssoe{position:relative;height:60px;line-height:50px;}
#Calendar h2.ssoe img{
	position:absolute;
	top:12px; left:10px;
}

/*	8耐	*/
#Calendar h2.s-8tai{position:relative;height:60px;line-height:50px;}
#Calendar h2.s-8tai img{
	position:absolute;
	top:12px; left:10px;
}


/*	GT	*/
#Calendar h2.gt{position:relative;height:60px;line-height:50px;}
#Calendar h2.gt img{
	position:absolute;
	top:12px; left:10px;
}

/*	WTCC	*/
#Calendar h2.wtcc{position:relative;height:60px;line-height:50px;}
#Calendar h2.wtcc img{
	position:absolute;
	top:12px; left:10px;
}

/*	F1	*/
#Calendar h2.f1{position:relative;height:60px;line-height:50px;}
#Calendar h2.f1 img{
	position:absolute;
	top:8px; left:10px;
}

/*	MFJ	*/
#Calendar h2.mfj{position:relative;height:60px;line-height:50px;}
#Calendar h2.mfj img{
	position:absolute;
	top:12px; left:10px;
}

/*	スーパーフォーミュラ	*/
#Calendar h2.sf{position:relative;height:60px;line-height:50px;}
#Calendar h2.sf img{
	position:absolute;
	top:8px; left:10px;
}




#Calendar a{ text-decoration:underline;}
#Calendar a:link,
#Calendar a:visited{ color:#2691e3;}
#Calendar a:hover{ text-decoration:none;}




#Calendar .thumb{ width:200px; float:left; text-align:center;}
#Calendar .thumb img{ width:180px;}
#Calendar dl{ width:760px; float:right; text-align:left;}
#Calendar dt{
	padding:6px 0 6px 80px; margin-bottom:7px;
	font-size:18px; font-weight:bold;
	background: url(../images/icon_day.gif) no-repeat left center;
	border:2px solid #AD0000;
	border-top:2px solid #CC0000;
	color:#CC0000;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

#Calendar dt.R24{
	padding:3px 0px 3px 5px; background:#212121; color:#FFF; font-size:14px;
	border:0;
}


#Calendar dd{
	font-size:16px;
	line-height: 20px;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
	color: #333;
}

#Calendar dd.f1-small{
	font-size:14px;
	line-height: 18px;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
	color: #333;
}

#Calendar dl p{ margin-top:10px;}
#Calendar dl .btn-link{ margin-top:10px;}


#Calendar .hover{ cursor: pointer;}

#Calendar p.banner{ text-align:center;}

#Calendar table{ float:left; border-top: 1px solid #333333;border-left: 1px solid #333333;width: 100%;}
#Calendar table th{ font-size: 13px; padding:20px 15px; line-height: 20px; border-right: 1px solid #333333; border-bottom: 1px solid #333333; vertical-align:middle;}
#Calendar table td{ font-size: 13px; padding:20px 15px; line-height: 20px; border-right: 1px solid #333333; border-bottom: 1px solid #333333; vertical-align:middle;}
#Calendar table th{ background-color: #5E5E5E; text-align:center; color: #ffffff; font-size: 18px;}
#Calendar table td.title{ font-size:15px; /*background:url(../images/haikei.png) repeat;*/}
#Calendar table td.font-red{ color:#FF0004;}
#Calendar table td.end-race{ background-color: #C8C8C8;}

#Calendar .ticket-event .sticky_table {
	margin-bottom: 20px;
}


/*	販売中
------------------------------------------------------*/
#Calendar .sales-ing {border-top:3px solid #FF0000;}
#Calendar .sales-ing h2{ border:0;}
#Calendar .sales-ing h2 a:link,
#Calendar .sales-ing h2 a:visited{ color:#FF0000 !important; text-decoration:underline;}
#Calendar .sales-ing h2 a:hover{ color:#CC0000; text-decoration:none;}




/*	イベント終了
------------------------------------------------------*/
#Calendar .end-event{border-top:3px solid #666;}
#Calendar .end-event h2{border:0;}
#Calendar .end-event dt{background: url(../images/icon_day_end.gif) no-repeat left center; color:#777;border:2px solid #9E9E9E;}
#Calendar .end-event dt.R24{
	padding:3px 0px 3px 5px;
	background-image:none;
	background:#666;
	color:#FFF;
	font-size:14px;
	border:0;
}
#Calendar .end-event dd{
	color:#9E9E9E;
}


/*	2017年SFチケット払い戻し
------------------------------------------------------*/
#Today-Ticket{
	width:980px;
	margin:0 auto;
	text-align: left;
	font-size: 14px;
}

#TicketHome h3 {
	display: block;
	font-size:18px;
	color:#fff;
	font-weight: bold;
	background-color:#ed1b24;
	background-repeat: no-repeat;
	background-position:0px center;
	padding: 12px 12px 12px 18px;
	margin: 0px 0px 20px 0px;
}

#TicketHome h3.green {
	background-color:#1c6e00!important;
}

#TicketHome h3.bule {
background-color:rgba(0,43,248,1.00)!important;
}

#Today-Ticket h4 {
    border-bottom: 3px solid #d5d5dd;
    color: #d70c18;
    font-size: 18px;
    font-weight: bold;
    margin: 40px 0 10px;
    padding: 0 0 6px;
}

#Today-Ticket h5 {
    font-size: 16px;
    font-weight: bold;
    line-height: 150%;
    margin: 15px 0;
    padding: 0 2px;
}

#Today-Ticket p {
    line-height: 1.6;
}
#Today-Ticket table {
    border-left: 1px solid #333333;
    border-top: 1px solid #333333;
    float: left;
    text-align: left;
    width: 100%;
}
#Today-Ticket table th,
#Today-Ticket table td {
    border-bottom: 1px solid #333333;
    border-right: 1px solid #333333;
    line-height: 20px;
    padding: 5px;
    vertical-align: middle;
}
#Today-Ticket table th {
    background-color: #ebebeb;
    font-weight: bold;
	line-height: 1.6;
}


#Today-Ticket .backPdfBnt {
	display: block;
	background-color: #ed1b24;
	color:#fff;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	width: 80%;
	margin: 0px auto 40px auto;
}

#Today-Ticket .partyLinkBtn {
	display: block;
	background-color:rgba(0,43,248,1.00);
	color:#fff;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	width: 80%;
	margin: 0px auto 40px auto;
}

#Today-Ticket .partyLinkBtn2 {
	display: block;
	background-color:#1c6e00;
	color:#fff;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	width: 80%;
	margin: 0px auto 100px auto;
}

/* モビステリニューアル告知 */
.min{
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;;
}
#Mobility-station {
    width: 1220px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	zoom:1;
    text-align: center;
    /*color: #090707;*/
    color: #333333;
}
#Mobility-station .main .main-logo{
    padding: 100px 0 30px;
}
#Mobility-station .main .ticket-txt{
    font-size: 16px;
    text-align: center;
    margin-bottom: 50px;
    line-height: 1.6;
}
#Mobility-station .main .main-txt-box{
    position: relative;
    color: #090707;
}
#Mobility-station .main .main-txt-box .main-txt{
    width: 100%;
    position: absolute;
    top: 68%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#Mobility-station .main .main-txt-box .main-txt .date{
    font-size: 80px;
    font-weight: bold;
}
#Mobility-station .main .main-txt-box .main-txt .date span{
    font-size: 50px;
}
#Mobility-station .main .main-txt-box .main-txt .ms-txt-sub{
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
}
#Mobility-station .main .main-txt-box .main-txt .ms-txt{
    font-size: 50px;
    font-weight: bold!important;
}
#Mobility-station .main .main-txt-box .main-txt .ms-txt .border-b{
    background:linear-gradient(transparent 75%, #ffffff 75%);
}
#Mobility-station .point{
    padding: 100px 0;
    border-bottom: 10px solid #E53A40;
}
#Mobility-station .point .ttl{
    margin-bottom: 60px;
    font-size: 60px;
    font-weight: bold;
    line-height: 1.2;
    font-feature-settings: "palt";
}
#Mobility-station .point .txt{
    font-size: 18px;
    font-weight: bold;
    margin-top: 60px;
    line-height: 1.8;
}
#Mobility-station .point .note{
    font-size: 18px;
    margin-top: 30px;
}
#Mobility-station .guide{
    padding: 100px 0;
}
#Mobility-station .guide .guide-ttl-box {
    margin: 60px 0 70px;
}
#Mobility-station .guide .guide-ttl-box .guide-ttl{
    font-size: 36px;
    font-weight: bold;
    border-bottom: 2px solid #333333;
    display: inline-block;
    margin-bottom: 30px;
}
#Mobility-station .guide .guide-ttl-box .guide-txt{
    font-size: 18px;
}
#Mobility-station .guide .guide-btn {
    margin: 0 auto 20px;
    width: 700px;
}
#Mobility-station .guide .guide-btn .btn {
    background: #e53a40;
    border-radius: 10px;
    padding: 20px;
    color: #ffffff;
    font-size: 30px;
    display: block;
}
#Mobility-station .guide .faq {
    margin-top: 50px;
}
#Mobility-station .guide .guide-btn .btn-faq {
    background: #EA6166;
}
#Mobility-station .guide .guide-btn .btn:hover{
    opacity: 0.6;
    transition: 0.6s ;
}


/* font-weight */
.f-bold { font-weight:bold !important;}


/* font-size */
.f10 { font-size: 10px !important;}
.f12 { font-size: 12px !important;}
.f13 { font-size: 13px !important;}
.f14 { font-size: 14px !important;}
.f15 { font-size: 15px !important;}
.f16 { font-size: 16px !important;}
.f18 { font-size: 18px !important;}
.f80 { font-size: 80% !important;}

/* margin-top */
.mt00 { margin-top: 0px !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}

/* padding-top */
.pt00 { padding-top: 0px !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}

/* margin-right */
.mr00 { margin-right: 0px !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}

/* padding-right */
.pr00 { padding-right: 0px !important;}
.pr03 { padding-right: 3px !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}

/* margin-bottom */
.mb00 { margin-bottom: 0px !important;}
.mb01 { margin-bottom: 1px !important;}
.mb03 { margin-bottom: 3px !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}

/* padding-bottom */
.pb00 { padding-bottom: 0px !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb50 { padding-bottom: 50px !important;}

/* margin-left */
.ml00 { margin-left: 0px !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}

/* padding-left */
.pl-1em { padding-left: 1em !important;}
.pl00 { padding-left: 0px !important;}
.pl03 { padding-left: 3px !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl40 { padding-left: 40px !important;}

/* padding-right-left */
.prl00 { padding-right: 0px !important; padding-left: 0px !important;}
.prl05 { padding-right: 5px !important; padding-left: 5px !important;}
.prl10 { padding-right: 10px !important; padding-left: 10px !important;}
.prl15 { padding-right: 15px !important; padding-left: 15px !important;}
.prl20 { padding-right: 20px !important; padding-left: 20px !important;}
.prl25 { padding-right: 25px !important; padding-left: 25px !important;}
.prl30 { padding-right: 30px !important; padding-left: 30px !important;}
.prl40 { padding-right: 40px !important; padding-left: 40px !important;}
.prl50 { padding-right: 50px !important; padding-left: 50px !important;}

.w020{ width:20px !important;}
.w024{ width:24px !important;}
.w026{ width:26px !important;}
.w032{ width:32px !important;}
.w030{ width:30px !important;}
.w040{ width:40px !important;}
.w050{ width:50px !important;}
.w075{ width:75px !important;}
.w080{ width:80px !important;}
.w100{ width:100px !important;}
.w150{ width:150px !important;}
.w200{ width:200px !important;}
.w250{ width:250px !important;}
.w300{ width:300px !important;}
.w350{ width:350px !important;}
.w390{ width:390px !important;}
.w400{ width:400px !important;}
.w-half{ width:50% !important;}
.w-onethird{ width:33% !important;}
.h044{ height:44px !important;}

	
/* float */
.fL{ float:left !important;}
.fR{ float:right !important;}

/* align */
.taC{ text-align:center !important;}
.taL{ text-align:left !important;}
.taR{ text-align:right !important;}

/* vertical-align */
.va-b{ vertical-align:bottom !important;}
.va-m{ vertical-align:middle !important;}
.va-t{ vertical-align:top !important;}
/* nowrap */
.nw{ white-space:nowrap;}

/* color */
.f-white{ color:#FFF !important;}
.f-red{ color:#FF0000 !important;}
.f-blue{ color:#000099 !important;}
.f-yellow{ color:#FFFF00 !important;}

#Calendar .f-red a{ color:#FF0000;}

/* weight */
.f-bold{ font-weight: bold !important;}


/* ----------------------------------------------
clear
---------------------------------------------- */
.clear{
	clear:both;
	height: 0px;
}

/* ----------------------------------------------
Clearfix
---------------------------------------------- */
/* Clearfix */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

/*英語サイト非表示*/
.show-on-translation {
    display: none!important;
}