@charset "UTF-8";
/* CSS Document */

/*----- bace----- */
@media (max-width:992px){
body{min-width: auto;}
.l-box{padding: 0 20px;}
h1{margin-top: 30px;padding: 15px 15px 5px;}
}

@media (max-width:768px){
html{font-size:14px;}
body{padding-top: 50px;}
nav .navbar-brand img{max-width: 80px;}
nav .nav-link{padding: 0 5px;}
nav .nav-link img{max-width: 40px;}
nav .nav-link li{padding: 0!important;}
nav .collapse div{display: none;}
section{margin-top: 30px;}
.carousel-control-prev,.carousel-control-next{width: 50px;}
.m-box{padding: 0 15px;}
#f-shop{background-image: none;}
#f-shop .col-md-5{margin-top: 20px;}
#school .col-md-10{margin-top: 10px;}
#uniform #flyer .flyer_img{
text-align: center;
}
#uniform #flyer .flyer_img a{
margin: 20px auto 0;
}

}
/*sp*/
@media (max-width:992px){
.pc-dn{display:block;}
.sp-dn{display:none;}
.container{padding-left: 30px;padding-right: 30px;}
}
/*pc*/
@media (min-width:993px){
.pc-dn{display:none;}
.sp-dn{display:block;}
}


/*----- contens----- */
/*sp*/
@media (max-width:768px){
/*index*/
.container{padding-left: 15px;padding-right: 15px;}
}


/* bace-size memo */
@media (min-width:576px){}
@media (min-width:768px){}
@media (min-width:992px){}
@media (min-width:1200px){}