@charset "UTF-8";
  body {
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, Arial, sans-serif;
font-size: 15px;
-webkit-text-size-adjust: 100%;
}
#breadcrumb {
display: none;
} .article {
margin-bottom: 1.4em;
} #container {
padding: 0;
margin: 0 auto;
}
#header-in, #navi-in, #body-in, #footer-in {
width: 1070px;
margin: 30px auto;
box-sizing: border-box;
position: relative;
} #body-in {
padding-top: 30px;
} #content,
#content-in,
#main,
#main-content,
#main-in,
#main-inner {
padding-top: 96px !important; } #header {
margin-bottom: 0;
position: relative;
z-index: 1000;
}
#header .alignleft,
#header .alignright {
margin-bottom: 0;
max-width: 380px; } :root {
--vit-sidebar-top: 260px; --vit-leftcol-width: 340px; --vit-pad-mobile: 0px; --leftcol-x: calc(50% - 535px - 50%); } #header .alignleft {
position: fixed !important;
margin: 0 !important;
padding: 0;
top: 35px;
left: calc(50% - 535px) !important;
transform: translateX(0) !important; z-index: 1100;
width: var(--vit-leftcol-width);
}
.vit-brand {
width: var(--vit-leftcol-width); text-align: left;
}
.site-title-img {
display: block;
margin: 0;
width: 100px;
height: auto;
} #site-title {
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
}
#site-title a {
display: block !important;
margin: 0 !important;
padding: 0 !important;
line-height: 0 !important;
} #site-description .desc-strong {
font-weight: 700 !important;
} #site-description .desc-normal {
font-weight: 400;
} #site-description {
color: #000;
padding: 0 0 0 24px;
margin: 18px 0 0 0;
line-height: 140%;
font-size: 14px;
font-weight: 400;
position: relative;
z-index: 1200;
max-width: var(--vit-leftcol-width);
word-break: normal;
overflow-wrap: normal;
transform: none !important;
backface-visibility: visible;
will-change: auto;
text-rendering: optimizeLegibility;
} #site-description .desc-bold {
font-weight: 700 !important;
} #site-description .desc-line-nowrap {
display: inline-block;
white-space: nowrap;
word-break: keep-all;
overflow-wrap: normal;
} #site-description .desc-sub {
display: block;
margin-top: 5px;
font-size: 13px;
font-weight: 700;
color: #000;
letter-spacing: 0.08em;
line-height: 1.4;
} #header .alignright {
height: 52px;
text-align: right;
margin-right: 30px;
right: 0;
top: 0;
position: absolute;
z-index: 1100;
}
#h-top {
min-height: 0;
overflow: visible;
background-repeat: no-repeat;
background-position: top left;
position: relative;
z-index: 1050;
} #body {
margin-top: 0;
position: relative;
z-index: 1;
}
#main, #sidebar {
border: none !important;
} #list {
display: flow-root;
}
#list .entry,
#list .entry-card,
#list .entry-card-large,
#list .entry-body {
display: flow-root;
}
#list .entry-thumb {
max-width: 100%;
} #sidebar {
position: fixed !important;
margin: 0 !important;
padding-top: 10px;
top: var(--vit-sidebar-top);
left: calc(50% - 535px) !important;
transform: translateX(0) !important; width: var(--vit-leftcol-width);
z-index: 900;
}
#sidebar .widget {
padding: 0 0 15px 0;
margin: 0;
} #menu-global_menu,
#menu-global_menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu-global_menu li {
padding-top: 3px;
padding-bottom: 3px;
margin: 0;
line-height: 18px;
}
#menu-global_menu a {
display: inline-block;
text-decoration: none;
color: #444;
font-size: 15px;
font-weight: bold;
}
#menu-global_menu ul.sub-menu {
margin: 0 !important;
padding: 0 0 0 18px !important;
list-style: none !important;
}
#menu-global_menu ul.sub-menu li {
margin: 0 !important;
padding: 3px 0 !important;
}
#menu-global_menu ul.sub-menu li a {
color: #444 !important;
font-size: 12px !important;
font-weight: bold !important;
}
#menu-global_menu a:hover,
#menu-global_menu a:active {
color: #000099;
border-left: solid 4px #000099;
padding: 0 1px;
} *:first-child+html #header > div {
clear: both;
zoom: 1;
}
#header-image {
margin: 0 0 20px 0;
} .vit-branding-bottom {
display: none;
} @media screen and (max-width: 1100px) { #header-in,
#navi-in,
#body-in,
#footer-in {
width: 100%;
margin: 0 auto;
padding-left: var(--vit-pad-mobile);
padding-right: var(--vit-pad-mobile);
} #body-in {
padding-top: 0;
} #header .alignleft {
display: block !important;
position: static !important;
width: 100% !important;
max-width: none !important;
margin: 0 auto !important;
padding: 0 !important;
text-align: center !important;
left: auto !important;
top: auto !important;
float: none !important;
clear: both !important;
transform: none !important;
} .vit-brand {
display: block !important;
width: 100% !important;
max-width: none !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 0 !important;
text-align: center !important;
float: none !important;
clear: both !important;
}
#site-title,
#site-title a {
display: block !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
float: none !important;
}
.site-title-img {
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
width: 140px !important;
max-width: 80% !important;
height: auto !important;
}
#site-description {
display: block !important;
width: 100% !important;
max-width: none !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center !important;
}
#site-description .desc-line-nowrap {
white-space: normal !important;
}
#site-description .desc-sub {
text-align: center !important;
} #sidebar {
position: static !important;
margin-top: 20px !important;
width: auto !important;
left: auto !important;
top: auto !important;
float: none !important;
margin-left: 0 !important;
transform: none !important;
} #main {
float: none !important;
width: auto !important;
} #content,
#content-in,
#main,
#main-content,
#main-in,
#main-inner {
padding-top: 20px !important;
}
} @media screen and (max-width: 767px) {
#header-in,
#navi-in,
#body-in,
#footer-in {
padding-left: var(--vit-pad-mobile) !important;
padding-right: var(--vit-pad-mobile) !important;
} .single #header .alignleft {
display: none !important;
}
.single #content,
.single #content-in,
.single #main,
.single #main-content,
.single #main-in,
.single #main-inner {
padding-top: 0 !important;
} .vit-branding-bottom {
display: block !important;
text-align: center !important;
margin: 60px auto 12px auto !important;
padding: 0 12px !important;
}
.single .vit-branding-bottom {
margin: 120px auto 12px auto !important;
}
.vit-branding-bottom .site-title-img {
display: block !important;
margin: 12px auto 0 auto !important;
width: 140px !important;
max-width: 80% !important;
height: auto !important;
}
.vit-branding-bottom .vit-branding-catch {
margin: 14px 0 0 0 !important;
font-size: 18px !important;
line-height: 1.6 !important;
color: #777 !important;
white-space: normal !important;
overflow: visible !important;
word-break: break-word !important;
text-align: center !important;
}
.vit-branding-bottom .desc-sub {
text-align: center !important;
} .page-id-4045 .blog-card-title a,
.parent-pageid-4045 .blog-card-title a {
font-size: 16px !important;
line-height: 1.6 !important;
}
.page-id-4045 .blog-card-excerpt,
.parent-pageid-4045 .blog-card-excerpt {
font-size: 16px !important;
line-height: 1.8 !important;
}
} @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
#header-in,
#navi-in,
#body-in,
#footer-in {
padding-left: var(--vit-pad-mobile) !important;
padding-right: var(--vit-pad-mobile) !important;
}
} body:is(.home, .archive, .search) #list :is(
.post-meta,
p.post-meta,
.entry-meta,
.post-date,
.entry-date,
.date,
time,
.fa-clock-o,
.fa-calendar,
.fa-calendar-o,
.fa-history
) {
display: none !important;
} .page-id-4045 .blog-card.internal-blog-card,
.parent-pageid-4045 .blog-card.internal-blog-card {
border: none !important;
box-shadow: none !important;
outline: none !important;
background: transparent !important;
}
.page-id-4045 .blog-card.internal-blog-card .blog-card-thumbnail,
.page-id-4045 .blog-card.internal-blog-card .blog-card-content,
.page-id-4045 .blog-card.internal-blog-card .blog-card-footer,
.parent-pageid-4045 .blog-card.internal-blog-card .blog-card-thumbnail,
.parent-pageid-4045 .blog-card.internal-blog-card .blog-card-content,
.parent-pageid-4045 .blog-card.internal-blog-card .blog-card-footer {
border: none !important;
box-shadow: none !important;
outline: none !important;
background: transparent !important;
}
.page-id-4045 .blog-card.internal-blog-card::before,
.page-id-4045 .blog-card.internal-blog-card::after,
.page-id-4045 .blog-card.internal-blog-card .blog-card-content::before,
.page-id-4045 .blog-card.internal-blog-card .blog-card-content::after,
.parent-pageid-4045 .blog-card.internal-blog-card::before,
.parent-pageid-4045 .blog-card.internal-blog-card::after,
.parent-pageid-4045 .blog-card.internal-blog-card .blog-card-content::before,
.parent-pageid-4045 .blog-card.internal-blog-card .blog-card-content::after {
border: none !important;
box-shadow: none !important;
}
.page-id-4045 .blog-card.internal-blog-card,
.parent-pageid-4045 .blog-card.internal-blog-card {
border-radius: 0 !important;
} .page-id-4045 .blog-card-title a,
.parent-pageid-4045 .blog-card-title a {
font-size: 18px !important;
line-height: 1.6 !important;
}
.page-id-4045 .blog-card-excerpt,
.parent-pageid-4045 .blog-card-excerpt {
font-size: 16px !important;
line-height: 1.8 !important;
}