@charset "utf-8";

/**********************************************/
/*不動院について*/
/**********************************************/

/****************************/
/*表紙*/
/****************************/
#cover {}


/****************************/
/*はじめまして*/
/****************************/
#about {
    padding: 100px 0 100px;
    text-align: center;
    background-image: url("../images/illust/fudouin.png") /*,url("../images/illust/tourou.png")*/;
    background-repeat: no-repeat/*, no-repeat*/;
    background-position: 15% 100px/*, 80% 90%*/;
    background-size: 200px/*, 60px*/;
}

/*内枠*/
#about .contents {}

/*余白*/
.about-inner {
    padding: 0 20px;
}

/*見出し*/
#about .header-ttl .h2-header {
    margin-bottom: 30px;
}

/*くわしくボタン*/
#about .btn_more {
    margin-top: 50px;
}


/****************************/
/*由緒*/
/****************************/
#history {
    padding: 100px 0 80px;
    background-color: #f1efe9;
}

/*内枠*/
#history .contents {}

/*余白*/
.history-inner {
    padding: 0 20px;
}

/*見出し*/
#history .header-ttl {
    text-align: center;
    margin-bottom: 80px;
}

/*歴史紹介*/
.history-item {
    width: 100%;
    padding: 50px 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;    
}
.history-item-photo {
    width: 400px;
}
.history-item-photo img {
    width: 100%;
    max-width: 400px;
}
.history-item-text {
    width: calc(100% - 400px - 70px);
}

/*写真左*/
.style-left .history-item-photo {
    order: 1;
}
.style-left .history-item-text {
    margin-left:70px;
    padding-right: 70px;
    order: 2;
}

/*写真右*/
.style-right .history-item-photo {
    order: 2;
}
.style-right .history-item-text {
    margin-right: 60px;
    padding-left: 60px;
    order: 1;
}


/****************************/
/*寺宝*/
/****************************/
#heritage {
    padding: 100px 0 80px;
    background-image: url("../images/illust/kumo.png"), url("../images/illust/hasumisan.png");
    background-repeat: no-repeat, no-repeat;
    background-position: 80% 200px, 90% 68%;
    background-size: 180px, 160px;
}

/*内枠*/
#heritage .contents {}

/*余白*/
.heritage-inner {
    padding: 0 20px;
}

/*見出し*/
#heritage .header-ttl {
    text-align: center;
    margin-bottom: 100px;
}

/*宝紹介*/
.heritage-item {
    width: 100%;
    margin: 70px 0;
    padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;   
}

.heritage-item-dt {
    pointer-events: none; /*イベントを発生させない*/
    width: 100%;
    padding: 0;
    margin: 0;
}
.heritage-item-dd {
    width: 100%;
}
.heritage-item-dd-inner {
    width: 100%;
    margin: 0;
    padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.heritage-item-photo {
    width: 400px;
    margin-right: 70px;
}
.heritage-item-text {
    width: calc(100% - 400px - 70px);
}

/*見出しの位置*/
.heritage-item-dt h3 {
    margin: 0 0 0 auto;
    width: calc(100% - 400px - 70px); /*heritage-item-textに合わせる*/
}


/*写真*/
.heritage-item-photo {
    margin-top: -4.8rem;  /*フォントサイズ（3.2 + (3.2/2)*/
}
.heritage-item-photo .imgWrap {
    position:relative;
    cursor: pointer;
}
.heritage-item-photo img {
    width: 100%;
    max-width: 400px;
}

/*情報*/
.heritage-item-text {}
.heritage-item-text .info {
    margin: 30px 0;
    padding: 0;
    list-style: none;
}
.heritage-item-text .info li {
    margin:5px 0;
}
.heritage-item-text p {}


/*ViewPoint*/
.viewpoint {
    border: 2px #c68814 solid;
    background: url("../images/viewpoint.png") no-repeat 30px center;
    padding: 40px 20px 40px 170px;
    margin-top: 40px;
    color: #c68814;
}

/*拡大アイコン*/
.heritage-item-photo .expand {
    position: absolute;
    bottom:20px;
    right:20px;
    width: 50px;
}

/*ポップアップ画面*/
/*js/lightbox2/dist/css/lightbox.cssを調整する*/



/****************************/
/*はすみさん*/
/****************************/
#hasumisn {
    padding: 100px 0 80px;
    background-color: #f7f6f3;
}

/*内枠*/
#hasumisn .contents {}

/*余白*/
.hasumisn-inner {    
    padding: 0 20px;
    margin-bottom: 50px;
}

/*見出し*/
#hasumisn .header-ttl {
    text-align: center;
}

/*はすみさん紹介*/
.hasumisn-item {
    width: 100%;
    margin: 0;
    padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;  
}
.hasumisn-item-photo {
    width:400px;
    margin-right: 70px;
    text-align: center;
}
.hasumisn-item-text {
    width: calc(100% - 400px - 70px);
}

/*情報*/
.hasumisn-item-photo img {}
.hasumisn-item-text .info {
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
}
.hasumisn-item-text .info li {
    margin:5px 0;
}
.hasumisn-item-text p {}



/****************************/
/*レスポンシブ*/
/****************************/
@media screen and (max-width: 1240px) {
}

@media screen and (max-width: 980px) {
    .heritage-item-photo {
        width: 350px;
        margin-right: 50px;
    }
    .heritage-item-text {
        width: calc(100% - 350px - 50px);
    }
    .heritage-item-dt h3 {
        margin: 0 0 0 auto;
        width: calc(100% - 350px - 50px);
    }
    #heritage {
        background-position: 80% 200px, 95% 66%;
    }
}

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

    /*はじめまして*/
    #about {
        padding: 50px 0 160px;
    background-position: 50% 85%, 70% 75%;
    background-size: 140px, 140px;
    }
    .about-inner p {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        text-align: left;
    }

    /*由緒*/
    #history {
        padding: 50px 0 30px;
    }

    #history .header-ttl {
        margin-bottom: 50px;
    }
    .history-item {
         padding: 0;
         margin-bottom: 50px;
    }
    .history-item-photo {
        width: 100%;
    }
    .history-item-photo img {
        width: 100%;
        max-width: 800px;
        display: block;
        margin: 0 auto 30px;
    }
    .history-item-text {
        width: 100%;
    }
    .history-item-text .h3-header {
        margin-bottom: 30px;
    }
    .style-left .history-item-photo {
        order: 1;
    }
    .style-left .history-item-text {
        margin-left: 0px;
        padding-right: 0px;
        order: 2;
    }  
    .style-right .history-item-photo {
        order: 1;
    }
    .style-right .history-item-text {
        margin-right: 0px;
        padding-left: 0px;
        order: 2;
    }

    /*寺宝*/
    #heritage {        
        padding: 50px 0 30px;
        background-image: url("../images/illst_4.png");
        background-repeat: no-repeat;
        background-position: 95% 50px;
        background-size: 120px;
    }
    #heritage .header-ttl {
        margin-bottom: 50px;
    }
    .heritage-item {
        width: 100%;
        margin: 0;
        padding: 0;
    }    
    .heritage-item-photo {
        width: 100%;
        margin-top:0;
        margin-right: 0px;
    }

    .heritage-item-text {
        width: 100%;
    }
    .heritage-item-dt {
        pointer-events: auto; /*イベント発生を許可*/    
        width: 100%;
        border-bottom: 1px #000 solid;
        padding-bottom: 10px;
        padding-left: 10px;
        margin-bottom: 20px;
    }
    .heritage-item-dt h3 {
        font-size: 1.8rem;
        margin:0;
        width:100%;
    }
    .heritage-item-dd-inner {
        width: 100%;
        padding-bottom: 100px;
    }
    .heritage-item:last-child .heritage-item-dd {
        padding-bottom: 0px;
    }

    .heritage-item-photo img {
        width: 100%;
        max-width: 800px;
    }
    .viewpoint {
        background-position: center 10px;
        padding: 120px 20px 20px 20px;
        margin-top: 30px;
    }
    /*こわい（イラスト）*/
    .img-kowai {
        padding-bottom: 40px;
        background-image: url("../images/illst_8.png");
        background-repeat: no-repeat;
        background-position: 95% bottom;
        background-size: 120px;
    }



    /*はすみさん*/
    #hasumisn {
        padding: 50px 0 140px;
        background-color: transparent;       

        background-image: url("../images/illst_1.png");
        background-repeat: no-repeat;
        background-position: 40px bottom;
        background-size: 140px;
    }
    
    .hasumisn-inner {    
        margin-bottom: 0px;
    }
    .hasumisn-item-photo {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .hasumisn-item-text {
        width: 100%;
    }

    .hasumisn-item-text .info {
        padding-left: 30px;
    }
    .message-txt span {
        height: 80%;
    }

}

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

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