@charset "UTF-8";

/*adjustment
---
original: /assets/scss/campaign-details.scss
---
*/
@media screen and (min-width: 1440px) {
  .hero-campaign-full {
    background-image: url("/camps_visual/2025060601_oki_special.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;
  }
}



/*adjustment
---
original: /assets/scss/object/component/_txt.scss
---
*/
.area-modal .txt-price-01 {
  font-size: 1.1rem;
}
@media screen and (max-width: 599px) {
  .txt-price-01 {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 599px) {
  .txt-price-01 strong {
    font-size: 1.8rem;
  }
}



/*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;
  border-spacing: 0;
  border-collapse: collapse;
  color: #333;
  font-size: 1.5rem;
}
@media screen and (max-width: 959px) {
  .table-userguide {
    margin-top: 10px;
  }
}
@media screen and (max-width: 599px) {
  .table-userguide {
    font-size: 1.2rem;
  }
}
.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;
}
.table-userguide-list-item-icon b {
  font-weight: 500;
  display: contents;
}
@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;
  }
}



/*doc
---
name: material-icons
category: component
tag: Icon
---
*/
.ico-cmn-material-panorama_fish_eye::before {
  content: '\e40c';
}

.ico-cmn-material-clear::before {
  content: '\e14c';
}

.ico-cmn-material-change_history::before {
  content: '\e86b';
}