@charset "UTF-8";
/*--------------------------------------------------------------------------
   reset
   --------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong,
sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 0; }

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

ol, ul, li {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

img {
  border: 0;
  vertical-align: top; }

em {
  font-style: italic; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 0;
  padding: 0; }

input, select, textarea {
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: middle; }

input:focus, textarea:focus, select:focus {
  outline: none; }

body, p, h1, h2, h3, h4, h5, ul, li, table, tbody, th, td, a {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*------------------------------
変数
-------------------------------*/
.header__imgarea .mv__title, .header__lang-select, .header__gelande__title, .header__gelande__date, .header__gelande__time, .header__gelande__img p, .m-title-01, .m-btn, .m-viewmore, .m-condition__update {
  font-family: 'Oswald', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?mmvpek");
  src: url("fonts/icomoon.eot?mmvpek#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?mmvpek") format("truetype"), url("fonts/icomoon.woff?mmvpek") format("woff"), url("fonts/icomoon.svg?mmvpek#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-phone:before {
  content: "\e902"; }

.icon-twitter:before {
  content: "\e900"; }

.icon-facebook:before {
  content: "\e901"; }

@media only screen and (min-width: 751px) {
  .animation-border:hover {
    opacity: 1; }
    .animation-border:hover .animation-border__v:before, .animation-border:hover .animation-border__v:after {
      height: 100%; }
    .animation-border:hover .animation-border__h:before, .animation-border:hover .animation-border__h:after {
      width: 100%; } }

.animation-border__v:before, .animation-border__v:after, .animation-border__h:before, .animation-border__h:after {
  content: "";
  display: block;
  background-color: #54a1be;
  position: absolute; }

.animation-border__v:before, .animation-border__v:after {
  width: 4px;
  height: 0;
  transition: height .3s ease-out; }

.animation-border__v:before {
  left: 0;
  top: 0; }

.animation-border__v:after {
  right: 0;
  bottom: 0; }

.animation-border__h:before, .animation-border__h:after {
  width: 0;
  height: 4px;
  transition: width .4s ease-out; }

.animation-border__h:before {
  top: 0;
  left: 0; }

.animation-border__h:after {
  bottom: 0;
  right: 0; }

@-webkit-keyframes blink {
  50% {
    opacity: 0; } }

@keyframes blink {
  50% {
    opacity: 0; } }

.a-blink {
  -webkit-animation-name: blink;
          animation-name: blink;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s; }

/*--------------------------------------------------------------------------
 *   default;
 *---------------------------------------------------------------------------*/
/*-----------------------
  fonts
  -----------------------*/
/*--------------------------------------------------------------------------
 *	 html, body;
 *---------------------------------------------------------------------------*/
html, body {
  min-width: 1000px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  letter-spacing: 1.2px;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  color: #282828;
  line-height: 1.5;
  letter-spacing: 0.8px; }
  @media only screen and (max-width: 750px) {
    html, body {
      font-size: 12px;
      min-width: 320px; } }

/*--------------------------------------------------------------------------
 *	 base link;
 *---------------------------------------------------------------------------*/
a {
  outline: none;
  opacity: 1;
  -webkit-tap-highlight-color: transparent;
  transition-duration: 0.1s; }
  a:link, a:visited {
    text-decoration: none; }
  a:hover {
    text-decoration: none;
    outline: none;
    opacity: 0.7; }

.entry a {
  color: #282828; }

.entry .link {
  text-decoration: underline; }

/* clear fix */
.cf {
  zoom: 1; }
  .cf:before {
    display: table;
    content: ''; }
  .cf:after {
    display: table;
    content: '';
    clear: both; }

/*-----------------------
  pcとspで表示切替
  -----------------------*/
@media only screen and (max-width: 750px) {
  .pc, .pcinline {
    display: none; }
  .sp {
    display: block; }
  .spinline {
    display: inline; }
  img {
    max-width: 100%;
    height: auto; } }

@media only screen and (min-width: 751px) {
  .sp, .spinline {
    display: none; }
  .pc {
    display: block; }
  .pcinline {
    display: inline; } }

/*-------------------------------
WordPressエディタのデフォルト設定
--------------------------------*/
strong {
  font-weight: bold; }

em {
  font-style: italic; }

blockquote {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 40px;
  -webkit-margin-end: 40px; }

.aligncenter {
  display: block;
  margin: 0 auto;
  text-align: center; }

.alignright {
  float: right; }

.alignleft {
  float: left; }

img[class*="wp-image-"],
img[class*="attachment-"] {
  height: auto;
  max-width: 100%; }

.clearfix {
  overflow: hidden;
  zoom: 1; }

.clearfix:after {
  content: "";
  display: block;
  clear: both; }

.l-inner {
  width: 1000px;
  margin: 0 auto;
  box-sizing: border-box; }

.archive .l-content, .single .l-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 120px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.archive .l-maincontent, .single .l-maincontent {
  width: 740px;
  box-sizing: border-box; }

.archive .l-side, .single .l-side {
  width: 236px;
  box-sizing: border-box; }

@media only screen and (max-width: 750px) {
  .l-inner, .l-inner-sp {
    width: 100%;
    padding: 0 3.3%; }
  .single .l-content, .archive .l-content {
    display: block;
    padding-top: 60px; }
  .single .l-maincontent, .archive .l-maincontent {
    width: 100%; }
  .single .l-side, .archive .l-side {
    width: 100%; } }

.header__imgarea {
  background-size: cover;
  background-position: center;
  position: relative;
  height: 450px;
  background-image: url(images/mv/default.jpg); }
  .header__imgarea.lift-fee {
    background-image: url(images/mv/lift-fee.jpg); }
  .header__imgarea.course {
    background-image: url(images/mv/course.jpg); }
  .header__imgarea.rental {
    background-image: url(images/mv/rental.jpg); }
  .header__imgarea.facilities {
    background-image: url(images/mv/facilities.jpg); }
  .header__imgarea.school {
    background-image: url(images/mv/school.jpg); }
  .header__imgarea.access {
    background-image: url(images/mv/access.jpg); }
  .header__imgarea .mv__text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -15%);
            transform: translate(-50%, -15%);
    width: 100%;
    text-align: center; }
  .header__imgarea .mv__title {
    color: #fff;
    font-size: 48px;
    letter-spacing: 2.9px;
    line-height: 1.42;
    font-weight: 500;
    text-shadow: 0px 1px 3.8px rgba(0, 0, 0, 0.15); }
    .header__imgarea .mv__title .ja {
      display: block;
      font-weight: 500;
      letter-spacing: 1.1px;
      font-size: 18px; }

.header__logo {
  padding-top: 18px;
  padding-left: 18px; }

.header__main {
  width: 100%;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #54a1be; }

.header__main__r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }

.header__outerlink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .header__outerlink__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.header__sns {
  padding-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .header__sns .icon {
    display: inline-block;
    color: #fff;
    font-size: 26px;
    margin-left: 10px; }
  .header__sns .icon-img {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-left: 10px; }

.header__lang-select {
  color: #fff;
  width: 178px;
  border: 2px solid #fff;
  box-sizing: border-box;
  font-size: 13px;
  margin-right: 8px; }
  .header__lang-select a {
    display: block;
    width: 100%;
    padding: 6px 12px;
    box-sizing: border-box;
    color: #fff; }

.header__gelande {
  background-color: #54a1be;
  color: #fff;
  padding: 20px 0; }
  .header__gelande .l-inner {
    position: relative; }
  .header__gelande__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .header__gelande__head {
    padding-right: 20px;
    border-right: 1px solid #fff; }
  .header__gelande__title {
    font-size: 30px;
    font-weight: 300;
    border-bottom: 1px dotted #fff;
    padding-bottom: 3px;
    margin-bottom: 3px; }
    .header__gelande__title span {
      font-size: 14px;
      padding-left: 15px; }
  .header__gelande__date, .header__gelande__time {
    font-size: 18px;
    letter-spacing: 1.1px; }
  .header__gelande__date {
    padding-right: 20px; }
  .header__gelande__detail {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 20px;
    font-size: 15px; }
  .header__gelande__detail-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .header__gelande__detail-list ul {
      padding-right: 20px; }
  .header__gelande__img {
    position: absolute;
    right: 0;
    bottom: -15px; }
    .header__gelande__img a {
      display: block;
      width: 100%;
      height: 100%;
      color: #fff; }
    .header__gelande__img img {
      border: 1px solid #fff; }
    .header__gelande__img p {
      font-weight: 300;
      text-align: right; }

.gnav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.gnav a {
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 12px 20px; }

@media only screen and (max-width: 750px) {
  .header__imgarea {
    height: 225px; }
    .header__imgarea .mv__text {
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .header__imgarea .mv__title {
      font-size: 30px;
      letter-spacing: 1.8px; }
  .header__logo {
    padding: 9px 10px; }
    .header__logo img {
      width: 93px;
      height: 27px; }
  .header__btn {
    width: 24px;
    height: 14px;
    position: absolute;
    right: 3.3%;
    top: 16px; }
    .header__btn span {
      display: block;
      width: 24px;
      height: 2px;
      background-color: #fff;
      position: absolute;
      top: 0;
      left: 0;
      transition: opacity .3s; }
      .header__btn span:nth-of-type(2) {
        top: 5px; }
      .header__btn span:nth-of-type(3) {
        top: 10px; }
    .header__btn.active span:first-of-type, .header__btn.active span:nth-of-type(3) {
      opacity: 0; }
  .header__main {
    display: block;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: fixed;
    z-index: 999; }
  .header__main__r {
    display: block;
    background-color: #fff; }
  .header__outerlink {
    display: block; }
    .header__outerlink__container {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding-top: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #f0f0f0;
      padding-left: 12px;
      padding-right: 12px; }
    .header__outerlink img {
      width: 100%;
      height: auto; }
  .header__sns {
    padding-right: 0; }
    .header__sns .icon {
      color: #282828;
      font-size: 38px;
      margin-left: 0;
      margin-right: 10px; }
    .header__sns .icon-img {
      width: 38px;
      height: 38px;
      margin-left: 0;
      margin-right: 10px;
    }
  .header__lang-select {
    border-color: #282828;
    font-size: 13px;
    padding: 6px 12px;
    margin-right: 0; }
    .header__lang-select a {
      color: #282828; }
  .header__gelande {
    padding: 20px 0; }
    .header__gelande .l-inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .header__gelande__info {
      display: block; }
    .header__gelande__head {
      padding-right: 12px;
      border-right: none; }
    .header__gelande__title {
      font-size: 25px; }
      .header__gelande__title span {
        font-size: 14px;
        padding-left: 9px; }
    .header__gelande__date, .header__gelande__time {
      font-size: 14px;
      letter-spacing: 0.8px; }
    .header__gelande__date {
      padding-right: 20px; }
    .header__gelande__detail {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding-left: 0px;
      font-size: 14px; }
    .header__gelande__detail-list {
      display: block;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .header__gelande__detail-list ul {
        padding-right: 20px; }
      .header__gelande__detail-list li {
        padding: 2px 0; }
      .header__gelande__detail-list .detail-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .header__gelande__detail-list .detail-1 li:first-of-type {
          padding-right: 10px; }
    .header__gelande__img {
      position: static;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
  .gnav__wrapper {
    display: none; }
  .gnav ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .gnav li {
    width: 50%;
    text-align: center;
    box-sizing: border-box;
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0; }
    .gnav li:first-of-type {
      width: 100%; }
    .gnav li:nth-of-type(odd) {
      border-right: none; }
  .gnav a {
    color: #282828;
    padding: 18px 4px;
    width: 100%;
    height: 100%;
    box-sizing: border-box; } }

.l-footer {
  padding-top: 120px; }

.footer__bnrarea {
  background-color: #e3ded5;
  text-align: center;
  padding: 17px 0; }

.footer__bnr {
  display: block;
  margin: 0 auto; }

.footer__sitemap {
  background-color: #ede8df;
  padding: 80px 0; }
  .footer__sitemap .l-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .footer__sitemap .main {
    width: 25%;
    box-sizing: border-box;
    padding-right: 23px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .footer__sitemap .main a {
      color: #282828;
      display: block;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      position: relative;
      z-index: 2; }
      .footer__sitemap .main a:hover {
        opacity: 1; }
    .footer__sitemap .main__item {
      padding-top: 40px; }
      .footer__sitemap .main__item:first-of-type {
        padding-top: 0; }
    .footer__sitemap .main__name {
      font-size: 15px;
      font-weight: bold;
      letter-spacing: 0.9px;
      position: relative; }
      .footer__sitemap .main__name span {
        background-color: #ede8df;
        position: relative;
        z-index: 2;
        padding-right: 10px; }
      .footer__sitemap .main__name:after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        background-color: #c5c0b7;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -1px;
        z-index: 1; }
  .footer__sitemap .parent {
    padding-top: 14px; }
    .footer__sitemap .parent > li {
      font-size: 13px; }
      .footer__sitemap .parent > li > a {
        padding: 6px 0 6px 12px;
        position: relative; }
        .footer__sitemap .parent > li > a:before {
          content: "";
          display: block;
          width: 0;
          height: 0;
          border: 3px solid transparent;
          border-left: 3px solid #282828;
          position: absolute;
          top: 13px;
          left: 0; }
  .footer__sitemap .children {
    padding-left: 10px; }
    .footer__sitemap .children > li {
      font-size: 13px; }
      .footer__sitemap .children > li > a {
        padding: 3px 0 3px 10px;
        position: relative; }
        .footer__sitemap .children > li > a:before {
          content: "-";
          position: absolute;
          left: 0; }

.footer__lower {
  background-color: #282828;
  padding-top: 30px;
  padding-bottom: 60px;
  text-align: center;
  color: #c8c8c8; }
  .footer__lower a {
    color: #c8c8c8; }
  .footer__lower__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 13px; }
    .footer__lower__list a {
      display: block;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      padding: 0 10px; }
    .footer__lower__list li:not(:first-child) {
      position: relative; }
      .footer__lower__list li:not(:first-child):before {
        content: "";
        display: block;
        width: 1px;
        height: 14px;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -7px;
        background-color: #3c3c3c; }

.footer__logo {
  margin-top: 60px; }

.footer__company {
  padding-top: 28px;
  font-size: 15px;
  line-height: 1.9; }

.footer__copyright {
  color: #999793;
  font-size: 13px;
  padding-top: 20px; }

@media only screen and (max-width: 750px) {
  .l-footer {
    padding-top: 70px; }
  .footer__bnrarea {
    padding-top: 12px;
    padding-bottom: 12px; }
  .footer__bnr {
    width: 240px; }
  .footer__sitemap {
    padding: 15px 0; }
    .footer__sitemap .l-inner {
      display: block; }
    .footer__sitemap .main {
      width: 100%;
      padding-right: 0; }
      .footer__sitemap .main__item {
        padding-top: 30px; }
        .footer__sitemap .main__item:first-of-type {
          padding-top: 30px; }
    .footer__sitemap .parent {
      padding-top: 8px; }
      .footer__sitemap .parent > li > a {
        padding-top: 7px;
        padding-bottom: 7px; }
    .footer__sitemap .children {
      padding-left: 12px; }
      .footer__sitemap .children > li a {
        padding: 0;
        padding-bottom: 6px;
        padding-left: 12px; }
  .footer__lower {
    padding-top: 0;
    padding-bottom: 30px; }
    .footer__lower .l-inner {
      padding: 0; }
    .footer__lower__list {
      display: block;
      font-size: 12px; }
      .footer__lower__list a {
        padding: 12px 0; }
      .footer__lower__list li {
        border-bottom: 1px solid #3c3c3c; }
        .footer__lower__list li:not(:first-child):before {
          content: none; }
  .footer__logo {
    margin: 24px auto 0;
    width: 124px; }
  .footer__company {
    padding-top: 16px;
    font-size: 13px;
    line-height: 1.69;
    letter-spacing: 0.8px;
    color: #fff; }
  .footer__copyright {
    font-size: 10px; } }

/*--------------------------------
modules
-----------------------------------*/
.title, .widget-title {
  font-weight: bold;
  padding: 10px 0 10px 20px;
  background: url(http://www.sapporo-teine.com/snow/wp-content/uploads/2015/11/a1.png) 0px center no-repeat; }

.m-title-01 {
  font-size: 46px;
  letter-spacing: 2.8px;
  font-weight: 500;
  text-align: center; }
  .m-title-01 .en {
    position: relative; }
    .m-title-01 .en:after {
      content: "";
      display: block;
      width: 0;
      height: 4px;
      position: absolute;
      bottom: -5px;
      left: 0;
      background-color: #282828;
      transition: width .3s; }
  .m-title-01 .ja {
    font-size: 18px;
    letter-spacing: 1.1px;
    padding-left: 25px;
    display: block; }
  @media only screen and (max-width: 750px) {
    .m-title-01 {
      font-size: 32px;
      letter-spacing: 1.9px;
      line-height: 1.34; }
      .m-title-01 .ja {
        font-size: 15px;
        letter-spacing: 0.9px;
        padding-left: 0; } }

.m-title-02 {
  background: rgba(84, 161, 190, 0.4);
  font-size: 28px;
  margin-bottom: 80px;
  letter-spacing: 1.7px;
  line-height: 2;
  font-weight: 500;
  border-bottom: 6px solid #54a1be;
  text-align: center; }
  @media only screen and (max-width: 750px) {
    .m-title-02 {
      margin-bottom: 40px;
      font-size: 21px;
      letter-spacing: 1.2px;
      border-bottom-width: 4px;
      padding-left: 3.3%;
      padding-right: 3.3%; } }

.m-title-03 {
  margin-bottom: 40px;
  padding-top: 80px;
  font-size: 24px;
  letter-spacing: 1.4px;
  line-height: 1.33;
  position: relative;
  padding-bottom: 18px;
  text-align: center; }
  .m-title-03:after {
    content: "";
    display: block;
    position: absolute;
    width: 60px;
    height: 4px;
    background-color: #282828;
    bottom: 0;
    left: 50%;
    margin-left: -30px; }
  @media only screen and (max-width: 750px) {
    .m-title-03 {
      font-size: 19px;
      letter-spacing: 1.1px;
      line-height: 1.63; }
      .m-title-03:after {
        height: 2px; } }

.m-title-04 {
  text-align: left;
  font-size: 18px;
  letter-spacing: 1.1px;
  color: #3c3c3c;
  padding-top: 20px;
  padding-bottom: 18px; }
  .m-title-04 span {
    border-bottom: 2px solid #54a1be; }
  .m-title-04.big {
    font-size: 20px; }
  @media only screen and (max-width: 750px) {
    .m-title-04 {
      font-size: 16px;
      letter-spacing: 0.9px;
      line-height: 1.75; }
      .m-title-04.big {
        font-size: 18px; } }

.m-title-05 {
  font-size: 24px;
  padding-bottom: 10px; }
  @media only screen and (max-width: 750px) {
    .m-title-05 {
      font-size: 16px; } }

.m-title-06 {
  padding-top: 8px;
  font-size: 20px; }
  @media only screen and (max-width: 750px) {
    .m-title-06 {
      font-size: 15px; } }

.m-title__icon img {
  padding: 8px; }

.m-table {
  width: 100%;
  font-size: 15px;
  line-height: 1.73;
  margin-bottom: 30px; }
  .m-table__wrapper {
    margin-top: 20px; }
  .m-table tbody {
    width: 100%; }
  .m-table th, .m-table td {
    font-weight: 500;
    border: 1px #fff solid;
    padding: 10px;
    vertical-align: middle;
    text-align: center; }
  .m-table th {
    background-color: #cfcac1; }
  .m-table td {
    background-color: #ede8df; }
  .m-table .highlight {
    background-color: #54a1be;
    color: #fff; }
  .m-table.leftalign th, .m-table.leftalign td {
    text-align: left; }
  .m-table.skew th {
    width: 70%; }
  .m-table.skew td {
    width: 30%; }
  .m-table__btn {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative; }
    .m-table__btn a {
      display: block;
      width: 100%;
      height: 100%; }
    .m-table__btn:after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      right: 20px;
      border: 6px solid transparent;
      border-left: 6px solid #282828;
      margin-top: -6px; }
  @media only screen and (max-width: 750px) {
    .m-table {
      font-size: 12px;
      letter-spacing: 0.7px; }
      .m-table.sp-ptn01 td {
        display: block; }
      .m-table__wrapper .m-table {
        margin-bottom: 0; }
      .m-table__wrapper.sp-scroll {
        overflow: scroll; }
        .m-table__wrapper.sp-scroll table, .m-table__wrapper.sp-scroll tbody {
          width: 500px; }
      .m-table__btn:after {
        right: 0; } }

.m-btn {
  background-color: #282828;
  color: #fff !important;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 16px 10px;
  border-radius: 60px;
  width: 360px;
  box-sizing: border-box;
  border: 2px solid #282828;
  text-align: center;
  position: relative;
  transition: all .2s; }
  @media all and (-ms-high-contrast: none) {
    .m-btn {
      padding-top: 20px; } }
  .m-btn:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: solid 6px transparent;
    border-left: 6px solid #fff;
    top: 50%;
    right: 20px;
    margin-top: -6px; }
  @media only screen and (min-width: 751px) {
    .m-btn:hover {
      opacity: 1;
      background-color: transparent;
      color: #282828 !important; }
      .m-btn:hover:after {
        border-left-color: #282828; } }
  @media only screen and (max-width: 750px) {
    .m-btn {
      font-size: 14px;
      letter-spacing: 0.8px;
      width: 85%;
      padding: 12px 10px; } }

.m-pagesection .m-btn {
  display: block;
  margin: 16px auto 0; }

.m-btn__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media only screen and (min-width: 751px) {
    .m-btn__wrapper .m-btn02:not(:first-of-type) {
      margin-left: 8px; } }
  @media only screen and (max-width: 750px) {
    .m-btn__wrapper {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .m-btn__wrapper .m-btn02 {
        width: 40%;
        margin-left: 10px;
        margin-bottom: 10px; } }

.m-btn02 {
  font-size: 15px;
  font-weight: bold;
  width: 32%;
  background: rgba(84, 161, 190, 0.4);
  border-bottom: 2px solid #54a1be;
  text-align: center; }
  .m-btn02 a {
    display: block;
    padding: 10px 6px; }
  @media only screen and (max-width: 750px) {
    .m-btn02 {
      font-size: 13px; } }

.m-viewmore {
  font-size: 18px;
  position: relative;
  display: inline-block;
  padding-right: 30px; }
  .m-viewmore:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 6px transparent;
    border-left: solid 6px #282828;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -6px; }
  .m-viewmore.no-arrow:after {
    content: none; }
  @media only screen and (max-width: 750px) {
    .m-viewmore {
      font-size: 15px;
      padding-right: 30px; } }

.m-gridbg {
  background-image: linear-gradient(transparent 9px, rgba(84, 161, 190, 0.1) 1px), linear-gradient(90deg, transparent 9px, rgba(84, 161, 190, 0.1) 1px);
  background-size: 10px 10px;
  background-repeat: repeat;
  border: 1px solid rgba(84, 161, 190, 0.1); }

.m-breadcrumb {
  background-color: #ede8df;
  font-size: 14px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .m-breadcrumb a {
    color: #282828; }
  .m-breadcrumb > span {
    padding-left: 65px;
    font-size: 14px;
    position: relative;
    font-weight: 500;
    display: block;
    padding: 7px 0;
    padding-left: 48px;
    padding-right: 30px; }
    .m-breadcrumb > span:before {
      content: "";
      background-image: url(images/common/breadcrumb-arrow-02.svg);
      display: block;
      position: absolute;
      height: 100%;
      width: 25px;
      background-repeat: no-repeat;
      left: 0;
      top: 0; }
    .m-breadcrumb > span:first-of-type {
      background-color: #e3ded5;
      padding-left: 65px; }
      .m-breadcrumb > span:first-of-type:before {
        content: none; }
    .m-breadcrumb > span:nth-of-type(2):before {
      background-image: url(images/common/breadcrumb-arrow.svg); }
  @media only screen and (max-width: 750px) {
    .m-breadcrumb {
      font-size: 12px;
      display: block; }
      .m-breadcrumb > span {
        padding-left: 22px;
        font-size: 10px;
        display: inline-block;
        padding: 7px 0;
        padding-left: 23px;
        padding-right: 0px; }
        .m-breadcrumb > span:before {
          content: ">";
          background-image: none;
          height: auto;
          width: auto;
          top: 50%;
          left: 10px;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
        .m-breadcrumb > span:first-of-type {
          background-color: #ede8df;
          padding-left: 20px; }
        .m-breadcrumb > span:nth-of-type(2):before {
          background-image: none; } }

.m-pagesection {
  padding-top: 120px; }
  .m-pagesection:first-of-type {
    padding-top: 0px; }

.m-text-lead {
  font-size: 15px;
  line-height: 2.13;
  font-weight: 500;
  padding-bottom: 50px;
  text-align: center; }
  @media only screen and (max-width: 750px) {
    .m-text-lead {
      font-size: 14px; } }

.m-text-bg {
  padding: 8px 0; }
  .m-text-bg > span {
    display: inline-block;
    padding: 4px 10px;
    background-color: #ede8df;
    border-left: 8px solid #54a1be;
    font-weight: bold; }
  @media only screen and (max-width: 750px) {
    .m-text-bg {
      font-size: 14px; } }

.m-tag {
  display: inline-block;
  margin-right: 8px;
  margin-left: 2px;
  margin-bottom: 2px;
  font-size: 12px;
  border: 1px solid #282828;
  padding: 2px 6px; }
  @media all and (-ms-high-contrast: none) {
    .m-tag {
      padding-top: 6px; } }
  .m-tag.green {
    color: #fff;
    background-color: #3eb134;
    border: none; }
  .m-tag.red {
    color: #fff;
    background-color: #e60012;
    border: none; }
  .m-tag.red2 {
    color: #fff;
    background-color: #bd1024;
    border: none; }
  .m-tag.grey {
    background-color: #4d4c4c;
    color: #fff;
    border: none; }
  .m-tag.brown-outline {
    border: 1px solid #6a3906;
    color: #6a3906;
    font-weight: bold; }
  .m-tag.blue {
    background-color: #3a9bbf;
    color: #ffff;
    border: none; }
  .m-tag.highland {
    background-color: #4daec9;
    color: #ffff;
    border: none; }
  .m-tag.olympia {
    background-color: #00507d;
    color: #ffff;
    border: none; }
  .m-tag.ski {
    padding-left: 20px;
    background: url(images/icon/icon-ski.svg) left 6px center no-repeat;
    background-size: 12px; }
  .m-tag.boots {
    padding-left: 20px;
    background: url(images/icon/icon-boots.svg) left 6px center no-repeat;
    background-size: 12px; }
  .m-tag.pall {
    padding-left: 20px;
    background: url(images/icon/icon-pall.svg) left 6px center no-repeat;
    background-size: 12px; }
  .m-tag.board {
    padding-left: 20px;
    background: url(images/icon/icon-board.svg) left 6px center no-repeat;
    background-size: 12px; }
  .m-tag.cap {
    padding-left: 20px;
    background: url(images/icon/icon-cap.svg) left 6px center no-repeat;
    background-size: 10px; }
  .m-tag.helmet {
    padding-left: 20px;
    background: url(images/icon/icon-helmet.svg) left 6px center no-repeat;
    background-size: 12px; }
  .m-tag.gloves {
    padding-left: 20px;
    background: url(images/icon/icon-gloves.svg) left 6px center no-repeat;
    background-size: 8px; }
  .m-tag.goggle {
    padding-left: 20px;
    background: url(images/icon/icon-goggle.svg) left 6px center no-repeat;
    background-size: 14px; }
  .m-tag.wear {
    padding-left: 20px;
    background: url(images/icon/icon-wear.svg) left 6px center no-repeat;
    background-size: 12px; }
  .m-tag__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 8px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .m-tag__container span {
      display: block;
      margin-right: 10px;
      border: 1px solid #282828;
      padding: 4px; }
      .m-tag__container span:last-of-type {
        margin-right: 0; }

.m-list-circle {
  padding-top: 10px;
  padding-bottom: 10px; }
  .m-list-circle.fixed-width {
    width: 600px;
    margin: 0 auto; }
  .m-list-circle li {
    position: relative;
    padding-left: 16px;
    padding-top: 5px;
    padding-bottom: 5px; }
    .m-list-circle li:before {
      content: "・";
      display: block;
      position: absolute;
      top: 3px;
      left: 0; }
  @media only screen and (max-width: 750px) {
    .m-list-circle.fixed-width {
      width: 100%; } }

.m-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 10px; }
  .m-row .m-row__02 {
    width: 49%; }
  @media only screen and (max-width: 750px) {
    .m-row.responsive {
      display: block; }
      .m-row.responsive .m-row__02 {
        width: 100%; } }

.m-row02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .m-row02 img {
    max-width: 100%;
    height: auto; }

.m-accent-box {
  padding: 10px 20px;
  border: 4px solid #54a1be; }
  .m-accent-box.solid {
    padding-top: 20px;
    padding-bottom: 20px;
    border: none;
    background: rgba(189, 16, 36, 0.3);
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    color: #bd1024; }
    .m-accent-box.solid .m-tag {
      margin-top: 8px; }
    @media only screen and (max-width: 750px) {
      .m-accent-box.solid {
        font-size: 18px; } }

.m-accent-box-02 {
  margin: 24px 0;
  width: 468px;
  height: 72px;
  padding: 14px;
  box-sizing: border-box;
  border: 8px solid #ede8df; }
  @media only screen and (max-width: 750px) {
    .m-accent-box-02 {
      width: 100%;
      height: auto; } }

.m-access {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px; }
  .m-access__stop, .m-access__means {
    width: 20%;
    box-sizing: border-box; }
  .m-access__stop {
    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: 1px solid #282828;
    font-weight: bold; }
    .m-access__stop.dest {
      font-weight: normal;
      background-color: #54a1be;
      color: #fff; }
  .m-access__means {
    padding: 24px 0 14px;
    text-align: center;
    position: relative; }
    .m-access__means:before, .m-access__means:after {
      content: "";
      display: block;
      position: absolute; }
    .m-access__means:before {
      width: 98%;
      height: 3px;
      background-color: #282828;
      top: 10px;
      left: 0; }
    .m-access__means:after {
      border: 8px solid transparent;
      border-left: 8px solid #282828;
      right: -8px;
      top: 4px; }
  .m-access__transportation {
    font-size: 15px;
    font-weight: bold; }
  .m-access__fare, .m-access__duration {
    padding-top: 3px; }

@media only screen and (max-width: 750px) {
  .m-access {
    display: block;
    padding-bottom: 20px; }
    .m-access__stop, .m-access__means {
      width: 100%; }
    .m-access__stop {
      padding: 10px; }
    .m-access__means {
      padding: 10px 0; }
      .m-access__means:before {
        width: 3px;
        height: 98%;
        top: 0;
        left: 10px; }
      .m-access__means:after {
        border: 8px solid transparent;
        border-top: 8px solid #282828;
        right: auto;
        left: 4px;
        top: auto;
        bottom: -8px; } }

.m-contact {
  background-color: #ede8df;
  margin-top: 10px; }
  .m-contact__item {
    padding: 32px 40px;
    font-size: 15px;
    font-weight: 500; }
  .m-contact__title {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px; }
    .m-contact__title:before {
      content: "";
      display: block;
      width: 4px;
      height: 16px;
      background-color: #282828;
      position: absolute;
      top: 50%;
      margin-top: -8px;
      left: 0; }
  .m-contact.double {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .m-contact.double .m-contact__item {
      width: 50%;
      box-sizing: border-box; }
      .m-contact.double .m-contact__item:nth-of-type(2) {
        border-left: 1px solid #d7d3cb; }
  @media only screen and (max-width: 750px) {
    .m-contact__item {
      padding: 12px 20px;
      font-size: 13px; }
    .m-contact__title {
      font-size: 14px;
      margin-bottom: 14px; }
    .m-contact.double {
      display: block; }
      .m-contact.double .m-contact__item {
        width: 100%; }
        .m-contact.double .m-contact__item:nth-of-type(2) {
          border-left: none; } }

.m-form td {
  text-align: left; }

.m-form__required {
  color: #ff0000;
  text-align: right; }

.m-form input[type="text"], .m-form textarea {
  width: 100%; }

.m-form__sectionname {
  display: inline-block;
  border-bottom: 2px solid #282828;
  margin-bottom: 6px;
  padding-top: 6px; }

.m-form__subname {
  padding-top: 8px; }

.m-form .not-shown {
  display: none; }

.m-form .m-btn {
  display: block;
  margin-left: auto;
  margin-right: auto; }

@media only screen and (max-width: 750px) {
  .m-form .m-table {
    display: block; }
    .m-form .m-table tbody, .m-form .m-table tr, .m-form .m-table td, .m-form .m-table th {
      display: block; }
    .m-form .m-table tr.not-shown {
      display: none; } }

.m-liveview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .m-liveview__item {
    margin-left: 24px;
    text-align: center;
    position: relative; }
    .m-liveview__item:before {
      content: "";
      display: block;
      width: 100%;
      height: 27px;
      background-color: #fff;
      position: absolute;
      top: 0;
      left: 0; }
    .m-liveview__item:first-of-type {
      margin-left: 0; }
    .m-liveview__item img {
      width: 488px;
      height: auto; }
  .m-liveview__caption {
    padding-top: 16px; }
  @media only screen and (max-width: 750px) {
    .m-liveview {
      display: block; }
      .m-liveview__item {
        margin-left: 0;
        margin-top: 20px; }
        .m-liveview__item img {
          width: 100%; } }

.m-condition {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 60px; }
  .m-condition__text {
    font-size: 18px;
    letter-spacing: 1.1px;
    font-weight: 500;
    padding-top: 8px; }
  .m-condition__update {
    font-size: 18px;
    letter-spacing: 1.1px;
    font-weight: 500; }
    .m-condition__update span {
      padding-left: 22px; }
  .m-condition .m-btn {
    margin-top: 40px; }

.m-panel__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .m-panel__nav__item {
    padding: 8px 15px;
    margin-right: 10px;
    background-color: #faf5ec;
    font-size: 18px; }
    .m-panel__nav__item:hover {
      cursor: pointer; }
    .m-panel__nav__item.active {
      background-color: #ede8df; }

.m-panel__container {
  border: 4px solid #ede8df;
  padding: 10px; }

.m-panel__item {
  display: none; }
  .m-panel__item.is-shown {
    display: block; }

.m-icon-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 30px; }
  .m-icon-list img {
    display: block;
    margin-right: 8px; }

#Top .mv__text {
  width: auto;
  border: 1px solid #fff;
  padding: 18px 27px;
  text-align: left;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

#Top .header__imgarea {
  height: 700px;
  overflow: hidden;
  background-image: none !important; }
  #Top .header__imgarea:before {
    content: "";
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    background-image: radial-gradient(rgba(109, 101, 93, 0.8) 20%, transparent 60%);
    background-size: 4px 4px; }

#Top .top-header-video {
  position: absolute;
  top: -200px;
  left: 0;
  z-index: -2; }
  #Top .top-header-video video {
    -o-object-fit: cover;
       object-fit: cover; }

#Top .header__main {
  background: rgba(255, 255, 255, 0.25); }

.top__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .top__menu__lift {
    background-image: url(images/top/menu-lift.jpg); }
  .top__menu__course {
    background-image: url(images/top/menu-course.jpg); }
  .top__menu__school {
    background-image: url(images/top/menu-school.jpg); }
  .top__menu__rental {
    background-image: url(images/top/menu-rental.jpg); }
  .top__menu__access {
    background-image: url(images/top/menu-access.jpg); }
  .top__menu__facility {
    background-image: url(images/top/menu-facility.jpg); }
  .top__menu__item {
    position: relative;
    width: calc(50% - 10px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 320px;
    margin-bottom: 20px; }
    .top__menu__item a {
      display: block;
      width: 100%;
      height: 100%;
      color: #282828; }
      .top__menu__item a:before {
        content: "";
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.7);
        opacity: 0;
        transition: opacity .3s; }
      @media only screen and (min-width: 751px) {
        .top__menu__item a:hover {
          opacity: 1; }
          .top__menu__item a:hover:before {
            opacity: 1; }
          .top__menu__item a:hover .m-title-01 .en::after {
            width: 100%; } }
  .top__menu .m-title-01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 7%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .top__menu .m-viewmore {
    position: absolute;
    left: 7%;
    bottom: 54px;
    z-index: 2; }

.top__movie {
  margin-top: 140px;
  position: relative; }
  .top__movie__img:hover {
    cursor: pointer; }
  .top__movie__btn {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 20%; }
    .top__movie__btn:hover {
      cursor: pointer; }
    .top__movie__btn:before, .top__movie__btn:after {
      content: "";
      display: block;
      width: 2px;
      height: 33px;
      background-color: #fff;
      position: absolute;
      top: 0;
      left: 0; }
    .top__movie__btn:before {
      -webkit-transform: translateX(15px) rotate(-45deg);
              transform: translateX(15px) rotate(-45deg); }
    .top__movie__btn:after {
      -webkit-transform: translateX(15px) rotate(45deg);
              transform: translateX(15px) rotate(45deg); }
  .top__movie__modal {
    opacity: 0;
    transition: opacity .3s;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(26, 26, 26, 0.9);
    z-index: -1; }
    .top__movie__modal iframe {
      max-width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto; }
    .top__movie__modal .l-inner {
      position: relative;
      height: 100%; }
    .top__movie__modal.is-shown {
      z-index: 99999;
      opacity: 1; }
  .top__movie .m-title-01 {
    z-index: 2;
    position: absolute;
    top: -34px;
    left: 0;
    right: 0; }

.top__bnr-area {
  padding-top: 100px;
  text-align: center; }

.top__news {
  position: relative;
  margin-top: 150px;
  padding: 45px 0; }
  .top__news .m-title-01 {
    position: absolute;
    top: -35px;
    left: 0;
    right: 0; }
  .top__news .m-btn {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -26px; }

.top__menu-full {
  padding-top: 170px;
  padding-bottom: 130px; }
  .top__menu-full__about {
    background-image: url(images/top/bnr-about.jpg); }
  .top__menu-full__channel {
    background-image: url(images/top/bnr-channel.jpg); }
  .top__menu-full__item {
    height: 548px;
    margin-bottom: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
    .top__menu-full__item:nth-of-type(2n) .top__menu-full__textarea__wrapper {
      margin-right: 0;
      margin-left: auto; }
    .top__menu-full__item a {
      color: #282828;
      display: block;
      width: 100%;
      height: 100%; }
      @media only screen and (min-width: 751px) {
        .top__menu-full__item a:hover {
          opacity: 1; }
          .top__menu-full__item a:hover .top__menu-full__textarea__wrapper {
            background: rgba(255, 255, 255, 0.8); } }
  .top__menu-full__textarea__wrapper {
    width: 50%;
    height: 100%;
    background: rgba(255, 255, 255, 0.45);
    transition: background-color .3s;
    position: relative; }
  .top__menu-full__textarea {
    position: absolute;
    top: 50%;
    left: 20%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .top__menu-full__text {
    font-size: 15px;
    line-height: 1.73;
    padding-top: 40px;
    letter-spacing: 0.9px;
    font-weight: 500; }
  .top__menu-full .m-title-01 {
    font-size: 40px;
    letter-spacing: 2.4px;
    text-align: left;
    padding-bottom: 16px; }

.top__pickup {
  background-color: #ede8df;
  padding-top: 100px;
  padding-bottom: 120px;
  background-image: linear-gradient(90deg, transparent 174px, #e3ded5 1px);
  background-size: 175px 175px;
  background-position: center top;
  background-repeat: repeat; }
  .top__pickup__icon {
    display: block;
    margin: 0 auto; }
  .top__pickup .m-title-01 .ja {
    display: block;
    font-size: 15px;
    padding-left: 0;
    font-weight: 500; }
  .top__pickup .m-archive-box {
    padding-top: 44px; }

.top__blog {
  margin-top: 150px;
  padding-top: 45px;
  padding-bottom: 60px;
  position: relative; }
  .top__blog .m-title-01 {
    position: absolute;
    top: -45px;
    left: 0;
    right: 0; }
  .top__blog .m-btn {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -28px;
    margin: auto; }

@media only screen and (max-width: 750px) {
  #Top .mv__text {
    padding: 13px 17px; }
  #Top .header__imgarea {
    height: 350px;
    background-image: url(images/top/mv-sp.jpg) !important; }
    #Top .header__imgarea:before {
      background-image: none; }
  #Top .top-header-video {
    display: none; }
  .top__menu {
    display: block; }
    .top__menu__item {
      width: 100%;
      box-sizing: border-box;
      height: 174px;
      margin-bottom: 2px; }
      .top__menu__item a:before {
        content: none; }
    .top__menu .m-title-01 {
      display: block;
      position: static;
      -webkit-transform: translateY(0);
              transform: translateY(0);
      padding-top: 30px;
      padding-left: 8%;
      text-align: left; }
    .top__menu .m-viewmore {
      position: relative;
      left: auto;
      bottom: auto;
      margin-top: 16px;
      padding-left: 8%; }
  .top__movie {
    margin-top: 90px; }
    .top__movie .m-title-01 {
      top: -26px; }
  .top__bnr-area {
    padding-top: 40px; }
  .top__news {
    margin-top: 95px;
    padding: 30px 0; }
    .top__news .m-title-01 {
      top: -28px; }
  .top__menu-full {
    padding-top: 90px;
    padding-bottom: 70px; }
    .top__menu-full__item {
      height: 275px; }
      .top__menu-full__item:nth-of-type(2n) .top__menu-full__textarea__wrapper {
        margin-right: auto;
        margin-left: 0; }
    .top__menu-full__textarea__wrapper {
      width: 100%;
      background-color: transparent; }
      .top__menu-full__textarea__wrapper:before {
        content: "";
        display: block;
        width: 50%;
        height: 100%;
        background: rgba(255, 255, 255, 0.45); }
    .top__menu-full__textarea {
      left: 6%; }
    .top__menu-full__text {
      font-size: 14px;
      padding-top: 16px; }
    .top__menu-full .m-title-01 {
      font-size: 32px;
      letter-spacing: 2px;
      padding-bottom: 10px; }
  .top__pickup {
    padding-top: 70px;
    padding-bottom: 70px;
    background-image: linear-gradient(90deg, transparent 89px, #e3ded5 1px);
    background-size: 90px 90px; }
    .top__pickup__icon {
      display: block;
      margin: 0 auto; }
    .top__pickup .m-title-01 .ja {
      font-size: 14px;
      padding-top: 6px; }
    .top__pickup .m-archive-box {
      padding-top: 44px; }
  .top__blog {
    margin-top: 95px;
    padding-top: 30px;
    padding-bottom: 30px; }
    .top__blog .m-title-01 {
      top: -28px; } }

html, body {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400; }

.top__menu {
  padding-top: 40px; }

.top__menu-full {
  padding-bottom: 0; }

.footer__sitemap {
  padding: 0; }

.lang-sitemap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  width: 100%; }
  .lang-sitemap__item {
    width: 14.28%;
    box-sizing: border-box;
    border-right: 1px solid #c5c0b7;
    text-align: center;
    font-weight: 500; }
    .lang-sitemap__item:first-of-type {
      border-left: 1px solid #c5c0b7; }
    .lang-sitemap__item a {
      display: block;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      padding-top: 31px;
      padding-bottom: 31px;
      color: #282828; }

.footer__lower__list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

@media only screen and (max-width: 750px) {
  .top__menu {
    padding-top: 40px; }
  .top__menu-full {
    padding-bottom: 0; }
  .lang-sitemap {
    display: block;
    padding: 0; }
    .lang-sitemap__item {
      width: 100%;
      border-right: none;
      border-bottom: 1px solid #c5c0b7; }
      .lang-sitemap__item:first-of-type {
        border-left: none;
        border-top: 1px solid #c5c0b7; }
      .lang-sitemap__item a {
        padding-top: 20px;
        padding-bottom: 20px; } }

.gelande__map {
  position: relative; }
  .gelande__map__overlay {
    position: absolute;
    top: 0;
    left: 0; }

.greport .m-condition {
  padding-top: 0; }

.greport .m-title-04 {
  padding-bottom: 20px; }

.greport .m-text-bg > span {
  display: block; }

.greport__upperarea {
  padding-bottom: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.greport__section.half {
  width: 49.2%; }

.greport__section dl {
  width: 100%;
  line-height: 1.87; }

.greport__section dt {
  float: left;
  clear: both; }

.greport__section dd {
  float: left; }

.greport__section .indent {
  padding-left: 1em; }

.greport__comment {
  font-size: 15px;
  letter-spacing: 0.9px;
  line-height: 1,73; }

.greport__table {
  width: 100%;
  padding: 16px 0; }
  .greport__table tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .greport__table tr {
    width: 31%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid #ede8df; }
  .greport__table th, .greport__table td {
    display: block;
    padding: 6px 0;
    text-align: left;
    font-size: 13px;
    letter-spacing: 0;
    color: #3c3c3c;
    line-height: 1.4; }
  .greport__table th {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .greport__table td {
    padding-top: 11px;
    padding-left: 4px; }

.greport__lift {
  margin-right: 6px;
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border-radius: 50%;
  background-color: #282828;
  color: #fff; }

.greport__open, .greport__close, .greport__part {
  display: block;
  width: 13px;
  height: 13px;
  position: relative; }

.greport__open {
  border-radius: 50%;
  border: 2px solid #54a1be; }

.greport__close:before, .greport__close:after {
  content: "";
  display: block;
  position: absolute;
  width: 2px;
  height: 16px;
  background-color: #54a1be; }

.greport__close:before {
  -webkit-transform: translateX(5px) rotate(-45deg);
          transform: translateX(5px) rotate(-45deg); }

.greport__close:after {
  -webkit-transform: translateX(5px) rotate(45deg);
          transform: translateX(5px) rotate(45deg); }

.greport__part:before, .greport__part:after {
  content: "";
  display: block;
  position: absolute;
  border: solid transparent; }

.greport__part:before {
  top: -2px;
  left: 0;
  border-width: 7px;
  border-bottom: 11px solid #54a1be; }

.greport__part:after {
  top: 6px;
  left: 4px;
  border-width: 3px;
  border-bottom: 5px solid #fff; }

.greport__course {
  padding: 2px 4px;
  color: #fff;
  border-radius: 3px;
  margin-right: 6px;
  font-weight: normal; }
  .greport__course.green {
    background-color: #3eb134; }
  .greport__course.red {
    background-color: #e60012; }
  .greport__course.grey {
    background-color: #4d4c4c; }

.greport__attraction-comment {
  width: 160px; }

.greport .m-panel__nav {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.greport .m-panel__nav__item {
  width: 49%;
  box-sizing: border-box;
  margin-right: 0;
  background-color: rgba(84, 161, 190, 0.1); }
  .greport .m-panel__nav__item.active {
    background-color: #54a1be;
    color: #fff; }

.greport .m-panel__container {
  border: none; }

.greport__imgwrapper {
  position: relative; }
  .greport__imgwrapper img {
    width: 70%;
    display: block;
    height: auto;
    margin: 0 auto; }

.greport__map {
  opacity: 0.6; }

.greport__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2; }

.greport__map-note {
  background-color: #eef5f8;
  padding: 14px 20px;
  font-size: 15px;
  line-height: 1.73;
  letter-spacing: 0.9px; }

@media only screen and (max-width: 750px) {
  .greport .l-inner {
    overflow: hidden; }
  .greport .m-title-04 {
    padding-bottom: 10px; }
  .greport__upperarea {
    padding-bottom: 0px;
    display: block; }
  .greport__section {
    padding-bottom: 40px; }
    .greport__section.half {
      width: 100%; }
    .greport__section dl {
      width: 100%;
      line-height: 1.79;
      font-size: 14px; }
  .greport__comment {
    font-size: 14px;
    letter-spacing: 1.7px; }
  .greport__table {
    width: 100%;
    padding: 16px 0; }
    .greport__table tbody {
      display: block; }
    .greport__table tr {
      width: 100%; }
    .greport__table th, .greport__table td {
      padding: 10px 0;
      font-size: 12px; }
    .greport__table th {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .greport__table td {
      padding-right: 4px; }
    .greport__table.attraction th {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      width: 110px;
      padding-right: 4px; }
    .greport__table.attraction td {
      padding-left: 4px; }
    .greport__table.course tbody {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .greport__table.course tr {
      width: 49%;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
  .greport__lift {
    margin-right: 8px;
    width: 19px;
    height: 19px;
    line-height: 19px;
    font-size: 10px; }
  .greport__open, .greport__close, .greport__part {
    width: 9px;
    height: 9px; }
  .greport__close:before, .greport__close:after {
    height: 12px; }
  .greport__close:before {
    -webkit-transform: translateX(3px) rotate(-45deg);
            transform: translateX(3px) rotate(-45deg); }
  .greport__close:after {
    -webkit-transform: translateX(3px) rotate(45deg);
            transform: translateX(3px) rotate(45deg); }
  .greport__part:before {
    top: -5px;
    left: -1px; }
  .greport__part:after {
    top: 3px;
    left: 3px; }
  .greport__course {
    font-size: 10px;
    margin-right: 8px; }
  .greport__attraction-comment {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .greport__imgwrapper img {
    width: 130%;
    margin-left: -15%;
    max-width: none; }
  .greport__map-note {
    padding: 12px;
    font-size: 14px;
    letter-spacing: 1.7px; } }

/*# sourceMappingURL=maps/lang-style.css.map */