body {
  width: 100%;
  margin: 0 auto;
  font-family: "Hiragino Kaku Gothic ProN", sans-serif;
  background-color: #a92c67;

}


a {
  text-decoration: none;
}

.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}

.container {
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}

header {
  height: 85px;
  width: 100%;
  background-color: rgba(34, 49, 52, 0.9);
  position :fixed;
  top: 0;
  z-index: 10;
}

.logo {
  width: 80px;
  margin-top: 0px;
}

.header-left {
  float: left;
}

.header-right {
  display: flex;
  justify-content: flex-end;
  /*margin-right: -15px;*/
}

.hedder-free{
  width:200px;
  vertical-align: middle;
}

.header-right a {
  line-height: 85px;
  padding: 0 35px;
  color: white;
  display: block;
  transition: all 0.5s;
}
@media screen and (max-width:480px) {
  .header-right a {
    padding: 0 10px 0 0;
  }
  }

.header-right a:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

@media only screen and (min-width: 768px) {
    main {
    max-width: 860px;
    margin:0 auto;
    }   
}

main{
  background-color: white;
}

.fv{
  margin-top: 75px;
}


.free-img{
  width:500px;
}
 
.reflection{
margin: 20px 0;
display:inline-block;
position:relative;
overflow:hidden;
}
 
.reflection:after {
content:"";
height:100%;
width:30px;
position:absolute;
top:-180px;
left:0;
background-color: #fff;
opacity:0;
-webkit-transform: rotate(45deg);
-webkit-animation: reflection 2s ease-in-out infinite;
}
 
@keyframes reflection {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

.corona-detail{
  width: 90%;
  height: 500px;
  margin: 0 auto;
  background-color: #f5f5f5;
  font-size: 0.8em;
  overflow: scroll;
}

.naiso-wrapper{
  margin-top: 10%;
}

.naiso{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  
}

.naiso-image{
  padding: 1% 1%;
  text-align: center;
}

.access{
  width: 100%;
  text-align: center;
}

.eigyo{
  font-weight: bold;
}

.teikyu{
  color: red;
}

footer{
  height: 30px;
  width: 100%;
  background-color: rgba(34, 49, 52, 1);
}

.footer-container{
  text-align: center;
}

small{
  color:white;
  font-size: 10px;
}