@charset "UTF-8";
/* -----------------------------------------------------------
	スタイルガイド用記述
----------------------------------------------------------- */
/*
_mixins.scss

Styleguide 1.3.0
*/
.view_sp {
  display: none !important;
}
@media (max-width: 767px) {
  .view_sp {
    display: block !important;
  }
}

.view_tab {
  display: none !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .view_tab {
    display: block !important;
  }
}

.view_pc {
  display: none !important;
}
@media (min-width: 1025px) {
  .view_pc {
    display: block !important;
  }
}

.view_tab-down {
  display: none !important;
}

/* ===================================================================
CSS information

 file name  : nma.css
 author     : Ability Consultant
 style info : 名古屋マリオットアソシアホテル反映
=================================================================== */
@media (max-width: 767px) {
  #restaurant_storetop .nma-p-restaurant_storetop__box-concept {
    display: flex;
    flex-direction: column-reverse;
  }
  #restaurant_storetop .nma-p-restaurant_storetop__box-concept .t {
    margin-bottom: 10px;
  }
}
#restaurant_storetop.nma-p-restaurant_storetop .f-base__content-warp .f-base__content .nma-c-wrp-title-lower-big .nma-c-title-cnt-slide .wrp-title-slide .slide-box-yt .nma-slide__yt {
  overflow: hidden;
}
#restaurant_storetop.nma-p-restaurant_storetop .f-base__content-warp .f-base__content .nma-c-wrp-title-lower-big .nma-c-title-cnt-slide .wrp-title-slide .slide-box-yt .nma-slide__yt iframe {
  height: 120%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #restaurant_storetop.nma-p-restaurant_storetop .f-base__content-warp .f-base__content .nma-c-wrp-title-lower-big .nma-c-title-cnt-slide .wrp-title-slide .slide-box-yt .nma-slide__yt iframe {
    width: 140%;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  #restaurant_storetop.nma-p-restaurant_storetop .f-base__content-warp .f-base__content .nma-c-wrp-title-lower-big .nma-c-title-cnt-slide .wrp-title-slide .slide-box-yt .nma-slide__yt iframe {
    width: 180%;
    height: 100%;
  }
}
#restaurant_storetop.nma-p-restaurant_storetop .f-base__content-warp .f-base__content .nma-c-wrp-title-lower-big .nma-c-title-cnt-slide .nma-c-title-wrp-logo .nma-p-restaurant_storetop_btn-yt-popup {
  display: none;
}
@media screen and (max-width: 1280px) {
  #restaurant_storetop.nma-p-restaurant_storetop .f-base__content-warp .f-base__content .nma-c-wrp-title-lower-big .nma-c-title-cnt-slide .js-yt-mute {
    display: block;
    position: absolute;
    z-index: 10;
  }
  #restaurant_storetop.nma-p-restaurant_storetop .f-base__content-warp .f-base__content .nma-c-wrp-title-lower-big .nma-c-title-cnt-slide .js-yt-mute .vol-on,
  #restaurant_storetop.nma-p-restaurant_storetop .f-base__content-warp .f-base__content .nma-c-wrp-title-lower-big .nma-c-title-cnt-slide .js-yt-mute .vol-off {
    fill: #fff;
  }
  #restaurant_storetop.nma-p-restaurant_storetop .f-base__content-warp .f-base__content .nma-c-wrp-title-lower-big .nma-c-title-cnt-slide .js-yt-mute .vol-on svg,
  #restaurant_storetop.nma-p-restaurant_storetop .f-base__content-warp .f-base__content .nma-c-wrp-title-lower-big .nma-c-title-cnt-slide .js-yt-mute .vol-off svg {
    width: 20px;
    height: 20px;
  }
  #restaurant_storetop.nma-p-restaurant_storetop .f-base__content-warp .f-base__content .nma-c-wrp-title-lower-big .nma-c-title-cnt-slide .js-yt-mute .vol-on {
    display: block;
  }
  #restaurant_storetop.nma-p-restaurant_storetop .f-base__content-warp .f-base__content .nma-c-wrp-title-lower-big .nma-c-title-cnt-slide .js-yt-mute .vol-off {
    display: none;
  }
  #restaurant_storetop.nma-p-restaurant_storetop .f-base__content-warp .f-base__content .nma-c-wrp-title-lower-big .nma-c-title-cnt-slide .js-yt-mute.is-mute .vol-on {
    display: none;
  }
  #restaurant_storetop.nma-p-restaurant_storetop .f-base__content-warp .f-base__content .nma-c-wrp-title-lower-big .nma-c-title-cnt-slide .js-yt-mute.is-mute .vol-off {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #restaurant_storetop.nma-p-restaurant_storetop .f-base__content-warp .f-base__content .nma-c-wrp-title-lower-big .nma-c-title-cnt-slide .js-yt-mute {
    top: 80px;
    right: 30px;
  }
}
@media screen and (max-width: 767px) {
  #restaurant_storetop.nma-p-restaurant_storetop .f-base__content-warp .f-base__content .nma-c-wrp-title-lower-big .nma-c-title-cnt-slide .js-yt-mute {
    bottom: 15%;
    right: 5%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #restaurant_storetop.nma-p-restaurant_storetop .slick-dots {
    bottom: 24%;
  }
}
@media screen and (max-width: 767px) {
  #restaurant_storetop.nma-p-restaurant_storetop .slick-dots {
    bottom: 24%;
  }
}