body {
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
/*animation: fadein 2.0s ease forwards;*/
}
 /*   animation: fadein 3s forwards;*/

@keyframes fadein {
  0% {opacity: 0}
  100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}
/*.navbar-light*/ .navbar-toggler {
  border-color: rgba(0,0,0,0);
}
/* nav-itemの文字色 */
.navbar .navbar-nav .nav-link {
  color: #274760;
}
/* nav-item activeの文字色 */
.navbar .navbar-nav .active > .nav-link {
  color: rgba(0,0,255,1);
}
/* nav-item:focus、nav-item:hoverの文字色 */
.navbar .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  opacity: 0.8;
}
/* ドロップダウンアイテムの文字色 */
.dropdown-item {
  color: #274760;
}
.color-main {
  color: #c5cace;
}

.touroku-btn {
  border-radius: 15px;
  font-size:15px;
  width:150px;
  height:30px;
  padding:5px 5px;
  color: #F5F9F8;
  background-color: #274760;
  margin:5px 0px 5px 10px;
  justify-content: center;
  text-align: center;
  /*box-shadow: 2px 2px 4px gray;*/
  box-shadow: 0 1px 0 0;
  font-weight: bold;
  overflow: hidden;
  /*追加*/
  display: block;
  position: relative;
}
.touroku-btn:hover {
  opacity: 0.8;
  color: #F5F9F8;
  box-shadow: 10px 10px 15px -10px;
}
.touroku-btn::before {
  border-radius: 15px;
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: touroku-btn 3s ease-in-out infinite;
}
@-webkit-keyframes touroku-btn {
  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; }
}
/***************/
/*ハンバーガー*/
.menua{
  height: 100%;/*20*/
  position: absolute;
  right: 90px;/*20*/
  top: 10px;/*20->17*/
  width: 30px;
  z-index: 999;
}
.menu__line{
  background: #274760;/*fff*/
  display: block;
  height: 2px;
  position: absolute;
  transition:transform .3s;
  width: 100%;
}
.menu__line--center{
  top: 9px;
}
.menu__line--bottom{
  bottom: 0;
}
.menu__line--top.active{
  top: 8px;
  transform: rotate(45deg);
  background: #F5F9F8;
}
.menu__line--center.active{
  transform:scaleX(0);
  background: #F5F9F8;
}
.menu__line--bottom.active{
  bottom: 10px;
  transform: rotate(135deg);
  background: #F5F9F8;
}
/***************/
/*フルスクリーンナビゲーション*/
.gnav{
  background: rgba(182,41,45,0.7);/*0,0,0,0.8*/
  display: none;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 998;
}
.gnav__wrap{
  align-items:center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  width: 100%;
}
.gnav__menu__item{
  margin: 25px 0;/*40 <-メニューの間隔*/
  text-align: center;/*なかった*/
  list-style: none;/*なかった*/

}
.gnav__menu__item a{
  color: #F5F9F8;
  font-size: 1.2em;
  font-weight: bold;
  padding: 0px;/*40*/
  text-decoration: none;
  transition: .5s;
}
.gnav__menu__item a:hover{
  color: #666;
}
.gnav__menu__item img{
  width:50px;
  height:50px;
}

.gnav__menu__item p{
  color: #F5F9F8;
  font-size: 0.8em;
  font-weight: bold;
  transition: .5s;
}

.gnav_button {
  font-weight: normal;
  color: white;
  width: 180px;
  border:1px solid #707070;
  background-color:#B6292D;
  
}