:root {
  --main-red-color: #993300;
  --main-black-color: #222222;
  --main-gray-color: #ededed;
  --real-main-red-color: #ce1126;
  --real-main-yellow-color: #fcd116;
}

body {
	
}

header.header-no-image h1 {
	background: url(../image/common/title-bg.png);
}
.navbar-brand {
	color:var(--main-red-color);
}
#navbarSupportedContent a{
	color:var(--main-red-color);
}
.main-visual {
	height:500px;
	overflow:hidden;
}
.main-visual:after {
	
}
.main-visual img {
	width:100%;
	height: 100%;
    object-fit: cover;
    animation: animationZoom1 3s ease-in-out forwards;
}
@keyframes animationZoom1 {
  100% { transform:scale(1.1)} 
}
.main-visual>div {
	color:#fff;
	top:38%;
	width:100%;
}

footer {
	padding:1rem;
	background:var(--main-black-color);
	color:var(--main-gray-color);
}

h2,h3,h4,h5,h6 {
	color:var(--main-red-color);
}

.top_title {
	background:var(--main-red-color);
	color:var(--main-gray-color);
}
.text-red {
	color:var(--main-red-color);
}
.bg-red {
	background:var(--main-red-color);
	color:var(--main-gray-color);
}
.bg-gray {
	background:var(--main-gray-color);
	color:var(--main-red-color);
}
#recommends a {
	text-decoration:none;
}
#recommends a:hover {
	color:var(--main-red-color);
}
#recommends .post-image {
	width:100px;
}
#recommends .post-date {
	width: calc(100% - 100px);
}
#recommends .post-date .card-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
section.bg-red h3{
	
}
section.bg-gray h3{
	
}
article.page h2 {
	border-bottom:var(--main-red-color) solid 2px;
	color:var(--main-red-color);
	padding:1rem;
	margin-bottom:1rem;
}
article.page h3 {
	background:var(--main-red-color);
	color:var(--main-gray-color);
	padding:0.8rem 1rem;
	margin-bottom:1rem;
	font-size:1.5rem;
}
article.page h4 {
	border-left:var(--main-red-color) solid 5px;
	padding:0.5rem 0.7rem;
	margin-bottom:1rem;
	font-size:1.4rem;
}


.footer-content {
	background:var(--main-red-color);
	color:var(--main-gray-color);
}
.footer-content h4,
.footer-content h5 {
	color:var(--main-gray-color);
}
footer a {
	color:var(--main-gray-color);
}
.footer-title {
	
}
.footer-title small{
	font-size:1rem;
}

.wygiwyg {
	
}
#pagination li a {
	padding:1rem;
}

#footer_access dt {
	width:80px;
}
#footer_access dd {
	width:calc(100% - 80px);
}

iframe {
	width:100%;
}

.has-text-align-right {
	text-align:right;
}