﻿@charset "UTF-8";
/*::::::::::::::::::::::::::::::::*/
/*::                            ::*/
/*:: style.css for AM201602-KSG ::*/
/*::                            ::*/
/*::::::::::::::::::::::::::::::::*/
@-webkit-viewport {
  width: device-width; }

@-moz-viewport {
  width: device-width; }

@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

/*:::  PRINCE-FORMAT  :::*/
.prince-header {
  width: 100%;
  height: 62px;
  background: url(https://www.princehotels.co.jp/common/imgs/module_parts/parts_header/bg02.gif) repeat-x white; }
  .prince-header .container {
    width: 920px;
    margin: 0 auto; }

#footer {
    background-color: #F4F5F6;
    color: #888;
    font-family: '游明朝' , 'Yu Mincho', 'YuMincho' , 'ＭＳ Ｐ明朝' , 'ＭＳ 明朝' , Georgia;
    font-size: 14px;
    padding: 12px 0;
    text-align: center;
    font-weight: bold;
	}

/*::: sns-box :::*/
.sns-box-block {
  width: 100%;
  background-color: #e6f7fa; }
  .sns-box-block .container {
    width: 960px;
    margin: 0 auto;
    position: relative;
    padding-top: 5px; }
    .sns-box-block .container:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    .sns-box-block .container .sns-box {
      float: right;
	}

/*:::  BASE-LAYOUT  :::*/
html, body {
  font-family: '游ゴシック' , 'Yu Gothic' , 'YuGothic' , 'Meiryo UI' , 'メイリオ' , 'Meiryo UI' , sans-serif;
  /*font-size: 10px;*/
  line-height: 1.5;
  color: #282828; }

.site-container {
  width: 960px;
  padding: 0 20px;
  margin: 0 auto;
  background-color: white;
  box-sizing: border-box; }
  .site-container * {
    box-sizing: inherit; }

/* footer-nav */
.footer-nav {
  width: 100%;
  background-color: white;
  text-align: center; }

/*::: sect common :::*/
.image-frame {
  border: 1px solid #83d9e8;
  background-color: white;
  padding: 4px; }

/*::: sect#1 : site-title :::*/
section.site-title {
  width: 920px;
  /*height: 264px;*/
	height: 434px;
  background: url(../img/site-title.png) center center no-repeat;
  overflow: hidden;
  text-indent: -100%;
  white-space: nowrap; }

/*::: sect#2 : carousel :::*/
section.carousel {
  margin-bottom: 60px;
  position: relative; }
  section.carousel ul, section.carousel li {
    margin: 0;
    padding: 0;
    list-style: none; }
  section.carousel li {
    display: inline-block; }
  section.carousel .container {
    width: 910px;
    height: 382px;
    overflow: hidden;
    position: relative; }
    section.carousel .container ul {
      font-size: 0;
      width: 5460px;
      position: absolute;
      left: 0;
      top: 0; }
  section.carousel ul.controller {
    width: 910px;
    position: absolute;
    left: 0;
    bottom: 20px;
    text-align: center;
    font-size: 0; }
    section.carousel ul.controller li {
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.0;
      margin: 0 0.4em;
      cursor: pointer;
      text-shadow: 0px 0px 4px white;
      color: #666; }
      section.carousel ul.controller li:hover {
        color: red; }
      section.carousel ul.controller li.active {
        color: #83d9e8; }

/*::: sect#3 : site-desc :::*/
section.site-desc {
  width: 920px;
  margin-bottom: 40px; }
  section.site-desc:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  section.site-desc .site-desc-lead {
    float: left;
    width: 350px; }
    section.site-desc .site-desc-lead h2 {
      height: 59px;
      margin: 0;
      background: url(../img/desc-title.png) no-repeat;
      text-indent: -100%;
      overflow: hidden; }
    section.site-desc .site-desc-lead p {
      font-size: 17px;
      font-size: 1.7rem;
      /*line-height: 1.8;*/
      margin: 0; }
  section.site-desc .site-desc-main {
    margin-left: 380px; }
    section.site-desc .site-desc-main .desc {
      padding-left: 80px;
      background-repeat: no-repeat;
      height: 100px; }
      section.site-desc .site-desc-main .desc h3 {
/*        font-size: 16px;
        font-size: 1.5rem;*/
        margin: 0; }
      section.site-desc .site-desc-main .desc p {
/*        font-size: 14px;
        font-size: 1.4rem;*/
        margin: 0; }
      section.site-desc .site-desc-main .desc:last-child {
        height: auto; }
    section.site-desc .site-desc-main .desc1 {
      background-image: url(../img/desc-icon-allseasons.png); }
    section.site-desc .site-desc-main .desc2 {
      background-image: url(../img/desc-icon-1100m.png); }
    section.site-desc .site-desc-main .desc3 {
      background-image: url(../img/desc-icon-30bumps.png); }

/*::: sect#4 : course-info :::*/
section.course-info {
  margin-bottom: 60px; }
  section.course-info h2 {
    width: 160px;
    height: 58px;
    background: url(../img/course-title.png) no-repeat;
    overflow: hidden;
    text-indent: -100%;
    margin: 0; }
  section.course-info .course-map {
    height: 350px;
	  width: 450px;
	  margin: auto;
    background: url(../img/course-map.jpg) center center no-repeat;
    position: relative; }
    section.course-info .course-map p {
      position: absolute;
      right: 20px;
      top: 20px;
      padding: 10px 14px;
      margin: 0;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.57;
      color: white;
      background-color: rgba(0, 0, 0, 0.7);
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }

/*::: wadagoya plan :::*/
section.price-tables p {
    margin: 10px 0 0 0;
}
.right{
 text-align: right;
 margin: 5px;
}
section.price-tables .wadagoya{
	font-size: 13px;
	text-align: left;
}
img.wadagoya-img {
   float: right;
   clear: both;
   margin:10px 0px 10px 10px;
}

/*::: sect#5 attentions :::*/
section.attentions {
  background-color: #aee6f0;
  padding: 15px 20px;
	margin-bottom: 30px;
 /* font-size: 13px;
  font-size: 1.3rem;*/
  line-height: 1.38;
  color: black; }
  section.attentions p, section.attentions h2, section.attentions h3, section.attentions h4, section.attentions ol, section.attentions ul {
    margin: 0; }
  section.attentions h2, section.attentions h3 {
    color: #282828; }
  section.attentions h2 {
    /*font-size: 17px;
    font-size: 1.7rem;
    margin-bottom: 0.8em;*/
    line-height: 1.0; }
  section.attentions h3 {
/*    font-size: 14px;
    font-size: 1.4rem;*/
    line-height: 1.0;
    padding: 0.3em;
    margin: 1.2em 0 0.6em;
    background-color: #d9f3f8; }
  section.attentions ol {
    padding-left: 24px;
    margin: 0.5em 0; }
  section.attentions li {
    color: #424242;
    font-weight: bold; }
  section.attentions li + li {
    margin-top: 0.4em; }
  section.attentions p {
    margin: 0.5em 0; }

/*::: footer-nav :::*/
nav.footer-nav {
 /* font-size: 13px;
  font-size: 1.3rem;*/
  line-height: 1.2em;
  padding: 20px 0; }
  nav.footer-nav ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  nav.footer-nav li {
    display: inline-block;
    margin: 0 0.8em; }
  nav.footer-nav a {
    color: #1d5cff; }

/*====================
  Additions 2016.04
====================*/
/*::: sect#1-2 : bizhour - 営業期間 :::*/
section.bizhour {
  width: 85%;
  padding: 0.6em 1em;
  margin: 0 auto 2em;
  border: 1px solid #aee6f0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #424242;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.4em; }
  section.bizhour ul {
    padding: 0;
    margin: 0;
    list-style: none; }
  section.bizhour li {
    list-style: none; }
  section.bizhour li + li {
    margin-top: 0.3em; }
  section.bizhour span.heading {
    font-weight: bold;
    margin-right: 0.3em;
    color: #2dbfd8; }
  section.bizhour small {
    font-size: 0.85em;
    font-weight: normal; }

/*::: sect#4-2 : price-tables - 料金表 :::*/
section.price-tables {
  margin-bottom: 60px;
  /* lift-1 */
  /* lift-2 */
  /* lift-3 */
  /* シーズン券 */
  /* レンタル料金 */ }
  section.price-tables div.price-table + div.price-table {
    margin-top: 24px; }
  section.price-tables h2 {
    /*font-size: 18px;*/
    font-size: 1.4em;
    margin: 40px 0 0.15em; }
  section.price-tables table {
    width: 100%;
    font-size: 12px;
    font-size: 1.0rem;
    border: 1px solid #ccc; }
  section.price-tables table + table {
    margin-top: 0.8em; }
  section.price-tables th, section.price-tables td {
    border: 1px solid #99a;
    padding: 0.3em 0.5em;
    line-height: 1.5;
    text-align: center; }
  section.price-tables small {
    font-size: 0.769em; }
  section.price-tables th {
    font-weight: normal;
    background-color: #0081cc;
    color: white; }
  section.price-tables td {
    font-weight: bold; }
  section.price-tables td.type {
    background-color: #fffcdb; }
  section.price-tables td.hour {
    background-color: #fdede4; }
  section.price-tables td.adult {
    background-color: #c7e8fa; }
  section.price-tables td.senior {
    background-color: #f9d3e3; }
  section.price-tables td.teen {
    background-color: #dbebc4; }
  section.price-tables td.child {
    background-color: #ffe9a9; }
  section.price-tables td.common {
    background-color: #d4e1e4; }
/*  section.price-tables table.lift-1 th {
    width: 16%; }*/
/*  section.price-tables table.lift-1 th.wday, section.price-tables table.lift-1 th.hday {
    width: 25.9999%; }*/
/*  section.price-tables table.lift-2 td.type {
    width: 48%; }
  section.price-tables table.lift-3 th.type {
    width: 32%; }
  section.price-tables table.lift-3 th.group {
    width: 16%; }
  section.price-tables table.lift-3 th.bway, section.price-tables table.lift-3 th.oway {
    width: 25.9999%; }*/
  section.price-tables div.ticket p.period {
    font-size: 1.2em;
    margin: 0.1em 0; }
/*  section.price-tables div.ticket td.type {
    width: 58%; }
  section.price-tables div.ticket td.group {
    width: 16%; }
  section.price-tables div.ticket td.hday {
    width: 25.9999%; }*/
  section.price-tables div.ticket div.ticket-notes {
    margin-top: 1.0em;
   /* font-size: 13px;
    font-size: 1.3rem;*/
    line-height: 1.45;
    padding: 0.8em 0.9em;
    background-color: #efefef; }
    section.price-tables div.ticket div.ticket-notes:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    section.price-tables div.ticket div.ticket-notes div.link {
      float: right;
      text-align: center;
      background-color: #25afc7;
      margin: 0 0 0.2em 1em;
      font-weight: bold;
      border: 1px solid #83d9e8;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: 0 2px 0 0 #83d9e8;
      -moz-box-shadow: 0 2px 0 0 #83d9e8;
      box-shadow: 0 2px 0 0 #83d9e8; }
      section.price-tables div.ticket div.ticket-notes div.link small {
        font-weight: normal;
        font-size: 0.9em; }
      section.price-tables div.ticket div.ticket-notes div.link:hover {
        background-color: white; }
      section.price-tables div.ticket div.ticket-notes div.link big {
        font-size: 1.5em; }
      section.price-tables div.ticket div.ticket-notes div.link .fa {
        color: yellow;
        font-size: 2.0em;
        margin-bottom: 0.4em; }
      section.price-tables div.ticket div.ticket-notes div.link a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 1em;
        text-decoration: none;
        color: white; }
        section.price-tables div.ticket div.ticket-notes div.link a:hover {
          color: #1d5cff; }
          section.price-tables div.ticket div.ticket-notes div.link a:hover .fa {
            color: red; }
    section.price-tables div.ticket div.ticket-notes h3 {
      margin: 0 0 0.3em 0; }
    section.price-tables div.ticket div.ticket-notes p {
      margin: 0; }
  section.price-tables div.rental span.sgs {
    color: #004ea2; }
  section.price-tables div.rental th.type, section.price-tables div.rental th.group {
    width: 12.5%; }
  section.price-tables div.rental th.hour {
    width: 37.5%; }
  section.price-tables div.rental th.oday, section.price-tables div.rental th.hday {
    width: 18.74%; }
  section.price-tables div.rental small {
    font-size: 0.85em;
    font-weight: normal; }

/*# sourceMappingURL=style.map */

/*==================================================
スライダーのためのcss
===================================*/
.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
    width:94%;
    margin:0 auto;
}

ul.slider .slick-initialized .slick-slider .slick-dotted{
	padding-left: 0px;
}
/*.slider iframe {
    width:60vw;スライダー内の画像を60vwにしてレスポンシブ化
    height:auto;
}*/

.slider .slick-slide {
	transform: scale(0.8);/*左右の画像のサイズを80%に*/
	transition: all .5s;/*拡大や透過のアニメーションを0.5秒で行う*/
	opacity: 0.5;/*透過50%*/
}

.slider .slick-slide.slick-center{
	transform: scale(1);/*中央の画像のサイズだけ等倍に*/
	opacity: 1;/*透過なし*/
}


/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #666;/*矢印の色*/
    border-right: 2px solid #666;/*矢印の色*/
    height: 30px;
    width: 30px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left: -1.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right: -3.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
    text-align:center;
	margin:20px 0 0 -40px;
	padding: 0;
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:8px;/*ドットボタンのサイズ*/
    height:8px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#ccc;/*ドットボタンの色*/
}

.slick-dots .slick-active button{
    background:#333;/*ドットボタンの現在地表示の色*/
}
