@charset "utf-8";
/* reset
------------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)

   fixed
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

div,p,dl,dt,dd,ol,ul,li,
h1,h2,h3,h4,h5,h6,
form,input,button,textarea,table,tr,th,td,
article,aside,header,footer,section,nav{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* -------------------------------------------------------
   font
------------------------------------------------------- */
body,
html,
td,
th,
input[type="text"],
textarea {
	font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  /*font-weight: 500;*/
}

/* for IE10 */
@media all and (-ms-high-contrast: none) {

body { font-family: Verdana, 'メイリオ', Meiryo, '游ゴシック', sans-serif!important; }
}

html {
  font-size: 62.5%;
}

body {
/*  font-size: 16px;
  font-size: 1.6rem;*/
  line-height: 140%;
	word-break: break-all;
}



a:hover {
	text-decoration: underline;
}

img {
	vertical-align:bottom;
	max-width: 100%;
}

/* -------------------------------------------------------
   一括指定 boxsizing / clearfix / image hover / contents width
------------------------------------------------------- */
/* boxsizing */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

/* block */
.blockSiteLinks__MsTop a {
	display: block;
}

/* clearfix */
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/* image hover */
a:hover {
    opacity: 0.7;
    text-decoration: none;
}

/* contents width */
.Contents .class {
    width: 980px;
    margin: 0 auto;
    position: relative;
}

ul,
dl,
ul.blockRound__linksItems,
.blockSiteCaption ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* form style reset */
/*
input, button, textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
*/

/* -------------------------------------------------------
 base layout
------------------------------------------------------- */
#suzukaContentInner2016{width: 100% !important;margin: 0 auto;}

.Container {
	color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
	line-height: 170%;
	font-weight: 500;
background: #202D40;
}

.Container a:link,
.Container a:visited{
	color: #fff;
	text-decoration: none;
  transition:all 0.2s;
}


.blockContents {
	padding-bottom: 40px;
	padding-top: 40px;
	margin-bottom: 40px;
}

.blockSiteCaption {
	font-size: 1.2rem;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	border-top: 1px solid rgba(255, 255, 255, .2);
	line-height: 170%;
	font-family: YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

.l-box001 {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.l-box002 {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.l-box003 {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

.l-box004 {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

/* -------------------------------------------------------
 basic parts
------------------------------------------------------- */

/* title
---------------------------------*/
.title001 {
	font-size: 3.2rem;
	font-weight: 200;
	text-align: center;
	margin-bottom: 50px;
}

.title001::after {
	content: "";
	display: block;
	text-align: center;
	width: 60px;
	height: 5px;
	background: #D30000;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}

.title002 {
	font-weight: 600;
}

.title003 {
	margin-bottom: 80px;
	font-size: 2.4rem;
	text-align: center;
}

/* button
---------------------------------*/
.button001,
a.button001 {
	background-color: #636C7B;
	display: block;
	padding: 10px;
	width: 100%;
	font-size: 1.9rem;
	font-weight: 600;
	position: relative;
	color: #fff;
}

.button001::after {
	content: "";
	background-image: url(../images/icon-arrow001.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 6px auto;
	position: absolute;
	right: 15px;
	top: calc(50% - 6px);
	width: 6px;
	height: 12px;
	display: block;
	line-height: 100%;
	transform:rotate(90deg);
	transform-origin:center;
	text-align: center;
}

.button001.isActive::after {
	transform:rotate(270deg);
}

 .button002,
a.button002 {
	background: #636C7B;
	display: block;
	padding: 10px;
	font-weight: 600;
	position: relative;
	color: #fff;
}

.button002::after {
	content: url(../images/icon-arrow001.svg);
	position: absolute;
	right: 10px;
	top: calc(50% - 12px);
	width: 6px;
	height: 12px;
	display: block;
	line-height: 100%;
}

.button003,
a.button003 {
	background: #dd6b6b;
	display: block;
	padding: 6px 9px 15px 9px;
	font-weight: 600;
	position: relative;
	font-size: 2.0rem;
	color: #fff;
	line-height: 1.25em;
}

.Container .button003::after {
	content: url(../images/icon-arrow001.svg);
	position: absolute;
	right: 10px;
	top: calc(50% - 12px);
	width: 6px;
	height: 12px;
	display: block;
	line-height: 100%;
}

.button004,
a.button004 {
	background: #0cad60;
	display: block;
	padding: 6px 9px 15px 9px;
	font-weight: 600;
	position: relative;
	font-size: 2.0rem;
	line-height: 1.25em;
}

.button004::after {
	content: url(../images/icon-arrow001.svg);
	position: absolute;
	right: 10px;
	top: calc(50% - 12px);
	width: 6px;
	height: 12px;
	display: block;
	line-height: 100%;
}

 .button_ninja,
a.button_ninja {
	background: #46b23c;
	display: block;
	padding: 10px;
	font-weight: 600;
	position: relative;
	color: #fff;
}
.button_ninja::after {
	content: url(../images/icon-arrow001.svg);
	position: absolute;
	right: 10px;
	top: calc(50% - 12px);
	width: 6px;
	height: 12px;
	display: block;
	line-height: 100%;
}

 .button_faq,
a.button_faq {
	background: #009fe7;
	display: block;
	padding: 10px;
	font-weight: 600;
	position: relative;
	color: #fff;
}
.button_faq::after {
	content: url(../images/icon-arrow001.svg);
	position: absolute;
	right: 10px;
	top: calc(50% - 12px);
	width: 6px;
	height: 12px;
	display: block;
	line-height: 100%;
}

.button001:hover,
.button001:focus,
a.button001:hover,
a.button001:focus,
.button002:hover,
.button002:focus,
a.button002:hover,
a.button002:focus,
.button003:hover,
.button003:focus,
a.button003:hover,
a.button003:focus,
.button004:hover,
.button004:focus,
a.button004:hover,
a.button004:focus,
.button_ninja:hover,
.button_ninja:focus,
a.button_ninja:hover,
a.button_ninja:focus,
.button_faq:hover,
.button_faq:focus,
a.button_faq:hover,
a.button_faq:focus {
	text-decoration: none;
	opacity: .6;
}

.toggleContents__close {
	text-align: right;
	margin-top: 10px;
	margin-bottom: -15px;
	font-size: 1.2rem;
	cursor: pointer;
}

.toggleContents__close::after {
	content: url(../images/icon-arrow001.svg);
	top: calc(50% - 12px);
	width: 6px;
	height: 12px;
	display: inline-block;
	line-height: 100%;
	transform: rotate(270deg);
	margin-left: 10px;
}

/* list
---------------------------------*/
dl.dlist001 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

dl.dlist001 dt {
	width: 18%;
	font-weight: bold;
	font-size: 1.4rem;
	margin-bottom: 10px;
}

dl.dlist001 dd {
	width: 82%;
	padding-left: 5px;
	margin-bottom: 10px;
}

ul.list001 {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* link
---------------------------------*/
.link001,
a.link001 {
	display: inline-block;
}

.link001::before {
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
	margin-right: 5px;
	color: rgba(255, 255, 255, .5);
	font-size: 1.3rem;
	font-weight: 600;
}

/* -------------------------------------------------------
 header
------------------------------------------------------- */
.Header {
	border-bottom: 1px solid #D30000;
	background: #374254;
	width: 100%!important;
}

.blockHeader {
	position: relative;
}

.headerLogo {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.blockHeaderImage {
	background: #202D40;
	border-top: 1px solid #D30000;
}

.blockHeaderImage img {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.titleHead {
	font-weight: 600;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 2.8rem;
	padding-left: 120px;
	line-height: 170%;
}

.headerLogo__logo {
	width: 100px;
	position: absolute;
	top: 10px;
	left: 10px;
}

/* topicPath
---------------------------------*/
.topicPath {
	padding: 5px;
	font-size: 1.2rem;
	margin-bottom: 40px;
	background: #374254;
}

.listTopicPath {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

.topicPath li {
	display: inline-block;
}

.topicPath a::before {
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
	margin-right: 5px;
	color: rgba(255, 255, 255, .5);
	font-size: 1.0rem;
	font-weight: 600;
}

.topicPath a::after {
	content: ">";
	margin-right: 5px;
	margin-left: 5px;
	color: #ccc;
}


/* -------------------------------------------------------
 page #top
------------------------------------------------------- */
.blockTopMainCaption {
	background: #374254;
	padding: 20px 10px;
	font-size: 2.8rem;
	text-align: center;
	line-height: 170%;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.blockAbout {
	border-bottom: 1px solid rgba(255, 255, 255, .2);
	padding-bottom: 40px;
}

.blockAboutDescription,
.blockAboutCategory {
	padding: 20px;
	background: rgba(255, 255, 255, .1);
}

.blockAboutDescription p + p {
	margin-top: 20px;
}

/* top-about
---------------------------------*/
.blockAbout {
	border-bottom: 1px solid rgba(255, 255, 255, .2);
}

/* top-round
---------------------------------*/
.blockRound__links {
	margin-top: 20px;
	padding: 20px 20px;
	background: #374254;
}

.blockRound__links a {
	line-height: 35px;
}

.blockRound__linksCaption {
	font-size: 1.4rem;
	line-height: 120%;
}
.Container p.blockRound__linksCaption {
margin: 0;
padding: 0;
}

ul.blockRound__linksItems {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

ul.blockRound__linksItems li {
	margin-bottom: 10px;
}

ul.blockRound__linksItems li.blockRound__linksItem001 {
	width: 100%;
}
ul.blockRound__linksItems li.blockRound__linksItem001 a {
	height: 59px;
	line-height: 130%;
	padding-top: 9px;
}

ul.blockRound__linksItems li.blockRound__linksItem002 {
	width: 50%;
	padding-right: 5px;
}

ul.blockRound__linksItems li.blockRound__linksItem002 a {
	height: 59px;
	line-height: 35px;
}

ul.blockRound__linksItems li.blockRound__linksItem003 {
	width: 50%;
	padding-left: 5px;
}

ul.blockRound__linksItems li.blockRound__linksItem003 a {
	height: 59px;
	line-height: 130%;
	padding-top: 9px;
}

ul.blockRound__linksItems li.blockRound__linksItem004 {
	width: 100%;
}

ul.blockRound__linksItems li.blockRound__linksItem004 a {
	height: 59px;
	line-height: 230%;
	padding-top: 9px;
}

.blockRound__linksEntrant {
	margin-bottom: 10px;
}


/* top-Information
---------------------------------*/
.blockInformation {
	border-bottom: 1px solid rgba(255, 255, 255, .3);
}

.blockInformation a {
	position: relative;
	display: block;
}

.blockInformation a::after {
	content: url(../images/icon-arrow001.svg);
	position: absolute;
	right: 0;
	top: calc(50% + 10px);
	width: 6px;
	height: 12px;
	display: block;
	line-height: 100%;
}

dl.dlistInformation {
	margin-bottom: 20px;
}

dl.dlistInformation dt {
	color: #95989D;
	font-size: 1.4rem;
	background: #202D40;
	padding-right: 10px;
	position: relative;
}

dl.dlistInformation dt::before {
	content: "";
	border-top: 1px solid rgba(255, 255, 255, .3);
	display: inline-block;
	width: calc(100% - 80px);
	height: 1px;
	position: absolute;
	top: 11px;
	left: 80px;
}

dl.dlistInformation dd {
	padding-right: 20px;
}

dl.dlistInformation dd:nth-of-type(1) {
	font-weight: 600;
}

dl.dlistInformation dd:nth-of-type(2) {
	font-size: 1.5rem;
}


.blockInformationItems {
	max-height: 410px;
	overflow-y: auto;
	padding-right: 10px;
}

/* top-赤枠のおしらせ
---------------------------------*/
.boxRed {border:solid 3px #c00; background:#fff;padding: 15px;color:#202D40}
.Container .red a:link,
.Container .red a:visited{color:#f00;}
/* top-レースカテゴリー
---------------------------------*/
.blockHeldRace__item {
	margin-bottom: 20px;
}

.dlistRaceCategory dt {
	font-weight: 600;
	font-size: 1.8rem;
	display: block;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.dlistRaceCategory dd + dt {
	margin-top: 60px;
}

/* top-外部コンテンツ
---------------------------------*/
.blockSiteLinks {
	margin-top: -40px;
	margin-bottom: 0;
	background: #161F2E;
	padding-top: 40px;
	padding-bottom: 40px;
	border-top: 1px solid rgba(255, 255, 255, .2);
}

.blockSiteLinks__items {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.blockSiteLinks__items li {
	width: calc(100% / 3);
}

.blockSiteLinks__items li + li {
	margin-left: 10px;
}

.blockSiteLinks__items li a {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	height: 100%;
}

.blockSiteLinks__item001 a,
.blockSiteLinks__item002 a,
.blockSiteLinks__item003 a,
.blockSiteLinks__item004 a {
	background: #636C7B;
}

.blockSiteLinks__itemsImage {
	width: 130px;
	background: #303a4a;
	position: relative;
}

.blockSiteLinks__itemsImage img {
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 100%;
	height: 100%;
}

.blockSiteLinks__itemsDetail {
	width: calc(100% - 130px);
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	line-height: 140%;
}

/*お問い合わせアイコン*/
.blockSiteLinks__itemsImage.imageIcon {
	text-align: center;
}

.blockSiteLinks__itemsImage.imageIcon img {
    width: 50px;
    height: auto;
    object-fit: initial;
    position: absolute;
	top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.blockSiteLinks__itemsDetail {
	width: calc(100% - 130px);
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	line-height: 140%;
	background: #636C7B;
}

.blockSiteLinks__itemsDetail p {
	margin-top: 10px;
	font-size: 1.4rem;
	font-weight: normal;
}

.blockSiteLinks__MsTop {
	margin-top: 40px;
}

.blockSiteLinks__MsTopTitle {
	background: #636C7B;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}

.blockSiteLinks__MsTopImage {
	height: 200px;
}

.blockSiteLinks__MsTopImage img {
	object-fit: cover;
	font-family: 'object-fit: cover;object-position: 0 100%;';
	object-position: 0 100%;
	width: 100%;
	height: 100%;
}

/* -------------------------------------------------------
 page #schedule
------------------------------------------------------- */
.blockScheduleDataItem {
	margin-bottom: 60px;
}

.titleScheduleItem {
	font-weight: 600;
	margin-bottom: 5px;
	border-left: 4px solid rgba(255, 255, 255, .2);
	padding-left: 10px;
	font-size: 1.8rem;
}

.titleScheduleItem__organizer {
	display: block;
	font-size: 1.4rem;
	font-weight: 300;
	margin-top: 10px;
}

.listScheduleItem {
	margin-bottom: 40px;
}

.listScheduleItem dt {
	font-size: 1.4rem;
	margin-top: 10px;
}

.listScheduleItem__category {
	padding: 10px;
	background: #374254;
}

.listScheduleItem__result {
	margin-top: 10px;
}

/* -------------------------------------------------------
 page #開催レース
------------------------------------------------------- */
/*
.blockHeldRace__item {
	margin-bottom: 10px;
}

.dlistRaceCategory dt {
	font-weight: 600;
	font-size: 2.0rem;
	display: block;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.dlistRaceCategory dd {
	margin-bottom: 60px;
}
*/

/* -------------------------------------------------------
 page #レースレポート
------------------------------------------------------- */
.listReport li {
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.listReport a {
	display: inline-block;
	margin-left: 1rem;
	text-indent: -1rem;
}

.listReport a::before {
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
	margin-right: 5px;
	color: rgba(255, 255, 255, .5);
	font-size: 1.0rem;
	font-weight: 600;
}

.listReport li + li {
	margin-top: 20px;
}


/* -------------------------------------------------------
 utility
------------------------------------------------------- */
.u-textLeft:not(:root) {
	text-align: left;
}

.u-textCenter:not(:root) {
	text-align: center;
}

.u-textRight:not(:root) {
	text-align: right;
}

.u-textNormal:not(:root) {
	font-weight: 400;
}

.u-textBold:not(:root) {
	font-weight: 600;
}



.mb2em{margin-bottom: 2em;}


/* -------------------------------------------------------
文字色
------------------------------------------------------- */

.red {color: #f00;}
.pink {color:#f6c;}


.Container a.mizuiro {color:#6cf;text-decoration: underline;}

/* -------------------------------------------------------
共通ヘッダーフッター対応
------------------------------------------------------- */

#suzukaHeaderWrap2016 ol,#suzukaHeaderWrap2016 ul,#suzukaHeaderWrap2016 li,#suzukaHeaderWrap2016 .logo {
    box-sizing: content-box;
}