/* Stylesheet: ccc-main */
body {
    /*background: #dcdcdc;*/
    /*font-size: 0.9em;*/
line-height:1.8;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin-bottom:1rem;
}
	
.header {
    width: 100%;
    min-height: 12.5rem;
    padding: 0;
        height: inherit;
        background-image: url('/media/stanage.png');
        background-size: cover;
}


    .header .header-logo {
padding-top: 3.5rem;
        width: inherit;
        text-align: center;
    }
.header .header-logo img {
max-width: 100%;
}

    .header .header-text {
        width: inherit;
        color: #ffffff;
        text-align: center;
    }

nav > div {
max-width:1130px;
margin:auto;
}

.notice {
width:100%;
}

.notice div {
margin: 18px 0 0;
border: 1px dashed #555;
padding:10px 16px;
font-weight:bold;
}

.row {
    background: #ffffff;
    /*box-shadow: 0 0 2rem;*/
    padding-top: 2rem;
}

.aside {
    text-align: center;
    font-style: italic;
}

    .aside img {
        max-width: 100%;
    }

iframe {
    width: 100%;
    border: 0;
    padding: 1rem 0;
    overflow: hidden;
}

    iframe.map {
        height: 400px;
    }

    iframe.calendar {
        height: 600px;
    }

.social {
    padding: 1em;
    text-align: center;
}

    .social img {
        height: 1.5rem;
        margin: 0 0.5rem;
    }
	
#smart-button-container{
	max-width:400px;
	margin:30px auto;
}

/* Stylesheet: ccc-main Modified On 2020-12-10 16:00:46 */
/* Stylesheet: ccc-committee */
.committee {
    position: relative;
    margin: 0 -11px 0;
}

    .committee .position {
        background: #f5f5f5;
        border: 1px solid;
        float: left;
        margin: 10px;
        text-align: center;
        overflow: hidden;
font-size:0.8rem;
    }

        .committee .position .title {
            background-color: #000;
            color: #fff;
            font-weight: bold;
            padding: 3px 0;
        }

        .committee .position .image {
            width: 154px;
            height: 115px;
            overflow: hidden;
        }

        .committee .position .name {
            width: 153px;
            font-weight: bold;
        }

        .committee .position.shared, .committee .position .image.shared {
            width: 332px;
        }

            .committee .position.shared :nth-child(n+2) {
                float: left;
            }

            .committee .position.shared .image + .image, .committee .position.shared .name + .name {
                margin-left: 24px;
            }