@charset "UTF-8";
th {
  font-weight: bold;
}
.custom-font-xxl {
  font-size: 3rem;
}
.asw-list--annotation.custom-font-sm > .asw-list__item {
  font-size: 1.2rem;
}
.title-deco {
  display: inline-block;
  margin-right: 0.5em;
  padding: 0.2em 0.5em;
  color: #fff;
  background-color: #0f2356;
}
.caption_center figcaption {
  text-align: center;
}
.total-amount_container .asw-layout-grid__inner {
  align-items: center;
}
.img-right-arrow img {
  width: 60%;
}
.logo_anapocket img {
  width: 450px;
}
.balloon_container.asw-layout-grid > .asw-layout-grid__inner > .asw-layout-grid__item:first-of-type {
  width: fit-content;
}
.balloon_container.asw-layout-grid > .asw-layout-grid__inner > .asw-layout-grid__item:last-of-type {
  width: 15%;
}
.balloon_container.asw-layout-grid > .asw-layout-grid__inner {
  justify-content: center;
  align-items: center;
}
.balloon_container.asw-layout-grid.-left > .asw-layout-grid__inner {
  flex-direction: row-reverse;
}
.balloon_container.asw-layout-grid .txt {
  position: relative;
  max-width: 600px;
  padding: 1.5rem 3rem;
  border-radius: 20px;
}
.balloon_container.-right.asw-layout-grid .txt {
  background-color: #ffedc5;
}
.balloon_container.-left.asw-layout-grid .txt {
  background-color: #d2fafc;
}
.balloon_container.asw-layout-grid .txt::after {
  content: '';
  position: absolute;
  top: 40%;
  display: inline-block;
  width: 30px;
  height: 18px;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
}
.balloon_container.-right.asw-layout-grid .txt::after {
  right: -15px;
  background: #ffedc5;
}
.balloon_container.-left.asw-layout-grid .txt::after {
  left: -15px;
  background: #d2fafc;
}
.align-center-items > .asw-layout-grid__inner {
  align-items: center;
}
.app-logo_container.asw-layout-grid[data-pc-column="2"] > .asw-layout-grid__inner > .asw-layout-grid__item {
  width: fit-content;
}
.logo_appstore .asw-image__link {
  height: 70px;
  aspect-ratio: 109 / 40;
}
.logo_appstore .asw-image__link img {
  width: 100%;
}
.logo_googleplay .asw-image__link {
  height: 70px;
  aspect-ratio: 270 / 80;
}
.logo_googleplay .asw-image__link img {
  width: 100%;
}
#coupon_all .asw-button__item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
#get-all-coupon-button {
  margin-right: 0;
}
.loading-icon {
  align-items: center;
  width: 40px;
}
.loading-icon .spinner {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 5px solid #00146E;
  animation:
    l20-1 0.8s infinite linear alternate,
    l20-2 1.6s infinite linear;
}
@keyframes l20-1{
   0%    {clip-path: polygon(50% 50%,0       0,  50%   0%,  50%    0%, 50%    0%, 50%    0%, 50%    0% )}
   12.5% {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100%   0%, 100%   0%, 100%   0% )}
   25%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 100% 100%, 100% 100% )}
   50%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
   62.5% {clip-path: polygon(50% 50%,100%    0, 100%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
   75%   {clip-path: polygon(50% 50%,100% 100%, 100% 100%,  100% 100%, 100% 100%, 50%  100%, 0%   100% )}
   100%  {clip-path: polygon(50% 50%,50%  100%,  50% 100%,   50% 100%,  50% 100%, 50%  100%, 0%   100% )}
}
@keyframes l20-2{
  0%    {transform:scaleY(1)  rotate(0deg)}
  49.99%{transform:scaleY(1)  rotate(135deg)}
  50%   {transform:scaleY(-1) rotate(0deg)}
  100%  {transform:scaleY(-1) rotate(-135deg)}
}
.loading-txt {
  font-size: 0;
  color: transparent;
}
@media screen and (min-width: 768px) {
  .custom-font-lg-pc {
    font-size: 1.8rem;
  }
  .asw-decoration__title {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .total-amount_box.asw-decoration {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .logo_appstore .asw-image__link,
  .logo_googleplay .asw-image__link {
    height: clamp(50px, 6vw, 60px);
  }
}
@media screen and (max-width: 767px) {
  .custom-font-xxl {
    font-size: 1.8rem;
  }
  .custom-font-sm-sp {
    font-size: 1.2rem;
  }
  .sp_width50 img {
    width: 50%;
  }
  .asw-decoration__title {
    padding: 15px;
  }
  .caption_center figcaption {
    max-width: 400px;
  }
  .total-amount_container .asw-layout-grid__inner {
    display: grid;
    grid-template-columns: 40% 1fr 40%;
  }
  .total-amount_container.asw-layout-grid[data-sp-column="3"] > .asw-layout-grid__inner > .asw-layout-grid__item {
    width: 100%;
  }
  .total-amount_box.asw-decoration {
    padding: 10px;
  }
  .img-right-arrow img {
    width: 80%;
  }
  .balloon_container.asw-layout-grid > .asw-layout-grid__inner > .asw-layout-grid__item:first-of-type {
    width: 70%;
  }
  .balloon_container.asw-layout-grid > .asw-layout-grid__inner > .asw-layout-grid__item:last-of-type {
    width: 30%;
  }
  .asw-navigation.-fixed {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
  }
  .asw-navigation.-fixed .asw-container__body {
    padding: 0;
  }
  .asw-navigation.-fixed .asw-anchor__list {
    margin: 0;
    border-left: none;
  }
  .asw-navigation.-fixed .asw-anchor--column4 .asw-anchor__list .asw-anchor__item,
  .asw-navigation.-fixed .asw-anchor--column4 .asw-anchor__list .asw-anchor__item:nth-child(-n+2) {
    width: 25%;
    border-top: solid 1px #C7C7C7;
    font-size: 1.2rem;
  }
  .asw-navigation.-fixed .asw-anchor--column4 .asw-anchor__list .asw-anchor__item:last-child {
    border-right: none;
  }
  .asw-navigation.-fixed .asw-anchor--column4 .asw-anchor__link {
    justify-content: center;
    padding: 12px 4px;
  }
  .custom-margin__container.-custom-margin {
    margin-top: 158px;
  }
}

/* クーポンガジェットモーダル調整 */
@media screen and (max-width: 768px) {
  .taas-gadget-modal-wrapper .taas-gadget-modal-inner .taas-gadget-modal-contents {
    width: 90%;
    min-height: 35%;
    padding: 20px 15px 20px 20px;
    margin-top: -57px;
  }
}