@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');

body{
 margin:0px;
 font-size:16px;
 background-color:white;
 color:black;
 width:100%;
 text-align:center;
 font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 font-family: 'Noto Serif JP', serif;
 display: flex;
 flex-direction: column;
            }

body{
 animation:fadeIn 10s ease 0s 1 normal;
 -webkit-animation:fadeIn 8s ease 0s 1 normal;
              }

@keyframes fadeIn{
0%{ opacity:0 }
100%{opacity:1}
             }

@-webkit-keyframes fadeIn{
0%{opacity: 0}
100%{opacity:1}
             }

.container{
 width:100%;
 }

.header{
 height: 30px;
 background-color: #ffffff;
}

.top-wrapper{
margin-right:15px;
margin-left:15px;
margin-top:30px;
margin-bottom:50px;
}

.text-wrapper{
margin-right:auto;
margin-left:auto;
margin-bottom:30px;
}

.content{
 margin: 0px;
 display: flex;
}

#image{
 object-fit: cover;
 width:100%;
 height: 400px;
 }

.image{
 width: 50%;
 height: 400px;
 margin: 0px;
}

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

.image{
 width:100%;
 height: 350px;
 background-color: #111111;
 margin: 0px;
}

#image{
 object-fit:cover;
 width:100%;
 height: 350px;
 }

.content{
 display: flex;
 flex-direction: column;
 }

#mbcotent{
 display:none;
      }
}

.image{
 position:relative;
     }

#hp{
 color:white;
 background-color:black;
 font-size:0.8em;
 padding:5px 10px;
 position:absolute;
 top:10px;
 left:10px;
 opacity:0.8;
 }

img:hover{
 opacity:0.7;
     }

img:active{
 opacity:0.7;
     }

footer{
 color:#C0C0C0;
 background-color:#000000;
 height:500px;
 border-top:1px solid gray;
 border-radius:0 0 10px 10px;
 margin-right:5px;
 margin-left:5px;
                      }

.footer-logo{
 font-size:1.2em;
 padding-top:20px;
 color:#C0C0C0;
                }

#copyright::after{
 content:"©2022-2024 リープスト";
      }

.footer-text{
 font-size:0.8em;
 }

#bunki{
 margin-top:50px;
 margin-bottom:50px;
     }

.bunki{
 font-size:1.1em;
     }

#linkl{
color:black;
text-decoration:none;
display:block;
}

#linkl:hover{
color:crimson;
display:block;
}

#linkl:active{
color:crimson;
display:block;
}

h1{
font-size:28px;
font-style:normal;
     }

h2{
font-size:24px;
font-style:normal;
line-height:1em;
     }

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

body{
 font-size:20px;
 font-family: 'Noto Serif JP', serif;
          }

h1{
font-size:30px;
     }

h2{
font-size:26px;
     }
}

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

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

body{
 font-size:22px;
 font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
   }

h1{
font-size:34px;
     }

h2{
font-size:26px;
     }
}