@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap');

body{ 
 margin:0px 0px 0px 0px;
 font-size:16px;
 background-color:white;
 color:black;
 width:100%;
 font-family: 'Zen Kaku Gothic New', sans-serif;
 text-align:left;
         }

.main{
 margin-right:3px;
 margin-left:3px;
        }

.header{
 background-color:#800000;
 height:45px;
 top:0px;
 position:fixed;
 width:100%;
 z-index:1;
 margin-bottom:0px;
 border-bottom:1px solid #800000;
           }

.header img{
 position:fixed;
 top:5px;
 left:5px;
 z-index:1;
         }

#headerlogo{
 width:200px;
  }

@media screen and (max-width:320px){
 #headerlogo{
 width:170px;
  }
}

#linknone{
 text-decoration:none;
     }

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

.pankuzu-box{
 margin-top:60px;
 font-size:0.8em;
          }
}

@media screen and (min-width:429px){

.pankuzu-box{
 margin-top:50px;
 font-size:0.8em;
          }
}

@media screen and (min-width:1025px){

.pankuzu-box{
 margin-top:30px;
 font-size:0.8em;
          }
}

@media screen and (min-width:1025px){

.tlink{
display:none;
        }
} 

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

.mlink{
display:none;
        }
} 

@media screen and (min-width:1025px){
 .mbmail{
 display:none;
       }
}

#page-top{
 display:none;
 color:#FFFF00;
 font-weight:bold;
 font-size:1.1em;
 background-color:#800000;
 border:1px solid #FFFF00;
 text-align:center;
 border-radius:10px;
 line-height:55px;
 width:60px;
 height:55px;
 padding:0px 0px 5px 0px; 
 z-index:1;
 position: fixed;
 bottom: 10px;
 right: 10px;
 opacity:0.8;
 text-decoration: none;
  }

#page-top:hover{
 background-color:#FFFF00;
 color:#800000;
}

#page-top:active{
 background-color:#800000;
 color:#FFFF00;
}

#top{
 color:#800000;
 font-size:0.9em;
 text-decoration:none;
 text-align:center;
 margin-right:auto;
 margin-left:auto;
   }

.top{
 color:#800000;
 font-size:1.4em;
 text-decoration:none;
 width:350px;
 position:relative;
 text-align:center;
 margin-right:auto;
 margin-left:auto;
   }

.top:hover{
 color:#FF0066;
 text-decoration:none;
 position:relative;
 text-align:center;
 margin-right:auto;
 margin-left:auto;
   }

.top:active{
 color:#FF0066;
 text-decoration:none;
 position:relative;
 text-align:center;
 margin-right:auto;
 margin-left:auto;
   }

.top::before{
 content:"";
 width:50%;
 height:2px;
 background-color:#FF9872;
 position:absolute;
 bottom:-5px;
 left:0%;
    }

.top::after{
 content:"";
 width:50%;
 height:2px;
 background-color:#800000;
 position:absolute;
 bottom:-5px;
 left:50%;
    }

.orange{
 color:#800000;
 margin-right:10px;
       }

.orange:hover{
 color:black;
 transition-duration:3s;
       }

.orange:active{
 color:black;
       }

#jlink{
 color:black;
 text-decoration:none;
 border-bottom:1px solid black;
       }

#jlink:hover{
 color:crimson;
 text-decoration:none;
 border-bottom:1px solid black;
       }

#jlink:active{
 color:crimson;
 text-decoration:none;
 border-bottom:1px solid black;
       }

#m-moji{
 font-size:1.7em;
 }

#mlink0{
 color:#800000;
 font-weight:600;
 text-decoration:none;
 border-bottom:2px solid #800000;
 }

#mlink0:hover{
 color:#800000;
 font-weight:600;
 text-decoration:none;
 border-bottom:2px solid #800000;
 opacity:0.8;
 }

#mlink0:active{
 color:#800000;
 font-weight:600;
 text-decoration:none;
 border-bottom:2px solid #800000;
 opacity:0.8;
 }

#sns-hummenu{
 margin-top:0px;
 margin-right:auto;
 margin-left:auto;
 text-align:center;
 font-size:1.7em;
       }

#slink{
 margin-right:20px;
      }

#slink2{
 margin-right:0px;
      }

#hlink{
 color:black;
 text-decoration:none;
 border-bottom:1px solid black;
 }

#hlink:hover{
 color:crimson;
 text-decoration:none;
 border-bottom:1px solid black;
 }

#hlink:active{
 color:crimson;
 text-decoration:none;
 border-bottom:1px solid black;
 }

#hlink3{
 color:black;
 text-decoration:none;
 border-bottom:2px solid black;
      }

#hlink3:hover{
 color:#800000;
 text-decoration:none;
 border-bottom:2px solid #800000;
      }

#hlink3:active{
 color:#800000;
 text-decoration:none;
 border-bottom:2px solid #800000;
      }

.cap{
 color:black;
 font-size:0.9em;
  }

.cap0{
 font-size:0.9em;
   }

#tcolor{
 color:red;
   }

#none{
 display:none;
 }

h2{
 text-align:left;
 border-left:7px solid #800000;
 border-bottom:2px solid #800000;
 color:#800000;
 font-size:20px;
 font-weight:normal;
           }

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

#table1{
 font-size:1.05em;
          }
}

.mitumori{
 text-align:center;
         }

.naname{
 vertical-align:middle;
 display:inline-block;
     }

#naname{
 width:50px;
 transform:rotate(45deg);
 border-bottom:2px solid #800000;
       }

#naname2{
 font-weight:bold;
 font-size:1.4em;
 color:#800000;
       }

#naname3{
 width:50px;
 transform:rotate(-45deg);
 border-bottom:2px solid #800000;
       }

#naname4{
 font-weight:bold;
 font-size:1em;
 color:#800000;
       }

 #kyoutyou{
 font-weight:bold;
 font-size:1.15em;
 }

.soudan{
 font-weight:bold;
 font-size:1.1em;
        }

.kyoutyou{
 color:#800000;
 font-weight:bold;
 font-size:1.15em;
 }

#tuyoimoji{
 font-weight:bold;
 font-size:1.1em;
         }

#num{
 font-size:2.0em;
 color:#800000;
 font-weight:bold;
    }

.nagare-box{
 margin-right:10px;
 margin-left:10px;
 margin-top:0px;
 margin-bottom:0px;
 border:1px solid #800000;
 padding:20px 15px;
 border-radius:10px;
 box-shadow:5px 5px #800000;
 background-color:white;
 color:black;
 font-size:1em;
           }

#nagare{
 font-size:1.3em;
 color:#800000;
 font-weight:bold;
       }

#nagarehr0{
 border:none;
 border-top: 1px dashed #800000;
 }

.nagare-zone{
 padding:20px 5px;
 background-color:#FFE4C4;
 }

@media screen and (min-width:429px){
 
.nagare-box{
 margin-right:6%;
 margin-left:6%;
     }
}

@media screen and (min-width:1025px){
 
.nagare-box{
 margin-right:15%;
 margin-left:15%;
     }
}

#num0{
 font-size:1.8em;
 background-color:#FF4F50;
 color:white;
 border-radius:50%;
 padding:5px 20px;
 font-weight:bold;
    }

#mitumori{
 border-color:black;
 border-radius:10px 10px 0px 0px;
        }
 
#denwa{
　font-size:1.2em;
          }

#jikan{
 font-size:1em;
      }

.brown{
 color:#800000;
        }

#elink0{
 text-decoration:none;
 font-weight:bold;
 margin-right:auto;
 margin-left:auto;
 background-color:#800000;
 padding:10px 20px;
 border-radius:20px;
 color:white;
 text-align:center;
 text-decoration:none;
 border:1px solid #800000;
 width:250px;
 font-size:1em;
        }


#elink0:hover{
 margin-right:auto;
 margin-left:auto;
  background-color:white;
 border-radius:20px;
 color:#800000;
 text-align:center;
 text-decoration:none;
 border:1px solid #800000;
 }

#elink0:active{
 margin-right:auto;
 margin-left:auto;
  background-color:white;
 border-radius:20px;
 color:#800000;
 text-align:center;
 text-decoration:none;
 border:1px solid #800000;
 }

#elink1{
 display:block;
 text-decoration:none;
 font-weight:bold;
 text-align:center;
 width:75%;
 color:#800000;
 background-color:#FFFF00;
 box-shadow:3px 3px #800000;
 padding:5px 5px;
 border-radius:10px;
 margin-right:auto;
 margin-left:auto;
 font-size:1.15em;
     }

#elink1:hover{
 color:#FFFF00;
 background-color:#800000;
     }

#elink1:active{
 color:#FFFF00;
 background-color:#800000;
     }

.area{
 margin-right:auto;
 margin-left:auto;
  text-align:center;
}
 
.yajirushi{
 border-bottom:5px solid #800000;
 border-right:5px solid #800000;
 width:30px;
 height:30px;
 transform:rotate(45deg);
 text-align:center;
 margin-right:auto;
 margin-left:auto;
 }

@media screen and (min-width:1025px){
#mbbr{
 display:none;
        }
}

@media screen and (min-width:768px){
 .mbbr3{
 display:none;
     }
}

@media screen and (max-width:1024px){
#pcbr{
 display:none;
        }
}

@media screen and (min-width:300px){
 #minibr{
 display:none;
}
}

@media screen and (max-width:300px){
 #miniemsp{
 display:none;
}
}

#hummenu{
 display:block;
 color:black;
 text-decoration:none;
 margin-left:10px;
 font-weight:normal;
                 }

#hummenu:hover{
 display:block;
 color:#FF6633;
 text-decoration:none;
 margin-left:10px;
 font-weight:bold;
                 }

#hummenu:active{
 display:block;
 color:#FF6633;
 text-decoration:none;
 margin-left:10px;
 font-weight:bold;
                 }

#hummenu{
 position:relative;
         }

#houkou{
 position:absolute;
 right:2%;
 text-align:right;
    }

a img:hover{
 opacity:0.8;
        }

#pp{
 color:white;
 text-decoration:none;
       }

#logo{
 font-weight:bold;
 font-size:1.4em;
 color:#555555;
       }

#left{
 text-align:left;
      }

#right{
 text-align:right;
     }

 #center{
 text-align:center;
      }

#bold{
 font-weight:bold;
       }

#centerbold{
 text-align:center;
 font-weight:bold;
     }

#linkm{
  position: relative;
}

#linkm::before,
#linkm::after {
  content: '';
  position: absolute;
  bottom: -3px;
  display: block;
  width: 0;
  height: 1px;
  background-color:#FF6633;
  transition: width 0.3s;
}
#linkm::before {
  right: 50%;
}
#linkm::after {
  left: 50%;
}
#linkm:hover::before,
#linkm:hover::after {
  width: 50%;
}


#linkm{
color:black;
text-decoration:none;
      }

#linkm:hover{
color:#FF6633;
text-decoration:none;
      }


#linkt{
  position: relative;
}

#linkt::before,
#linkt::after {
  content: '';
  position: absolute;
  bottom: -3px;
  display: block;
  width: 0;
  height: 1px;
  background-color:red;
  transition: width 0.3s;
}
#linkt::before {
  right: 50%;
}
#linkt::after {
  left: 50%;
}
#linkt:hover::before,
#linkt:hover::after {
  width: 50%;
}


#linkt{
margin-right:100px;
color:#800000;
text-decoration:none;
      }

#linkt:hover{
color:red;
text-decoration:none;
      }

#linkt2{
  position: relative;
}

#linkt2::before,
#linkt2::after {
  content: '';
  position: absolute;
  bottom: -3px;
  display: block;
  width: 0;
  height: 1px;
  background-color:red;
  transition: width 0.3s;
}
#linkt2::before {
  right: 50%;
}
#linkt2::after {
  left: 50%;
}
#linkt2:hover::before,
#linkt2:hover::after {
  width: 50%;
}


#linkt2{
margin-right:0px;
color:#800000;
text-decoration:none;
      }

#linkt2:hover{
color:red;
text-decoration:none;
      }

#menu-btn-check:checked ~ .menu-content {
 left:0%;/*メニューを画面内へ*/
}

.menu-content {
 font-size:21px;
 opacity:0.9;
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 100%;/*leftの値を変更してメニューを画面外へ*/
 z-index: 80;
 background-color:white;
 transition: all 0.5s;/*アニメーション設定*/
}

.menu-content ul {
 padding: 70px 10px 0;
}
.menu-content ul li {
 border-bottom: solid 1px black;
 list-style: none;
}
.menu-content ul li a {
 display: block;
 width: 100%;
 font-size: px;
 box-sizing: border-box;
 color:#ffffff;
 text-decoration: none;
 padding: 5px 5px 10px 0;
 position: relative;
}
.menu-content ul li a::before {
 content: "";
 width: 7px;
 height: 7px;
 border-top: solid 2px black;
 border-right: solid 2px black;
 transform: rotate(45deg);
 position: absolute;
 right: 11px;
 top: 16px;
}
.menu-btn {
 position: fixed;
 top:0px;
 right: 5px;
 display: flex;
 height: 40px;
 width: 40px;
 justify-content: center;
 align-items: center;
 z-index: 90;
 background-color:#800000;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
 content: '';
 display: block;
 height: 4px;
 width: 25px;
 border-radius: 3px;
 background-color:#FFFF00;
 position: absolute;
}
.menu-btn span:before {
 bottom: 8px;
}
.menu-btn span:after {
 top: 8px;
}
#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-btn-check {
 display: none;
}

footer{
 border-top:1px solid #ff9966;
 text-align:center;
 width:100%;
 background-color:#800000;
 height:560px;
 border-radius:0px 0px 0px 0px;
                          }

.footer-logo{
 padding:20px 20px;
 font-size:1.2em;
 font-weight:bold;
 color:white;
 background-color:#800000;
 border-bottom:1px solid #ff9966;
                   }

.footer-text{
 text-align:center;
 color:white;
              }

.container{
 width:100%;
           }

.text-wrapper{
 text-align:left;
 margin-right:auto;
 margin-left:auto;
 margin-bottom:30px;
 line-height:2em;
    }

.modoru-wrapper{
 text-align:center;
 color:white;
 margin-top:30px;
 margin-bottom:30px;
           }

.window-wrapper{
 text-align:center;
      }

.window{
 width:200px;
 height:200px;
 border-radius:50%;
 object-fit:cover;
       }

@media screen and (min-width:1025px){
.window{
 width:220px;
 border-radius:50%;
     }
}

.sns-wrapper{
 width:100%;
 text-align:center;
 bottom:0px;
 margin-top:10px;
 z-index:1;
 margin-right:auto;
 margin-left:auto;
 font-size:1.8em;
                 }

.lasttext-wrapper{
 margin-right:auto;
 margin-left:auto;
 text-align:center;
   }

.menu-wrapper{
 color:black;
 font-size:1em;
 text-align:center;
 margin-top:30px;
 margin-bottom:30px;
      }

.last-text{
  text-align:center;
}

#radi{
 border-radius:50%;
       }

@media screen and (min-width:415px){

body{
 font-size:18px;
       }

h2{
 text-align:left;
 border-left:7px solid #800000;
 border-bottom:2px solid #80000;
 color:#800000;
 font-size:22px;
 font-weight:normal;
           }

footer{
 text-align:center;
 width:100%;
 height:590px;
 border-radius:0px 0px 0px 0px;
                          }

.menu-content {
 font-size:20px;
            }

#headerlogo{
 width:200px;
  }

.main{
 margin-right:1%;
 margin-left:1%;
        }
}

@media screen and (min-width:431px){

body{
 font-size:20px;
       }

.window{
 width:220px;
 height:220px;
 border-radius:50%;
 object-fit:cover;
       }

footer{
 text-align:center;
 width:100%;
 background-color:#800000;
 height:590px;
 border-radius:0px 0px 0px 0px;
                          }

.menu-content {
 font-size:20px;
            }

#headerlogo{
 width:200px;
  }

.main{
 margin-right:6%;
 margin-left:6%;
        }

#menu-btn-check:checked ~ .menu-content {
    left:0%;/*メニューを画面内へ*/
}

}

@media screen and (min-width:1025px){

body{
 font-size:20px;
       }

h2{
 text-align:left;
 border-left:7px solid #800000;
 border-bottom:2px solid #800000;
 color:#FF4F02;
 font-size:24px;
 font-weight:normal;
           }

.main{
 margin-right:15%;
 margin-left:15%;
        }

.window{
 width:240px;
 height:240px;
 border-radius:50%;
 object-fit:cover;
       }

#sns-hummenu{
 margin-top:0px;
 margin-right:10px;
 text-align:right;
 font-size:1.6em;
       }

#menu-btn-check:checked ~ .menu-content {
 left:0%;
        }

#hummenu{
 display:block;
 color:black;
 text-decoration:none;
 margin-left:10px;
 font-weight:bold;
                 }

#kyoutyou{
 font-weight:bold;
 font-size:1.25em;
 }

.soudan{
 font-weight:bold;
 font-size:1.1em;
        }


.menu-btn {
 position: fixed;
 top:5px;
 right: 3px;
 display: flex;
 height: 40px;
 width: 40px;
 justify-content: center;
 align-items: center;
 z-index: 90;
 background-color:#800000;
         }

#headerlogo{
 width:190px;
  }

.menu-content {
 font-size:22px;
            }

.header{
 height:50px;
      }

footer{
 text-align:center;
 width:100%;
 height:630px;
 border-radius:0px 0px 10px 10px;
                          }
}

@media screen and (min-width:1200px){

body{
 font-size:21px;
       }

.window{
 width:240px;
 height:240px;
 border-radius:50%;
 object-fit:cover;
       }

#menu-btn-check:checked ~ .menu-content {
 left:0%;
        }

#hummenu{
 display:block;
 color:black;
 text-decoration:none;
 margin-left:10px;
 font-weight:bold;
                 }

#kyoutyou{
 font-weight:bold;
 font-size:1.25em;
 }

.soudan{
 font-weight:bold;
 font-size:1.1em;
        }

h2{
 text-align:left;
 border-left:7px solid #800000;
 border-bottom:2px solid #800000;
 color:#800000;
 font-size:20px;
           }

.menu-btn {
 position: fixed;
 top:5px;
 right: 3px;
 display: flex;
 height: 40px;
 width: 40px;
 justify-content: center;
 align-items: center;
 z-index: 90;
 background-color:#800000;
         }

#headerlogo{
 width:200px;
  }

.menu-content {
 font-size:22px;
            }

.header{
 height:50px;
      }

footer{
 text-align:center;
 width:100%;
 height:630px;
 border-radius:0px 0px 10px 10px;
                          }
}

@media screen and (min-width:1350px){

body{
  font-size:21px;
        }

}

@media screen and (min-width:1490px){

body{
  font-size:23px;
        }

.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
 content: '';
 display: block;
 height: 4px;
 width: 25px;
 border-radius: 3px;
 background-color:#FFFF00;
 position: absolute;
}
.menu-btn span:before {
 bottom: 9px;
}
.menu-btn span:after {
 top: 9px;
}

}

@media screen and (min-width:1680px){

body{
  font-size:24px;
        }

.menu-content {
 font-size:20px;
}


}