body{
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    margin:auto;
    display: flex;
    width: 1080PX;
}
header, main{ 
    margin-top: 25px;
}
h2{
    font-size: 1.2rem;
    font-weight: 700;
    padding: 1.5em 0 ;
}
header h2 ,#main_top h2{
    padding: 0;
}
header h2 .rb{
    font-size: 10px;
}
.tltle_rb{
    text-align: center;
    padding: 0.1rem 2em 0.1rem 0;
}
h3{
    font-size: 1.1rem;
    font-weight: 700;
    padding: 1.5em 0 ;
}
.container_inner{
    padding: 1rem 0 3rem 0;
    border-bottom: 2px solid #333;
}
.container .container_inner:first-child{
    padding-top: 0;
}
main h1, .container{
    width: 830px;
    font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  
}
main h1{
    background-color: #F2853B;
    text-align: center;
    height: 35px;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    padding-top: 10px;
 
}
/*スタイル付与クラス*/
.align_center{
    text-align: center;
}
.indent {/*インデント調整*/
    text-indent: -.5em;
}
.bold{
    font-weight: bold;
}
.red{
    background-color: #EF3835;
}
.blue{
    background-color: #375FAC;
}
.green{
    background-color: #71BF46;
}
.orange{
    background-color: #F2853B;
}
.yellow{
    background-color: #F0BD2B;
}
/*共通*/
.container{
    width: 830px;
    height: 80vh;
    padding-top: 15px;
    padding-right: 16px;
    /*スクロールバー表示*/
    overflow-y: scroll;
    position: relative;
    min-height: 550px;
    max-height: 840px;
}
#letter .container,#gallery .container{
    max-height: 389px;
}
#gallery_inner .container{
    height: 70vh;
    max-height:none;
    min-height: none;
} 
.container .container_inner p{
    line-height: 1.5em;
    margin-inline-start: 1em;
    margin-inline-end: 1em;
    letter-spacing: 0.1em;
}
.container_inner_inner{
    display: flex;
}

.container_inner_inner_left,.container_inner_inner_right{
    width: 50%;
}
/*figureタグ　カラム設定*/
figure{
    display: flex;
    justify-content: space-between;
}
figure figcaption{
    text-align: center;
    font-size: 0.8em;
    font-weight: 700;
}
.figure_3column, .figure_4column,.figure_5column{
    display: flex;
    height: auto;
    margin: 2rem auto;
    justify-content: space-between;
}
.figure_3column figure, .figure_4column figure, .figure_5column figure{
    display: block;
}
.figure_3column figure{
    width: 30%;
}
.figure_4column figure{
    width: 24%;
}
.figure_5column figure{
    width: 180px;
}
.figure_5column figure img{
    width: 180px;
    height: 180px;
    object-fit: cover;
}
.figure_5column figure figcaption{
    text-align: start;
}

/*ヘッダー－－－－－－－－－－－－－－－*/
/*ナビゲーションここから－－－－*/
.pc_nav{
    font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    width: 207px;
    height: 100vh;
}
#header_top .pc_nav{
    height: 720px;
    position: relative;
}
.pc_nav ul{
    width: 161px;
    min-height: 450px;
    margin: 0 auto;
}
.bar_block{
   display: flex; 
   margin-bottom: 8px;
}
.left_block, .right_block{
    height: 35px;
}
.left_block{
    width: 35px;
}
.right_block{
    width: 126px;
    background-color: #1e1e1e;
    border-left: 1px solid #fff;
    display: table;
}
.right_block a{
    font-weight: 700;
    padding-left: 7px;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    display: table-cell;
	margin: 0;
    text-align: left;
	vertical-align: middle;
}

/*下部指定-----------------*/
.nav_bottom{
    width: 161px;
    margin-top: -5px;
}
#header_top .nav_bottom{ 
    left: 0;
    bottom: 50px;
    position: absolute;
}
#header_top .side_bottom{
    display: none;    
}
.desc .desc_inner{
    display: none;
}
#header_top .desc_inner{
    display: block;
}
.side_bottom{
    width: 100%;
    margin-left: 21px;
}
.footer_main{
    width: 91px;
}
.name_main_mini{
    font-size: 28px;
    border-bottom: 11px solid #8B7C97 ;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.name_main_mini a{
    text-decoration: none;
    color: #333;
}
.footer_name .name_desc{
    font-size: 10px;
}
.footer_add p{
    font-size: 9px;
    font-weight: bold;
}

.desc{
    margin-left: 10px;
    width: 207px;
    position: absolute;
}
.desc, .about{
    display: flex;
    flex-direction: column;
}
.desc_inner{
    margin-top: 120px;
    margin-bottom: -5px;
    padding-bottom: 0;
}
.main_content, .about{
    margin-top: auto;
}
.desc_inner p{
    padding-bottom: 5px;
    font-weight:900;
    font-size: 11px;
    font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
/*ヘッダーここまで－－－－－－－－－－－－－－－*/
/*メインコンテンツここから－－－－－－－－－－－－－－－*/
.main_content{
    width: auto;
    height: 720px;
}
#main_top{
    display: flex;
    margin-left: 0;
}
.main_content img{
    height: 100%;
}
/*about*/
.about{
    margin-left: 23px;
    width: 221px;
}
.name_desc, .name_main, .name_main_mini{
    font-weight:bolder;
}
.name_desc{
    font-size: 16px;
    padding-bottom: 7px;
}
.name_main {
    font-size: 64px;
    padding-bottom: 10px;
    border-bottom: 17px solid #8B7C97;
}
.add{
    margin-top: 15px;
    font-size: 11px;
}
.post {
    font-size: 10px;
}
.add_inner, .post{
    padding-bottom: 8px;
    font-weight: 900;
}

/*gallery.html---------------------*/
.thumnail_gallery{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.thumnail_gallery_inner{
    display: block;
    width: 110px;
    height: 137px;
    font-size: 0.8rem;
    font-weight: 700;
    margin-right: 22px;
}
.thumnail_gallery_inner img{
    display: block;
    width: 110px;
    height: 99px;
    object-fit: cover;
    object-position: 0 0;
}
.thumnail_gallery_inner p{
    display: block;
    width: 100%;
    height: 40px;
    padding-top:0.2rem ;
}
/*letter.html----------------------*/
#letter .thumnail_gallery_inner{
    display: block;
    width: 135px;
    height: 170px;
    font-size: 0.8rem;
    font-weight: 700;
    margin-right: 22px;
}
#letter .thumnail_gallery_inner img{
    display: block;
    width: 100%;
    height: 123px;
    object-fit: cover;
    object-position: 0 0;
}
#letter .thumnail_gallery_inner p{
    display: block;
    width: 100%;
    height: 40px;
    padding-top:0.2rem ;
    font-weight: bold;
    font-size: 14px;
}

/*gallery_inner.html*/
#gallery_inner .container{
    height: 70vh;
    max-height:none;
    min-height: none;
    overflow-y: hidden;
}
#gallery_inner .container .gallery_figure{    
    height: 600px;
    margin: auto;
    width: 80%;
}
#gallery_inner .container .gallery_figure .gallery_figure_inner img{    height: 600px;
    margin: auto;
    width: 100%;
    object-fit: contain;
}
.potison{
    position: relative;
}
.btn-plus{
    position: absolute;
    top: 4px;
    right: 50px;
    color: #fff;
    font-size: 1.5rem;
}
.btn-plus a{
    display: block;
    padding: 0;
}
/*cemetery.html*/
#cemetery dl dt{
    font-weight: 700;
}
/*guide.html*/
#guide img{
    height: 530px;
    width: 100%;
    object-fit: contain;
}
/*スリックスライダー追加css*/
.slick-prev:before,
.slick-next:before
{
    color: red;
}
.slick-prev
{
    left: -80px;
}
.slick-next
{
    right: -80px;
}
.slick-arrow:before{
	content:""!important;
}
.slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
}

.slick-next:before{
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #555555;
    border-right: 0;
}

.slick-prev:before{
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-right: 25px solid #555555;
    border-left: 0;
}
.lb-data .lb-details{
    width: 100%;
}
.lb-number{
    display: none !important;
}
.abc{
    display: flex;
    justify-content: space-between;
    width: 100%;

}
.abchidari{
    display: block;
    width: 72%;
    padding: 0.8rem;
    font-size: 1.6rem;
}
.abcmigi{
    width: 28%;
}
.abcmigi p{
    padding-top: 5px;
}
/*お知らせ*/
#info .info_inner{
    width: 100%;
    height: 60px;
    border: 1px solid #375FAC;
    padding: 15px;
    display: flex;
    margin-bottom: 15px;
}
#info .left{
    width: 200px;
}
#info .right{
    width: 600px;
}
.info_inner h3{
    margin: 0;
    padding: 10px 0 10px 0 ;
    font-size: 0.8rem;
}
#info .info_inner p{
    width: 100%;
    vertical-align: auto;
    padding: 10px;
    font-size: 0.8rem;
}