/*FWSubversion{name:Maki;group:Spin off}*/
:root
{
    --content-width: 1140px;
    --line-height: 1.55em;
    /*theme colors*/
    --color-a: #1d367a;
    --color-b: #74bb20;
    --color-c: #fe9d1a;
    --color-d: #35b3e5;
    --color-main-bg: #232a3c;
    --color-heading: #000;
    --color-link: #2950b5;
    --color-link-hover: #610be8;
    --page-margins: 15px;
}
.site-navi
{
    font-size: 0.9em;
}
.site-navi li a
{
    font-weight: 600;
    padding: 5px 20px 5px 15px;
}
.site-navi li li a
{
    font-weight: 500;
    font-size: 0.8em;
}
.site-navi > li ul
{
    min-width: 300px;
}
#top
{
    position: fixed;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.9);
}
#top.fixed
{
    background-color: #FFFFFF;
}
#top:after
{
    content: " ";
    display: block;
    height: 0px;
    background-color: #31457B;
}
.pre-top
{
    background-color:var(--color-a);
    color: #FFFFFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.149);
}
.pre-top > .body
{
    display: flex;
}
.pre-top > .body > div
{
    flex: 1;
}
.pre-top .pt-search
{
    flex: none !important;
}
.site-search input
{
    padding: 0;
    background-color: transparent;
    border: none;
}
.site-search input.text
{
    border-bottom: 1px solid rgba(255, 255, 255, 0.298);
    color: #FFFFFF;
    padding: 5px;
    width: 170px;
    font-size: 1.1em;
}
.site-search input.text::placeholder
{
    color: rgba(255, 255, 255, 0.800);
}
.site-search input.ara
{
    font-size: 0;
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml;utf8,<svg enable-background="new 0 0 373.12 373.12" version="1.1" viewBox="0 0 373.12 373.12" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"> <path d="m266.67 234.67h-16.96l-5.867-5.867c20.907-24.213 33.493-55.68 33.493-90.133 0-76.587-62.08-138.67-138.67-138.67s-138.67 62.08-138.67 138.67 62.08 138.67 138.67 138.67c34.453 0 65.92-12.587 90.133-33.387l5.867 5.867v16.853l106.67 106.45 31.787-31.787-106.45-106.67zm-128 0c-53.013 0-96-42.987-96-96s42.987-96 96-96 96 42.987 96 96-42.987 96-96 96z" fill="rgb(255,255,255)"/> </svg>');
    background-position: center;
    background-size: contain;
    margin-left: 5px;
}
.button, a.button:link, a.button:visited, a[class*=button-], *[class*=button-]
{
    padding: 15px 30px;
    background-color: var(--color-a);
    /*+border-radius: 50px;*/
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    border-radius: 50px;
    font-size: 1.06em;
}
@media (max-width: 415px)
{
    .site-search input.text
    {
        border-bottom: 1px solid rgba(255, 255, 255, 0.298);
        color: #FFFFFF;
        padding: 5px;
        width: 120px;
        font-size: 1.1em;
    }
    .pre-top > .body *
    {
        font-size: 0.8rem;
    }
}
.stage-0
{
    margin-bottom: 0 !important;
}
.page-title
{
    font-size: 1.85em;
    letter-spacing: -0.3px;
}
.footer-bar
{
    border: none;
    background-color: #323E5F;
    padding: 5px 0;
    font-weight: normal;
    color: #fefefe8f;
}
.fwd-section.grd-layout-a .grid
{
    min-height: calc(100vh - 85px);
}
@media (min-width: 1025px)
{
    .fwd-section.grd-layout-a .grid .scrollable
    {
        max-height: calc(100vh - 85px);
        overflow-y: auto;
    }
}
@media (max-width: 1366px)
{
    .fwd-section.grd-layout-a .pic
    {
        flex-basis: 45%;
        max-width: 45%;
    }
}
@media (max-width: 1024px)
{
    .fwd-section.grd-layout-a .grid
    {
        min-height: 0;
    }
    .fwd-section.grd-layout-a .fwd-gcell
    {
        flex-basis: 100%;
        max-width: 100%;
    }
    .fwd-section.grd-layout-a .grid .pic .fwd-cell
    {
        padding: 18% 0;
    }
}
*::-webkit-scrollbar
{
    width: 5px;
}
*::-webkit-scrollbar-thumb
{
    background: #AAA;
    border-radius: 20px;
    border-right: 1px solid #FFF;
}
*::-webkit-scrollbar-track
{
    background: #DDD;
}