@charset "UTF-8";

/*adjustment
---
original: /assets/scss/object/component/_ttl.scss
---
*/
.ttl-cmn-primary b {
  font-weight: 700;
}
.ttl-cmn-primary-aside {
  margin-top: .1em;
}



/*adjustment
---
original: /assets/scss/layout/_contents.scss
---
*/
.contents-frame.s-paddingtop {
  padding-top: 50px;
}
@media screen and (max-width: 599px) {
  .contents-frame.s-paddingtop {
    padding-top: 30px;
  }
}



/*adjustment
---
original: /assets/scss/topics.scss
---
*/
.mod-topics.s-nopaddingtop {
}
@media screen and (max-width: 959px) {
  .mod-topics.s-nopaddingtop {
    padding-top: 0px;
  }
}
@media screen and (max-width: 599px) {
  .mod-topics.s-nopaddingtop {
    padding-top: 0px;
  }
}
.mod-topics-title {
  line-height: 1.5;
}
.mod-topics.no-pdg-bottom {
  padding-bottom: 0;
}



/*adjustment
---
original: /assets/scss/topics.scss
---
*/
.mod-topics-text {
  margin-bottom: 25px;
}
.mod-topics-text.s-marginbottom-mid {
  margin-bottom: 15px;
}
.mod-topics-text.s-middle {
  margin-bottom: 20px;
  font-size: 1.6rem;
  font-weight: normal;
}
@media screen and (max-width: 599px) {
  .mod-topics-text.s-middle {
    margin-bottom: 15px;
    font-size: 1.4rem;
  }
}
.mod-topics-text.s-small {
  margin-bottom: 20px;
  font-size: 1.4rem;
  font-weight: normal;
}
@media screen and (max-width: 599px) {
  .mod-topics-text.s-small {
    margin-bottom: 15px;
    font-size: 1.2rem;
  }
}



/*adjustment
---
original: /assets/scss/object/component/_ico.scss
---
*/
.ico-cmn-material-trophies::before {
  content: 'emoji_events';
}



/*doc
---
name: ttl-region-rank-mark
category: component
tag: Title
---
*/
.ttl-region-rank-mark-1nd {
  display: inline-block;
  padding: 3px 6px 5px 5px;
  margin-right: 0.6em;
  color: #fff;
  font-size: 2.4rem;
  line-height: 1;
  text-indent: 0em;
  background: -webkit-linear-gradient(164deg, rgb(217, 169, 64), rgb(228, 194, 120));
  background: linear-gradient(164deg, rgb(217, 169, 64), rgb(228, 194, 120));
}
.ttl-region-rank-mark-2nd {
  display: inline-block;
  padding: 3px 6px 5px 5px;
  margin-right: 0.6em;
  color: #fff;
  font-size: 2.4rem;
  line-height: 1;
  text-indent: 0em;
  background: -webkit-linear-gradient(164deg, rgb(143, 143, 143), rgb(197, 197, 197));
  background: linear-gradient(164deg, rgb(143, 143, 143), rgb(197, 197, 197));
}
.ttl-region-rank-mark-3nd {
  display: inline-block;
  padding: 3px 6px 5px 5px;
  margin-right: 0.6em;
  color: #fff;
  font-size: 2.4rem;
  line-height: 1;
  text-indent: 0em;
  background: -webkit-linear-gradient(164deg, rgb(172, 114, 83), rgb(201, 163, 141));
  background: linear-gradient(164deg, rgb(172, 114, 83), rgb(201, 163, 141));
}
.ttl-region-rank-mark-below {
  display: inline-block;
  padding: 3px 12px 5px 11px;
  margin-right: 0.6em;
  color: #fff;
  font-size: 2rem;
  line-height: 1;
  text-indent: 0em;
  background-color: #a0b0c0;
}
.ttl-region-rank-mark-below-2digits {
  display: inline-block;
  padding: 3px 6px 5px 5px;
  margin-right: 0.6em;
  color: #fff;
  font-size: 2rem;
  line-height: 1;
  text-indent: 0em;
  background-color: #a0b0c0;
}
.ttl-region-rank-mark-1nd::before,
.ttl-region-rank-mark-2nd::before,
.ttl-region-rank-mark-3nd::before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  width: 1em;
  height: 1em;
  background: url("/assets/img/common/ico/ico_crown_01.svg") no-repeat;
  background-position: 0 0.35em;
  background-size: contain;
}
.ttl-region-rank-mark-below::before,
.ttl-region-rank-mark-below-2digits::before {
  content: "";
  display: inline-block;
  margin-right: 3px;
}
@media screen and (max-width: 599px) {
  .ttl-region-rank-mark-1nd,
  .ttl-region-rank-mark-2nd,
  .ttl-region-rank-mark-3nd,
  .ttl-region-rank-mark-below,
  .ttl-region-rank-mark-below-2digits {
    font-size: 1.6rem;
  }
}
.ttl-region-rank-mark-1nd span,
.ttl-region-rank-mark-2nd span,
.ttl-region-rank-mark-3nd span,
.ttl-region-rank-mark-below span,
.ttl-region-rank-mark-below-2digits span {
  font-size: 1.4rem;
}
@media screen and (max-width: 599px) {
  .ttl-region-rank-mark-1nd span,
  .ttl-region-rank-mark-2nd span,
  .ttl-region-rank-mark-3nd span,
  .ttl-region-rank-mark-below span,
  .ttl-region-rank-mark-below-2digits span {
    font-size: 1.1rem;
  }
}



/*adjustment
---
original: /assets/scss/object/component/_list.scss
---
*/
.list-cmn-07-item-title .ico-txt-inneraward {
  background-color: #eef1f4;
  border-radius: 3px;
  min-height: 64px;
  margin-bottom: 20px;
  text-align: left;
  display: block;
  padding: 5px 5px 5px 75px;
}
.list-cmn-07-item-title .ico-txt-inneraward.a-double {
  padding-left: 140px;
}

.list-cmn-07-item-title .ico-txt-inneraward.is-shopoftheyear2024 {
  background-image: url("/assets/img/common/ico/ico_shopoftheyear2024.svg");
  background-repeat: no-repeat;
  background-size: 60px auto;
  background-position: left 5px center;
}



/*doc
---
name: mod-region-camps
category: component
tag: Mod
---
*/
.mod-region-camps-body {
  margin-top: 30px;
}
.mod-region-camps-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
}
@media screen and (max-width: 599px) {
  .mod-region-camps-block {
    display: block;
  }
}
.mod-region-camps-block.s-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.mod-region-camps-block.s-center .mod-region-camps-text {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
.mod-region-camps-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.7;
  font-size: 2.8rem;
  text-align: center;
  font-weight: 500;
  margin-bottom: 30px;
}
@media screen and (max-width: 599px) {
  .mod-region-camps-title {
    margin-bottom: 10px;
    font-size: 1.8rem;
  }
}
.mod-region-camps-title-text {
  text-align: left;
}
.mod-region-camps-figure {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 236px;
  margin-right: 30px;
  text-align: center;
  overflow: hidden;
}
@media screen and (max-width: 599px) {
  .mod-region-camps-figure {
    max-width: 256px;
    margin: 15px auto 0;
  }
}
.mod-region-camps-block:hover .mod-region-camps-figure img {
  -webkit-transform: translate(-50%, -50%) scale(1.04);
  -ms-transform: translate(-50%, -50%) scale(1.04);
  transform: translate(-50%, -50%) scale(1.04);
}
.mod-region-camps-block:hover .mod-region-camps-figure img {
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transform: scale(1.04);
}
.mod-region-camps-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0;
  line-height: 1.8;
  font-size: 1.4rem;
  position: relative;
  padding: 20px;
  background: #d9e6f9;
  border-radius: 10px;
}
.mod-region-camps-text .txt-intro {
  font-size: 1.5rem;
  font-weight: 500;
  display: inline-block;
  padding-bottom: 5px;
}
.mod-region-camps-text .txt-camps-name {
  font-size: 2rem;
  font-weight: 700;
  color: #113961;
  line-height: 1.4;
  display: inline-block;
}
.mod-region-camps-text .txt-camps-price-ex {
  font-size: 1.6rem;
  color: #113961;
}
.mod-region-camps-text .txt-camps-price {
  font-size: 2rem;
  font-weight: 700;
  color: #113961;
}
.mod-region-camps-text .txt-camps-ex {
  font-size: 1.2rem;
  line-height: 1.6;
  display: inline-block;
}
@media screen and (max-width: 599px) {
  .mod-region-camps-text {
    margin-top: 25px;
    font-size: 1.4rem;
  }
  .mod-region-camps-text .txt-intro {
    font-size: 1.3rem;
    padding-bottom: 5px;
  }
  .mod-region-camps-text .txt-camps-name {
    font-size: 1.7rem;
  }
  .mod-region-camps-text .txt-camps-price-ex {
    font-size: 1.3rem;
  }
  .mod-region-camps-text .txt-camps-price {
    font-size: 1.6rem;
  }
  .mod-region-camps-text .txt-camps-ex {
    font-size: 1rem;
  }
}
.mod-region-camps-text:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-right-color: #d9e6f9;
  border-width: 15px;
  margin-top: -15px;
}
@media screen and (max-width: 599px) {
  .mod-region-camps-text:after {
    left: 50%;
    right: auto;
    top: auto;
    bottom: 100%;
    margin-left: -15px;
    margin-top: 0;
    border-bottom-color: #d9e6f9;
    border-right-color: transparent;
  }
}



/*doc
---
name: txt-camps-links
category: component
tag: Text
---

```ejs
```
*/
.txt-camps-links {
  font-size: 1.7rem;
  color: #113961;
  font-weight: 700;
}
@media screen and (max-width: 599px) {
  .txt-camps-links {
    font-size: 1.4rem;
  }
}