/* body
---------------------------------------------------*/
body {
  background: #987cef;
}

/* wrap */
#wrapper .content-wrap {
  position: relative;
  overflow: hidden;
  background-color: #987cef;
  background-size: 100%;
}
#wrapper .content-wrap img {
  max-width: 100%;
  height: auto;
}
#wrapper .content-wrap sup {
  top: -0.8em;
  font-size: 50%;
}
#wrapper .content-wrap svg {
  display: block;
  width: 100%;
  height: auto;
  fill: #fff;
}

#Footer {
  position: relative;
  margin-top: 0;
  z-index: 3;
}

/* page-award-2025
---------------------------------------------------*/
#page-award-2025 {
  position: relative;
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  z-index: 2;
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  #page-award-2025 {
    padding-bottom: 15.625vw;
  }
}

/* bg-texture
---------------------------------------------------*/
#bg-texture {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
  pointer-events: none;
}
#bg-texture .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#bg-texture .bg img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}
#bg-texture .bg {
  opacity: 0;
  scale: 1;
  z-index: 1;
  transition: opacity 4s, scale 4s;
}
#bg-texture .bg01 {
  opacity: 1;
  scale: 1;
}
#bg-texture .bg01 img {
  object-position: center top;
}
#bg-texture[data-current="2"] .bg02, #bg-texture[data-current="3"] .bg03, #bg-texture[data-current="4"] .bg04 {
  opacity: 1;
  scale: 1.02;
  z-index: 2;
  transition: opacity 5s, scale 5s;
}

/* award-header
---------------------------------------------------*/
#award-header {
  padding-top: 107px;
}
@media screen and (max-width: 768px) {
  #award-header {
    padding-top: 15.15625vw;
  }
}
#award-header .title {
  text-align: center;
  width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #award-header .title {
    width: 85.78125vw;
  }
}
#award-header .title img {
  width: 100%;
  filter: drop-shadow(6px 6px 16px rgba(0, 0, 0, 0.2));
}
@media screen and (max-width: 768px) {
  #award-header .title img {
    filter: drop-shadow(0.9375vw 0.9375vw 2.5vw rgba(0, 0, 0, 0.2));
  }
}
#award-header .explain {
  text-align: center;
  margin-top: 42px;
}
@media screen and (max-width: 768px) {
  #award-header .explain {
    margin-top: 4.6875vw;
  }
}
#award-header .explain p {
  display: inline-block;
  text-align: center;
  line-height: 1.4em;
  color: #fff;
  font-size: 25px;
  font-weight: 500;
  letter-spacing: 0.1em;
  background: #F8F2B5;
  background: linear-gradient(243deg, rgb(248, 242, 181) 0%, rgb(255, 255, 255) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 768px) {
  #award-header .explain p {
    font-size: 3.90625vw;
  }
}
#award-header .page-navi {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  #award-header .page-navi {
    margin-top: 6.25vw;
  }
}
#award-header .page-navi .navi-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 32px;
}
@media screen and (max-width: 768px) {
  #award-header .page-navi .navi-list {
    gap: 0.9375vw 5vw;
  }
}
#award-header .page-navi .navi-list li {
  width: 276px;
}
@media screen and (max-width: 768px) {
  #award-header .page-navi .navi-list li {
    width: 43.125vw;
  }
}
#award-header .page-navi .navi-list li img {
  width: 100%;
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.1));
}
@media screen and (max-width: 768px) {
  #award-header .page-navi .navi-list li img {
    filter: drop-shadow(0.78125vw 0.78125vw 1.5625vw rgba(0, 0, 0, 0.2));
  }
}
#award-header .page-navi .navi-list li.fadein {
  transition: transform 1s, opacity 1s;
}

/* award-product
---------------------------------------------------*/
.award-product {
  position: relative;
  width: 96%;
  max-width: 1000px;
  background: #fdfcf6;
  border-radius: 12px;
  overflow: hidden;
  border: 10px solid #fdfcf6;
  padding: 74px 0 98px;
  margin: 86px auto 0;
}
@media screen and (max-width: 768px) {
  .award-product {
    width: 93.75vw;
    border-radius: 1.875vw;
    border-width: 1.5625vw;
    padding: 8.59375vw 0 12.8125vw;
    margin-top: 10.3125vw;
  }
}
.award-product::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 100%;
  height: 100%;
  border: 2px solid #987cef;
  border-radius: 4px;
  pointer-events: none;
  z-index: 99;
}
@media screen and (max-width: 768px) {
  .award-product::after {
    border-radius: 0.625vw;
  }
}
.award-product .title {
  width: 96%;
  max-width: 754px;
  margin: 0 auto 23px;
}
@media screen and (max-width: 768px) {
  .award-product .title {
    width: 82.8125vw;
    margin-bottom: 6.25vw;
  }
}
.award-product .title img {
  width: 100%;
}
.award-product .explain {
  text-align: center;
}
.award-product .explain .name {
  line-height: 1.2em;
  font-size: 42px;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .award-product .explain .name {
    font-size: 6.5625vw;
    margin-bottom: 2.8125vw;
  }
}
.award-product .explain .txt {
  line-height: 1.4em;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .award-product .explain .txt {
    font-size: 3.75vw;
  }
}
.award-product .explain .note {
  font-size: 14px;
  letter-spacing: 0.05em;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .award-product .explain .note {
    font-size: 2.8125vw;
    margin-top: 3.125vw;
  }
}
.award-product .item-wrap {
  position: relative;
  width: 100%;
}
.award-product .item-wrap .item {
  position: absolute;
}
.award-product .item-wrap .item img {
  width: 100%;
  filter: drop-shadow(20px 16px 24px rgba(0, 0, 0, 0.26));
}
@media screen and (max-width: 768px) {
  .award-product .item-wrap .item img {
    filter: drop-shadow(3.125vw 2.5vw 3.75vw rgba(0, 0, 0, 0.26));
  }
}
.award-product .award-list {
  display: flex;
  justify-content: center;
  column-gap: 48px;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .award-product .award-list {
    column-gap: 6.71875vw;
    margin-bottom: 8.90625vw;
  }
}
.award-product .award-list .award {
  text-align: center;
}
.award-product .award-list .award .rank {
  margin-top: 12px;
}
@media screen and (max-width: 768px) {
  .award-product .award-list .award .rank {
    margin-top: 1.875vw;
  }
}
.award-product .award-list .award .rank p {
  line-height: 1.4em;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .award-product .award-list .award .rank p {
    font-size: 2.8125vw;
  }
}
.award-product .product {
  width: 100%;
  margin: 0 auto;
}
.award-product .product ul.product-list {
  display: flex;
  justify-content: center;
  column-gap: 30px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .award-product .product ul.product-list {
    column-gap: 2.8125vw;
  }
}
.award-product .product ul.product-list li {
  width: 109px;
}
@media screen and (max-width: 768px) {
  .award-product .product ul.product-list li {
    width: 10.46875vw;
  }
}
.award-product .product ul.product-list li img {
  width: 100%;
  filter: drop-shadow(8px 6px 16px rgba(0, 0, 0, 0.15));
}
@media screen and (max-width: 768px) {
  .award-product .product ul.product-list li img {
    filter: drop-shadow(1.25vw 0.9375vw 2.5vw rgba(0, 0, 0, 0.15));
  }
}
.award-product .product .price {
  margin: 38px auto 26px;
}
@media screen and (max-width: 768px) {
  .award-product .product .price {
    margin: 5.46875vw auto 5.625vw;
  }
}
.award-product .product .price p {
  text-align: center;
  line-height: 1.75em;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .award-product .product .price p {
    font-size: 3.125vw;
  }
}
.award-product .product .price p span {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .award-product .product .price p span {
    font-size: 2.1875vw;
  }
}

/* award-liquid
---------------------------------------------------*/
#award-liquid .award-liquid-block .item-wrap {
  height: 204px;
  margin: 10px auto 36px;
}
@media screen and (max-width: 768px) {
  #award-liquid .award-liquid-block .item-wrap {
    height: 25.625vw;
    margin: 3.75vw auto 5.625vw;
  }
}
#award-liquid .award-liquid-block .item-wrap .item01 {
  width: 888px;
  top: 22px;
  left: 42px;
}
@media screen and (max-width: 768px) {
  #award-liquid .award-liquid-block .item-wrap .item01 {
    width: 112.03125vw;
    top: 2.8125vw;
    left: 2.03125vw;
  }
}
#award-liquid .award-liquid-block .item-wrap .item02 {
  width: 882px;
  top: 0;
  left: 146px;
}
@media screen and (max-width: 768px) {
  #award-liquid .award-liquid-block .item-wrap .item02 {
    width: 111.25vw;
    left: 15vw;
  }
}
#award-liquid .award-liquid-block .award-list .award.lips .badge {
  padding-top: 9px;
}
@media screen and (max-width: 768px) {
  #award-liquid .award-liquid-block .award-list .award.lips .badge {
    padding-top: 1.09375vw;
  }
}
#award-liquid .award-liquid-block .award-list .award.lips .badge img {
  width: 272px;
}
@media screen and (max-width: 768px) {
  #award-liquid .award-liquid-block .award-list .award.lips .badge img {
    width: 37.34375vw;
  }
}
#award-liquid .award-liquid-block .award-list .award.mimi .badge {
  padding-bottom: 11px;
}
@media screen and (max-width: 768px) {
  #award-liquid .award-liquid-block .award-list .award.mimi .badge {
    padding-bottom: 1.5625vw;
  }
}
#award-liquid .award-liquid-block .award-list .award.mimi .badge img {
  width: 249px;
}
@media screen and (max-width: 768px) {
  #award-liquid .award-liquid-block .award-list .award.mimi .badge img {
    width: 34.21875vw;
  }
}
#award-liquid .award-liquid-thin-block {
  margin-top: 90px;
}
@media screen and (max-width: 768px) {
  #award-liquid .award-liquid-thin-block {
    margin-top: 15.625vw;
  }
}
@media screen and (max-width: 768px) {
  #award-liquid .award-liquid-thin-block .explain .name {
    margin-bottom: 4.6875vw;
  }
}
#award-liquid .award-liquid-thin-block .item-wrap {
  height: 207px;
  margin: 20px auto 32px;
}
@media screen and (max-width: 768px) {
  #award-liquid .award-liquid-thin-block .item-wrap {
    height: 26.40625vw;
    margin: 3.4375vw auto 5.78125vw;
  }
}
#award-liquid .award-liquid-thin-block .item-wrap .item01 {
  width: 895px;
  top: 21px;
  left: 40px;
}
@media screen and (max-width: 768px) {
  #award-liquid .award-liquid-thin-block .item-wrap .item01 {
    width: 113.75vw;
    top: 2.65625vw;
    left: 2.03125vw;
  }
}
#award-liquid .award-liquid-thin-block .item-wrap .item02 {
  width: 889px;
  top: 0;
  left: 139px;
}
@media screen and (max-width: 768px) {
  #award-liquid .award-liquid-thin-block .item-wrap .item02 {
    width: 112.96875vw;
    left: 14.6875vw;
  }
}
@media screen and (max-width: 768px) {
  #award-liquid .award-liquid-thin-block .award-list .award .rank {
    margin-top: 2.8125vw;
  }
}
#award-liquid .award-liquid-thin-block .award-list .award.lips .badge img {
  width: 272px;
}
@media screen and (max-width: 768px) {
  #award-liquid .award-liquid-thin-block .award-list .award.lips .badge img {
    width: 36.40625vw;
  }
}
#award-liquid .award-liquid-thin-block .award-list .award.biteki .badge {
  padding-top: 11px;
  padding-bottom: 12px;
}
@media screen and (max-width: 768px) {
  #award-liquid .award-liquid-thin-block .award-list .award.biteki .badge {
    padding-top: 1.40625vw;
    padding-bottom: 1.875vw;
  }
}
#award-liquid .award-liquid-thin-block .award-list .award.biteki .badge img {
  width: 232px;
}
@media screen and (max-width: 768px) {
  #award-liquid .award-liquid-thin-block .award-list .award.biteki .badge img {
    width: 30.9375vw;
  }
}
#award-liquid .award-liquid-thin-block .product ul.product-list {
  column-gap: 55px;
}
@media screen and (max-width: 768px) {
  #award-liquid .award-liquid-thin-block .product ul.product-list {
    column-gap: 5.9375vw;
  }
}
@media screen and (max-width: 768px) {
  #award-liquid .award-liquid-thin-block .product ul.product-list li {
    width: 11.875vw;
  }
}

/* award-pencil
---------------------------------------------------*/
#award-pencil {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  #award-pencil {
    padding: 11.875vw 0 12.8125vw;
    margin-top: 7.8125vw;
  }
}
#award-pencil .title {
  max-width: 774px;
}
@media screen and (max-width: 768px) {
  #award-pencil .title {
    width: 82.8125vw;
    margin-bottom: 6.25vw;
  }
}
@media screen and (max-width: 768px) {
  #award-pencil .explain .name {
    margin-bottom: 4.6875vw;
  }
}
#award-pencil .award-pencil-block .item-wrap {
  height: 280px;
  margin: 60px auto 38px;
}
@media screen and (max-width: 768px) {
  #award-pencil .award-pencil-block .item-wrap {
    height: 33.125vw;
    margin: 8.125vw auto 7.5vw;
  }
}
#award-pencil .award-pencil-block .item-wrap .item01 {
  width: 880px;
  top: 0;
  left: 66px;
  z-index: 4;
}
@media screen and (max-width: 768px) {
  #award-pencil .award-pencil-block .item-wrap .item01 {
    width: 103.59375vw;
    left: 3.90625vw;
  }
}
#award-pencil .award-pencil-block .item-wrap .item02 {
  width: 880px;
  top: 74px;
  left: 227px;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  #award-pencil .award-pencil-block .item-wrap .item02 {
    width: 103.59375vw;
    top: 8.75vw;
    left: 22.8125vw;
  }
}
#award-pencil .award-pencil-block .item-wrap .item03 {
  width: 881px;
  top: 148px;
  left: 104px;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  #award-pencil .award-pencil-block .item-wrap .item03 {
    width: 103.59375vw;
    top: 17.5vw;
    left: 8.4375vw;
  }
}
#award-pencil .award-pencil-block .item-wrap .item04 {
  width: 881px;
  top: 222px;
  left: 185px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #award-pencil .award-pencil-block .item-wrap .item04 {
    width: 103.59375vw;
    top: 26.25vw;
    left: 17.96875vw;
  }
}
#award-pencil .award-pencil-block .award-list .award {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 45px;
}
@media screen and (max-width: 768px) {
  #award-pencil .award-pencil-block .award-list .award {
    column-gap: 4.53125vw;
  }
}
#award-pencil .award-pencil-block .award-list .award.ldk .badge img {
  width: 280px;
}
@media screen and (max-width: 768px) {
  #award-pencil .award-pencil-block .award-list .award.ldk .badge img {
    width: 31.875vw;
  }
}
#award-pencil .award-pencil-block .award-list .award.ldk .rank {
  text-align: left;
  margin-top: 0;
}
#award-pencil .award-pencil-block .product ul.product-list {
  column-gap: 50px;
}
@media screen and (max-width: 768px) {
  #award-pencil .award-pencil-block .product ul.product-list {
    column-gap: 6.09375vw;
  }
}
#award-pencil .award-pencil-block .product ul.product-list li {
  width: 107px;
}
@media screen and (max-width: 768px) {
  #award-pencil .award-pencil-block .product ul.product-list li {
    width: 12.96875vw;
  }
}

/* award-list
---------------------------------------------------*/
#award-list {
  padding: 97px 0 68px;
  margin-top: 50px;
}
@media only screen and (max-width: 768px) {
  #award-list {
    padding: 12.8125vw 0 10.625vw;
    margin-top: 7.8125vw;
  }
}
#award-list .title {
  max-width: 582px;
  margin-bottom: 32px;
}
@media only screen and (max-width: 768px) {
  #award-list .title {
    max-width: 64.375vw;
    margin-bottom: 5.46875vw;
  }
}
#award-list .explain .txt {
  line-height: 1.75em;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 768px) {
  #award-list .explain .txt {
    font-size: 3.125vw;
  }
}
#award-list .award-ranking {
  margin-top: 64px;
}
@media screen and (max-width: 768px) {
  #award-list .award-ranking {
    margin-top: 8.4375vw;
  }
}
#award-list .award-ranking dl.award-ranking-list {
  display: flex;
  align-items: center;
  width: 830px;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  #award-list .award-ranking dl.award-ranking-list {
    width: 80.3125vw;
  }
}
#award-list .award-ranking dl.award-ranking-list + dl.award-ranking-list {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  #award-list .award-ranking dl.award-ranking-list + dl.award-ranking-list {
    margin-top: 3.125vw;
  }
}
#award-list .award-ranking dl.award-ranking-list + dl.award-ranking-list.spacer {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  #award-list .award-ranking dl.award-ranking-list + dl.award-ranking-list.spacer {
    margin-top: 9.375vw;
  }
}
#award-list .award-ranking dl.award-ranking-list dt {
  width: 89px;
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  #award-list .award-ranking dl.award-ranking-list dt {
    width: 13.75vw;
    margin-right: 3.59375vw;
  }
}
#award-list .award-ranking dl.award-ranking-list dd {
  width: calc(100% - 109px);
  line-height: 1.6em;
  font-size: 18px;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 768px) {
  #award-list .award-ranking dl.award-ranking-list dd {
    width: calc(100% - 17.34375vw);
    font-size: 2.8125vw;
  }
}

/* btn
---------------------------------------------------*/
.btn-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 40px;
}
@media screen and (max-width: 768px) {
  .btn-wrap {
    flex-direction: column;
    row-gap: 3.125vw;
  }
}

.btn-link {
  position: relative;
  width: 360px;
  height: 80px;
}
@media screen and (max-width: 768px) {
  .btn-link {
    width: 56.25vw;
    height: 12.5vw;
  }
}
.btn-link a {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  font-size: 25px;
  letter-spacing: 0.05em;
  background-color: #999;
  border: 1px solid #999;
  border-radius: 4em;
}
@media screen and (max-width: 768px) {
  .btn-link a {
    font-size: 3.90625vw;
  }
}
.btn-link a:hover {
  color: #999;
  background-color: #fff;
}
.btn-link.cart a {
  position: relative;
  font-size: 27px;
  background-color: #ec71a8;
  border: solid 1px #ec71a8;
  overflow: hidden;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .btn-link.cart a {
    font-size: 4.21875vw;
  }
}
.btn-link.cart a:hover {
  color: #ec71a8;
  background: #fff;
}
.btn-link.cart a::after {
  content: "";
  position: absolute;
  top: -269px;
  left: -339px;
  width: 543px;
  height: 385px;
  background-color: #f181b3;
  border-radius: 50%;
  z-index: -1;
  translate: 0 0;
  transition: translate 0.5s;
}
@media screen and (max-width: 768px) {
  .btn-link.cart a::after {
    top: -41.875vw;
    left: -53.125vw;
    width: 84.84375vw;
    height: 60.15625vw;
  }
}
.btn-link.cart a:hover::after {
  translate: -100% 0;
}

/*# sourceMappingURL=home.css.map */