@charset "UTF-8";
/* CSS Document */

/*色変更追加分 */
a {
    color: #0000FF!important;
}
/*index.css */
#mainimg {
    background-color: #FFFFFF!important;
}
.sns-list dt {
    color: #0000FF!important;
}
.tabs input:checked + .tab_item {
    background-color: #0000FF!important;
    color: #FFFF00!important;
}
.tab_item {
    background-color: #FFFF00!important;
    border: 1px solid #0000FF!important;
    border-bottom: 3px solid #0000FF!important;
    color: #0000FF!important;
}
.tab_item:hover {
    background-color: #FFFFFF!important;
    opacity: 1!important;
}
.newsarea {
    border: 5px solid #0000FF!important;
    background-color: #FFFF00!important;
}
.newsarea li {
    border-bottom: 1px dotted #0000FF!important;
}
.newsarea li span.date {
    background-color: #0000FF!important;
    color: #FFFF00!important;
}
.newsarea li:nth-child(2n) {
    background-color: #FFFF00!important;
}
.newsarea li:hover {
    background-color: #FFFFFF!important;
}
#center-nav {
    background-color: #FFFF00!important;
    border: 3px solid #0000FF!important;
}
h2 {
    color: #0000FF!important;
}
#center-nav ul li a {
    background-color: #FFFF00!important;
    border: 2px solid #0000FF!important;
}
#center-nav ul li a:hover {
    background-color: #FFFFFF!important;
    color: #0000FF!important;
}
#center-nav ul li h3 {
    background-color: #FFFF00!important;
    border: 2px solid #0000FF!important;
    text-shadow: none!important;
}
.innerlist li {
    background: none!important;
}
#links ul li a {
    color: #0000FF!important;
    background-color: #FFFF00!important;
    border: 1px solid #0000FF!important;
}
#links ul li a:hover {
    background-color: #FFFFFF!important;
    text-shadow: none!important;
}
.resetjumbo {
    background-color: #FFFF00;
}
#address {
    color: #0000FF;
}
#copyright {
    color: #0000FF;
}
#page-top a {
    background-color: #0000FF!important;
    color: #FFFF00!important;
}
/*index.css */

/*common-child.css */
#main h3 {
    color: #0000FF!important;
}
#page-links {
    background-color: #FFFF00!important;
    border: 1px solid #0000FF!important;
}
#page-links dt {
    background-color: #0000FF!important;
    color: #FFFF00!important;
}
.fa-caret-right {
    color: #FFFF00!important;
}
#page-links dd ul li {
    border-right: 1px solid #0000FF!important;
}
#page-links dd ul li:last-child {
    border-right: 0px!important;
}
.content-area {
    background-color: #FFFF00!important;
    border: 2px solid #0000FF!important;
}
#mainimg h2, .breadcrumb-item.active, .breadcrumb-item + .breadcrumb-item::before, .content-area h4, .content-area section h5, .content-area section h5::before, .content-area section h6, .content-area p, .content-area dl {
    color: #0000FF!important;
    text-shadow: none!important;
}
.content-area section h5 {
    background: #FFFF00!important;
    border: 1px solid #0000FF!important;
    ;
}
table, table th, #history tr td:nth-child(2), #dues tr td.bgpink {
    background-color: #FFFF00!important;
    color: #0000FF!important;
}
table tr th, table tr td {
    border: 1px solid #0000FF!important;
}
.content-area .pdf-button a::before, .content-area .word-button a::before {
    background-color: #0000FF!important;
    color: #FFFF00!important;
}
.content-area .pdf-button a, .content-area .word-button a {
    background-color: #0000FF!important;
    border: 1px solid #FFFF00!important;
    color: #FFFF00!important;
}
.menu {
    background-color: #FFFF00!important;
    border: 1px solid #0000FF!important;
}
.inner {
    background-color: #FFFF00!important;
    border: 1px solid #0000FF!important;
    color: #0000FF!important;
}
.content-area .pdf-button a:hover, .content-area .word-button a:hover, .menu:hover {
    background-color: #FFFFFF!important;
    color: #0000FF!important;
}
.menu:after {
    color: #0000FF!important;
}
hr {
    border-top: 1px solid #0000FF!important;
}
aside.pdf-reader {
    background-color: #0000FF!important;
    color: #FFFF00!important;
}
.content-area .link-button a {
    background-color: #0000FF!important;
    color: #FFFFFF!important;
}
.content-area section table.normaltable td {
    background-color: #FFFF00!important;
    color: #0000FF!important;
}
.content-area .green-title > dt {
    background-color: #0000FF!important;
    color: #FFFF00!important;
}
.green-list, .content-area .green-list li::before, .content-area .green-circle-title dt::before {
    color: #0000FF!important;
}
#feed li span.date {
    background-color: #0000FF!important;
    color: #FFFF00!important;
}
#feed li {
    border-bottom: 1px dotted #0000FF!important;
}
#feed li:nth-child(2n) {
    background-color: #FFFF00!important;
}
#feed li:hover {
    background-color: #FFFFFF!important;
}
#volunteerflow {
    background-color: #FFFFFF;
}
#fukkou-button a {
    background-color: #0000FF!important;
    color: #FFFF00!important;
    border: 1px solid #FFFF00!important;
}
#fukkou-button a:hover {
    background-color: #FFFFFF!important;
    color: #0000FF!important;
}
section ol, section ul {
    color: #0000FF!important;
}
.target {
    background-color: #FFFF00!important;
    border: 1px solid #0000FF!important;
}
.target dt, .green-icon {
    color: #0000FF!important;
}
.content-area p.people {
    background-color: #0000FF!important;
    color: #FFFF00!important;
}
.people span.peoplecurrent {
    background-color: #FFFF00!important;
    color: #0000FF!important;
}
.flowchart li {
    background-color: #FFFF00!important;
    border: 1px solid #0000FF!important;
}
.flowchart li::after {
    color: #0000FF!important;
}
.flowchart li span.flowitem {
    background-color: #0000FF!important;
    color: #FFFF00!important;
}
#fixtures dl dt {
    color: #FFFF00!important;
    background-color: #0000FF!important;
}
.inner #rentalbooks tr:nth-child(2n+1) {
    background-color: #FFFF00!important;
}
.content-area #system {
    background-color: #FFFF00!important;
    border: 2px solid #0000FF!important;
}
.contactbox {
    background-color: #0000FF!important;
    color: #FFFF00!important;
}
.contactbox i {
    color: #FFFF00!important;
}
.brownline {
    background-color: #FFFF00!important;
    color: #0000FF!important;
}
.content-area .green-title > dt a {
    color: #FFFF00!important;
}
.contactlist-area i {
    color: #0000FF!important;
}
.servicelist dt {
    border-bottom: 1px solid #0000FF!important;
}
#fukkou1 figure {
    color: #0000FF!important;
}
#fukkou2 dd span {
    color: #0000FF!important;
}
#whitebg img {
    background-color: #FFFFFF!important;
}
/*common-child.css */

.content-area ul li .date {
    background-color: #0000FF!important;
}
li.post:hover {
    background-color: rgba(255,255,255,0.3)!important;
}
.post-meta.p-0 .date {
    color: #0000FF!important;
}
#main h3 {
    background-color: #FFFF00!important;
    border: 1px solid #0000FF!important;
    text-shadow: none;
}

/* Header */
h1 {
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px solid #000000;
}
#mojiset {
    background-image: url(../img/signboard.png);
    background-position: center top;
    background-repeat: no-repeat;
}
#sizechange {
    margin-top: 9px;
    margin-left: 88px;
    background-color: #FFFF00;
    border: 1px solid #0000FF;
    border-radius: 10px;
    padding: 7px 3px 7px 10px;
    font-size: 13px;
    color: #0000FF;
}
#sizechange .list-inline-item {
    margin-right: 2px;
    vertical-align: bottom;
}
/* 文字のサイズ変更 */
#moji-small, #moji-middle, #moji-big {
    padding: 1px 5px;
    border: 1px solid #0000FF;
    background-color: #FFFF00;
    border-radius: 5px;
}
#moji-small:hover, #moji-middle:hover, #moji-big:hover {
    color: #FFFFFF;
    background-color: #FFFFFF;
    text-decoration: none;
    transition: all 0.2s ease;
}
#moji-small {
    font-size: 100%;
}
#moji-middle {
    font-size: 125%;
}
#moji-big {
    font-size: 150%;
}
.current {
    background-color: #0000FF!important;
    color: #FFFF00!important;
}
/* 背景色変更 */
#color {
    margin-top: 9px;
    margin-bottom: 16px;
    margin-left: 10px;
    background-color: #FFFF00;
    border: 1px solid #0000FF;
    border-radius: 10px;
    padding: 7px 3px 3px 10px;
    font-size: 13px;
    max-width: 195px;
    color: #0000FF;
}
#color button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    padding: 3px 5px;
    border: 1px solid #0000FF;
    background-color: #FFFF00;
    color: #0000FF;
    border-radius: 5px;
    font-size: 14px;
    vertical-align: bottom;
}
#color button#button-blue {
    background-color: #FFFF00;
    color: #0000FF;
}
#color button#button-black {
    background-color: #FFFF00;
    color: #0000FF;
}
#color button#button-yellow {
    background-color: #FFFF00;
    color: #0000FF;
}
#color button:hover {
    color: #FFFF00!important;
    background-color: #0000FF!important;
    text-decoration: none;
    transition: all 0.2s ease;
}
.buttoncurrent {
    background-color: #0000FF!important;
    color: #FFFF00!important;
}
#contact-header {
    font-size: 13px;
    float: right;
}
#contact-header .contact-button {
    margin: 9px 0px;
    padding: 13px 15px;
}
/* Sideber */
#sidebar {
    margin-top: 30px;
    margin-bottom: 30px;
}
#sidebar.col-lg-3 {
    padding: 0px;
}
#sidebar ul:first-child {
    background-color: none;
    padding: 15px 10px;
    border: 1px solid #0000FF;
    border-radius: 30px;
    font-weight: bold;
    font-size: 85%;
    color: #0000FF;
}
.list a img:hover {
    opacity: 0.5;
    transition: all 0.3s ease;
}
.innerlist {
    background-color: none;
    padding: 5px 10px;
    margin: 10px;
}
.innerlist li {
    border-bottom: 1px dotted #0000FF;
}
.innerlist li:last-child {
    border-bottom: 0px;
}
.innerlist li a {
    padding: 3px 10px;
    margin: 5px 0px;
    display: block;
    border-left: 5px solid #0000FF;
}
.innerlist li a:hover {
    color: #FFFF00;
    text-decoration: none;
    background-color: #FFFFFF;
    transition: all 0.2s ease;
}
/* Contents */
#contents {
    background: #FFFF00;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
}
/* Footer */
footer.jumbotron {
    background-image: url(../img/colorfulline.png);
    background-repeat: repeat-x;
    background-position: center top;
    padding-top: 30px;
}
#footnav {
    font-size: 85%;
    line-height: 28px;
}
#footnav ul li dl dt {
    font-weight: bold;
    line-height: 20px;
    color: #0000FF;
}
#footnav ul li dl dd {
    margin-bottom: 0px;
    margin: 0px;
}
.line2l {
    line-height: 20px;
}
.fa-caret-right {
    color: #0000FF;
}
#address dl dt span {
    font-size: 25px;
}
.contact-button {
    margin: 10px 0px;
    padding: 10px 15px;
    display: inline-block;
    color: #FFFF00!important;
    background-color: #0000FF;
    border: 1px solid #FFFF00;
    border-radius: 10px;
}
.contact-button:hover {
    color: #0000FF!important;
    text-decoration: none;
    background-color: #FFFF00;
    transition: all 0.3s ease;
    border: 1px solid #0000FF;
}
#copyright {
    margin-top: 30px;
    margin-bottom: 0px;
    padding: 20px;
    text-align: center;
    background-color: #FFFF00;
}
/* スマホ用 */
#footnav-s {
    display: none!important;
}


#info {
    border: 1px solid #0000FF!important;
    color: #0000FF!important;
}
#info ul li a {
    border: 1px solid #0000FF!important;
    color: #0000FF!important;
    background-color: #FFFFFF!important;
}
#info ul li a:hover {
    color: #FFFFFF!important;
    background-color: #0000FF!important;
}


@media (max-width: 1199px) {
/* Header */
#sizechange {
    margin-left: 39px;
}
/* Footer */
#address dl {
    margin-bottom: 0px;
}
#address dl dt {
    margin-bottom: 10px;
}
#address dl dt span {
    font-size: 20px;
}
#address dl dd {
    font-size: 90%;
}
#address a {
    font-size: 90%;
}
}

@media (max-width: 991px) {
/* Header */
html {
    font-size: 90%!important;
}
#header-logo {
    text-align: center;
}
#header-logo img {
    width: 70%;
}
#mojiset {
    background-image: none;
}
#sizechange {
    margin-left: 0px;
    text-align: center;
}
#mainimg .margin-t60 {
    margin: 0;
}
#contact-header {
    display: none;
}
/* Sideber */
#sidebar {
    display: none;
}
/* Footer */
#footnav {
    display: none;
}
#address {
    text-align: center;
}
.mean-container a.meanmenu-reveal {
    color: #00CCCC!important;
}
.mean-container .mean-nav ul li a {
    color: #4D4D4D!important;
}
.mean-container .mean-nav ul li a.mean-expand {
    color: #818181!important;
}
.innerlist li {
    border: none!important;
    }
.innerlist li a {
    border: none!important;
}
}

@media (max-width: 767px) {
/* Header */
h1 {
    line-height: 20px;
}
#header-logo img {
    width: 100%;
}
#mojiset {
    display: none;
}
}