@charset "UTF-8";

/*--------------------------------------------------------
 Merupao Only
--------------------------------------------------------*/
/*------------------------------------------
 TOP Footer
------------------------------------------*/
.page-top .pane-footer::before {
  background-color: var(--color-white);
}
/*------------------------------------------
 TOP Body
------------------------------------------*/
.block-top-body {
  background-color: var(--color-yellow-darker);
}
.block-top-body::after {
  display: none;
}
.block-top-body--body {
  padding-bottom: 60px;
}
.block-top-body--body .swiper-pagination-bullets {
  bottom: 30px;
}
.block-top-body--menu {
  position: relative;
  z-index: 0;
  padding: 40px 0 50px;
  margin-top: 15px;
  background-color: var(--color-blue-light);
}
.block-top-body--menu::before {
  content: '';
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  width: 100%;
  height: 30px;
  margin: auto;
  background: url(../../img/usr/top/merupao/bg_menu_top.png) center top / 30px 30px repeat-x;
  z-index: 1;
}
.block-top-body--menu::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -75px;
  width: 1200px;
  height: 93px;
  margin: auto;
  background: url(../../img/usr/top/merupao/bg_mv_bottom.png) right center / 340px 93px no-repeat;
  z-index: 2;
}
.block-top-body--link-list {
  display: flex;
  justify-content: center;
  gap: 30px;
  width: 1200px;
  margin: 0 auto;
}
.block-top-body--link-item {
  flex: 1 0 0;
}
.block-top-body--link-btn,
.block-top-body--accordion-btn {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  gap: 15px;
  width: 100%;
  padding: 10px 0 15px;
  background-color: var(--color-white);
  border-radius: 10px;
}
.block-top-body--accordion-btn {
  border: none;
  cursor: pointer;
  outline: none;
}
.block-top-body--accordion-btn[aria-expanded="true"] {
  padding-bottom: 25px;
  border-radius: 10px 10px 0 0;
}
.block-top-body--link-btn:hover,
.block-top-body--accordion-btn:hover {
  background-color: var(--color-gray-lightest);
}
.block-top-body--link-btn.is-disabled,
.block-top-body--accordion-btn[aria-disabled="true"] {
  opacity: .6;
  pointer-events: none;
  cursor: default;
}
.block-top-body--link-image {
  width: 80px;
}
.block-top-body--link-text {
  color: var(--color-brown-dark);
  font-size: 20px;
  font-weight: bold;
}
.block-top-body--accordion-panel {
  width: 1200px;
  padding: 20px 40px 40px;
  margin: 0 auto;
  background-color: var(--color-white);
}
.block-top-body--category-list {
  display: flex;
  flex-wrap: wrap;
  gap: 25px 35px;
}
.block-top-body--category-item {
  width: calc((100% - 70px) / 3);
}
.block-top-body--category-link {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 10px;
}
.block-top-body--category-link img {
  width: 40px;
  border-radius: 2.5em;
}
/*------------------------------------------
 TOP Event
------------------------------------------*/
.page-top .block-top-event {
  padding: 100px 0 180px;
  background: url(../../img/usr/top/bg_event_star2.png) right 124px top 10px / auto no-repeat, url(../../img/usr/top/bg_event_top.png) center top / auto repeat-x, url(../../img/usr/top/bg_event_stationery.png) left 124px bottom 10px / auto no-repeat, url(../../img/usr/top/bg_event_bottom.png) center bottom / auto repeat-x;
}
.page-top .block-top-event .block-top-title {
  padding-top: 0;
}
.page-top .block-top-event .block-top-title:nth-of-type(odd),
.page-top .block-top-event .block-top-title:nth-of-type(even) {
  background: none;
}
.page-top .block-top-event * + .block-top-title {
  margin-top: 120px;
}
.page-top .block-top-event .block-top-title:nth-child(odd of .block-top-title:not(.block-top-title--ranking)) span::before {
  background: url(../../img/usr/top/icon_event_title05.png) center / 45px no-repeat;
}
.page-top .block-top-event .block-top-title:nth-child(even of .block-top-title:not(.block-top-title--ranking)) span::before {
  background: url(../../img/usr/top/icon_event_title06.png) center / 45px no-repeat;
}
.page-top .block-top-event .block-top-title.block-top-title--ranking span::before {
  background: url(../../img/usr/common/merupao/icon_event_ranking.png) center / 45px no-repeat;
}
.block-top-event .block-top-event--goods {
  padding-bottom: 0;
  background: none;
}