/* lp-anytimeyear 3rd */

@media print, screen and (min-width: 751px) {
.reward-uehara .product-link{width:42.22%;right:11.33%;}
body.story-open .stories-wrap .slide_arrow{display:none;}
}
@media screen and (max-width: 750px) {
.reward-uehara .product-link{width:85.915%;padding-bottom:28.169%;right:7.042%;margin-bottom:7.042%;}
.mystory-sec .pop-bg{transform:translateZ(0);}
.stories-wrap{padding-top:4vw;}
}

.lp-btn_uehara {
  position: fixed;
  transition: opacity .25s ease-in-out, transform .25s ease-in-out;
  pointer-events: auto;
  z-index: 500;
  bottom: 0;
}
.lp-fixed_contens.stop .lp-btn_uehara {
  position: absolute;
}
.lp-btn_uehara.hide {
  opacity: 0;
  pointer-events: none;
}
/** pc and tablet **/
@media print,screen and (min-width: 751px) {
  .lp-btn_uehara {
    left: 2.64%;
    width: 12%;
    margin-bottom: 16.2%;
  }
  .lp-btn_uehara + .lp-btn_mystory {
    margin-bottom: 2.9%;
  }
}
/** smartphone **/
@media screen and (max-width: 750px) {
  .lp-btn_uehara {
    right: 0;
    width: 9.33%;
    margin-bottom: 61%;
  }
  .lp-btn_uehara.hide {
    transform: translateX(100%);
  }
}
@media(hover:hover) {
  .lp-btn_uehara a {
    display: block;
    transition: transform .15s linear;
  }
  .lp-btn_uehara a:hover {
    transform: scale(1.05) rotate(9deg);
  }
}


.story_detail_title > span {
  padding-bottom: .14em;
  margin-bottom: -0.14em;
}
.award-wrap {
  position: relative;
  overflow: hidden;
  z-index: 20;
}
.award-sec {
  color: #fff;
}
.award-sec .title {
  opacity: 0;
  transform: translate(-5%, 5%) scale(0.95);
  transform-origin: left bottom;
  transition: opacity .4s var(--cubic-bezier), transform .4s var(--cubic-bezier);
}
.award-sec.active .title {
  opacity: 1;
  transform: none;
}
.award-main-wrap {
  opacity: 0;
  transform: translateY(5%);
  transition: opacity .4s .4s ease-in-out, transform .4s .4s ease-in-out;
}
.award-sec.active .award-main-wrap {
  opacity: 1;
  transform: none;
}
.award-main-wrap,
.award-more-wrap {
  width: 76.135%;
  margin-left: auto;
  margin-right: auto;
}
.award-story {
  position: relative;
}
.award-story .award-detail {
  text-align: left;
  background-color: #fff;
}
.award-wrap .more_area {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.award-wrap .more_btn {
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  color: #fff;
  font-weight: 900;
  background-color: #a42af9;
  border-radius: 100vh;
  line-height: 2.5;
  width: 6.67em;
  transform: translateX(-50%);
  cursor: pointer;
  text-align: center;
}
.award-comment {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  font-weight: 700;
  text-align: justify;
  line-height: 1.5;
  font-size: 1.464vw;
  font-feature-settings: "palt";
}
.award-detail_inner {
  position: relative;
}
.award-badge {
  position: absolute;
  display: block;
}
.award-illust {
  float: right;
}
.award-sec .award-badge_inner {
  display: none;
}
.award-main-wrap .award-comment {
  background-color: #6e38d5;
}
.award-more-wrap .award-comment {
  background-color: #00aec7;
}
.award-detail .story_detail_text {
  text-align: justify;
}
.award-sec .app-msg img {
  filter: invert(1) brightness(100);
}
.more-uehara .more-title,
.more-uehara .more-text {
  opacity: 0;
  transform: translate(-5%, 5%) scale(0.95);
  transform-origin: left bottom;
  transition: opacity .4s var(--cubic-bezier), transform .4s var(--cubic-bezier);
}
.more-uehara.active .more-title,
.more-uehara.active .more-text {
  opacity: 1;
  transform: none;
}
.more-uehara .more-text {
  font-weight: 700;
  font-style: italic;
  transition-delay: .4s;
}
.award-message {
  margin-left: auto;
  margin-right: auto;
  font-feature-settings: "palt";
  background-image: linear-gradient(90deg, #00aec7 0%, #a42af9 100%);
}
.award-message_inner {
  text-align: left;
  background-color: #6e38d5;
}
.award-message_title {
  color: #ff7500;
  font-weight: 900;
  line-height: 1.16;
}
.award-message_text {
  line-height: 1.5;
  font-weight: 500;
  text-align: justify;
}
/** pc and tablet **/
@media print,screen and (min-width: 751px) {
  .award-wrap {
    margin-top: -16.64%;
    padding: 4.24% 0 21.2%;
  }
  .award-wrap .lp-grad-bg img {
    margin-top: 44%;
    clip-path: none;
  }
  .award-sec .title {
    width: 65.88%;
    margin: 0 auto 3.29%;
  }
  .award-story .award-detail {
    padding: 4.3vw 2.78vw;
    border-radius: 2.19vw;
  }
  .award-story .more_area {
    padding-bottom: 25%;
    background: #fff;
    background: linear-gradient(0deg,rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
  }
  .award-story .more_btn {
    font-size: 1.757vw;
  }
  .award-comment {
    margin-top: 3.66vw;
    border-radius: 2.19vw;
  }
  .award-comment .comment-title {
    width: 20.79vw;
  }
  .award-main-wrap .award-badge {
    width: 14.93vw;
    right: 2.78vw;
    top: -5.2vw;
  }
  .award-main-wrap .award-illust {
    width: 21.12%;
    margin-left: 2.58%;
  }
  .award-main-wrap .award-comment {
    width: 92.3%;
  }
  .award-main-wrap .award-comment .comment-title {
    position: absolute;
    left: -3.125%;
    top: 0;
    margin-top: -3.125%;
  }
  .award-main-wrap .award-comment .comment-text p {
    padding: 3.125% 8.33%;
  }
  .award-more-wrap {
    display: flex;
    justify-content: space-between;
  }
  .award-more-wrap .award-story {
    width: 49%;
  }
  .award-more-wrap .award-badge {
    width: 7.02vw;
    right: 2.94%;
    top: -2.93vw;
  }
  .award-more-wrap .award-illust {
    width: 46.33%;
    margin-bottom: 12%;
    margin-left: 5.73%;
  }
  .award-more-wrap .award-comment {
    width: 96.08%;
  }
  .award-more-wrap .award-comment .comment-title {
    margin: 0 auto -1.5em;
    transform: translateY(-50%);
  }
  .award-more-wrap .award-comment .comment-text p {
    padding: 0.7% 5.7% 4.7%;
  }
  .award-more-wrap .award-detail_inner {
    max-height: 39vw;
    overflow: hidden;
  }
  .more-uehara {
    margin-top: 5%;
  }
  .more-uehara .more-title {
    width: 40%;
    margin: 0 auto;
  }
  .more-uehara .more-text {
    margin: 0 0 5%;
    font-size: 1.757vw;
    letter-spacing: 0.15em;
    line-height: 1.5;
  }
  .award-message {
    width: 77.6%;
    margin-top: 5.85%;
    padding: 1.464vw;
    border-radius: 3.66vw;
  }
  .award-message_inner {
    padding: 4% 5.4%;
    border-radius: 2.928vw;
  }
  .award-message_title {
    margin-bottom: .32em;
    font-size: 3.66vw;
  }
  .award-message_text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.464vw;
  }
  .award-message_text .text {
    width: 71.2%;
  }
  .award-message_text .ph {
    width: 25.8%;
  }
  .award-sec .app-msg {
    width: 72.47%;
    margin: 4.24% auto 0;
  }
}
/** smartphone **/
@media screen and (max-width: 750px) {
  .award-wrap {
    margin-top: -16.8%;
    padding: 2% 0 32%;
  }
  .award-wrap .lp-grad-bg img {
    margin-top: 182%;
    clip-path: none;
  }
  .award-main-wrap,
  .award-more-wrap {
    width: 92%;
  }
  .award-sec .title {
    width: 100%;
    margin: 0 auto 6.67%;
  }
  .award-story .award-detail {
    padding: 9.6vw 8vw 10.6vw;
    border-radius: 5.33vw;
  }
  .award-story .award-illust {
    width: 30.93vw;
    margin-left: 3.46vw;
    margin-bottom: 10%;
  }
  .award-main-wrap .award-badge {
    width: 22.67vw;
    right: 3.73vw;
    top: -13vw;
  }
  .award-main-wrap .award-detail_inner {
    max-height: 116.6vw;
    overflow: hidden;
  }
  .award-more-wrap .award-detail_inner {
    max-height: 92vw;
    overflow: hidden;
  }
  .award-story .more_area {
    padding-bottom: 25%;
    background: #fff;
    background: linear-gradient(0deg,rgba(255,255,255,1) 15%, rgba(255,255,255,0) 100%);
  }
  .award-story .more_btn {
    font-size: 4.8vw;
  }
  .award-comment {
    margin-top: 5.33vw;
    border-radius: 2.67vw;
  }
  .award-comment .comment-title {
    width: 37.86vw;
  }
  .award-comment {
    width: 97.1%;
    font-size: 3.33vw;
    line-height: 1.4;
  }
  .award-comment .comment-title {
    position: absolute;
    left: 2.68%;
    top: 0;
    margin-top: -2%;
  }
  .award-comment .comment-text p {
    padding: 8.95% 5.97% 5.97%;
  }
  .more-uehara {
    margin-top: 20%;
  }
  .more-uehara .more-title {
    width: 70.4%;
    margin: 0 auto;
  }
  .more-uehara .more-text {
    margin: 1% 0 10%;
    font-size: 4vw;
    letter-spacing: 0.1em;
    line-height: 1.75;
  }
  .award-more-wrap .award-badge {
    width: 14.93vw;
    right: 3.33vw;
    top: -6vw;
  }
  .award-more-wrap .award-story + .award-story {
    margin-top: 8vw;
  }
  .award-story .story_detail_name,
  .award_modal-cont .story_detail_name {
    margin-bottom: .75em;
  }
  .award-message {
    width: 89.33%;
    margin-top: 8%;
    padding: 2.67vw;
    border-radius: 8vw;
  }
  .award-message_inner {
    position: relative;
    padding: 6.34% 5.4%;
    border-radius: 5.33vw;
  }
  .award-message_title {
    margin-bottom: .5em;
    font-size: 8vw;
  }
  .award-message_title > span {
    display: block;
    padding-left: .45em;
  }
  .award-message_text {
    font-size: 4vw;
    line-height: 1.67;
  }
  .award-message_text .ph {
    position: absolute;
    right: 4.76%;
    bottom: 0;
    margin-bottom: 5%;
    width: 38%;
  }

  .award-sec .app-msg {
    margin: 6.67% auto 0;
  }
}
@media(hover:hover) {
  .award-story .more_btn:hover {
    opacity: .7;
    transition: opacity .15s linear;
  }
}

.award_modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 500;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.award_modal.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.award_modal-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #00AEC7;
  background: linear-gradient(225deg,rgba(0, 174, 199, 1) 0%, rgba(164, 42, 249, 1) 100%);
  opacity: .75;
  z-index: -1;
}
.award_modal-cont {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  text-align: justify;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}
.award_modal.active .award_modal-cont {
  opacity: 1;
  visibility: visible;
}
body:has(.award_modal.active) {
  overflow: hidden;
}
.award_modal .more_area {
  display: none;
}
.award_modal-badge {
  position: absolute;
}
.award_modal-text {
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}
.award_modal.active .award_modal-text {
  opacity: 1;
  visibility: visible;
}
.award_modal .simplebar-track {
  background: #fff;
  border-radius: 100vh;
}
.award_modal .simplebar-scrollbar::before {
  background-color: #ff7500;
  border-radius: 100vh;
  opacity: 1;
}
.award_detail_title,
.award_detail_name {
  font-weight: 900;
  font-feature-settings: "palt";
}
.award_detail_title > span {
  display: inline-block;
  background-image: linear-gradient(90deg, #00aec7 0%, #a42af9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.award_detail_name {
  color: #ff7500;
}
.award_detail_text {
  font-weight: 500;
  color: #440099;
  font-feature-settings: "palt";
}
.award_modal-close {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  cursor: pointer;
}
.award_modal-close::before,
.award_modal-close::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
  height: 2px;
  width: 100%;
  background-color: #a42af9;
}
.award_modal-close::before {
  transform: rotate(-45deg);
}
.award_modal-close::after {
  transform: rotate(45deg);
}
.award_modal-cont .award-illust {
  float: right;
}
.award_modal-note {
  color: #fff;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-bottom: 2em;
  font-weight: 200;
}
/** pc and tablet **/
@media print,screen and (min-width: 751px) {
  .award_modal-cont {
    width: 76.134vw;
    padding: 5.856vw 4.392vw 5.856vw 5.856vw;
    border-radius: 2.19vw;
  }
  .award_modal-badge {
    width: 9.224vw;
    left: -3.953vw;
    top: -1.9vw;
  }
  .award_modal-text {
    max-height: min(640px, 60vh);
    padding-right: 1.464vw;
  }
  .simplebar-scrollable-y.award_modal-text {
    padding-right: 4.392vw;
  }
  .award_modal  .simplebar-track.simplebar-vertical {
    width: calc(1.464vw + 4px);
  }
  .award_modal .simplebar-scrollbar::before {
    width: 1.464vw;
  }
  .award_detail_title {
    margin-bottom: .736em;
    font-size: 2.562vw;
    font-weight: 900;
    line-height: 1.14;
  }
  .award_detail_name {
    margin-bottom: 1em;
    font-size: 1.83vw;
    line-height: 1.2;
  }
  .award_detail_text {
    font-size: 1.464vw;
    line-height: 1.75;
  }
  .award_modal-close {
    width: 3.29vw;
    height: 3.29vw;
    margin: 2.196vw 2.196vw 0 0;
  }
  .award_modal-note {
    font-size: 1.024vw;
    letter-spacing: 0.1em;
  }
  .award_modal-cont .award-illust {
    width: 30.95%;
    margin: -13.95% 0 3.33% 3.33%;
  }
}
/** smartphone **/
@media screen and (max-width: 750px) {
  .award_modal-cont {
    width: 94.67vw;
    padding: 10.67vw 5.335vw 10.67vw 10.67vw;
    border-radius: 5.33vw;
  }
  .award_modal-badge {
    width: 22.4vw;
    left: 3.2vw;
    top: -13.6vw;
  }
  .award_modal-badge img[src*="_more"] {
    transform: scale(0.95);
  }
  .award_modal-text {
    max-height: min(122.67vw, 78vh);
    padding-right: 5.335vw;
  }
  .simplebar-scrollable-y.award_modal-text {
    padding-right: 8vw;
  }
  .award_modal  .simplebar-track.simplebar-vertical {
    width: calc(2.67vw + 4px);
  }
  .award_modal .simplebar-scrollbar::before {
    width: 2.67vw;
  }
  .award_detail_title {
    margin-bottom: .5em;
    font-size: 6.67vw;
    line-height: 1.2;
  }
  .award_detail_name {
    margin-bottom: 1em;
    font-size: 5.33vw;
    line-height: 1.25;
  }
  .award_detail_text {
    font-size: 4vw;
    line-height: 1.67;
    letter-spacing: 0.015em;
  }
  .award_modal-close {
    width: 6vw;
    height: 6vw;
    margin: 4vw 4vw 0 0;
  }
  .award_modal-close::before,
  .award_modal-close::after {
    top: calc(50% - 0.5px);
    height: 1px;
  }
  .award_modal-note {
    font-size: 2.13vw;
    line-height: 1.5;
    letter-spacing: 0.15em;
  }
  .award_modal-cont .award-illust {
    width: 30.93vw;
    margin: -14.5% 0 3.33% 4.26vw;
  }
}
@media(hover:hover) {
  .award_modal-close:hover {
    opacity: .7;
    transition: opacity .15s linear;
  }
}