@charset "utf-8";

/**********************************************/
/*境内散歩*/
/**********************************************/

#sanpo {
    padding: 100px 0 0;
    text-align: center;
}

/*内枠*/
#sanpo .contents {
    background-image: url("../images/illust/obousan02.png"), url("../images/illust/bird.png");
    background-repeat: no-repeat, no-repeat;
    background-position: left 5%, right top;
    background-size: 160px, 200px;
}

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

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

/*境内マップ*/
#guide-map {
    margin-top: 80px;
}
#guide-map img {
    width: 100%;
    max-width: 1600px;
    display: block;
    margin: 0 auto;
}

#guide-map-sp img {
    width: 100%;
    max-width: 380px;
    display: block;
    margin: 0 auto;
}




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

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

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

    #sanpo .contents {
        background: none;
    }

    #sanpo {
        background-image: url("../images/illst_14.png"), url("../images/illst_13.png");
        background-repeat: no-repeat, no-repeat;
        background-position: center 470px, right 30px;
        background-size: 150px, 170px;
        padding-top: 150px;
    }
    #guide-map {
        margin-top: 300px;
    }
}

@media screen and (max-width: 980px) {
#sanpo .contents {
    background-position: left 10%, 95% top;
    background-size: 160px, 150px;
    }
}


@media screen and (max-width: 540px) {
    #guide-map-sp {
        background: url("../images/map_sp_a.gif") no-repeat center top;
        padding-top: 217px;
        margin-top: 240px;
    }
    .message-txt span {
    height: 110%;
}
}

@media screen and (max-width: 380px) {
    #sanpo {
        background-position: center 500px, right 30px;
        background-size: 120px, 140px;
        padding-top: 120px;
    }
}