/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-7.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-7.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-7.use[3]!./sass/style.sass ***!
  \****************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* layout */
/*---------------------------------------*/
/* color */
/*---------------------------------------*/
/* font
 * @src https://fonts.google.com/ */
/*---------------------------------------*/
/* Components */
/*---------------------------------------*/
/* common  */
/*---------------------------------------*/
/*---------------------------------------*/
/* font */
/*---------------------------------------*/
body {
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  /* mq */
  /*---------------------------------------*/
  font-size: 14px;
  line-height: 1.6;
  font-family: "Arial", sans-serif;
}
body .primary {
  color: #231815;
}

.section-header {
  background: #231815;
  color: #fff;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
  font-family: "Libre Caslon Display", serif;
}
.section-header span {
  margin-left: 20px;
  font-size: 70%;
}

.nav-link {
  color: #231815;
  border-top: 2px solid #231815;
  border-bottom: 2px solid #231815;
  display: block;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  transition: 0.3s;
  overflow: hidden;
  font-family: "Libre Caslon Display", serif;
}
.nav-link:before {
  content: "";
  position: absolute;
  top: -50%;
  left: 0;
  width: 100%;
  height: 50%;
  background: #231815;
  z-index: 0;
  transition: all 0.4s ease-out;
}
.nav-link:after {
  content: "";
  position: absolute;
  bottom: -50%;
  left: 0;
  width: 100%;
  height: 50%;
  background: #231815;
  z-index: 0;
  transition: all 0.4s ease-out;
}
.nav-link span {
  display: inline-block;
  position: relative;
  width: 100%;
  text-align: center;
  color: #231815;
  z-index: 2;
  transition: all 0.4s ease-out;
}
.nav-link.f-nav:before {
  background: #fff;
}
.nav-link.f-nav:after {
  background: #fff;
}
.nav-link.f-nav span {
  color: #fff;
}
.nav-link.f-nav:hover span {
  color: #231815;
}
.nav-link:hover span {
  color: #fff;
}
.nav-link:hover:before {
  top: 0;
}
.nav-link:hover:after {
  bottom: 0;
}
.nav-link:hover {
  text-decoration: underline;
}

.child-menu {
  background: #000;
}
.child-menu .uk-nav {
  color: #231815;
}

.page-404 h2 {
  font-family: "Arial", sans-serif;
}
.page-404 p {
  color: #231815;
}

/* util  */
/*---------------------------------------*/
.header .lang-btn {
  top: 20px;
  right: 20px;
  z-index: 1;
}
.header .lang-btn .uk-flex {
  gap: 10px;
}
.header .lang-btn__wrap {
  display: flex;
  align-items: center;
  line-height: 1.6;
}
.header .lang-btn__wrap a {
  font-size: 1.2rem;
  color: #fff;
  transition: all 0.2s;
  background: #231815;
  border-radius: 30px;
  padding: 0 16px;
  font-family: "Libre Caslon Display", serif;
}
.header .lang-btn__wrap a:hover {
  text-decoration: none;
  color: #231815;
  background: #fff;
}
.header nav {
  bottom: 0;
  position: absolute;
  background: #231815;
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 20px;
  box-sizing: border-box;
  z-index: 1000;
}
.header nav.fixed {
  position: fixed;
  top: 0;
  z-index: 1000;
  bottom: auto;
}
.header nav ul li a {
  color: #fff;
}
.sub-header nav {
  position: fixed;
  background: #231815;
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 20px;
  box-sizing: border-box;
  z-index: 1000;
}
.sub-header nav a {
  color: #fff;
  text-transform: capitalize;
}

.global-header {
  background-color: #eceff1;
}
.global-header .uk-navbar-container {
  padding-left: 15px;
}
.global-header .uk-navbar-container .uk-navbar-right {
  gap: 0;
}
.global-header .uk-navbar-container .uk-navbar-nav {
  gap: 15px;
}
.global-header .uk-navbar-container .uk-navbar-nav li a {
  color: #000;
  font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
  font-weight: bold;
  text-transform: initial;
  position: relative;
  transition: 0.3s ease;
}
.global-header .uk-navbar-container .uk-navbar-nav li a:after {
  content: "";
  display: block;
  width: 100%;
  height: 7.5px;
  background-color: #8A771C;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transform: scaleX(0);
  transform-origin: center;
  transition: 0.3s ease;
}
.global-header .uk-navbar-container .uk-navbar-nav li a:hover {
  color: #8A771C !important;
}
.global-header .uk-navbar-container .uk-navbar-nav li a:hover:after {
  transform: scaleX(1);
  opacity: 1;
}
.global-header .corpo-logo {
  padding: 8px 0;
}
.global-header .corpo-logo h1 {
  display: flex;
}
.global-header .corpo-logo img {
  width: 100%;
  max-width: 150px;
}
.global-header .burger {
  background-color: #9B9C9C;
  position: relative;
  display: block;
  width: 70px;
  height: 100%;
}
.global-header .burger.active span:nth-of-type(1) {
  transform: translate(-50%, -50%) rotate(45deg);
}
.global-header .burger.active span:nth-of-type(2) {
  opacity: 0;
  transform: translate(100%, -50%);
}
.global-header .burger.active span:nth-of-type(3) {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.global-header .burger span {
  background: #231815;
  border: none;
  height: 2px;
  width: calc(100% - 30px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
  cursor: pointer;
}
.global-header .burger span:nth-of-type(1) {
  transform: translate(-50%, calc(-50% - 11px));
}
.global-header .burger span:nth-of-type(3) {
  transform: translate(-50%, calc(-50% + 11px));
}

.footer {
  background: #231815;
  padding-bottom: 120px;
}
.footer .head {
  max-width: 300px;
}
.footer .contact {
  width: 100%;
}
.footer .contact .nav-link {
  color: #fff;
  font-size: 1.5rem;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  font-family: "Libre Caslon Display", serif;
}
.footer .contact .nav-link:hover {
  text-decoration: underline;
}

.global-footer .sitemap {
  background-color: #E4E4E4;
  /* Logo  */
  /*---------------------------------------*/
  /* h  */
  /*---------------------------------------*/
  /* ul  */
  /*---------------------------------------*/
  /* li  */
  /*---------------------------------------*/
  /* a  */
  /*---------------------------------------*/
}
.global-footer .sitemap p {
  color: #000;
}
.global-footer .sitemap #fetchFooter a {
  font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
}
.global-footer .sitemap .uk-first-column {
  width: 23%;
  padding-left: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.global-footer .sitemap .uk-first-column a {
  font-size: 14px;
}
.global-footer .sitemap .hotel-item-ホテルプラザアネックス横手 {
  width: 21%;
  padding-left: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.global-footer .sitemap .hotel-item-ホテルプラザアネックス横手 a {
  font-size: 14px;
}
.global-footer .sitemap .hotel-item-ゆうゆうプラザ\&ホテルプラザ迎賓 {
  width: 25%;
  padding-left: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.global-footer .sitemap .hotel-item-ゆうゆうプラザ\&ホテルプラザ迎賓 a {
  font-size: 14px;
}
.global-footer .sitemap .hotel-item-横手プラザホテル {
  width: 15%;
  padding-left: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.global-footer .sitemap .hotel-item-横手プラザホテル a {
  font-size: 14px;
}
.global-footer .sitemap .hotel-item-ホテルレディースプラザ横手 {
  width: 15%;
  padding-left: 0;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}
.global-footer .sitemap .hotel-item-ホテルレディースプラザ横手 a {
  font-size: 14px;
}
.global-footer .sitemap .uk-grid {
  justify-content: space-between;
  flex-wrap: wrap;
}
.global-footer .sitemap__address p:last-of-type:after {
  content: "";
  display: none;
}
.global-footer .sitemap__logo {
  width: 240px;
  max-width: 80%;
}
.global-footer .sitemap__title {
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
}
.global-footer .sitemap__title:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-color: #000;
  margin-right: 7.5px;
}
.global-footer .sitemap__title a {
  color: #666;
}
.global-footer .sitemap__list {
  margin-top: 7.5px;
}
.global-footer .sitemap__link {
  color: #666;
  display: inline-block;
  position: relative;
}
.global-footer .sitemap__link span {
  position: relative;
  z-index: 100;
}
.global-footer .sitemap__link:after {
  content: "";
  display: block;
  width: 100%;
  height: 7.5px;
  background-color: rgba(35, 24, 21, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(0, -4px) scaleX(0.5);
  transform-origin: left;
  opacity: 0;
  transition: 0.3s ease;
}
.global-footer .sitemap__link:hover {
  color: #231815;
  text-decoration: none;
}
.global-footer .sitemap__link:hover:after {
  opacity: 1;
  transform: translate(0, -4px) scaleX(1);
}
.global-footer .sitemap .copylight p {
  line-height: 1.6;
}
.global-footer .browser_width {
  background-color: #534741;
  padding-top: 10px;
  padding-bottom: 26px;
}
.global-footer .browser_width .uk-flex .flex-item p {
  font-size: 16px;
  font-family: ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, ＭＳ Ｐ明朝, MS PMincho, serif;
  margin: 0;
}
.global-footer .browser_width .uk-flex .flex-item:last-child p {
  font-size: 12px;
  font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
}

.offcanvas:before {
  background: rgba(0, 0, 0, 0.6);
}
.offcanvas.uk-open .offcanvas-navigation ul .gnav {
  opacity: 0;
  transform: translateY(100%);
  animation: slideInUp 0.5s ease forwards;
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.offcanvas.uk-open .offcanvas-navigation ul .gnav:nth-child(1) {
  animation-delay: 0.1s;
}
.offcanvas.uk-open .offcanvas-navigation ul .gnav:nth-child(2) {
  animation-delay: 0.2s;
}
.offcanvas.uk-open .offcanvas-navigation ul .gnav:nth-child(3) {
  animation-delay: 0.3s;
}
.offcanvas.uk-open .offcanvas-navigation ul .gnav:nth-child(4) {
  animation-delay: 0.4s;
}
.offcanvas.uk-open .offcanvas-navigation ul .gnav:nth-child(5) {
  animation-delay: 0.5s;
}
.offcanvas.uk-open .offcanvas-navigation ul .gnav:nth-child(6) {
  animation-delay: 0.6s;
}
.offcanvas.uk-open .offcanvas-navigation ul .gnav:nth-child(7) {
  animation-delay: 0.7s;
}
.offcanvas.uk-open .offcanvas-navigation ul .gnav:nth-child(8) {
  animation-delay: 0.8s;
}
.offcanvas .uk-offcanvas-bar {
  background: #231815;
  padding: 50px 25px;
}
.offcanvas .uk-offcanvas-bar .offcanvas-navigation ul {
  line-height: 2;
}

.mapimage:before {
  background: rgba(0, 0, 0, 0.6);
}
.mapimage.uk-open .mapimage__bar {
  right: 0 !important;
}
.mapimage__bar {
  background: #fff;
}
.mapimage__close svg line {
  stroke: #231815 !important;
}

.plaza-offcanvas.uk-offcanvas:before {
  background: rgba(0, 0, 0, 0.7);
  top: 60px;
}
.plaza-offcanvas .uk-offcanvas-bar {
  background-color: #000;
  top: 60px;
}
.plaza-offcanvas .uk-offcanvas-bar .group {
  background: #fff;
  margin-top: 20px;
}
.plaza-offcanvas .uk-offcanvas-bar .group a {
  padding: 10px;
}
.plaza-offcanvas .uk-offcanvas-bar .uk-nav li {
  transition: 0.3s ease;
  left: 20%;
  position: relative;
  opacity: 0;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.plaza-offcanvas .uk-offcanvas-bar .uk-nav li.go {
  left: 0;
  opacity: 1;
}
.plaza-offcanvas .uk-offcanvas-bar .uk-nav li a {
  position: relative;
  transition: 0.3s ease;
}
.plaza-offcanvas .uk-offcanvas-bar .uk-nav li a:after {
  content: "";
  display: block;
  width: 100%;
  height: 7.5px;
  background-color: #8A771C;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transform: scaleX(0);
  transform-origin: center;
  transition: 0.3s ease;
}

.mv .uk-slideshow-items {
  height: 100svh;
}
.mv__logo {
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mv .uk-slideshow-nav {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, -120px);
}
.mv .uk-dotnav > .uk-active > * {
  background: #fff;
}
.mv .uk-dotnav > * > * {
  background: #231815;
  border-color: #fff;
}

.spa-component .text {
  margin-bottom: 40px;
  color: #231815;
}
.spa-component__grid {
  margin-left: -5px;
}
.spa-component__col {
  padding-left: 5px;
}
.spa-component__col.uk-grid-margin {
  margin-top: 5px;
}

.experience-component .text {
  color: #231815;
  overflow-wrap: break-word;
}
.experience-component .nav-link {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}
.experience-component .uk-card {
  transition: 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}
.experience-component .uk-card:hover {
  text-decoration: none;
  opacity: 0.8;
}
.experience-component .uk-card:hover .uk-card-media-top img {
  transform: translate(-50%, -50%) scale(1.1);
}
.experience-component .uk-card-body {
  line-height: 1.6;
}
.experience-component .uk-card-media-top {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
}
.experience-component .uk-card-media-top img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
  max-width: none;
  transition: 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}
.experience-component .no-posts {
  color: #231815;
}

.hotel-component__head p {
  color: #231815;
}
.hotel-component__contents .images {
  position: relative;
  overflow: hidden;
}
.hotel-component__contents .images img {
  transition: 0.3s ease;
  scale: 1.06;
}
.hotel-component__contents .images:before {
  content: "";
  position: absolute;
  display: block;
  background: #231815;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: 0.8s cubic-bezier(0.64, 0, 0.78, 0);
}
.hotel-component__contents.inview .images img {
  scale: 1;
}
.hotel-component__contents.inview .images:before {
  left: 100%;
}
.hotel-component__contents .info p {
  color: #231815;
  line-height: 1.4;
}
.hotel-component__contents .info .rooms {
  margin-top: 20px;
}
.hotel-component__contents .info .rooms .room span {
  color: #231815;
  font-weight: 700;
  text-shadow: 1px 1px 2px white;
  padding: 10px;
}
.hotel-component__contents .nav-link {
  margin-top: 40px;
}

.dinner-component {
  height: 300px;
}
.dinner-inner__component h3 {
  background: #888889;
  color: #fff;
  padding: 10px;
  font-family: "Libre Caslon Display", serif;
}
.dinner-inner__head p {
  font-size: 1rem;
  line-height: 1.8;
}
.dinner-inner__restaurants .restaurant {
  text-align: center;
  display: grid;
  grid-template-columns: 33% 33% 1fr;
  align-items: center;
}
.dinner-inner__restaurants .restaurant.karan {
  background-color: #302538;
}
.dinner-inner__restaurants .restaurant.yuagari {
  background-color: #2F4053;
}
.dinner-inner__restaurants .restaurant.cosmos {
  background-color: #6E6B27;
}
.dinner-inner__restaurants .restaurant.karin {
  background-color: #384931;
}
.dinner-inner__restaurants .restaurant.tori {
  background-color: #352B1C;
}
.dinner-inner__restaurants .restaurant .text {
  padding: 0 4px;
  line-height: 1.4;
}
.dinner-inner__restaurants .restaurant .text h4 {
  color: #fff;
  padding: 8px 0;
  border-bottom: 2px solid #fff;
  margin-bottom: 8px;
  font-size: 100%;
  font-feature-settings: "palt";
  font-family: "Arial", sans-serif;
}
.dinner-inner__restaurants .restaurant .text p {
  margin-top: 0;
}
.breakfast-component {
  height: 300px;
}

.breakfast-inner-component .uk-card-body {
  padding: 4px;
}

.access-component {
  overflow: hidden;
}
.access-component .map {
  top: 0;
  right: 0;
  width: 55%;
  max-width: 800px;
}
.access-component .map img {
  width: 100%;
}
.access-component .map-icon {
  background: #231815;
  right: 0;
  top: 15%;
  padding: 8px;
  box-sizing: border-box;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.access-component .map-icon a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.access-component__info {
  background: rgba(255, 255, 255, 0.86);
  padding: 20px;
}
.access-component__info__contents h3 {
  margin-bottom: 12px;
}
.access-component__info__contents ul {
  margin-top: 0;
  line-height: 1.6;
  font-size: 1rem;
  margin-bottom: 20px;
}

.shadow-text {
  text-shadow: 1px 2px 2px #231815;
}

.pt {
  padding-top: 50px;
}
.spainfo-component .inner {
  width: 100%;
}

.grid-component {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 55% 45%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  height: 300px;
}
.grid-component .block1 {
  grid-area: 1/1/2/4;
}
.grid-component .block2 {
  grid-area: 1/4/2/7;
}
.grid-component .block3 {
  grid-area: 2/1/3/3;
}
.grid-component .block4 {
  grid-area: 2/3/3/5;
}
.grid-component .block5 {
  grid-area: 2/5/3/7;
}
.ganbanyoku-component .inner {
  width: 100%;
}

.room-component {
  padding: 40px 0;
}

.inner-text {
  position: static;
  width: 100%;
  top: auto;
  box-sizing: border-box;
}

.archive-contents-component__list li {
  color: #231815;
}
.archive-contents-component__list li a {
  transition: 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}
.archive-contents-component__list li a .uk-flex {
  gap: 20px;
}
.archive-contents-component__list li a h2 {
  font-family: "Arial", sans-serif;
}
.archive-contents-component__list li a .img-wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
}
.archive-contents-component__list li a img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}
.archive-contents-component__list li a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.archive-contents-component__list li a:hover .img-wrapper img {
  transform: translate(-50%, -50%) scale(1.1);
}
.archive-contents-component__list li .uk-accordion-content .contents {
  word-break: break-all;
}

.form {
  /* required  */
  /*---------------------------------------*/
}
.form .is-required {
  display: flex;
  align-items: center;
}
.form .is-required:after {
  content: "[required]";
  color: red;
  font-size: 11px;
  display: inline-block;
  margin-left: 3px;
}
.form .form-btn {
  background: #231815;
}
.form .wpcf7-response-output {
  color: #231815;
}

.mv-container {
  height: 70vh;
}
.mv-container .uk-slideshow {
  height: 100%;
}
.mv-container .uk-slideshow .uk-slideshow-items {
  height: 100%;
}

.main-contents {
  background-color: #000;
}
.main-contents .underline-custom-east {
  border: 1px solid #796BA1;
  background: #796BA1;
  color: #fff;
  display: inline-block;
  margin-bottom: 10px;
}
.main-contents .underline-custom-west {
  border: 1px solid #B0597C;
  background: #B0597C;
  color: #fff;
  display: inline-block;
  margin-bottom: 10px;
}
.main-contents .news-wrap h2.wrap-title {
  color: #fff;
  text-align: center;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  border-bottom: solid 1px #fff;
  padding-bottom: 20px;
}
.main-contents .news-wrap .news-list ul {
  padding: 0;
}
.main-contents .news-wrap .news-list ul li:not(:last-child) {
  padding-bottom: 16px;
}
.main-contents .news-wrap .news-list ul li::marker {
  content: none;
}
.main-contents .news-wrap .news-list ul li a {
  display: flex;
}
.main-contents .news-wrap .news-list ul li a p {
  margin: 0;
  padding: 0;
  color: #fff;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}
.main-contents .news-wrap .news-list ul li a p.title {
  margin-left: 20px;
}
.main-contents .catch {
  margin-bottom: 50px;
}
.main-contents .catch h2, .main-contents .catch p {
  color: #fff;
  text-align: center;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}
.main-contents .catch h2 {
  border-bottom: solid 1px #fff;
  padding-bottom: 20px;
}
.main-contents .catch p {
  margin: 0;
  letter-spacing: 0;
}
.main-contents .banner {
  margin-bottom: 30px;
}
.main-contents .banner a {
  transition: 0.2s ease;
}
.main-contents .banner a:hover {
  opacity: 0.8;
}
.main-contents .group-list__contents {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 15px;
  display: block;
  color: #000;
  transition: 0.2s ease;
}
.main-contents .group-list__contents:nth-of-type(n+2) {
  margin-top: 30px;
}
.main-contents .group-list__contents:hover {
  text-decoration: none;
}
.main-contents .group-list__contents:hover .col__inner .images img {
  scale: 1.1;
}
.main-contents .group-list__contents .uk-grid .col__inner .images {
  overflow: hidden;
}
.main-contents .group-list__contents .uk-grid .col__inner .images img {
  transition: 0.2s ease;
}
.main-contents .group-list__contents .uk-grid .col__inner .title {
  align-items: center;
  margin-left: -20px;
  position: relative;
}
.main-contents .group-list__contents .uk-grid .col__inner .title div {
  padding-left: 20px;
  box-sizing: border-box;
}
.main-contents .group-list__contents .uk-grid .col__inner .title div:nth-of-type(1) {
  width: 65%;
}
.main-contents .group-list__contents .uk-grid .col__inner .title .icon.test {
  margin: 15px 0;
}
.main-contents .group-list__contents .uk-grid .col__inner .title .icon.test img {
  width: 250px;
}
.main-contents .group-list__contents .uk-grid .col__inner .title .icon .annex-icon {
  width: 350px;
}
.main-contents .group-list__contents .uk-grid .col__inner .title .icon .geihin-icon {
  width: 270px;
}
.main-contents .group-list__contents .uk-grid .col__inner .title .icon .plaza-icon {
  width: 130px;
}
.main-contents .group-list__contents .uk-grid .col__inner .title .icon .east-icon {
  width: 250px;
}
.main-contents .group-list__contents .uk-grid .col__inner .title .icon .ladies-icon {
  width: 190px;
}
.main-contents .group-list__contents .uk-grid .col__inner .title .icon .yuyu-icon {
  width: 60px;
}
.main-contents .group-list__contents .uk-grid .col__inner .title .icon img {
  width: 150px;
}
.main-contents .group-list__contents .uk-grid .col__inner .body {
  margin-top: 8px;
}
.main-contents .group-list__contents .uk-grid .col__inner .body p {
  margin: 0;
  font-feature-settings: "palt";
  line-height: 1.5;
}
.main-contents .group-list__contents .uk-grid .col__inner .foot {
  margin-top: 20px;
}
.main-contents .group-list__contents .uk-grid .col__inner .foot a {
  color: #000;
  text-decoration: underline;
}
.main-contents .group-list__contents .uk-grid .col__inner .foot span a {
  display: inline-block;
}
.main-contents .group-list__contents .uk-grid .col__inner .foot span a img {
  width: 100%;
}

.residence-banner {
  transition: 0.2s ease;
}
.residence-banner:hover {
  opacity: 0.8;
}

.sdgs-top-container {
  height: unset;
}
.sdgs-top-container h1, .sdgs-top-container h2, .sdgs-top-container h3, .sdgs-top-container h4, .sdgs-top-container p {
  color: #000;
  font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
}
.sdgs-top-container .foot {
  margin-top: 40px;
}
.sdgs-top-container .foot h2 {
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
  font-family: MyFont;
  font-size: 24.5px;
}

.contents h1, .contents h2, .contents h3, .contents h4, .contents p {
  color: #000;
  font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
}
.contents .contents-header {
  position: relative;
  padding-left: 30px;
  font-size: 21px;
  font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
}
.contents .contents-header:before {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  background: #948E54;
  width: 14px;
  height: 40px;
}
.contents.about .body {
  padding-left: 30px;
}
.contents .our-sdgs-contents:nth-of-type(n+2) {
  margin-top: 80px;
}
.contents .our-sdgs-contents h3 {
  position: relative;
  padding-left: 30px;
  font-size: 19.6px;
}
.contents .our-sdgs-contents h3 .num {
  position: absolute;
  top: 0;
  left: 0;
}
.contents .our-sdgs-contents__inner {
  margin-right: auto;
  margin-left: auto;
  max-width: calc(100% - 40px);
}
.contents .our-sdgs-contents .cat-list .uk-grid {
  margin-left: -10px;
}
.contents .our-sdgs-contents .cat-list .uk-grid .col {
  padding-left: 10px;
}
.contents .our-sdgs-contents .purpose {
  position: relative;
  padding-left: 60px;
  font-size: 16.25px;
}
.contents .our-sdgs-contents .purpose span {
  position: absolute;
  top: 0;
  left: 0;
}
.contents .our-sdgs-contents__list {
  margin-right: auto;
  margin-left: auto;
}
.contents .our-sdgs-contents__list__col h4 {
  margin-bottom: 8px;
  line-height: 1.6;
  font-size: 16px;
}
.contents .our-sdgs-contents__list__col h4 span {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: solid 1px #000;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  margin-right: 10px;
}

.koudou-component h1, .koudou-component h2, .koudou-component h3, .koudou-component h4, .koudou-component p, .koudou-component div {
  color: #000;
  font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
}

#plaza-group-news-single .uk-section .single-box .date-cat p {
  color: #000;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}
#plaza-group-news-single .uk-section .single-box h2 {
  color: #000;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}
#plaza-group-news-single .uk-section .single-box .content p {
  color: #000;
}
#plaza-group-news-single .uk-section .single-nav .uk-flex .flex-item {
  width: 45%;
}
#plaza-group-news-single .uk-section .single-nav .uk-flex .flex-item span {
  color: #000;
  text-align: left;
}
#plaza-group-news-single .uk-section .single-nav .uk-flex .flex-item span.next {
  text-align: right;
}

#privacy-wrap h1, #privacy-wrap h2, #privacy-wrap h3, #privacy-wrap h4, #privacy-wrap p {
  color: #000;
  font-family: kozuka-gothic-pr6n, sans-serif;
}
#privacy-wrap .uk-section h1.top {
  background: #000;
  font-family: kozuka-gothic-pr6n, sans-serif;
  font-style: normal;
  color: #fff;
  font-size: 23px;
  padding: 16px 0 16px 40px;
}
#privacy-wrap .uk-section .privacy-component__contents {
  padding: 0 40px;
  margin-top: 40px;
}
#privacy-wrap .uk-section .privacy-component__contents .privacy-block h3 {
  font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
  font-weight: 700;
}
#privacy-wrap .uk-section .privacy-component__contents .privacy-block ol li {
  color: #000;
}
#privacy-wrap .uk-section .privacy-component__contents .privacy-block ol li::marker {
  color: #000;
}
@media screen and (min-width: 960px) {
  body {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 1.8;
  }
  .section-header {
    min-width: 450px;
    font-size: 48px;
    margin-bottom: 40px;
  }
  .component__head p {
    line-height: 1.4;
    font-size: 1rem;
  }
  .nav-link {
    font-size: 40px;
  }
  .header .lang-btn {
    top: 50px;
    right: 30px;
  }
  .footer .contact .nav-link {
    font-size: 1.5rem;
  }
  .mv__logo {
    max-width: 400px;
  }
  .hotel-component__head p {
    font-size: 1.1rem;
  }
  .hotel-component__contents .info .rooms .room span {
    font-size: 1rem;
  }
  .dinner-component {
    height: 900px;
  }
  .dinner-component .inner {
    width: 100%;
  }
  .dinner-component .section-header {
    max-width: 450px;
  }
  .dinner-inner__component {
    margin-bottom: 40px;
  }
  .dinner-inner__component h3 {
    font-size: 48px;
  }
  .breakfast-component {
    height: 900px;
  }
  .breakfast-component .inner {
    width: 100%;
  }
  .breakfast-component .section-header {
    max-width: 450px;
  }
  .access-component .section-header {
    max-width: 450px;
  }
  .access-component__info__contents ul {
    line-height: 1.2;
  }
  .main-contents .news-wrap .news-list {
    width: 90%;
  }
  .main-contents .group-list__contents .uk-grid .col__inner .title .icon.test {
    margin: 0;
  }
  .main-contents .group-list__contents .uk-grid .col__inner .title .icon.test img {
    width: 350px;
  }
  .main-contents .group-list__contents .uk-grid .col__inner .title .icon img {
    width: 170px;
  }
  .main-contents .group-list__contents .uk-grid .col__inner .foot {
    position: absolute;
    bottom: 0;
  }
  .contents .contents-header:before {
    width: 17px;
    height: 44px;
  }
  .contents .our-sdgs-contents {
    padding: 0 30px;
  }
  .contents .our-sdgs-contents__inner {
    max-width: calc(100% - 80px);
  }
  .contents .our-sdgs-contents .cat-list .uk-grid {
    margin-left: -13px;
  }
  .contents .our-sdgs-contents .cat-list .uk-grid .col {
    max-width: 140px;
    padding-left: 13px;
  }
  #privacy-wrap .uk-section .privacy-component__contents .privacy-block h3 {
    font-size: 23px;
  }
}
@media screen and (min-width: 1200px) {
  .header .lang-btn__wrap a {
    font-size: 1.5rem;
  }
  .header nav {
    height: auto;
    justify-content: center;
  }
  .header nav {
    padding: 0;
    height: auto;
    justify-content: center;
  }
  .sub-header nav {
    height: auto;
    justify-content: center;
  }
  .global-header .uk-navbar-container .uk-navbar-nav li a {
    min-height: 70px;
  }
  .global-header .burger {
    margin-left: 10px;
  }
  .global-footer .sitemap p {
    font-size: 16px;
  }
  .global-footer .sitemap__link {
    font-size: 16px;
  }
  .plaza-offcanvas.uk-offcanvas:before {
    top: 70px;
  }
  .plaza-offcanvas .uk-offcanvas-bar {
    top: 70px;
  }
  .plaza-offcanvas .uk-offcanvas-bar li:not(.group) a {
    display: inline-block;
  }
  .plaza-offcanvas .uk-offcanvas-bar .uk-nav li a:hover {
    color: #8A771C !important;
  }
  .plaza-offcanvas .uk-offcanvas-bar .uk-nav li a:hover:after {
    transform: scaleX(1);
    opacity: 1;
  }
  .dinner-inner__restaurants .restaurant .text {
    font-size: 1.2rem;
  }
  .pt {
    padding-top: 80px;
  }
  .spainfo-component {
    height: 900px;
  }
  .grid-component {
    height: 900px;
  }
  .ganbanyoku-component {
    min-height: 1000px;
  }
  .room-component {
    padding: 0;
  }
  .room-component {
    min-height: 1000px;
  }
  .inner-text {
    position: absolute;
    top: 40%;
    transform: translate(0, 0%);
  }
  .archive-contents-component__list li a .uk-flex {
    gap: 40px;
  }
  .archive-contents-component__list li a {
    font-size: 2rem;
  }
  .main-contents .group-list__contents .uk-grid {
    margin-left: -16px;
  }
  .main-contents .group-list__contents .uk-grid .col {
    padding-left: 16px;
  }
  .sdgs-top-container .foot h2 {
    font-size: 35px;
  }
  .sdgs-top-container .foot p {
    font-size: 21px;
  }
  .contents .contents-header {
    font-size: 30px;
    line-height: 1;
    margin-bottom: 36px;
  }
  .contents .our-sdgs-contents:nth-of-type(n+2) {
    margin-top: 80px;
  }
  .contents .our-sdgs-contents h3 {
    padding-left: 40px;
    font-size: 28px;
  }
  .contents .our-sdgs-contents .purpose {
    font-size: 25px;
    padding-left: 80px;
  }
  .contents .our-sdgs-contents__list {
    max-width: calc(100% - 60px);
  }
  .contents .our-sdgs-contents__list__col {
    padding-top: 8px;
  }
  .contents .our-sdgs-contents__list__col h4 {
    line-height: 1.8;
    font-size: 21px;
  }
  .contents .our-sdgs-contents__list__col h4 span {
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin-right: 20px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
  .header nav ul {
    gap: 40px;
  }
  .global-header .uk-navbar-container .uk-navbar-nav li a {
    font-size: 16px;
  }
  .access-component .map {
    top: 50%;
    width: 50%;
    transform: translate(0, -50%);
  }
  .section-catch {
    font-size: 1rem;
  }
  .inner-text {
    left: calc((100vw - 1120px) / 2);
    width: 40%;
  }
}
@media screen and (min-width: 1600px) {
  .header nav ul {
    gap: 50px;
  }
  .global-header .uk-navbar-container .uk-navbar-nav li a {
    font-size: 19px;
  }
  .inner-text {
    left: calc((100vw - 1480px) / 2);
    width: 35%;
  }
}
@media screen and (min-width: 640px) {
  .global-header .uk-navbar-container {
    padding-left: 30px;
  }
  .footer .contact {
    width: 450px;
  }
  .global-footer .sitemap__address {
    justify-content: center;
  }
  .global-footer .sitemap__address p {
    display: flex;
    align-items: center;
  }
  .global-footer .sitemap__address p:after {
    content: "|";
    display: block;
    margin: 0 8px;
  }
  .dinner-inner__restaurants .restaurant {
    display: block;
  }
  .main-contents .group-list__contents .uk-grid .col__inner .title div:nth-of-type(1) {
    width: 50%;
  }
  .main-contents .group-list__contents .uk-grid .col__inner .foot span a {
    margin-left: 20px;
  }
  .main-contents .group-list__contents .uk-grid .col__inner .foot span a img {
    width: 100px;
  }
}
@media screen and (max-width: 639px) {
  .global-footer .sitemap .uk-first-column {
    width: auto;
    padding-left: 15px;
  }
  .global-footer .sitemap .hotel-item-ホテルプラザアネックス横手 {
    width: auto;
    padding-left: 15px;
  }
  .global-footer .sitemap .hotel-item-ゆうゆうプラザ\&ホテルプラザ迎賓 {
    width: auto;
    padding-left: 15px;
  }
  .global-footer .sitemap .hotel-item-横手プラザホテル {
    width: auto;
    padding-left: 15px;
  }
  .global-footer .sitemap .hotel-item-ホテルレディースプラザ横手 {
    width: auto;
    padding-left: 15px;
  }
  .global-footer .sitemap__address {
    flex-direction: column;
  }
  .plaza-offcanvas .uk-offcanvas-bar .uk-nav li a {
    font-size: 18px;
  }
  .hotel-component__contents:not(:first-of-type) {
    margin-top: 80px;
  }
  .dinner-inner__restaurants .restaurant .text {
    font-size: 0.875rem;
  }
  .spainfo-component {
    height: 500px;
  }
  .spainfo-component .inner-flex {
    align-items: center;
  }
  .spainfo-component .inner-flex .uk-flex {
    width: 100%;
  }
  .archive-contents-component__list li a h2 {
    font-size: 1.2rem;
  }
  .main-contents .news-wrap h2.wrap-title {
    font-size: 20px;
  }
  .main-contents .catch h2 {
    font-size: 20px;
  }
  .main-contents .catch p {
    font-size: 14px;
  }
  .main-contents .group-list__contents .uk-grid .col__inner .title {
    display: block;
  }
  .main-contents .group-list__contents .uk-grid .col__inner .title .icon .plaza-icon {
    width: 110px;
  }
  .main-contents .group-list__contents .uk-grid .col__inner .title .icon .east-icon {
    width: 220px;
  }
  .main-contents .group-list__contents .uk-grid .col__inner .title .icon .yuyu-icon {
    width: 50px;
  }
  .main-contents .group-list__contents .uk-grid .col__inner .foot span a {
    width: 50%;
    box-sizing: border-box;
    padding-left: 16px;
  }
  .contents .our-sdgs-contents .cat-list .uk-grid .col.uk-grid-margin {
    margin-top: 10px;
  }
  .contents .our-sdgs-contents__list .uk-grid:nth-of-type(n+2) {
    margin-top: 50px;
  }
  .contents .our-sdgs-contents__list .uk-grid .uk-width-1-1.uk-grid-margin {
    margin-top: 10px;
  }
  #plaza-group-news-single .uk-section .single-box h2 {
    font-size: 20px;
  }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
  .mapimage__bar {
    width: 500px;
    left: auto;
    right: -500px !important;
  }
  .dinner-component {
    height: 500px;
  }
  .dinner-inner__restaurants .restaurant .logo {
    padding: 8px;
  }
  .breakfast-component {
    height: 500px;
  }
  .spainfo-component {
    height: 600px;
  }
  .ganbanyoku-component {
    height: 500px;
  }
  .main-contents .group-list__contents .uk-grid .col__inner .body {
    margin-top: 16px;
  }
  .sdgs-top-container .foot h2 {
    font-size: 22px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .spainfo-component {
    height: 700px;
  }
  .grid-component {
    height: 700px;
  }
  .sdgs-top-container .foot h2 {
    font-size: 30px;
  }
  .contents .contents-header {
    font-size: 25px;
  }
}