@charset "UTF-8";
html {
  container-type: inline-size;
}
h1.h1.block-event-page--header.--jp,.pane-left-menu {
  display: none;
}
.pane-left-menu + .pane-main {
  width: 100%;
}
.section_inner {
  width: 1200px;
  margin-inline: auto;
}
.section_title {
  text-align: center;
  margin-bottom: 50px;
}
.title_icon {
  width: 62px;
  margin-inline: auto;
  margin-bottom: 14px;
}
.title_text {
  color: #121659;
  font-size: 40px;
  font-weight: 900;
}
.about-clickcollect-wrap {
  margin-inline: min(-30px, 600px - 50cqw);
  background: url(bg01.png) repeat-x center bottom -1px / auto 198px #E5EFFE;
  padding-bottom: 263px;
}
#mv {
  height: 482px;
  background: url(mv_bg.jpg) no-repeat center / cover;
}
.mv_inner {
  display: flex;
  flex-flow: row wrap;
  align-content: flex-end;
  justify-content: center;
  align-items: center;
  width: 730px;
  height: 100%;
  margin-inline: auto;
  padding-bottom: 20px;
}
.mv_content {
  filter: drop-shadow(0 0 6px #0003);
}
#coupon_obi {
  background: #94B4FE;
  display: inline-block;
  width: 100%;
  padding-block: 20px;
}
.section_wrap {
  display: flex;
  flex-flow: column wrap;
  gap: 100px;
}
.links_inner {
  width: 1320px;
  margin-inline: auto;
}
.links_head {
  padding-block: 60px 106px;
  margin-bottom: -26px;
  background: url(illu01.png) no-repeat left 129px bottom / 189px auto, url(illu02.png) no-repeat right 129px bottom / 118px auto;
  display: flex;
  flex-flow: column wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 30px;
  position: relative;
}
.links_btn01 a, .links_btn02 a {
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: 466px;
  border-radius: 300px;
  padding-block: 17px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
.links_btn01 a {
  background: #121659;
  position: relative;
}
.links_btn01 a::before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  rotate: 45deg;
  position: absolute;
  right: 26px;
  top: 50%;
  translate: 0 -50%;
}
.links_btn02 a {
  background: #B40000;
}
.links_body {
  background: #fff;
  border: 2px dashed #121659;
  border-radius: 20px;
  padding: 60px;
}
.links_title {
  text-align: center;
  color: #121659;
  font-size: 40px;
  font-weight: 900;
  margin-bottom: 50px;
}
.links_nav {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-content: center;
  align-items: stretch;
}
.links_nav_item {
  width: 285px;
}
.links_nav_item a {
  display: flex;
  flex-flow: column wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 3px;
  background: #121659;
  border-radius: 300px;
  padding-block: 14px;
  position: relative;
}
.links_nav_item a::after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  rotate: 45deg;
  position: absolute;
  right: 26px;
  top: 50%;
  translate: 0 -50%;
}
.links_nav_icon {
  width: 38px;
}
.links_nav_name {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
.pane-contents .ranking_content .swiper-button-next,
.pane-contents .ranking_content .swiper-button-prev {
  display: inline-block;
  width: 42px;
  height: 42px;
  background: #A8A9B4;
  box-shadow: none;
		inset: initial;
  top: 50%;
  translate: 0 -50%;
}
.pane-contents .ranking_content .swiper-button-prev {
  right: calc(100% + 6px);
}
.pane-contents .ranking_content .swiper-button-next {
  left: calc(100% + 6px);
  rotate: y 180deg;
}
.pane-contents .ranking_content .swiper-button-next::before,
.pane-contents .ranking_content .swiper-button-prev::before {
  display: none;
}
.pane-contents .ranking_content .swiper-button-next::after,
.pane-contents .ranking_content .swiper-button-prev::after {
  width: 15px;
  height: 8px;
  transform: none;
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  clip-path: shape(from 35% 5%, arc to 44% 16% of 5% 10% cw, line to 18% 80%, line to 95% 80%, arc to 95% 100% of 5% 10% cw, line to 8% 100%, arc to 4% 84% of 5% 10% cw, close);
		background: #fff;
}
.ranking_content .swiper-pagination span.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 300px;
  background: #a8a9b4;
}
.ranking_content .block-ranking-r--goods-name a {
  display: inline-block;
  width: 100%;
  color: #000;
  text-align: left;
  font-size: 14px;
  margin-bottom: 16px;
}
.ranking_content .variation-name {
  display: none;
}
.block-ranking-lightningrecommend .block-ranking-r--price {
  text-align: left;
  color: #000;
}
.ranking_content .swiper-slide {
  display: flex;
  flex-flow: column wrap;
  height: auto;
}
.ranking_content .block-ranking-r--goods-description {
  flex: 1;
  display: flex;
  flex-flow: column wrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
}
.ranking_content .block-ranking-r--price-infos {
  margin-top: auto;
}
.category_content,
.theme_content,
.budget_content {
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.category_item {
  width: 277px;
}
.theme_item {
  width: 183px;
}
.budget_item {
  width: 285px;
}
.category_item a,
.theme_item a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.category_img,
.theme_img {
  border-radius: 300px;
  overflow: hidden;
  margin-bottom: 15px;
}
.theme_img {
  aspect-ratio: 183 / 125;
}
.theme_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.category_name,
.theme_name {
  text-align: center;
  color: #121659;
  font-size: 18px;
  font-weight: 700;
}
.budget_item a {
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 2px solid #121659;
  border-radius: 300px;
  padding-block: 24px;
  color: #121659;
  font-size: 22px;
  font-weight: 700;
}
.budget_name .unit {
  font-size: 18px;
}
.goods_list_title {
  display: flex;
  flex-flow: column wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 23px;
  margin-bottom: 60px;
  color: #121659;
  font-size: 50px;
  font-weight: 900;
}
.goods_list_title .deco {
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  justify-content: space-between;
  align-items: stretch;
  gap: 7px;
  width: 67px;
  height: 5px;
}
.goods_list_title .deco::before, .goods_list_title .deco::after {
  content: "";
  display: inline-block;
  width: 30px;
  height: 100%;
}
.goods_list_title .deco::before {
  background: #121659;
}
.goods_list_title .deco::after {
  background: #B40000;
}


[data-browse-mode="P"] .about-clickcollect-coupon {
  display: flex;
  align-items: center;
  gap: 15px;
		width: 1128px;
		margin-inline: auto;
}


[data-browse-mode="P"] .about-clickcollect-coupon .about-clickcollect-coupon-image {
  width: 634px;
  margin-right: auto;
}

[data-browse-mode="P"] .about-clickcollect-coupon .about-clickcollect-coupon-image img {
  vertical-align: top;
}

[data-browse-mode="P"] .about-clickcollect-coupon .about-clickcollect-coupon-code {
  display: flex;
  align-items: center;
}

[data-browse-mode="P"] .about-clickcollect-coupon .about-clickcollect-coupon-code dt {
  padding: 12px 26px;
  border-radius: 7px 0 0 7px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  color: #FFF;
  background: #121659;
}

[data-browse-mode="P"] .about-clickcollect-coupon .about-clickcollect-coupon-code dd {
  padding: 5px 15px;
  border: 1px solid #707070;
  border-radius: 0 7px 7px 0;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.5;
  color: #000;
  background: #FFF;
}

[data-browse-mode="P"] .about-clickcollect-coupon .about-clickcollect-coupon-copy button {
  display: block;
  padding: 12px 25px;
  border: 0;
  border-radius: 7px;
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  cursor: pointer;
  background: #B40000;
}



/* =====  SP ===== */
[data-browse-mode="S"] h1.h1.block-event-page--header {
  display: none;
}
[data-browse-mode="S"] .section_inner {
  width: 100%;
}
[data-browse-mode="S"] .section_title {
  margin-bottom: 30px;
}
[data-browse-mode="S"] .title_icon {
  width: 46px;
  margin-bottom: 10px;
}
[data-browse-mode="S"] .title_text {
  font-size: 30px;
}
[data-browse-mode="S"] .section_wrap {
  gap: 60px;
  padding-inline: 15px;
}
[data-browse-mode="S"] .about-clickcollect-wrap {
  margin-inline: 0;
  background: url(bg01_sp.png) repeat-x center bottom -1px / auto 96px #E5EFFE;
  padding-bottom: 106px;
}
[data-browse-mode="S"] #mv {
  height: auto;
}
[data-browse-mode="S"] .mv_inner {
  width: 100%;
  padding-bottom: 0;
}
[data-browse-mode="S"] #coupon_obi {
  padding-block: 0;
}
[data-browse-mode="S"] #links {
  padding-top: 50px;
}
[data-browse-mode="S"] .links_inner {
  width: 100%;
}
[data-browse-mode="S"] .links_head {
  padding-block: 0;
  margin-bottom: 30px;
  background: no-repeat;
  gap: 15px;
}
[data-browse-mode="S"] .links_btn01,
[data-browse-mode="S"] .links_btn02 {
  width: 100%;
}
[data-browse-mode="S"] .links_btn01 a,
[data-browse-mode="S"] .links_btn02 a {
  width: 100%;
  padding-block: 11px;
  font-size: 15px;
}
[data-browse-mode="S"] .links_body {
  padding: 35px 15px;
}
[data-browse-mode="S"] .links_title {
  font-size: 30px;
  margin-bottom: 30px;
}
[data-browse-mode="S"] .links_nav {
  gap: 10px;
}
[data-browse-mode="S"] .links_nav_item {
  width: calc(50% - 5px);
}
[data-browse-mode="S"] .links_nav_item a {
  gap: 0;
  width: 100%;
  height: 100%;
  padding-block: 12px;
}
[data-browse-mode="S"] .links_nav_icon {
  width: 25px;
  margin-bottom: 2px;
}
[data-browse-mode="S"] .links_nav_name {
  font-size: 14px;
  margin-bottom: 4px;
}
[data-browse-mode="S"] .links_nav_item a::after {
  position: relative;
  inset: initial;
  translate: 0;
}
[data-browse-mode="S"] #ranking {
  width: 100%;
}
[data-browse-mode="S"] .ranking_content li.swiper-wrapper {
  flex-wrap: nowrap;
}
[data-browse-mode="S"] .ranking_content .swiper-button-prev {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 8px;
  background: #fff;
  border-radius: 300px;
  box-shadow: none;
  inset: initial;
  margin-top: 16px;
}
[data-browse-mode="S"] .ranking_content .swiper-button-prev::before,
[data-browse-mode="S"] .ranking_content .swiper-button-prev::after {
  display: none;
}
[data-browse-mode="S"] .ranking_content .swiper-button-prev .swiper-scrollbar-drag {
  background: #121659;
  border-radius: 300px;
}
[data-browse-mode="S"] .ranking_content dd.block-ranking-r--goods-description {
  padding: 0;
}
[data-browse-mode="S"] .ranking_content .block-ranking-r--goods-name a {
  font-size: 13px;
  margin-bottom: 9px;
}
[data-browse-mode="S"] .block-ranking-lightningrecommend .block-ranking-r--price {
  font-size: 14px;
}
[data-browse-mode="S"] .category_content,
[data-browse-mode="S"] .theme_content {
  gap: 25px 15px;
}
[data-browse-mode="S"] .category_item,
[data-browse-mode="S"] .theme_item {
  width: calc(50% - 7.5px);
}
[data-browse-mode="S"] .category_img,
[data-browse-mode="S"] .theme_img {
  margin-bottom: 8px;
}
[data-browse-mode="S"] .budget_content {
  gap: 15px;
  flex-direction: column;
}
[data-browse-mode="S"] .budget_item {
  width: min(100%, 310px);
}
[data-browse-mode="S"] .budget_item a {
  padding-block: 10px;
  font-size: 16px;
}
[data-browse-mode="S"] .goods_list_title {
  margin-bottom: 30px;
  gap: 14px;
  font-size: 30px;
}
[data-browse-mode="S"] .goods_list_title .deco {
  gap: 5px;
  width: 49px;
  height: 4px;
}
[data-browse-mode="S"] .goods_list_title .deco::before,
[data-browse-mode="S"] .goods_list_title .deco::after {
  width: 22px;
}
[data-browse-mode="S"] .about-clickcollect-coupon {
  width: calc(100% - 40px);
  margin-inline: auto;
  padding-block: 20px 24px;
  border-radius: 20px;
}

[data-browse-mode="S"] .about-clickcollect-coupon .about-clickcollect-coupon-image {
  margin: 0 0 14px;
}

[data-browse-mode="S"] .about-clickcollect-coupon .about-clickcollect-coupon-image img {
  width: 100%;
  vertical-align: top;
}

[data-browse-mode="S"] .about-clickcollect-coupon .about-clickcollect-coupon-code {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: stretch;
  margin: 0 0 8px;
}

[data-browse-mode="S"] .about-clickcollect-coupon .about-clickcollect-coupon-code dt {
  min-width: 45%;
  padding: 12px 4px;
  border-radius: 7px 0 0 7px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  white-space: nowrap;
  color: #FFF;
  text-align: center;
  background: #121659;
}

[data-browse-mode="S"] .about-clickcollect-coupon .about-clickcollect-coupon-code dd {
  width: 100%;
  padding: 5px 4px;
  border: 1px solid #707070;
  border-radius: 0 7px 7px 0;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.5;
  white-space: nowrap;
  color: #000;
  text-align: center;
  background: #FFF;
}
[data-browse-mode="S"] .about-clickcollect-coupon .about-clickcollect-coupon-copy {
  width: 100%;
  padding-bottom: min(16vw, 60px);
  margin-bottom: max(-16vw, -60px);
  background: url(illu01.png) no-repeat left bottom / min(19vw, 73px) auto, url(illu02.png) no-repeat right min(7vw, 24px) bottom / min(12vw, 46px) auto;
}
[data-browse-mode="S"] .about-clickcollect-coupon .about-clickcollect-coupon-copy button {
  display: block;
  margin: 0 auto;
  padding-block: 12px;
  border: 0;
  border-radius: 7px;
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  cursor: pointer;
  background: #B40000;
  width: min(36vw, 168px);
}