@import "style-base.css";
@import "style-legacy.css";
@import "style-addition.css";

/* ----------------
 * Media Query
 * ---------------- */

@media (max-width: 599px) {
	#covid19-measures-icons .wp-block-column { flex-basis: 31% !important; }
	.nowrap-columns{ flex-wrap:nowrap; }
	.nowrap-columns .wp-block-column:not(:first-child) { margin-left: 5px; }
}

@media (max-width: 680px) {
	a.btn1 { display: block; font-size: 13px; padding: 5px; text-align: center; }
	span.inline-left { display: block; float: left; margin: 0px 4px 5px 0px; }
	span.inline-right { display: inline; float: right; margin: 0px 0px 5px 4px; }

	/* Herder Navigation */

  .container > .navbar-header, .container-fluid > .navbar-header {
    width: 70%;
    height: 70px;
  }

	.navbar { margin-bottom: 1px; }
 
 header.navbar a.logo { margin: 0; padding: 0; }

header.navbar a.logo img {
  width: 100%;
  max-width: 170px;
  max-height: 70px;
  height: auto;
  margin: 0 auto;
  padding: 5px 0 0 5px;
}

#block-jc10025-header-sns-icons {
  margin: 0 auto 5px;
}

	header.navbar .container-fluid { display: block; }

	.region-navigation-collapsible,
	#block-main-menu { height: auto; }

	.navbar-collapse { padding-right: 0px; padding-left: 0px; }

	header.navbar #navbar-collapse ul.menu--main { display: block; 	height: auto; }

	header.navbar #navbar-collapse ul.menu--main > li > a {
		color: #FFF;
		padding: 10px 15px;
		overflow: hidden;
	}

  .container > .navbar-collapse, .container-fluid > .navbar-collapse { width:100%; margin-left: 0; }

  header.navbar #navbar-collapse ul.menu--main { border: 0; }
  header.navbar #navbar-collapse ul.menu--main > li { border: 0; border-bottom: 1px solid #FFF; }

  #search-block-form { display: block; width: 100%; }
  #search-block-form .input-group { width: 100%; padding: 5px; }

	/* Page Title */
	.page-title-row { display: block; }
	.page-title-row .title-image { display: block; width: 100%; text-align: center; }
	.page-title-row .title-image img { display: inline-block; }
	.page-title-row h1.page-header { display: block; width: 100%; }

 /* Content & Block */
	ul.top-banners li { width: 48%; }
	ul.top-banners li:first-child { width: 100%; }

	#page-header-wrapper .page-titleimage { display: block; width: 100%; max-width: 100%; padding: 0 0 10px; }
	#page-header-wrapper .page-titleimage img { width: 100%; height: auto; }
	#page-header-wrapper .page-header { display: block; font-size: 18px; }
	#page-header-wrapper .page-header h1 { line-height: 1.5; }

	ul.teaser-list li { width: 48%; }
	ul.teaser-list li:nth-child(3n) { margin: 0.5em 2% 0.5em 0; }
	ul.teaser-list li:nth-child(2n) { margin: 0.5em 0 0.5em 2%; }

	header.teaser h2 { font-size: 15px; }

	#event-date-header { font-size: 14px; }

	.region-header .block { border-radius: 0; }
	#block-block-83 { margin: 5px 0 5px; font-size: 13px; }
	#block-block-83 .countdown-eventname { font-size: 16px; color: #FFCF38; }
	.race_menu1 { display: block; width: 100%; margin: 0 0 1px; }
	#citizen_race_menu ul li { display: block; width: 100%; }

	.row { border-radius: 0; }
	.col-sm-3 { padding: 10px 0 0; }
	.breadcrumb { display: none; }


	ul.news-cat-selector { font-size: 12px; }
	ul.news-cat-selector li { width:auto; }

	.racearchive-list ul > li { width: 48%; }

.footer { padding: 5px 0 20px; }

	.view-sponsors-view { border-radius: 0; margin: 0 0 1em; }

  .block-views-blocksponsor-list-block-sp02-1 .item-list ul { justify-content: center; }
	.block-views-blocksponsor-list-block-sp02-1 .item-list ul > li,
	.block-views-blocksponsor-list-block-sp02-1 .item-list ul > li:nth-child(2),
	.block-views-blocksponsor-list-block-sp02-1 .item-list ul > li:nth-child(3) { width: 45%; margin: 2%; }
	.block-views-blocksponsor-list-block-sp02-1 .item-list ul > li img,
	.block-views-blocksponsor-list-block-sp02-1 .item-list ul > li:nth-child(3) img { max-height: 60px; width: auto; }

  .block-views-blocksponsor-list-block-sp03-1 ul > li { width: 40%; margin: 12px 2.5%; }
	.block-views-blocksponsor-list-block-sp03-1 ul > li img { max-height: 50px; width: auto; }

	.block-views-blocksponsor-list-block-sp04-1 ul > li { width: 28%; }
	.block-views-blocksponsor-list-block-sp04-1 ul > li img { width: auto; max-height: 44px; }

	.block-views-blocksponsor-list-block-sp05-1 ul { margin: 10px 0; }
	.block-views-blocksponsor-list-block-sp05-1 ul > li { width: 28%; }
	
	#block-jc10025-views-block-sponsor-list-block-sp07-1 ul > li { max-width: 17%; margin: 10px 3%; }
	#block-jc10025-views-block-sponsor-list-block-sp07-1 ul > li img { width: auto; max-height: 80px; }

	#block-jc9023-button-twiiter-facebook-ft { margin: 0 0 0.5em; border-radius: 0; }

  .sns-left-button,
  .sns-center-button,
  .sns-right-button { width: 30%; padding: 1.6%; }

	.course_guide1,
	.course_guide2 { width: 47%; margin: 0 1.5% 1em; }

	.team-history .team-history-annual { width: 48%; margin: 0 1% 1em; }
	.view-program ul li { width: 48%; margin: 0 0.5% 1em; font-size: 14px; }

	fieldset.group-team-information div.panel-body { padding: 5px; }
	fieldset.group-team-information div.field div.field-label { width: 45%; font-size: 14px; }
	fieldset.group-team-information div.field div.field-items { width: 53%; font-size: 14px; }

	.view-image-gellery .item-list ul li { width: 48%; }

	table.tour1,
	table.tour_op1 { display: block; }

	table.tour1 tr,
	table.tour_op1 tr {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	 margin: 0 0 1em;
	}

	table.tour1 tr td:first-child,
	table.tour1 tr:nth-child(2n) td:first-child,
	table.tour_op1 tr td:first-child { background: #EEE; }

	table.tour1 tr th:first-child,
	table.tour1 tr th:nth-child(2),
	table.tour1 tr td:first-child,
	table.tour1 tr td:nth-child(2),
	table.tour_op1 tr td { width: 100%; }

	table.tour1 tr th:nth-child(3),
	table.tour1 tr th:nth-child(4),
	table.tour1 tr th:nth-child(5),
	table.tour1 tr td:nth-child(3),
	table.tour1 tr td:nth-child(4),
	table.tour1 tr td:nth-child(5) { width: 33.3%; }

}

@media (min-width: 681px) and (max-width: 767px) {
	.race_menu1 ul > li { font-size: 13px; }

	.view-display-id-sponsors_block_sp07 .SP07 ul > li img { width: auto; max-height: 40px; }
	.view-display-id-sponsors_block_2 .group-2 ul > li img { max-height: 70px; width: auto; }

	.view-program ul li { font-size: 14px; }

}

@media (max-width: 767px) {

  #block-jc10025-search { display: block; width: 100%; }
  #block-header-sns-icons { display: block; width: 100%; padding: 5px; }
  ul.hd-sns-icons { justify-content: center; }
  ul.hd-sns-icons li { margin: 0 5px 0; padding: 0; }

	.menu-english { display: none; }

	.navbar-toggle-text { display: inline; }

	.navbar-main { display: none; }

	.navbar-nav { margin: 0 -15px; background: #000; border-top: none; }
	.navbar-nav > li { border-top: 1px solid #FFF; }
	.navbar .secondary { display: list-item; float: none; }

	.dropdown-menu { padding: 0; }
	.navbar-nav .open .dropdown-menu li { background-color: #000; /* #A20046 */ border-top: 1px solid #FFF; }
	.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #FFF; padding: 8px 15px 8px 25px; }

	ul.social-link-list { display: block; }

	#quicktabs-front_news_tab_1 ul.quicktabs-tabs,
	#quicktabs-front_news_tab_2020 ul.quicktabs-tabs { display: block; }

	ul.news-cat-selector li { width: 49%; }

	#block-widget-twitter-facebook-ft { display: none; }

	.banner-ib1 { display: inline-block; width: 48.5%; font-size: 14px; margin: 0 0.5% 8px; }
	.banner-ib1 img { width: 100%; height: auto; }

}

@media (min-width: 782px) {
	.wp-block-column:not(:first-child) { margin-left: 1.2em; }
}

@media (min-width: 768px) and (max-width: 1019px) {

	.navbar-main ul li { font-size: 15px; }

	.navbar-default .navbar-nav > li { float: none; display: inline-block; font-size: 13px; }

	.navbar .secondary { display: none; }
	#event-date-header { font-size: 20px; }

	#quicktabs-front_news_tab_1 ul.quicktabs-tabs,
	#quicktabs-front_news_tab_2020 ul.quicktabs-tabs { display: block; }

	.view-display-id-2016_sponsors_block_1 .SP07 ul > li img { width: auto; max-height: 50px; }

	ul.news-cat-selector li { width: 32%; }

}

@media (min-width: 768px) {
	#navbar .container-fluid { padding: 0; line-height: 1.0; }

	.navbar-default .navbar-nav { float: none; margin: 0; }
	.navbar-default .navbar-nav { font-size: 0px; text-align: center; }
	.navbar-default .navbar-nav > li { float: none; }

	/* Header Navigation Position Fixed */
	/*.navbar-fixed-top { position: static; right: 0; left: 0; width: 100%; z-index: 1030; }*/
	.fixed { position: fixed; top: 0; padding: 0; width: 100%; z-index: 1000; }
/*	.top-margin-fixer { margin-top: 82px; } */

	/*body.toolbar-horizontal .main-container { margin-top: 92px; } */

	.col-sm-9 { float: none; display: inline-block; width: 69%; max-width: 730px; vertical-align: top; }
	.col-sm-3 { float: none; display: inline-block; width: 29%; max-width: 300px; vertical-align: top; margin-left: 0.8%; padding: 0; }

	#block-button-twiiter-facebook-ft { display: none; }
}

@media (min-width: 901px) {
	.navbar-default .navbar-nav > li { font-size: 16px; }
}

@media (min-width: 1200px) {
	.footer.container { width: 100%; }
}