body {
    background-color: #F6FAFB;
    color: #323523;
}
header {
    border-top: 10px solid #1D438F;
}
header nav {

}
header .header-copy {
    color: #1D438F;
    margin-left: 35px;
    font-size: 0.8rem;
}
h1 {
	font-size: 1.2em;
}
h2 {
	font-size: 1.2em;
}
a {
    color: #1D438F;
}
#right_side_of_navbar li a.nav-link {
    display: block;
    text-align: center;
    width: 120px;
    height: 40px;
    border: 1px solid #1D438F;
    border-radius: 5px;
    color: #1D438F;
    margin-left: 20px;
}
#right_side_of_navbar li a.nav-link:hover {
    border: 1px solid #7189b9;
    color: #7189b9;
}
#right_side_of_navbar a.dropdown-item:hover {
    color: #999999;
    background-color: unset;
}
#slider {
    background-color: #D3E4E9;
    background-image: url("/img/slider-bg.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
    height: 350px;
}
#slider h2 {
    font-size: 2rem;
    margin: 20px auto;
    color: #134554;
}
#slider p {
    font-size: 1rem;
    margin: 20px auto;
    color: #134554;
}
#search-box {
    background-color: #E6F1E1;
}
#search-box h2 {
    font-size: 1.3rem;
    color: #519A2C;
}
.tag {
    font-size: 0.8rem;
    display: inline;
    border: 1px solid #CCCCCC;
    margin-right: 10px;
    padding: 2px 5px;
    color: #323523 !important;
    line-height: 35px;
    white-space: nowrap;
}
a.tag:hover {
    text-decoration: none;
}
.tag-recom {
    border: 1px solid #4294A4;
    background-color: #E4F0F2;
}
.tag-recom span {
    color: #4294A4;
}
.tag-notrecom {
    border: 1px solid #AA4E6D;
    background-color: #F5EBEE;
}
.tag-notrecom span {
    color: #AA4E6D;
}
.tag-noanswer {
    border: 1px solid #B79D69;
    background-color: #F2EDE4;
}
.tag-noanswer span {
    color: #B79D69;
}
.blog-list {
    margin-bottom: 20px;
}
.blog-list a {
    font-size: 0.8rem;
}
.blog-list img {
    object-fit: cover;
    height: 150px;
}
#footer-link {
    display: flex;
    justify-content: center;
    margin: 50px auto 20px auto;
}
#footer-link li {
    list-style: none;
    margin: 0px 15px;
}
#copyright {
    background-color: #1D438F;
    color: #FFFFFF;
    text-align: center;
    padding: 10px;
    font-size: 0.7rem;
}

/* Page */
#page-title {
    color: #FFFFFF;
    font-size: 1.2rem;
    background-color: #1D438F;
    padding: 5px 0px;
}
#breadcrumb {
    background-color: #EEEEEE;
    padding: 5px 0px;
}
.small_text {
    font-size: 12px;
    color: #999999;
}
.about_tip {
    border: 1px solid #E5E5E5;
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 5px;
}
.about_tip strong {
    color: #519A2C;
}
.about_tip p {
    margin-bottom: 0px;
}


/* Search */
#search-head {
    background-color: #DBE1ED;
}
.table-bordered {
    background-color: #FFFFFF;
}
.circle-color {
    color: #4294A4;
}
.triangle-color {
    color: #B79D69;
}
.square-color {
    color: #AA4E6D;
}
.lived-color-1 {
    color: #AA4E6D;
}
.lived-color-2 {
    color: #519A2C;
}

/* Mypage */
.item-name {
    font-size: 1rem;
    color: #A3B4D3;
}
.disable-text {
    color: #999999;
}
.apartment-item {
    border-top: 1px solid #DEE2E6;
}

/* ページャー */
.pagination {
    justify-content: center;
}

@media screen and (max-width: 991px) {

}
@media screen and (max-width: 767px) {
    #slider {
        height: 300px;
    }
    .blog-list img {
        height: 80px;
    }
}
@media screen and (max-width: 576px) {
    html {
        font-size: 80%;
    }
    #slider h2 {
        font-size: 1.5rem;
    }
    #slider {
        height: 300px;
    }
    #footer-link {
        display: block;
    }
    .spbr {
        display: block;
    }
    #right_side_of_navbar li a.nav-link {
        width: auto;
        height: auto;
        border: 0px;
        color: #666666;
        margin-left: 5px;
    }
    #right_side_of_navbar li a.nav-link:hover {
        border: 0px;
    }
    .tag {
        font-size: 0.7rem;
        line-height: 25px;
        margin-right: 5px;
    }
    .table-sm th,
    .table-sm td {
        font-size: 0.6rem;
    }
    .search-apartment-regist-bt {
        margin-top: 20px;
    }
}