@charset "UTF-8";

.p-bnr{
			padding: 0 0px;
		}
		.p-month{
			text-align: center;
			background-color: #f86d80;
			color: #fff;
			padding:5px 0 10px 0;
			font-size: 20px;
			font-weight: 700;
			line-height: 1;
		}
		.p-month span{
			font-size: 32px;
		}
.badge-wrap {
  width: 114px;
  height: 114px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.badge {
  width: 100px;
  height: 100px;
  background: #fff;
  color: #8397c9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0.05em;

  clip-path: polygon(
    50% 0%,
    56% 7%,
    64% 3%,
    69% 11%,
    78% 9%,
    81% 18%,
    91% 22%,
    89% 31%,
    97% 36%,
    93% 44%,
    100% 50%,
    93% 56%,
    97% 64%,
    89% 69%,
    91% 78%,
    81% 82%,
    78% 91%,
    69% 89%,
    64% 97%,
    56% 93%,
    50% 100%,
    44% 93%,
    36% 97%,
    31% 89%,
    22% 91%,
    19% 82%,
    9% 78%,
    11% 69%,
    3% 64%,
    7% 56%,
    0% 50%,
    7% 44%,
    3% 36%,
    11% 31%,
    9% 22%,
    19% 18%,
    22% 9%,
    31% 11%,
    36% 3%,
    44% 7%
  );
}

.badge .large {
  font-size: 36px;
  line-height: 1;
}
.badge .large small {
  font-size: 16px;
  line-height: 1;
      display: inline-block;
    margin-bottom: 7px;
}
.badge span:not(.large) {
  font-size: 16px;
  line-height: 1;
    margin-bottom: 7px;
}

.--gra{
	background: linear-gradient(
    135deg,
    #a9c4ea 0%,
    #8faedf 45%,
    #789bd2 100%
  );
  color: #fff;
}
.--pink{
	background-color: #ee5470;
	color: #fff;
}
.--red{
	background-color: #c6211d;
	color: #fff;
}
@media (max-width: 767px) {
.badge-wrap {
  width: 80px;
  height: 80px;
}
.badge {
  width: 80px;
  height: 80px;
}
.badge .large {
  font-size: 28px;
}
.badge .large small {
  font-size: 14px;
    margin-bottom: 3px;
}
.badge span:not(.large) {
  font-size: 14px;
    margin-bottom: 3px;
}
}