@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, 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: inherit; font-size: 100%; vertical-align: baseline;/*font-weight: normal;*/ }
html { line-height: 1;}
ol, ul { list-style: none;}
table { border-collapse: collapse; border-spacing: 0;}
caption, th, td { font-weight: normal; vertical-align: middle;}
q, blockquote { quotes: none;}
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none;}
a img { border: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block;}

/*====== html.body ======*/
body { }
h1, h2, h3, h4, h5, h6 { line-height: 100%;}
#close_container img { width: 100%; vertical-align: bottom;height: auto;}
a { outline: none; position: relative; color: #00f; text-decoration: none;}
p { max-width: 100%; max-height: 100%; font-weight: normal;}

/* common tags
--------------------------------------------------------------------------- */
.Container {
  width: 100%;
}

.Calendar_Contents a {
  text-decoration: none;
  color: #01948a;
}
.Calendar_Contents a:hover {
  opacity: 0.6;
}

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

.Calendar_Contents {
	font-size: 100%;
	line-height: 150%;
	color: #666;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
  position: relative;
	margin: 0 auto;
	padding-bottom: 80px;
}
.Calendar_Contents div{ box-sizing: border-box;}

@media screen and (min-width: 768px) {
	.Calendar_Contents { max-width: 1220px;}
}

/* common parts
--------------------------------------------------------------------------- */
.header-area {text-align:center; border-bottom: #E5E5E5 solid 1px; width:100%;padding-bottom: 10px;margin-bottom: 20px;}
.calendar-icon { padding: 20px 5px 5px 5px;}
.calendar-icon img { width: 60px;height: auto;}
.calendar-title { margin: 0 1em;padding:5px 5px 15px 5px; color:#01948a; font-size: 1.8em;font-weight: 700;}
.calendar-subtitle{padding:5px 5px 10px 5px;font-weight: 700;font-size: 1em;color:#464646;}
.header-note {width: 96%;margin: 0 auto; font-size: 0.8em;}
.header-note p{margin: 0.25em 0}
.header-note .date {text-align: right;margin-top:1em;}
.block-month {width: 96%;margin: 0 auto 40px;}
.month {font-weight: bold; font-size:1.5em; border-bottom: solid 2px #ccc; padding: 0.25em 1em;}
.month-e {font-weight: normal; font-size:0.7em;margin-left: 1em;}
.event-wrap { width: 98%; margin: 12px auto;border-bottom: dotted 1px #ccc; }
.event-wrap.multi {border-bottom: dotted 1px #ccc; }
.event-wrap dt,.event-wrap dd{ box-sizing: border-box;font-size: 0.9em;line-height: 135%;}
.event-date { padding: 10px 10px 2px; font-weight: bold;}
.event-name { text-align:left;padding: 2px 10px 15px ;font-size: 0.9em;}
.event-name strong { font-weight: 900;}
.event-name a {color:#01948a; text-decoration:none;}
.event-name a:hover {text-decoration:underline;}
.event-category-wrap { width: 164px;display: table-cell;padding: 2px 5px ;box-sizing: border-box;}
.event-category {width: 100%; text-align:center; font-size: 0.75em;box-sizing: border-box; line-height: 1.2em; padding-top:4px;padding-bottom:2px;}

.race-2and4 {display:flex;}
.race-4w {color:#fff; background:#8c8a8a;padding-top:4px;padding-bottom:2px;}
.race-2w {color:#fff; background:#7382a2;padding-top:4px;padding-bottom:2px;}
.race-2and4 .race-4w,.race-2and4 .race-2w {width: 50%;}
.park-event {color:#fff; background:#ff9737;}
.course-event {color:#fff; background:#64bdd4; }
.close {color:#fff; background:#e05c5c;}
.multi-blank {display:none;}

.block-note { width: 94%;margin: 0 auto;font-size: 0.9em;}
.block-note p{padding: 0 0.5em;}

@media screen and (min-width: 768px) {
.header-area{display: table; justify-content: flex-start;padding-top: 30px;}
.calendar-title {width: 8em; padding-bottom: 30px;font-size: 2em; }
.calendar-icon {width: 80px;padding: 25px 0 25px 20px; box-sizing: border-box;}
.calendar-icon img { width: 80px;height: auto;}
.calendar-subtitle {text-align:left;padding-bottom: 30px;font-size: 1.2em;}
.header-note {}
.calendar-icon,.calendar-title,.calendar-subtitle {display: table-cell;vertical-align: bottom;}
.event-wrap,.event-wrap.multi { display: table; width: 96%;border-bottom: none; }
.event-date { width: 290px;display: table-cell;border-bottom: dotted 1px #666; padding: 5px 10px 15px;}
.event-wrap.multi .event-date{border-bottom:none;}
.event-category-wrap { display: table-cell;border-bottom: dotted 1px #666; padding: 5px 10px 15px; }
.event-name { display: table-cell;border-bottom: dotted 1px #666; padding: 5px 10px 15px; }
.event-date.multi-blank div{display:block;}
.block-note p{padding: 0 1.5em;}
}



#page_top {
    position: fixed;
    bottom: 30px;
    right: 20px;
}
#page_top a {
display:block;
	width: 20px;
	height:20px;
    background: #fff;
    color: #464646;
    padding: 12px 10px 8px;
    border-radius: 24px;
    border:dotted 1px #999;
    text-decoration:none;
    font-size:14px;
    line-height: 14px;
    text-align:center;
}
#page_top a img{ width: 28px; height: 28px;}
#page_top a:hover {
    opacity:0.5;
    text-decoration: none;
}
.dli-arrow-up {
  display: inline-block;
  vertical-align: middle;
  color: #464646;
  line-height: 1;
  position: relative;
  width: 0.1em;
  height: 14px;
  background: currentColor;
}

.dli-arrow-up::before {
  content: '';
  width: 8px;
  height: 8px;
  border: 1px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(-45deg);
  transform-origin: top right;
  position: absolute;
  top: 0px;
  right: 50%;
  box-sizing: border-box;
}

.red {color:#f00;}

/* sp
--------------------------------------------------------------------------- */
.u-alCenterSp {
  text-align: center;
}

.u-alLeftSp {
  text-align: left;
}

/* sp - pc
--------------------------------------------------------------------------- */
.u-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .u-pc {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .u-sp {
    display: none;
  }
}

/* root style reset
--------------------------------------------------------------------------- */
#suzukaContentInner2016,
#emergencynews,
#suzukaFooterWrap2016 {
  letter-spacing: 0;
}

#suzukaHeaderWrap2016 #headerInner,
#suzukaHeaderWrap2016 #headerInner div,
#suzukaHeaderWrap2016 #headerInner p {
  box-sizing: content-box;
}

#suzukaFooterWrap2016 {
  z-index: 1 !important;
}

.btm-Caution p {
  letter-spacing: 0;
}

/* Layout
========================================================*/
/* Header */
/* Footer */
/* Object
========================================================*/
/* Component -------------------------------------------*/
/* button */
/* Project ---------------------------------------------*/
/* Utility - -------------------------------------------*/
.u-mt10:not(:root) {
  margin-top: 10px;
}

.u-mt20:not(:root) {
  margin-top: 20px;
}

.u-mt40:not(:root) {
  margin-top: 40px;
}

.u-mt60:not(:root) {
  margin-top: 60px;
}

.u-mt80:not(:root) {
  margin-top: 80px;
}

.u-mt100:not(:root) {
  margin-top: 100px;
}

.u-mt120:not(:root) {
  margin-top: 120px;
}

.u-mt140:not(:root) {
  margin-top: 140px;
}

.u-mt160:not(:root) {
  margin-top: 160px;
}

.u-mt180:not(:root) {
  margin-top: 180px;
}

.u-mt200:not(:root) {
  margin-top: 200px;
}

.u-mr10:not(:root) {
  margin-right: 10px;
}

.u-mr20:not(:root) {
  margin-right: 20px;
}

.u-mr40:not(:root) {
  margin-right: 40px;
}

.u-mr60:not(:root) {
  margin-right: 60px;
}

.u-mr80:not(:root) {
  margin-right: 80px;
}

.u-mr100:not(:root) {
  margin-right: 100px;
}

.u-mr120:not(:root) {
  margin-right: 120px;
}

.u-mr140:not(:root) {
  margin-right: 140px;
}

.u-mr160:not(:root) {
  margin-right: 160px;
}

.u-mr180:not(:root) {
  margin-right: 180px;
}

.u-mr200:not(:root) {
  margin-right: 200px;
}

.u-mb10:not(:root) {
  margin-bottom: 10px;
}

.u-mb20:not(:root) {
  margin-bottom: 20px;
}

.u-mb40:not(:root) {
  margin-bottom: 40px;
}

.u-mb60:not(:root) {
  margin-bottom: 60px;
}

.u-mb80:not(:root) {
  margin-bottom: 80px;
}

.u-mb100:not(:root) {
  margin-bottom: 100px;
}

.u-mb120:not(:root) {
  margin-bottom: 120px;
}

.u-mb140:not(:root) {
  margin-bottom: 140px;
}

.u-mb160:not(:root) {
  margin-bottom: 160px;
}

.u-mb180:not(:root) {
  margin-bottom: 180px;
}

.u-mb200:not(:root) {
  margin-bottom: 200px;
}

.u-ml10:not(:root) {
  margin-left: 10px;
}

.u-ml20:not(:root) {
  margin-left: 20px;
}

.u-ml40:not(:root) {
  margin-left: 40px;
}

.u-ml60:not(:root) {
  margin-left: 60px;
}

.u-ml80:not(:root) {
  margin-left: 80px;
}

.u-ml100:not(:root) {
  margin-left: 100px;
}

.u-ml120:not(:root) {
  margin-left: 120px;
}

.u-ml140:not(:root) {
  margin-left: 140px;
}

.u-ml160:not(:root) {
  margin-left: 160px;
}

.u-ml180:not(:root) {
  margin-left: 180px;
}

.u-ml200:not(:root) {
  margin-left: 200px;
}

.u-w10p:not(root) {
  width: 10%;
}

.u-w15p:not(root) {
  width: 15%;
}

.u-w20p:not(root) {
  width: 20%;
}

.u-w25p:not(root) {
  width: 25%;
}

.u-w40p:not(root) {
  width: 40%;
}

.u-w45p:not(root) {
  width: 45%;
}

.u-w50p:not(root) {
  width: 50%;
}

.u-w60p:not(root) {
  width: 60%;
}

.u-w70p:not(root) {
  width: 70%;
}

.u-w80p:not(root) {
  width: 80%;
}

.u-w90p:not(root) {
  width: 90%;
}

.u-w100p:not(root) {
  width: 100%;
}

.u-alLeft:not(:root) {
  text-align: left;
}

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

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

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

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

.u-textLarge:not(:root) {
  font-size: 110%;
}

.u-cellVMiddle {
  vertical-align: middle;
}

.u-textIndent1 {
	text-indent: -1em;
	padding-left: 1em;
}