@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1&family=Zen+Old+Mincho&display=swap');

/** 共通タグ設定 **/
img{
    width: 100%;
}

a{
    text-decoration: none;
}

/** ヘッダー **/
.inner{
    max-width: 1000px;
    margin-inline: auto;
}

header{
    padding: 10px;
    font-family: "Zen Old Mincho", serif;
    font-size: 16px;
    font-weight: normal;
    color: #4B4B4B;
    background-color: #ffffff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

.hd_nav{
    display: flex;
    justify-content: space-between;
}

.hd_nav li a{
    color: #4B4B4B;
}

main{
    margin-top: 80px;
} 

#main_title h1{
    font-family: "Zen Old Mincho", serif;
    font-size: 40px;
    font-weight: normal;
    color: #4B4B4B;
    letter-spacing: 0.3rem;
    writing-mode: vertical-rl;
    margin-bottom: 80px;
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
}

#main_v{
    margin-bottom: 150px;
}

h2{
    font-family: "Zen Old Mincho", serif;
    font-size: 36px;
    font-weight: normal;
	color: #4B4B4B;
    text-align: center;
}

p{
    font-family: "Zen Old Mincho", serif;
    font-size: 16px;
    font-weight: normal;
	color: #4B4B4B;
    text-align: center;
}


/** コンセプト **/
#concept_v{
    padding-top: 80px;
    margin-top: -80px;
    margin-bottom: 150px;
}

.concept_center{
    text-align: center;
}

.concept{
    margin-bottom: 80px;
}

.concept_cont{
    display: inline-block;
}

/** 歴史 **/
#history_v{
    padding-top: 80px;
    margin-top: -80px;
    margin-bottom: 150px;
}

#history_v h4{
    font-family: "Zen Old Mincho", serif;
    font-size: 32px;
    letter-spacing: 0.3rem;
    font-weight: normal;
    color: #4B4B4B;
    writing-mode: vertical-rl;
}

.history_center{
    text-align: center;
}

.history{
    margin-bottom: 80px;
}

.history_item{
    display: flex;
    justify-content: space-between;
}

.history_box{
    display: flex;
    width: 50%;
    justify-content: space-between;
    column-gap: 20px;
    margin-bottom: 20px;
}

.history_word{
    display: flex;
    align-items: center;
    width: 20%;
}

.history_cont{
    text-align: left;
    width: 70%;
    padding-right: 10px;
}

.history_visual{
    margin-right: calc(50% - 50vw);
    width: 70%;
}

/** 建築について **/
#architecture_v{
    padding-top: 80px;
    margin-top: -80px;
    margin-bottom: 150px;
}

.architecture{
    margin-bottom: 80px;
}

.architecture_box{
    display: flex;
    justify-content: space-around;
}

.architecture_cont{
    text-align: left;
    width: 35%;
    padding-left: 10px;
}

.architecture_img{
    display: flex;
    column-gap: 18px;
    margin-right: calc(50% - 50vw);
    width: 65%;
}

.architecture_visual1{
    margin-top: 300px;
    margin-bottom: 20px;
}

.architecture_visual3{
    margin-top: 150px;
}


/** 建築主について **/
#owner_v{
    padding-top: 80px;
    margin-top: -80px;
    margin-bottom: 150px;
}

#owner_v h4{
    font-family: "Zen Old Mincho", serif;
    font-size: 32px;
    letter-spacing: 0.3rem;
    font-weight: normal;
    color: #4B4B4B;
    writing-mode: vertical-rl;
    text-align: center;
}

.owner{
    margin-bottom: 80px;
}

.owner_item{
    display: flex;
    justify-content: space-between;
    column-gap: 50px;
}

.owner_box{
    display: flex;
    width: 70%;
    justify-content: space-between;
    margin-bottom: 20px;
}

.owner_cont{
    text-align: left;
    width: 64%;
}

.owner_word{
    display: flex;
    align-items: center;
    width: 30%;
}

.owner_visual{
    width: 40%;
}

/** ご利用案内 **/
#guide_v{
    padding-top: 80px;
    margin-top: -80px;
    margin-bottom: 150px;
}

.guide_center{
    text-align: center;
    padding: 0 10px;
}

.guide{
    margin-bottom: 80px;
}

.guide_cont{
    text-align: left;
    display: inline-block;
}

/** お知らせ **/
#news_v{
    padding-top: 80px;
    margin-top: -80px;
    margin-bottom: 150px;   
}

.news_center{
    text-align: center;
}

.news{
    margin-bottom: 80px;
}

.news_cont{
    margin-bottom: 80px;
    text-align: left;
    display: inline-block;
}
.news_list{
    display: flex;
    justify-content: space-between;
}

.news_list li{
    width: 24%;
    margin-bottom: 20px;
}

.news_list li a{
    display: block;
}

.news1_title{
    text-align: left;
    display: inline-block;
}

/** お問い合わせ **/
#contact_v{
    padding-top: 80px;
    margin-top: -80px;
    margin-bottom: 150px;
}

.contact_center{
    text-align: center;
}

.contact{
    margin-bottom: 80px;
}

.contact_cont{
    margin-bottom: 80px;
    text-align: left;
    display: inline-block;
}

.contact_button{
    width: 250px;
    margin-inline: auto;
    text-align: center;
    font-size: 16px;
    font-family: "Zen Old Mincho", serif;
    letter-spacing: 0.2em;
    border: 1px solid #4B4B4B;
}

.contact_button a{
    display: flex;
    justify-content: center;
    column-gap: 9px;
    padding: 13px;
    color: #4B4B4B;
}

.contact_button a span{
    display: block;
    width: 18px;
    height: 14px;
}

/** アクセス **/
#access_v{
    padding-top: 80px;
    margin-top: -80px;
    margin-bottom: 150px;
}

.access{
    margin-bottom: 80px;
}

iframe{
    width: 100%;
}

/** 観光情報 **/
#information_v{
    padding-top: 80px;
    margin-top: -80px;
    margin-bottom: 150px;
}

.information_center{
    text-align: center;
}

.information{
    margin-bottom: 80px;
}

.information_cont{
    display: inline-block;
    margin-bottom: 80px;
}

.shiga_tobunkai_button{
    width: 300px;
    margin-inline: auto;
    text-align: center;
    font-size: 16px;
    font-family: "Zen Old Mincho", serif;
    border: 1px solid #4B4B4B;
}

.shiga_tobunkai_button a{
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 15px;
    padding: 13px;
    color: #4B4B4B;
}

.shiga_tobunkai_title{
    text-align: left;
}

.img_icon{
    width: 75px;
    height: 75px;
}

/** フッター **/
footer{
    padding: 30px 0;
}

/** レスポンシブ対応 **/
@media screen and (max-width:980px){
    .inner{
        padding: 0 20px;
    }

    #main_title h1{
        font-size: 26px;
    }

    h2{
        font-size: 26px;
    }

    header{
        display: none;
    }

    .concept{
        margin-bottom: 40px;
    }

    .concept_cont{
        text-align: left;
    }

    .concept_cont br{
        display: none;
    }

    #history_v h4{
        font-size: 26px;
    }

    .history{
        margin-bottom: 40px;
    }

    .history_item{
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .history_visual{
        margin-right: auto;
        margin-left: auto;
        width: 80%;
    }

    .history_cont,.history_box{
        width: 100%;
    }
    
    .architecture{
        margin-bottom: 40px;
    }

    .architecture_box{
        display: flex;
        justify-content: space-around;
        flex-direction: column-reverse;
    }

    .architecture_img{
        display: flex;
        justify-content: space-around;
        column-gap: 18px;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }

    .architecture_visual1{
        margin-top: 100px;
    }
    
    .architecture_visual3{
        margin-top: 50px;
    }

    .architecture_cont{
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }

    #owner_v h4{
        font-size: 26px;
    }

    .owner{
        margin-bottom: 40px;
    }

    .owner_item{
        display: flex;
        justify-content: space-between;
        column-gap: auto;
        flex-direction: column-reverse;
    }

    .owner_word{
        width: 18%;
    }
    
    .owner_visual{
        margin-right: auto;
        margin-left: auto;
        width: 80%;
    }

    .owner_box,.owner_cont{
        width: 100%;
    }

    .guide{
        margin-bottom: 40px;
    }

    .news{
        margin-bottom: 40px;
    }

    .news_list{
        flex-wrap: wrap;
    }

    .news_list li{
        width: 48%;
    }

    .contact{
        margin-bottom: 40px;
    }

    .access{
        margin-bottom: 40px;
    }

    .information{
        margin-bottom: 40px;
    }

    .information_cont{
        text-align: left;
    }
}

@media screen and (max-width: 500px){
    iframe{
        height: 300px;
    }
}


/** 愛知登文会による滋賀県の保存活用事例視察 **/
#event_title_top{
    margin-bottom: 150px;
}

.event_title h1{
    font-family: "Zen Old Mincho", serif;
    font-size: 28px;
    font-weight: normal;
	color: #4B4B4B;
    text-align: left;
}

.event_title{
    margin-bottom: 80px;
}

.event_cont{
    text-align: left;
    margin-bottom: 80px;
}

.event_img{
    width: 70%;
    margin-inline: auto;
    padding: 13px;
}

.event_img_block{
    margin-bottom: 80px;
}

.return_to_top{
    width: 250px;
    margin-inline: auto;
    text-align: center;
    font-size: 16px;
    font-family: "Zen Old Mincho", serif;
    letter-spacing: 0.2em;
    border: 1px solid #4B4B4B;
}

.return_to_top a{
    display: flex;
    justify-content: center;
    padding: 13px;
    color: #4B4B4B;
}