@charset "utf-8";
/*******************************************************
MeySen Academy Copyright(c) All Rights Reserved.
*******************************************************/
/* Main Visual */
#pg-sitemap { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/sitemap/mainVisual.jpg);}

.bl-site-category {
  width: 84%;
  margin:auto;
  margin-bottom:64px;
}
.bl-site-category ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
  .bl-site-category ul li {
    width: 33%;
    margin-bottom:16px;
  }
  .bl-site-category-col ul li { margin-bottom:16px; }

.bl-site-category-col {
  display: flex;
  flex-wrap: wrap;
  width: 84%;
  margin:auto;
}
  .bl-site-category-box {
    min-width: 33%;
    margin-bottom:80px;
  }
  .bl-site-category a:hover, .bl-site-category a:active,
  .bl-site-category-box a:hover, .bl-site-category-box a:active {
    color:rgba(var(--season-main-color));
    text-decoration: underline;
  }


/* HeadLine */
.bl-categoryName {
  font-size: 26px;
  margin-bottom:40px;
}
.bl-subcategoryName {
  font-size: 20px;
  margin-bottom:24px;
}
.bl-gradeName {
  font-size: 18px;
  margin-bottom:16px;
}
.bl-site-category-box .bl-categoryName {
  font-size: 26px;
  margin-bottom:32px;
}
/*****************************************************
	Mobile
******************************************************/
@media screen and (max-width : 768px) {
  .bl-site-category, .bl-site-category-col { width: 90%; }
  .bl-site-category ul li {
    width: 49%;
    margin-bottom:12px;
  }
  .bl-site-category-col ul li { margin-bottom:12px; }
    .bl-site-category-box {
      min-width: 49%;
      margin-bottom: 48px;
  }
}
@media screen and (max-width : 640px) {
	#pg-sitemap {	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 100%), url(/img/sitemap/sp-mainVisual.jpg); }
 
  .ly-contentWide, .ly-contentWide:last-child { padding-top:3rem; padding-bottom:3rem; }

  /* HeadLine */
  .bl-categoryName {
    font-size: 23px;
    margin-bottom:32px;
  }
  .bl-subcategoryName {
    font-size: 18px;
    margin-bottom:16px;
  }
  .bl-gradeName {
    font-size: 16px;
    margin-bottom:12px;
  }
  .bl-site-category-box .bl-categoryName {
    font-size: 22px;
    margin-bottom:24px;
  }
}
@media screen and (max-width :480px) {
  .bl-site-category, .bl-site-category-col { width: 100%; }
  .bl-site-category { margin-bottom:32px; }
  .bl-site-category ul li, .bl-site-category-col ul li {
    width: 100%;
    margin-bottom:12px;
  }
    .bl-site-category-box {
      min-width: 100%;
      margin-bottom: 24px;
  }

}