@charset "UTF-8";


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

html,body{width:100%; position:relative; /*overflow-x:hidden;*/}
body{font-size:14px; color:#000; font-family:'Noto Sans Japanese','Lato', sans-serif; position:relative; -webkit-text-size-adjust: 100%;}


ul,ol{list-style:none;}
li{list-style:none;}
a{color:#000; text-decoration:none;}
input[type=text],input[type=tel],input[type=email],textarea {-webkit-appearance: none; border-radius:0;}
input[type=radio]{vertical-align:middle;}
input[type=submit]:hover{ cursor:pointer; opacity:.7;}
button{background:none; border:none; padding:0; margin:0;}
button:hover{ cursor:pointer; opacity:.7;}
table{border-collapse:collapse; border:none; border-spacing:0;}
th ,td{border:none; vertical-align:top; text-align:left;}
img{vertical-align:bottom; max-width:100%; height:auto;}
strong, b, .bold {font-weight: bold;}
p{line-height:1.5;}
.clear{clear:both;}
.clearfix:after{clear:both; content:""; height:0; font-size:0; visibility:hidden; display:block;}
.wrap{max-width:1100px; margin:0 auto; box-sizing:border-box;}
.wrap-header{max-width:1300px;}
.center{text-align:center;}
.left{float:left;}
.right{float:right;}
.content{min-width:1100px; width:100%; overflow:hidden;}
.mv-under{height:400px; background:no-repeat center; background-size:cover; box-sizing:border-box;}
.mv-under .page-ttl{padding-top:190px; line-height:1; text-align:center;}
.mv-under .page-ttl .small{display:block; font-size:20px; line-height:1; color:#fff; margin-bottom:16px; letter-spacing:2px; font-family:'Lato', sans-serif;}
.mv-under .page-ttl .big{display:block; font-size:44px; line-height:1; color:#fff; letter-spacing:2px;}
.mv-under02{height:276px; background:url(images/common/BG_pagettl.png) repeat-x left top;}
.mv-under02 .page-ttl{padding-top:135px;}
.mv-under02 .page-ttl .small{font-size:16px; margin-bottom:20px;}
.mv-under02 .page-ttl .big{font-size:40px;}
.ttl01{text-align:center; line-height:1; padding-top:52px; background:url(images/common/BG_star_01.png) no-repeat center top;}
.ttl01 big{font-size:30px; line-height:1; display:block; margin-bottom:15px; color:#313131; font-weight:500; letter-spacing:4px;}
.ttl01 small{font-size:14px; line-height:1; display:block; color:#313131; font-family:'Lato', sans-serif; letter-spacing:2px; font-weight:400;}
.btn01{box-sizing: border-box; display:block; margin:0 auto; width:380px; padding:2px; background:url(images/common/BG_btn_01.jpg) repeat-y left top; background:-webkit-gradient(linear, left center, right center, from(#0e508d), to(#2c7061)); background: -moz-linear-gradient(left, #0e508d, #2c7061); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#FF0e508d', endColorstr='#FF2c7061');}
.btn01 span{display:block; font-size:15px; line-height:60px; text-align:center; color:#0d3c55; box-sizing:border-box; background:url(images/common/ARROW_01.png) no-repeat 318px center #fff;}
.goto:hover{cursor:pointer;}
.column-two{padding:110px 0;}
.main{float:left; width:800px;}
.side{float:right; width:250px;}
.side h3{text-align:center; position:relative; margin-bottom:15px;}
.side h3 span{display:inline-block; font-size:18px; font-weight:500; text-align:center; width:100px; background-color:#f8f9fa; position:relative; z-index:1;}
.side h3:before{content:""; display:block; width:100%; height:2px; background-color:#000; position:absolute; left:0; top:50%; margin-top:-1px;}
.side .side-list{margin-bottom:60px;}
.side ul li{border-bottom:#e1e2e3 solid 1px;}
.side ul li a{display:block; font-size:15px; padding:19px 10px; line-height:1; position:relative;}
.side ul li a:before,
.side ul li a:after{content:""; display:block; position:absolute; right:10px; bottom:10px; background-color:#000;}
.side ul li a:before{width:2px; height:7px;}
.side ul li a:after{width:7px; height:2px;}
.side ul.archive-list li a{font-family:'Lato', sans-serif; font-size:16px; font-weight:300; letter-spacing:1px;}

.pc{display:block;}
.pc-inline{display:inline;}
.pc-inlineb{display:inline-block;}
.sp{display:none !important;}
.sp-inline{display:none !important;}



/*--------------------------------------------

共通

--------------------------------------------*/

.imageX img {
  width: auto !important;
  height: 100% !important;
}
.imageY img {
  width: 100% !important;
  height: auto !important;
}

.link-newPrice {
  display: block;
  background-color: #ca2b2b;
  color: #fff;
  padding: 5px 10px 8px;
  text-align: center;
  line-height: 1;
  font-size: 14px;
  margin-top: 5px;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.link-newPrice > span::before {
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  margin-right: 6px;
  vertical-align: 1px;
}
.link-newPrice:hover {
  opacity: .8;
}
.u-color-blue {
  color: #005a96 !important;
}
.txt-small {
  font-size: .85rem !important;
}

/*new_icon*/


.new_icon {
  font-family: 'Lato', sans-serif;
  color: #FFF;
  background: #cb2a2a;
  padding: 5px 15px 6px;
  text-align: center;
  line-height: 1;
  font-weight: normal;
  font-style: italic;
  vertical-align: middle;
  font-size: 11px;
  display: inline-block;
  margin-right: 5px;
}

#header .gnav > ul > li > .drop-box .sub-menu02 .new_icon {
  color: #cb2a2a;
  font-weight: bold;
  padding: 0;
  background: none;
  margin-top: -1px;
}

#header .gnav > ul > li > a .new_icon,
#header .gnav > ul > li > span.sp .new_icon {
  position: absolute;
  width: 100%;
  bottom: 100%;
  margin-bottom: 4px;
  padding: 2px 0;
  font-size: 10px;
}
#header .gnav > ul > li > a .new_icon::before,
#header .gnav > ul > li > span.sp .new_icon::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3px 0 3px;
  border-color: #cb2a2a transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: auto;
}
#header .gnav > ul > li > span.sp .new_icon {
  width: 55px;
  bottom: auto;
  top: 12px;
  margin-bottom: 0;
}

#header .gnav > ul > li > span.sp.new {
  padding-top: 31px;
  padding-bottom: 15px;
}


/*newアイコンを一時的に隠す 正式にnewアイコンがアップになったらこのCSSは削除*/
.new_icon {
  display: none;
}
#header .gnav > ul > li > span.sp.new {
  padding: 23px 15px;
}
/*newアイコンを一時的に隠す 正式にnewアイコンがアップになったらこのCSSは削除*/

.indent {
  padding-left: 1em;
}

/* ページ下部固定予約ボタン */
.fixed-btn {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  z-index: 100;
  background: linear-gradient(180deg, transparent 0%,rgba(0,0,0,0.2) 100%);
}

.fixed-btn-reserve {
  display: flex;
  width: 480px;
  height: 60px;
  /* background: linear-gradient(45deg, #003851, #054f50); */
  /* background: linear-gradient(45deg, #296193, #306d61); */
  background: linear-gradient(45deg, #003851, #306d61);
  color: #fff;
  border: 2px solid #fff;
  font-size: 20px;
  justify-content: center;
  align-items: center;
  transition: all 300ms;
  border-radius: 11px;
  box-shadow: 0px 0px 16px -6px rgb(0 0 0 / 60%);
}

.fixed-btn-insta {
  display: flex;
  width: 190px;
  height: 60px;
  background: linear-gradient(45deg, #b32222, #a951a6);
  color: #fff;
  border: 2px solid #fff;
  font-size: 18px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  transition: all 300ms;
  border-radius: 11px;
  box-shadow: 0px 0px 16px -6px rgb(0 0 0 / 60%);
}

.fixed-btn-insta__img {
  width: 35px;
  height: auto;
}

.fixed-btn-reserve:hover {
  /* filter: brightness(1.2); */
  opacity: 0.9;
}
.fixed-btn-insta:hover {
  /* filter: brightness(1.1); */
  opacity: 0.9;
}


@media screen and (max-width:767px){
  .new_icon {
    font-size: 10px;
    float: left;
  }
  #header .gnav > ul > li > .drop-box .sub-menu02 .new_icon {
    float: none;
    margin-top: -2px;
  }

  #header .gnav > ul > li > a .new_icon,
  #header .gnav > ul > li > span.sp .new_icon {
    float: none;
  }

  /* ページ下部固定予約ボタン */
  .fixed-btn {
    width: 100%;
    max-width: 100%;
    gap: 5px;
    flex-grow: 1;
    height: 54px;
    background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
  }

  .fixed-btn-reserve {
    width: 60%;
    max-width: none;
    font-size: 15px;
    border-radius: 9px;
    box-shadow: 0px 0px 16px -6px rgb(0 0 0 / 60%);
    margin-left: 5px;
    height: 40px;
    border-width: 1px;
  }

  .fixed-btn-insta {
    width: 40%;
    max-width: none;
    font-size: 14px;
    gap: 5px;
    border-radius: 9px;
    box-shadow: 0px 0px 16px -6px rgb(0 0 0 / 60%);
    margin-right: 5px;
    height: 40px;
    border-width: 1px;
  }

  .fixed-btn-insta__img {
    width: 30px;
    height: auto;
  }

}


/*--------------------------------------------

ヘッダー

--------------------------------------------*/
#header{background:url(images/common/BG_gradient.jpg) no-repeat center top rgba(255,255,255,.9); background-size:100% 5px; padding-top:5px; box-sizing:border-box; position:fixed; left:0; top:0; width:100%; z-index:10000; min-width:1100px;}
#header .site-logo{position:absolute; left:30px; top:19px;}

#header .gnav.appear{display:block !important;}
#header .gnav > ul{text-align:center;}
#header .gnav > ul > li{display:inline-block; vertical-align:middle; margin-right:-4px;}
#header .gnav > ul > li > a{
  display:block;
  text-align:center;
  /*
  padding:28px 20px;
  */
  margin:28px 20px 0;
  padding-bottom: 28px;
  font-size:14px;
  line-height:1;
  position:relative;
}
#header .gnav > ul > li.hassub:hover > a:after{content:""; display:block; border-style:solid; border-width:0 10px 10px; border-color:#104b66 transparent; position:absolute; left:50%; margin-left:-10px; bottom:0;}
#header .gnav > ul > li > .drop-box{position:absolute; left:0; top:100%; width:100%; padding:35px 0; background:url(images/common/BG_gradient.jpg) no-repeat center top rgba(255,255,255,.9); background-size:100% 2px; opacity:0; display:none; z-index:10;}
#header .gnav > ul > li.hassub:hover > .drop-box.pcdb{opacity:1; display:block;}
#header .gnav > ul > li > .drop-box .sub-menu{float:left; width:254px; margin-right:28px; text-align:left;}
#header .gnav > ul > li > .drop-box .sub-menu02{text-align:center;}
#header .gnav > ul > li > .drop-box .sm03{margin-bottom:200px;}
#header .gnav > ul > li > .drop-box .last{margin-right:0;}
#header .gnav > ul > li > .drop-box .facility-ttl{font-size:17px; font-weight:500; color:#000; margin:15px 0;}
#header .gnav > ul > li > .drop-box .enjoy-price-ttl{font-size:17px; font-weight:500; color:#000; margin:15px 0 0; text-align:center;}
#header .gnav > ul > li > .drop-box .facility-ttl a,
#header .gnav > ul > li > .drop-box .enjoy-price-ttl a{color:#000;}
#header .gnav > ul > li > .drop-box ul li{
margin-bottom:10px; padding-left:10px; background:url(images/common/ARROW_02_head.png) no-repeat left 5px; line-height:1;}
#header .gnav > ul > li > .drop-box ul li a{font-size:13px; line-height:16px; color:#000;}
#header .gnav > ul > li > .drop-box .sub-menu02 ul li{display:inline-block; margin:0 20px;}
#header .gnav > ul > li > .drop-box .sub-menu02 ul li a{
  font-size:14px;
  display: inline-block;
}
#header .gnav > ul > li > .drop-box .sub-menu02 ul li a label:hover {
  cursor: pointer;
}

#header.top .gnav > ul > li > .drop-box {padding:25px 0 24px; background-color: #fff;}

#header .header-tel{position:absolute; right:30px; top:22px;}
#header .header-tel .big{font-size:19px; display:block; line-height:1; margin-bottom:8px;}
#header .header-tel .small{font-size:10px; display:block; line-height:1;}

.sub-menu02 .nav-map a {
    display: inline-block;
    padding-right: 20px;
    background: url(images/common/ICON_pdf.png) no-repeat right center;
  }
.link-map a {
    display: inline-block;
    padding-right: 20px;
    color: #005a96;
    background: url(../images/common/ICON_pdf.png) no-repeat right center;
}
.map-txt {
  display: block;
  text-align: left;
  font-size: 15px;
  line-height: 44px;
  width: 165px;
  margin-bottom: 3%;
}
.map-txt a:hover {
  text-decoration: underline;
}

#header .header-reserve.pc {
  width: 190px;
  max-width: 190px;
  top: 17px;
}

@media screen and (max-width: 1260px){
  #header .header-reserve.pc {
    width: 130px;
    max-width: 130px;
    top: 24px;
  }
}

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

  #header .gnav > ul > li > .drop-box .sub-menu02 ul li a span::after {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: -1px;
    background: url(images/common/ICON_pdf.png) no-repeat;
    margin-left: 2px;
  }
  .sub-menu02 .nav-map a {
      background-image: none;
    }

  .map-txt {
    width: 100%;
    margin-bottom: 0;
  }
}




/*--------------------------------------------

フッター

--------------------------------------------*/
#footer{min-width:1110px;}
#footer .ft ul{float:left; width:33.3333%;}
#footer .ft ul li{line-height:1; margin-bottom:10px; padding-left:10px; background:url(images/common/ARROW_02.png) no-repeat left 4px; padding-right: 20px;}
#footer .ft ul li a{font-size:13px; line-height:17px; color:#fff;}

#footer .ft01{padding:60px 0 65px; background:url(images/common/BG_ft_01.jpg) repeat-x left top #033e57;}
#footer .ft01 .ft-logo{float:left;
  display: flex;
  align-items: center;
}
#footer .ft01 .ft-contact{float:right; padding-top:24px;}
#footer .ft01 .ft-contact .ft-tel{display:inline-block; vertical-align:middle; margin-right:23px;}
#footer .ft01 .ft-contact .ft-tel .big{font-size:23px; line-height:1; color:#fff; display:block; margin-bottom:8px;}
#footer .ft01 .ft-contact .ft-tel .small{font-size:12px; line-height:1; color:#fff; display:block;}
#footer .ft01 .ft-contact .ft-bt{display:inline-block; width:204px; text-align:center; font-size:14px; color:#fff; line-height:48px; border:#fff solid 1px;}

#footer .ft02{padding:50px 0 40px;  background:url(images/common/BG_ft_02.jpg) repeat-x left top #033d57;}
#footer .ft02 h2{font-size:16px; color:#fff; margin-bottom:20px; letter-spacing:2px;}
#footer .ft03{padding:50px 0 40px;  background:url(images/common/BG_ft_03.jpg) repeat-x left top #033f57;}

#footer .ft-bottom{padding:40px 0 50px; text-align:center;}
#footer .ft-bottom ul{margin:30px 0 25px;}
#footer .ft-bottom ul li{display:inline-block; margin:0 11px 0 15px;}
#footer .ft-bottom ul li a{font-size:14px; color:#000;}
#footer .ft-bottom .copy{font-size:12px; line-height:1;}

#footer .nav-map a{display:inline-block; padding-right:20px; background:url(images/common/ICON_pdf.png) no-repeat right center;}



.middle-contact{width:750px; margin:0 auto; box-sizing:border-box; padding:3px; background:url(../images/common/BG_gradient.jpg) repeat-y center top; background-size:100% auto; background: #023c55; background:-webkit-gradient(linear, left center, right center, from(#0e508d), to(#2c7061)); background: -moz-linear-gradient(left, #0e508d, #2c7061); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#EE0e508d', endColorstr='#EE2c7061');}
.middle-contact .mc-in{background-color:#fff; padding:45px 0; text-align:center;}
.middle-contact .mc-tel{display:inline-block; vertical-align:middle; margin-right:55px; padding:3px 60px 2px 0; border-right:#acacac solid 1px;}
.middle-contact .mc-tel .big{display:block; text-align:center; line-height:1; font-size:30px; margin-bottom:10px;}
.middle-contact .mc-tel .small{display:block; text-align:center; line-height:1; font-size:15px;}
.middle-contact .mc-bt{width:254px; font-size:16px; text-align:center; color:#fff; line-height:54px; background-color:#023c55; display:inline-block; vertical-align:middle;}



ul.menu-4 li{margin-bottom:50px; width:520px;}
ul.menu-4 li .img-box{position:relative;}
ul.menu-4 li .img-box a{display:block;}
ul.menu-4 li .img-box h3{position:absolute; left:0; bottom:0; width:100%; padding:0 20px 20px; box-sizing:border-box;}
ul.menu-4 li .img-box h3 .small{font-size:15px; font-family:'Lato', sans-serif; font-weight:300; color:#fff; letter-spacing:1px; line-height:1; display:block; text-shadow:1px 1px 1px rgba(0,0,0,.4); -webkit-text-shadow:1px 1px 1px rgba(0,0,0,.4);}
ul.menu-4 li .img-box h3 .big{font-size:26px; color:#fff; letter-spacing:2px; line-height:1; display:block; margin-top:10px; text-shadow:1px 1px 1px rgba(0,0,0,.4); -webkit-text-shadow:1px 1px 1px rgba(0,0,0,.4);}
ul.menu-4 li .img-box .arrow{position:absolute; right:0; bottom:0;}
ul.menu-4 li p{font-size:14px; line-height:2; padding:15px 20px; box-sizing:border-box;}




.cat-news{background-color:#003851;}
.cat-campaign{background-color:#b88a3d;}
.cat-event{background-color:#00823d;}




.pager{text-align:center; margin-top:60px;}
.pager a,
.pager span{display:inline-block; width:46px; line-height:46px; color:#003851; border:#003851 solid 2px; font-size:18px; margin:0 10px 14px 10px;}
.pager a:hover,
.pager span.current{background-color:#003851; color:#fff;}
.pager li {
  display: inline-block;
}



.pagination{margin-top:60px; padding-bottom:80px; position:relative;}
/*
.pagination li{float:left;}
.pagination li:nth-child(2){float:right;}
.pagination li:nth-child(3){position:absolute; left:50%; margin-left:-185px; bottom:0;}
.pagination li a{display:block; width:370px; box-sizing:border-box; border:#003851 solid 2px; line-height:46px; text-align:center; font-size:15px; color:#003851; background:url(images/topics/ARROW_02.png) no-repeat 14px center;}
.pagination li:nth-child(2) a{background-image:url(images/topics/ARROW_03.png); background-position:right 14px center;}
.pagination li:nth-child(3) a{background-image:url(images/topics/ARROW_04.png); background-color:#003851; color:#fff;}
*/
.pagination li.prev {
  float:left;
}
.pagination li.next {
  float:right;
}
.pagination li.list{
  position:absolute;
  left:50%;
  margin-left:-185px;
  bottom:0;
}
.pagination li a{
  display:block; width:370px; box-sizing:border-box; border:#003851 solid 2px; line-height:46px; text-align:center; font-size:15px; color:#003851; background:url(images/topics/ARROW_02.png) no-repeat 14px center;
}
.pagination li.next a{
  background-image:url(images/topics/ARROW_03.png); background-position:right 14px center;
}
.pagination li.list a{
  background-image:url(images/topics/ARROW_04.png); background-color:#003851; color:#fff;
}


.map-box{position:relative; margin:60px 0 70px;}
.map-box .map-info{position:absolute; top:60px; right:60px; width:400px; height:300px; padding:40px 32px 0; box-sizing:border-box; background-color:rgba(255,255,255,.9);}
.map-box .map-info h3{font-size:16px; font-weight:500; line-height:1; margin-bottom:35px;}
.map-box .map-info dl{position:relative; padding-left:85px; margin-bottom:10px;}
.map-box .map-info dl dt{position:absolute; left:0; top:0; font-size:14px; line-height:23px;}
.map-box .map-info dl dd{font-size:14px; line-height:23px;}
.map-box .link-gmap{margin-top:25px;}
.map-box .link-gmap a{display:inline-block; font-size:14px; padding-right:44px; background:url(images/top/ARROW_topnews.png) no-repeat right center;}
.map-iframe { height: 0; padding-top: 38.36363636363636%; }
.map-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#gmap{width:1100px; height:422px;}

.float-btn {
  position: fixed;
  right: 0;
  top: 180px;
  z-index:9999;
  height: 158px;
  padding: 21px;
  background: -webkit-linear-gradient(top, rgba(27,114,122,1) 0%,rgba(44,112,97,1) 100%);
  background: linear-gradient(to bottom, rgba(27,114,122,1) 0%,rgba(44,112,97,1) 100%);
  color: #fff;
}
.float-btn .inner {
  min-width: 1.2em;
  height: 100%;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: .05em;
  line-height: 1.2;
  text-align: center;
}
@media screen and (min-width:768px) { /* IE SP崩れ対応 */
  .float-btn .inner {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
}
.float-btn.charge {
  background: -webkit-linear-gradient(top, rgba(203,108,40,1) 0%,rgba(236,170,3,1) 100%);
  background: linear-gradient(to bottom, rgba(203,108,40,1) 0%,rgba(236,170,3,1) 100%);
}
.float-btn.charge .inner{
  letter-spacing: .2em;
}

@media screen and (max-width:1160px){
  #header .gnav > ul > li > a {
    /*
    padding: 28px 15px;
    */
    margin-left: 15px;
    margin-right: 15px;
  }
}


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

.wrap{padding:0 15px;}
.content{min-width:100%; box-sizing:border-box;}
.mv-under{height:300px;}
.mv-under .page-ttl{padding-top:150px;}
.mv-under .page-ttl .small{font-size:14px; margin-bottom:11px;}
.mv-under .page-ttl .big{font-size:24px;}
.mv-under02{height:190px;}
.mv-under02 .page-ttl{padding-top:110px;}
.mv-under02 .page-ttl .small{font-size:14px; margin-bottom:8px;}
.mv-under02 .page-ttl .big{font-size:24px;}
.ttl01{padding-top:40px; background-image:url(images/common/sp/BG_star_01.png); background-size:25px auto;}
.ttl01 big{font-size:22px; margin-bottom:9px;}
.ttl01 small{font-size:12px; color:#000;}
.btn01{width:100%; padding:0; border-left:#0e508d solid 2px; border-right:#2c7061 solid 2px; box-sizing:border-box; position:relative; background:none; }
.btn01:before,
.btn01:after{content:""; display:block; width:100%; height:2px; position:absolute; left:0; background:-webkit-gradient(linear, left center, right center, from(#0e508d), to(#2c7061)); background: -moz-linear-gradient(left, #0e508d, #2c7061); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#FF0e508d', endColorstr='#FF2c7061');}
.btn01:before{top:0;}
.btn01:after{bottom:0;}
.btn01 span{font-size:14px; line-height:55px; background:url(images/common/sp/ARROW_01.png) no-repeat transparent; background-size:38px auto; background-position:right 15px center;}
.tel-box{padding:0 15px; box-sizing:border-box;}
.tel-box .tb-in{padding:15px 12px; background-color:#eef3f7; position:relative; box-sizing:border-box;}
.tel-box .tb-in:before,
.tel-box .tb-in:after{content:""; display:block; width:100%; height:1px; position:absolute; left:0; background:-webkit-gradient(linear, left center, right center, from(#0e508d), to(#2c7061)); background: -moz-linear-gradient(left, #0e508d, #2c7061); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#FF0e508d', endColorstr='#FF2c7061');}
.tel-box .tb-in:before{top:-3px;}
.tel-box .tb-in:after{bottom:-3px;}
.tel-box ul li{float:left; width:48%;}
.tel-box ul li:last-child{float:right;}
.tel-box ul li a{display:block; padding:20px 0; text-align:center; color:#fff; background-color:#023c55;}
.tel-box ul li a .big{font-size:16px; line-height:1; display:block;}
.tel-box ul li a .small{font-size:12px; line-height:1; display:block;}

.column-two{padding:0;}
.main{float:none; width:100%;}
.side{float:none; width:100%; background-color:#fff; padding-top:2px;}
.side:after{content:""; display:block; clear:both;}
.side .side-list{float:left; width:49.5%; margin-bottom:0; position:relative; z-index:1;}
.side .side-list.sl02{float:right;}
.side h3{text-align:center; position:relative; margin-bottom:0; padding:15px 0; background-color:rgba(245,245,245,.6);}
.side h3 span{display:inline-block; font-size:12px; width:auto; background:url(images/common/ARROW_03.png) no-repeat right center; background-size:11px auto; padding-right:20px;}
.side h3:before{display:none;}
.side ul{padding:0 20px; box-sizing:border-box; background-color:#fafafa; display:none; position:absolute; left:0; top:100%; width:100%;}
.side ul li{border-bottom:#e1e2e3 solid 1px;}
.side ul li:last-child{border:none;}
.side ul li a{font-size:11px; padding:18px 0; text-align:center;}
.side ul li a:before,
.side ul li a:after{display:none;}


.pc{display:none !important;}
.pc-inline{display:none !important;}
.pc-inlineb{display:none !important;}
.sp{display:block !important;}
.sp-inline{display:inline !important;}




/*--------------------------------------------

ヘッダー

--------------------------------------------*/
#header{background-size:100% 6px; padding-top:6px; min-width:100%;}
#header .wrap{padding:0;}
#header .site-logo{left:15px; top:18px;}

#header .bt-menu{float:right; width:60px; height:60px; position:relative;}
#header .bt-menu:before{content:""; display:block; width:26px; height:20px; box-sizing:border-box; border-top:#033c55 solid 2px; border-bottom:#033c55 solid 2px; position:absolute; left:50%; margin-left:-13px; top:50%; margin-top:-10px; transition:.4s; -webkit-transition:.4s;}
#header .bt-menu:after{content:""; display:block; width:26px; height:2px; box-sizing:border-box; background-color:#033c55; position:absolute; left:50%; margin-left:-13px; top:50%; margin-top:-1px; transition:.4s; -webkit-transition:.4s;}
#header .bt-menu.open:before{height:2px; margin-top:-1px; border:none; background-color:#033c55; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#header .bt-menu.open:after{transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}

#header .gnav{position:absolute; left:0; top:100%; width:100%; display:none; background:rgba(255,255,255,.9); border-top:rgba(176,195,203,.8) solid 1px;}
#header .gnav.spnav{overflow:scroll;}
#header .gnav > ul{text-align:left;}
#header .gnav > ul > li{display:block; margin-right:0;}
#header .gnav > ul > li > a,
#header .gnav > ul > li > span{
  display:block;
  text-align:left;
  padding:23px 15px;
  font-size:14px;
  line-height:1;
  color:#000;
  position:relative;
  border-bottom:rgba(176,195,203,.8) solid 1px;
  margin: 0;
}

#header .gnav > ul > li > span:hover{cursor:pointer;}
#header .gnav > ul > li a:after{
  width:9px;
  height:14px;
  content:"";
  display:block;
  background:url(images/common/sp/ARROW_04.png) no-repeat;
  background-size:9px auto;
  position:absolute;
  right:15px;
  top:50%;
  margin-top:-7px;
  transition:.4s;
  -webkit-transition:.4s;
}
#header .gnav > ul > li > span:before{content:""; display:block; width:22px; height:22px; border:#033c55 solid 1px; box-sizing:border-box; position:absolute; right:15px; top:50%; margin-top:-11px; background-color:#033c55;}
#header .gnav > ul > li > span:after{content:"＋"; display:block; width:22px; line-height:22px; text-align:center; position:absolute; right:15px; top:50%; margin-top:-11px; color:#fff;}
#header .gnav > ul > li > span.open:before{background-color:transparent;}
#header .gnav > ul > li > span.open:after{content:"ー"; color:#033c55;}
#header .gnav > ul > li.hassub:hover > a:after{display:none;}
#header .gnav > ul > li > .drop-box{position:static; top:0; width:100%; padding:0; background:none; opacity:1;}
#header .gnav > ul > li > .drop-box .sub-menu{width:100%; margin-right:0; text-align:center; box-sizing:border-box; padding:0;}
#header .gnav > ul > li > .drop-box .sub-menu.sm03{margin:0;}
#header .gnav > ul > li > .drop-box .facility-ttl{font-size:13px; font-weight:300; margin:0; position:relative;}
#header .gnav > ul > li > .drop-box .facility-ttl a{display:block; padding:20px 30px; box-sizing:border-box; color:#000; text-align:left;}
#header .gnav > ul > li > .drop-box .enjoy-price-ttl{font-size:13px; margin:12px 0 0;}
#header .gnav > ul > li > .drop-box ul{display:none;}
#header .gnav > ul > li > .drop-box .sm05{border-top:#fff dashed 1px; width:100%; padding:0;}
#header .gnav > ul > li > .drop-box .sm05 ul{display:block;}
#header .gnav > ul > li > .drop-box .sm05 ul:after{display:block; content:""; clear:both;}
#header .gnav > ul > li > .drop-box .sm05 ul li{margin-bottom:0px; padding-left:0; width:50%; float:left; background:none; box-sizing:border-box;}
#header .gnav > ul > li > .drop-box .sm05 ul li:first-child{border-right:#fff dashed 1px;}
#header .gnav > ul > li > .drop-box .sm05 ul li a{line-height:1; font-size:12px; line-height:60px; padding-left:15px; box-sizing:border-box; text-align:left; display:block;}

#header .gnav > ul > li > .drop-box .sub-menu02 ul{display:block;}
#header .gnav > ul > li > .drop-box .sub-menu02 ul li{width:100%; margin:0; text-align:left; box-sizing:border-box; padding:0; background:none;  position:relative;}
#header .gnav > ul > li > .drop-box .sub-menu02 ul li a{display:block; padding:20px 30px; box-sizing:border-box; color:#000;}


#header .header-tel{right:60px; top:13px;}
  #header .gnav > ul > li > .drop-box .sub-menu02 ul li:last-of-type a,
  #header .gnav > ul > li > .drop-box .sub-menu.last .facility-ttl a{
    border-bottom: rgba(176,195,203,.8) solid 1px;
  }



/*--------------------------------------------

フッター

--------------------------------------------*/
#footer{min-width:100%;}
#footer .ft ul{float:left; width:33.3333%;}
#footer .ft ul li{line-height:1; margin-bottom:10px; padding-left:10px; background:url(images/common/ARROW_02.png) no-repeat left 4px;}
#footer .ft ul li a{font-size:13px; line-height:16px; color:#fff;}

#footer .ft01{padding:0; background:none;}
#footer .ft01 .wrap{padding:0;}
#footer .ft01 .ft-logo{float:none; text-align:center; padding:30px 0; background:url(images/common/BG_ft_01.jpg) repeat-x left top #033e57;
  flex-direction: column;
}

#footer .tel-box{background:url(images/common/BG_ft_01.jpg) repeat-x left top #033e57;}
#footer .tel-box .tb-in{padding:30px 0; background:none;}
#footer .tel-box .tb-in:before,
#footer .tel-box .tb-in:after{display:none;}
#footer .tel-box .tb-in ul li{border:#fff solid 1px;}

#footer .sp-ft-nav{background:url(images/common/BG_ft_01.jpg) repeat-x left top #033e57; padding:25px 15px; box-sizing:border-box;}
#footer .sp-ft-nav li{padding-left:9px; float:left; width:50%; box-sizing:border-box; margin-bottom:10px; line-height:1; background:url(images/common/sp/ARROW_02.png) no-repeat left 3px; background-size:6px auto;}
#footer .sp-ft-nav li a{color:#fff; font-size:11px; line-height:13px;}

#footer .ft-bottom{padding:30px 0; }
#footer .ft-bottom ul{margin:30px 0 20px;}
#footer .ft-bottom ul li{display:inline-block; margin:0  6px 12px 0; padding-right:15px; position:relative;}
#footer .ft-bottom ul li:after{content:"/"; display:block; position:absolute; right:0; top:0;}
#footer .ft-bottom ul li:last-child:after{display:none; margin:0; padding:0;}
#footer .ft-bottom ul li a{font-size:11px;}
#footer .ft-bottom .copy{font-size:9px; line-height:1.3;}

#footer .nav-map a{padding-right:18px; background-size:13px auto;}




ul.menu-4 li{margin-bottom:40px; width:100%;}
ul.menu-4 li .img-box img{width:100%;}
ul.menu-4 li .img-box h3{padding:0 12px 12px;}
ul.menu-4 li .img-box h3 .small{font-size:11px;}
ul.menu-4 li .img-box h3 .big{font-size:19px; letter-spacing:0;  margin-top:8px;}
ul.menu-4 li .img-box  .arrow img{width:50px;}
ul.menu-4 li p{font-size:14px; line-height:1.5; padding:12px 0 0;}




.pager{text-align:center; margin:25px 0 45px;}
.pager a,
.pager span{width:36px; line-height:36px; font-size:14px; margin:0 1px 10px 5px;}



.pagination{margin:0 0 50px; padding:0 15px 70px;}
/*
.pagination li{width:45%; max-width:310px;}
.pagination li:nth-child(3){margin-left:-108px; width:216px;}
.pagination li a{width:100%; line-height:40px; font-size:14px; background:url(images/topics/sp/ARROW_02.png) no-repeat 14px center; background-size:8px auto;}
.pagination li:nth-child(2) a{background-image:url(../images/topics/sp/ARROW_03.png);}
.pagination li:nth-child(3) a{background-image:url(../images/topics/sp/ARROW_04.png);}
*/
.pagination li{width:45%; max-width:310px;}
.pagination li.list{margin-left:-108px; width:216px;}
.pagination li a{width:100%; line-height:40px; font-size:14px; background:url(images/topics/sp/ARROW_02.png) no-repeat 14px center; background-size:8px auto;}
.pagination li.next a{background-image:url(../images/topics/sp/ARROW_03.png);}
.pagination li.list a{background-image:url(../images/topics/sp/ARROW_04.png);}




.map-box{position:static; margin:40px 0 30px;}
.map-box .map-info{position:static; width:100%; right:auto; top:auto; height:auto; padding:0; background:none; margin-top:30px;}
.map-box .map-info h3{margin-bottom:15px;}
.map-box .map-info dl{padding-left:70px; margin-bottom:5px;}
.map-box .map-info dl dt{font-size:12px; line-height:1.5;}
.map-box .map-info dl dd{font-size:12px; line-height:1.5;}
.map-box .link-gmap{margin-top:15px;}
.map-box .link-gmap a{font-size:12px; padding-right:38px; background-image:url(images/top/sp/ARROW_topnews.png); background-size:32px auto;}
.map-iframe { position: relative; padding-top: 72.46376811594203%; }

#gmap{width:100%; height:250px;}

.float-btn {
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  padding: 16px 10px;
  background: -webkit-linear-gradient(left, rgba(27,114,122,1) 0%,rgba(44,112,97,1) 100%);
  background: linear-gradient(to right, rgba(27,114,122,1) 0%,rgba(44,112,97,1) 100%);
}
.float-btn.charge  {
  background: -webkit-linear-gradient(left, rgba(203,108,40,1) 0%,rgba(236,170,3,1) 100%);
  background: linear-gradient(to right, rgba(203,108,40,1) 0%,rgba(236,170,3,1) 100%);
}
.float-btn .inner {
  min-width: 0;
  height: auto;
  font-size: 16px;
  -webkit-writing-mode: inherit;
  -ms-writing-mode: horizontal-tb !important;
  writing-mode: inherit;
}
.float-btn:after {
  content: "";
  display: block;
  width: 34px;
  height: 13px;
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -6px;
  background: url(images/common/facilities/ARROW_01.png) no-repeat center;
}

}


/*--------------------------------------------

印刷用

--------------------------------------------*/

@media print {
  .no_print {
    display: none !important;
  }
  #charge .ttl01 {
    background: none;
    padding-top: 0;
  }
  #charge .ttl01 big {
    font-size: 18px;
  }
  #charge .ttl01 small {
    display: none;
  }
  #charge .stay-plan {
    padding-top: 30px;
  }
  #charge .stay-plan h2 {
    margin-bottom: 20px;
  }
  .stay-plan .ex {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  #charge .stay-plan .ex dt,
  #charge .stay-plan .ex dd {
    font-size: 10px;
  }
  #charge table .f15 th,
  #charge table .f13 th {
    font-size: 10px;
  }
  #charge table th,
  #charge table td {
    font-size: 10px;
  }
  #charge .stay-plan .ex {
    margin-bottom: 15px;
  }
  #charge .data p {
    font-size: 10px;
  }
  #charge table th, #charge table td {
    padding: 5px 0;
  }
  #charge .attention-box {
    padding: 10px;
    margin-top: 10px;
  }
  #charge .attention-box li {
    font-size: 10px;
    margin-bottom: 5px;
  }
  #charge .day-trip-plan {
    padding-top: 30px;
  }
  #charge .day-trip-plan h2 {
    margin-bottom: 0;
  }
  #charge .wrap {
    width: 1024px;
  }
}

/*システムエラー文*/
.system_error {
  background: #bf0000;
}
.se_inner {
  width: 1100px;
  margin: auto;
  padding: 17px 0 20px;
}
.system_error p {
  text-align: center;
  color: #FFF;
  font-size: 16px;
  line-height: 1.6;
}
.system_error p.title {
  font-size: 18px;
  margin-bottom: 5px;
  font-weight: bold;
}
.system_error p.text span {
  display: inline-block;
  padding-top: 10px;
}

#top-news .system_error {
  background: none;
}
#top-news .system_error p {
  color: #bf0000;
}
#top-news .se_inner {
  width: auto;
  padding: 0 0 30px;
}
#top-news .system_error p {
  font-size: 15px;
  line-height: 1.8;
}
#top-news .system_error p.title {
  font-size: 16px;
  margin-bottom: 7px;
}



@media screen and (max-width:767px){
  .se_inner {
    width: auto;
    margin: auto;
    padding: 14px 10px 17px;
  }
  .system_error p {
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 3.2vw;
    line-height: 1.6;
  }
  .system_error p.irr {
    letter-spacing: -0.015em;
  }
  .system_error p.title {
    font-size: 3.8vw;
    margin-bottom: 3px;
  }
  .system_error p.text {
    letter-spacing: -0.03em;
  }
  #top-news .system_error {
  }
  #top-news .system_error p {
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 1.8;
    letter-spacing: -0.05em;
  }
  #top-news .system_error p.title {
    font-size: 14px;
    margin-bottom: 7px;
  }
  #top-news .system_error p.text {
    font-weight: normal;
  }
}