/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 31 2025 | 09:46:26 */
@charset "UTF-8";

/* ============================================
  top
============================================ */


#page .container {
  max-width: 100%;
  padding-left: 5%;
  padding-right: 5%;
}


#page .section-title-wrap {
  position: relative;
}
#page .section-title-wrap.in-bd {
  padding-left: 25px;
}
#page .section-title-ja {
  font-size: 3.5rem;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.1em;
}
#page .section-title-en {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.2em;
}
#page .section-title-en.line {
  display: flex;
  align-items: center;
}
#page .section-title-en.line::after {
  content: "";
  width: 50px;
  height: 1px;
  background: #30333b;
  display: inline-block;
  margin-left: 15px;
}

#page .section-title-block {
  padding: 10px 0;
  position: relative;
}
#page .section-title-border {
  width: 5px;
  height: 0%;
  position: absolute;
  left: 0;
  top: 0;
  transition: height .4s;
  transition-delay: 0s;
}
#page .js-inview_view.section-title-border {
  height: 100%;
}
#page .section-title-border > span {
  display: block;
  width: 100%;
  height: 50%;
}
#page .section-title-border .border-red {
  background:rgba(136, 0, 0, 1);
}
#page .section-title-border .border-blk {
  background: rgba(48, 51, 59, 1);
}

#page .section-block-title-en.line::after {
  content: "";
  display: inline-block;
  width: 50px;
  height: 1px;
  background: #000;
  vertical-align: middle;
  margin-left: 15px;
}
/*
#page .section-title-en,
#page .section-block-title-en {
  transition-delay: 0.2s;
}
#page .section-title-ja,
#page .section-block-title-ja {
  transition-delay: 0.2s;
}
  */
#page .section-title-desc {
  margin-top: 10px;
  /*
  transition-delay: 0.4s;
  */
}


/* header
--------------------------------- */
#page .header__under-text {
  opacity: 0;
  transition: opacity .4s;
  transition-delay: 0.4s;
}
#page .header__under.is-show .header__under-text {
  opacity: 1;
}
#page .header__btn-contact {
  transform: translateX(100%);
  transition: transform .4s;
  transition-delay: .8s;
}
#page .header__under.is-show .header__btn-contact {
  transform: translateX(0%);
}

/* footer
--------------------------------- */
#page .footer__linkarea {
  display: block;
}


/* mv
--------------------------------- */
#page .mv__section {
  background: url("https://yutoku-life.com/app/uploads/sites/463/2025/03/bg_mv.jpg") no-repeat center center / cover;
  height: 100vh;
  position: relative;
}
#page .mv__inner {
  width: 100%;
  height: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.3);
}
#page .mv__bnr-campaign {
  width: 216px;
  position: absolute;
  right: 5%;
  bottom: 40px;
}
#page .mv__bnr-campaign a {
  display: block;
  transition: opacity .3s;
}
#page .mv__bnr-campaign a:hover {
  opacity: 0.7;
}

#page .mv__catch {
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#page .mv__catch-text {
  max-width: 840px;
  width: 56%;
  margin: 40px 0 0 auto;
  transition-delay: 0.8s;
  opacity: 0.9;
}
#page .mv__catch-text-main .svg-include {
  display: block;
  width: 100%;
}
#page .mv__catch-text-main svg {
  display: block;
  width: 100%;
}
#page .mv__catch-text-main .cls-3,
#page .mv__catch-text-sub .cls-1 {
  opacity: 0;
  transition: .5s;
}
#page .mv__catch-text-main .cls-3.is-show,
#page .mv__catch-text-sub .cls-1.is-show {
  opacity: 1;
}
#page .mv__catch-text-main {
  width: 100%;
  display: inline-block;
}
#page .mv__catch-text-sub {
  width: 80%;
  display: inline-block;
  margin-top: 4%;
}


/*
  mv catch svg style
*/
#page .mv__catch .cls-1{isolation:isolate;}.cls-2{opacity:0.9;mix-blend-mode:lighten;}.cls-3{fill:#fff;}


#page .mv__topics {
  width: 770px;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity .6s;
}
#page .mv__topics.is-show {
  opacity: 1;
}
#page .mv__topics-block,
#page .mv__topics-title {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#page .mv__topics-block {
  height: 126px;
}
#page .mv__topics-title {
  background: #801a1f;
  height: 100%;
  width: 120px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  -webkit-justify-content: center;
  justify-content: center;

  position: relative;
  z-index: 1;
}
#page .mv__topics-info {
  height: 100%;
  background: rgba(238, 238, 238, 0.9);
  flex: 1;
  font-size: 1.5rem;
}
#page .mv__topics-info a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
#page .mv__topics-info a::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(239, 237, 237, 1);
  position: absolute;
  left: -100%;
  top: 0;
  z-index: 0;
  transition: left .4s;
}
#page .mv__topics-info a:hover::before {
  left: 0;
}
#page .mv__topics-info-box {
  width: 100%;
  height: 100%;
  padding: 20px 40px;
  position: relative;
  z-index: 1;

  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

#page .mv__topics-info .date {
  font-weight: bold;
}
#page .mv__topics-info .text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}



/* flex default topics */
#page .mv__topics .es-list-wrapper {
  height: 100%;
  background: rgba(238, 238, 238, 0.9);
  flex: 1;
  font-size: 1.5rem;
  padding: 0;
  margin: 0;
}
#page .mv__topics .es-list,
#page .mv__topics .es-list-items {
  height: 100%;
  font-size: inherit;
}
#page .mv__topics .es-list-item {
  padding: 0;
  margin: 0;
  border: none;
  height: 100%;
}
#page .mv__topics .es-list-item:not(:first-child) {
  display: none;
}
#page .mv__topics .es-list-item a {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#page .mv__topics .es-list-item a::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(239, 237, 237, 1);
  position: absolute;
  left: -100%;
  top: 0;
  z-index: 0;
  transition: left .4s;
}
#page .mv__topics .es-list-item a:hover::before {
  left: 0;
}
#page .mv__topics .es-list-item .es-list-content {
  width: 100%;
  padding: 20px 40px;
  position: relative;
  z-index: 1;
}

#page .mv__topics .es-list-item  .date {
  font-weight: bold;
  line-height: inherit;
  font-size: inherit;
  font-family: arial;
}
#page .mv__topics .es-list-item .ellipsis {
  line-height: inherit;
  font-size: inherit;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}



/* brand-movie
--------------------------------- */
#page .brand-movie__section {
  padding: 80px 0 160px;
  position: relative;
}
#page .brand-movie__section::before {
  content: "";
  display: block;
  width: 0%;
  height: 100%;
  background: #efeded;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  transition: width 1.2s ease-out;
  transition-delay: 1.2s;
}
#page .js-inview_view.brand-movie__section::before {
  width: 70%;
}
#page .brand-movie__inner {
  position: relative;
}

#page .brand-movie__info {
  width: 575px;
  padding: 60px;
  transition-delay: 0.6s;
}
#page .brand-movie__info-title {
  font-size: 5rem;
  line-height: 1;
  font-weight: bold;
  transition-delay: 0.2s;
}
#page .brand-movie__info-title .sm {
  font-size: 4rem;
  display: block;
  margin-top: 5px;
}
#page .brand-movie__info-title-sub {
  font-size: 1.9rem;
  font-weight: bold;
  line-height: 1;
  margin: 25px 0 20px;
  transition-delay: 0.4s;
}
#page .brand-movie__info-title-desc {
  transition-delay: 0.6s;
}

#page .brand-movie__movie {
  width: calc(100% - 575px);
  max-width: 890px;
  position: relative;
  padding-left: 5%;
  flex: 1;
}
#page .brand-movie__movie-shamaison {
  width: 148px;
  margin: 0 0 10px 5px;
}
#page .brand-movie__movie-video a {
  display: block;
  transition: opacity .2s;
}
#page .brand-movie__movie-video a:hover {
  opacity: 0.7;
}
#page .brand-movie__movie-text {
  font-size: 1.2rem;
  font-weight: bold;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  white-space: nowrap;
  color:rgba(136, 0, 0, 1);
  position: absolute;
  left: -1em;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
}

#page .brand-movie__border {
  width: 4px;
  height: 0;
  position: absolute;
  right: 6%;
  top: 14%;
  transition: height .8s;
  transition-delay: 1.6s;
}
#page .brand-movie__border.js-inview_view {
  height: 86%;
}
#page .brand-movie__border > span {
  display: block;
  width: 100%;
  height: 50%;
}
#page .brand-movie__border .border-red {
  background:rgba(136, 0, 0, 1);
}
#page .brand-movie__border .border-blk {
  background: rgba(48, 51, 59, 1);
}

.lity .lity-container {
  max-width: 655px;
}
.lity .lity-iframe-container iframe {
  background: none;
  box-shadow: none;
}



/* rental-search__section
--------------------------------- */
#page .rental-search__section {
  padding: 120px 0 60px;
}
#page .rental-search__section-list {
  gap: 70px 3.5%;
  margin-top: 70px;
}
#page .rental-search__section-list .box {
  width: 31%;
}
#page .rental-search__section-list .box a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(136, 0, 0, 1);
  background: #fff;
  color: rgba(136, 0, 0, 1);
  border-radius: 20px;
  transition: background .3s;
  padding: 50px 20px 45px;
}
#page .rental-search__section-list .box-icon {
  height: 105px;
  text-align: center;
  position: relative;
}
#page .rental-search__section-list .box-icon img {
  height: 100%;
  max-width: initial;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: all .3s;
}
#page .rental-search__section-list .box-icon .off {
  opacity: 1;
  visibility: visible;
}
#page .rental-search__section-list .box-icon .on {
  opacity: 0;
  visibility: hidden;
}
#page .rental-search__section-list .box-ttl {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  letter-spacing: 0.1em;
  transition: color .3s, background .3s;
  margin-top: 30px;

}
#page .rental-search__section-list .box-label {
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
  width: 90px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  letter-spacing: 0.1em;
  padding: 5px 15px;
  border-radius: 9999px;
  color: #fff;
  background: rgba(136, 0, 0, 1);
  transition: color .3s, background .3s;
  margin-top: 10px;
}
#page .rental-search__section-list .box a:hover {
  background: rgba(136, 0, 0, 1);
  color: #fff;
}
#page .rental-search__section-list a:hover .box-icon .off {
  opacity: 0;
  visibility: hidden;
}
#page .rental-search__section-list a:hover .box-icon .on {
  opacity: 1;
  visibility: visible;
}
#page .rental-search__section-list a:hover .box-ttl {
  color: #fff;
}
#page .rental-search__section-list a:hover .box-label {
  color: rgba(136, 0, 0, 1);
  background: #fff;
}

/* recommend__section
--------------------------------- */
#page .recommend__section {
  padding: 120px 0 40px;
}
#page .recommend__section-list {
  margin-top: 70px;
}



/* storeinfo
--------------------------------- */
#page .storeinfo__section {
  padding: 120px 0 120px;
}

#page .storeinfo__title-block {
  position: relative;
  padding: 20px 0 5px;
}
#page .storeinfo__title-border {
  width: 25px;
  height: 0%;
  position: absolute;
  left: 0;
  top: 0;
  transition: height .4s;
  transition-delay: 1s;
}
#page .storeinfo__title-border.js-inview_view {
  height: 100%;
}
#page .storeinfo__title-border > span {
  display: block;
  width: 100%;
  height: 50%;
}
#page .storeinfo__title-border .border-red {
  background:rgba(136, 0, 0, 1);
}
#page .storeinfo__title-border .border-blk {
  background: rgba(48, 51, 59, 1);
}

#page .storeinfo__list {
  margin: 0 -10px;
}
#page .storeinfo__box {
  width: 33.33%;
  padding: 0 10px;
  margin-top: 30px;
}

@media only screen and (min-width: 768px) {

  #page .storeinfo__box:nth-child(1) {
    transition-delay: 0.4s;
  }
  #page .storeinfo__box:nth-child(2) {
    transition-delay: 0.6s;
  }
  #page .storeinfo__box:nth-child(3) {
    transition-delay: 0.8s;
  }
  #page .storeinfo__box:nth-child(4) {
    transition-delay: 1s;
  }
  #page .storeinfo__box:nth-child(5) {
    transition-delay: 1.2s;
  }
  #page .storeinfo__box:nth-child(6) {
    transition-delay: 1.4s;
  }

}

#page .storeinfo__box a {
  display: block;
  position: relative;
  overflow: hidden;
}
#page .storeinfo__box .label,
#page .storeinfo__box .label2 {
  width: 86%;
  min-height: 80px;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
  background: #30333b;
  padding: 15px 10px 15px 20px;

  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform .2s;

  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#page .storeinfo__box .label2 {
  flex-wrap: wrap;
}
#page .storeinfo__box .label-logo {
  width: 45%;
}
#page .storeinfo__box .label-name {
  width: 55%;
  padding: 0 10px;
  text-align: center;
}
#page .storeinfo__box .label2-name-en {
  font-size: 1.5rem;
  font-weight: bold;
}
#page .storeinfo__box .label-name2 {
  font-size: 1.6rem;
}
#page .storeinfo__box .label2-name {
  font-size: 1.4rem;
  font-weight: bold;
}

#page .storeinfo__box-hover-cont {
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 1.6;
  color: #fff;
  padding: 10px;
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(0);
  transition: transform .3s;
}
#page .storeinfo__box a:hover .storeinfo__box-hover-cont {
  transform: scale(1);
}
#page .storeinfo__box a:hover .label,
#page .storeinfo__box a:hover .label2 {
  transform: translateY(-50%) scaleY(0);
}
#page .storeinfo__box img {
  transition: transform 0.4s ease;
}
#page .storeinfo__box a:hover img {
  transform: scale(1.1);
}
#page .storeinfo__box-hover-cont .box {
  font-size: 1.9rem;
  font-weight: bold;
  letter-spacing: 0;
  width: 100%;
  height: 100%;
  background: rgba(48, 51, 59, 0.8);
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
#page .storeinfo__box-hover-cont .box-detail {
  font-size: 105%;
  letter-spacing: 0.1em;
}


/* search__mainsearch
--------------------------------- */
#page .rental-search__section {
  position: relative;
}
#page .rental-search__border {
  width: 25px;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  transition: height 1.2s;
  transition-delay: 1s;
}
#page .rental-search__border.js-inview_view {
  height: 570px;
}
#page .rental-search__border > span {
  display: block;
  width: 100%;
}
#page .rental-search__border .border-red {
  background:rgba(136, 0, 0, 1);
  height: 64%;
}
#page .rental-search__border .border-blk {
  background: rgba(48, 51, 59, 1);
  height: 36%;
}

#page .rental-search__mainsearch {
  padding: 40px 0;
}
#page .rental-search__mainsearch-list {
  margin: 0 -15px;
  margin-top: 40px;
}
#page .rental-search__mainsearch-item {
  width: 25%;
  padding: 15px;
}

@media only screen and (min-width: 768px) {

  #page .rental-search__mainsearch-item:nth-child(1) {
    transition-delay: 0.4s;
  }
  #page .rental-search__mainsearch-item:nth-child(2) {
    transition-delay: 0.6s;
  }
  #page .rental-search__mainsearch-item:nth-child(3) {
    transition-delay: 0.8s;
  }
  #page .rental-search__mainsearch-item:nth-child(4) {
    transition-delay: 1s;
  }

}

#page .rental-search__mainsearch-item a {
  display: block;
  padding: 30px;
  background: #880000;
  transition: opacity .2s;
}
#page .rental-search__mainsearch-item a:hover {
  opacity: 0.7;
}
#page .rental-search__mainsearch-item .box {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
#page .rental-search__mainsearch-item .box-icon {
  width: 62px;
}
#page .rental-search__mainsearch-item .box-text {
  color: #fff;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.4;
}
#page .rental-search__mainsearch-item .search {
  font-size: 1.1rem;
  display: block;
  text-align: right;
  margin-top: 5px;
}
#page .rental-search__mainsearch-item .search::after {
  content: "";
  display: inline-block;
  width: 50px;
  height: 1px;
  background: #fff;
  margin-left: 5px;
  vertical-align: middle;
}


#page .rental-search__kodawari {
  padding: 40px 0;
}
#page .rental-search__kodawari-block {
  padding: 60px 0;
  margin-top: 25px;
  background: url("/wp-content/uploads/sites/463/2021/06/bg_kodawari.jpg") no-repeat center center / cover;
  position: relative;
}
#page .rental-search__kodawari-block::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(48, 51, 59, 0.6);
  position: absolute;
  left: 0;
  top: 0;
}
#page .rental-search__kodawari-list {
  margin: 0 -20px;
  position: relative;
}
#page .rental-search__kodawari-item {
  width: 33.33%;
  padding: 20px;
  font-size: 1.8rem;
  font-weight: bold;
}

@media only screen and (min-width: 768px) {

  #page .rental-search__kodawari-item:nth-child(1) {
    transition-delay: 0.4s;
  }
  #page .rental-search__kodawari-item:nth-child(2) {
    transition-delay: 0.6s;
  }
  #page .rental-search__kodawari-item:nth-child(3) {
    transition-delay: 0.8s;
  }
  #page .rental-search__kodawari-item:nth-child(4) {
    transition-delay: 1s;
  }
  #page .rental-search__kodawari-item:nth-child(5) {
    transition-delay: 1.2s;
  }
  #page .rental-search__kodawari-item:nth-child(6) {
    transition-delay: 1.4s;
  }

}

#page .rental-search__kodawari-item a {
  display: block;
  text-align: center;
  padding: 15px;
  background: rgba(255, 255, 255, 0.8);
  transition: background .2s;
}
#page .rental-search__kodawari-item a:hover {
  background: rgba(255, 255, 255, 1);
}

/* search__recommend
--------------------------------- */
#page .rental-search__recommend {
  padding: 30px 0 60px;
}
#page .rental-search__recommend-list {
  margin: 0;
  margin-top: 20px;
}
#page .rental-search__recommend-bkn {
  width: 25%;
  padding: 15px;
  margin-bottom: 40px;
}
#page .rental-search__recommend-bkn .bkn-img {
  position: relative;
}
#page .rental-search__recommend-bkn .bkn-mark {
  color: #fff;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1;
  padding: 7px;
  min-width: 150px;
  text-align: center;
  background:rgba(136, 0, 0, 1);
  position: absolute;
  left: 0;
  top: 0;
}
#page .rental-search__recommend-bkn .bkn-type {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.4;
  padding: 5px 20px;
  margin-top: 15px;
  border: 1px solid #000;
}
#page .rental-search__recommend-bkn .bkn-name {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
  margin-top: 15px;
}
#page .rental-search__recommend-bkn .bkn-detail p {
  font-size: 1.4rem;
  line-height: 1.4;
  margin-top: 10px;
}
#page .rental-search__recommend-bkn .bkn-text {
  font-size: 1.4rem;
  padding-top: 10px;
  margin-top: 15px;
  border-top: 1px solid #000;
}


/* contents-bnr
--------------------------------- */
#page .contents-bnr__col {
  width: 100%;
}
#page .contents-bnr__col2 {
  width: 50%;
}
#page .contents-bnr__col,
#page .contents-bnr__col2 {
  position: relative;
}
#page .contents-bnr__col a::before,
#page .contents-bnr__col2 a::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(48, 51, 59, 0.6);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  transition: transform .2s;
}
#page .contents-bnr__col a:hover::before {
  transform: scale(0.98, 0.9);
}
#page .contents-bnr__col2 a:hover::before {
  transform: scale(0.96, 0.9);
}
#page .contents-bnr__col-img,
#page .contents-bnr__col2-img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 0;
  transform: translate(-50%, -50%);
  overflow: hidden;
}
#page .contents-bnr__col-img img,
#page .contents-bnr__col2-img img {
  transition: transform 0.6s;
}
#page .contents-bnr__col a:hover img,
#page .contents-bnr__col2 a:hover img {
  transform: scale(1.1);
}

#page .contents-bnr__col-inner,
#page .contents-bnr__col2-inner {
  width: 100%;
  height: 24vw;
  max-height: 450px;
  position: relative;
  z-index: 2;
}
#page .contents-bnr__col-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 1400px;
  margin: auto;
}
#page .contents-bnr__col-info {
  color: #fff;
  line-height: 1.4;
  flex: 1;
  max-width: 626px;
  border-bottom: 2px solid #fff;
  padding-bottom: 20px;
}
#page .contents-bnr__col-info::after {
  content: "";
  display: block;
  width: 50%;
}
#page .contents-bnr__col-ja {
  font-size: 3.5rem;
  letter-spacing: 0.1em;
}
#page .contents-bnr__col-en {
  font-size: 1.8rem;
  margin-top: 0.2em;
}
#page .contents-bnr__col-text {
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 20px;
}
#page .contents-bnr__col-btn {
  width: 240px;
  height: 56px;
  border: 1px solid #fff;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  color: #fff;
  position: relative;
}
#page .contents-bnr__col-btn::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  border-style: none solid solid none;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  transition: border .3s;
}
#page a:hover .contents-bnr__col-btn {
  background: #fff;
  color: #30333b;
}
#page a:hover .contents-bnr__col-btn::after {
  border-color: #30333b;
}


@media only screen and (max-width: 767px) {

  /* header
  --------------------------------- */
  #page .header__under {
    top: 60px;
  }

  /* mv
  --------------------------------- */
  #page .mv__section {
    background: url("https://yutoku-life.com/app/uploads/sites/463/2025/03/bg_mv_sp.jpg") no-repeat center center / cover;
  }

  #page .mv__bnr-campaign {
    width: 120px;
    right: 20px;
    bottom: 100px;
  }


  #page .mv__catch-text {
    max-width: 400px;
    width: 86%;
    margin: 0 auto 0 0;
  }

  #page .mv__topics {
    width: 100%;
  }
  #page .mv__topics-block {
    height: 70px;
  }
  #page .mv__topics-title {
    width: 80px;
    font-size: 1.1rem;
  }
  #page .mv__topics-info {
    font-size: 1.1rem;
    line-height: 1.6;
  }
  #page .mv__topics-info-box {
    padding: 15px;
  }


  #page .mv__topics .es-list-wrapper {
    font-size: 1.1rem;
    line-height: 1.6;
  }
  #page .mv__topics .es-list-item .es-list-content {
    padding: 15px;
  }


  /* section-title
  --------------------------------- */
  #page .section-title-ja {
    font-size: 2.2rem;
  }
  #page .section-title-en {
    font-size: 1.2rem;
  }
  #page .section-title-en.line::after {
    width: 35px;
    margin-left: 10px;
  }


  /* brand-movie
  --------------------------------- */
  #page .brand-movie__section {
    padding: 60px 0 80px;
  }
  #page .brand-movie__section::before {
    transition: width 0.6s ease-out;
    transition-delay: 1s;
  }
  #page .brand-movie__inner {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #page .brand-movie__movie-video {
    width: 100%;
    flex: auto;
    position: relative;
    z-index: 1;
  }
  #page .brand-movie__movie-text {
    font-size: 0.9rem;
  }
  #page .brand-movie__movie-shamaison {
    width: 120px;
  }
  #page .brand-movie__info {
    width: 100%;
    padding: 40px 10% 0 5%;
  }
  #page .brand-movie__info-title-wrap {
    width: 100%;
  }
  #page .brand-movie__info-title {
    font-size: 3rem;
  }
  #page .brand-movie__info-title .sm {
    font-size: 2rem;
  }
  #page .brand-movie__info-title-sub {
    font-size: 1.5rem;
    margin: 20px 0 20px;
  }
  #page .brand-movie__border {
    right: 8%;
    top: 42%;
    z-index: 0;
    transition: height .6s;
    transition-delay: 1.2s;
  }
  #page .brand-movie__border.js-inview_view {
    height: 58%;
  }


  /* rental-search__section
  --------------------------------- */
  #page .rental-search__section {
    padding: 60px 0 40px;
  }
  #page .rental-search__section-list {
    gap: 10px;
    margin-top: 30px;
  }
  #page .rental-search__section-list .box {
    width: calc(50% - 5px);
  }
  #page .rental-search__section-list .box a {
    padding: 30px 10px;
    border-radius: 10px;
  }
  #page .rental-search__section-list .box-icon {
    height: 50px;
  }
  #page .rental-search__section-list .box-ttl {
    font-size: 1.4rem;
    margin-top: 10px;
    min-height: calc(2em * 1.5);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #page .rental-search__section-list .box-label {
    font-size: 0.9rem;
    width: 80px;
    margin-top: 5px;
  }

  /* recommend__section
  --------------------------------- */
  #page .recommend__section {
    padding: 40px 0;
  }
  #page .recommend__section-list {
    margin-top: 30px;
  }

  /* storeinfo
  --------------------------------- */
  #page .storeinfo__section {
    padding: 40px 0 60px;
  }
  #page .storeinfo__title-border {
    width: 10px;
  }
  #page .storeinfo__list {
    margin: 30px -1.5% 0;
  }
  #page .storeinfo__box {
    width: 50%;
    padding: 1.5%;
    margin-top: 0%;
  }
  #page .storeinfo__box .label {
    font-size: 1.4rem;
  }
  #page .storeinfo__box .label2-name-en,
  #page .storeinfo__box .label2-name {
    font-size: 0.9rem;
    text-align: center;
    line-height: 1.4;
  }
  #page .storeinfo__box .label-logo {
    width: 50%;
    max-width: 80px;
    margin: auto;
  }
  #page .storeinfo__box .label-name {
    width: 100%;
  }
  #page .storeinfo__box .label-name2 {
    font-size: 1.1rem;
  }

  #page .storeinfo__box-hover-cont .box {
    font-size: 0.9rem;
  }
  #page .storeinfo__box .label,
  #page .storeinfo__box .label2 {
    width: 90%;
    min-height: 76px;
    flex-wrap: wrap;
    justify-content: center;
    left: 5%;
    background: rgba(48, 51, 59, 0.8);
    padding: 10px 5px;
  }

  /* rental-search
  --------------------------------- */
  #page .rental-search__border {
    width: 10px;
    transition: height 1.2s;
  }
  #page .rental-search__border .border-red {
    height: 77%;
  }
  #page .rental-search__border .border-blk {
    height: 23%;
  }
  #page .rental-search__border.js-inview_view {
    height: 710px;
  }
  #page .rental-search__mainsearch {
    padding: 20px 0;
  }
  #page .rental-search__mainsearch-list {
    margin-top: 15px;
  }
  #page .rental-search__mainsearch-item {
    width: 100%;
    padding: 5px 15px;
  }
  #page .rental-search__mainsearch-item a {
    padding: 20px;
  }


  #page .rental-search__kodawari-block {
    padding: 30px 0;
  }
  #page .rental-search__kodawari-item {
    width: 100%;
    padding: 5px 5%;
    font-size: 1.5rem;
  }


  #page .rental-search__recommend {
    padding: 0 0 20px;
  }
  #page .rental-search__recommend-inner {
    padding: 0 10px;
  }
  #page .rental-search__recommend-list {
    margin: 0;
    margin-top: 20px;
  }
  #page .rental-search__recommend-bkn {
    width: 50%;
    padding: 7px;
    margin-bottom: 25px;
  }
  #page .rental-search__recommend-bkn .bkn-mark {
    font-size: 0.9rem;
    padding: 5px 7px;
    min-width: auto;
  }
  #page .rental-search__recommend-bkn .bkn-type {
    font-size: 0.9rem;
    padding: 3px 7px;
    margin-top: 10px;
  }
  #page .rental-search__recommend-bkn .bkn-name {
    font-size: 1.4rem;
    margin-top: 10px;
  }
  #page .rental-search__recommend-bkn .bkn-detail p {
    font-size: 1.1rem;
    margin-top: 7px;
  }
  #page .rental-search__recommend-bkn .bkn-text {
    font-size: 1rem;
    padding-top: 10px;
    margin-top: 12px;
  }


  #page .contents-bnr__col {
    width: 100%;
  }
  #page .contents-bnr__col2 {
    width: 100%;
  }
  #page .contents-bnr__col-inner,
  #page .contents-bnr__col2-inner {
    flex-wrap: wrap;
  }
  #page .contents-bnr__col-inner {
    padding-top: 40px;
    padding-bottom: 40px;
    height: initial;
  }
  #page .contents-bnr__col2-inner {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #page .contents-bnr__col-info {
    width: 100%;
    flex: auto;
    border-bottom: none;
    padding: 0;
    text-align: center;
  }
  #page .contents-bnr__col-ja {
    font-size: 2.2rem;
  }
  #page .contents-bnr__col-en {
    font-size: 1.2rem;
  }
  #page .contents-bnr__col-btn {
    font-size: 1.4rem;
    width: 200px;
    height: 40px;
    margin: 15px auto 0;
  }
  #page .contents-bnr__col-btn::after {
    width: 8px;
    height: 8px;
  }

}