*, *:before, *:after /*全ての要素に*/
{-webkit-box-sizing: border-box; box-sizing: border-box;}

body { margin: 0; padding: 0;
       font-family: "遊明朝","Yu Mincho",メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif,"Droid Sans"; 
       -webkit-text-size-adjust: 100%; /*IPHONE文字サイズ自動変更不可*/
       background-color: rgba(243,240,233,1);
     }
.back{background-color: rgba(38,18,16,1);}

/*ヘッダー*/

.topzimei h1{margin: 0px; padding: 10px;
             font-size:12px;
             background-color:rgba(121,45,53,1);}
.topzimei h1 a{text-decoration: none; color:snow;}

.pcmenu{display: none;}

/*ﾊﾞｰｶﾞｰﾎﾞﾀﾝ*/
.menu-btn {
    position: fixed; top: 10px; right: 10px;
    display: flex; height: 40px; width: 40px;
    justify-content: center;
    align-items: center;
    z-index: 90; background-color: rgba(121,45,53,0.8);
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after { 
    content: ''; display: block;
    height: 3px; width: 25px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {bottom: 8px;}
.menu-btn span:after {top: 8px;}
#menu-btn-check {display: none;}

/*ﾊﾞｰｶﾞｰﾒﾆｭｰ×ｱﾆﾒ*/
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}


/*ﾒﾆｭｰの装飾*/
.menu-content {
    width: 100%; height: 100%;
    position: fixed; top: 0; left: 0;
    z-index: 80; background-color: rgba(30,18,16,0.8);
}
.menu-content ul {padding: 70px 10px 0;}
.menu-content ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;
}
.menu-content ul li a {
    display: block; width: 100%;
    font-size: 15px; box-sizing: border-box;
    color:#ffffff; text-decoration: none;
    padding: 9px 15px 10px 0; position: relative;
}
.menu-content ul li a::before {
    content: ""; width: 7px; height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute; right: 11px; top: 16px;
}
/*ﾒﾆｭｰ消去*/
.menu-content {
    width: 60%; height: 70%; position: fixed; /*ﾒﾆｭｰ大きさ*/
    top: 0; left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80; background-color: rgba(30,18,16,0.8);
    transition: all 0.5s;/*アニメーション設定*/
}
/*ﾒﾆｭｰ表示*/
#menu-btn-check:checked ~ .menu-content {
    left: 40%/*メニューを画面内へ*/
}


/*メイン*/
.main-visual{ display: flex;
              justify-content: center;
              align-items: center;
              height: 70vh;
              background: url("topmain.jpg") top center / cover no-repeat;
              background-color: rgba(0,0,0,0.0);
              background-blend-mode: overlay;
　　　　　　　　 position: relative
　　　　　　　　}

/*フェード1*/
.fade1 {
        margin: 0; 
        writing-mode: vertical-rl;/*縦書き*/
        position: absolute;/*親対配置*/
        top: 12%; left: 85%;/*配置場所*/
        font-size: 16px;
        font-weight: bold;/*太字*/
        color: snow;
        text-shadow: 0 0 0.3em rgba(0,0,0,3);/*文字装飾影*/
/*アニメ*/    
        opacity: 0; /*要素の透明度*/
        animation-name: fadein-right;　
        animation-duration: 1.5s;/*進行度合い*/
        animation-timing-function: ease-out;/*進行スピード*/
        animation-fill-mode: forwards;/*始まる前と終わった後の状態*/
        }
/*フェード2*/
.fade2{
        margin: 0; 
        writing-mode: vertical-rl;
        position: absolute;
        top: 20%; left: 75%;
        font-size: 16px;
        font-weight: bold;
        color: snow;
        text-shadow: 0 0 0.3em rgba(0,0,0,3);
/*アニメ*/    
        opacity: 0;
        animation-name: fadein-right;
        animation-duration: 1.5s;
        animation-timing-function: ease-out;
        animation-fill-mode: forwards;
        animation-delay: 2s;
        }
/*フェード3*/
.fade3 img{width: 70%}
.fade3 {position: absolute; top:20%; left:45%; 
/*アニメ*/
        opacity: 0;
        animation-name: fadein-right;
        animation-duration: 1.5s;
        animation-timing-function: ease-out;
        animation-fill-mode: forwards;
        animation-delay: 5s;
        }

@keyframes fadein-right {0%{opacity: 0; transform: translateX(50px);}
                         100%{opacity: 1;transform: translateX(0);}}

/*更新*/
.koushin{text-align: center;  padding: 10px; font-size: 14px;
         color: rgba(243,240,233,1); background-color:rgba(30,18,16,1);}
.koushin a{color: rgba(243,240,233,1);font-size: 14px;}
.koushin a:hover{color: rgba(255,255,255,0.3);}


/*仕切り線*/
hr.kuro { height: 1px; background-color: rgba(30,18,16,1);
          width:100%; margin:50px 0px;}
hr.siro1{height: 1px; background-color: rgba(30,18,16,1);
          width:100%; margin:50px 0px;}

/*トップ概要、歴史*/
.toprekishitai {font-size: 20px;
                font-weight: bold; margin: 40px 10px 10px 40px;  
                z-index:+2; position: relative; 
               }
.toprekishitai:before {content: ""; position: absolute;
               background: rgba(121,45,53,1);
               width: 50px; height: 50px;
               border-radius: 50%; top: 50%; left: -35px;
               -webkit-transform: translateY(-50%);
               transform: translateY(-60%);
               z-index: -1;
               }
.toprekishitai:after {content: ""; display: block; height: 4px;
                background: -webkit-linear-gradient(to right, rgb(121,45,53), transparent);
                background: linear-gradient(to right, rgb(121,45,53), transparent);
                }
.toprekishitai a{color:rgba(30,18,16,1);  text-decoration: none;font-size: }

.toprekishikizi{position: relative;}
.toprekishiimg{text-align: center;}
.toprekishikizi img{max-width:100%; height: auto;}
.toprekishikizi p {writing-mode: vertical-rl;
                   position: absolute;
                   color: rgba(243,240,233,1);
                   background-color: rgba(30,18,16,0.9);
                   font-size: 12px; top: 0%;  right: 0%; 
                   margin: 0px; padding: 10px;
                   }

.rekishikuwashiku{text-align: center; margin: 20px 0px 40px 0px}
.rekishikuwashiku a{
                    font-size: 14px; padding: 0.5em 1em;
                    text-decoration: none; background:rgba(121,45,53,1); 
                    color:rgba(243,240,233,1); border-radius: 10px;
                   }
.rekishikuwashiku a:hover {color: rgba(30,18,16,1); 
                           background-color:rgba(30,18,16,0.5)}



/*トップ大蟹伝説*/
.topkanikiziback{background-color: rgba(38,18,16,1);
                 padding: 1px 0px;}
.topkanitai{font-size: 20px; font-weight: bold; 
            margin: 40px 10px 10px 40px;  
            z-index:+2; position: relative; 
            }
.topkanitai:before {content: ""; position: absolute;
                    background: rgba(121,45,53,1);
                    width: 40px; height: 40px;
                    border-radius: 50%; top: 35%; left: -20px;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-60%);
                    z-index: -1;
                    }
.topkanitai2  {background: rgba(121,45,53,1);position: absolute;
               width: 40px; height: 40px;
               border-radius: 50%; top: 35%; left: 105px;
               transform: translateY(-50%);
               transform: translateY(-60%);
               z-index: -1;
               }
.topkanitai:after {content: ""; display: block; height: 4px;
                    background: -webkit-linear-gradient(to right, rgb(121,45,53), transparent);
                    background: linear-gradient(to right, rgb(121,45,53), transparent);
                    }
.topkanitai a{color:rgba(243,240,233,1); text-decoration: none;}

.topkanikizi{position: relative;}
.topkaniimg{text-align: center;}
.topkanikizi img{max-width:100%; height: auto;}
.topkanikizi p { writing-mode: vertical-rl; 
                 position: absolute;
                 color:rgba(243,240,233,1);
                 background-color: rgba(30,18,16,0.8);
                 font-size: 12px;
                 top: 0%;  right: 0%; 
                 margin: 0px; padding: 10px;
                 }

.kanikuwashiku{text-align: center;margin: 20px 0px 40px 0px }
.kanikuwashiku a{font-size: 14px; padding: 0.5em 1em;
                 text-decoration: none; 
                  background: rgba(121,45,53,1); 
                 color: rgba(243,240,233,1); border-radius: 10px;
                 }
.kanikuwashiku a:hover {color: rgba(38,18,16,1); 
                        background-color:rgba(243,240,233,0.5);}


/*トップ墓*/

.tophakatai{font-size: 20px; font-weight: bold;
            margin: 40px 10px 10px 40px;  
            z-index:+2; position: relative; 
            }
.tophakatai:before {content: ""; position: absolute;
               background: rgba(121,45,53,1);
               width: 30px; height: 30px;
               border-radius: 50%; top: 60%; left: -20px;
               -webkit-transform: translateY(-50%);
               transform: translateY(-60%);
               z-index: -1;
               }
.tophakatai2  {
               background: rgba(121,45,53,1);position: absolute;
               width: 30px; height: 30px;
               border-radius: 50%; top: 60%; left: 10px;
               transform: translateY(-50%);
               transform: translateY(-60%);
               z-index: -1;
               }
.tophakatai3  {
               background: rgba(121,45,53,1);position: absolute;
               width: 30px; height: 30px;
               border-radius: 50%; top: -5px; left: -5px;
               transform: translateY(-50%);
               transform: translateY(-60%);
               z-index: -1;
               }
.tophakatai:after {content: ""; display: block; height: 4px;
                background: -webkit-linear-gradient(to right, rgb(121,45,53), transparent);
                background: linear-gradient(to right, rgb(121,45,53),transparent);
                }
.tophakatai a{color:rgba(30,18,16,1); text-decoration: none;}

.tophakakizi{text-align: center;}
.tophakakizi img{max-width: 100%;}
.tophakakizinai p {margin: 10px 20px;}
.tophakakizinai p a{color:rgba(30,18,16,1); text-decoration:none;}
.tophakakizinai p :hover{color: rgba(255,255,255,1);
                         background-color:rgba(30,18,16,0.3);}

.hakakuwashiku{text-align: center; margin: 20px 0px 40px 0px}
.hakakuwashiku a{font-size: 14px; padding: 0.5em 1em;
                 text-decoration: none; background: rgba(121,45,53,1); 
                 color: rgba(243,240,233,1); border-radius: 10px;
                 }
.hakakuwashiku a:hover {color: rgba(30,18,16,1); 
                        background-color:rgba(30,18,16,0.5)}


/*トップお知らせ*/
.toposhiraseback{background-color: rgba(38,18,16,1);
                 padding: 1px 0px;}
.toposhirasetai{font-size: 20px; font-weight: bold; 
                margin: 50px 20px 20px 50px;  
                z-index:+2; position: relative; 
                }
.toposhirasetai:before {content: ""; position: absolute;
                        background: rgba(121,45,53,1);
                        width: 30px; height: 30px;
                        border-radius: 50%; top: 50%; left: -30px;
                        -webkit-transform: translateY(-50%);
                        transform: translateY(-60%);
                        z-index: -1;
                        }
.toposhirasetai2  {
               background: rgba(121,45,53,1);position: absolute;
               width: 20px; height: 20px;
               border-radius: 50%; top: 50%; left: 0px;
               transform: translateY(-50%);
               transform: translateY(-60%);
               z-index: -1;
               }
.toposhirasetai3  {
               background: rgba(121,45,53,1);position: absolute;
               width: 20px; height: 20px;
               border-radius: 50%; top: 50%; left: 85px;
               transform: translateY(-50%);
               transform: translateY(-60%);
               z-index: -1;
               }
.toposhirasetai4  {
               background: rgba(121,45,53,1);position: absolute;
               width: 30px; height: 30px;
               border-radius: 50%; top: 50%; left: 105px;
               transform: translateY(-50%);
               transform: translateY(-60%);
               z-index: -1;
               }
.toposhirasetai:after {content: ""; display: block; height: 4px;
                background: -webkit-linear-gradient(to right, rgb(121,45,53), transparent);
                background: linear-gradient(to right, rgb(121,45,53), transparent);
                }
.toposhirasetai a{color:rgba(243,240,233,1); text-decoration: none;}

.toposhirasekizi{display: flex; justify-content: center; 
                 align-items: center;
                 }
.toposhirasekizi img {width: 50%; margin: 5px;}
.toposhirasekizinai {margin: 30px;}
.toposhirasekizinai p { writing-mode:vertical-rl; font-size: 14px;
                        margin: 0px; padding: 10px;
                        background-color: rgba(121,45,53,1)
                       }
.toposhirasekizinai p a{color:rgba(243,240,233,1);text-decoration: none;}
.toposhirasekizinai p :hover{color: rgba(255,255,255,0.3);}

.oshirasekuwashiku{margin: 20px 0px;}

.oshirasekuwashiku a{ font-size: 12px; padding: 0.5em 1em;
                      text-decoration: none; 
                      background: rgba(121,45,53,1); 
                      color:rgba(243,240,233,1); border-radius: 10px;
                     }
.oshirasekuwashiku a:hover {color: rgba(38,18,16,1); 
                            background-color:rgba(243,240,233,0.5);}


/*アクセス*/
.toptizutai{text-align: center; margin: 20px 0px;}
.tizu{text-align: center}
.tizu iframe {width: 90%; 
              filter: grayscale(40%);-webkit-filter:grayscale(40%);}
.tizuannai{margin: 10px; padding: 0px;}
.tizuannai p{font-size: 12px;}
.toiawase{text-align: center;}
.toiawase a{color:rgba(243,240,233,1); padding: 10px;
            background-color:rgba(30,18,16,1);}

.link{text-align: center; margin: 30px 10px;
      background-color:rgba(30,18,16,1); padding: 10px }
.link h3{color:rgba(243,240,233,1); font-size: 14px;}
.link a{color:rgba(243,240,233,1); text-align: center; font-size: 14px;}
.link a:hover{color: rgba(243,240,233,0.5); 
              background-color:rgba(243,240,233,0.5)}

/*フッター*/
.footer{
        padding: 70px; margin: 0px;
        background-color:rgba(121,45,53,1);
        position: relative;
       }
.footer p1{
           position: absolute;
           color: rgba(243,240,233,1);;
           font-size: 12px;
           top: 10%;  left: 3%; }
.footer p2{
           position: absolute;
           color: rgba(243,240,233,1);
           font-size: 12px;
           top: 38%;  left: 3%;
           }
.footer p3{
           position: absolute;
           color:rgba(243,240,233,1);
           font-size: 11px;
           bottom:5%; left:15%;}


/*歴史*/
.toprekishitaihon{
               font-size: 20px; font-weight: bold; margin: 40px 10px 10px 40px;  
               z-index:+2; position: relative; color: white;
               }
.toprekishitaihon:before {content: ""; position: absolute;
               background: rgba(131,45,53,1);
               width: 60px; height: 60px;
               border-radius: 50%; top: 50%; left: -30px;
               -webkit-transform: translateY(-50%);
               transform: translateY(-60%);
               z-index: -1;
               }
.toprekishitaihon:after {content: ""; display: block; height: 4px;
                background: -webkit-linear-gradient(to right, rgb(131,45,53), transparent);
                background: linear-gradient(to right, rgb(131, 45, 53), transparent);
                }

.rekishikizi{margin: 0px;  color: white;}
.rekishikizi h2{color:rgba(243,240,233,1); font-size: 18px;
                 margin: 5px 20px;}
.rekishikizi p{color:rgba(243,240,233,1); margin: 10px 10px;
               font-size: 14px;}
.douban {text-align: center;}
.douban>img{max-width:100%; height: auto;}

      
.honzon>img{width: 100%; height: auto;}
.honzon h2{color:rgba(243,240,233,1); font-size: 18px; margin: 10px 20px;}
.honzon p{color:rgba(243,240,233,1); font-size: 14px; margin: 10px 10px;}

.kaisan>img{width:100%; height: auto;}
.kaisan h2{color:rgba(243,240,233,1); font-size: 18px; margin: 10px 20px;}
.kaisan p{color:rgba(243,240,233,1); font-size: 14px; margin: 10px 10px}

.kaiki>img{width: 100%; height: auto;}
.kaiki h2{color:rgba(243,240,233,1); font-size: 18px; margin: 10px 20px;}
.kaiki p{color:rgba(243,240,233,1); font-size: 14px; margin: 10px 10px}



/*大蟹*/
.topkanitaihon{
               font-size: 20px; font-weight: bold; 
               margin: 40px 10px 20px 40px;  
               z-index:+2; position: relative; color: white;
               }
.topkanitaihon:before {content: ""; position: absolute;
               background: rgba(131,45,53,1);
               width: 60px; height: 60px;
               border-radius: 50%; top: 50%; left: -30px;
               -webkit-transform: translateY(-50%);
               transform: translateY(-60%);
               z-index: -1;
               }
.topkanitaihon:after {content: ""; display: block; height: 4px;
                    background: -webkit-linear-gradient(to right, rgb(131,45,53), transparent);
                    background: linear-gradient(to right, rgb(131, 45, 53), transparent);
                    }


.densetsunoezu {text-align: center;}
.densetsunoezu>img {max-width:100%; height: auto;}
.kanikizi{color: rgba(243,240,233,1);}
.kanikizi h2{font-size: 18px; margin: 10px 20px;}
.kanikizi p{font-size: 14px; margin: 10px 10px;}

.ookaninoishi{text-align: center;}
.ookaninoishi>img{max-width:100%; height: auto;}

/*墓地、永代供養*/

.tophakataihon{
               font-size: 20px; font-weight: bold; 
               margin: 40px 10px 10px 40px; z-index:+2; 
               position: relative; color: white;
               }
.tophakataihon:before {content: ""; position: absolute;
                       background: rgba(131,45,53,1);
                       width: 60px; height: 60px;
                       border-radius: 50%; top: 50%; left: -30px;
                       -webkit-transform: translateY(-50%);
                       transform: translateY(-60%);z-index: -1;
                       }
.tophakataihon:after {content: ""; display: block; height: 4px;
                background: -webkit-linear-gradient(to right, rgb(131,45,53), transparent);
                background: linear-gradient(to right, rgb(131, 45, 53), transparent);
                }


.hakakizi1 h2{margin: 0 20px; color: rgba(243,240,233,1);
              font-size: 18px;}
.hakakizi1 p{margin: 10px 10px; color: rgba(243,240,233,1);
              font-size: 14px;}
.hakaimg{text-align: center;}
.hakaimg img {max-width:100%; height: auto;}

.hakakizi2{margin: 10px 10px;}
.hakakizi2 h2{margin: 0 10px; color: rgba(243,240,233,1);
              font-size: 18px;}
.hakakizi2 p{margin: 10px 10px; color: rgba(243,240,233,1);
              font-size: 14px;}

.sakura{text-align: center;}
.sakura>img {width: 100%; height: auto; margin: 30px 0px;}


.nehankizi1 h2{margin: 10px; 10px; color: rgba(243,240,233,1);
              font-size: 18px;}
.nehanimg{text-align: center;}
.nehanimg img{max-width:100%; height:auto;}
.nehankizi2{margin: 10px 10px; color: rgba(243,240,233,1);
            font-size: 14px;}
.nehandounai{text-align: center;}
.nehandounai img{max-width: 100%; height: auto;}



.hakatoiawase {margin: 20px 10px; color: rgba(243,240,233,1);
              font-size: 14px;}
.hakatoiawase h2{font-size: 16px;}
.telban{text-align: center;}
.telban a{color: rgba(243,240,233,1); font-size: 16px;}


/*お知らせ*/

.oshirasetai{
            font-size: 20px; font-weight: bold; 
             margin: 40px 10px 10px 40px;  
            z-index:+2; position: relative; color: white;
            }
.oshirasetai:before {content: ""; position: absolute;
                       background: rgba(131,45,53,1);
                       width: 60px; height: 60px;
                       border-radius: 50%; top: 50%; left: -30px;
                       -webkit-transform: translateY(-50%);
                       transform: translateY(-60%);z-index: -1;
                       }
.oshirasetai:after {content: ""; display: block; height: 4px;
                background: -webkit-linear-gradient(to right, rgb(131,45,53), transparent);
                background: linear-gradient(to right, rgb(131, 45, 53), transparent);
                }

.oshirase{margin: 30px 20px; color: rgba(243,240,233,1);}
.renraku {margin: 20px 10px; color: rgba(243,240,233,1);font-size: 14px;}
.renraku h3{font-size: 16px;}
.hondou {text-align: center;}
.hondou>img {width: 100%; height: auto;}

.nengyouzi{margin: 30px 20px 0px 20px; color: rgba(243,240,233,1);}
.nenkanyotei h3 {margin: 0px; text-align: center; font-size: 14px;
                 color:rgba(243,240,233,1); }
.nenkanyotei table {color: white; border: white; font-size: 12px;
                   margin-left: auto; margin-right: auto;
                   }
.nenkanyotei table td {padding:10px;}

.bikou{color:rgba(243,240,233,1); }
.bikou h3{font-size: 16px; margin: 0 20px;}
.bikou p{font-size: 14px; margin: 0 10px;}

.houzitai{color:rgba(243,240,233,1); margin: 10px 20px;
          font-size: 18px;}
.houzinituite
.houziimg{text-align: center;}
.houziimg img{width:100%; height: auto;}
.nenkaiki { color: rgba(243,240,233,1);}
.houzinituite h3{font-size: 14px; text-align: center;}
.houzinituite table {border: white; font-size: 14px;
                     margin-left: auto; margin-right: auto;}
.houzinituite table td{padding: 4px;}
.motimono{color:rgba(243,240,233,1); margin: 10px 10px;
          font-size: 14px;}