@charset "UTF-8";

:root {
	--color-primary: #ff0000;
}

@font-face {
	font-family: 'icon-sns';
	src: url('/fonts/icon.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
[class^="icon-sns-"], [class*=" icon-sns-"] {
	font-family: 'icon-sns' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-sns-facebook:before {
	content: "\e900";
}
.icon-sns-x:before {
	content: "\e901";
}

body {
    background: #222;
}

#header {
	background-color: transparent;
	color: #fff;
}
#header #logo {
	display: flex;
}
#header #logo a {
	display: block;
}
#header #logo img {
	display: block;
	width: auto;
	height: 80px;
}
#header #header-sns li a {
	background-color: transparent !important;
	text-decoration: none;
	color: var(--color-primary);
}
#header #header-sns li a:hover {
	color: var(--color-primary);
}
@media screen and (max-width: 991px) {
	#header-menu-tog {
		padding-top: 20px;
	}
}
@media screen and (max-width: 767px) {
	#header-menu-tog {
		padding-top: 4px;
	}
	#header #logo img {
		height: 48px;
	}
}

.footer-01,
.footer-02 {
	background: transparent;
	border-top: 1px solid #fff;
}
.footer-01 a,
.footer-02 a {
	color: #fff !important;
}

#gnav {
	background-color: transparent;
}
#gnav ul li a {
	background: transparent !important;
	color: #fff;
}
#gnav ul li a:hover {
	color: rgba(255,255,255,0.6);
	border-color: var(--color-primary);
}
#gnav ul li.current-menu-item a {
	border-color: #fff;
}

#footer-nav a {
	color: #fff;
}

.breadcrumb {
	color: #FFF;
}
.breadcrumb a {
	color: #FFF;
}
.breadcrumb i::before {
	background-color: #FFF;
}

#customMain {
	height: 300px;
	background: transparent url(custom_main_bg.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#customMain .custom-logo {
	height: 100%;
	background: transparent url(custom_main_logo.png) 50% 50% no-repeat;
}
@media screen and (max-width: 767px) {
	#customMain {
		height: 140px;
	}
}

.pagination::after {
	content: '';
	display: block;
	clear: both;
}
.pagination ul {
	display: table;
}
.pagination ul li {
	display: table-cell;
	vertical-align: middle;
}
.pagination span,
.pagination a {
	display: block;
	margin: 2px 2px 2px 0;
    padding: 12px 18px;
	color: var(--color-primary) !important;
	background: #fff !important;
	border: 1px solid var(--color-primary) !important;
}
.pagination .current {
	color: #fff !important;
	background: var(--color-primary) !important;
}
.pagination a:hover {
	color: #fff !important;
	background: var(--color-primary) !important;
}
@media screen and (max-width: 767px) {
	.pagination .prev,
	.pagination .next {
		display: none;
	}
	.pagination span,
	.pagination a {
		padding: 2px 8px !important;
	}
}

.side-widget {
	color: #FFF;
}
.side-widget ul a {
	color: #FFF !important;
}
.side-widget ul a:hover {
	color: rgba(255,255,255,0.6) !important;
}
@media screen and (max-width: 767px) {
	.side-widget .side-title {
		margin: 0;
	}
}

#content {
	color: #fff;
}

.cat-content,
article.post,
article.page,
article.wp101,
article.seo101 {
	background-color: #000;
	border-color: #666;
}
.post-meta:after {
	background-color: #fb0f0c;
}
.post-meta li {
	background: #000;
}
.post-meta .modified {
	display: none;
}
.post-title a {
	color: #fff;
}
.post-title a:hover {
	color: #ccc;
}
.post-content {
	color: #ccc;
}
.post-footer-list,
.post-footer-list a {
	color: #999;
}
.side-widget ul li {
	border-color: #666;
}
.published:before {
	background-color: #fff;
}