@charset "UTF-8";

.c5--limitRed {
  margin-bottom: 0;
  padding: 10px 0;
  background-color: #d60a0a;
  color: #ffffff;
  font-weight: bold;
}

.c5-sp-only{
  display: none !important;
}
@media screen and (max-width: 639px) {
  .c5-pc-only {
    display: none !important;
  }
  .c5-sp-only{
    display: block !important;
  }
}

.c5-button__comingSoon {
  pointer-events: none;
}

.c5-button__comingSoon:before {
  display: none !important;
}

.c5-max420-width100{
/*  max-width: 420px !important;*/
  max-width: 100% !important;
}

.c5-width36-52-100{
  width: 36% !important;
}

@media screen and (max-width: 640px) {
  .c5-max420-width100{
    width: 100% !important;
  }
  .c5-width36-52-100{
    width: 100% !important;
  }
  .c5-width100{
    width: 100%;
    margin: auto;
  }
}

.s5-storeItemList .c5-storeItem2 ul {
  font-size: 0;
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 639px){
  .s5-storeItemList .c5-storeItem2 ul {
    display: block;
  }
}

.s5-storeItemList .c5-storeItem2 li {
  font-size: 1rem;
  vertical-align: top;
  margin: 6px 4px 6px;
  width: 31%;
}

@media screen and (max-width: 1213px){
  .s5-storeItemList .c5-storeItem2 li {
    width: 48%;
  }
}

@media screen and (max-width: 974px){
  .s5-storeItemList .c5-storeItem2 li {
  width: 100%;
}
}

@media screen and (max-width: 639px){
  .s5-storeItemList .c5-storeItem2 li {
    margin: 6px auto;
}
}

.s5-storeItemList .c5-storeItem2 a {
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 639px) {
  .s5-storeItemList .c5-storeItem2:last-child {
    padding-bottom: 20px;
  }
}

.c5-bg-cover {
  background-color: #dce1f1;
  padding: 25px;
  margin-bottom: 25px;
}

.c5-cresup_mv-pc{
  width: 90%;
  margin: auto 0;
}

@media screen and (max-width: 768px) {
  .c5-academy--text{
    margin-top: 10px;
  }
  .c5-cresup_mv-sp{
    width: 60%;
    margin: 0 auto;
  }
}

.c5-academy--inner{
  width: 78% !important;
}
.c5-academy_img{
  width: 36% !important;
}
.c5-academy_text{
  width:60% !important;
  vertical-align: middle !important;
}
