@charset "UTF-8";

/*adjustment
---
original: /assets/scss/campaign-details.scss
---
*/
@media screen and (min-width: 1440px) {
  .hero-campaign-full {
    background-image: url("/camps_visual/pmc_platinum_2026gold.jpg") !important;
  }
}
@media screen and (max-width: 1439px) {
  .hero-campaign-full {
    background-image: none;
  }
}

/*adjustment
---
original: /assets/scss/object/component/_list.scss
---
*/
.mod-campaign-read .list-cmn-guide-item-body-item {
  margin-top: 1.5em;
}
.mod-campaign-read .list-cmn-guide-item-body-item li {
  margin-bottom: 15px;
}
@media screen and (max-width: 599px) {
  .mod-campaign-read .list-cmn-guide-item-body-item li {
    margin-bottom: 10px;
  }
}

.mod-pmc_platinum_2026gold-01 {
  border-top: 4px solid #fff11c;
  background-color: #459D00;
}
.mod-pmc_platinum_2026gold-01-title {
  padding: 20px 40px;
  border-bottom: 2px dashed #fff11c;
  text-align: center;
  font-size: 2.9rem;
  font-weight: bold;
  color: #fff;
}
.mod-pmc_platinum_2026gold-01-title span {
	font-size: 70%;
	color: yellow;
}
p.s-color-strong-white {
	color: #fff;
	font-weight: bold;
}
p.s-color-strong-white a{
	color: #fff;
	font-weight: bold;
}

@media screen and (min-width: 960px) {
p.s-color-strong-white {
	text-align: center;
}
}
@media screen and (max-width: 959px) {
.mod-pmc_platinum_2026gold-01-title span {
	display: block;
}
}
@media screen and (max-width: 599px) {
  .mod-pmc_platinum_2026gold-01-title {
    padding: 20px 10px;
    font-size: 1.8rem;
  }
}
.area-modal .mod-pmc_platinum_2026gold-01-title {
  padding: 20px 10px;
  font-size: 1.8rem;
}
.mod-pmc_platinum_2026gold-01-body {
  padding-top: 40px;
  padding-bottom: 30px;
}
@media screen and (max-width: 599px) {
  .mod-pmc_platinum_2026gold-01-body {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.area-modal .mod-pmc_platinum_2026gold-01-body {
  padding-top: 20px;
  padding-bottom: 20px;
}
.mod-pmc_platinum_2026gold-01-image-01 {
  text-align: center;
}
@media screen and (max-width: 599px) {
  .mod-pmc_platinum_2026gold-01-image-01 {
    margin-bottom: 10px;
  }
}
.area-modal .mod-pmc_platinum_2026gold-01-image-01 {
  margin-bottom: 10px;
}
.mod-pmc_platinum_2026gold-01-image-02 {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 12px;
}
@media screen and (max-width: 599px) {
  .mod-pmc_platinum_2026gold-01-image-02 {
    padding-top: 20px;
  }
}
@media screen and (max-width: 599px) {
  .mod-pmc_platinum_2026gold-01-image-pc {
    display: none;
  }
}
.area-modal .mod-pmc_platinum_2026gold-01-image-pc {
  display: none;
}
.mod-pmc_platinum_2026gold-01-image-sp {
  display: none;
}
@media screen and (max-width: 599px) {
  .mod-pmc_platinum_2026gold-01-image-sp {
    display: inline-block;
  }
}
.area-modal .mod-pmc_platinum_2026gold-01-image-sp {
  display: inline-block;
}



/*adjustment
---
original: /assets/scss/object/component/_list.scss
---
*/
.list-cmn-notes-item.s-color-strong-white {
  color: #fff !important;
}
.list-cmn-notes-item.s-color-strong-yellow {
	color: yellow !important;
  font-weight: bold;

}


/*adjustment
---
original: /assets/scss/campaign-details.scss
---
*/
.list-campaign-guide-icon.text-size-B {
  margin-top: -3px;
}

.list-campaign-guide-text-01.pmc_platinum_2026gold-size {
  font-size: 1.8rem;
}
@media screen and (max-width: 599px) {
  .list-campaign-guide-text-01.pmc_platinum_2026gold-size {
    font-size: 1.5rem;
  }
}
.area-modal .list-campaign-guide-text-01.pmc_platinum_2026gold-size {
  font-size: 1.5rem;
}



/*adjustment
---
original: /assets/scss/object/component/_list.scss
---
*/
@media screen and (max-width: 959px) {
  .area-cmn-skip.s-wide {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 599px) {
  .area-cmn-skip.s-wide {
    padding-bottom: 0;
  }
}



/*adjustment
---
original: /assets/scss/object/component/_area.scss
---
*/
.area-cmn-body-in.s-noborder-bottom {
  border-bottom: none;
  padding-bottom: 0;
}



/*doc
---
name: table-userguide
category: component
tag: Table
---
*/
.table-userguide {
  margin-top: 20px;
  margin-bottom: 20px;
  border-spacing: 0;
  border-collapse: collapse;
  color: #333;
  font-size: 1.8rem;
}
@media screen and (max-width: 959px) {
  .table-userguide {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 599px) {
  .table-userguide {
    font-size: 1.4rem;
  }
}
.table-userguide:first-child {
  margin-top: 0;
}
.area-modal .table-userguide {
  font-size: 1.2rem;
}

.table-userguide + .table-userguide {
  margin-top: 30px;
}
@media screen and (max-width: 959px) {
  .table-userguide + .table-userguide {
    margin-top: 10px;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide, .table-userguide thead, .table-userguide tbody, .table-userguide tr, .table-userguide th, .table-userguide td {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide tr {
    overflow: hidden;
    margin-top: 10px;
    border-bottom: 1px solid #e9e9e9;
  }
}
.table-userguide tr:first-child {
  margin-top: 0;
}
@media screen and (max-width: 959px) {
  .table-userguide .table-userguide-noborder {
    border-bottom: none;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide th, .table-userguide td {
    float: left;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide thead {
    display: none;
  }
}
.table-userguide th,
.table-userguide td {
  padding: 12px 25px;
  border: 1px solid #e9e9e9;
  text-align: center;
}
@media screen and (max-width: 959px) {
  .table-userguide th,
  .table-userguide td {
    border: none;
    border-top: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    padding: 10px 15px;
  }
}
.table-userguide th {
  background-color: #113961;
  color: #fff;
}
.area-modal .table-userguide th {
  padding: 12px 15px;
}
.table-userguide td {
  background-color: #fff;
}
_:-ms-lang(x)::-ms-backdrop, .table-userguide .table-userguide-list-item-icon {
  display: inline-block; /* for IE11 */
}
@media screen and (max-width: 959px) {
  .table-userguide td[data-headers] {
    margin-top: 10px;
    border-bottom: 1px solid #e9e9e9;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide td[data-headers]:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide td[data-headers]:last-child {
    border-bottom: none;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide td[data-headers]::before {
    content: attr(data-headers);
    display: block;
    border-bottom: 1px solid #e9e9e9;
    padding: 10px 15px;
    margin: -10px -15px 10px;
    background-color: #113961;
    color: #fff;
  }
}
.table-userguide .s-gray {
  background-color: #eef1f4;
  color: #333;
}
@media screen and (max-width: 959px) {
  .table-userguide .table-userguide-offset {
    margin-top: -1px;
  }
}
.table-userguide.s-col-sp td[data-headers] {
  color: #fff;
}
@media screen and (max-width: 959px) {
  .table-userguide.s-col-sp td[data-headers] {
    display: table;
    table-layout: fixed;
    margin-top: -1px;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide.s-col-sp td[data-headers]::before {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide.s-col-sp td[data-headers]:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 959px) {
  .table-userguide.s-col-sp .table-userguide-in {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding: 10px 15px;
  }
}

.table-userguide-list {
  margin: -12px -25px;
}
@media screen and (max-width: 959px) {
  .table-userguide-list {
    margin: -10px -15px;
  }
}

.table-userguide-list-item {
  position: relative;
  padding: 10px 20px 10px 90px;
}
@media screen and (max-width: 959px) {
  .table-userguide-list-item {
    padding: 10px 10px 10px 60px;
  }
}

.table-userguide-list-item-icon {
  font-size: 1.4rem;
  position: relative;
  padding: 10px 20px;
}
@media screen and (max-width: 959px) {
  .table-userguide-list-item-icon {
    font-size: 1.3rem;
    padding: 10px;
  }
}
.area-modal .table-userguide-list-item-icon {
  font-size: 1.3rem;
}
@media screen and (max-width: 599px) {
  .area-modal .table-userguide-list-item-icon {
    font-size: 1.2rem;
  }
}
.table-userguide b {
  font-size: 1.6rem;
}
@media screen and (max-width: 599px) {
  .table-userguide b {
    font-size: 1.5rem;
  }
}
.table-userguide span {
  color: #ea3353;
}