@charset "utf-8";
/*
 * style.css
 *
 *  version --- 1.0
 *  updated --- 2013/5/10
 */

.onsensousenkyo {
  position: absolute;
  bottom: 20px;
  left: 5%;
  width: 200px;
  height: auto;
  z-index: 99;
}

@media screen and (max-width: 428px) {
  .onsensousenkyo {
    bottom: 10px;
    left: 2.5%;
    width: 100px;
  }
}

#header .navbarCollapse .mail,
#header .navbarCollapse .tel {
  text-align: center;
}

.bikouarea {
  text-align: center;
  padding: 20px;
  font-size: 20px;
  background-color: #ffff00;
  font-weight: bold;
}

.bikouarea span {
  font-size: 16px;
}

@media screen and (max-width: 428px) {
  .bikouarea {
    font-size: 16px;
  }

  .bikouarea span {
    font-size: 12px;
  }
}

/*---------index.html-----------------*/
.today {}

.today .imgbox {
  padding: 0 0 0 35px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.today .hp_link {
  font-size: 16px;
  text-align: center;
  display: block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #fff;
  background: #05d1ef;
  border-radius: 3px;
  margin-top: 16px;
}

.today .todaybox {
  background: #fff;
}

.today .textbox {
  padding: 85px 0 0 0;
}

.today .imgbox {}

.today .textbox .tit {
  text-align: center;
}

.today .textbox .txt {
  font-size: 22px;
  text-align: center;
  color: #00d1ef;
  padding: 5px 0;
  font-weight: bold;
}

.today .textbox .date {
  text-align: center;
  line-height: 1.3;
  font-size: 14px;
  margin: 0 0 20px 0;
  padding: 5px 0;
}

.today_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 60px;
}

.today .textbox .infor {
  color: #00d1ef;
  font-size: 16px;
  border: 1px solid;
  text-align: center;
  width: 19%;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.today .textbox .infor span {
  color: #000;
  font-size: 18px;
  margin-top: 5px;
}

.today .imgbox ul {
  width: 100%;
}

.today .imgbox ul li {
  float: left;
  width: 33.33%;
}

.today .imgbox .todaybox {
  padding: 40px 10px 30px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.today .imgbox .onsen,
.today .imgbox .meal {
  padding-bottom: 34px;
}

.today .imgbox .todaybox dl {
  display: table;
  width: 100%;
}

.today .imgbox .todaybox dt {
  display: block;
  text-align: center;
}

.today .imgbox .todaybox dd {
  display: block;
  text-align: center;
}

.today .imgbox .todaybox dd .name {
  font-size: 28px;
  color: #fff;
  border-bottom: 1px solid #000;
  font-weight: bold;
  margin: 25px 0 0 0;
}

.today .imgbox .todaybox dd .tit {
  font-size: 24px;
  margin: 10px 0 0 0;
  line-height: 1.1;
  color: black;
}

.today .imgbox .todaybox dd .tit span {
  font-size: 18px;
  display: block;
}

.today .imgbox .todaybox .txt {
  margin: 20px 0 0 0;
  font-size: 16px;
}

.today .imgbox .todaybox a {
  text-decoration: none;
}

.today .hp_link {
  font-size: 16px;
  text-align: center;
  display: block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #fff;
  background: #05d1ef;
  border-radius: 3px;
  margin-top: 16px;
}

.lift_mark {
  text-align: center;
  font-size: 16px;
  margin: 20px 0px;
}

.lift_table {
  width: 100%;
  text-align: center;
  font-size: 16px;
  border-top: 1px solid #00d0ee;
}

.lift_table th {
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #00d0ee;
  padding: 8px 0px;
}

.lift_table td {
  border-bottom: 1px solid #00d0ee;
  padding: 8px 0px;
}

.lift_bg {
  background-color: #dbfcff;
  border-left: 1px solid #00d0ee;
}

.lift_sonota {
  margin: 20px 0px 60px;
  text-align: center;
  font-size: 16px;
}

.bg01 {
  background: #d5e6b3 !important;
}

/*01=料金*/
.bg02 {
  background: #f3a5a5 !important;
}

/*02=宿泊*/
.bg03 {
  background: #f7b11e !important;
}

/*03=トップ休憩・宿泊*/
.bg04 {
  background: #d8b4d4 !important;
}

/*04=スクール*/
.bg05 {
  background: #b7dcb8 !important;
}

/*05=アクセス*/
.bg06 {
  background: #a0d8eb !important;
}

/*06=リンク*/
.bg07 {
  background: #ff5761 !important;
}

/*07=トップ宿泊*/
.bg08 {
  background: #cbdf00 !important;
}

/*08=トップ温泉*/
.bg09 {
  background: #c2d7f0 !important;
}

/*09=イベント*/
.bg10 {
  background: #b0dff8 !important;
}

/*10=トピック*/
.bg11 {
  background: #e5e993 !important;
}

/*11=温泉*/
.bg12 {
  background: #f894d5 !important;
}

/*12=ゲレンデ*/
.bgevent {
  background: #fbb018;
}

.bgnews {
  background: #036eb7;
}

.bgschool {
  background: #b056b3;
}

.bggelande {
  background: #e542a4;
}

@media screen and (max-width: 767px) {
  .today .textbox {
    float: none;
    width: 100%;
    padding: 70px 0 20px 0;
  }

  .today .imgbox {
    float: none;
    width: 100%;
    padding: 0;
  }

  /* .today .textbox .tit{
        text-align: center;
    }
    .today .textbox .tit img{
        width: 90px;
    }
    .today .textbox .txt{
        font-size: 16px;
    }
    .today .textbox .date{
        margin: 0 0 10px 0;
        padding: 10px 0;
    }
    .today .textbox .infor{
        padding: 5px 0 2px 25px;
        margin: 0 30px;
    }*/
  .today .imgbox ul li {
    float: none;
    width: 100%;
  }

  .today .imgbox .todaybox {
    padding: 25px 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .today .imgbox .todaybox dt {
    display: table-cell;
    width: 150px;
  }

  .today .imgbox .todaybox dd {
    display: table-cell;
    text-align: center;
    padding: 0 0 0 20px;
    vertical-align: middle;
  }

  .today .imgbox .todaybox dd .name {
    font-size: 18px;
    margin: 0;
  }

  .today .imgbox .todaybox dd .tit {
    font-size: 14px;
    margin: 10px 0 0 0;
  }

  .today .imgbox .todaybox dd .tit span {
    font-size: 14px;
    display: block;
  }

  .today .imgbox .todaybox .txt {
    margin: 20px 0 0 0;
    font-size: 14px;
  }
}

@media screen and (max-width: 500px) {
  .today_flex {
    flex-flow: wrap;
    justify-content: center;
  }

  .today .textbox .infor span {
    font-size: 16px;
  }

  .today .textbox .infor {
    font-size: 14px;
    margin: 1%;
    width: 30%;
  }

  .lift_table,
  .lift_mark {
    font-size: 14px;
  }
}

.topics .topicsbgafter {
  background: url("../img/top/bg_top01.png") repeat center center;
  padding: 15px;
  margin-top: 15px;
}

.topics {
  background: #00d1ef;
  padding: 40px 0 0 0;
}

.topics .tit {
  text-align: center;
}

.topics dl {
  display: table;
  width: 100%;
  margin: 20px 0 0 0;
}

.topics dl+dl {
  border-top: 1px solid #fff;
  margin: 0;
}

.topics dt {
  display: table-cell;
  padding: 10px 0;
  font-size: 16px;
  width: 210px;
}

.topics dt span {
  display: inline-block;
  width: 75px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  margin: 0 25px 0 0;
  font-size: 12px;
}

.topics dd {
  display: table-cell;
}

.topics dd a {
  color: #000;
  font-size: 18px;
  text-decoration: underline;
}

.topics dd a:hover {
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .topics {
    padding: 20px 0 15px;
  }

  .topics .tit img {
    width: 210px;
  }

  .topics dl {
    display: block;
  }

  .topics dl+dl {
    border-top: none;
  }

  .topics dt {
    display: block;
    width: 100%;
    padding: 10px 0 0 0;
  }

  .topics dt span {
    margin: 0 15px 0 0;
  }

  .topics dd {
    display: block;
    width: 100%;
    padding: 10px 0;
  }

  .topics dd a {
    font-size: 16px;
    display: block;
  }

  .topics dd a:hover {
    text-decoration: none;
  }
}

.photo {
  background: url("../img/top/bg_top02.png") repeat center center;
  padding: 35px 0;
}

.photo .tit {
  text-align: center;
}

.photo .slider {
  margin: 25px -30px 0;
}

.sliderbox {
  padding: 0 30px;
}

.slick-next::before {
  content: "";
}

.slick-prev::before {
  content: "";
}

.slick-next {
  background: url("../img/top/arrow_slider02.png") no-repeat 0 0;
  width: 27px;
  height: 28px;
  z-index: 2;
  right: -5px;
}

.slick-prev {
  background: url("../img/top/arrow_slider01.png") no-repeat 0 0;
  width: 27px;
  height: 28px;
  z-index: 2;
  left: -5px;
}

.slick-track {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .photo {
    background: url("../img/top/bg_top02.png") repeat center center;
    padding: 20px 0 35px;
  }

  .photo .tit img {
    width: 210px;
  }

  .photo .slider {
    margin: 30px 0 0 0;
  }

  .sliderbox {
    padding: 0 15px;
  }

  .slick-next {
    width: 22px;
    height: 22px;
    z-index: 2;
    right: -10px;
    -webkit-background-size: 100%;
    background-size: 100%;
  }

  .slick-prev {
    width: 22px;
    height: 22px;
    z-index: 2;
    -webkit-background-size: 100%;
    background-size: 100%;
    left: -10px;
  }
}

@media screen and (max-width: 500px) {}

.ticketarea {
  background: #ffff00;
  padding: 30px 0 0 0;
}

.ticketarea .tit {
  text-align: center;
}

.ticketarea ul {
  margin: 40px 0 0 0;
  display: flex;
  justify-content: center;
}

.ticketarea ul li {
  float: left;
  width: 33%;
  padding: 0;
  margin: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bgticket {
  margin: 45px 0 0 0;
  background: url("../img/top/bg_top01.png") repeat center center;
  height: 28px;
}

@media screen and (max-width: 767px) {
  .ticketarea {
    padding: 20px 0 0 0;
  }

  .ticketarea .tit img {
    width: 210px;
  }

  .ticketarea ul {
    margin: 10px 0 0 0;
  }

  .ticketarea ul li {
    float: none;
    width: 100%;
    padding: 0;
    margin: 20px 0 0 0;
    text-align: center;
  }

  .bgticket {
    margin: 30px 0 0 0;
    background: url("../img/top/bg_top01.png") repeat center center;
    height: 30px;
  }
}

.skid {
  background: url("../img/top/pic_top07.jpg") no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 110px 0 120px;
}

.skid .tit {
  text-align: center;
  color: #fff;
  font-size: 50px;
  letter-spacing: 5px;
}

.skid .link {
  text-align: center;
}

.skid .link a {
  display: inline-block;
  height: 60px;
  width: 410px;
  line-height: 60px;
  text-align: center;
  font-size: 28px;
  color: #fff;
  border: 1px solid #fff;
  background: rgba(0, 0, 0, 0.5);
}

.skid .link a:hover {
  text-decoration: none;
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .skid {
    padding: 80px 0 115px;
  }

  .skid .tit {
    font-size: 36px;
  }

  .skid .link {
    margin: 30px 0 0 0;
  }

  .skid .link a {
    height: 60px;
    width: 280px;
    line-height: 60px;
    font-size: 21px;
  }

  .skid .link a:hover {
    text-decoration: none;
    opacity: 0.7;
  }
}

.youtube_link {
  max-width: 500px;
  margin: 80px auto 0px;
  display: block;
  width: 100%;
}

.cliff {
  padding: 80px 0 90px;
}

.cliffbox {
  padding: 0 55px;
}

.cliff dl {
  display: table;
  width: 100%;
  border-top: 1px solid #3f3f3f;
  border-bottom: 1px solid #3f3f3f;
}

.cliff dt {
  display: table-cell;
  width: 430px;
}

.cliff dd {
  display: table-cell;
  vertical-align: middle;
}

.cliff dd .tit {
  font-size: 24px;
  color: #00d1ef;
}

.cliff dd .txt {
  font-size: 16px;
  color: #000000;
  line-height: 1.8;
  margin-top: 10px;
  margin-bottom: 25px;
}

.cliff dd .hp_link {
  font-size: 16px;
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #fff;
  background: #05d1ef;
  border-radius: 3px;
  transition: 0.4s;
}

.cliff dd a {
  text-decoration: none;
}

/*.cliff dd .txt{
    font-size: 16px;
    color: #000000;
    margin: 20px 0 0 0;
    line-height: 1.8;
}*/
.cliff ul {
  margin: 70px 0 0 -30px;
}

.cliff ul li {
  width: 33.33%;
  float: left;
  padding: 0 0 0 30px;
  margin: 15px 0 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cliff ul li:last-child {
  margin-left: 290px;
  text-align: center;
}

.cliff .link {
  text-align: center;
  margin: 60px 0 0 0;
}

.cliff .link a {
  font-size: 16px;
  color: #000;
  text-decoration: underline;
}

.cliff .link a+a {
  margin: 0 0 0 70px;
}

.cliff .link a:hover {
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .cliff {
    padding: 25px 0 110px;
  }

  .cliffbox {
    padding: 0;
  }

  .cliff dl {
    display: table;
    width: 100%;
    border-top: none;
    border-bottom: 1px solid #3f3f3f;
  }

  .cliff dt {
    display: block;
    width: 100%;
    text-align: center;
  }

  .cliff dd {
    display: block;
    text-align: center;
    padding: 15px 0;
  }

  .cliff dd .tit {
    font-size: 22px;
  }

  .cliff dd .txt {
    font-size: 14px;
    margin: 10px 0 10px 0;
  }

  .cliff ul {
    margin: 30px 0 0 -15px;
  }

  .cliff ul li {
    width: 50%;
    float: left;
    padding: 0 0 0 15px;
    margin: 10px 0 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .cliff ul li:last-child {
    margin-left: 0;
  }

  .cliff .link {
    text-align: center;
    margin: 50px 0 0 0;
  }

  .cliff .link a {
    font-size: 16px;
    color: #000;
    text-decoration: underline;
    display: block;
  }

  .cliff .link a+a {
    margin: 10px 0 0 0;
  }
}

/*-------------temp.html-----------------*/
.temp #teaser {
  background: url("../common/img/bg_teaser.png") repeat-x center center #000;
  padding: 15px 10px;
}

/*-------------price.html-----------------*/
.price #teaser {
  background: url("../common/img/bg_teaser.png") repeat-x center center #abd421;
  padding: 35px 20px;
}

#teaser .tit {
  font-size: 21px;
  color: #fff;
  text-align: center;
  line-height: 1.3;
  font-weight: bold;
}

#teaser .tit span {
  font-size: 14px;
  color: #fff;
  display: block;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .price #teaser {
    padding: 15px 20px;
  }

  /*.price #teaser{
        background: url("../common/img/bg_teaser.png") repeat-x center center #ABD421;
        padding: 20px 10px;
        -webkit-background-size: auto 80px;
        background-size: auto 80px;
    }
    #teaser .tit{
        font-size: 28px;
        color: #fff;
        text-align: center;
        line-height: 1.3;
    }
    #teaser .tit span{
        font-size: 16px;
        color: #fff;
        display: block;
    }*/
}

.comtit {
  font-size: 22px;
  padding: 10px 0 10px 20px;
  font-weight: bold;
}

.price #contents {
  margin-top: 50px;
}

.price .tickets {
  padding-bottom: 50px;
}

.price .tickets .txt01 {
  font-size: 16px;
  padding: 15px 0;
}

.price .tickets .txt02 {
  padding: 40px 0 10px;
  font-size: 16px;
}

.price .table {
  margin: 0 auto 100px;
}

.price .table table {
  font-size: 16px;
  width: 100%;
  margin: 20px 0 0 0;
}

.price .table table thead th {
  text-align: center;
  padding: 10px 0 5px;
  background: -webkit-linear-gradient(#f0f6e3, #d5e6b5);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#f0f6e3, #d5e6b5);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#f0f6e3, #d5e6b5);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(#f0f6e3, #d5e6b5);
  /* ?准的?法 */
  border: 1px solid #cacbc9;
  font-weight: bold;
  line-height: 1.3;
}

.price .table table thead td {
  padding: 10px 0 5px;
}

.price .table table tbody th {
  background: #e9efe6;
  padding: 5px 0 5px 20px;
  vertical-align: middle;
  border: 1px solid #cacbc9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
  line-height: 1.3;
}

.price .table table td {
  text-align: center;
  border: 1px solid #cacbc9;
  padding: 10px 0 5px;
}

.price .table table td span {
  font-weight: bold;
}

.width115 {
  width: 115px;
}

.width190 {
  width: 190px;
}

.width210 {
  width: 210px;
}

.width235 {
  width: 235px;
}

.width565 {
  width: 59% !important;
  /*565px!important;*/
}

.width710 {
  width: 74% !important;
  /*710px!important;*/
}

.price .table .txt03 {
  font-size: 16px;
  line-height: 1.6;
  padding: 20px 0 0;
}

.price .table .txt03 span {
  color: #e60012;
}

.hdL {
  font-size: 16px;
}

.hdL span {
  color: #00d1ef;
}

.price .table .txt04 {
  border-top: 1px solid #00d1ef;
  padding: 10px 0 0 0;
  font-size: 16px;
  line-height: 1.7;
  margin: 5px 0 0 0;
}

.price .table .h3box+.h3box {
  margin: 30px 0 0 0;
}

.price .table+.table {
  margin: 0 auto 80px;
}

.price .table .txt05 {
  font-size: 16px;
  padding: 5px 0 10px 0;
}

.price .tickets .table01 {
  margin: 0 !important;
}

.comlist {
  margin: 0 0 0 -45px;
  padding: 100px 55px;
}

.comlist li {
  float: left;
  width: 50%;
  padding: 0 0 0 45px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .comtit {
    font-size: 18px;
    padding: 5px 0 5px 10px;
  }

  .price #contents {
    margin-top: 25px;
  }

  .price .tickets {
    padding-bottom: 25px;
  }

  .price .tickets .txt01 {
    font-size: 14px;
    padding: 10px 0;
  }

  .price .tickets .txt02 {
    padding: 20px 0 5px;
    font-size: 14px;
  }

  .price .tickets .img01 {
    text-align: center;
  }

  .price .table {
    margin: 0 auto 40px;
  }

  .price .table table {
    font-size: 12px;
    margin: 15px 0 0 0;
  }

  .price .table table thead th {
    padding: 5px 0;
  }

  .price .table table thead td {
    padding: 5px 0;
  }

  .price .table table tbody th {
    padding: 5px 0 5px 10px;
  }

  .price .table table td {
    padding: 5px 0;
  }

  .width115 {
    width: 115px;
  }

  .width210 {
    width: 210px;
  }

  .width190 {
    width: 100px;
  }

  .width235 {
    width: 33.33%;
  }

  .width565 {
    width: 100% !important;
    /*565px!important;*/
  }

  .width710 {
    width: 100% !important;
    /*710px!important;*/
  }

  .price .table .txt03 {
    font-size: 14px;
    line-height: 1.5;
    padding: 10px 0 0;
  }

  .hdL {
    font-size: 14px;
  }

  .price .table .txt04 {
    padding: 5px 0 0 0;
    font-size: 14px;
    line-height: 1.7;
    margin: 5px 0 0 0;
  }

  .price .table .h3box+.h3box {
    margin: 15px 0 0 0;
  }

  .price .table+.table {
    margin: 0 atuo 40px;
  }

  .price .table .txt05 {
    font-size: 14px;
    padding: 5px 0;
  }

  .comlist {
    margin: 0;
    padding: 30px 0 70px;
  }

  .comlist li {
    float: none;
    width: 100%;
    padding: 0;
    margin: 10px 0 0 0;
    text-align: center;
  }
}

/*-------------price.html-----------------*/
.facility #teaser {
  background: url("../common/img/bg_teaser.png") repeat-x center center #66abea;
  padding: 35px 20px;
}

@media screen and (max-width: 767px) {
  /*.facility #teaser {
        background: url("../common/img/bg_teaser.png") repeat-x center center #66ABEA;
        padding: 20px 10px;
        -webkit-background-size: auto 80px;
        background-size: auto 80px;
    }*/
}

.facility .lodging {
  padding: 50px 0 0 0;
}

.hdM {
  font-size: 24px;
  padding: 0 0 0 20px;
  border-left: 7px solid #c2d7f0;
  margin: 25px 0 30px 0;
  font-weight: bold;
}

.hdM span {
  font-size: 18px;
  vertical-align: middle;
}

.facility .lodging .lodbox .imgbox {
  float: left;
}

.facility .lodging .lodbox .txtbox {
  overflow: hidden;
  padding: 0 0 0 15px;
}

.facility .lodging .lodbox .txtbox .txt {
  font-size: 16px;
}

.facility .lodging .lodbox .txtbox .tel {
  font-size: 28px;
  margin: 10px 0 0 0;
  font-weight: bold;
}

.facility .lodging .lodbox .txtbox .mail {
  font-size: 20px;
}

.facility .lodging .lodbox .txtbox .mail a {
  color: #0062b1;
  text-decoration: underline;
}

.facility .lodging .lodbox .txtbox .mail a:hover {
  text-decoration: none;
}

.facility .lodging .lodbox .txtbox .house {
  font-size: 16px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 15px 0;
  margin: 25px 0;
  line-height: 1.7;
}

.facility .lodging .lodbox .txtbox .tit {
  font-size: 24px;
  margin: 0 0 10px 0;
  font-weight: bold;
}

.facility .lodging .lodbox .txtbox .tit span.ffcolor {
  color: #b81c22;
}

.facility .lodging .lodbox .txtbox .tit span.ffsize {
  font-size: 14px;
  font-weight: normal;
}

.facility .lodging .lodbox .txtbox .tit span.ffcard {
  font-size: 20px;
  display: inline-block;
  margin: 0 0 0 20px;
  width: 222px;
  height: 31px;
  line-height: 31px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background: #727171;
}

.facility .lodging ul {
  margin: 0 0 0 -30px;
}

.facility .lodging ul li {
  float: left;
  width: 50%;
  padding: 0 0 0 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.facility .lodging ul li .hdM span {
  font-size: 14px;
}

.facility .lodging ul li dl {
  display: table;
  width: 100%;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 15px 0;
  margin: 20px 0 0 0;
}

.facility .lodging ul li dt {
  display: table-cell;
  width: 220px;
  text-align: center;
  vertical-align: middle;
  font-size: 22px;
  color: #b81c22;
  font-weight: bold;
}

.facility .lodging ul li dt span {
  display: block;
  font-size: 16px;
  color: #000;
  font-weight: normal;
}

.facility .lodging ul li dd {
  display: table-cell;
}

.facility .lodging ul li dd .money {
  font-size: 24px;
  font-weight: bold;
}

.facility .lodging ul li dd .money span {
  font-size: 20px;
}

.facility .lodging ul li dd .money01 {}

.facility .lodging ul li dd .money01 span {
  display: inline-block;
  border: 1px solid #b81c22;
  text-align: center;
  width: 185px;
  height: 37px;
  line-height: 37px;
  color: #b81c22;
  font-size: 20px;
  font-weight: bold;
}

.facility .lodging ul li .access {
  font-size: 14px;
  line-height: 1.7;
  margin: 10px 0 0 0;
}

@media screen and (max-width: 767px) {
  .facility .lodging {
    padding: 25px 0 0 0;
  }

  .hdM {
    font-size: 17px;
    padding: 0 0 0 15px;
    border-left: 5px solid #c2d7f0;
    margin: 10px 0 15px 0;
  }

  .hdM span {
    font-size: 14px;
  }

  .facility .lodging .lodbox .imgbox {
    float: none;
    text-align: center;
  }

  .facility .lodging .lodbox .txtbox {
    overflow: initial;
    padding: 0;
  }

  .facility .lodging .lodbox .txtbox .txt {
    font-size: 14px;
    margin: 10px 0 0 0;
  }

  .facility .lodging .lodbox .txtbox .tel {
    font-size: 24px;
    margin: 10px 0 0 0;
  }

  .facility .lodging .lodbox .txtbox .mail {
    font-size: 18px;
  }

  .facility .lodging .lodbox .txtbox .house {
    font-size: 14px;
    padding: 10px 0;
    margin: 15px 0;
    line-height: 1.6;
  }

  .facility .lodging .lodbox .txtbox .tit {
    font-size: 20px;
    margin: 0 0 5px 0;
  }

  .facility .lodging .lodbox .txtbox .tit span.ffsize {
    font-size: 12px;
  }

  .facility .lodging .lodbox .txtbox .tit span.ffcard {
    font-size: 16px;
    display: block;
    margin: 0;
    width: 222px;
    height: 31px;
    line-height: 31px;
  }

  .facility .lodging ul {
    margin: 0;
  }

  .facility .lodging ul li {
    float: none;
    width: 100%;
    padding: 0;
    margin: 15px 0 0 0;
  }

  .facility .lodging ul li .hdM span {
    font-size: 12px;
  }

  .facility .lodging ul li dl {
    padding: 10px 0;
    margin: 10px 0 0 0;
  }

  .facility .lodging ul li dt {
    display: table-cell;
    width: 150px;
    font-size: 18px;
  }

  .facility .lodging ul li dt span {
    display: block;
    font-size: 14px;
  }

  .facility .lodging ul li dd .money {
    font-size: 20px;
  }

  .facility .lodging ul li dd .money span {
    font-size: 16px;
  }

  .facility .lodging ul li dd .money01 span {
    font-size: 16px;
    width: 160px;
  }

  .facility .lodging ul li .access {
    font-size: 12px;
    line-height: 1.6;
    margin: 5px 0 0 0;
  }
}

.lodging .lodgingbox+.lodgingbox {
  margin: 40px 0 0 0;
}

.lodging .lodgingbox01 .hdM span {
  font-size: 16px;
}

.facility .lodgingbox01 .lodbox .txtbox {
  padding: 0 0 0 40px;
}

.facility .table {
  margin: 25px 0 0 0;
}

.facility .table table {
  margin: 0;
}

.facility .table .title {
  font-size: 18px;
  color: #66abea;
}

.facility .table table thead th {
  background: -webkit-linear-gradient(#edf6fd, #c4d8f0);
  background: -o-linear-gradient(#edf6fd, #c4d8f0);
  background: -moz-linear-gradient(#edf6fd, #c4d8f0);
  background: linear-gradient(#edf6fd, #c4d8f0);
}

.facility .table table tbody th {
  background: #e7f5fd;
}

.facility .tablebox {
  margin: 60px 0 0 0;
}

.facility .tablebox table {
  margin: 0 0 20px 0;
}

.facility .tablebox .tit {
  font-size: 24px;
  padding: 15px 0;
}

.facility .tablebox .txt {
  line-height: 1.6;
  font-size: 18px;
}

.facility .tablebox .txt span {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .lodging .lodgingbox+.lodgingbox {
    margin: 20px 0 0 0;
  }

  .lodging .lodgingbox01 .hdM span {
    font-size: 14px;
  }

  .facility .lodgingbox01 .lodbox .txtbox {
    padding: 0;
  }

  .facility .table {
    margin: 15px 0 0 0;
  }

  .facility .table table {
    margin: 0;
  }

  .facility .table .title {
    font-size: 16px;
  }

  .facility .tablebox {
    margin: 30px 0 0 0;
  }

  .facility .tablebox table {
    margin: 0 0 10px 0;
  }

  .facility .tablebox .tit {
    font-size: 20px;
    padding: 10px 0;
  }

  .facility .tablebox .txt {
    line-height: 1.5;
    font-size: 16px;
  }
}

/*-------------topics.html----------------*/
.pics #teaser {
  background: url("../common/img/bg_teaser.png") repeat-x center center #61ccff;
  padding: 35px 20px;
}

@media screen and (max-width: 767px) {
  .pics #teaser {
    padding: 15px 20px;
  }

  /*.pics #teaser {
        background: url("../common/img/bg_teaser.png") repeat-x center center #61ccff;
        padding: 20px 10px;
        -webkit-background-size: auto 80px;
        background-size: auto 80px;
    }*/
}

.pics #contents {
  padding: 70px 0 110px;
}

.pics .newsbox {
  padding: 30px 0 60px;
}

.pics .newsbox .tit {
  font-size: 16px;
}

.pics .newsbox .tit span {
  display: inline-block;
  width: 76px;
  height: 21px;
  color: #fff;
  line-height: 21px;
  text-align: center;
  margin: 0 25px 0 0;
}

.pics .newsbox .txt {
  margin: 15px 0 0 0;
  font-size: 22px;
  font-weight: bold;
}

.pics .newsbox .txt a {
  color: #000;
  font-size: 22px;
  font-weight: bold;
}

.pics .newsbox .text {
  margin: 35px 0 0 0;
}

.pics .newsbox .text p {
  font-size: 16px;
}

.pics .newsbox+.newsbox {
  border-top: 1px solid #b3b3b3;
}

.pics .wp-pagenavi a,
.pics .wp-pagenavi span {
  display: inline-block;
  /*width: 25px;*/
  height: 25px;
  text-align: center;
  line-height: 25px;
  border: 1px solid #89eaf7;
  background: #b7f2fa;
  color: #000;
  font-size: 12px;
}

.pics .wp-pagenavi a.on {
  background: #fff;
}

.pics .wp-pagenavi span.current {
  background: #fff;
}

.pics .wp-pagenavi a:hover {
  background: #fff;
  text-decoration: none;
}

.pics #side .title {
  font-size: 16px;
  padding: 10px 0 10px 15px;
  font-weight: bold;
}

.pics #side .article {
  font-size: 16px;
  padding: 15px 0;
  border-bottom: 1px solid #ababab;
}

.pics #side .article .tit span {
  padding: 2px 8px;
  color: #ffffff;
  font-size: 14px;
}

.pics #side .article .cont {
  margin: 5px 0 0 0;
  line-height: 1.6;
}

.pics #side .article .cont a {
  color: #000;
}

.pics .pageLink {
  margin: 40px 0;
}

.pics .pageLink a {
  padding: 16px;
  border-radius: 3px;
  margin: 5px;
  display: inline-block;
  text-align: center;
  border: 1px solid #89eaf7;
  background: #b7f2fa;
  color: #000;
  font-size: 16px;
  text-decoration: none;
}

.pics .pageLink a:hover {
  background: #00d1ef;
  color: #ffffff;
}

@media screen and (max-width: 767px) {
  .pics #contents {
    padding: 15px 0 55px;
  }

  .pics .newsbox {
    padding: 15px 0 30px;
  }

  .pics .newsbox .tit {
    font-size: 14px;
  }

  .pics .newsbox .tit span {
    margin: 0 15px 0 0;
  }

  .pics .newsbox .txt {
    margin: 15px 0 0 0;
  }

  .pics .newsbox .text {
    margin: 15px 0 0 0;
    text-align: justify;
    font-size: 14px;
  }

  .pics .wp-pagenavi {
    text-align: center;
  }

  .pics .wp-pagenavi a {
    /*width: 25px;*/
    height: 25px;
    line-height: 25px;
    font-size: 12px;
  }

  .pics #side .title {
    font-size: 14px;
    padding: 5px 0 5px 10px;
  }

  .pics #side .article {
    font-size: 14px;
    padding: 10px 0;
  }

  .pics #side .article .cont {
    margin: 5px 0 0 0;
    line-height: 1.7;
  }

  .pics .pageLink a {
    padding: 12px;
    margin: 4px;
    font-size: 12px;
  }
}

.tableScroll {
  width: 100%;
  overflow-x: auto;
}

/***PC 960px ~***/

/***IPAD 768px ~ 959px***/
@media screen and (max-width: 959px) {}

/*** SP 480px ~ 767px***/
@media screen and (max-width: 767px) {}

/*** SP 320px ~ 479px***/
@media screen and (max-width: 479px) {}