:root {
	--red: #a31c37;
    --main-fontcolor: #3b3a39;
}

.fancybox-container .fancybox-slide > div {
	border-radius: 10px;
    max-width: 500px;
}

.fancybox-container h1,
.fancybox-container h2,
.fancybox-container a,
.quickContent h1,
.quickContent h2,
.quickContent h3,
.quickContent h4,
.quickContent a {
    color: var(--red);
}

.quickContent h1,
.quickContent h2,
.quickContent h3,
.quickContent h4,
.quickContent a {
    font-weight: 500px;
}

.fancybox-container h1,
.fancybox-container h2 {
    font-weight: 500;
}

.quicknavi {
    position: fixed;
    top: 230px;
    right: 0;
    /*display: none;*/
    z-index: 2000;
}

.quicknavi .item {
    margin: 5px 0;
    position: relative;
}

.quicknavi .item a i {
    padding: 10px;
    background-color: var(--red);
    color: #fff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.quicknavi .item:hover a i {
    background-color: var(--main-fontcolor);
}

.quicknavi .quickContent {
    position: absolute;
    width: 300px;
    right: -300px;
    top: -36px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.quicknavi .item.active .wpb_column {
    right: 36px;
}

.quicknavi .quickContent {
    padding: 10px;
}

.quicknavi .quickContent .textBox {
    padding: 20px;
}

.quickContent .widget-container.widget_text .textwidget {
    margin-top: 20px;
}