@charset "UTF-8";

.mainContents {
  color: #333333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  /* overflow: hidden; */
}

.rc-kanban .rc-kanban__image {
  width: 100%;
  min-width: 1024px;
  height: auto;
}

.campaignSection {
  padding-top: 78px;
  padding-bottom: 138px;
}

.campaign__inner {
  width: 960px;
  margin: 0 auto;
}

.campaign__header {
  position: relative;
  margin-bottom: 48px;
}

.campaign__title {
  margin-bottom: 12px;
}

.campaign__subTitle {
  margin-bottom: 16px;
  font-size: 34px;
  font-weight: 700;
}

.campaign__notos {
  margin-bottom: 24px;
}

.campaign__notosList {
  font-size: 14px;
  text-align: left;
}

.campaign__notosListHeader {
  font-weight: 700;
}

.campaign__notosListItem {
  padding-left: 1em;
  text-indent: -1em;
  letter-spacing: -.01em;
}

.campaign__emphasis {
  color: #D92323;
  font-weight: 700;
}

.campaign__emphasis-closed {
  margin-top: 18px;
  font-size: 18px;
  color: #D92323;
  font-weight: 700;
}

.campaign__item {
  display: flex;
  flex-direction: column;
  padding: 0 60px 60px;
  border-radius: 16px;
  background-color: #fff;
}

.campaign__itemRibbon {
  margin-top: -32px;
  margin-bottom: 24px;
}

.campaign__itemImage {
  margin-bottom: 25px;
}

.campaign__itemStore {
  font-size: 16px;
  font-weight: 500;
}

.campaign__itemName {
  font-size: 18px;
  font-weight: 700;
  align-content: center;
}

.campaign__itemName-sub {
  font-size: 14px;
}

.campaign__itemPrice {
  color: #D92323;
  font-size: 18px;
  font-weight: 700;
}

.campaign__itemButton {
  margin-top: 8px;
}

.campaign__itemNotos {
  margin-top: 8px;
  font-size: 12px;
  text-align: left;
  letter-spacing: -.01em;
}

.campaign__itemButton {
  transition-duration: .3s;
}

a.campaign__itemButton:hover {
  opacity: .7;
}

/*----------------------------------------
campaignOverview
-----------------------------------------*/
.campaignOverview {
  padding-top: 0;
  background-image: url(../../_pc/img/bg_cam01.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: top;
  background-size: cover;
}

.campaignOverview__lead {
  max-width: 1255px;
  min-width: 1024px;
  margin: 0 auto -55px;
}

.campaignOverview__lead img {
  width: 100%;
  height: auto;
}

.campaignOverview__itemes {
  padding-top: 40px;
  display: grid;
  grid-template-columns: 1fr;
}

.campaignOverview__item {
  display: flex;
  flex-direction: column;
  padding: 0 26px 32px;
  border-radius: 16px;
  background-color: #fff;
}

.campaignOverview__itemInner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.campaignOverview__itemRibbon {
  margin-top: -40px;
}

.campaignOverview__itemImage {
  margin-bottom: 22px;
}

/* .campaignOverview__goods */
.campaignOverview__goods {
  margin-bottom: 72px;
}

.campaignOverview__goods .campaign__subTitle .campaign__emphasis {
  color: #B72DAF;
}

.campaignOverview__goods .campaignOverview__itemes {
  grid-template-columns: repeat(auto-fit, 298px);
  gap: 33px;
}

.campaignOverview__goods .campaignOverview__item {
  box-shadow: 8px 8px 24px 0px rgba(110, 44, 143, 0.1);
}

.campaignOverview__goods .campaign__itemTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(2em * 1.5);
  color: #692CBA;
  font-size: 20px;
  font-weight: 700;
}

/* .campaignOverview__bundle */
.campaignOverview__bundle .campaign__subTitle .campaign__emphasis {
  color: #0C499A;
}

.campaignOverview__bundle .campaignOverview__itemes {
  position: relative;
}

.campaignOverview__bundle .campaignOverview__item {
  box-shadow: 8px 8px 24px 0px rgba(71, 133, 168, 0.1);
}

.campaignOverview__bundle .campaignOverview__itemRibbon {
  margin-bottom: 20px;
}

.campaignOverview__bundle .campaign__itemTitle {
  margin-bottom: 32px;
  color: #0C499A;
  font-size: 22px;
  font-weight: 700;
}

.campaignOverview__bundle .campaignOverview__itemImage {
  margin-bottom: 40px;
}

/*----------------------------------------
campaignGoods
-----------------------------------------*/
.campaignGoods {
  background: linear-gradient(to bottom, rgb(252, 236, 255) 0%, rgb(250, 226, 255) 65%, rgb(252, 221, 251) 100%);
}

.campaignGoods__wrap {
  padding-top: 32px;
}

.campaignGoods__wrap:not(:last-child) {
  margin-bottom: 48px;
}

.campaignGoods .campaign__item {
  box-shadow: 8px 8px 24px 0px rgba(110, 44, 143, 0.1);
}

.campaignGoods__itemTitle {
  margin-bottom: 32px;
  color: #692CBA;
  font-size: 34px;
  font-weight: 700;
}

.campaignGoods__items {
  margin-bottom: 24px;
}

.campaignGoods__items::after {
  content: '';
  display: block;
  clear: both;
}

.campaignGoods__items-item {
  width: 400px;
  float: left;
}

.campaignGoods__items-item:first-of-type {
  margin-right: 40px;
}

.campaignGoods__itemDetail {
  display: grid;
  grid-template-rows: calc(16px* 1.5) auto calc(18px* 1.5) calc(56px + 8px);
  gap: 8px;
  padding: 22px 0 26px;
  border-radius: 10px;
  height: 100%;
  background-color: #FAE9FF;
}

.--sticker .campaignGoods__items-item {
  width: 483px;
}

.--sticker .campaignGoods__items-item:first-of-type {
  width: 263px;
  margin-right: 46px;
  padding-right: 46px;
  border-right: 2px solid #FAE9FF;
}

.campaignGoods__itemColumn::after {
  content: '';
  display: block;
  clear: both;
}

.campaignGoods__itemColumnDetail {
  width: 234px;
  float: left;
}

.campaignGoods__itemColumnDetail:first-of-type {
  margin-right: 15px;
}

.campaignGoods__itemEmphasis {
  margin-top: 12px;
  font-size: 16px;
  font-weight: 700;
  color: #692CBA;
}

/*----------------------------------------
campaignBundle
-----------------------------------------*/
.campaignBundle {
  background: linear-gradient(to bottom, rgb(222, 238, 255) 0%, rgb(203, 228, 255) 40%, rgb(158, 199, 243) 100%);
}

.campaignBundle .campaign__item {
  box-shadow: 8px 8px 24px 0px rgba(71, 133, 168, 0.1);
}

.campaignBundle__itemes {
  margin-bottom: 96px;
  padding-top: 32px;
}

.campaignBundle__itemTitle {
  margin-bottom: 32px;
  color: #0C499A;
  font-size: 34px;
  font-weight: 700;
}

.campaignBundle__itemDetail {
  display: grid;
  gap: 8px;
  padding: 22px 22px 26px;
  border-radius: 10px;
  height: 100%;
  background-color: #E1EEFF;
}

.campaignBundle__items {
  margin-bottom: 40px;
}

.campaignBundle__items::after {
  content: '';
  display: block;
  clear: both;
}

.campaignBundle__itemImage,
.campaignBundle__itemDetail {
  float: left;
}

.campaignBundle__itemImage {
  margin-right: 16px;
}

.campaignBundle__itemNotos {
  font-size: 12px;
  text-align: left;
  letter-spacing: -.01em;
}

/* .campaign__about */
.campaign__about {
  padding: 40px 48px 48px;
  background: linear-gradient(to bottom, #E7ECF5 0%, #E8DCF1 40%, #F9E2EF 100%);
}

.campaign__aboutInner {
  display: grid;
  grid-template-columns: 324px auto;
  align-items: center;
  gap: 48px;
}

.campaign__aboutLogo {
  margin-bottom: 23px;
}

.campaign__aboutHeader {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
}

.campaign__aboutText {
  font-size: 14px;
  text-align: left;
}

.campaign__aboutText+.campaign__aboutText {
  margin-top: 16px;
}