/*

font-family: 'Pacifico', cursive;
font-family: 'Dancing Script', cursive;
font-family: 'Amatic SC', cursive;
font-family: 'Bad Script', cursive;
font-family: 'Noto Serif JP', serif;
font-family: 'Parisienne', cursive;

 */
body {
    margin: 0;
    padding: 0;
    background-image: url("/static/img/bg/bg6.jpg") ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
}

.page {
    margin: 0 auto;
    width: 1280px;
    max-width: 1403px;
}

.page-header {
    height: 150px;
    background-color: rgba(255,255,255,0.5);
}

.page-header .logo {
    margin-left: 50px;
    margin-top: 48px;
}

.page-main {
    display:flex;
    background-color: white;
    border-top: 3px solid #F2BBC5;
    border-bottom: 3px solid #F2BBC5;
    border-left: 1px solid #F2BBC5;
    border-right: 3px solid #F2BBC5;
    min-height: 100%;
    margin: 0 auto;
}

.sidebar {
    font-family: 'Bad Script', cursive;
    font-size: 20px;
    width:300px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAbklEQVQoU3WQwRGAMAgEIQXoQ+m/wOhDC5AMODBI8EfCcneAAAAXd16ODZAaWi3/937CioTcH/ZGhuQtsELU8KWTUoZkQKd+7aJqhColcZSsaj0FD0q2kGeMwa2etvYTFErm+DlBpWSxJutoF7MP98ycW8hOJ8sAAAAASUVORK5CYII=);
}

.sidebar .nav {
    margin-top: 30px;
    padding: 0 20px 0 20px;
}

.sidebar .nav li {
    padding: 15px 0 15px 0;
    border-bottom: 1px solid #F2BBC5;
    list-style: none;
}

.sidebar .nav li a {
    color:#333;
    text-decoration: none;
}

.nav-top {
    display:none;
    font-family: 'Bad Script', cursive;
    font-size: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAbklEQVQoU3WQwRGAMAgEIQXoQ+m/wOhDC5AMODBI8EfCcneAAAAXd16ODZAaWi3/937CioTcH/ZGhuQtsELU8KWTUoZkQKd+7aJqhColcZSsaj0FD0q2kGeMwa2etvYTFErm+DlBpWSxJutoF7MP98ycW8hOJ8sAAAAASUVORK5CYII=);
    border-top: 1px solid #F2BBC5;
}

.nav-top ul {
    padding:0;
    margin:0;
}

.nav-top li {
    display: block;
    list-style: none;
    padding: 4px 0 4px 0;
    text-align: center;
    border-bottom: 1px solid #F2BBC5;

}

.nav-top li a {
    color:black;
}

.container h1,
.container h2,
.container h3,
.container h4,
.container h5,
.container h6 {
    font-family: 'Parisienne', cursive;
    text-transform: capitalize;
}

.container h1 {
    font-size: 40px;
}

.container {
    margin-left: 20px;
    width: 900px;
    padding-bottom: 80px;
    font-family: 'Noto Serif JP', serif;
}

/* brick-wysiwyg-image-left */

.brick-wysiwyg-image-left .content {
    float:left;
    width: 500px;
    padding: 10px;
}

.brick-wysiwyg-image-left .image {
    float:left;
    width: 300px;
}

.brick-wysiwyg-image-left .image img {
    width: 280px;
    padding: 5px 5px 5px 0;
}

/* brick-wysiwyg-image-right */

.brick-wysiwyg-image-right .content {
    float:left;
    width: 500px;
    padding: 10px;
}

.brick-wysiwyg-image-right .image {
    float:left;
    width: 300px;
}

.brick-wysiwyg-image-right .image img {
    width: 280px;
    padding: 5px 5px 5px 0;
}


@media all and (max-width : 768px) {

    body {
        background-image: none;
        background-color: #F8EEEF;
    }

    .nav-top {
        display:block !important;
    }

    .logo {
        margin: 0 auto !important;
        display:block;
    }

    .sidebar {
        display: none;
    }

    .page {
        width: 100%;
    }

    .container {
        width: 100%;
    }

    .page-header {
        height: 100px;
    }
}