body {
    color: #2d7f6d;
    background: white;
    background-image: linear-gradient(to top, #e9f2f2 80%, #a9d1c3);
    background-size: cover; 
    background-position: center; 
    font-family: "wapuro";

}

img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}

pre {
  font-size: 1rem;
}

a{
  color: #2d7f6d
  }

a:hover{
  color: gray
}


table, th, td {
  border:2px groove #2d7f6d;
  border-collapse: collapse;
  margin: 5px;
  padding: 7.5px;
  font-weight: normal;
}

tbody tr:nth-child(odd) {
   background-image: linear-gradient(to bottom, 
   #E2E2E2 0%,
   white 80%, 
   #E2E2E2 100%);
}

tbody tr:nth-child(even) {
   background-image: linear-gradient(to bottom, 
   white 0%,
   #E2E2E2 80%, 
   white 100%);
}

th {
    
    color: white;
    background-image: linear-gradient(to bottom, 
   #2d7f6d 0%,
   #78b78a 80%, 
   #2d7f6d 100%);
   
}

.linkler {
  margin-left: 20%;
}

.kasira {
  border-top: groove #2d7f6d 10px;
  border-left: groove #2d7f6d 10px;
  border-right: groove #2d7f6d 10px;
  border-bottom: solid #2d7f6d 2px;
  
  width: 90%;
  height: 100%;
  overflow: hidden;
  display: flex;
  margin: auto;
  
  align-items: stretch;
  justify-content: center;
  background-color: #fff;
}

.kasira-p {
  border-top: groove #2d7f6d 10px;
  border-left: groove #2d7f6d 10px;
  border-right: groove #2d7f6d 10px;
  border-bottom: solid #2d7f6d 2px;
  
  width: 90%;
  height: 100%;
  overflow: hidden;
  display: flex;
  margin: auto;
  background-color: #fff;
  position: relative;
  bottom: 20px; 
}

.absolute {
  position: absolute;
}

.zurebun{
  color: #2d7f6d;
  font-weight: bold;
  border-left: groove #2d7f6d 10px;
  border-right: groove #2d7f6d 10px;
  background-image: linear-gradient(to bottom, 
   lightblue 0%,
   white 80%, 
   lightblue 100%);
  
  width: 90%;
  height: 100%;
  overflow: hidden;
  display: flex;
  margin: auto;
  
  
  align-items: stretch;
  justify-content: center;
  background-color: #fff;
  padding-top: 9px;
  padding-bottom: 9px;
}

.humoto {
  border-top: solid #000 2px;
  border-left: groove #000 10px;
  border-right: groove #000 10px;
  border-bottom: groove #000 10px;
  
  width: 80%;
  height: 100%;
  overflow: hidden;
  display: flex;
  margin: auto;
  background-color: #fff;
  }

.maegami{
  
}

.hako {
  height: 100%;
  width: 90%;
  
  margin: auto;
  border-left: groove #2d7f6d 10px;
  border-right: groove #2d7f6d 10px;
  border-bottom: groove #2d7f6d 10px;
}

.hontai {
  overflow: hidden;
  display: flex;
  width: 100%;
  margin: auto;
  align-items: stretch;
  justify-content: center;
  
  border: solid #680529 2px;
  background-color: #fff;
}

.momiage {
  display: block;
  width: 150px;
  height: 100%;
  padding: 20px;
  text-align: left;
  overflow: auto;
  overflow-x: auto;
  word-break: break-word;
}

.momiage h2{
 color: white;
 border-bottom: solid #2d7f6d 2px;
 border-right: solid #2d7f6d 2px;
 width: 100%;
 text-align: center;
    background-image: linear-gradient(to bottom, 
   #2d7f6d 0%,
   #78b78a 80%, 
   #2d7f6d 100%);
  box-shadow: 1px 1px 3px
  rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  padding: 3.5px;
}

.kasiramomiage{
  text-align: center;
  background-color: black;
}

.omobako {
  display: inline-block;
  width: 80%;
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
  padding: 30px;
  border-left: solid #2d7f6d 2px;
  
}

.omobako h1 {
display: inline-block; 
font-size: 2.25rem;
color: white;
 border-bottom: solid #2d7f6d 2px;
 border-right: solid #2d7f6d 2px;
 text-align: left;
  background-image: linear-gradient(to bottom, 
   #2d7f6d 0%,
   #78b78a 80%, 
   #2d7f6d 100%);
 padding: 2px 7px;
 width: 95%;
 align-self: flex-start;
 box-shadow: 1px 1px 3px
  rgba(0, 0, 0, 0.5);
  
  border-radius: 5px;
  padding: 3.5px;
}

.karabako {
display: inline-block;  
padding: 2px 7px;              
border: 1px solid #2d7f6d;       
background-color: transparent;
 box-shadow: 1px 1px 3px
  rgba(0, 0, 0, 0.5);
}

.tuuti {
color: white;
display: inline-block;  
padding: 2px 7px;              
border: 1px solid #2d7f6d;  
border-radius: 3px;
background-color: red;
box-shadow: 1px 1px 3px
rgba(0, 0, 0, 0.5);
font-weight: bold;
font-family: "Times New Roman";
}


.ayirgac {            
 display: inline-block; 
 text-align: left;
 width: 100%;
 height: 1px;
 align-self: flex-start;
 border-bottom: 1px solid #2d7f6d;       
 box-shadow: 0px 3px 5px
  rgba(0, 0, 0, 0.5);
}

.kurobako {
display: inline-block;  
padding: 3px;            
border: 1px solid white;       
background-color: black;
border-radius: 2px;
 box-shadow: 1px 1px 3px
  rgba(0, 0, 0, 0.5);
}

.ukie {
    position: fixed; 
    bottom: 0;
    right: 0; 
    padding: 10px; 
}

.ukie img {
    max-width: 100%;
    height: auto; 
}

/*hirameki*/

.hirameki {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.hirameki2 {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 0.75s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 0.75s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}


@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}







.nabige ul{

}

        .marquee {
            overflow: hidden;
            white-space: nowrap;
            box-sizing: border-box;
            animation: scroll 19s linear infinite;
            width: 100%;
        }

        @keyframes scroll {
            0% { transform: translateX(100%); }
            100% { transform: translateX(-100%); }
        } 
        
        
@font-face {
    font-family: 'gothic';
    src: url('gothic.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'text';
    src: url('text.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tallstuga';
    src: url('tallstuga.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'links';
    src: url('links.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'black';
    src: url('black.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gyou';
    src: url('hudemozi.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'kanntei';
    src: url('kanntei.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'blazed';
    src: url('Blazed.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'noto';
    src: url('noto.otf') format('opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rp';
    src: url('rp.otf') format('opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'wapuro';
    src: url('wapurosenyouki.otf') format('opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'edo';
    src: url('edomozi.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'maru';
    src: url('pixelmaru.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mintyou';
    src: url('pixelmintyou.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
}