html {
  scroll-padding-top: 80px;
}

body
{
    margin:0px;
    font-family: 'ヒラギノ角ゴ Pro W3','メイリオ',Meiryo, 'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif;
}






.header_link
{
   text-decoration:none;
   font-weight:bold;
   color:gray;
   padding-right:10px;
   font-size:80%;
   
}

.futter
{
    width:100% ;
    margin: 0 auto; 
    background-color:#ffffff;
    padding-top:10px;
    padding-bottom:5px;
}
.futter_inner
{
    max-width:800px ;
    margin: 0 auto; 
    text-align:center;
    color:gray;
    font-size:0.8em;
    line-height:200%;
}
.futter_inner a
{
    text-decoration:none;
    color:gray;
    font-weight:bold;
    display:inline-block;
}


.container_width_limit
{  
    max-width:800px ;
    margin: 0 auto;
    opacity: 0;
    transition: 0.8s;
    color:#696969;
//    font-size:90%;
    padding:10px 5px 10px 5px;
}
.mv02
{
   opacity: 1.0;
}














/******************************/
/*ハンバーガーメニューデザイン*/
/******************************/

.hamburger {
  width: 60px;
  height: 72px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  margin-left: auto;
  display: flex;
  transition: all 0.4s;
  position: relative;
  z-index: 30;
}

.checkbox:checked ~ .hamburger {
  transform: rotate(360deg);
}

.hamburger .bar {
  width: 40px;
  height: 3px;
  background: #333;
  border-radius: 2px;
  display: block;
  position: absolute;
}

.hamburger .bar-top {
  transform: translate(0, -12px) rotate(0);
  transition: all 0.4s;
}

.hamburger .bar-middle {
  transition: all 0.4s;
  opacity: 1;
}

.hamburger .bar-bottom {
  transform: translate(0, 12px) rotate(0);
  transition: all 0.4s;
}

.checkbox:checked ~ .hamburger .bar-middle {
  opacity: 0;
}

.checkbox:checked ~ .hamburger .bar-top {
  transform: translate(0, 0) rotate(-45deg);
  background: #fff;

}

.checkbox:checked ~ .hamburger .bar-bottom {
  transform: translate(0, 0) rotate(45deg);
  background: #fff;

}

.checkbox {
  display: none;
}

/******************************/
/*    MOBILE  メニューデザイン*/
/******************************/
.nav-menu {
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0;
  color: #333;
  top: 0;
  left: 0;
  animation: appear .5s ease;
  display:none;
  padding-top:80px;;
}

.nav-menu a {
  text-decoration:none;
  display:block;
  text-align: center;
  font-size: 120%;
  color:white;
  border-bottom:1px soid #ffffff;
  padding:20px 0px;
  font-weight:bold;
}

.checkbox:checked ~ .nav-menu {
//  backdrop-filter: blur(4px);
  background:#191970;
  display:block;
  opacity:0.8;
}

  @keyframes appear {
    0%{
      opacity: 0;
    }
    100%{
      opacity: 0.8;
    }
  }


.mobile_head_list
{
    display:inline-block;
}
.pc_head_list
{
    display:none;
}

@media (max-width: 1100px) {
  .mobile_head_list {
    display: inline-block;
  }
  .pc_head_list {
    display: none;
  }
}
@media (min-width: 1100px) {
  .mobile_head_list {
    display: none;
  }
  .pc_head_list {
    display: inline-block;
  }
}