.clear{ clear:both; height:0;}
.center{ text-align:center;}
img{ border:0; vertical-align:bottom;}
p,ul{ list-style:none; margin:0; padding:0;}

/*-- CONTENT --*/
#container{ width: 980px; margin:0 auto; color:#1A1A1A; background:#68C1ED; font-size:16px; line-height:150%; padding-bottom:30px; font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#container h1{ margin:0; text-align:center;}
#container h2{ text-align:center; position:relative; z-index:1; }
#container h2.wideTtl{ margin: 65px auto 0; display: block; height: auto; line-height: 1.4; font-family: "M PLUS Rounded 1c", sans-serif !important; font-weight: 900 !important; font-style: normal !important;  font-size: 38px; color: #fff; min-height: 190px;}
#container h2.wideTtl .img{ display: block;}
#container h2.wideTtl .img img{ display: block;}
#container h2.wideTtl .text{ margin-top: -140px; display: block;}
#container h2.fit{ margin: 50px 0 40px; text-align: center; display: flex; justify-content: center; gap: 25px; font-family: "M PLUS Rounded 1c", sans-serif !important; font-weight: 900 !important; font-style: normal !important;  font-size: 40px; color: #fff;}
#container h2.fit .inner{ display: inline-block; max-width: calc(100% - 59px - 59px - 50px - 60px); line-height: 1.4;}
#container h2.fit::before{ content: url("../img/common/flag_s_left.svg"); display: inline-block;}
#container h2.fit::after{ content: url("../img/common/flag_s_right.svg"); display: inline-block;}
#container h2 .inner{ display: inline-block; line-height: 1;}

/*-- MAIN --*/
#main{ width:980px; height:640px; background:url(../img/common/bg_main.jpg) no-repeat; position:relative; margin-bottom: 40px;}
#main .move01{ position:absolute; top:26px; left:55px; z-index:1;}
#main .move02{ position:absolute; top:18px; left:682px; z-index:1;}
#main .move03{ position:absolute; top:110px; left:780px; z-index:2;}
#main .move04{ position:absolute; top:170px; left:720px; z-index:4;}
#main .move05{ position:absolute; top:170px; left:8px; z-index:3;}
#main .move06{ position:absolute; top:96px; left:630px; z-index:3;}
#main .move07{ position:absolute; top:112px; left:204px; z-index:4;}
#main .move08{ position:absolute; top:207px; left:590px; z-index:4;}
#main .move09{ position:absolute; top:286px; left:24px; z-index:5;}
#main .move10{ position:absolute; top:248px; left:744px; z-index:5;}
#main .move11{ position:absolute; top:244px; width: 100%; z-index:6; text-align: center; transform: rotate(0.05deg); font-family: "M PLUS Rounded 1c", sans-serif !important; font-weight: 800 !important; font-style: normal !important; color: #fff; font-size: 24px; line-height: 1.4;}
#main .move11 .img{ display: block; width: 100px; margin: 0 auto 10px;}
#main .move11 .text{ margin-bottom: 10px; display: inline-block;}
#main .move11 .arrow{ display: block; margin: 0 auto; width: 12px; position: relative;}
#main .move11 .arrow::before{ content: ""; display: block; width: 100%; height: 8px; background: #fff; clip-path: polygon(0 0, 100% 0, 50% 100%); position: relative; margin-bottom: 5px;}
#main .move11 .arrow::after{ content: ""; display: block; width: 100%; height: 8px; background: #fff; clip-path: polygon(0 0, 100% 0, 50% 100%); position: relative; }
#main .move12{ position:absolute; bottom: 0; width: 100%; text-align: center; z-index:6; color: #fff;}
#main .move12 .small{ font-size: 38px; display: block; font-family: "M PLUS Rounded 1c", sans-serif !important; font-weight: 900 !important; font-style: normal !important; margin: 0 auto; line-height: 1.6;}
#main .move12 .large{ font-size: 56px; display: block; font-family: "M PLUS Rounded 1c", sans-serif !important; font-weight: 900 !important; font-style: normal !important; margin: 0 auto; background: url("../img/common/bg_h1_ttl_pc.svg") repeat-y; width: 780px; line-height: 65px;}
#container > p.lead{ color:#FFF; font-weight:bold; font-size:20px; text-align:center; line-height:170%;}

/*-- 鈴鹿サーキットでしか楽しめないことがいっぱい！ --*/
#wrap3{ width:980px; padding-top:60px; display: flex; justify-content: center; flex-wrap: wrap;}
#wrap3 .l3{ width:327px; background:#019FE8; padding: 0 20px 40px; box-sizing: border-box;}
#wrap3 .c3{ width:326px; background:#F6931E; padding: 0 20px 40px; box-sizing: border-box;}
#wrap3 .r3{ width:327px; background:#9DCE00; padding: 0 20px 40px; box-sizing: border-box;}
#wrap3 .link{ position:relative; z-index:10; text-align:center; margin-top:-30px; display:block; margin-bottom: 30px;}
#wrap3 .link a{ display: block; text-decoration: none;}
#wrap3 .link a .img{  display: block; }
#wrap3 .link a .text{ min-height: 80px; width: 100%; border-radius: 0 0 20px 20px; background: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 5px 5px; box-sizing: border-box;}
#wrap3 .link a .inner{ display: inline-block; font-family: "M PLUS Rounded 1c", sans-serif !important; font-weight: 800 !important; font-style: normal !important; font-size: 24px; line-height: 1.4;}
#wrap3 .link a .inner .arrow{ position: relative; width: 20px; display: inline-block; height: 20px; margin-left: 10px;}
#wrap3 .link a .inner .arrow::before{ content: ""; display: block; width: 20px; height: 20px;}
#wrap3 .l3 .link a .text{ color: #019FE8;}
#wrap3 .c3 .link a .text{ color: #F6931E;}
#wrap3 .r3 .link a .text{ color: #9DCE00;}
#wrap3 .l3 .link a .inner .arrow::before{ background: url("../img/common/arrow_blue.svg"); }
#wrap3 .c3 .link a .inner .arrow::before{ background: url("../img/common/arrow_orange.svg"); }
#wrap3 .r3 .link a .inner .arrow::before{ background: url("../img/common/arrow_green.svg"); }
#wrap3 a:hover{ opacity:0.8; filter:alpha(opacity=80);}
#wrap3 .catch{ padding: 0 20px 0; margin-bottom: 15px; font-size: 20px; line-height: 1.4; transform: rotate(0.05deg); font-family: "M PLUS Rounded 1c", sans-serif !important; font-weight: 800 !important; font-style: normal !important; color: #fff;}
#wrap3 .lead{ padding: 0 20px 0; font-size: 16px; color: #1a1a1a;}

/*-- 鈴鹿サーキットには他にもたくさんの施設・要素がいっぱい！ --*/
#wrap2{ width:980px; padding-top:60px; display: flex; flex-wrap: wrap;}
#wrap2 .l2{ width:490px; padding: 0 20px 60px; box-sizing: border-box;}
#wrap2 .r2{ width:490px; padding: 0 20px 60px; box-sizing: border-box;}
#wrap2 .link{ position:relative; z-index:10; text-align:center; margin-top:-30px; display:block; margin-bottom: 30px;}
#wrap2 .link a{ display: block; text-decoration: none;}
#wrap2 .link a:hover{ opacity:0.8; filter:alpha(opacity=80);}
#wrap2 .link a .img{  display: block; }
#wrap2 .link a .text{ min-height: 50px; width: 100%; border-radius: 0 0 20px 20px; background: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; transform: rotate(0.05deg); font-family: "M PLUS Rounded 1c", sans-serif !important; font-weight: 800 !important; font-style: normal !important; font-size: 24px; position: relative; padding: 10px 50px; box-sizing: border-box;}
#wrap2 .link a .text::after{ content: ""; display: block; width: 20px; height: 20px; position: absolute; top: calc(50% - 10px); right: 20px; }
#wrap2 .catch{ color: #FFF; font-size: 20px; margin: 0; padding: 0 20px; transform: rotate(0.05deg); font-family: "M PLUS Rounded 1c", sans-serif !important; font-weight: 800 !important; font-style: normal !important; margin-bottom: 15px;}
#wrap2 .lead{ padding: 0 20px 0; font-size: 16px; color: #1a1a1a;}

/*-- エリア紹介 --*/
.mapBox{ position: relative;}
.mapBox .map img{ display: block; }
.mapBox .btn{ display: block; position: absolute; bottom: 20px; right: 20px; line-height: 1;}
.mapBox .btn a{ display: flex; padding: 10px 22px; background: #fff; border-radius: 30px; line-height: 1; font-size: 18px; transform: rotate(0.05deg); font-family: "M PLUS Rounded 1c", sans-serif !important; font-weight: 800 !important; font-style: normal !important; color: #009EE6; text-decoration: none;}
.mapBox .btn a::before{ content: url("../img/common/arrow_blue.svg"); margin-right: 10px; }
.mapBox .btn a:hover{ opacity:0.8; filter:alpha(opacity=80);}

/*-- ご来場の前に… --*/
#wrap2_visit{ width:980px; display: flex; flex-wrap: wrap;}
#wrap2_visit .lv{ width:490px; background:#01948A; text-align:center;}
#wrap2_visit .rv{ width:490px; background:#355ED0; text-align:center;}
#wrap2_visit a{ font-weight:bold; color:#FFF; text-decoration:none; display:block; padding:30px 0 40px;}
#wrap2_visit a:hover .text{ text-decoration:underline;}
#wrap2_visit p{ text-align:center; padding: 0; font-weight:bold; color:#FFF;}
#wrap2_visit p .ttl{ display: flex; align-items: center; justify-content: center; gap: 15px; margin-bottom: 30px;}
#wrap2_visit p .ttl .icon{ width: 70px; }
#wrap2_visit p .ttl .ttlText{ font-family: "M PLUS Rounded 1c", sans-serif !important; font-weight: 800 !important; font-style: normal !important; font-size: 30px; line-height: 1;}
#wrap2_visit p .text{ background:url(../img/common/arrow01.png) no-repeat right center; padding-right:25px;}

#wrap2_foot{ width:980px; display: flex; flex-wrap: wrap;}
#wrap2_foot .lf{ width:410px; padding:30px 40px 40px;}
#wrap2_foot .rf{ width:410px; padding:30px 40px 40px;}
#wrap2_foot h3{ transform: rotate(0.05deg); font-family: "M PLUS Rounded 1c", sans-serif !important; font-weight: 800 !important; font-style: normal !important; color: #fff; font-size: 20px; margin: 0 auto 15px;}
#wrap2_foot li{ margin-top:15px; background:url(../img/common/arrow01.png) no-repeat left center; padding-left:25px; font-weight:bold;}
#wrap2_foot li.circle{ margin-top:15px; background:url(../img/common/arrow03.png) no-repeat left center; padding-left:25px; font-weight:bold;}
#wrap2_foot li.ar2{ margin-top:15px; background:url(../img/common/arrow02.png) no-repeat 25px center; padding-left:50px;}
#wrap2_foot li a{ color:#1A1A1A; text-decoration:none; font-weight:bold;}
#wrap2_foot li a:hover{ color:#1A1A1A; text-decoration:underline;}
#wrap2_foot li.lnone{ background:none;}

.m-plusrounded800{ font-family: "M PLUS Rounded 1c", sans-serif !important; font-weight: 800 !important; font-style: normal !important;}

.m-plusrounded900{ font-family: "M PLUS Rounded 1c", sans-serif !important; font-weight: 900 !important; font-style: normal !important;}

.bg01{ background:#CFA60E;}
.bg02{ background:#DCBD40;}
.bg03{ background:#F8AE57;}
.bg04{ background:#F6931E;}
.bg05{ background:#B5DA3F;}
.bg06{ background:#9DCE00;}
.bg07{ background:#019FE8;}
.bg01 .link a .text{ color:#CFA60E;}
.bg02 .link a .text{ color:#DCBD40;}
.bg03 .link a .text{ color:#F6931E;}
.bg04 .link a .text{ color:#F6931E;}
.bg05 .link a .text{ color:#9DCE00;}
.bg06 .link a .text{ color:#9DCE00;}
.bg07 .link a .text{ color:#019FE8;}
.bg01 .link a .text::after{ background: url("../img/common/arrow_brown.svg"); background-repeat: no-repeat;}
.bg02 .link a .text::after{ background: url("../img/common/arrow_green.svg"); background-repeat: no-repeat;}
.bg03 .link a .text::after{ background: url("../img/common/arrow_orange.svg"); background-repeat: no-repeat;}
.bg04 .link a .text::after{ background: url("../img/common/arrow_orange.svg"); background-repeat: no-repeat;}
.bg05 .link a .text::after{ background: url("../img/common/arrow_green.svg"); background-repeat: no-repeat;}
.bg06 .link a .text::after{ background: url("../img/common/arrow_green.svg"); background-repeat: no-repeat;}
.bg07 .link a .text::after{ background: url("../img/common/arrow_blue.svg"); background-repeat: no-repeat;}


#container p.note{ font-size:12px; line-height:150%; margin:25px 30px 0;}

.sp{ display:none !important;}