@charset "utf-8";
/*　トップとコラム以外用の「陽の栖」を知る（トップページのコピー）　*/
.section-shiru .block p{font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Yu Mincho, "游明朝", YuMincho, "游明朝体", "ＭＳ Ｐ明朝", "MS PMincho", serif;}

.section-title  {text-align: center;padding: 50px 0;}

.section-title.gray {background-color: #E6E6E0;}

.section-shiru .section-title{padding: 30px 0 20px;}

.section-shiru .block {
    display: block;
    height: 300px;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
    opacity: 1;
    -webkit-transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
}
.section-shiru .block p {
    width: 100%;
    left: 0;
    bottom: 30px;
    position: absolute;
    font-size: 2.1rem;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    padding: 8px 0;
    margin-bottom: 0;
}
.section-shiru .block:hover {opacity: 0.8;}

.section-shiru .nav-1 {background-image: url(/wp/wp-content/themes/kobaken/assets/img/top/shiru-img-1.jpg);}
.section-shiru .nav-2 {background-image: url(/wp/wp-content/themes/kobaken/assets/img/top/shiru-img-2.jpg);}
.section-shiru .nav-3 {
    height: 600px;
    background-image: url(/wp/wp-content/themes/kobaken/assets/img/top/shiru-img-3.jpg);
}
.section-shiru .nav-4 {background-image: url(/wp/wp-content/themes/kobaken/assets/img/top/shiru-img-4.jpg);}
.section-shiru .nav-5 {background-image: url(/wp/wp-content/themes/kobaken/assets/img/top/shiru-img-5.jpg);}
.section-shiru .nav-6 {background-image: url(/wp/wp-content/themes/kobaken/assets/img/top/shiru-img-6.jpg);}
.section-shiru .nav-7 {background-image: url(/wp/wp-content/themes/kobaken/assets/img/top/shiru-img-7.jpg);}

@media only screen and (max-width: 767px) {
    .section-title {padding: 20px 0;}
  
    .section-shiru .section-title{padding: 10px 0 10px;}

    .section-shiru .block {
        -webkit-transition-duration: 0s;
        transition-duration: 0s;
        height: 150px;
    }
    .section-shiru .block p {
        font-size: 1.4rem;
        bottom: 10px;
    }
    .section-shiru .block:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
    .section-shiru .nav-3 {height: 300px;}

}