/* Scss Document */
html, body {
  margin: 0;
  padding: 0;}

img {
  max-width: 100%;
  height: auto; }

.noPC {
  display: none; }

.noSPi{display: inline;}
.noSP {
  display: block; }

@media (max-width: 768px) {
  .noPC {
    display: block; }

  .noSP ,
  .noSPi {
    display: none; }

  .global-footer__navi ul {
    overflow: scroll; }

  .ms-header-menu {
   padding: 0 0 0 8px;
    display: block; }

 .ms-header-navi-T{align-items: center;}
  .ms-header-navi p {
     display: block; text-align: left; margin: 0;}
   .ms-header-navi p img{max-width: 200px; margin: auto; }
 .ms-header-navi p span{ display: block; text-align: center; padding: 8px 0 0; font-size: 12px;}

  .ms-header-navi ul {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; }
    .ms-header-navi ul li {
      white-space: nowrap; }
    .ms-header-navi ul li a,
    .ms-header-navi ul li em,
    .ms-header-navi ul li span {
      padding: 12px 8px; }
    .ms-header-navi ul ul {
      position: relative;
      overflow: hidden;
      top: 0;
      padding: 0; }
 
 #ms-top .ms-header {left: 0;}
 #ms-top .ms-header p span{top: 400px; position: relative;}

  ul.ms-header-sns {
    justify-content: center;
   flex: 0 0 auto;
    }
 .ms-header-navi ul.ms-header-sns li{padding: 0;}
 .ms-header-navi ul.ms-header-sns li a{ padding: 8px;}
 
  .category-header .category-menu {
    position: relative;
    align-items: center;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; }
  .category-header .category-menu ul ul {
    position: relative; }
  .category-header .category-menu li {
    white-space: nowrap;
    font-size: 0.9em; }
  .category-header .category-menu p {
    max-width: 80px;
    margin-right: 0;
    padding-right: 16px; }
 
 .category-header .category-menu-SGT-SF p{
 max-width: 160px;
 }
 .category-menu-SGT-SF p img{
  height: 15px; width: auto; margin-bottom: 4px;
 }

  .ms-schedule li {
    min-width: 0;
    flex: 0 0 50%; }
  .ms-schedule li {
    min-width: 0;
    flex: 0 0 50%; }
  .ms-schedule li span {
    padding: 0 8px 4px 0;
    display: inline-block;
    font-size: 11px; }
  .ms-schedule li b {
    font-weight: 400;
    font-size: 1.2em;
    display: block; }
  .ms-schedule li img {
    width: 16px;
    vertical-align: middle; }

  .ms-schedule ul.ms-race-schedule-RTM li {
    min-width: 0;
    flex: 0 0 100%; }
  .ms-schedule ul.ms-race-schedule-RTM li b a {
    padding: 8px; }
  .ms-schedule ul.ms-race-schedule-RTM li b em {
    padding: 8px; }

  .ms-normalToggle ul {
    justify-content: center; }
  .ms-normalToggle li {
    padding: 4px; }
  .ms-normalToggle li a {
    display: block;
    flex-direction: column;
    border: 1px solid #222;
    padding: 8px;
    transition-duration: 0.2s;
    text-decoration: none; }
  .ms-normalToggle li a:hover {
    text-decoration: none;
    background: #c00;
    color: #fff; }

  .ms-top-image {
    max-width: 100%;
    background: rgba(0, 0, 0, 0.8); }
    .ms-top-image li strong {
      display: block;
      position: static;
      width: 100%;
      color: #fff;
      padding: 16px;
      font-weight: 400;
      font-size: 1.1em;
      background: rgba(0, 0, 0, 0.8); }
    .ms-top-image li a {
      text-decoration: none; }
    .ms-top-image li a:hover strong {
      color: #e11; }
    .ms-top-image li img {
      width: 100%; }
    .ms-top-image .slick-dots {
      position: static;
      bottom: 0;
      right: 0;
      padding: 8px;
      justify-content: center;
      width: auto;
      border-top: 1px solid #222; }
      .ms-top-image .slick-dots li {
        height: auto; }
      .ms-top-image .slick-dots li button {
        width: 8px;
        height: 8px;
        border-radius: 50%; }

  .ms-news-large {
    flex-wrap: wrap; }

  .ms-news-large .ms-news-box {
    flex: 0 0 100%;
    max-width: none;
    margin-bottom: 16px; }

  .ms-news-grid {
    flex-wrap: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; }

  .ms-news-grid .ms-news-box {
    flex: 0 0 90%;
    max-width: none; }

  #ms-news-top .ms-news-grid {
    flex-wrap: wrap; }
  #ms-news-top .ms-news-grid .ms-news-box {
    flex: 0 0 100%; }

  .ms-news-grid-1 .ms-news-box {
    flex: 0 0 100%; }

  .ms-body-2 {
    display: flex;
    flex-wrap: wrap; }

  .ms-col-72 {
    flex: 0 0 100%; }

  .ms-col-24 {
    flex: 0 0 100%;
    margin-top: 40px; }

  .ms-col-5 {
    flex: 0 0 25%; }

  .ms-col-4 {
    flex: 0 0 50%; }

  .ms-col-30,
  .ms-col-3 {
    flex: 0 0 100%;
    flex: none;
    max-width: 100%; }

  .ms-page-main h1 {
    font-size: 1.4em; }

  .ms-page-main-sub {
    display: block; }
    .ms-page-main-sub ul {
      margin-top: 8px;
      max-width: 100%;
      justify-content: center;
      align-content: center;
      align-items: center; }
    .ms-page-main-sub li {
      margin: 0 2px; }
    .ms-page-main-sub li a {
      padding: 16px; }
    .ms-page-main-sub li.ms-page-main-navi-ttl {
      flex: 0 0 100%;
      text-align: right;
      padding: 4px; }

  .ms-page-section {
    padding: 40px 8px;
    max-width: 100%; }

  .ms-page-section-comments p img {
    float: none;
    width: auto;
    margin: 0 0 16px;
    border-radius: 4px; }

  .ms-page-section-results h3 {
    margin-bottom: 16px;
    background: #fff;
    color: #000;
    display: inline-block;
    padding: 4px 16px; }

 .ms-section-ranking .ms-page-flex{display: block;}
 
  .hwwMSraceTable {
    margin-bottom: 8px; }

  .ms-scroll-table {
    margin-bottom: 40px;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
    .ms-scroll-table td {
      white-space: nowrap; }
    .ms-scroll-table:last-child {
      margin-bottom: 8px; }

  .ms-reportslide p {
    margin-bottom: 16px; }

  .ms-photobox-4 p {
    flex: 0 0 24.5%; }

  .ms-photobox-6 p {
    flex: 0 0 20%; }

  .ms-photobox-7 p {
    flex: 0 0 20%; }

  .ms-photobox-8 p {
    flex: 0 0 20%; }

  .ms-side .ms-race-schedule .noPC {
    display: none; } }
























/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:fixed; top:0; left:0; z-index:199999; overflow:hidden; -webkit-transform: translate3d(0,0,0); max-width: 100% !important; }
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
@media(max-height:800px){
	#cboxOverlay{position:fixed; width:100%; height:100%;max-width: 100wh !important;}
}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:8px solid #fff; display:block; max-width:100%; -ms-interpolation-mode:bicubic; border:4px solid #fff; }
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin:20px 0;background:#000; max-width: 100%;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff; max-width: 100%;  /*height: auto!important;*/}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;font-size:12px;}
        #cboxCurrent{position:absolute; top:auto; bottom:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:0px; margin-top:-32px; background:url(../images/controls2.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:0px; margin-top:-32px; background:url(../images/controls2.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:3px; right:3px; display:block; background:url(../images/controls2.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}



@media print {
 *{background: #fff !important; color: #000 !important;}
 .hondaTeam td{background: #fff6f6 !important;}
 .ms-news-grid{display: none;}
.ms-page-main img{ width: 40%}

}