@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url(/contents/nikki/fonts/NotoSansCJKjp-Regular.woff) format('woff');
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 600;
  src: url(/contents/nikki/fonts/NotoSansCJKjp-Medium.woff) format('woff');
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/contents/nikki/fonts/NotoSansCJKjp-Bold.woff) format('woff');
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/contents/nikki/fonts/NotoSansJP-Black.ttf) format('truetype');
}

#contents .mypage-contents {
  background-color: #f5f5f5 !important;
  font-family: 'Noto Sans Japanese', '游ゴシック', 'Yu Gothic', '游ゴシック体', YuGothic, sans-serif;
}

.mypage-contents .main-heading {
  font-size: 30px;
  font-weight: 900;
  line-height: 1.5;
  color: #333333;
}

.mypage-contents .mypage-title {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  line-height: 1.5;
  margin-top: 32px;
  margin-bottom: 25px;
}


/* .paging-wrap */
#mypage-pagination.paging-wrap {
  margin-bottom: 24px;
  width: 424px;
  background-color: #fff;
  border-radius: 9999px;
  margin: 0 auto;
}

#mypage-pagination.paging-wrap ul {
  display: flex;
  justify-content: center;
  gap: 8px;
}

#mypage-pagination.paging-wrap>ul {
  padding: 8px 0;
}

#mypage-pagination.paging-wrap ul li a,
#mypage-pagination.paging-wrap ul li div {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 36px;
  height: 36px;
  color: #2042FF;
  font-size: 14px;
  line-height: 1.5;
}

#mypage-pagination.paging-wrap li.paging-prev:not(.first) {
  margin-right: 8px;
}

#mypage-pagination.paging-wrap li.paging-next:not(.last) {
  margin-left: 8px;
}

#mypage-pagination.paging-wrap ul li.paging-prev a::before,
#mypage-pagination.paging-wrap ul li.paging-prev div::before,
#mypage-pagination.paging-wrap ul li.paging-next a::before,
#mypage-pagination.paging-wrap ul li.paging-next div::before {
  width: 22px;
  height: 16px;
  content: '';
}

#mypage-pagination.paging-wrap ul li.paging-prev a::before,
#mypage-pagination.paging-wrap ul li.paging-prev div::before {
  background: url(/contents/nikki/images/mypage/icon_pagination_prev.svg) center no-repeat;
}

#mypage-pagination.paging-wrap ul li.paging-prev.first a::before {
  background: url(/contents/nikki/images/mypage/icon_pagination_first.svg) center no-repeat;
}

#mypage-pagination.paging-wrap ul li.paging-next a::before,
#mypage-pagination.paging-wrap ul li.paging-next div::before {
  background: url(/contents/nikki/images/mypage/icon_pagination_next.svg) center no-repeat;
}

#mypage-pagination.paging-wrap ul li.paging-next.last a::before {
  background: url(/contents/nikki/images/mypage/icon_pagination_last.svg) center no-repeat;
}

#mypage-pagination.paging-wrap ul li a {
  -webkit-tap-highlight-color: transparent;
  outline: none !important;
}

#mypage-pagination.paging-wrap ul li.is-active a {
  background-color: #2042FF !important;
  color: #fff !important;
  border-radius: 9999px;
  font-size: 14px;
  line-height: 1.5;
}

#mypage-pagination.paging-wrap ul li.is-active a:hover,
#mypage-pagination.paging-wrap ul li.is-active a:active,
#mypage-pagination.paging-wrap ul li.is-active a:focus {
  background-color: #2042FF !important;
  color: #fff !important;
}

#mypage-pagination.paging-wrap ul li a:hover {
  text-decoration: none;
  background-color: transparent !important;
}

#mypage-pagination.paging-wrap ul li a:active,
#mypage-pagination.paging-wrap ul li a:focus {
  background-color: transparent !important;
  color: #2042FF !important;
  outline: none !important;
}

#mypage-pagination.paging-wrap .count-wrap {
  font-size: 12px;
}

#mypage-pagination.paging-wrap ul li .pagination-inactive {
  border: none !important;
}

.paging-wrap .paging-prev.first a.pagination-inactive::before {
  background: url(/contents/nikki/images/mypage/icon_pagination_first_white.svg) center no-repeat !important;
}

.paging-wrap .paging-prev div.pagination-inactive::before {
  background: url(/contents/nikki/images/mypage/icon_pagination_prev_white.svg) center no-repeat !important;
}

.paging-wrap .paging-next.last a.pagination-inactive::before {
  background: url(/contents/nikki/images/mypage/icon_pagination_last_white.svg) center no-repeat !important;
}

.paging-wrap .paging-next div.pagination-inactive::before {
  background: url(/contents/nikki/images/mypage/icon_pagination_next_white.svg) center no-repeat !important;
}

#contents .breadcrumb-container .breadcrumb-list {
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 32px;
  padding: 0;
  font-family: "Noto Sans Japanese", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
}

#contents .breadcrumb-container .breadcrumb-list a {
  color: #2042FF;
  text-decoration: none;
}

#contents .breadcrumb-container .breadcrumb-list .breadcrumb-link{
	display: inline-block;
	padding:0 10px 0 16px;
	position: relative;
	z-index: 0;
}

#contents .breadcrumb-container .breadcrumb-list .breadcrumb-link:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 7px;
	background: url(/contents/nikki/config/rightnavi/mypage/img/icon-left.svg) no-repeat center;
	background-size: contain;
}


#contents .breadcrumb-container .breadcrumb-list .breadcrumb-link:first-child{
	padding: 0 10px 0 0;
}

#contents .breadcrumb-container .breadcrumb-list .breadcrumb-link:first-child:before{
	content: none;
}