@charset "utf-8";

/* ◆◆ Base Customize */
@font-face {
  font-family: "Volta W01 Regular";
  src: url("../common/font/volta/84cb270c-d85b-4d27-8c17-ff5308877d15.eot?#iefix");
  src: url("../common/font/volta/84cb270c-d85b-4d27-8c17-ff5308877d15.eot?#iefix")
      format("eot"),
    url("../common/font/volta/fd13c272-0931-4a2b-b4c5-5f6ae56166a3.woff2")
      format("woff2"),
    url("../common/font/volta/64536f75-1fb4-48f0-a4e0-3b74bc0a845f.woff")
      format("woff"),
    url("../common/font/volta/55347e02-1eee-4a24-9747-740dea2b2701.ttf")
      format("truetype");
}

/* ◇ 高速表示なし (js-inとの喧嘩) */
.g-main > * > * {
  content-visibility: visible;
}

/* ◆ Wrapper */
.g-afternoon {
  /* font-family: "DNPShueiGoKinStd-L", "DNPShueiGoKinStd-B", "DNPShueiGoKinStd-M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, Osaka, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
  font-family: "Volta W01 Regular", "Hiragino Mincho ProN W3",
    "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho,
    "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #000;
  background: #fff;
  /* overflow: hidden; */
}
.sitewidth--article {
}

/* ◆ Animation */
.js-in:not(.js-in--active) {
  visibility: hidden;
}
.js-in.js-in--active {
  animation: kf-jsin 600ms ease-out both;
}

@keyframes kf-jsin {
  from {
    opacity: 0;
    transform: translateY(1rem);
  }
}

/* ◆ Components */

@media (max-width: 768px) {
  .sp-left {
    text-align: left;
  }
  .lp-small {
    font-size: 0.75em;
    line-height: 1.5;
  }
}

/* ◇ Title */
@media screen and (min-width: 769px) {
  h1 {
    font-size: 2.2em;
  }
}
@media screen and (max-width: 768px) {
  h1 {
    font-size: 1.3em;
  }
}
.lp-title1 {
  line-height: 1.33;
  font-size: 2.5em;
  font-weight: normal;
  font-family: "Volta W01 Regular", "Hiragino Mincho ProN W3",
    "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho,
    "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin: 0 0 0.66em;
}
.lp-title1[data-ruby] {
  display: grid;
  font-size: 1em;
}
.lp-title1[data-ruby]::before {
  content: attr(data-ruby);
  font-size: 2.5em;
}
.lp-title1__main {
}
.lp-title1__ruby {
  font-size: 0.65em;
}

@media (max-width: 768px) {
  .lp-title1 {
    font-size: 2em;
  }
}

/* ◇ Button */
.lp-button {
  line-height: 1.33;
  text-align: center;
  text-decoration: none;
  display: block;
  position: relative;
  z-index: 0;
  padding: 1em;
}
.lp-button:hover {
  opacity: 0.78;
}
.lp-button--reserve {
  line-height: 1.5;
  font-size: 1.5em;
  color: #fff;
  background: #c0a555;
  box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.35);
  border-radius: 99em;
  max-width: fit-content;
  margin-inline: auto;
  padding: 0.75em 2em;
}
.lp-button--small {
  color: #666;
  display: inline-block;
  border: 1px solid;
}
.lp-button--small:hover {
  color: #fff;
  background: #b20b1c;
}

/* ◇ Link */
.lp-link {
  color: inherit;
}
.lp-link:hover {
  text-decoration: none;
}

/* ◇ Note */
.lp-right {
  text-align: right;
}

/* ◆ Header */
.lp-header {
  /* text-align: center; */
}
.lp-header__image {
  width: 100%;
  object-fit: cover;
}
.lp-header__logo {
  position: absolute;

  img {
    width: 100%;
  }
}

@media (min-width: 769px) {
  .lp-header {
  }
  .lp-header__image {
    max-height: calc(100vh - 100px);
  }
  .lp-header__logo {
    top: 11%;
    left: 9vw;
    right: 0;
    width: 30vw;
  }
}
@media (max-width: 768px) {
  .lp-header {
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    z-index: 0;
  }
  .lp-header__logo {
    /* top: 14%;
    left: 0;
    right: 0;

    width: 85%;
    margin: 0 auto; */
  }
  .lp-header__image {
    max-height: calc(100vh - 60px);
  }
}
/* @supports (-webkit-touch-callout: none) and (max-width: 768px){
	.lp-header{
		height: -webkit-fill-available;
	}
} */

/* ◆ Intro */
.lp-intro,
.sitewidth--intro {
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .sitewidth--intro {
    .note {
      text-align: left;
    }
  }
}
.sitewidth--intro > * + * {
  margin-top: 1.5rem !important;
}

.lp-intro-bg {
  overflow: hidden;
}

@media screen and (min-width: 769px) {
  .lp-intro-bg::before {
    background: url("/the-thousand-kyoto/afternoontea/2025muscataft--intro-bg--pc.png")
      no-repeat center / auto;
  }
}
.lp-intro-bg > * + * {
  margin-top: 6em;
}
.lp-intro {
  text-align: center;
}
.lp-title1--sect[data-ruby] {
  text-align: center;
}
@media (min-width: 769px) {
  .lp-title1--sect[data-ruby] {
    font-size: 1.5em;
  }
}
.lp-intro-title {
  line-height: 1.33;
  font-size: inherit;
  font-weight: normal;
  text-align: center;
}
.lp-intro-title__catch {
  font-size: 0.875em;
}
.lp-intro-title__name {
  font-size: 2.75em;
  font-weight: bold;
  font-family: "Volta W01 Regular", "Hiragino Mincho ProN W3",
    "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho,
    "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #f34e72;
}
.lp-intro-title__theme {
  font-size: 1.25em;
}
.lp-intro-title__logo {
  max-width: min(100%, 62.5vw);
}
.lp-intro-reserve {
  text-align: center;
}
.lp-intro-reserve > * {
  margin-block: 0;
}
.lp-intro-reserve > * + * {
  margin-top: 0.4rem;
}
.lp-intro__period {
  font-size: 1.5em;
  font-size: 2.25em;
  margin: 0;
}
.lp-intro__year {
  font-size: 0.625em;
}
.lp-intro-desc {
  font-size: 1.125em;
}
.lp-intro-desc > * {
  margin: 0;
}
lp-intro-desc > * + * {
  margin-top: 1rem;
}
.lp-intro__ornament {
  position: absolute;
  z-index: -1;
  max-width: 100%;
}
.lp-intro__ornament--1 {
  left: 78%;
  bottom: -3em;
}
.lp-intro__ornament--2 {
  left: calc(100% - 6em);
  bottom: -6em;
}
@media (max-width: 768px) {
  .lp-intro-desc {
    padding: 1em;
    position: relative;
    z-index: 0;
  }
  .lp-intro-desc::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.6);
    filter: blur(0.25rem);
  }
  .lp-intro__ornament--1 {
    left: 64vw;
    bottom: 3em;
    width: 55.8974358974359vw;
  }
  .lp-intro__ornament--3 {
    display: none;
  }
}

/* ◆ Intro Illust */
.intro-illust {
  position: relative;
  z-index: 0;
}
.intro-illust.sitewidth {
  max-width: 900px;
}
.intro-illust__photo {
  max-width: 100%;
}
.intro-illust__ornament {
  position: absolute;
  right: 100%;
  bottom: 50%;
}
@media (max-width: 768px) {
  .intro-illust__ornament {
    right: auto;
    left: 1vw;
    bottom: calc(100% + 3em);
    width: 20vw;
  }
}

/* ◆ Product */
.lp-product-wrap {
}
.lp-product-wrap > .sitewidth {
  position: relative;
  z-index: 0;
}
.lp-product {
  list-style: none;
  margin: 0;
  padding: 0;
}
* + .lp-product__item {
  margin-top: 6em;
}
.lp-product__item > * {
  margin: 0;
}
.lp-product__item > * + * {
  margin-top: 3rem;
}
.lp-product__photo {
  width: 100%;
}
.lp-product-name {
  line-height: 1.5;
  font-size: 1.4em;
  font-weight: normal;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.75em;
  margin: 0 0 1.5em;
}
.lp-product-name__ornament {
  max-width: 100%;
  max-height: 3.5em;
}

@media (min-width: 769px) {
  .lp-product__item {
  }
  .lp-product__illust {
    max-width: 90%;
  }
  .lp-product-grid:nth-child(odd) .lp-product__illust {
    transform: translate(-55%, 40%);
  }
  .lp-product-grid:nth-child(even) .lp-product__illust {
    transform: translate(65%, 40%);
  }
}
@media (max-width: 1023px) and (min-width: 769px) {
  .lp-product-grid:nth-child(odd) .lp-product__illust {
    transform: translate(-50%, 10%);
  }
  .lp-product-grid:nth-child(even) .lp-product__illust {
    transform: translate(60%, 10%);
  }
}

/* ◇ Product Grid */
.lp-product-grid {
}
.lp-product-grid__body {
}
.lp-product-grid__body > * {
  margin: 0;
}
.lp-product-grid__body > * + * {
  margin-top: 1.8em;
}

@media (min-width: 769px) {
  .lp-product-grid {
    display: flex;
  }
  .lp-product-grid__photo {
    flex: 0 0 auto;
    max-width: 34.075vw;
  }
  .lp-product-grid__body {
  }
  .lp-product__item:nth-child(odd) .lp-product-grid__photo {
    margin-right: min(6em, 2.5vw);
  }
  .lp-product__item:nth-child(even) .lp-product-grid__photo {
    order: 1;
    margin-left: min(6em, 2.5vw);
  }
  .lp-product-grid__body {
  }
}
@media (max-width: 768px) {
  .lp-product-grid {
  }
  .lp-product-grid__photo {
    text-align: center;
    margin-bottom: 2.25em;
  }
  .lp-product-grid__photo {
    display: flex;
    flex-direction: column-reverse;
  }
}

/* ◆ Present */
.lp-present-wrap {
  overflow: hidden;
}
.lp-present {
  background: #fcf2f2;
  border: 0.625em solid #fcf2f2;
  box-shadow: inset 0 0 0 1px #b20b1c;
}
.lp-present__photo {
}

@media (min-width: 769px) {
  .lp-present {
    padding: 2em 3.5em;
  }
  .lp-present__photo {
    box-sizing: border-box;
    max-width: 80%;
  }
}
@media (max-width: 768px) {
  .lp-present {
    padding: 1.875em;
  }
  .lp-present__photo {
    width: 65%;
  }
  .lp-title1--present {
    text-align: center;
  }
}

/* ◇ Present Grid */
.lp-present-grid {
}
.lp-present-grid__photo {
}
.lp-present-grid__body {
}

@media (min-width: 769px) {
  .lp-present-grid {
    display: flex;
  }
  .lp-present-grid__photo,
  .lp-present-grid__body {
    box-sizing: border-box;
    flex: 1 1 0%;
  }
  .lp-present-grid__photo {
    text-align: center;

    order: 1;
    display: flex;
    align-items: center;
    align-self: center;

    height: 0;
    max-width: 35%;
    margin: 0 0 0 6%;
  }
  .lp-present-grid__body {
  }
}
@media (max-width: 768px) {
  .lp-present-grid {
  }
  .lp-present-grid__photo {
    text-align: center;
    margin-bottom: 1.875em;
  }
  .lp-present-grid__body {
  }
}

.lp-menu-bg {
}
.lp-menu-bg::before {
  background: url(./img/menu-bg.png);
}
.lp-menu-bg > .sitewidth {
  background: rgba(255, 255, 255, 0.333);
  backdrop-filter: blur(0.25em);
  box-shadow: 0 6px 6px 1px rgba(0, 0, 0, 0.35);
  padding: min(6em, 5vw);
  position: relative;
  z-index: 0;
}
@media (max-width: 768px) {
  .lp-menu-bg > .sitewidth {
    max-width: none;
    min-width: calc(320px - 10.66%);
    margin-inline: 5.33%;
  }
}
.lp-menu-bg > .sitewidth > * + * {
  margin-top: 6em;
}

/* ◆ Movie */
.lp-movie {
  text-align: center;
  position: relative;
  z-index: 0;
}
.lp-movie.sitewidth {
  max-width: 900px;
  /* padding-inline: 0; */
}
.lp-movie__frame {
  aspect-ratio: 1 / 0.5625;
  height: auto;
  width: 100%;
  vertical-align: middle;
  margin-inline: auto;
}
.lp-movie__ornament {
  position: absolute;
  /* left: calc(100% + 3em); */
  left: 100%;
  bottom: -3em;
}

/* ◆ Gift */
.lp-gift {
}
.lp-gift-mv {
  margin: 0 0 3.75em;
}

@media (max-width: 768px) {
  .lp-gift-mv {
    margin-left: -5.96%;
    margin-right: -5.96%;
  }
}

/* ◇ Gift Gallery */
.lp-gift-gallery {
  /* max-width: 30rem; */
  max-width: 35rem;
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
.lp-gift-gallery__item {
}
.lp-gift-gallery__item > * {
  margin: 0 !important;
}
.lp-gift-gallery__item > * + * {
  margin-top: 1rem !important;
}
.lp-gift-gallery__photo {
  width: 100%;
  margin: 0 0 1.5em;
}
.lp-gift-gallery__title {
  line-height: 1.33;
  font-size: 1.125em;
  font-weight: bold;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  /* gap: .9em; */
  margin: 0 0 0.66em;
}
.lp-gift-gallery__ornament {
  max-width: 100%;
  max-height: 3em;
}
.lp-gift-gallery__note {
  line-height: 1.5;
}

/* ◇ Slick Custom */
.lp-gift-gallery.slick-slider .slick-arrow {
  cursor: pointer;

  line-height: 1;
  font-size: 3em;
  color: #ccc;

  background: inherit;
  border: inherit;

  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 15%;
  padding: 0 0 0 0;
}
.lp-gift-gallery.slick-slider .slick-prev {
  right: 100%;
}
.lp-gift-gallery.slick-slider .slick-next {
  left: 100%;
}

@media (min-width: 769px) {
  .lp-gift-gallery.slick-slider .slick-slide > div {
    margin-left: 1em;
    margin-right: 1em;
    padding: 0 1em;
  }
  .lp-gift-gallery.slick-slider .slick-slide .lp-gift-gallery__photo {
    /* margin-left: -1em;
		margin-right: -1em;
		width: calc(100% + 2em); */
  }
}
@media (max-width: 768px) {
  .lp-gift-gallery.slick-slider .slick-arrow {
    top: 40vw;
    bottom: auto;
  }
  .lp-gift-gallery.slick-slider .slick-prev {
    right: 90%;
  }
  .lp-gift-gallery.slick-slider .slick-next {
    left: 90%;
  }
  .lp-gift-gallery.slick-slider .slick-slide > div {
    margin: 0 15%;
  }
}

/* ◇ Gift Menu */
.lp-gift-menu {
  list-style-type: disc;
  margin: 0 0 0 1.25em;
  padding: 0;
}
.lp-gift-menu__item {
}

/* ◆ Facility */
.lp-facility {
  padding-block: 6em;
}
.lp-facility::before {
  background: #ded7cf
    url(https://www.keihanhotels-resorts.co.jp/the-thousand-kyoto/afternoontea/2025muscutaft--facility-bg.png)
    no-repeat center top / cover;
}
.lp-facility-list:where(ul, ol) {
  list-style: none;
  margin: 0;
  padding: 0;
}
.lp-facility-list {
  line-height: 1.5;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(1.75em, 5vw);
  margin-top: 1.8em;
}
.lp-facility-list__item {
  background: #fff;
  background-clip: padding-box;
  border: 6px solid rgba(255, 255, 255, 0.6);
  border-radius: 1em;
  overflow: hidden;
  padding: 1em;
}
/* この指定を削除またはコメントアウトする */
.lp-facility-list__item:first-child {
  /* grid-column: 1 / 3;
  justify-self: center;
  width: 50%; */
}
.lp-facility-list__item > * {
  margin-block: 0;
}
.lp-facility-list__item > * + * {
  margin-top: 1rem;
}
.lp-facility-list__view {
  text-align: center;
}
.lp-facility-list__photo {
  max-width: 100%;
  object-fit: cover;
}
.lp-facility-list__name {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* gap: .25em; */
}
.lp-facility-list__desc {
  max-width: 16em;
  margin-inline: auto;
}
.lp-facility-list__ornament {
  max-width: 100%;
  max-height: 3.75rem;
}

.lp-plan-bg {
}
.lp-plan-bg::before {
  background: url(https://www.keihanhotels-resorts.co.jp/the-thousand-kyoto/2025aft/2025peachaft--plan-bg.jpg)
    no-repeat center / cover;
}

/* ◆ Plan */
.lp-plan {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(0.25em);
  outline: 1px solid #fff;
  outline-offset: 1.5em;
  padding: min(6em, 5vw);
}
.lp-plan__header {
  text-align: center;
}
.lp-plan__contents {
}
.lp-plan__inner {
}
.lp-plan__label {
  line-height: 1.33;
  font-size: 1.25em;
  font-weight: bold;
  font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝",
    "ＭＳ 明朝", serif;
  text-align: center;
  color: #fff;
  background: #000;

  padding: 0.5em 1em;
}
.lp-plan__photo {
  box-sizing: border-box;
  width: 100%;
}
.lp-plan__header {
}
.lp-title1--plan {
  font-size: 1.875em;
  text-align: left;
}
.lp-plan__desc {
}
.lp-plan__spec {
  margin: 0 0 1.875em;
}
@media screen and (min-width: 769px) {
  .lp-plan__spec {
    h3 {
      font-size: 2.2em !important;
    }
  }
}

/* ◇ Plan Anchor */
.lp-plan-anchor {
  border-bottom: 1px solid #ccc;
  margin: 0 0 3.75em;
  padding: 0 0 1.875em;
}
.lp-nav__items {
  font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝",
    "ＭＳ 明朝", serif;
  color: #000;

  display: flex;
  justify-content: center;

  list-style: none;
  margin: 0;
  padding: 0;
}
.lp-nav__item {
}
.lp-nav__item:not(:first-child)::before {
  content: "｜";
  margin: 0 0.5em;
}
.lp-nav__more {
  color: inherit;
}
.lp-nav__more:not(:hover) {
  text-decoration: inherit;
}

@media (min-width: 769px) {
  .lp-nav__items {
    font-size: 1.875em;
  }
}
@media (max-width: 768px) {
  .lp-nav__items {
    font-size: 1.25em;
  }
}

/* ◇ Plan List */
.lp-plan-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.lp-plan-list__item {
}
.lp-plan-list__item:not(:last-child) {
  margin-bottom: 5.625em;
}

/* ◇ Plan Grid */
.lp-plan-grid {
}
.lp-plan-grid > :not(.anchor) + * {
  margin-top: 3em;
}
.lp-plan-grid__photo {
}
.lp-plan-grid__body {
}

/* ◇ Plan Spec Table */
.lp-spec {
  line-height: 1.5;
  border-spacing: 0 1em;
}
.lp-spec__head,
.lp-spec__body {
  vertical-align: middle;
}
.lp-spec__head {
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  border: 1px solid;

  padding: 0.5em 1em;
}
.lp-spec__body {
  padding-left: 1em;
}

@media (max-width: 768px) {
  .lp-spec tr {
    display: grid;
    justify-items: start;
    gap: 0.675em;
  }
  .lp-spec * + tr {
    margin-top: 1.8em;
  }
  .lp-spec__body {
    padding-left: 0;
  }
}

/* ◇ Plan Nav */
.lp-plan-list-nav {
}
.lp-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
.lp-nav__item {
}

/* ◆ Term */
.lp-term {
  margin: 3.75em 0;
}
.lp-term__title {
  line-height: 1.33;
  font-size: 1.25em;
  font-weight: normal;
  border-bottom: 1px solid #b20b1c;

  margin: 0 0 0.66em;
  padding: 0 0 0.33em;
}
.lp-term__note {
}

/* @ Drink Grid */
.lp-drink-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16em, 1fr));
  gap: 3em;
}
.lp-drink-grid__item > * {
  margin-block: 0;
}
.lp-drink-grid__item > * + * {
  margin-block-start: 1rem !important;
}

/* @ Drink Menu */
.lp-drink {
  position: relative;
  z-index: 0;
}
.lp-drink__ornament {
  max-width: 18em;
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
}
@media (max-width: 768px) {
  .lp-drink__ornament {
    width: 38.461vw;
  }
}
.lp-drink__title {
  line-height: 1.5;
  font-size: 1.125em;
  text-align: center;
  display: grid;
  justify-items: center;
  gap: 0.9em;
  margin-bottom: 3.75rem;
}
.lp-drink__logo {
  max-width: 100%;
  max-height: 3rem;
}
.lp-drink__list:where(ul, ol) {
  margin: 0;
  padding: 0;
}
.lp-drink__list {
  font-size: 0.875em;
}
.lp-drink__item {
  margin-left: 1.25em;
}

/* @ annotation */
.lp-annotation {
  font-size: 0.875em;
  max-width: fit-content;
  margin-top: 3em;
  margin-inline: auto;
}

/* @ parallax stack (anti ios ver.) */
.lp-anti-ios-fixed-parallax {
  clip-path: inset(0);
  padding-block: 6em;
}
.lp-anti-ios-fixed-parallax::before {
  content: "";
  display: block;
  position: fixed;
  z-index: -1;
  inset: 0;
}

.shopinfo__logo {
  margin: 0 auto;

  img {
    width: 100%;
  }
}
@media (min-width: 769px) {
  .shopinfo__logo {
    width: 31vw;
  }
}
@media (max-width: 768px) {
  .shopinfo__logo {
    width: 80vw;
  }
  .shopinfo__logo--bottom {
    width: 64vw;
    margin-bottom: 20px;
  }
}

.block-afternoon-banner {
display:none;
  position: fixed;
  z-index: 2;
  padding: 32px 25px 29px 32px;
  background: #fff;
  width: 568px;
  box-sizing: border-box;
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.15);
  transition-duration: 0.4s;
  transform: translate(25px, 0);
}
.block-afternoon-banner ._btn-close:after,
.block-afternoon-banner ._btn-close:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 10px;
  width: 20px;
  height: 3px;
  transform: rotate(-45deg);
  background: #000;
}
.block-afternoon-banner ._btn-close:before {
  transform: rotate(45deg);
}
.block-afternoon-banner .afternoon-logo img {
  width: 100%;
}
.block-afternoon-banner ._cols ._col-image img {
  width: 100%;
}
.block-afternoon-banner ._t1 {
  margin-top: -3px;
  line-height: 1.3333333333;
  color: #fbb7b4;
}
.block-afternoon-banner ._t2 {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  color: #000;
}
.block-afternoon-banner ._cols ._col-texts {
  flex: 1;
}
.block-afternoon-banner ._btns {
  width: 91%;
}
.block-afternoon-banner ._btn {
  display: block;
  text-align: center;
  line-height: 1.2;
  background: #fbb7b4;
  color: #fff;
  border: 2px solid #fbb7b4;
  border-radius: 50px;
  font-weight: bold;
  text-decoration: none;
}
.block-afternoon-banner ._cols {
  display: flex;
  gap: 25px;
  align-items: center;
}
.block-afternoon-banner ._btn-close {
  position: absolute;
  top: 15px;
  right: 18px;
  cursor: pointer;
  z-index: 10;
  transition-duration: 0.2s;
}
@media (min-width: 769px) {
  .pc-d-none {
    display: none;
  }
  .block-afternoon-banner {
    bottom: 140px;
  }
  .block-afternoon-banner ._btn-close {
    right: 50px;
  }
  .block-afternoon-banner ._btn-close:after,
  .block-afternoon-banner ._btn-close:before {
    top: 15px;
    left: 10px;
    width: 20px;
    height: 3px;
    background: #000;
  }
  .block-afternoon-banner .afternoon-logo {
    width: 16vw;
  }
  .block-afternoon-banner ._cols ._col-image {
    width: 180px;
  }
  .block-afternoon-banner ._t1 {
    font-size: 20px;
  }
  .block-afternoon-banner ._btns {
    width: 91%;
  }
  .block-afternoon-banner ._btn {
    font-size: 20px;
    line-height: 1.2;
    border-radius: 50px;
    padding: 13px 20px;
  }
}
@media (max-width: 768px) {
  .block-afternoon-banner {
            top: 41px;
        left: -25px;
    padding: 13px 9px 13px 13px;
    width: 285px;
    height: auto;
  }
  .block-afternoon-banner ._btn-close {
    top: 0px;
    right: 3px;
    width: 25px;
    height: 25px;
  }
  .block-afternoon-banner ._btn-close:after,
  .block-afternoon-banner ._btn-close:before {
    top: 15px;
    left: 10px;
    width: 10px;
    height: 1px;
    background: #000;
  }
  .block-afternoon-banner .afternoon-logo {
    width: 35vw;
    margin: 0 auto;
  }
  .block-afternoon-banner ._cols {
    gap: 13px;
  }
  .block-afternoon-banner ._cols ._col-image {
    width: 90px;
  }
  .block-afternoon-banner ._t1 {
    font-size: 20px;
  }
  .block-afternoon-banner ._t2 {
    font-size: 9px;
    margin-top: 7px;
    margin-bottom: 5px;
  }
  .block-afternoon-banner ._btns {
    width: 100%;
  }
  .block-afternoon-banner ._btn {
    font-size: 10px;
    line-height: 1.2;
    border-radius: 50px;
    padding: 5px 10px;
  }
}
.benefit-modal{ display:none; }

.benefit-stiky-banner {display:none ;}