@charset "UTF-8";
:root {
  --font-default: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, Osaka, sans-serif;
  --color-light-gray: #f4f4f4;
  --color-gray: #ccc;
  --color-dark-gray: #333;
  --color-link: #0578dd;
  --color-text: #26273a;
  --color-selection: rgba(166, 219, 249, .57);
  --color-placeholder: #dcdcdc
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  font-weight: 400;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}

html {
  height: 100%;
  font-size: 62.5%
}

body {
  margin: 0 auto;
  -webkit-text-size-adjust: 100%
}

@media (max-width: 768px) {
  body {
    word-wrap: break-word
  }
}

ol, ul {
  list-style: none
}

blockquote, q {
  quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%
}

input, select, textarea {
  font-size: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
  max-width: 100%
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

@media (max-width: 768px) {
  table {
    table-layout: fixed
  }
}

body {
  font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, Osaka, sans-serif;
  font-family: var(--font-default);
  color: #26273a;
  color: var(--color-text);
  letter-spacing: 0;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden
}

@media (max-width: 768px) {
  body {
    word-break: break-word;
    word-wrap: break-word;
    letter-spacing: 0
  }
}

body[data-state=lock] {
  overflow: hidden
}

@media (-ms-high-contrast: none) {
  body {
    font-family: メイリオ, Meiryo, 游ゴシック, YuGothic, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif
  }
}

::-moz-selection {
  background: rgba(166, 219, 249, .57);
  background: var(--color-selection)
}

::selection {
  background: rgba(166, 219, 249, .57);
  background: var(--color-selection)
}

::-webkit-input-placeholder {
  color: #dcdcdc;
  color: var(--color-placeholder)
}

a {
  color: #0578dd;
  color: var(--color-link);
  text-decoration: none
}

a, a img {
  -webkit-transition: all 80ms linear;
  transition: all 80ms linear
}

select {
  height: 40px
}

input, select, textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  padding: 8px;
  border-radius: 0
}

p + p {
  margin-top: 30px
}

@media (max-width: 768px) {
  p + p {
    margin: 4vw 0
  }
}

em, strong {
  font-weight: 700
}

a, div, dl, label, li, ol, p, span, ul {
  font-weight: inherit
}

main a:hover {
  text-decoration: underline
}

[v-cloak] {
  opacity: 0
}

button, input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button
}

button:hover, input[type=reset]:hover, input[type=submit]:hover {
  outline: none
}

.header {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
  padding-top: 23px;
  padding-bottom: 26px
}

@media (min-width: 769px) {
  .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

@media (max-width: 768px) {
  .header {
    padding: 0
  }
}

@media (max-width: 768px) {
  .header__primary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 17.6vw;
    padding: 0 2.4vw;
    border-bottom: 1px solid #bfbfbf
  }
}

.header__secondary {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-left: 85px
}

@media (max-width: 768px) {
  .header__secondary {
    margin: 0;
    display: block;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .3s cubic-bezier(.86, -.01, .07, .99);
    transition: max-height .3s cubic-bezier(.86, -.01, .07, .99)
  }

  .header__secondary.active {
    max-height: 1000px;
    -webkit-transition: max-height .9s cubic-bezier(.3, .01, .1, .99);
    transition: max-height .9s cubic-bezier(.3, .01, .1, .99)
  }
}

@media (max-width: 768px) {
  .header-logo {
    width: 29vw
  }
}

.header-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

@media (max-width: 768px) {
  .header-nav {
    display: block
  }
}

.header-nav__list {
  width: 25%
}

@media (max-width: 768px) {
  .header-nav__list {
    width: 100%
  }
}

.header-nav__list--close {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 18.7vw
}

@media (min-width: 769px) {
  .header-nav__list--close {
    display: none
  }
}

.header-nav__item {
  color: #26273a;
  color: var(--color-text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 54px;
  font-size: 1.6rem;
  line-height: 1.6
}

.header-nav__item:hover {
  color: #0578dd;
  color: var(--color-link)
}

@media (max-width: 768px) {
  .header-nav__item {
    position: relative;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #f6f6f6;
    padding: 2vw;
    height: 13.8vw;
    border-bottom: 1px solid #e0e0e0;
    font-size: 4.3vw
  }

  .header-nav__item:before {
    content: "";
    width: 1.9vw;
    height: 1.9vw;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 28px
  }
}

@media (min-width: 769px) {
  .header-nav__item--button {
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#4db5f1), to(#128bd1));
    background: linear-gradient(90deg, #4db5f1, #128bd1)
  }

  .header-nav__item--button:hover {
    opacity: .8;
    color: #fff
  }
}

.header-nav__item--close {
  border-bottom: 0;
  background: #333;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  height: 10.7vw;
  width: 64vw
}

.header-nav__item--close:before {
  display: none
}

@media (min-width: 769px) {
  .header-nav__item--close {
    display: none
  }
}

.header-nav__item--close span {
  position: relative;
  left: -1vw;
  padding-left: 7.5vw
}

.header-nav__item--close span:after, .header-nav__item--close span:before {
  content: "";
  width: 5vw;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 3vw;
  left: 0
}

.header-nav__item--close span:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.header-nav__item--close span:after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

@media (min-width: 769px) {
  .mobile-header-button {
    display: none
  }
}

@media (max-width: 768px) {
  .mobile-header-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
  }
}

.mobile-header-button img {
  width: 3.8vw;
  display: block;
  margin: 0 auto 1.1vw
}

.mobile-header-button span {
  font-size: 2.4vw;
  display: block;
  color: #26273a;
  color: var(--color-text);
  line-height: 1.5
}

.mobile-header-button__item--login {
  position: absolute;
  right: 16.6vw;
  top: 0;
  height: 17.6vw;
  width: 14vw;
  text-align: center;
  padding-top: 4.5vw
}

.mobile-header-button__item--menu {
  position: absolute;
  right: 2.4vw;
  top: 0;
  cursor: pointer;
  height: 17.6vw;
  width: 14vw;
  display: block;
  padding-top: 2.5vw
}

.icon-hamburger {
  position: relative;
  width: 7vw
}

.icon-hamburger span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #333;
  left: 3.4vw;
  -webkit-transition: .6s ease-in-out;
  transition: .6s ease-in-out
}

.icon-hamburger span:first-child {
  top: 2.2vw
}

.icon-hamburger span:nth-child(2) {
  top: 4.1vw
}

.icon-hamburger span:nth-child(3) {
  top: 6vw
}

.icon-hamburger + span {
  position: absolute;
  top: 10vw;
  left: 0;
  width: 100%;
  text-align: center
}

.footer {
  background: #00aaea;
  color: #fff;
  padding: 40px 0 48px;
  font-size: 1.6rem
}

@media (max-width: 768px) {
  .footer {
    background: #333;
    padding: 0 0 18px
  }
}

.footer__inner {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px
}

@media (max-width: 768px) {
  .footer__inner {
    padding: 0
  }
}

.footer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%
}

@media (max-width: 768px) {
  .footer-nav {
    display: block
  }
}

.footer-nav__list {
  position: relative
}

.footer-nav__list:not(:first-child) {
  margin-left: 24px;
  padding-left: 24px
}

@media (max-width: 768px) {
  .footer-nav__list:not(:first-child) {
    margin: 0;
    padding: 0
  }
}

@media (min-width: 769px) {
  .footer-nav__list:not(:first-child):before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #fff
  }
}

.footer-nav__item {
  color: #fff;
  display: block;
  position: relative
}

.footer-nav__item:hover {
  text-decoration: underline
}

@media (max-width: 768px) {
  .footer-nav__item {
    border-bottom: 1px solid #575757;
    font-size: 4.3vw;
    height: 13.8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 5vw
  }

  .footer-nav__item:before {
    content: "";
    width: 1.9vw;
    height: 1.9vw;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 28px
  }
}

.footer-logo {
  width: 29vw;
  margin: 4.3vw auto 0
}

@media (min-width: 769px) {
  .footer-logo {
    display: none
  }
}

.footer-copyright-pc {
  text-align: center;
  display: block;
  margin-top: 80px
}

@media (max-width: 768px) {
  .footer-copyright-pc {
    display: none
  }
}

.footer-copyright-mobile {
  display: block;
  margin-top: 4.3vw;
  font-size: 3.2vw;
  text-align: center
}

@media (min-width: 769px) {
  .footer-copyright-mobile {
    display: none
  }
}

@media (min-width: 769px) {
  body {
    min-width: 1080px;
    overflow: auto
  }
}

.container {
  font-size: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  height: auto;
  position: relative
}

@media (max-width: 768px) {
  .container {
    font-size: 4.3vw
  }
}

.main {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}

.page-header {
  background: #128bd1
}

.page-header__title {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
  color: #fff;
  font-weight: 700;
  font-size: 3.6rem;
  line-height: 1.4;
  padding-top: 18px;
  padding-bottom: 18px;
  text-align: center
}

@media (max-width: 768px) {
  .page-header__title {
    font-size: 5.6vw;
    padding: 2.7vw
  }
}

.page-desc {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
  line-height: 1.6;
  margin-top: 35px
}

@media (max-width: 768px) {
  .page-desc {
    margin-top: 4vw;
    font-size: 3.2vw
  }
}

@media (min-width: 769px) {
  .mobile-break {
    display: none
  }
}

.breadcrumb {
  width: 100%;
  padding: 16px 0;
  background: #e9e9e9;
  font-size: 1.4rem
}

@media (max-width: 768px) {
  .breadcrumb {
    padding: 2.4vw 0;
    white-space: nowrap;
    overflow-x: auto;
    font-size: 3vw
  }
}

.breadcrumb__inner {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px
}

.breadcrumb__link {
  color: #26273a;
  color: var(--color-text)
}

.breadcrumb__link:hover {
  color: #0578dd;
  color: var(--color-link)
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  padding: 14px;
  margin-top: 32px
}

@media (max-width: 768px) {
  .pagination {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin-top: 8vw
  }
}

.pagination a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #ea3658;
  height: 100%
}

.pagination a.current, .pagination a:hover {
  background: #ea3658;
  color: #fff
}

.pagination a:hover {
  text-decoration: none
}

.pagination__item {
  line-height: 1;
  margin: 0 10px;
  width: 36px;
  height: 46px;
  border: 1px solid #ea3658;
  font-weight: 700;
  border-radius: 5px;
  overflow: hidden
}

@media (max-width: 768px) {
  .pagination__item {
    font-size: 3.5vw;
    width: 8.6vw;
    height: 8.6vw;
    margin: 0 2.7vw
  }
}

.pagination__item--current {
  background: #ea3658
}

.pagination__item--current a {
  color: #fff;
  cursor: default;
  pointer-events: none
}

.pagination__item--next, .pagination__item--prev {
  position: relative
}

.pagination__item--next:before, .pagination__item--prev:before {
  content: "";
  border-top: 2px solid #ea3658;
  border-right: 2px solid #ea3658;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
  transform: translateY(-50%) translateX(-50%) rotate(45deg)
}

.pagination__item--next:hover:before, .pagination__item--prev:hover:before {
  border-top-color: #fff;
  border-right-color: #fff
}

.pagination__item--prev:before {
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(-135deg);
  transform: translateY(-50%) translateX(-50%) rotate(-135deg);
  left: calc(50% - -2px)
}

.pagination__item--next:before {
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
  transform: translateY(-50%) translateX(-50%) rotate(45deg);
  left: calc(50% - 2px)
}

.main-view {
  padding-top: 35px
}

@media (min-width: 769px) {
  .main-view {
    height: 400px;
    background: url(../img/mainview-bg.jpg) no-repeat top
  }
}

@media (max-width: 768px) {
  .main-view {
    background: url(../img/mobile/mainview-bg.jpg) no-repeat top;
    background-size: contain;
    padding-top: 5vw;
    padding-bottom: 2.6vw
  }
}

.main-view__inner {
  max-width: 1100px;
	width: 100%;
  /*width: 659px;*/
  margin: 0 auto;
  /*padding: 0 10px;*/
	
}

@media (min-width: 769px) {
	.main-view__inner {
  
  width: 659px;
  margin: 0 auto;
	
}
	
}

@media (min-width: 769px) {
  .main-view__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

@media (max-width: 768px) {
  .main-view__banner {
    display: block;
    margin-top: 4vw
  }
}

@media (min-width: 769px) {
  .main-view__banner {
    margin-left: 60px;
	  display: none;
  }
}

.main-view__banner:hover {
  opacity: .9
}

.search-box {
  background: #3daae8;
  border-bottom: 10px solid #35b9f6;
  padding: 29px 0
}

@media (max-width: 768px) {
  .search-box {
    border-bottom: 0;
    padding: 4vw 0
  }
}

.search-box__inner {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px
}

.search-box__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.search-box__title {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700
}

@media (max-width: 768px) {
  .search-box__title {
    font-size: 4.5vw
  }
}

.search-box__desc {
  color: #fff;
  font-size: 1.6rem;
  margin-left: 13px
}

@media (max-width: 768px) {
  .search-box__desc {
    font-size: 3.5vw
  }
}

.search-box__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 16px
}

@media (max-width: 768px) {
  .search-box__content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.search-box__select {
  width: 258px;
  height: 69px;
  background: #fff;
  color: #26273a;
  color: var(--color-text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 16px;
  cursor: pointer;
  -webkit-transition: background-color 80ms ease-in;
  transition: background-color 80ms ease-in
}

@media (max-width: 768px) {
  .search-box__select {
    width: calc((100% - 10px) / 2);
    font-size: 3vw;
    padding-left: 1.4vw;
    height: 10.5vw;
    font-weight: 700
  }
}

.search-box__select:hover {
  text-decoration: none
}

.search-box__select:hover em:after {
  border-top-color: #fff;
  border-right-color: #fff
}

.search-box__select--icon-japan:before, .search-box__select--icon-mountain:before {
  content: "";
  width: 32px;
  height: 32px;
  margin-right: 6px
}

@media (max-width: 768px) {
  .search-box__select--icon-japan:before, .search-box__select--icon-mountain:before {
    width: 4.5vw;
    height: 4.5vw;
    margin-right: .9vw
  }
}

.search-box__select--icon-japan:before {
  background: url(../img/icon-search-japan.png) no-repeat 0 0
}

@media (max-width: 768px) {
  .search-box__select--icon-japan:before {
    background-size: 4.5vw
  }
}

.search-box__select--icon-japan:hover {
  background: #ea3658;
  color: #fff
}

.search-box__select--icon-japan:hover:before {
  background: url(../img/icon-search-japan-white.png) no-repeat 0 0
}

@media (max-width: 768px) {
  .search-box__select--icon-japan:hover:before {
    background-size: 4.5vw
  }
}

.search-box__select--icon-mountain {
  position: relative;
  width: 290px
}

@media (max-width: 768px) {
  .search-box__select--icon-mountain {
    width: calc((100% - 10px) / 2);
    margin-left: 10px
  }
}

.search-box__select--icon-mountain:before {
  background: url(../img/icon-search-mountain.png) no-repeat 0 0
}

@media (max-width: 768px) {
  .search-box__select--icon-mountain:before {
    background-size: 4.5vw
  }
}

@media (min-width: 769px) {
  .search-box__select--icon-mountain:after {
    content: "";
    position: absolute;
    background: #32a2e2;
    height: 38px;
    width: 1px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
  }
}

.search-box__select--icon-mountain:hover {
  background: #ea3658;
  color: #fff
}

.search-box__select--icon-mountain:hover:before {
  background: url(../img/icon-search-mountain-white.png) no-repeat 0 0
}

@media (max-width: 768px) {
  .search-box__select--icon-mountain:hover:before {
    background-size: 4.5vw
  }
}

.search-box__select em {
  font-size: 2.4rem;
  position: relative
}

@media (max-width: 768px) {
  .search-box__select em {
    font-size: 4.7vw
  }
}

@media (min-width: 769px) {
  .search-box__select em:after {
    content: "";
    width: 7px;
    height: 7px;
    border-top: 2px solid #ec4a69;
    border-right: 2px solid #ec4a69;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 4px;
    right: -85px
  }
}

.search-box__words {
  height: 69px;
  border: 0;
  margin-left: 1px;
  font-size: 2.2rem;
  padding: 16px
}

@media (max-width: 768px) {
  .search-box__words {
    font-size: 4.7vw;
    margin-top: 10px;
    padding: 8px;
    height: 10.5vw;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 0
  }
}

.search-box__submit {
  height: 69px;
  width: 176px;
  background: #ea3658;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 2.4rem;
  border: 0;
  margin-left: 12px;
  -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, .17);
  box-shadow: 0 4px 0 rgba(0, 0, 0, .17);
  cursor: pointer;
  -webkit-transition: background-color 80ms ease-in;
  transition: background-color 80ms ease-in
}

@media (max-width: 768px) {
  .search-box__submit {
    height: 10.5vw;
    font-size: 4.7vw;
    margin-top: 10px;
    width: 80vw;
    margin-left: auto;
    margin-right: auto;
    -webkit-appearance: none
  }
}

.search-box__submit:hover {
  background: #d93556
}

.search-box__submit[disabled] {
  -webkit-appearance: none;
  opacity: 1;
  background: #a8a8a8
}

.search-box__submit[disabled]:hover {
  background: #a8a8a8
}

.section {
  padding: 52px 0 53px
}

@media (max-width: 768px) {
  .section {
    padding: 6vw 0
  }
}

.section--light-blue {
  background: #eff5f6
}

.section__inner {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px
}

.section__header {
  text-align: center;
  width: 100%
}

.section__title {
  font-size: 2.6rem;
  color: #128bd1;
  width: 100%;
  font-weight: 700;
  line-height: 1.2
}

@media (max-width: 768px) {
  .section__title {
    font-size: 5.6vw
  }
}

.section__title-en {
  color: #ea3658;
  display: inline-block;
  min-width: 180px;
  position: relative;
  margin-top: 16px;
  font-size: 2rem;
  padding-top: 2px
}

@media (max-width: 768px) {
  .section__title-en {
    font-size: 3.8vw;
    min-width: 30vw;
    padding: 0 8vw
  }
}

.section__title-en span:after, .section__title-en span:before {
  content: "";
  position: absolute;
  top: 0;
  height: 25px;
  width: 2px;
  background: #128bd1;
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg)
}

@media (max-width: 768px) {
  .section__title-en span:after, .section__title-en span:before {
    height: 5vw
  }
}

.section__title-en span:before {
  right: 0
}

.section__title-en span:after {
  right: 6px
}

.section__title-en:after, .section__title-en:before {
  content: "";
  position: absolute;
  top: 0;
  height: 25px;
  width: 2px;
  background: #128bd1;
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg)
}

@media (max-width: 768px) {
  .section__title-en:after, .section__title-en:before {
    height: 5vw
  }
}

.section__title-en:before {
  left: 0
}

.section__title-en:after {
  left: 6px
}

.section__content {
  margin-top: 30px;
  position: relative
}

@media (max-width: 768px) {
  .section__content {
    margin-top: 7.5vw
  }
}

.section__content--ranking {
  padding-top: 30px
}

@media (max-width: 768px) {
  .section__content--ranking {
    padding-top: 0
  }
}

.lift-point-section {
  border: 7px solid #eac3c6;
  position: relative;
  z-index: 1;
  padding: 28px 25px
}

@media (max-width: 768px) {
  .lift-point-section {
    border-width: 1vw;
    padding: 3.8vw
  }
}

.lift-point-section:not(:first-child) {
  margin-top: 56px
}

.lift-point-section:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border: 5px solid #faeaeb;
  background: #fff;
  z-index: -1
}

@media (max-width: 768px) {
  .lift-point-section:before {
    width: calc(100% - 2vw);
    height: calc(100% - 2vw);
    border-width: 1vw
  }
}

@media (min-width: 769px) {
  .lift-point-section__thumb {
    float: right;
    margin-top: -68px;
    margin-right: -28px
  }
}

@media (max-width: 768px) {
  .lift-point-section__thumb {
    margin-top: -6vw;
    margin-right: -3vw;
    padding-left: 14vw
  }
}

.lift-point-section__title {
  font-size: 3rem;
  font-weight: 700
}

@media (max-width: 768px) {
  .lift-point-section__title {
    display: none
  }
}

.lift-point-section__content {
  line-height: 1.8;
  margin-top: 20px
}

@media (max-width: 768px) {
  .lift-point-section__content {
    font-size: 3.8vw
  }
}

.lift-point-section__content em {
  color: #e10000
}

.ski-detail {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
  margin-top: 35px
}

@media (min-width: 769px) {
  .ski-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

@media (max-width: 768px) {
  .ski-detail {
    margin-top: 4vw;
    font-size: 3.8vw
  }
}

@media (min-width: 769px) {
  .ski-detail__thumb {
    width: 325px;
    height: 244px;
    overflow: hidden;
    position: relative
  }

  .ski-detail__thumb img {
    position: absolute;
    max-width: 350px;
    max-height: 350px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
  }
}

@media (max-width: 768px) {
  .ski-detail__thumb {
    text-align: center
  }
}

.ski-detail__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 18px;
  padding-top: 13px
}

@media (max-width: 768px) {
  .ski-detail__content {
    margin-left: 0;
    padding-top: 5.4vw
  }
}

.ski-detail__desc {
  line-height: 1.8;
  margin-top: 23px;
  padding-top: 10px;
  border-top: 1px dashed #bfbfbf
}

@media (max-width: 768px) {
  .ski-detail__desc {
    margin-top: 4vw;
    padding-top: 2vw
  }
}

.ski-detail-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%
}

.ski-detail-info__content:nth-child(n+3), .ski-detail-info__title:nth-child(n+3) {
  margin-top: 18px
}

@media (max-width: 768px) {
  .ski-detail-info__content:nth-child(n+3), .ski-detail-info__title:nth-child(n+3) {
    margin-top: 3vw
  }
}

.ski-detail-info__title {
  font-weight: 700;
  padding-left: 26px;
  position: relative;
  width: 128px
}

@media (max-width: 768px) {
  .ski-detail-info__title {
    padding-left: 7vw;
    width: 26vw
  }
}

.ski-detail-info__title:before {
  content: "";
  width: 17px;
  height: 17px;
  position: absolute;
  left: 0;
  top: 0
}

@media (max-width: 768px) {
  .ski-detail-info__title:before {
    width: 5.4vw;
    height: 4.8vw;
    background-size: 5.4vw 4.8vw
  }
}

.ski-detail-info__title--address:before {
  background: url(../img/icon-post-black.png) no-repeat 0 0
}

.ski-detail-info__title--access:before {
  width: 20px;
  height: 18px;
  background: url(../img/icon-car-black.png) no-repeat 0 0
}

.ski-detail-info__content {
  width: calc(100% - 128px)
}

@media (max-width: 768px) {
  .ski-detail-info__content {
    width: calc(100% - 26vw)
  }
}

.ticket-detail {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
  margin-top: 35px
}

@media (min-width: 769px) {
  .ticket-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

@media (max-width: 768px) {
  .ticket-detail {
    margin-top: 4vw;
    font-size: 3.8vw
  }
}

@media (min-width: 769px) {
  .ticket-detail__thumb {
    width: 325px;
    height: 244px;
    overflow: hidden;
    position: relative
  }

  .ticket-detail__thumb img {
    position: absolute;
    max-width: 350px;
    max-height: 350px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
  }
}

@media (max-width: 768px) {
  .ticket-detail__thumb {
    text-align: center;
    margin-bottom:3vw;
  }
}

.ticket-detail__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 18px;
  position: relative;
  padding-bottom: 30px
}

@media (max-width: 768px) {
  .ticket-detail__content {
    margin-left: 0;
    padding-bottom: 0
  }
}

.ticket-detail__desc {
  line-height: 1.8
}

@media (max-width: 768px) {
  .ticket-detail__desc {
    padding-top: 2vw
  }
}

.ticket-detail__price {
  margin-top: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

@media (max-width: 768px) {
  .ticket-detail__price {
    margin-top: 4vw
  }
}

.ticket-detail__desc + .ticket-detail__price {
  margin-top: 10px
}

@media (max-width: 768px) {
  .ticket-detail__desc + .ticket-detail__price {
    margin-top: 2.7vw
  }
}

.ticket-detail__price-before {
  font-size: 2.1rem;
  color: #128bd1;
  margin-left: 25px
}

.ticket-detail__price-before span {
  text-decoration: line-through;
  color: #26273a;
  color: var(--color-text)
}

@media (max-width: 768px) {
  .ticket-detail__price-before {
    font-size: 4.6vw
  }
}

.ticket-detail__price-after {
  color: #ea3658;
  font-weight: 700;
  font-size: 2.4rem;
  margin-left: 14px;
  position: relative;
  top: 4px
}

@media (max-width: 768px) {
  .ticket-detail__price-after {
    font-size: 6.2vw;
    margin-left: 2vw;
    top: 0
  }
}

.ticket-detail__price-after:before {
  content: "\2192";
  color: #26273a;
  color: var(--color-text);
  font-size: 2.4rem;
  text-decoration: none;
  margin-right: 8px;
  position: relative;
  top: -2px
}

@media (max-width: 768px) {
  .ticket-detail__price-after:before {
    font-size: 5.4vw;
    margin-right: 0;
    top: 0
  }
}

.ticket-detail__price-after em {
  font-size: 3.3rem
}

@media (max-width: 768px) {
  .ticket-detail__price-after em {
    font-size: 6.2vw
  }
}

.ticket-detail__sale-icon {
  background: #ea3658;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
  padding: 8px 14px 10px;
  display: inline-block;
  position: relative;
  top: 7px
}

@media (max-width: 768px) {
  .ticket-detail__sale-icon {
    font-size: 3.5vw;
    padding: 1.2vw 3.5vw;
    top: .7vw
  }
}

.ticket-detail__sale-icon em {
  font-size: 1.8rem
}

@media (max-width: 768px) {
  .ticket-detail__sale-icon em {
    font-size: 3.5vw
  }
}

.ticket-detail__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #878787
}

@media (max-width: 768px) {
  .ticket-detail__footer {
    text-align: right;
    position: static;
    margin-top: 6.4vw;
    font-size: 3vw
  }
}

.ticket-detail-content__title {
  font-size: 2.8rem;
  font-weight: 700;
  border-left: 6px solid #35b9f6;
  padding: 6px 0 8px 22px
}

@media (max-width: 768px) {
  .ticket-detail-content__title {
    font-size: 4.8vw;
    border-left-width: 3px;
    padding: 1vw 0 1.2vw 3vw
  }
}

.ticket-detail-content__desc {
  margin-top: 16px;
  line-height: 1.6;
  font-size: 1.8rem
}

@media (max-width: 768px) {
  .ticket-detail-content__desc {
    margin-top: 2vw;
    font-size: 3.5vw
  }
}

.ticket-detail-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  line-height: 1.4;
  margin-top: 56px
}

@media (max-width: 768px) {
  .ticket-detail-info {
    margin-top: 7vw;
    display: block
  }
}

@media (min-width: 769px) {
  .ticket-detail-info__desc:nth-child(n+3), .ticket-detail-info__title:nth-child(n+3) {
    margin-top: 8px
  }
}

.ticket-detail-info__title {
  width: 140px;
  background: #eff5f6;
  color: #128bd1;
  font-weight: 700;
  text-align: center;
  padding: 5px
}

@media (max-width: 768px) {
  .ticket-detail-info__title {
    width: 29.4vw;
    display: inline-block;
    font-size: 3.2vw;
    padding: 1.4vw
  }

  .ticket-detail-info__title:nth-child(n+3) {
    margin-top: 3vw
  }
}

.ticket-detail-info__desc {
  padding-left: 10px;
  width: calc(100% - 140px);
  font-size: 1.8rem
}

@media (max-width: 768px) {
  .ticket-detail-info__desc {
    width: 100%;
    font-size: 3.5vw;
    padding-left: 0;
    margin-top: 2vw
  }
}

.lift-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  counter-reset: a 3
}

@media (max-width: 768px) {
  .lift-card {
    display: block
  }
}

.lift-card:not(:first-child) {
  margin-top: 12px
}

.lift-card__item {
  background: #fff;
  border: 1px solid #d8ddde;
  display: block;
  /*width: calc((100% - 36px) / 4);*/
	width: calc((100% - 26px) / 2);
  padding: 10px 10px 25px;
  color: inherit;
  -webkit-box-shadow: 0 0 1px 0 #e8edee;
  box-shadow: 0 0 1px 0 #e8edee;
  position: relative;
  -webkit-transition: -webkit-transform .2s cubic-bezier(.47, 0, .27, 1.01);
  transition: -webkit-transform .2s cubic-bezier(.47, 0, .27, 1.01);
  transition: transform .2s cubic-bezier(.47, 0, .27, 1.01);
  transition: transform .2s cubic-bezier(.47, 0, .27, 1.01), -webkit-transform .2s cubic-bezier(.47, 0, .27, 1.01);
	margin-bottom: 10px;
}

.end {
  position: relative;
}

.end::after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(10, 10, 10, .5);
  position: absolute;
  top: 0;
  left: 0;
}



@media (max-width: 768px) {
  .lift-card__item {
    width: 100%;
    padding: 2.7vw 2.7vw 6vw
  }
}

@media (min-width: 769px) {
  .lift-card__item:not(.lift-card__item--large)/*:not(:nth-child(4n+1))*/ {
    margin-left: 12px
  }
}

@media (max-width: 768px) {
  .lift-card__item:not(:first-child) {
    margin-top: 2.7vw
  }
}

.lift-card__item--large {
  width: calc((100% - 24px) / 3);
  color: #fff;
  position: relative;
  z-index: 1;
  padding: 0;
  -webkit-box-shadow: 0 0 3px 0 #d9d9d9;
  box-shadow: 0 0 3px 0 #d9d9d9
}

@media (max-width: 768px) {
  .lift-card__item--large {
    width: 100%
  }
}

.lift-card__item--large:before {
  content: "";
  width: 78px;
  height: 100px;
  position: absolute;
  right: 0;
  top: -80px;
  z-index: 1
}

@media (max-width: 768px) {
  .lift-card__item--large:before {
    top: -10.8vw;
    width: 21.4vw;
    height: 27vw
  }
}

@media (min-width: 769px) {
  .lift-card__item--large:not(:nth-child(3n+1)) {
    margin-left: 12px
  }
}

@media (max-width: 768px) {
  .lift-card__item--large:not(:first-child) {
    margin-top: 13vw
  }
}

.lift-card__item--large .lift-card__inner {
  overflow: hidden;
  position: relative;
  padding: 10px 10px 25px
}

.lift-card__item--large .lift-card__inner:before {
  content: "";
  position: absolute;
  right: 40px;
  bottom: -70px;
  width: 60px;
  height: 280px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: hsla(0, 0%, 100%, .17);
  z-index: -1
}

.lift-card__item--large .lift-card__content, .lift-card__item--large .lift-card__header {
  border-bottom-color: #fff
}

.lift-card__item--large .lift-card__title {
  text-align: left
}

.lift-card__item--large .lift-card__title em {
  font-size: 2.4rem
}

.lift-card__item--large .lift-card__desc {
  background: #fff;
  color: #26273a;
  color: var(--color-text);
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: left;
  line-height: 1.6
}

@media (max-width: 768px) {
  .lift-card__item--large .lift-card__desc {
    font-size: 4.3vw;
    padding: 3.8vw
  }
}

.lift-card__item--large .lift-card__price-before {
  font-size: 2rem
}

.lift-card__item--large .lift-card__price-after {
  color: #fcff1d;
  font-size: 3.8rem
}

.lift-card__item--large .lift-card__price-after em {
  font-size: 3.8rem
}

.lift-card__item--large .lift-card__price-after:before {
  color: #fff;
  font-size: 2.4rem
}

.lift-card__item--large .lift-card__tag {
  background: #fff;
  color: #26273a;
  color: var(--color-text);
  font-size: 1.4rem
}

.lift-card__item--1st {
  background: #f1aa00
}

.lift-card__item--1st:before {
  background: url(../img/icon-rank-1st.png) no-repeat 0 0
}

@media (max-width: 768px) {
  .lift-card__item--1st:before {
    background-size: contain
  }
}

.lift-card__item--2nd {
  background: #9e9e9e
}

.lift-card__item--2nd:before {
  background: url(../img/icon-rank-2nd.png) no-repeat 0 0
}

@media (max-width: 768px) {
  .lift-card__item--2nd:before {
    background-size: contain
  }
}

.lift-card__item--3rd {
  background: #ec977d
}

.lift-card__item--3rd:before {
  background: url(../img/icon-rank-3rd.png) no-repeat 0 0
}

@media (max-width: 768px) {
  .lift-card__item--3rd:before {
    background-size: contain
  }
}

.lift-card__item--4-and-more:before {
  counter-increment: a 1;
  content: counter(a);
  position: absolute;
  right: 11px;
  top: 0;
  width: 33px;
  height: 15px;
  background: #128bd1;
  color: #fff;
  font-size: 2rem;
  padding-top: 3px;
  z-index: 1;
  text-align: center
}

@media (max-width: 768px) {
  .lift-card__item--4-and-more:before {
    width: 12vw;
    height: 5vw;
    font-size: 6.7vw;
    padding-top: 1.4vw;
    right: 3vw
  }
}

.lift-card__item--4-and-more:after {
  content: "";
  border-top: 16px solid #128bd1;
  border-left: 17px solid transparent;
  border-right: 16px solid transparent;
  position: absolute;
  top: 18px;
  right: 11px
}

@media (max-width: 768px) {
  .lift-card__item--4-and-more:after {
    border-top-width: 6vw;
    border-left-width: 6vw;
    border-right-width: 6vw;
    right: 3vw;
    top: 6.4vw
  }
}

.lift-card__item:hover {
  text-decoration: none;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px)
}

.lift-card__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  border-bottom: 1px dashed #c7c7c7;
  padding-bottom: 9px
}

@media (max-width: 768px) {
  .lift-card__header {
    padding-bottom: 3.8vw
  }
}

.lift-card__thumb {
  width: 46px;
  height: 46px;
  overflow: hidden;
  border-radius: 100px;
  position: relative
}

@media (max-width: 768px) {
  .lift-card__thumb {
    width: 16vw;
    height: 16vw;
    border-radius: 100vw
  }
}

.lift-card__thumb img {
  position: absolute;
  max-width: 60px;
  max-height: 60px;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%)
}

@media (max-width: 768px) {
  .lift-card__thumb img {
    max-width: 21.5vw;
    max-height: 21.5vw
  }
}

.lift-card__title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 9px;
  font-size: 1.2rem
}

@media (max-width: 768px) {
  .lift-card__title {
    font-size: 4.3vw;
    margin-left: 2.4vw
  }
}

.lift-card__title em {
  /*font-size: 1.6rem;*/
 font-size: 2rem;
  font-weight: 700;
  display: block;
  margin-top: 6px
}

@media (max-width: 768px) {
  .lift-card__title em {
    font-size: 5.6vw;
    margin-top: 1.6vw
  }
}

.lift-card__content {
  padding: 15px 0;
  border-bottom: 1px dashed #c7c7c7
}

@media (max-width: 768px) {
  .lift-card__content {
    padding: 2.9vw 0 4vw
  }
}

.lift-card__desc {
  color: #128bd1;
  font-weight: 700;
  line-height: 1.3;
	  font-size:2.6rem;
	text-align: center;
}

@media (max-width: 768px) {
  .lift-card__desc {
    /*font-size: 5vw*/
	  font-size: 7vw;
	  text-align: center
  }
}

.lift-card__sale-icon {
  background: #ea3658;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  margin-top: 10px;
  color: #fff;
  /*padding: 2px 0 3px*/
	padding: 5px 0 3px
}

.lift-card__kigen-icon {
  /*background: #ea3658;*/
	border: solid 1px #ea3658;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  margin-top: 10px;
  /*color: #fff;*/
  /*padding: 2px 0 3px*/
	padding: 5px 0 3px
}

@media (max-width: 768px) {
  .lift-card__sale-icon {
    font-size: 4.3vw;
    margin-top: 2.7vw;
    padding: 1.2vw
  }
	.lift-card__kigen-icon {
    font-size: 4.3vw;
    margin-top: 2.7vw;
    padding: 1.2vw
  }
}

.lift-card__sale-icon em {
  font-size: 1.8rem
}

@media (max-width: 768px) {
  .lift-card__sale-icon em {
    font-size: 5.6vw
  }
	.lift-card__kigen-icon em {
    font-size: 5.6vw
  }
}

.lift-card__price {
  margin-top: 8px;
  text-align: center
}

@media (max-width: 768px) {
  .lift-card__price {
    margin-top: 2.4vw
  }
}

.lift-card__price-before {
  text-decoration: line-through;
  /*font-size: 1.2rem*/
	font-size: 2rem
}

@media (max-width: 768px) {
  .lift-card__price-before {
    font-size: 4.6vw
  }
}

.lift-card__price-after {
  color: #ea3658;
  font-weight: 700;
  font-size: 2rem
	
	
}

@media (max-width: 768px) {
  .lift-card__price-after {
    font-size: 6.7vw
  }
}

.lift-card__price-after:before {
  content: "\2192";
  color: #26273a;
  color: var(--color-text);
  font-size: 1.6rem;
  position: relative;
  text-decoration: none;
  margin-right: 8px
}

@media (max-width: 768px) {
  .lift-card__price-after:before {
    font-size: 5.9vw
  }
}

.lift-card__price-after em {
  /*font-size: 2.6rem*/
	font-size: 3rem
}

@media (max-width: 768px) {
  .lift-card__price-after em {
    font-size: 9.6vw
  }
}

.lift-tags__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .lift-tags__list.-float {
    margin-left: 14vw;
  }
}

.lift-tags__item {
  font-size: 1.2rem;
  background:#128bd1;
  color:#fff;
  padding: 5px 8px 6px;
  margin-right: 5px;
	margin-bottom: 5px
}
@media (max-width: 768px) {
  .lift-tags__item {
    font-size: 3vw;
    margin-right: 1.6vw;
    padding: 1.5vw 2vw;
    margin-bottom:2vw;
  }
}
.lift-tags__list.-gray{
  margin-top: 10px
}
.lift-tags__list.-gray .lift-tags__item{
  background: #eaeaea;
  color:#333;
}
@media (max-width: 768px) {
  .lift-tags__list.-gray {
    margin-top: 3vw;
  }
}

.button-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px
}

@media (max-width: 768px) {
  .button-link {
    margin-top: 5vw
  }
}

.button-link__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 486px;
  height: 56px;
  color: #fff;
  font-size: 1.8rem;
  background: #35b9f6;
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, .15);
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, .15)
}

@media (max-width: 768px) {
  .button-link__item {
    font-size: 4.3vw;
    width: 100%;
    height: 12vw
  }
}

.button-link__item:hover {
  text-decoration: none;
  background: #35a9e5
}

.button-link__item--red {
  height: 90px;
  width: 700px;
  background: #ea3658;
  font-size: 3rem;
  margin-top: 30px
}

@media (max-width: 768px) {
  .button-link__item--red {
    width: 80vw;
    height: 12vw;
    font-size: 4vw
  }
}

.button-link__item--red:hover {
  background: #ce3555
}

.news-list {
  line-height: 1.6
}

.news-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

@media (max-width: 768px) {
  .news-list__item {
    display: block
  }
}

.news-list__item:not(:first-child) {
  margin-top: 24px
}

@media (max-width: 768px) {
  .news-list__item:not(:first-child) {
    margin-top: 3vw;
    padding-top: 3vw;
    border-top: 1px dotted #c7c7c7
  }
}

@media (max-width: 768px) {
  .news-list__item:last-child {
    padding-bottom: 3vw;
    border-bottom: 1px dotted #c7c7c7
  }
}

.news-list__date {
  width: 196px;
  padding-left: 20px;
  font-weight: 700
}

@media (max-width: 768px) {
  .news-list__date {
    width: 100%;
    display: block;
    padding-left: 0;
    font-size: 3.5vw
  }
}

.news-list__title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

@media (max-width: 768px) {
  .news-list__title {
    font-size: 4vw
  }
}

.search-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  line-height: 1.8
}

@media (max-width: 768px) {
  .search-list {
    display: block
  }
}

@media (min-width: 769px) {
  .search-list__column {
    width: 50%;
    padding-right: 90px
  }
}

@media (max-width: 768px) {
  .search-list__column {
    width: 100%
  }
}

.search-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

@media (max-width: 768px) {
  .search-list__item {
    display: block
  }
}

.search-list__item:not(:first-child) {
  margin-top: 32px
}

@media (max-width: 768px) {
  .search-list__item:not(:first-child) {
    margin-top: 3vw
  }
}

.search-list__title {
  font-weight: 700;
  position: relative
}

@media (min-width: 769px) {
  .search-list__title {
    width: 86px
  }
}

@media (min-width: 769px) {
  .search-list__title:before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: 1px solid #616262;
    border-right: 1px solid #616262;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 10px;
    right: 13px
  }
}

@media (max-width: 768px) {
  .search-list__title {
    font-size: 3.5vw
  }
}

.search-list__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media (min-width: 769px) {
  .search-list__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
}

@media (max-width: 768px) {
  .search-list__content {
    width: 100%
  }
}

.search-list__link {
  display: inline-block;
  padding-right: 10px;
  position: relative
}

@media (min-width: 769px) {
  .search-list__link {
    margin-right: 8px
  }

  .search-list__link:after {
    content: "/";
    position: absolute;
    right: -3px;
    top: 0
  }
}

@media (max-width: 768px) {
  .search-list__link {
    width: calc((100% - 4.3vw) / 2);
    border-bottom: 1px dashed #128bd1;
    padding: 3vw 5vw
  }

  .search-list__link:nth-child(odd) {
    margin-right: 4.3vw
  }

  .search-list__link:before {
    content: "";
    width: 1.9vw;
    height: 1.9vw;
    border-top: 2px solid #128bd1;
    border-right: 2px solid #128bd1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 5.5vw;
    right: 3vw
  }
}

@media (max-width: 768px) {
  .chat-list {
    background: #fff;
    padding: 2.7vw
  }
}

.chat-list:not(:first-child) {
  margin-top: 56px
}

@media (max-width: 768px) {
  .chat-list:not(:first-child) {
    margin-top: 2.7vw
  }
}

.chat-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%
}

@media (min-width: 769px) {
  .chat-list__item {
    padding-right: 270px
  }
}

@media (max-width: 768px) {
  .chat-list__item {
    position: relative;
    z-index: 1
  }
}

.chat-list__item:not(:first-child) {
  margin-top: 24px
}

@media (max-width: 768px) {
  .chat-list__item:not(:first-child) {
    margin-top: 3vw
  }
}

.chat-list__item--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding-right: 0
}

@media (min-width: 769px) {
  .chat-list__item--reverse {
    padding-left: 270px
  }
}

.chat-list__item--reverse .chat-list__thumb {
  text-align: right
}

@media (max-width: 768px) {
  .chat-list__item--reverse .chat-list__thumb {
    margin-right: 1vw
  }
}

.chat-list__thumb {
  width: 130px;
  padding-top: 24px
}

@media (max-width: 768px) {
  .chat-list__thumb {
    width: 13.4vw;
    padding-top: 1.3vw;
    margin-left: 1vw
  }
}

.chat-list__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  padding: 0 36px;
  height: 107px;
  line-height: 1.8
}

@media (min-width: 769px) {
  .chat-list__content {
    position: relative
  }
}

@media (max-width: 768px) {
  .chat-list__content {
    line-height: 1.3;
    padding: 2vw 2.4vw;
    font-size: 3.5vw;
    min-height: 17.4vw;
    height: auto
  }

  .chat-list__content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
  }
}

@media (min-width: 769px) {
  .chat-list__content:before {
    content: "";
    position: absolute;
    left: -17px;
    top: 50px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 28px solid #ccc;
    -webkit-transform: rotate(-17deg);
    transform: rotate(-17deg)
  }

  .chat-list__item--reverse .chat-list__content:before {
    left: auto;
    right: -17px;
    -webkit-transform: rotate(-157deg);
    transform: rotate(-157deg)
  }
}

@media (min-width: 769px) {
  .chat-list__content--light-blue {
    background: #c4e3ee
  }

  .chat-list__content--light-blue:before {
    border-right-color: #c4e3ee
  }
}

@media (max-width: 768px) {
  .chat-list__content--light-blue:before {
    background: #f3f9fb
  }
}

@media (min-width: 769px) {
  .chat-list__content--light-pink {
    background: #eec4cd
  }

  .chat-list__content--light-pink:before {
    border-right-color: #eec4cd
  }
}

@media (max-width: 768px) {
  .chat-list__content--light-pink:before {
    background: #f9eaee
  }
}

@media (min-width: 769px) {
  .chat-list__content--light-yellow {
    background: #eff1c6
  }

  .chat-list__content--light-yellow:before {
    border-right-color: #eff1c6
  }
}

@media (max-width: 768px) {
  .chat-list__content--light-yellow:before {
    background: #fafaea
  }
}

@media (min-width: 769px) {
  .articles-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
  }
}

@media (min-width: 769px) {
  .articles-list__item {
    width: calc((100% - 75px) / 4)
  }

  .articles-list__item:not(:nth-child(4n+1)) {
    margin-left: 25px
  }
}

@media (max-width: 768px) {
  .articles-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
  }

  .articles-list__item:not(:first-child) {
    margin-top: 3vw;
    padding-top: 3vw;
    border-top: 1px dotted #c7c7c7
  }

  .articles-list__item:last-child {
    padding-bottom: 3vw;
    border-bottom: 1px dotted #c7c7c7
  }
}

.articles-list__item:hover {
  text-decoration: none
}

.articles-list__item:hover .articles-list__title {
  color: #0578dd;
  color: var(--color-link)
}

@media (max-width: 768px) {
  .articles-list__thumb {
    width: 46vw
  }
}

@media (min-width: 769px) {
  .articles-list__content {
    margin-top: 14px
  }
}

@media (max-width: 768px) {
  .articles-list__content {
    margin-left: 2.7vw
  }
}

.articles-list__category {
  display: inline-block;
  background: #095895;
  color: #fff;
  font-size: 1.2rem;
  text-align: center
}

@media (min-width: 769px) {
  .articles-list__category {
    padding: 8px 13px;
    border-radius: 10px
  }
}

@media (max-width: 768px) {
  .articles-list__category {
    padding: 1.3vw 2.7vw;
    font-size: 3vw
  }
}

.articles-list__title {
  font-size: 1.8rem;
  font-weight: 700;
  margin-top: 12px;
  line-height: 1.6;
  color: #26273a;
  color: var(--color-text);
  -webkit-transition: color 80ms ease-in;
  transition: color 80ms ease-in
}

@media (max-width: 768px) {
  .articles-list__title {
    font-size: 3.5vw;
    margin-top: 2.4vw;
    line-height: 1.4
  }
}

.articles-list__meta {
  margin-top: 8px
}

@media (max-width: 768px) {
  .articles-list__meta {
    font-size: 3.5vw;
    text-align: right;
    position: relative
  }

  .articles-list__meta:before {
    content: "";
    position: absolute;
    width: 3.5vw;
    height: 3.5vw;
    background: url(../img/mobile/icon-pencil.png) no-repeat 0 0;
    background-size: 3.5vw;
    top: 0;
    right: 39.5vw
  }
}

.ski-list__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  position: relative
}

@media (max-width: 768px) {
  .ski-list__results {
    font-size: 4vw
  }
}

.ski-list__sort-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  border: 2px solid #35b9f6;
  border-radius: 4px;
  min-width: 140px;
  padding: 0 2.7vw .6vw 9vw;
  height: 8.6vw;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background: #35b9f6;
  color: #fff;
  cursor: pointer;
  font-size: 3.2vw
}

@media (min-width: 769px) {
  .ski-list__sort-button {
    display: none
  }
}

.ski-list__sort-button:before {
  content: "";
  background: url(../img/mobile/icon-sort.png) no-repeat 0 0;
  width: 5.4vw;
  height: 2.7vw;
  background-size: 5.4vw 2.7vw;
  position: absolute;
  left: 2vw;
  top: 2.3vw
}

@media (min-width: 769px) {
  .ski-list__sorts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

@media (max-width: 768px) {
  .ski-list__sorts {
    max-height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 9vw;
    z-index: 2;
    font-size: 3.2vw
  }

  .ski-list__sorts.active {
    max-height: 500px
  }
}

.ski-list__sort {
  margin-left: 10px;
  background: #fff;
  border: 2px solid #35b9f6;
  border-radius: 4px;
  color: #35b9f6;
  min-width: 140px;
  padding: 0 10px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width: 768px) {
  .ski-list__sort {
    background: #efefef;
    border-color: #d6d6d6;
    color: #26273a;
    color: var(--color-text);
    border-bottom-width: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 12vw;
    padding: 2.7vw
  }

  .ski-list__sort:first-child {
    border-radius: 4px 4px 0 0
  }

  .ski-list__sort:not(:first-child) {
    border-radius: 0 0 0 0
  }

  .ski-list__sort:last-child {
    border-radius: 0 0 4px 4px;
    border-top-width: 1px;
    border-bottom-width: 1px
  }
}

@media (min-width: 769px) {
  .ski-list__sort--active {
    background: #35b9f6;
    color: #fff
  }
}

.ski-list__sort:hover {
  text-decoration: none;
  background: #35b9f6;
  color: #fff
}

.ski-list__content + .ski-list__content {
  margin-top: 75px
}

@media (max-width: 768px) {
  .ski-list__content + .ski-list__content {
    margin-top: 7vw
  }
}

.ski-list-article {
  margin-top: 30px
}

@media (max-width: 768px) {
  .ski-list-article {
    margin-top: 7vw
  }
}

.ski-list-article__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.ski-list-article__thumb {
  overflow: hidden;
  position: relative
}

.ski-list-article__thumb--pc {
  width: 325px;
  height: 244px
}

.ski-list-article__thumb--pc img {
  position: absolute;
  max-width: 350px;
  max-height: 350px;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%)
}

@media (max-width: 768px) {
  .ski-list-article__thumb--pc {
    display: none
  }
}

.ski-list-article__thumb--sp {
  float: left;
  width: 22.2vw;
  margin-right: 2.4vw
}

@media (min-width: 769px) {
  .ski-list-article__thumb--sp {
    display: none
  }
}

.ski-list-article__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

@media (min-width: 769px) {
  .ski-list-article__content {
    margin-left: 18px
  }
}

.ski-list-article__title {
  font-size: 2.8rem;
  font-weight: 700;
  border-left: 6px solid #35b9f6;
  padding: 4px 0 4px 20px
}

@media (max-width: 768px) {
  .ski-list-article__title {
    font-size: 4.8vw;
    border-left-width: 1vw;
    padding: 1vw 0 1vw 2.4vw
  }
}

.ski-list-article__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 9px
}

@media (min-width: 769px) {
  .ski-list-article__meta {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
}

.ski-list-article__meta span {
  display: inline-block;
  font-weight: 700;
  background: #35b9f6;
  color: #fff;
  text-align: center;
  padding: 8px 13px 8px 38px;
  border-radius: 50px;
  position: relative
}

@media (max-width: 768px) {
  .ski-list-article__meta span {
    background: none;
    color: #35b9f6;
    font-size: 3.2vw;
    padding: 0 0 0 5.4vw
  }
}

.ski-list-article__meta span:before {
  content: "";
  width: 19px;
  height: 17px;
  background: url(../img/icon-car.png) no-repeat 0 0;
  position: absolute;
  left: 12px;
  top: 7px
}

@media (max-width: 768px) {
  .ski-list-article__meta span:before {
    background-image: url(../img/mobile/icon-car.png);
    width: 4vw;
    height: 3.5vw;
    background-size: 4vw 3.5vw;
    top: 0;
    left: 0
  }
}

.ski-list-article__desc {
  margin-top: 30px;
  line-height: 1.8
}

@media (max-width: 768px) {
  .ski-list-article__desc {
    margin-top: 2.7vw;
    font-size: 3vw
  }
}

.ski-ticket-list__item {
  background: #f5f5f5;
  border: 2px solid #dbdbdb;
  padding: 9px 30px 15px 9px;
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

@media (max-width: 768px) {
  .ski-ticket-list__item {
    display: block
  }
}

.ski-ticket-list__item--pc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

@media (max-width: 768px) {
  .ski-ticket-list__item--pc {
    display: none
  }
}

.ski-ticket-list__item--sp {
  margin-top: 2.7vw;
  position: relative;
  padding: 1.3vw 8vw 4.3vw 2vw;
  display: block;
  color: #26273a;
  color: var(--color-text)
}

@media (min-width: 769px) {
  .ski-ticket-list__item--sp {
    display: none
  }
}

.ski-ticket-list__item--sp:hover {
  text-decoration: none
}

.ski-ticket-list__item--sp:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 4.8vw;
  width: 3.4vw;
  height: 3.4vw;
  border-top: 2px solid #ea3658;
  border-right: 2px solid #ea3658;
  cursor: pointer;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%)
}

.ski-ticket-list__item--small-margin {
  margin-top: 18px
}

@media (max-width: 768px) {
  .ski-ticket-list__item--small-margin {
    padding: 2.4vw 2.4vw 10.8vw;
    margin-top: 5.6vw;
    position: relative
  }

  .ski-ticket-list__item--small-margin .ski-ticket-list__title {
    font-size: 4.3vw
  }

  .ski-ticket-list__item--small-margin .ski-ticket-list__thumb {
    border-radius: 0
  }

  .ski-ticket-list__item--small-margin .ski-ticket-list__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px dashed #bfbfbf;
    padding-bottom: 5vw;
    margin-top: 6vw
  }

  .ski-ticket-list__item--small-margin .ski-ticket-list__more .ski-ticket-list__link {
    width: 61.4vw;
    height: 10vw;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 5.6vw
  }
}

.ski-ticket-list__thumb {
  width: 149px;
  height: 112px;
  overflow: hidden;
  position: relative
}

.ski-ticket-list__thumb img {
  position: absolute;
  max-width: 160px;
  max-height: 160px;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%)
}

@media (max-width: 768px) {
  .ski-ticket-list__thumb {
    width: 10.7vw;
    height: 10.7vw;
    border-radius: 100vw;
    overflow: hidden;
    position: absolute
  }

  .ski-ticket-list__thumb img {
    max-width: 15.5vw;
    max-height: 15.5vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
  }
}

.ski-ticket-list__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

@media (min-width: 769px) {
  .ski-ticket-list__content {
    margin-left: 16px
  }
}

.ski-ticket-list__title {
  font-size: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #c9c9c9;
  line-height: 1.3;
  font-weight: 700;
  padding-bottom: 6px;
  min-height:53px;
}

@media (max-width: 768px) {
  .ski-ticket-list__title {
    font-size: 3.8vw;
    margin-left: 14vw;
    min-height: 8vw;
    padding: 0;
    border: 0
  }
}

.ski-ticket-list__price {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

@media (max-width: 768px) {
  .ski-ticket-list__price {
    margin-top: 0
  }
}

.ski-ticket-list__price-before span {
  text-decoration: line-through
}

@media (max-width: 768px) {
  .ski-ticket-list__price-before {
    font-size: 3.5vw
  }
}

.ski-ticket-list__price-after {
  color: #ea3658;
  font-weight: 700;
  font-size: 2.4rem;
  margin-left: 14px;
  position: relative;
  top: 8px
}

@media (max-width: 768px) {
  .ski-ticket-list__price-after {
    font-size: 5.4vw;
    margin-left: 2vw
  }
}

.ski-ticket-list__price-after:before {
  content: "\2192";
  color: #26273a;
  color: var(--color-text);
  font-size: 2.4rem;
  text-decoration: none;
  margin-right: 8px;
  position: relative;
  top: -2px
}

@media (max-width: 768px) {
  .ski-ticket-list__price-after:before {
    font-size: 4.8vw;
    margin-right: 1vw
  }
}

.ski-ticket-list__price-after em {
  font-size: 3.8rem
}

@media (max-width: 768px) {
  .ski-ticket-list__price-after em {
    font-size: 5.4vw
  }
}

.ski-ticket-list__sale-icon {
  background: #ea3658;
  font-size: 1.7rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
  padding: 4px 14px 6px;
  display: inline-block;
  position: relative;
  top: -5px
}

@media (max-width: 768px) {
  .ski-ticket-list__sale-icon {
    font-size: 3vw;
    padding: 1.2vw 2vw;
    top: -.8vw
  }
}

.ski-ticket-list__sale-icon em {
  font-size: 1.8rem
}

@media (max-width: 768px) {
  .ski-ticket-list__sale-icon em {
    font-size: 3vw
  }
}

.ski-ticket-list__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 160px
}

@media (max-width: 768px) {
  .ski-ticket-list__more {
    display: none
  }
}

.ski-ticket-list__more--small-margin {
  margin-left: 37px
}

.ski-ticket-list__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  background: #ea3658;
  color: #fff;
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, .15);
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, .15);
  width: 155px;
  height: 60px;
  font-size: 1.8rem;
  letter-spacing: 2px
}

.ski-ticket-list__link:hover {
  text-decoration: none;
  background: #cc2546
}

.ski-ticket-column {
  margin-top: 18px;
  width: 100%
}

@media (min-width: 769px) {
  .ski-ticket-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

@media (max-width: 768px) {
  .ski-ticket-column {
    border-top: 1px dashed #bfbfbf;
    margin-top: 2.5vw;
    padding-top: 2vw
  }
}

@media (min-width: 769px) {
  .ski-ticket-column__item:first-child {
    width: 390px;
    padding-right: 15px
  }

  .ski-ticket-column__item:not(:first-child) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding-left: 12px
  }

  .ski-ticket-column__item:not(:first-child):before {
    content: "";
    width: 1px;
    height: calc(100% + 30px);
    position: absolute;
    top: -19px;
    left: 0;
    background: #c9c9c9
  }
}

.ski-ticket-column__desc {
  line-height: 1.6
}

@media (max-width: 768px) {
  .ski-ticket-column__desc {
    font-size: 3.5vw
  }
}

.ski-ticket-column__period {
  margin-top: 24px;
  margin-bottom: 14px;
  font-size: 1.2rem;
  display: block
}

@media (max-width: 768px) {
  .ski-ticket-column__period {
    position: absolute;
    right: 0;
    width: auto;
    margin: 0 2.4vw 0 0;
    bottom: 4.6vw;
    font-size: 3.2vw
  }
}

.ski-ticket-column__price {
  margin-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media (max-width: 768px) {
  .ski-ticket-column__price {
    margin-top: 1.8vw
  }
}

.ski-ticket-column__price-after:nth-child(n+3), .ski-ticket-column__price-before:nth-child(n+3) {
  margin-top: 10px
}

@media (max-width: 768px) {
  .ski-ticket-column__price-after:nth-child(n+3), .ski-ticket-column__price-before:nth-child(n+3) {
    margin-top: 3vw
  }
}

.ski-ticket-column__price-before {
  width: 105px;
  color: #128bd1;
  padding-left: 2px
}

@media (max-width: 768px) {
  .ski-ticket-column__price-before {
    font-size: 6.4vw;
    width: 42vw
  }
}

.ski-ticket-column__price-before span {
  text-decoration: line-through;
  color: #26273a;
  color: var(--color-text)
}

.ski-ticket-column__price-after {
  color: #ea3658;
  font-weight: 700;
  font-size: 1.8rem;
  margin-left: 14px;
  width: calc(100% - 105px - 14px);
  position: relative;
  top: 4px
}

@media (max-width: 768px) {
  .ski-ticket-column__price-after {
    width: calc(100% - 42vw - 2vw);
    margin-left: 2vw;
    font-size: 6.4vw
  }
}

.ski-ticket-column__price-after:before {
  content: "\2192";
  color: #26273a;
  color: var(--color-text);
  font-size: 2rem;
  text-decoration: none;
  margin-right: 8px;
  position: relative;
  top: -2px
}

@media (max-width: 768px) {
  .ski-ticket-column__price-after:before {
    font-size: 7.5vw
  }
}

.ski-ticket-column__price-after em {
  font-size: 2.5rem
}

@media (max-width: 768px) {
  .ski-ticket-column__price-after em {
    font-size: 8vw
  }
}

.ski-ticket-column__sale-icon {
  background: #ea3658;
  font-size: 1.7rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
  padding: 4px 14px 6px;
  display: block;
  position: relative
}

@media (max-width: 768px) {
  .ski-ticket-column__sale-icon {
    font-size: 3.5vw;
    width: 39.5vw;
    padding: 1vw 0;
    margin-top: 1vw
  }
}

.ski-ticket-column__sale-icon em {
  font-size: 1.8rem
}

@media (max-width: 768px) {
  .ski-ticket-column__sale-icon em {
    font-size: 3.5vw
  }
}

.btn-link-list {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width: 768px) {
  .btn-link-list {
    margin-top: 3.2vw
  }
}

.btn-link-list__item {
  border: 1px solid #128bd1;
  color: #128bd1;
  width: calc((100% - 78px) / 4);
  height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

@media (min-width: 769px) {
  .btn-link-list__item {
    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .15)
  }
}

@media (max-width: 768px) {
  .btn-link-list__item {
    width: 25%;
    height: 12.6vw;
    padding: 0 3vw;
    text-align: center;
    font-size: 3.5vw;
    line-height: 1.2
  }
}

@media (min-width: 769px) {
  .btn-link-list__item:before {
    content: "";
    border-top: 2px solid #128bd1;
    border-right: 2px solid #128bd1;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
    transform: translateY(-50%) translateX(-50%) rotate(45deg)
  }
}

.btn-link-list__item:not(:first-child) {
  margin-left: 26px
}

@media (max-width: 768px) {
  .btn-link-list__item:not(:first-child) {
    margin-left: 0;
    border-left-width: 0
  }
}

@media (max-width: 768px) {
  .btn-link-list__item:first-child {
    border-radius: 8px 0 0 8px
  }

  .btn-link-list__item:last-child {
    border-radius: 0 8px 8px 0
  }
}

.btn-link-list__item--current, .btn-link-list__item:hover {
  background: #128bd1;
  text-decoration: none;
  color: #fff
}

.btn-link-list__item--current:before, .btn-link-list__item:hover:before {
  border-top-color: #fff;
  border-right-color: #fff
}

.price-table-caption-list {
  margin-top: 35px
}

@media (max-width: 768px) {
  .price-table-caption-list {
    margin-top: 2vw
  }
}

.price-table-caption-list__item {
  position: relative;
  padding-left: 26px;
  font-size: 1.4rem;
  line-height: 1.6
}

@media (max-width: 768px) {
  .price-table-caption-list__item {
    font-size: 3.5vw
  }
}

.price-table-caption-list__item:not(:first-child) {
  margin-top: 10px
}

@media (max-width: 768px) {
  .price-table-caption-list__item:not(:first-child) {
    margin-top: 2.4vw
  }
}

.price-table-caption-list__item:before {
  content: "\203B";
  position: absolute;
  left: 0;
  top: 0
}

.price-table {
  line-height: 1.2;
  border: 2px solid #ededed
}

@media (max-width: 768px) {
  .price-table {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    font-size: 3vw
  }

  .price-table .price-table__title--sticky {
    position: -webkit-sticky;
    position: sticky;
    left: 0
  }

  .price-table td, .price-table th {
    white-space: nowrap;
    padding: 4vw 2vw
  }
}

.price-table tr > th:first-child {
  width: 150px
}

.price-table tr > td:nth-child(2) {
  width: 270px
}

.price-table__row:not(:first-child) {
  border-top: 1px solid
}

.price-table__title {
  padding: 18px 10px;
  background: #cbeffe;
  font-weight: 700;
  text-align: center
}

.price-table__title:not(:last-child) {
  border-right: 1px solid #8baab7
}

.price-table__content {
  padding: 18px 10px;
  text-align: center;
  background: #fff;
  vertical-align: middle
}

.price-table__content--align-left {
  text-align: left
}

.price-table__content:not(:last-child) {
  border-right: 1px solid #8baab7
}
.price-table__ftr{
  display: none;
}
@media (max-width: 768px) {
  .price-table__ftr{
    display: block;
    text-align: right;
    margin-top:2vw;
    font-size:3.5vw;
  }
}
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

@media (max-width: 768px) {
  .slick-slider img {
    width: 40vw
  }
}

.slick-slider__caption {
  display: block;
  color: #26273a;
  color: var(--color-text);
  padding-left: 16px;
  margin-top: 16px;
  font-size: 1.4rem;
  position: relative
}

@media (max-width: 768px) {
  .slick-slider__caption {
    text-align: left;
    margin-left: 2vw;
    line-height: 1.4;
    margin-top: 2vw;
    font-size: 3.5vw;
    padding-left: 4vw
  }
}

.slick-slider__caption:before {
  content: "";
  width: 7px;
  height: 7px;
  border-top: 1px solid #63bad0;
  border-right: 1px solid #63bad0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 2px;
  left: 0
}

@media (max-width: 768px) {
  .slick-slider__caption:before {
    width: 1.9vw;
    height: 1.9vw;
    top: 1.2vw
  }
}

.slick-list {
  position: relative;
  max-width: 1010px;
  overflow: hidden;
  margin: 0 auto;
  padding: 0
}

@media (max-width: 768px) {
  .slick-list {
    margin: 0 5vw
  }
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:after, .slick-track:before {
  display: table;
  content: ""
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

@media (max-width: 768px) {
  .slick-slide {
    text-align: center
  }
}

.slick-slide:hover {
  text-decoration: none
}

.slick-slide:hover .slick-slider__caption {
  color: #0578dd;
  color: var(--color-link)
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.slick-slider__next, .slick-slider__prev {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  border-top: 2px solid #ea3658;
  border-right: 2px solid #ea3658;
  cursor: pointer
}

@media (max-width: 768px) {
  .slick-slider__next, .slick-slider__prev {
    width: 3.4vw;
    height: 3.4vw
  }
}

.slick-slider__prev {
  left: 8px;
  -webkit-transform: rotate(-135deg) translateY(-50%);
  transform: rotate(-135deg) translateY(-50%);
  -webkit-transform-origin: left top;
  transform-origin: left top
}

@media (max-width: 768px) {
  .slick-slider__prev {
    left: 3vw
  }
}

.slick-slider__next {
  right: 8px;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  -webkit-transform-origin: right top;
  transform-origin: right top
}

@media (max-width: 768px) {
  .slick-slider__next {
    right: 1vw
  }
}

.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #000;
  background-color: rgba(0, 0, 0, .75);
  text-align: center
}

@media (max-width: 768px) {
  .blocker {
    padding: 0
  }
}

.blocker:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -.05em
}

@media (max-width: 768px) {
  .blocker:before {
    margin: 0
  }
}

.blocker.behind {
  background-color: transparent
}

.modal {
  display: none;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  max-width: 1100px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 90%;
  background: #fff;
  padding: 0;
  -webkit-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  text-align: left
}

@media (max-width: 768px) {
  .modal {
    width: 100vw;
    height: 100%
  }
}

.modal a.close-modal {
  position: absolute;
  top: -43.5px;
  right: 0;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url(../img/icon-modal-close.png)
}

@media (max-width: 768px) {
  .modal a.close-modal {
    top: 0;
    right: 0;
    background-color: #2f2f2f;
    height: 10.5vw;
    width: 11%;
    padding: 3vw;
    background-size: 6vw
  }
}

.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px
}

.modal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;
  -webkit-animation: a 1.2s infinite ease-in-out;
  animation: a 1.2s infinite ease-in-out
}

.modal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s
}

.modal-spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s
}

.modal-spinner .rect4 {
  -webkit-animation-delay: -.9s;
  animation-delay: -.9s
}

@-webkit-keyframes a {
  0%, 40%, to {
    -webkit-transform: scaleY(.5)
  }
  20% {
    -webkit-transform: scaleY(1)
  }
}

@keyframes a {
  0%, 40%, to {
    transform: scaleY(.5);
    -webkit-transform: scaleY(.5)
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1)
  }
}

.modal-header {
  width: 100%
}

.modal-header, .modal-header__select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.modal-header__select {
  width: 258px;
  height: 69px;
  background: #fff;
  color: #26273a;
  color: var(--color-text);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 16px;
  cursor: pointer;
  -webkit-transition: background-color 80ms ease-in;
  transition: background-color 80ms ease-in
}

@media (max-width: 768px) {
  .modal-header__select {
    width: 44.5%;
    font-size: 3vw;
    padding-left: .9vw;
    height: 10.5vw;
    font-weight: 700
  }
}

.modal-header__select:hover {
  text-decoration: none
}

.modal-header__select:hover em:after {
  border-top-color: #fff;
  border-right-color: #fff
}

.modal-header__select--icon-japan:before, .modal-header__select--icon-mountain:before {
  content: "";
  width: 32px;
  height: 32px;
  margin-right: 6px
}

@media (max-width: 768px) {
  .modal-header__select--icon-japan:before, .modal-header__select--icon-mountain:before {
    width: 4.5vw;
    height: 4.5vw;
    margin-right: .9vw
  }
}

.modal-header__select--icon-japan {
  background: #128bd1;
  color: #fff
}

.modal-header__select--icon-japan.active, .modal-header__select--icon-japan.active:hover {
  background: #ea3658
}

@media (max-width: 768px) {
  .modal-header__select--icon-japan {
    padding-left: 3.9vw
  }
}

.modal-header__select--icon-japan:before {
  background: url(../img/icon-search-japan-white.png) no-repeat 0 0
}

@media (max-width: 768px) {
  .modal-header__select--icon-japan:before, .modal-header__select--icon-japan:hover:before {
    background-size: 4.5vw
  }
}

.modal-header__select--icon-mountain {
  position: relative;
  width: 290px;
  background: #128bd1;
  color: #fff
}

.modal-header__select--icon-mountain.active, .modal-header__select--icon-mountain.active:hover {
  background: #ea3658
}

@media (max-width: 768px) {
  .modal-header__select--icon-mountain {
    width: 50%;
    padding-left: 2.2vw
  }
}

.modal-header__select--icon-mountain:before {
  background: url(../img/icon-search-mountain-white.png) no-repeat 0 0
}

@media (max-width: 768px) {
  .modal-header__select--icon-mountain:before {
    background-size: 4.5vw
  }
}

@media (min-width: 769px) {
  .modal-header__select--icon-mountain:after {
    content: "";
    position: absolute;
    background: #32a2e2;
    height: 38px;
    width: 1px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
  }
}

@media (max-width: 768px) {
  .modal-header__select--icon-mountain:hover:before {
    background-size: 4.5vw
  }
}

.modal-header__select em {
  font-size: 2.4rem;
  position: relative
}

@media (max-width: 768px) {
  .modal-header__select em {
    font-size: 4.7vw
  }
}

@media (min-width: 769px) {
  .modal-header__select em:after {
    content: "";
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 4px;
    right: -85px
  }
}

.modal-header__words {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 69px;
  font-size: 2.2rem;
  padding: 16px;
  border: 2px solid #128bd1;
  position: relative
}

@media (max-width: 768px) {
  .modal-header__words {
    font-size: 4.7vw;
    margin-top: 10px;
    padding: 8px;
    width: 100%;
    position: absolute;
    left: 0;
    background: #e2f4fe;
    bottom: 22.2vw;
    border: 0;
    height: 17.4vw;
    z-index: 10
  }
}

.modal-header__words input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0
}

@media (max-width: 768px) {
  .modal-header__words input {
    width: 82vw;
    height: 11.2vw;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-appearance: none;
    border-radius: 0
  }
}

.modal-header__words input:focus {
  outline: none
}

.modal-header__submit {
  height: 69px;
  width: 176px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 2.4rem;
  border: 0;
  -webkit-transition: background-color 80ms ease-in;
  transition: background-color 80ms ease-in;
  position: relative
}

@media (max-width: 768px) {
  .modal-header__submit {
    font-size: 4.7vw;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 22.2vw;
    background: #1a91d5;
    z-index: 10
  }
}

.modal-header__submit input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: #ea3658;
  color: #fff;
  cursor: pointer
}

@media (max-width: 768px) {
  .modal-header__submit input {
    width: 75vw;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 2px 0 #1b7cb4;
    box-shadow: 0 2px 0 #1b7cb4;
    height: 10.5vw;
    padding: 0
  }
}

.modal-header__submit input:hover {
  background: #d93556
}

.modal-header__submit input[disabled] {
  -webkit-appearance: none;
  opacity: 1;
  background: #a8a8a8
}

.modal-header__submit input[disabled]:hover {
  background: #a8a8a8
}

.modal-content {
  margin: 0 auto
}

@media (max-width: 768px) {
  .modal-content {
    height: 127.5vw
  }
}

.modal-content__title {
  font-size: 2rem;
  padding: 18px 0;
  border-bottom: 1px solid #35b9f6
}

@media (max-width: 768px) {
  .modal-content__title {
    font-size: 4.3vw;
    margin: 0 2.4vw 4vw;
    padding: 4vw 0 3vw
  }
}

@media (max-width: 768px) {
  .modal-content__title--mobile-hidden {
    display: none
  }
}

@media (min-width: 769px) {
  .modal-content__note {
    display: none
  }
}

@media (max-width: 768px) {
  .modal-content__note {
    text-align: right;
    font-size: 3.2vw;
    margin: 1.6vw 2.4vw 4vw
  }
}

.modal-map-target, .modal-ski-target {
  max-height: 0;
  overflow: hidden
}

@media (min-width: 769px) {
  .modal-map-target, .modal-ski-target {
    padding: 0 20px
  }
}

@media (max-width: 768px) {
  .modal-map-target, .modal-ski-target {
    height: 127.5vw
  }
}

.modal-map-target.active, .modal-ski-target.active {
  max-height: 2000px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

.modal-map {
  position: relative;
  background: url(../img/map_default.png) no-repeat top;
  background-size: 550px auto;
  height: 614px
}

@media (max-width: 768px) {
  .modal-map {
    background: none;
    height: auto;
    margin: 0 2.4vw;
    padding-bottom: 8vw
  }
}

@media (min-width: 769px) {
  .modal-map--hokkaido {
    background-image: url(../img/map_hokkaido.png)
  }

  .modal-map--hokuriku {
    background-image: url(../img/map_hokuriku.png)
  }

  .modal-map--kanto {
    background-image: url(../img/map_kanto.png)
  }

  .modal-map--kinki {
    background-image: url(../img/map_kinki.png)
  }

  .modal-map--koshinetsu {
    background-image: url(../img/map_koshinetsu.png)
  }

  .modal-map--kyusyu {
    background-image: url(../img/map_kyusyu.png)
  }

  .modal-map--shikoku {
    background-image: url(../img/map_shikoku.png)
  }

  .modal-map--tohoku {
    background-image: url(../img/map_tohoku.png)
  }

  .modal-map--tokai {
    background-image: url(../img/map_tokai.png)
  }

  .modal-map--tyugoku {
    background-image: url(../img/map_tyugoku.png)
  }

  .modal-map__item {
    position: absolute;
    font-size: 1.4rem;
    border: 2px solid #128bd1;
    background: #fff;
    padding: 4px 8px 8px;
    min-width: 150px;
    max-width: 230px;
    cursor: pointer
  }

  .modal-map__item--hokkaido {
    left: 420px;
    top: 60px
  }

  .modal-map__item--hokuriku {
    top: 232px;
    left: 242px
  }

  .modal-map__item--kanto {
    top: 210px;
    left: 715px
  }

  .modal-map__item--kinki {
    top: 460px;
    left: 610px
  }

  .modal-map__item--koshinetsu {
    top: 157px;
    left: 328px
  }

  .modal-map__item--kyusyu {
    top: 425px;
    left: 6px
  }

  .modal-map__item--shikoku {
    top: 490px;
    left: 352px
  }

  .modal-map__item--tohoku {
    top: 100px;
    left: 740px
  }

  .modal-map__item--tokai {
    top: 364px;
    left: 647px
  }

  .modal-map__item--tyugoku {
    top: 322px;
    left: 92px
  }
}

.modal-map__title {
  border-bottom: 1px dashed #128bd1;
  margin-bottom: 7px;
  padding-bottom: 6px
}

@media (max-width: 768px) {
  .modal-map__title {
    display: none
  }
}

@media (min-width: 769px) {
  .modal-map__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

@media (min-width: 769px) {
  .modal-map__list {
    width: 68px;
    color: #2483c2;
    text-decoration: underline;
    position: relative;
    padding-left: 10px
  }

  .modal-map__list:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    border-left: 5px solid #2483c2;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
  }

  .modal-map__list:nth-child(n+4) {
    margin-top: 10px
  }
}

@media (max-width: 768px) {
  .modal-map__list {
    font-size: 3.8vw;
    position: relative;
    padding: 4vw 2vw;
    border-bottom: 1px dotted #128bd1
  }

  .modal-map__list:before {
    content: "";
    width: 1.9vw;
    height: 1.9vw;
    border-top: 2px solid #128bd1;
    border-right: 2px solid #128bd1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 4.4vw;
    right: 3vw
  }
}

@media (min-width: 769px) {
  .modal-ski-lists {
    position: absolute;
    background: #fff;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    max-height: 0;
    overflow: hidden;
    padding-top: 20px
  }
}

@media (max-width: 768px) {
  .modal-ski-lists {
    position: absolute;
    background: #fff;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    z-index: 1;
    max-height: 0;
    overflow: hidden
  }
}

.modal-ski-lists--static {
  position: static
}

.modal-ski-lists.active {
  max-height: 2000px;
  min-height: 100%;
  padding-bottom: 20px
}

@media (max-width: 768px) {
  .modal-ski-lists.active {
    padding-bottom: 24vw
  }
}

.modal-ski-lists__list {
  display: inline-block;
  width: calc((100% - 24px) / 2);
  border-bottom: 1px dotted #128bd1;
  font-size: 1.8rem;
  padding: 20px 60px
}

@media (max-width: 768px) {
  .modal-ski-lists__list {
    width: 100%;
    font-size: 3.8vw;
    position: relative;
    padding: 4vw 8vw
  }
}

@media (min-width: 769px) {
  .modal-ski-lists__list:nth-child(odd) {
    margin-right: 24px
  }
}

.modal-ski-lists__list input {
  display: none
}

.modal-ski-lists__list input:checked + span:before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/icon-check.png) no-repeat 0 0;
  position: absolute;
  top: -5px;
  left: -40px
}

@media (max-width: 768px) {
  .modal-ski-lists__list input:checked + span:before {
    width: 4vw;
    background-size: 100%;
    left: -5.8vw;
    height: 4vw;
    top: -.2vw
  }
}

@media (min-width: 769px) {
  .modal-ski-lists__list input:checked + span + em {
    color: #128bd1
  }
}

.modal-ski-lists__list span {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: absolute
}

.modal-ski-lists__list em {
  font-weight: 400
}

.modal-ski-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 20px
}

@media (max-width: 768px) {
  .modal-ski-nav {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: auto;
    margin: 3vw -2.4vw 4vw
  }
}

.modal-ski-nav__item {
  width: calc((100% - 261px) / 10);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #128bd1;
  color: #128bd1;
  font-size: 3rem;
  height: 60px;
  cursor: pointer;
  border-radius: 5px
}

@media (max-width: 768px) {
  .modal-ski-nav__item {
    width: 20%;
    font-size: 5.6vw;
    height: 9.1vw;
    border-radius: 0;
    border: 0
  }

  .modal-ski-nav__item:nth-child(n+6) {
    border-top: 1px dotted #128bd1
  }

  .modal-ski-nav__item:not(:nth-child(5n+1)) {
    border-left: 1px dotted #128bd1
  }
}

.modal-ski-nav__item.active, .modal-ski-nav__item:hover {
  background: #128bd1;
  color: #fff
}

@media (min-width: 769px) {
  .modal-ski-nav__item:not(:first-child) {
    margin-left: 29px
  }
}

@media (min-width: 769px) {
  .modal-ski {
    height: 614px
  }
}

@media (max-width: 768px) {
  .modal-ski {
    margin: 0 2.4vw;
    padding-bottom: 8vw
  }
}

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
  content: "";
  display: table;
  border-collapse: collapse
}

.ui-helper-clearfix:after {
  clear: both
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0)
}

.ui-front {
  z-index: 100
}

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0
}

.ui-menu .ui-menu {
  position: absolute
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0
}

.ui-menu .ui-state-active, .ui-menu .ui-state-focus {
  margin: -1px
}

.ui-menu-icons {
  position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0
}

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible
}

.ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited {
  text-decoration: none
}

.ui-button-icon-only {
  width: 2em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap
}

input.ui-button.ui-button-icon-only {
  text-indent: 0
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em
}

button.ui-button::-moz-focus-inner, input.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0
}

.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus, .ui-controlgroup > .ui-controlgroup-item:focus {
  z-index: 9999
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc(100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
  -webkit-box-shadow: inset 1px 1px 1px #ccc;
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid
}

.ui-checkboxradio-disabled {
  pointer-events: none
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
  top: 1px
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px
}

.ui-datepicker .ui-datepicker-next {
  right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: 700;
  border: 0
}

.ui-datepicker td {
  border: 0;
  padding: 1px
}

.ui-datepicker td a, .ui-datepicker td span {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em;
  width: auto;
  overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left
}

.ui-datepicker.ui-datepicker-multi {
  width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0
}

.ui-datepicker-rtl {
  direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px
}

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0;
  padding: 1px;
  height: 20px
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0
}

.ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw, .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw {
  width: 7px;
  height: 7px
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none
}

.ui-resizable {
  position: relative
}

.ui-resizable-handle {
  position: absolute;
  font-size: .1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none
}

.ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
  display: none
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted #000
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
  padding: 2px .4em;
  margin: .5em 0 0;
  height: auto;
  border: 0
}

.ui-selectmenu-open {
  display: block
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0
}

.ui-slider {
  position: relative;
  text-align: left
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter: inherit;
  filter: inherit
}

.ui-slider-horizontal {
  height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0
}

.ui-slider-vertical {
  width: .8em;
  height: 100px
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0
}

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none
}

.ui-spinner-up {
  top: 0
}

.ui-spinner-down {
  bottom: 0
}

.ui-tabs {
  position: relative;
  padding: .2em
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px
}

body .ui-tooltip {
  border-width: 2px
}

.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em
}

.ui-widget .ui-widget {
  font-size: 1em
}

.ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em
}

.ui-widget.ui-widget-content {
  border: 1px solid #d3d3d3
}

.ui-widget-content {
  border: 1px solid #aaa;
  background: #fff;
  color: #222
}

.ui-widget-content a {
  color: #222
}

.ui-widget-header {
  border: 1px solid #aaa;
  background: #ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
  color: #222;
  font-weight: 700
}

.ui-widget-header a {
  color: #222
}

.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
  font-weight: 400;
  color: #555
}

.ui-button, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button {
  color: #555;
  text-decoration: none
}

.ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
  border: 1px solid #999;
  background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
  font-weight: 400;
  color: #212121
}

.ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, a.ui-button:focus, a.ui-button:hover {
  color: #212121;
  text-decoration: none
}

.ui-visual-focus {
  -webkit-box-shadow: 0 0 3px 1px #5e9ed6;
  box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
  border: 1px solid #aaa;
  background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  font-weight: 400;
  color: #212121
}

.ui-icon-background, .ui-state-active .ui-icon-background {
  border: #aaa;
  background-color: #212121
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #212121;
  text-decoration: none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
  color: #363636
}

.ui-state-checked {
  border: 1px solid #fcefa1;
  background: #fbf9ee
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
  color: #cd0a0a
}

.ui-state-error-text, .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error-text, .ui-widget-header .ui-state-error a {
  color: #cd0a0a
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: 700
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: 400
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35)
}

.ui-icon {
  width: 16px;
  height: 16px
}

.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
  background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-button:active .ui-icon, .ui-button:focus .ui-icon, .ui-button:hover .ui-icon, .ui-state-active .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
  background-image: url(images/ui-icons_454545_256x240.png)
}

.ui-button .ui-state-highlight.ui-icon, .ui-state-highlight .ui-icon {
  background-image: url(images/ui-icons_2e83ff_256x240.png)
}

.ui-state-error-text .ui-icon, .ui-state-error .ui-icon {
  background-image: url(images/ui-icons_cd0a0a_256x240.png)
}

.ui-button .ui-icon {
  background-image: url(images/ui-icons_888888_256x240.png)
}

.ui-icon-blank {
  background-position: 16px 16px
}

.ui-icon-caret-1-n {
  background-position: 0 0
}

.ui-icon-caret-1-ne {
  background-position: -16px 0
}

.ui-icon-caret-1-e {
  background-position: -32px 0
}

.ui-icon-caret-1-se {
  background-position: -48px 0
}

.ui-icon-caret-1-s {
  background-position: -65px 0
}

.ui-icon-caret-1-sw {
  background-position: -80px 0
}

.ui-icon-caret-1-w {
  background-position: -96px 0
}

.ui-icon-caret-1-nw {
  background-position: -112px 0
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px
}

.ui-icon-arrow-4 {
  background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px
}

.ui-icon-extlink {
  background-position: -32px -80px
}

.ui-icon-newwin {
  background-position: -48px -80px
}

.ui-icon-refresh {
  background-position: -64px -80px
}

.ui-icon-shuffle {
  background-position: -80px -80px
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px
}

.ui-icon-folder-open {
  background-position: -16px -96px
}

.ui-icon-document {
  background-position: -32px -96px
}

.ui-icon-document-b {
  background-position: -48px -96px
}

.ui-icon-note {
  background-position: -64px -96px
}

.ui-icon-mail-closed {
  background-position: -80px -96px
}

.ui-icon-mail-open {
  background-position: -96px -96px
}

.ui-icon-suitcase {
  background-position: -112px -96px
}

.ui-icon-comment {
  background-position: -128px -96px
}

.ui-icon-person {
  background-position: -144px -96px
}

.ui-icon-print {
  background-position: -160px -96px
}

.ui-icon-trash {
  background-position: -176px -96px
}

.ui-icon-locked {
  background-position: -192px -96px
}

.ui-icon-unlocked {
  background-position: -208px -96px
}

.ui-icon-bookmark {
  background-position: -224px -96px
}

.ui-icon-tag {
  background-position: -240px -96px
}

.ui-icon-home {
  background-position: 0 -112px
}

.ui-icon-flag {
  background-position: -16px -112px
}

.ui-icon-calendar {
  background-position: -32px -112px
}

.ui-icon-cart {
  background-position: -48px -112px
}

.ui-icon-pencil {
  background-position: -64px -112px
}

.ui-icon-clock {
  background-position: -80px -112px
}

.ui-icon-disk {
  background-position: -96px -112px
}

.ui-icon-calculator {
  background-position: -112px -112px
}

.ui-icon-zoomin {
  background-position: -128px -112px
}

.ui-icon-zoomout {
  background-position: -144px -112px
}

.ui-icon-search {
  background-position: -160px -112px
}

.ui-icon-wrench {
  background-position: -176px -112px
}

.ui-icon-gear {
  background-position: -192px -112px
}

.ui-icon-heart {
  background-position: -208px -112px
}

.ui-icon-star {
  background-position: -224px -112px
}

.ui-icon-link {
  background-position: -240px -112px
}

.ui-icon-cancel {
  background-position: 0 -128px
}

.ui-icon-plus {
  background-position: -16px -128px
}

.ui-icon-plusthick {
  background-position: -32px -128px
}

.ui-icon-minus {
  background-position: -48px -128px
}

.ui-icon-minusthick {
  background-position: -64px -128px
}

.ui-icon-close {
  background-position: -80px -128px
}

.ui-icon-closethick {
  background-position: -96px -128px
}

.ui-icon-key {
  background-position: -112px -128px
}

.ui-icon-lightbulb {
  background-position: -128px -128px
}

.ui-icon-scissors {
  background-position: -144px -128px
}

.ui-icon-clipboard {
  background-position: -160px -128px
}

.ui-icon-copy {
  background-position: -176px -128px
}

.ui-icon-contact {
  background-position: -192px -128px
}

.ui-icon-image {
  background-position: -208px -128px
}

.ui-icon-video {
  background-position: -224px -128px
}

.ui-icon-script {
  background-position: -240px -128px
}

.ui-icon-alert {
  background-position: 0 -144px
}

.ui-icon-info {
  background-position: -16px -144px
}

.ui-icon-notice {
  background-position: -32px -144px
}

.ui-icon-help {
  background-position: -48px -144px
}

.ui-icon-check {
  background-position: -64px -144px
}

.ui-icon-bullet {
  background-position: -80px -144px
}

.ui-icon-radio-on {
  background-position: -96px -144px
}

.ui-icon-radio-off {
  background-position: -112px -144px
}

.ui-icon-pin-w {
  background-position: -128px -144px
}

.ui-icon-pin-s {
  background-position: -144px -144px
}

.ui-icon-play {
  background-position: 0 -160px
}

.ui-icon-pause {
  background-position: -16px -160px
}

.ui-icon-seek-next {
  background-position: -32px -160px
}

.ui-icon-seek-prev {
  background-position: -48px -160px
}

.ui-icon-seek-end {
  background-position: -64px -160px
}

.ui-icon-seek-first, .ui-icon-seek-start {
  background-position: -80px -160px
}

.ui-icon-stop {
  background-position: -96px -160px
}

.ui-icon-eject {
  background-position: -112px -160px
}

.ui-icon-volume-off {
  background-position: -128px -160px
}

.ui-icon-volume-on {
  background-position: -144px -160px
}

.ui-icon-power {
  background-position: 0 -176px
}

.ui-icon-signal-diag {
  background-position: -16px -176px
}

.ui-icon-signal {
  background-position: -32px -176px
}

.ui-icon-battery-0 {
  background-position: -48px -176px
}

.ui-icon-battery-1 {
  background-position: -64px -176px
}

.ui-icon-battery-2 {
  background-position: -80px -176px
}

.ui-icon-battery-3 {
  background-position: -96px -176px
}

.ui-icon-circle-plus {
  background-position: 0 -192px
}

.ui-icon-circle-minus {
  background-position: -16px -192px
}

.ui-icon-circle-close {
  background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px
}

.ui-icon-circle-check {
  background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px
}

.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
  border-top-left-radius: 4px
}

.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
  border-top-right-radius: 4px
}

.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
  border-bottom-left-radius: 4px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
  border-bottom-right-radius: 4px
}

.ui-widget-overlay {
  background: #aaa;
  opacity: .3;
  filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
  -webkit-box-shadow: -8px -8px 8px #aaa;
  box-shadow: -8px -8px 8px #aaa
}