/*!
Theme Name: lab-bizkit
Author: Labrid
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lab-bizkit
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

lab-bizkit is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Link
# Header
# Footer
# Navigation
	## Menu common
	## Offcanvas Menu
	## Global Menu
	## Pagetop Button
# Accessibility
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# News
# Childpage list
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
html,body {
  color: #000;
  font-size: 16px;
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

*:focus, *:active { outline: none !important; }

@media (max-width: 40em) {
 html,body {
 	font-size: 14px;
 }
}

h1, .uk-h1 {
  font-size: 1.5rem; }
h2, .uk-h2 {
  font-size: 1.35rem; }
h3, .uk-h3 {
  font-size: 1.25rem; }
h4, .uk-h4 {
  font-size: 1.2rem; }
h5, .uk-h5 {
  font-size: 1.15rem; }
h6, .uk-h6 {
  font-size: 1.075rem; }

@media screen and (min-width: 960px) {
h1, .uk-h1 {
  font-size: 1.75rem; }
h2, .uk-h2 {
  font-size: 1.5rem; }
h3, .uk-h3 {
  font-size: 1.35rem; }
h4, .uk-h4 {
  font-size: 1.25rem; }
h5, .uk-h5 {
  font-size: 1.2rem; }
h6, .uk-h6 {
  font-size: 1.125rem; }
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
	color: inherit;
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
 text-decoration: none; }
h1 small, h2 small, h3 small {
	font-size: 70%; }

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin: 2.2em 0 .8em; }
.entry-content>*:first-child,
.entry-content .entry-content>*:first-child,
.entry-content .entry-content>*:first-child,
.entry-content h2 + h3,
.entry-content h3 + h4 {
	margin-top: 0; }

.page-content h2 {
	padding-left: 0.6em;
	border-left: 8px solid #0097e0;
}

.page-content h3 {
	padding-bottom: 0.6em;
	border-bottom: 4px solid #eee;
}

.content-area table {
	margin:1em 0;
	border-collapse:collapse;
}
.content-area caption {
	padding: .8em 0 1em;
}
.content-area th,
.content-area td {
	padding: .8em 1em;
	border:solid 1px #d5d5d5;
	line-height: 1.8;
}
.content-area th {
	background-color: #f5f5f5;
	text-align:center;
	white-space:nowrap;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

p, ul, ol, dl {
	line-height: 1.8;
}

li > ul, li > ol,
dd > ul, dd > ol,
td > ol, td > ul {
	margin-bottom: 0; }

dl dt, th {
	font-weight: 400;}


hr { margin: 1.75rem 0;}




/*--------------------------------------------------------------
# Link
--------------------------------------------------------------*/
a {
	transition: all, .2s;
}

/*--------------------------------------------------------------
# UK hack
--------------------------------------------------------------*/
.uk-container {
}

.uk-offcanvas-bar {
  background: #fff;
}
.uk-offcanvas-bar a {
  color: #444;
}
.uk-offcanvas-bar .uk-close {
  color: #666;
}
.uk-offcanvas-bar a:hover,
.uk-offcanvas-bar .uk-close:hover {
  color: #000;
}
.uk-offcanvas-bar .ocmnone {
	display: none;
}
.uk-offcanvas-bar ul.uk-nav {
	line-height: 1.4;
}
.uk-offcanvas-bar ul.uk-nav>li>a {
	padding: 10px 0;
	border-bottom: solid 1px #ddd;
}

/* table */
.uk-table th {
	font-size: 1rem;
	color: inherit;
}
.uk-table thead th {
	text-align: center;
}
.uk-table tbody th {
	vertical-align: top;
}

/* button */
.uk-button {
	font-size: .925rem;
	line-height: 2.5em;
}
.uk-button-primary {
	background-color: #0097e0;
}
@media (min-width:640px) {
	.uk-button {
		font-size: 1rem;
		line-height: 3em;
	}
}

/* card */
.uk-card-default {
	background: transparent;
	color: inherit;
	border: solid 1px #dcdcdc;
	box-shadow: none;
}
.uk-card-primary {
	background-color: #0097e0;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header {
}
.site-title {
	margin: 0;
	padding: 11px 28px 10px;
}
.site-title a:hover {
	opacity: .7;
}
.head-navwrap, .head-navwrap .uk-nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.uk-navbar-toggle {
	width: 58px;
	min-height: auto;
  padding: 0 14px;
}
.uk-navbar-toggle .uk-navbar-toggle-icon,
.uk-navbar-toggle .uk-navbar-toggle-icon svg {
	width: 100%;
}

#visualhead {
	padding: 3% 5%;
	background: url("assets/images/topslide1.jpg") center center no-repeat;
	background-size: cover;
}
#visualhead .vislogo {
	height: 160px;
}

#topslide {
	position: relative;
}
#topslide .vislogo {
	position: absolute;
	left: 5%;
	top: 50%;
	transform: translateY(-50%);
	height: 73.75%;
}
@media (max-width:959px) {
  .site-title {
		padding: 8px 10px;
  }
	.uk-navbar-toggle {
		width: 44px;
		padding: 0 10px;
	}
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer {
	padding: 1.2rem 0;
	border-top: solid 1px #fff;
	background-color: #666;
	color: #fff;
}
.copyright {
	font-size: 13px;
	padding: 1rem;
  text-align: center;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/* Header Nav */
.head-navwrap .uk-nav {
	font-size: 14px;
}

#header-menu {
  display: flex;
  justify-content: flex-end;
}
#header-menu li {
  margin-right: 1.5em;
}
#header-menu a {
  color: #000;
}
#header-menu a:hover,
#header-menu li.current-menu-item a {
  color: #0097e0;
}

#google_translate_element {
	margin-right: 1.4em;
}
#google_translate_element a {
	text-decoration: none;
}
#google_translate_element .goog-te-gadget-simple {
	border: solid 1px #ccc;
}

#head-search-form {
	margin-right: 1em;
	position: relative;
	width: 180px;
}
#head-search-form .search-field {
	height: 26px;
	padding: 2px 4px;
	width: 100%;
	border: solid 1px #ccc;
}
#head-search-form .search-submit {
}
@media (max-width: 1199px) {
	#google_translate_element,
	#head-search-form {
		margin-right: 10px;
	}
}
@media (max-width: 640px) {
	#google_translate_element {
		margin-right: 3px;
		font-size: 12px;
	}
	#google_translate_element .goog-te-gadget-icon {
		display: none;
	}
	#google_translate_element .goog-te-gadget-simple {
		font-size: 10px;
	}
	#head-search-form {
		display: none;
	}
}


.hd-iconbtn {
	background-color: #0097e0;
	color: #fff;
	text-align: center;
	padding: 13px 12px 12px !important;
	border-left: solid 1px #fff;
	width: 134px;
	line-height: 16px;
}
.hd-iconbtn:hover {
	opacity: 0.8;
	color: #fff;
}
.hd-iconbtn img {
	width: 22px;
	margin-bottom: 7px;
}

.hd-fabtn {
	background-color: #0097e0;
	color: #fff;
	text-align: center;
	padding: 15px 12px 10px !important;
	border-left: solid 1px #fff;
	width: 70px;
	font-size: 12px;
	line-height: 14px;
}
.hd-fabtn:hover {
	opacity: 0.8;
	color: #fff;
}
.hd-fabtn .fa {
	font-size: 26px;
	line-height: 26px;
	margin-bottom: 5px;
}

.btn-twitter { background: #1DA1F2; }
.btn-facebook { background: #3b5998; }

@media (max-width:1320px) {
	#header-menu li {
		margin-right: 1em;
	}
	.hd-iconbtn {
		width: auto;
	}
}

#global-menu {
	display: flex;
}
#global-menu > li {
	flex: 1 1 auto;
	border-right: solid 1px #fff;
}
#global-menu > li:last-child {
	border-right: none;
}
#global-menu > li > a {
	background-color: #0097e0;
	color: #fff;
	text-align: center;
	padding: 22px 5px;
	line-height: 20px;
}
#global-menu > li.gm-twoline > a {
	padding: 12px 5px;
}
#global-menu > li > a:hover,
#global-menu > li.current-menu-item > a {
	opacity: 0.8;
}

/* offcanvas */
.offcanvas-toggle {
	position: fixed;
	top: 0;
	right: 0;
	width: 78px;
	z-index: 990;
}
.offcanvas-toggle a {
	display: block;
	position: relative;
	top: 0; right: 0;
  color: #fff;
	background-color: #000;
  width: 78px;
	height: 78px;
  border-radius: 0;
	z-index: 10002;
	box-sizing: border-box;
	padding-top: 55px;
	text-align: center;
	font-size: 12px;
	line-height: 1.1;
}
.offcanvas-toggle a>i {
	display: block;
	position: absolute;
  height: 2px;
  width: 30px;
	left: 24px;
  margin: 0;
  background: #fff;
}
.offcanvas-toggle a>i:first-child {
	top: 23px;
}
.offcanvas-toggle a>i:nth-child(2) {
	width: 26px;
	top: 33px;
}
.offcanvas-toggle a>i:nth-child(3) {
  top: 43px;
}

.uk-offcanvas-bar li.page_item_has_children {
  position: relative;
}
.uk-offcanvas-bar li.page_item_has_children > button {
  position: absolute;
  background: none;
  border: none;
  top: 4px; right: 0;
  width: 24px;
  height: 24px;
  font-size: 20px;
}
.uk-offcanvas-bar li.page_item_has_children > button:before,
.uk-offcanvas-bar li.page_item_has_children > button:after {
  position: absolute;
  content: '';
  width: 10px;
  height: 1px;
  background: #444;
  top: 12px;
  left: 7px;
}
.uk-offcanvas-bar li.page_item_has_children > button:after {
  transform: rotate(90deg);
}

/* pagetop link */
.pagetop {
	display: none;
	position: fixed;
	right: 0px;
	bottom: 150px;
	background-color: #333;
	padding: 15px 0;
	width: 60px;
	height: 30px;
	z-index: 8000;
	text-align: center;
}
.pagetop:hover {
	background-color: #888;
}
@media (max-width:640px) {
	.pagetop {
		padding: 7px 0;
		width: 43px;
		height: 29px;
		bottom: 60px;
	}
}

/* 管理メニューの高さ考慮 */
.admin-bar .uk-navbar-toggle { top: 3rem; }
.admin-bar .uk-offcanvas { top: 32px; }
@media (max-width:782px) {
	.admin-bar .uk-navbar-toggle { top: 4rem; }
	.admin-bar .uk-offcanvas { top: 46px; }
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
aside.widget-area {
	padding: 3rem 0;
	background: #666;
	color: #fff;
}
aside.widget-area a {
	color: #fff;
}
aside.widget-area a:hover {
	text-decoration: underline;
}
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}
.widget-title {
	display: none;
}
.widget select {
	max-width: 100%;
}

.second-cptitle {
	color: #fff;
	font-size: 1.125rem;
	font-weight: bold;
	margin: 0 0 1.8rem;
}
.foot-info p {
	font-size: .875rem;
	margin: 0 0 1.8rem;
}
/*
.ftmenu-grid {
	margin-top: 1.5rem;
}
*/
.ft-smlist {
	list-style: none;
	padding-left: 0;
	margin: 0;
	font-size: .875rem;
}
@media (max-width: 640px) {
	aside.widget-area {
		padding: 1.8rem .4rem;
	}
	.second-cptitle,
	.foot-info p {
		margin: 0 0 1rem;
	}
	/*
	.ftmenu-grid {
		margin-top: .8rem;
	}
	*/
}
@media (min-width: 960px) {
	.second-flex {
		display: flex;
	}
	.foot-info {
		flex: 1 1 45%;
	}
	.foot-sitemap {
		flex: 1 1 55%;
	}
	.ftmenu-grid {
		display: flex;
	}
	.ftmenu-grid>.ft-smlist {
		flex: 1;
	}
}

/*--------------------------------------------------------------
# Search
--------------------------------------------------------------*/
.search-form {
	position: relative;
}
.search-submit {
	height: 25px;
	padding: 5px;
	position: absolute;
	background: none;
	border: none;
	right: 0;
	top: 0;
}
.search-submit svg {
	width: 15px;
	height: 15px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.content-area {
	padding: 5rem 0 3.5rem;
}
@media (max-width: 640px) {
	.content-area {
		padding: 2rem 0;
	}
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
}

.updated:not(.published) {
	display: none;
}

.archive-post-part {
	padding: 1.5rem 0 .5rem;
	border-bottom: solid 3px #eee;
}
.page-header + .archive-post-part {
	border-top: solid 3px #eee;
	margin-top: 1.5rem;
}
.archive-post-part .entry-meta {
	font-size: .925rem;
}

.entry-header {
	margin-bottom: 1.2rem;
}
.entry-title {
	line-height: 1.5;
	padding-bottom: .65em;
	border-bottom: solid 1px #222;
}
.archive-entry-title {
	font-size: 1.15rem;
	margin-bottom: .75em;
	line-height: 1.6;
}

.page-header {
	margin-bottom: 2.5rem;
}
.page-title {
	line-height: 1.5;
	padding-bottom: .65em;
	border-bottom: solid 3px #555;
	letter-spacing: .1em;
	margin-bottom: 0;
}

.archive-description p {
	margin: 1rem 0 0;
}

.entry-meta>span {
	display: block;
	margin-bottom: 3px;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0 0 2rem;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.nav-links {
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	margin: 3rem 0;
}
.post-navigation .nav-links {
	justify-content: space-between;
}
.post-navigation .nav-links > * {
	width: 45%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.post-navigation .nav-links .nav-next {
	text-align: right;
}
.pagination .nav-links {
	justify-content: center;
}
.pagination .nav-links .page-numbers {
	margin: 0 .5em;
}
.nav-links .nav-previous a:before,
.nav-links .nav-next a:after,
.nav-links a.prev:before,
.nav-links a.next:after {
	display: inline-block;
	font-family: FontAwesome;
}
.nav-links .nav-previous a:before,
.nav-links a.prev:before {
	margin-right: .5em;
	content: '\f104';
}
.nav-links .nav-next a:after,
.nav-links a.next:after{
	margin-left: .5em;
	content: '\f105';
}

/*
.archive-entry-title a,
.entry-meta a {
	color: #000;
}
.archive-entry-title a:hover,
.entry-meta a:hover {
	color: #0097e0;
}
*/

@media(min-width:640px) {
	.archive-post-part {
		padding: 2rem 0 1rem;
	}
	.page-header + .archive-post-part {
		margin-top: 3rem;
	}
	.entry-meta {
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
	}
	.entry-meta>span {
		line-height: 1;
	}
	.entry-meta>span.cat-links {
		padding-left: 1.2em;
		margin-left: 1.2em;
		border-left: solid 1px #444;
	}
}

.archive-post {
	padding-bottom: 1.2rem;
	border-bottom: solid 1px #ccc;
}
.has-post-thumbnail:after {
	clear: both;
	content: '';
	display: table;
}
.archive-thumb {
	float: right;
	margin: 0 0 .8rem 1.5rem;
}
@media(max-width:24em) {
	.archive-thumb {
		display: none;
	}
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Search
--------------------------------------------------------------*/
.search-form input.uk-input {
  box-sizing: border-box;
  width: calc( 100% - 64px );
}
.search-form button.uk-button {
  width: 60px;
  padding: 0;
  margin-left: 4px;
}

/*--------------------------------------------------------------
# News Index
--------------------------------------------------------------*/
.news-list {
	margin: 0;
	padding-left: 0;
	list-style-type: none;
}
.news-list-li {
	padding: 1.2em;
	border-bottom: solid 2px #f3f3f3;
}
.news-l-date {
	margin: 5px 0 0;
	font-size: 90%;
}

.news-list-li a {
	color: #000;
}
.news-list-li a:hover {
	color: #0097e0;
}




/*--------------------------------------------------------------
# Childpage List
--------------------------------------------------------------*/
.childpage-grid .thumb-box {
	margin-bottom: 1.6rem;
}
.childpage-grid .thumb-box a {
	display: block;
	position: relative;
}
.childpage-grid .thumb-box .thumb-tex {
	position: absolute;
	bottom: 0; left: 0;
	display: block;
	width: 100%;
	padding: .3em;
	text-align: center;
	background: rgba(0,0,0,.2);
	color: #fff;
}
.childpage-grid .thumb-box a:hover .thumb-tex {
	background: rgba(0,0,0,.4);
}

/* child list */
.childPageList {
	margin: -15px 0 0 !important;
	padding: 1rem;
	background-color:#f5f5f5;
}
.childPageList.free-link li.current_page_item > a {
	color: #999;
}
.childPageList.free-link li.current_page_item:before,
.childPageList.free-link li.current_page_item:after {
	width: 10px;
	background: #999;
}
.childPageList.free-link li.current_page_item:before {
	transform: translateY(-2px);
}
.childPageList.free-link li.current_page_item:after {
	transform: translateY(2px);
}
@media (min-width: 640px) {
	.childPageList {
		padding: 1.4rem 1.6rem 1.2rem;
	}
}


/*--------------------------------------------------------------
# Top
--------------------------------------------------------------*/
#top-posts-slider {
	background: #f3f3f3;
	padding: 1.5rem 0 2.5rem;
}
#top-posts-slider .uk-slider-items > li {
	width: 86%;
	padding: 0 7px;
}
#top-posts-slider .uk-slidenav {
	top: 150px;
	padding: 10px 15px;
	margin: 0;
	background-color: #000;
	color: rgba(255,255,2555,.7);
	transform: none;
}
#top-posts-slider .uk-slidenav:hover,
#top-posts-slider .uk-slidenav:focus {
	color: rgba(255,255,2555,1);
}
#top-posts-slider .uk-dotnav {
	margin-left: -10px;
}
#top-posts-slider .uk-dotnav>* {
	padding-left: 10px;
}
#top-posts-slider .uk-dotnav>*>* {
	border-radius: 0;
	border-width: 4px;
	width: 17px; height: 17px;
}
#top-posts-slider .uk-dotnav>*>*:hover,
#top-posts-slider .uk-dotnav>*.uk-active>* {
	background: none;
}

.topnews-head {
	border-top: solid 5px #0097e0;
	padding: 1rem;
}
.topnews-head h2 {
	text-align: center;
	margin: 0;
	font-size: 1rem;
}

#topnews1 .topnews-head { border-top-color: #8fc31f; }
#topnews1 .topnews-head h2 { color: #8fc31f; }
.uk-dotnav>*[uk-slider-item="0"]>* { border-color: #8fc31f; }
#topnews2 .topnews-head { border-top-color: #004986; }
#topnews2 .topnews-head h2 { color: #004986; }
.uk-dotnav>*[uk-slider-item="1"]>* { border-color: #004986; }
#topnews3 .topnews-head { border-top-color: #920783; }
#topnews3 .topnews-head h2 { color: #920783; }
.uk-dotnav>*[uk-slider-item="2"]>* { border-color: #920783; }
#topnews4 .topnews-head { border-top-color: #e5004f; }
#topnews4 .topnews-head h2 { color: #e5004f; }
.uk-dotnav>*[uk-slider-item="3"]>* { border-color: #e5004f; }
#topnews5 .topnews-head { border-top-color: #f19149; }
#topnews5 .topnews-head h2 { color: #f19149; }
.uk-dotnav>*[uk-slider-item="4"]>* { border-color: #f19149; }
#topnews6 .topnews-head { border-top-color: #00b7ee; }
#topnews6 .topnews-head h2 { color: #00b7ee; }
.uk-dotnav>*[uk-slider-item="5"]>* { border-color: #00b7ee; }

@media (min-width: 420px) {
	#top-posts-slider {
		padding: 2.5rem 0 4rem;
	}
	#top-posts-slider .uk-slider-items > li {
		width: 386px;
		padding: 0 12px;
	}
	.topnews-head h2 {
		font-size: 1.125rem;
	}
}
@media (min-width: 960px) {
	#top-posts-slider {
		padding: 3.5rem 0 5rem;
	}
	#top-posts-slider .uk-slidenav {
		transform: scale(1.5);
	}
	#top-posts-slider .uk-slidenav.uk-slidenav-previous {
		transform-origin: left top;
	}
	#top-posts-slider .uk-slidenav.uk-slidenav-next {
		transform-origin: right top;
	}
}

#topsns {
	padding: 50px 0;
	background: url("assets/images/bg-sns.jpg") center center no-repeat;
	background-size: cover;
}
#topsns .uk-container {
	max-width: 1000px;
}
.topsns-box {
	padding: 2rem;
	background: #fff;
}
.topsns-box h3 {
	margin: 0 0 .8em;
	text-align: center;
}
@media (max-width: 480px) {
	#topsns {
		padding: 30px 0;
	}
	.topsns-box {
		padding: 1.4rem;
	}
	#gcal-widget iframe {
		height: 280px;
	}
}

.top-post-toidx {
}
.top-post-toidx a {
	display: block;
	padding: 1em 2em;
	color: #000;
	text-align: center;
}
.top-post-toidx a:hover {
	background: rgba(0,0,0,.08);
	text-decoration: none;
}
.top-post-toidx a.icon-right:before,
.top-post-toidx a.icon-right:after {
	background: #000;
}

.topnews-part {
	background-color: #fff;
	color: #000;
	font-size: .875rem;
}

#topbanner {
	padding: 2.2rem 1rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.topbanner-part {
	padding: 10px;
}
@media (max-width:480px) {
	#topbanner {
		padding: 15px 5px;
	}
	.topbanner-part {
		box-sizing: border-box;
		flex: 0 0 50%;
		padding: 5px;
	}
}

#topheadbnr {
	padding: 2.2rem 0;
	align-items: center;
}
#topheadbnr .uk-button {
	line-height: 1.5;
	font-size: 130%;
	padding: 1em 1.5em;
}
#topheadbnr .uk-button strong {
	font-size: 120%;
	font-weight: 400;
}
@media (max-width:480px) {
	#topheadbnr {
		padding: 15px 0;
	}
	#topheadbnr .uk-button {
		font-size: 108%;
	}
}

/*--------------------------------------------------------------
# MW WP Form
--------------------------------------------------------------*/
.mw_wp_form * {
	box-sizing: border-box;
}
.mw_wp_form table {
	width: 100%;
}
.mw_wp_form th, .mw_wp_form td {
	font-size: 1rem;
	vertical-align: top;
}
.mw_wp_form th {
	padding: 18px 15px;
	text-align: left;
	font-weight: 400;
}
.mw_wp_form th.mw-important {
	background-color: #FCFBD8;
}
.mw_wp_form td,
.mw_wp_form_confirm th {
	padding: 10px 15px;
}
.mw_wp_form td p {
	margin: 0;
}
.mw_wp_form em {
	color: red;
	font-size: 85%;
	font-style:normal;
}
.mw_wp_form td table {
	width: 100%;
	border: none;
	margin: 0;
}
.mw_wp_form td table th, .mw_wp_form td table td {
	border: none;
	background: none;
}
.mw_wp_form td table th {
	padding: 10px 0;
}
.mw_wp_form td table td,
.mw_wp_form_confirm td table th {
	padding: 0;
}
.mw_wp_form td input[type=text],
.mw_wp_form td input[type=email],
.mw_wp_form td input[type=tel],
.mw_wp_form td input[type=url],
.mw_wp_form td input[type=date],
.mw_wp_form td input[type=password],
.mw_wp_form td textarea,
.mw_wp_form td select {
    box-sizing: border-box;
    margin: 5px 0;
    padding: 8px;
		max-width: 100%;
    border: 1px solid #cacaca;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
    font-weight: 400;
	font-size: 1rem;
    line-height: 1.5;
    color: #0a0a0a;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.mw_wp_form td select {
	padding-right: 20px;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
}
.mw_wp_form td textarea {
	width: 100%;
	display:block;
}
.mw_wp_form td label {
	display: inline-block;
	width: auto;
}
.mw_wp_form td label {
	display:inline-block;
	line-height: 18px;
	padding: 6px 0;
	margin: 6px 0;
}
.mw_wp_form input.uk-button { font-size:18px; }
.w100p { width: 100%; }
.w95p { width: 95%; }
.w45p { width: 45%; }
@media (max-width:640px) {
	.mw_wp_form table, .mw_wp_form tbody, .mw_wp_form tr, .mw_wp_form th, .mw_wp_form td { border: none; display:block; }
	.mw_wp_form th { padding: 10px; }
	.mw_wp_form td { padding: 10px 5px; }
	.mw_wp_form th br { display:none; }
	.mw_wp_form td table th { padding: 5px 0 0;}
	.mw_wp_form td label {margin: 0;}
}
@media (min-width:641px) {
	.mw_wp_form table { margin-bottom: 2.6rem; }
	.mw_wp_form th { position:relative; padding-right: 50px; }
	.mw_wp_form th em { position:absolute; top: 19px; right: 10px; }
	.mw_wp_form_confirm th em {  top: 6px; }
	.mw_wp_form td table th { width: 110px;}
	.mw_wp_form input.uk-button { letter-spacing: 3px; padding: 0 47px 0 50px; }
}


/* 連携団体 */
/* Geo mashup */
.gm-map { margin: 25px 0; }
.volmap .gm-map,
.geomap .gm-map { height:400px !important; }
.networklist ul,
.voljoinlist ul { list-style:none; margin: 25px 0;line-height:1.5; padding-left: 0; }
.networklist li,
.voljoinlist li { margin-bottom: 10px; padding-left:20px; text-indent: -18px; box-sizing:border-box; }
.networklist li:before,
.voljoinlist li:before { display:inline-block; content: '●'; width: 18px;  text-indent:0; }
.networklist li:before { color: #cf0000; }
.voljoinlist li:before { color: #2D907F; }
.networklist li img { display:none; }
.topPost .gmap-wrap .gm-map { height:200px !important; }
@media (min-width:601px) {
.volmap .gm-map  { height:600px !important; }
.geomap .gm-map  { height:800px !important; }
.networklist ul:after { display:table; clear: both; content:''; }
.networklist li { float: left; width: 49.5%; }
.topPost .gmap-wrap .gm-map { height:350px !important; }
.maprightidx { overflow: hidden; }
}