@charset "utf-8";
*{
    padding: 0;
    margin: 0;
    font-family: 'M PLUS 2', sans-serif;
    font-size: 20px;
}
body {
    margin: 0 auto;
}
#loading{
    display             :   none; 
    position            :   fixed;
    width               :   100%;
    height              :   100%;
    background-color    :   aliceblue;
    z-index             :   4;
}
.loading-main{
    text-align          :   center;
    margin-top          :   150px;
    font-size           :   40px; 
}
/******左右******/
.fade {
    animation-name              :   fadeAnime; 
    animation-duration          :   1.5s;
    animation-iteration-count   :   infinite;
}
@keyframes fadeAnime{
  0% {
      transform     :   translateX(0px);
      opacity       :   1;
  }

  100% {
      transform     :   translateX(150px);
      opacity       :   0; 
  }
}
.ground{
    position        :   absolute;
    width           :   100%;
    height          :   50%;
    top             :   520px;
    background-color:   bisque;
}
/******消える******/
.fadeOut {
    animation-name              :   fadeOutAnime; 
    animation-duration          :   1s;
    animation-fill-mode         :   forwards;
}
@keyframes fadeOutAnime{
  0% {
      opacity   :   1;
  }

  100% {
      opacity   :   0;
      display   :   none; 
  }
}

main {
    
}
/*ヘッダーｃｓｓ*/
header {
}
header #honwaka-logo {
    margin: 0 auto;
    text-align: center;
}
.honwaka-main{
    position: relative;
    z-index: 2;
}
#pc_nav li {
    width: 20%;
    text-align: center;
}
#pc_nav li:hover{
    border-bottom: 4px solid #deb887;
}
#pc_nav li a{
    text-decoration: none;
}
#pc_nav li:nth-child(2){
    margin-right: 450px;
}
#pc_nav li:nth-child(odd){
    border-right: 0.5px solid #c0c0c0;
}
.gosick {
    font-family: "HGP創英角ゴシックUB";
}
#pc_nav li a p {
    font-size: 20px;
    font-weight: 700;
    color: #000000;
}
#pc_nav li a:hover{
    border-bottom: 4px solid orange;
}
.footer{
    width:100%;
    height:280px;
    border:none;
}