@charset "UTF-8";
/* 
  css設定 @charsetが消されるsass仕様へのハック用コメントです。削除しないでください。新規作成時も必須！
 */
/*==================================================================================
 common
==================================================================================*/
html {
  font-size: 0.12821vw;
}

.commonTitle01 {
  padding-bottom: 75rem;
}
.commonTitle01 img {
  height: 89rem;
}

.commonTitle02 {
  padding-bottom: 45rem;
}
.commonTitle02 img {
  height: 54rem;
}
.commonTitle02.enOnly img {
  height: 26rem;
}

.commonText01 {
  font-size: 24rem;
}

.commonText02 {
  font-size: 21rem;
}

.commonText03 {
  font-size: 18rem;
}

.commonButton01 a {
  height: 88rem;
  border-radius: 18rem;
  font-size: 36rem;
}

.pageAnnotation {
  padding: 40rem 0;
  max-width: 680rem;
}

.headerLogo {
  height: 112rem;
  background-image: url("../img/sp/bg01.png");
}
.headerLogo img {
  width: 150rem;
}

/*==================================================================================
 siteHeader
==================================================================================*/
/*==================================================================================
 siteFooter
==================================================================================*/
.siteFooter {
  padding: 80rem 0 50rem;
}
.siteFooter .linkButtons {
  flex-direction: column;
  align-items: normal;
  justify-content: normal;
  gap: 30rem 0;
  margin: auto;
  padding-bottom: 70rem;
  width: 50%;
}
.siteFooter .linkButtons li {
  flex: 0 0 auto;
}
.siteFooter .snsArea .snsTitle {
  padding-bottom: 50rem;
  max-width: 300rem;
}
.siteFooter .snsArea ul {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 0 40rem;
}
.siteFooter .snsArea ul li {
  margin: 0;
}
.siteFooter .snsArea ul li a span {
  padding-top: 12rem;
  font-size: 20rem;
}
.siteFooter .snsArea ul img {
  height: 60rem;
}

/*==================================================================================
 top
==================================================================================*/
#top section.message {
  margin-top: -800rem;
  padding-bottom: 90rem;
}
#top section.message h3 {
  padding-bottom: 120rem;
}
#top section.message .lead {
  padding-bottom: 130rem;
}
#top section.message .anchorLinkButtons {
  max-width: 608rem;
}
#top section.message .anchorLinkButtons li {
  flex: 0 0 163rem;
}
#top .bgArea {
  gap: 100rem 0;
  padding: 100rem 0;
  background-image: url("../img/sp/bg02.png");
}
#top .bgArea:before {
  height: 3px;
  background-image: url("../img/sp/bg-top.png");
}
#top .bgArea:after {
  height: 148rem;
  background-image: url("../img/sp/bg-ornament.png");
}
#top section.menu {
  flex-direction: column;
  justify-content: normal;
  gap: 80rem 0;
}
#top section.menu h4 {
  padding-bottom: 20rem;
}
#top section.menu section.donuts .items,
#top section.menu section.limited .items {
  flex-direction: column;
  justify-content: normal;
  gap: 45rem 0;
}
#top section.menu section.donuts .items li,
#top section.menu section.limited .items li {
  flex: 0 0 auto;
}
#top section.menu section.drink,
#top section.menu section.set {
  flex: 0 0 635rem;
}
#top section.event {
  max-width: 620rem;
}
#top section.event h4 {
  padding-bottom: 40rem;
}
#top section.event .linkButton {
  max-width: 600rem;
}
#top section.shop {
  max-width: 620rem;
}
#top section.shop h4 {
  padding-bottom: 40rem;
}
#top section.shop .shops {
  flex-direction: column;
  justify-content: normal;
  gap: 45rem 0;
}
#top section.shop .shops li {
  flex: 0 0 auto;
}

/*==================================================================================
 lower
==================================================================================*/
/*==================================================================================
 lower common
==================================================================================*/
/*==================================================================================
 page
==================================================================================*/

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