@charset "UTF-8";
/* 
  css設定 @charsetが消されるsass仕様へのハック用コメントです。削除しないでください。新規作成時も必須！
 */
/*==================================================================================
 common
==================================================================================*/
main {
  padding-top: 50px;
}
main .l-cts__inner {
  padding: 0 3%;
}
main .campaignBanner {
  padding-top: 50px;
}
main .l-footer__sns {
  padding-top: 50rem;
}
main .l-footer__sns .snsTitle {
  margin: auto;
  padding-bottom: 8rem;
  width: 75rem;
}
main .l-footer__sns .list {
  gap: 0 8rem;
}
main .l-footer__sns .list li a {
  width: 35rem;
}
main .l-footer__sns .list li a span {
  letter-spacing: 0;
  font-size: 8rem;
}

/*==================================================================================
 siteHeader
==================================================================================*/
.siteHeader .l-header__fujiyatop a {
  font-size: 10px;
}
.siteHeader .l-header__milky {
  padding-top: 10px;
  padding-left: 50px;
  width: 134px;
}
.siteHeader .l-nav-modal__list li a {
  font-size: 20px;
}
.siteHeader .l-nav-modal__list li a span {
  font-size: 12px;
}

/*==================================================================================
 siteFooter
==================================================================================*/
.siteFooter {
  margin-top: 150px;
}
.siteFooter .linkButtons {
  gap: 0 6%;
  padding: 30rem 15rem 40rem;
}
.siteFooter .linkButtons li {
  flex: 0 0 47%;
}
.siteFooter .l-footer__copyright {
  font-size: 8px;
}

/*==================================================================================
 top
==================================================================================*/
#top .mainVisualArea {
  padding-right: 0;
  padding-left: 0;
}
#top .mainVisualArea .linkButton {
  width: 80rem;
}
#top .mainVisualArea .mvPeachs li {
  position: absolute;
  z-index: 1;
}
#top .mainVisualArea .mvPeachs li:first-child {
  top: 1.13154%;
  right: 6.15234%;
  width: 13.67188%;
}
#top .mainVisualArea .mvPeachs li:nth-child(2) {
  top: 22.34795%;
  left: 3.90625%;
  width: 9.76563%;
}
#top .mainVisualArea .mvPeachs li:nth-child(3) {
  top: 33.38048%;
  right: 3.71094%;
  width: 9.17969%;
}
#top .mainVisualArea .mvPeachs li:nth-child(4) {
  top: 67.18529%;
  left: 2.92969%;
  width: 14.45313%;
}
#top section.news {
  flex-direction: column;
  gap: 8rem 0;
  padding: 6rem 13rem 8rem;
  background: #fff;
}
#top section.news h3 {
  padding-bottom: 2rem;
  border-bottom-width: 1rem;
  font-size: 10rem;
}
#top section.news .newsList {
  flex: 0 0 auto;
  gap: 12rem 0;
  width: 100%;
}
#top section.news .newsList li {
  align-items: normal;
  gap: 0 5rem;
  letter-spacing: 0;
  line-height: 1.4;
  font-size: 10rem;
}
#top section.news .moreButton {
  gap: 0 4rem;
  position: absolute;
  top: 5rem;
  right: 7rem;
  font-size: 10rem;
}
#top section.news .moreButton img {
  width: 7rem;
}
#top .bgArea {
  padding: 40rem 0 20rem;
}
#top .bgArea .peachs li:first-child {
  top: 0.82%;
  top: 1.24242%;
  top: 19rem;
  left: -2.70833%;
  left: -8.6rem;
  width: 15.71429%;
  width: 40rem;
}
#top .bgArea .peachs li:nth-child(2) {
  top: 1%;
  top: 1.51515%;
  top: 162rem;
  left: 70.9375%;
  left: 223rem;
  width: 30.35714%;
  width: 90rem;
}
#top .bgArea .peachs li:nth-child(3) {
  top: 11%;
  top: 16.66667%;
  top: 325rem;
  left: 7.5%;
  left: 12rem;
  width: 21.71429%;
  width: 50rem;
}
#top .bgArea .peachs li:nth-child(4) {
  top: 11.7%;
  top: 17.72727%;
  top: 385rem;
  left: 90.72917%;
  left: 285rem;
  width: 15.71429%;
  width: 42rem;
}
#top .bgArea .peachs li:nth-child(5) {
  top: 21.2%;
  top: 32.12121%;
  top: 1485rem;
  left: -1.45833%;
  left: 276rem;
  width: 17.35714%;
  width: 46rem;
}
#top .bgArea .peachs li:nth-child(6) {
  top: 30.42%;
  top: 46.09091%;
  top: 2010rem;
  left: 86.82292%;
  left: 13rem;
  width: 19.14286%;
  width: 39rem;
}
#top .bgArea .peachs li:nth-child(7) {
  top: 34%;
  top: 51.51515%;
  top: 2170rem;
  left: 4.53125%;
  left: 280rem;
  width: 16.78571%;
  width: 50rem;
}
#top .bgArea .peachs li:nth-child(8) {
  top: 38.67%;
  top: 58.59091%;
  top: 2715rem;
  left: 87.5%;
  left: -11rem;
  width: 15.28571%;
  width: 52rem;
}
#top .bgArea .peachs li:nth-child(9) {
  display: none;
  top: 50.2%;
  top: 76.06061%;
  left: -1.30208%;
  width: 17.14286%;
}
#top .bgArea .peachs li:nth-child(10) {
  top: 60.8%;
  top: 106.06061%;
  top: 3260rem;
  left: -1.30208%;
  left: -4rem;
  width: 23.71429%;
  width: 67rem;
}
#top .bgArea .peachs li:nth-child(11) {
  top: 60.39%;
  top: 91.5%;
  top: 4725rem;
  left: 83.33333%;
  left: 276rem;
  width: 22.14286%;
  width: 57rem;
}
#top .bgArea .peachs li:nth-child(12) {
  top: 74.9%;
  top: 113.48485%;
  top: 5440rem;
  left: 2.60417%;
  left: -13rem;
  width: 18.57143%;
  width: 50rem;
}
#top .bgArea .peachs li:nth-child(13) {
  top: 88%;
  top: 133.33333%;
  top: 5870rem;
  left: 77.5%;
  left: 280rem;
  width: 19.78571%;
  width: 50rem;
}
#top .bgArea .peachs li:nth-child(14) {
  top: 6080rem;
  bottom: auto;
  left: 7.5%;
  left: 5rem;
  width: 22.64286%;
  width: 68rem;
}
#top .sections h4 {
  margin-bottom: 25rem;
  width: 230rem;
  height: 50rem;
  border-width: 2rem;
  border-radius: 25rem;
  letter-spacing: 1rem;
  font-size: 11rem;
}
#top .sections h4 .en {
  margin-bottom: -5rem;
  font-size: 24rem;
}
#top .sections .lead {
  letter-spacing: .6rem;
  font-size: 11rem;
}
#top .sections .linkButton {
  padding-top: 15rem;
  font-size: 14rem;
}
#top .sections .linkButton img {
  width: 14.5rem;
}
#top section.message {
  padding-bottom: 50rem;
}
#top section.message .catch {
  width: 257rem;
}
#top section.lineUp {
  padding-bottom: 50rem;
}
#top section.lineUp h4 {
  margin-bottom: -25rem;
}
#top section.lineUp .scrollArea .arrows {
  display: none;
}
#top section.lineUp .scrollArea .arrows img {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: absolute;
  top: calc(50% - 66rem);
  width: 66rem;
}
#top section.lineUp .scrollArea .arrows img:first-child {
  left: 0;
  transform: rotate(180deg);
}
#top section.lineUp .scrollArea .arrows img:last-child {
  right: 0;
}
@media (min-width: 1025px) {
  #top section.lineUp .scrollArea .arrows img:hover {
    opacity: .7;
  }
}
#top section.lineUp .scrollArea .image .items {
  flex-wrap: wrap;
  justify-content: center;
  gap: 30rem 1%;
  padding: 52rem 0 48rem !important;
  border-width: 2rem;
  border-right: none;
  border-left: none;
  width: auto;
  text-align: center;
}
#top section.lineUp .scrollArea .image .items a {
  flex: 0 0 30%;
}
#top section.lineUp .scrollArea .image .items a:nth-of-type(1) img {
  width: 83rem;
}
#top section.lineUp .scrollArea .image .items a:nth-of-type(2) img {
  width: 74rem;
}
#top section.lineUp .scrollArea .image .items a:nth-of-type(3) img {
  width: 74rem;
}
#top section.lineUp .scrollArea .image .items a:nth-of-type(4) img {
  width: 83rem;
}
#top section.lineUp .scrollArea .image .items a:nth-of-type(5) img {
  width: 67rem;
}
#top section.lineUp .scrollArea .image .items a:nth-of-type(6) img {
  width: 72rem;
}
#top section.lineUp .scrollArea .image .items a:nth-of-type(7) img {
  width: 91rem;
}
#top section.lineUp .scrollArea .image .items a:nth-of-type(8) img {
  width: 91rem;
}
#top section.lineUp .scrollArea .image .items a:nth-of-type(9) img {
  width: 91rem;
}
#top section.lineUp .scrollArea .image .items a:nth-of-type(10) img {
  width: 71rem;
}
#top section.lineUp .scrollArea .image .items a:nth-of-type(11) img {
  width: 80rem;
}
#top section.lineUp .scrollArea .image .items a:nth-of-type(12) img {
  width: 70rem;
}
#top section.lineUp .scrollArea .image .items a:nth-of-type(13) img {
  width: 74rem;
}
#top section.lineUp .scrollArea .image .items a:nth-of-type(14) img {
  width: 70rem;
}
#top section.lineUp .scrollArea .image .items a:nth-of-type(2), #top section.lineUp .scrollArea .image .items a:nth-of-type(3), #top section.lineUp .scrollArea .image .items a:nth-of-type(5), #top section.lineUp .scrollArea .image .items a:nth-of-type(6) {
  margin-bottom: 0;
}
#top section.lineUp .scrollArea .image .items a:nth-of-type(4) {
  margin-bottom: 12rem;
}
#top section.lineUp .scrollArea .image .items a:nth-of-type(7), #top section.lineUp .scrollArea .image .items a:nth-of-type(8), #top section.lineUp .scrollArea .image .items a:nth-of-type(9) {
  margin-top: 50rem;
}
#top section.lineUp .scrollArea .image .items .catch01 {
  top: 42.5%;
  left: 15%;
  width: 70%;
}
#top section.cm {
  padding-bottom: 5v0rem;
}
#top section.cm h3 {
  padding-bottom: 25rem;
}
#top section.cm .adGalleryArea .adGalleryCm .tabs {
  margin-top: 12rem;
  width: 252rem;
  border-width: 2.5rem;
  border-radius: 10rem;
  font-size: 14rem;
}
#top section.cm .adGalleryArea .adGalleryCm .tabs li {
  padding-bottom: 2rem;
  height: 33rem;
  letter-spacing: 0;
}
#top section.cm .adGalleryArea .adGalleryCm .tabs li:last-child {
  font-size: 12rem;
}
#top section.profile {
  padding-bottom: 80rem !important;
}
#top section.profile h4 {
  margin-bottom: 25rem;
}
#top section.profile .profileArea {
  flex-direction: column;
  justify-content: normal;
  gap: 15rem 0;
  padding-bottom: 40rem;
}
#top section.profile .profileArea .photo {
  flex: 0 0 auto;
  margin: auto;
  width: 179rem;
}
#top section.profile .profileArea dt {
  padding: 0 0 10rem;
  font-size: 23rem;
}
#top section.profile .profileArea dt .en {
  padding-left: 10rem;
  font-size: 13rem;
}
#top section.profile .profileArea dd {
  line-height: 2;
  font-size: 11rem;
  text-align: left;
  letter-spacing: 0;
}
#top section.profile .profileArea dd a {
  display: inline;
  font-size: 11rem;
}
#top section.profile .profileArea dd a .url {
  display: none;
  font-size: 10rem;
}
#top section.profile .characterArea {
  flex-direction: column;
  justify-content: normal;
  padding-bottom: 80rem;
  gap: 17rem 0;
}
#top section.profile .characterArea .character {
  flex: 0 0 auto;
  margin: auto;
  width: 179rem;
}
#top section.profile .characterArea dt {
  padding: 0 0 10rem;
  font-size: 23rem;
}
#top section.profile .characterArea dd {
  font-size: 11rem;
}
#top section.profile .characterArea dd + dd {
  padding-top: 10rem;
}
#top section.profile .characterArea .image {
  right: -5rem;
  bottom: 0;
  width: 195rem;
}
#top section.special {
  margin-bottom: 40rem;
  padding: 0 0 70rem;
  background-image: none;
}
#top section.special h4 {
  top: -25rem;
  margin-bottom: 25rem;
}
#top section.special .catch {
  padding-bottom: 30rem;
}
#top section.special .catch .text {
  padding-bottom: 20rem;
}
#top section.special .lead {
  padding-bottom: 40rem;
}
#top section.special .facilitys {
  flex-direction: column;
  gap: 10rem 0;
  margin-right: -5rem;
  padding-bottom: 40rem;
}
#top section.special .facilitys li {
  flex: 0 0 auto;
}
#top section.special .facilitys li.end a:before {
  width: 80rem;
  height: 80rem;
}
#top section.special .flows {
  gap: 20rem 0;
  margin: 0 -5rem 0 -10rem;
}
#top section.special .flows li {
  flex: 0 0 49.5%;
  flex-direction: column;
  gap: 8rem 0;
}
#top section.special .flows li .image {
  flex: 0 0 auto;
}
#top section.special .flows li .text {
  flex: 0 0 auto;
  padding-top: 0;
  padding-left: 10rem;
  font-size: 11rem;
}
#top section.special .flows .annotation {
  display: block;
  padding-top: 3rem;
  line-height: 1.5;
  font-size: 10rem;
}
#top section.special .annotation {
  padding-top: 20rem;
  font-size: 11rem;
}
#top section.whats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0 15rem;
  margin-bottom: 40rem;
}
#top section.whats h4 {
  margin-bottom: 23rem;
}
#top section.whats > .image {
  flex: 0 0 120rem;
  width: auto;
}
#top section.whats .contentButtons {
  flex: 0 0 120rem;
}
#top section.whats .contentButtons li {
  position: static;
  width: auto !important;
}
#top section.whats .contentButtons li:first-child {
  padding-bottom: 3rem;
}
#top section.whats .contentButtons li:nth-child(2) {
  padding-bottom: 8rem;
}
#top section.history {
  padding-bottom: 50rem;
}
#top section.history h4 {
  margin-bottom: 22rem;
}
#top section.history > .image {
  width: 238rem;
}
#top section.history .contentButton {
  gap: 0 6rem;
  margin-top: 10rem;
  width: 233rem;
  height: 24rem;
  border-radius: 3.5rem;
  border-width: 1rem;
  letter-spacing: 1rem;
  font-size: 11rem;
}
#top section.history .contentButton img {
  padding-top: 1rem;
  width: 11rem;
}
#top section.recipe {
  padding-bottom: 30rem;
}
#top section.recipe h4 {
  margin-bottom: 24rem;
}
#top section.recipe .banners {
  justify-content: space-between;
  gap: 10rem 0;
}
#top section.recipe .banners li {
  flex: 0 0 135rem;
}
#top .manga {
  padding-left: 53rem;
  width: 172rem;
}

.modalContents .closeButton01 {
  position: absolute;
  top: 10rem;
  right: 10rem;
  width: 15rem;
  height: 15rem;
}
.modalContents .wrapper {
  padding: 45rem 0 30rem;
  width: calc(100% - 60rem);
}
.modalContents .contentName {
  display: inline-block;
  margin-bottom: 25rem;
  padding: 7rem 15rem;
  min-width: 156rem;
  border-radius: 15rem;
  border-width: 1.4rem;
  letter-spacing: 0;
  font-size: 15rem;
}
.modalContents .catch {
  padding-bottom: 10rem;
  letter-spacing: 0;
  font-size: 13rem;
}
.modalContents .catch .line {
  padding: 0 5rem;
  transform: scale(1, 1);
}
.modalContents .text {
  line-height: 2.3;
  letter-spacing: 0;
  font-size: 11rem;
}
.modalContents .image {
  line-height: 0;
  padding-top: 30rem;
}
.modalContents .annotation {
  padding-top: 8rem;
  font-size: 9rem;
}
.modalContents .closeButton02 {
  gap: 0 7rem;
  margin-top: 40rem;
  font-size: 11rem;
}
.modalContents .closeButton02 img {
  padding-top: 2rem;
  width: 9rem;
}

.whatsContent02 .image {
  margin: auto;
  padding-top: 20rem;
  width: 105rem;
}

.whatsContent03 .text {
  padding-bottom: 30rem;
}

.historyContent .image {
  margin: auto;
  width: 235rem;
}

.recipeContents .wrapper {
  padding: 30rem 0;
  width: 292rem;
  max-width: none;
}
.recipeContents .closeButton01 {
  top: 15rem;
  right: 20rem;
}
.recipeContents .snsIcons {
  gap: 0 8rem;
  bottom: 60rem;
}
.recipeContents .snsIcons li {
  flex: 0 0 35rem;
}
.recipeContents .closeButton02 {
  bottom: 18rem;
}

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

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