@charset "UTF-8";
p{
    font-family: 'Sawarabi Mincho', sans-serif;
}

#home h1{
    font-family: 'Cookie', cursive;
    color: white;
    font-size: 11rem;
    font-style: italic;
    text-shadow: 2px 2px 2px black;
    padding-top: 11rem;
}
.news_title{
    width: 9rem;
    font-size: 20px;
}

.header_desc{
    color: white;
    text-shadow: 2px 2px 2px black;
}

.bk-image{
    background:url(images/bg-image.jpg) center no-repeat;
    background-size: cover;
    height: 800px;
    width: 100%；
}
.nav{
    width: 100%;
    
}
.navbar{
    background-color: rgba(255,255,255,0.4);
    
    }
.nav-item{
    font-family: 'Fondamento', cursive;
    font-size: 20px;
}
.nav-item a{
    color: white;
    text-shadow: 1px 1px 1px #191919;
}
.navbar-nav li{display: inline-block;
                margin-left: 25px;
                margin-right: 25px;}
#fixed{
    background-color:#074e78; 
}
/*ハンバーガー*/
.fa-white{
    border-color: none;
    color: rgba(255,255,255,1);
}
.title{
    font-family: 'Fondamento', cursive;
    color: #074e78;
    width: 6rem;
}
.a-title{
    color: #074e78;
}
#about .title{
    margin-top: -3rem;
    margin-bottom: 1rem;
    background-color: white;
/*    width: 7rem;*/
}
.about-content{
    border: double 15px #04517e;
    height: 15rem;
    max-width: 75%;
}
.about-image{
    height: 3rem;
}
#about p{
/*    width: 40rem;*/
}
#menu{
    background: url(images/bk-stripe.png);
}
#menu h5{
    font-family: 'Fondamento', cursive;
    color: #074e78;
    font-size: 1.6rem;
}
#menu p{
    width: 10rem;
    color: black;
}
#news a{
    color: black;
}
.andmore{
    font-family: 'Fondamento', cursive;
    font-size: 20px;
    color: white;
    background-color: #074e78;
    width: 7rem;
    border-radius: 100px;
}
.text-white{
    color: white;

}
.n-p p{
   font-size: 0.8rem;
}
.line{
    border-top: solid 1px #074e78;
    border-bottom: solid 1px #074e78;
    width: 15rem;
    height: 5rem;
}
#banner{
    background:url(images/bk-stripe.png);
    height: 14rem;
}
#footer-menu{
    height: 5rem;
    background-color: #074e78;
    width: 100%;
}
.footer-logo{
    font-family: 'Fondamento', cursive;
    color: white;
    text-shadow: 1px 1px 1px #191919;
    width: 11rem;
}
.grid-container {
    display: grid;
    gap: 15px;
    grid-template-columns: repeat(3, 1fr);
  }

/**************
*
*MENU
*
***************/
/*レイアウト*/
.search_row, .menu_row{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -js-display:flex;
   -webkit-box-align:flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start;
    -webkit-box-pack:flex-start;
    -ms-flex-pack:flex-start;
    justify-content:flex-start;
    flex-wrap: wrap;
  }
  .menu_row > .col-md-4{
    padding: 10px;
  }
  .menu-categories{
      width: 240px;
      background-color: #a4a4a4;
      color: white;
  }
  
  /* .menu_pic > a > img{
    max-width: 300px;
  } */
  .title.second{
    margin-top:60px;
  }
  .pageNav{padding:0px 15px 50px 15px}
  .pageNav ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  .pageNav ul li{
    border-left:1px solid #64605f;
    margin-bottom:0;
    line-height:1
  }
  .pageNav ul li:last-child{
    border-right:1px solid #64605f;
  }
  .pageNav ul li a,.pageNav ul li span{
    padding:5px 15px;
    white-space:nowrap;
    cursor:pointer;
    font-size:16px
  }
  
  
  /**************

/*タブレット991以下*/
@media (max-width: 991px){
    p{
        font-size: 0.9rem;
    }
    .bk-image{
        margin-top: -20rem;
        height: 400px;
    }
    #home h1{
        font-size: 6rem;
        padding-top: 6.5rem;
        margin-top: 20rem;
    }
    #about .title{
        margin-top: -3rem;
    }
    .about-content{
        height: 16.5rem;
    }
    .about-image{
        height: 2.5rem;
    }
/*
    #about p{
        width: 28rem;
    }
*/
    .menu-image{
    height: 6rem;
    }
    .n-p p{
        font-size: 0.7rem;
    }
    .line{
        width: 10rem;
        height: 4.6rem;
    }
    #banner{
    height: 11rem;
    }
    .footer-logo{
        font-size: 1.5rem;
    }
    #footer-menu li{
        padding:0.2rem;
    }
}
.archive{
    border:1px solid #a4a4a4;
    margin-bottom:30px
  }
  .archive:last-child{
    margin-bottom:0
  }
  .archive .archive_title{
    font-size:16px;
    padding:20px 10px;
    line-height:1;
    border-bottom:1px solid #a4a4a4;
    background-color: #b7dbe7;
  }
  .archive .archive_list li{
    margin:0;
    border-bottom:1px solid #a4a4a4;
    line-height:1
  }
  .archive .archive_list li:last-child{
    border-bottom:none
  }
  .archive .archive_list li a{
    padding:20px 10px;
    display:block;
  }
  
  .breadcrumb{
    padding:15px 0;
   
  }
  ul{list-style-type: none;}

/*スマホ575px以下*/
@media (max-width: 575px){
    #home h1{
        font-size: 3rem;
        padding-top: 5rem;
    }
    #about h3,#menu h3,#news h3{
        font-size: 1.5rem;
    }
    .nav-item{
    font-size: 0.5rem;
    }
    .navbar{
    color: white;
    background-color: #074e78;
    }
    p{
        font-size: 0.7rem;
    }
    .bk-image{
        margin-top: -18rem;
        height: 10rem;
    }
    .about-content{
        border: double 5px #074e78;
        height: 9rem;
        max-width: 70%;
    }
    #about p{
        font-size: 0.5rem;
/*        width: 12rem;*/
    }
    #about .title{
        margin-top: -2rem;
        margin-bottom: 0rem;
/*        width: 5.5rem;*/
    }
    .about-image{
        height: 1.2rem;
    }
    #menu h5{
        font-size: 1.2rem;
    }
    .line{
        width: 14rem;
        height: 4.4rem;
    }
    .n-p p{
        width: 6rem;
    }
    #banner{
        height: 15rem;
    }
    #footer-menu{
        height: 3.1rem;
        font-size: 0.6rem;
    }
    .footer-logo{
        font-size: 0.8rem;
    }
    
}