/* ============================================================== default */
/* --------------------------------------- color */
/* hover
=================================================================== */
/* ================================================ vw */
/* ================================================ vh */
/* common
=================================================================== */
/* layout
=================================================================== */
/* imgCover
=================================================================== */
/* mask
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* textTate
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/*============================================================================================ 767px */
@media only screen and (max-width: 767px) {
  /* --------------------------------------- vw */
  /* ============================================================== top */
  /* ============================================================== topKv */
  .topKv {
    height: 100svh;
    padding-bottom: 2.6666666667vw;
  }
  .kvContents {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  /* --------------------------------------- topKv copy */
  .topKv__copy {
    margin-bottom: 15px;
    padding-left: 15px;
  }
  .topKv__copy--text {
    font-size: 14px;
  }
  /* --------------------------------------- topKv news */
  .topKv__news {
    position: absolute;
    right: auto;
    left: 15px;
    top: 10px;
    display: block;
  }
  /* ------------------- topKv news title */
  .topKv__news--title {
    font-size: 12px;
    padding-right: 0;
    margin-bottom: 5px;
  }
  /* ------------------- topKv news inner */
  .topKv__news--inner {
    max-width: 235px;
    padding-left: 0;
  }
  /* ------------------- topKv news date text */
  .topKv__news--date, .topKv__news--text {
    font-size: 11px;
  }
  .topKv__news--date {
    margin-right: 1em;
  }
  /* ============================================================== topArticle__title */
  .topContents__inner {
    padding-top: 9.3333333333vw;
  }
  /* ============================================================== topArticle__title */
  .topArticle__title {
    margin-bottom: 8vw;
  }
  .topArticle__title img {
    height: 10.6666666667vw;
    margin-bottom: 4vw;
  }
  .topArticle__title .fontW--b {
    font-size: 13px;
    font-size: 3.4666666667vw;
  }
  /* ============================================================== topAbout */
  .topAbout {
    position: relative;
    padding-top: 2.6666666667vw;
    padding-left: 2.6666666667vw;
    padding-right: 2.6666666667vw;
    margin-bottom: 10.6666666667vw;
    overflow: hidden;
  }
  /* --------------------------------------- topAbout inner */
  .topAbout__inner {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    margin-top: 4vw;
  }
  /* ------------------- topAbout title */
  .topAbout__title {
    font-size: 22px;
    font-size: 5.8666666667vw;
    letter-spacing: 0;
    white-space: nowrap;
    margin-bottom: 3.2vw;
  }
  .topAbout__title br {
    display: none;
  }
  /* ------------------- topAbout text */
  .topAbout__text {
    font-size: 13px;
    font-size: 3.4666666667vw;
    margin-bottom: 5.3333333333vw;
    white-space: normal;
  }
  .topAbout__text br {
    display: none;
  }
  /* --------------------------------------- topAbout img */
  @keyframes about-loopAnime {
    0% {
      transform: translate3d(0, 0, 0);
    }
    100% {
      transform: translate3d(-412.8vw, 0, 0);
    }
  }
  .topAbout__spImg {
    -webkit-animation: about-loopAnime 30s linear 0s infinite;
    animation: about-loopAnime 30s linear 0s infinite;
  }
  .topAbout__img {
    width: 412.8vw;
    font-size: 0;
    text-align: left;
    white-space: nowrap;
  }
  .topAbout__img > li {
    display: inline-block;
    position: relative;
    width: 66.6666666667vw !important;
    left: 0 !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    border-radius: 3px;
    margin-right: 2.1333333333vw;
  }
  .topAbout__img > li > span {
    padding-top: 71.4%;
  }
  .topAbout__img > li:nth-child(7) > span {
    background-image: url(../img/contents/top/aboutImg__pc--1.jpg);
  }
  .topAbout__img > li:nth-child(8) > span {
    background-image: url(../img/contents/top/aboutImg__pc--2.jpg);
  }
  .topAbout__img > li:nth-child(9) > span {
    background-image: url(../img/contents/top/aboutImg__pc--3.jpg);
  }
  .topAbout__img > li:nth-child(10) > span {
    background-image: url(../img/contents/top/aboutImg__pc--4.jpg);
  }
  .topAbout__img > li:nth-child(11) > span {
    background-image: url(../img/contents/top/aboutImg__pc--5.jpg);
  }
  .topAbout__img > li:nth-child(12) > span {
    background-image: url(../img/contents/top/aboutImg__pc--6.jpg);
  }
  /* ============================================================== topStayActivity */
  .topContents__leaderBlock--titleJp {
    font-size: 18px;
    font-size: 4.8vw;
    letter-spacing: 0.05em;
    margin-bottom: 8vw;
  }
  .topContents__leaderBlock--titleEn {
    bottom: -5px;
  }
  /* ============================================================== topStayActivity */
  .topStayActivity {
    padding-bottom: 14.6666666667vw;
  }
  .topStayActivity__keenWrapper {
    margin-bottom: 6.6666666667vw;
  }
  /* --------------------------------------- StayActivity keenBlock desc */
  .StayActivity__keenBlock--desc {
    margin-top: 4vw;
    margin-bottom: 4vw;
  }
  .StayActivity__keenBlock--desc--title {
    font-size: 15px;
    font-size: 4vw;
    margin-bottom: 2.6666666667vw;
  }
  .StayActivity__keenBlock--desc--text {
    font-size: 12px;
    font-size: 3.2vw;
    min-height: 23.2vw;
  }
  /* ============================================================== cafeLampBlock */
  @keyframes loopAnime {
    0% {
      transform: translate3d(0, 0, 0);
    }
    100% {
      transform: translate3d(-270vw, 0, 0);
    }
  }
  .cafeLampBlock__img--list {
    -webkit-animation: loopAnime 25s linear 0s infinite;
    animation: loopAnime 25s linear 0s infinite;
  }
  .cafeLampBlock__img--list > li {
    width: 90vw;
  }
  /* ============================================================== topCommunity */
  .topCommunity {
    padding-bottom: 8vw;
  }
  /* --------------------------------------- topCommunity list */
  .topCommunity__section--list {
    flex-wrap: wrap;
  }
  .topCommunity__section--list .Community__banner {
    width: 100%;
  }
  .topCommunity__section--list .Community__banner.is--mostRecent {
    width: 100%;
  }
  .Community__banner {
    margin-bottom: 2.6666666667vw;
  }
  .Community__banner--link {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  .Community__banner--thum {
    width: 20vw;
    padding-top: 0;
  }
  .Community__banner--thum > span {
    position: relative;
    padding-top: 100%;
  }
  .Community__banner--info {
    width: calc(100% - 25vw);
  }
  .Community__banner.is--mostRecent {
    margin-bottom: 6.6666666667vw;
  }
  .Community__banner.is--mostRecent .Community__banner--link {
    display: block;
  }
  .Community__banner.is--mostRecent .Community__banner--thum {
    width: 100%;
    padding-top: 38.8461538462%;
  }
  .Community__banner.is--mostRecent .Community__banner--thum > span {
    position: absolute;
    padding-top: 0;
  }
  .Community__banner.is--mostRecent .Community__banner--info {
    width: 100%;
  }
  /* --------------------------------------- Community__banner ending */
  .Community__banner.is--ending .Community__banner--title, .Community__banner.is--ending .Community__banner--date {
    opacity: 0.3;
  }
  .Community__banner.is--ending .Community__banner--info::after {
    opacity: 1;
  }
  .Community__banner--thum::after {
    display: none;
  }
  /* ============================================================== edit 1110 */
  .topKv__news {
    height: auto;
  }
  .topKv__news--title {
    height: auto;
    padding-top: 0;
  }
  .topKv__news--inner {
    height: 20px;
  }
  /* ============================================================== edit 1113 */
  .topCommunity__section--list.mostRecent--null .Community__banner {
    width: 100%;
  }
  .Community__banner {
    margin-bottom: 4vw;
  }
  /* --------------------------------------- top title btn */
  .topArticle__title {
    text-align: center;
  }
  .topArticle__title--inner {
    padding-bottom: 4vw;
  }
  .topArticle__title--btn {
    width: 6.1333333333vw;
    height: 6.1333333333vw;
    left: calc(100% + 1.4vw);
    top: 2.1333333333vw;
    border-width: 1px;
  }
  .topArticle__title--btn .arrowIcon__default {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
  }
  /* ============================================================== topBanner */
  .topBanner {
    padding-top: 4vw;
    padding-bottom: 5.3333333333vw;
  }
  .topBannerBlock__detail--info {
    margin-bottom: 5.3333333333vw;
  }
  .topBannerBlock__detail--info > dt {
    width: 40vw;
    margin-bottom: 3.4666666667vw;
  }
  .topBannerBlock__detail--info > dd {
    font-size: 12px;
    font-size: 3.2vw;
  }
  .topCommunity__section--list .Community__banner {
    margin-right: 0;
  }
  .topCommunity__section--list .Community__banner:last-child {
    margin-right: 0;
  }
}/*# sourceMappingURL=top-sp.css.map */