@charset "UTF-8";
/* CSS Document */
.pace.pace-active{
	display:none;
}
body{font-family: Century Gothic !important; "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}
body.home.use-pace #header_container, body.home.use-pace #header-banner-outer, body.home.use-pace #container, body.home.use-pace #dpplayer{
	opacity:1;
	visibility:visible;
}

.header-banner-container {top:12% !important}


.wp-image-2746 {margin-top:37%;}
@media screen and (min-width:768px)  {
.wp-image-2746 {margin-top:15%;}
}


.inside-title{text-align: center;}
#global_menu_trigger{position: fixed;width: 100%;height: 52px;overflow: hidden;z-index: 100;}


/*固定ページ共通*/
.c-y{color:yellow;padding: 0 !important;}
.font-f-roboto{font-family: "Roboto", Sans-serif;}
.spacer{height: 70px;}
.f-1{font-size: 1.1rem;text-align: center;}
.rental-box ul li{line-height: 1.3 !important;font-size: 1.5rem;}
.icn-c{color: #fce93c;padding-right: 7px;font-size: 16px;}
.icn-c-big{color: #fce93c;padding-right: 7px;font-size: 30px;}
.mp-sp-box{background-color: #61b1bf}
.mp-sp-box ul {margin: 0 !important;padding: 5px 10px !important;}
.mp-sp-box ul li{line-height: 1.4 !important;}
.mp-h3{text-align: center;font-size: 2.0rem;font-weight: bold;padding: 10px 0 !important;}
.mp-p{padding: 5px 0 0 !important;font-size: 1.3rem;}
.md-notes{padding: 0 !important;line-height: 1.3;font-size: 1.0rem;}
.md-p01{margin: 0 !important;padding: 0 !important;}
.md-p01 li{line-height: 1.0 !important;}
.md-bb-02{color: #6ec1e4;background-color: #F7E200;padding: 3px 10px;width: 100%;display: block;margin: 15px auto;font-weight: bold;text-align: center;font-size: 1.3rem;}
.md-bb{color: #6ec1e4;background-color: #fff;padding: 3px 10px;width: 100%;display: block;margin: 15px auto;font-weight: bold;text-align: center;font-size: 1.3rem;}
.mp-d-p{font-size: 1.2rem;color:#fff/*#54595f*/;padding: 0 !important;margin: 0;line-height: 1.5;}
.mp-d-n{font-size: 5.0rem;color: yellow/*rgb(206, 224, 47)*/;font-weight: bold;padding: 0 !important;line-height: 1.0;}
.md-p-c{text-align: center;background-color: transparent;background-image: linear-gradient(180deg, #ff91d6 0%, #f27d9b 100%);display: block;margin: 0 auto 15px;width: 100%;font-size: 1.3rem;}
.md-c-01{padding: 0 !important;font-weight: bold;margin: 0;}
.m-box-01{background-color: #67d3ca;border-radius: 3px;margin-bottom: 50px;padding: 15px;}
.m-box-01 > .row > .col > .pb-2 {font-size:1.25rem}
.m-d1{font-weight: bold;line-height: 1.8;font-size: 1.9rem;padding:15px 0!important;text-align: left;}
.border-dotted{border-top-style: dotted;border-top-width: 1px;border-top-color: #ffffff;width: 93%;margin: 10px auto 0;}
.carousel-indicators li {padding: 0 !important;}
.entry ul:not(.recent_entries) li::before, .dp_text_widget ul:not(.recent_entries) li::before, .textwidget ul:not(.recent_entries) li::before{
content: none;}
.carousel-indicators{list-style-type: none !important;}

ol.carousel-indicators {position: relative;padding-bottom: 2rem;padding-top: 1rem;margin-left: 0;}
ol.carousel-indicators li {max-width: 150px;width: 20%;height: auto;border: none;text-indent: 0;margin-left:.4rem !important;margin-right: .4rem !important;}
ol.carousel-indicators li img,.carousel-inner img {margin: 0;}


/*注意事項*/
.ico-tg{font-size: 2.5rem;padding-right: 15px;color: #5cb0cc;}
.Notes-strog{font-size: 1.5rem;font-weight: bold;text-decoration: underline;}
.Notes-tptin{background-color: #EBF5F9;color: #7a7a7a;padding: 15px 0;font-size: 1.3rem;}
.Notes-tptin ul{margin-left: 20px !important;}
.Notes-tptin li{padding: 0 !important;list-style: disc;margin:0 15px;font-size: 1.1rem;}
.Notes-tpt{padding: 5px 20px !important;background-color: #EBF5F9 !important;}
.Notes-tt{color: #5cb0cc !important;font-size: 1.5rem;}
.Notes-box{}
.Notes-box h1{text-align: center;} 

/*キッズエリア*/
.kids-area-box img{margin: 0;}
.kids-area-box h1 {font-weight: bold;text-align: center;border-bottom: none;margin-bottom: 60px;font-size: 2.0rem;}
.kids-area-box h2 {border-bottom: none;padding: 3px 25px;background-color: #67d3ca;font-size: 1.6rem;margin: 0 0 10px;text-align: center;}

/*リクリート*/
.tbl-r1{width: 100%;}
.tbl-r1 th{background: #67d3ca !important;text-align: center;width: 25%;font-size: 1.3rem}
.tbl-r1 td{font-size: 1.3rem;}

/*エリアインフォ*/
.eria-info-box img{margin: 0;}
.eria-info-box h1 {border-bottom: none;font-size: 2.2rem;text-align: center;margin: 0;font-family: "Roboto", Sans-serif;}

/*メディアクエリ768*/
@media screen and (min-width:768px) {
.eria-info-box h1 {font-size: 3.0rem;padding-bottom: 20px;}
.kids-area-box h1{font-size: 3.0rem;}
.kids-area-box h2{ font-size: 2.1rem;text-align: left;}
.f-1{font-size: 1.6rem;text-align: left;padding: 0 !important;}
.kids-area-box img{margin-bottom: 20px;padding: 0 10px;}
//.md-p-c{width: 130px;}
.mp-d-n{font-size: 6.0rem;}
.tbl-r1 th td{font-size: 1.8rem;}
.Notes-box h1{text-align: left;}
.Notes-tt{font-size: 2.0rem;}
.Notes-strog{font-size: 2.0rem;}
.Notes-tptin li{font-size: 1.5rem;}
}

@media screen and (max-width: 640px){
.last td:last-child{border-bottom: 1px solid rgba(255,255,255,.16) !important;}
}

.container {
  display: flex;
}
.left9 {
  border: 1px solid #fff;
  flex: 1;
  margin: 10px 10px 10px 10px;
}
.contents {
  border: 1px solid #fff;
  flex: 1;
  margin: 10px 10px 10px 10px;
}
.right9 {
  border: 1px solid #fff;
  flex: 1;
  margin: 10px 10px 10px 10px;
}
.contents2 {
  border: 0px solid #fff;
  flex: 1;
  margin: 10px 10px 10px 10px;
}
.right2 {
  border: 0px solid #fff;
  flex: 1;
  margin: 10px 10px 10px 10px;
}
@media screen and (max-width: 540px) {
  .container {
    display: flex;
    flex-direction: column;
  }
}
.bx-wrapper {
  width: 100%;
  max-width: 100% !important;
}
.bx-wrapper .bx-viewport {
  background: none;
  border: none;
  box-shadow: none;
  width: 100%;
}
.title04 {
  line-height: 50px;
  text-align: center;
}
/*table*/
#title {
  text-align: center;
  color: white;
  font-size: 30px;
  text-transform: uppercase;
  margin-top: 100px;
}
.hover-table-layout {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 800px;
  margin: 0 auto;
}
.listing-item {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  float: left;
  background: #fff;
  border-radius: 10px;
  z-index: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.10);
  -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.10);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.10);
}
.listing-item:hover, .listing-item.active {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  transform: scale(1.03);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 2;
}
.listing-item .listing {
  padding: 20px;
  position: relative;
}
.listing-item .listing:before {
  content: "";
  position: absolute;
  top: -15px;
  left: -o-calc(50% - 15px);
  left: -moz-calc(50% - 15px);
  left: -webkit-calc(50% - 15px);
  left: calc(50% - 15px);
  border-bottom: 20px solid #fff;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}
figure.image img {
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
figure.image {
  position: relative;
  margin: 0;
  padding: 0;
}
figure.image figcaption {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  bottom: 4px;
  background: rgba(0, 0, 0, 0.6);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
figcaption .caption {
  position: relative;
  top: 30%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
figcaption h1 {
  color: white;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
}
figcaption p {
  color: white;
  font-size: 12px;
}
.listing h4 {
  font-size: 13px;
  text-align: center;
  padding: 5px 10px;
  font-weight: bold;
}
.listing h4:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
.listing-item:hover figure.image figcaption {
  background: rgba(195, 39, 43, 0.6);
}
@media only screen and (min-width:540px) {
  .listing-item {
    display: block;
    width: -webkit-calc(100%/3);
    width: -moz-calc(100%/3);
    width: calc(100%/3);
  }
}
@media only screen and (min-width:1024px) {
  .hover-table-layout {
    padding: 30px;
  }
}
.square_btn {
  display: inline-block;
  padding: 0.3em 2em;
  text-decoration: none;
  color: #67c5ff;
  border: solid 2px #67c5ff;
  border-radius: 3px;
  transition: .4s;
}
.square_btn:hover {
  background: #67c5ff;
  color: white;
}
/*リスト番号*/

ol.styled-ol li2:last-child {
  border-bottom: none;
}
ol.styled-ol {
  list-style-type: none;
  /*IE 7- hack*/
  margin: 0;
  margin-left: 0em;
  padding: 0;
  counter-reset: li-counter;
}
ol.styled-ol li {
  border-bottom: 1px solid #E1E6EB;
  padding: 10px 0 12px 0;
}
ol.styled-ol li:before {
  font-family: 'Open Sans';
  font-size: 30px;
  font-weight: 800;
  color: #acb4be;
  margin: 0 25px 0 0;
  content: counter(li-counter);
  counter-increment: li-counter;
}
@media only screen and (min-width: 768px) {
  .text br {
    display: none;
  }
}
.title box {
  text-align: center;
  line-height: 1.0em;
}
h.title1 {
  color: white;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.5em;
  margin: 60px 0px 10px 0px;
  display: block;
}
h.title11 {
  color: white;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", Century Gothic;
  font-size: 23px;
  font-weight: 600;
  line-height: 1.5em;
  margin: 30px 0px 10px 0px;
  display: block;
}
h.title12 {
  color: white;
  font-family: Bangers;
  font-size: 45px;
  font-weight: 600;
  line-height: 1.5em;
  margin: 60px 0px 50px 0px;
  display: block;
}
.title2 {
  color: white;
  font-family: Fredericka the Great, cursive;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.2em;
  margin: 0 auto;
  border-bottom: solid;
  border-color: #ffffff;
  border-width: 8px;
  max-width: 400px;
  display: block;
}
.title3 {
  font-size: 80%;
}
.title4 {
  color: white;
  font-family: Fredericka the Great, cursive;
  font-size: 10px;
  font-weight: 800;
  line-height: 0em;
}
.item {
  display: flex;
  max-width: 1221px;
  width: 100%;
  flex-wrap: wrap;
  margin: 0 auto;
}
.item-image {
  width: 40%;
}
.item-text {
  color: white;
  flex-wrap: wrap;
  flex: 1;
  justify-content: center;
  align-content: center;
	padding:1rem;position:relative;
}
.item-text h33 {
  display: flex;
  font-size: 0.5rem;
  letter-spacing: 5px;
  margin: 10px 0px 0px 10px;
}
.item-text h44 {
  display: flex;
  font-family: Cabin Sketch, impact, Century Gothic;
  font-size: 1.6rem;
	line-height:1.4;border-bottom:1px dotted #fff;margin-bottom:.4rem;
}
.item-text h45 {
  display: flex;
  font-family: Cabin Sketch, impact, Century Gothic;
  font-size: 1.8rem;
  letter-spacing: 0px;
  margin: 10px 0px 10px 10px;
}
.item-text span {
  display: flex;
  font-family: Cabin Sketch, impact, Century Gothic;
  font-size: 40px;
  letter-spacing: 0px;
  margin: 10px 0px 0px 10px;
}
.item-text h55 {
  display: flex;
  font-family: Century Gothic;
  font-size: 1.2rem;
  line-height: 1.3;
}
.item-text > p {
	position:absolute;right:1rem;bottom:1rem;
  font-size: 1.2rem;padding:0;margin:0;
}
img.logo {
  width: 600px;
}
img.insta {
  width: 30px;
  text-align: center;
  margin-bottom: 10px;
}
img.bbq {
  width: 40px;
  margin: 5px;
}
img.notice {
  width: 100px;
  margin: 5px;
  float: left;
}
/*TOP画像*/

.main99 {
  position: relative
}
.main-img {
  width: 100%;
  text-align: center;
}
.STEMRESORT-text {
  font-size: 23px;
  text-align: center;
  padding: 0 !important;
}
/*STEM RESORT text*/

.STEMRESORT-text-pc {
  font-size: 17px;
}
.moi-aussi-be {
  font-size: 25px;
  text-align: center;
  margin: 40px 0 15px;
  padding: 0 !important;
  line-height: 1.8;
}
/*STEM RESORTリンク*/

.btn-square-shadow-STEMRESORT {
  display: inline-block;
  padding: 0.5em 0.6em;
  background: #429ebc;
  /*ボタン色*/
  border-bottom: solid 4px #627295;
  border-radius: 3px;
  margin-bottom: 25px;
  font-size: 12px;
}
.btn-square-shadow-STEMRESORT:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  /*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  /*影を小さく*/
  border-bottom: none;
  color: #fff !important;
}
@media only screen and (max-width: 767px) {
  img.main {
    width: 90%;
    height: auto;
  }
  .STEMRESORT-text-pc {
    display: none;
  }
  .STEMRESORT-text {
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 20px;
  }
  .moi-aussi-be {
    font-size: 17px;
    line-height: 1.5;
    margin: 40px 0 20px;
    text-align: center;
    padding: 0 !important;
  }
}
/*TOP画像 pc　768px以上 */

@media only screen and (min-width: 768px), print {
  img.main {
    width: 600px;
    height: auto;
  }
}
/*TOP画像の上文字ここまで*/

.parent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
p.insta {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  p.insta {
    width: 100%;
    height: auto;
  }
}
/* pc　768px以上 */

@media only screen and (min-width: 768px), print {
  p.insta {
    width: 600px;
    height: auto;
  }
}
p.notice {
  vertical-align: top;
  margin: 0px 5px 5px 25px;
}
h1.btn {
  color: white !important;
  font-size: 23px;
  font-weight: 600;
  line-height: 1.5em;
  margin: 10px 0px 10px 0px;
  display: block;
  border: none;
}
.plx_widget p {
  margin-bottom: 10px;
}
.square_btn {
  display: inline-block;
  width: 280px;
  text-decoration: none;
  background: rgba(0, 255, 0, 0.5);
  color: #fff;font-size:1.5rem;
  border: solid 2px rgba(0, 255, 0, 0.5);
  border-radius: 3px;
  transition: .4s;
}
.square_btn:hover {
  background: #67c5ff;
  color: white;
}
.square_btn2 {
  display: inline-block;
  margin: 10px 0px 0px 0px;
  padding: 0.5em 1em;
  width: 280px;
  text-decoration: none;
  background: rgba(255, 255, 0, 0.8);
  color: #000;
  border: solid 2px rgba(255, 255, 0, 0.8);
  border-radius: 3px;
  transition: .4s;
}
.square_btn2:hover {
  background: rgba(136, 106, 8, 1);
  color: black;
}
#buttan_03 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#buttan_03 p {
  color: #fff;
  margin: 3px;
  padding: 5px;
  border-radius: 4px;
  background: #60B99A;
}
#buttan_03 a {
  color: #fff;
}
#buttan_03 p:hover {
  background-color: #247BA0;
  color: #222222;
}
.cp_ipselect {
  overflow: hidden;
  width: 90%;
  margin: 2em auto;
  text-align: center;
}
.cp_ipselect select {
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.cp_ipselect select::-ms-expand {
  display: none;
}
.cp_ipselect.cp_sl05 {
  position: relative;
  border-radius: 2px;
  border-radius: 50px;
  background: #da3c41;
}
.cp_ipselect.cp_sl05::before {
  position: absolute;
  top: 0.8em;
  right: 0.8em;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ffffff;
  pointer-events: none;
}
.cp_ipselect.cp_sl05 select {
  padding: 8px 38px 8px 8px;
  color: #ffffff;
}
/* 吹き出し */

.balloon1 {
  position: relative;
  display: inline-block;
  margin: 0.5em 0 1.3em 0;
  padding: 10px 14px;
  min-width: 150px;
  max-width: 100%;
  color: #555;
  font-size: 20px;
  background: #e0edff;
  border-radius: 10px;
}
.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
}
.balloon1 p {
  margin: 0;
  padding: 0;
}
.tbl-r02 th {
  background: #4dafff;
  border: solid 0px #ccc;
  color: #fff;
  padding: 10px;
}
.tbl-r02 td {
  background: #80c6ff;
  border: solid 0px #ccc;
  padding: 10px;
}
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 0px #ccc;
    width: 100%;
  }
  .tbl-r02 {
    width: 80%;
  }
  .tbl-r02 th, .tbl-r02 td {
    border-bottom: none;
    display: block;
    width: 100%;
  }
}
.btn-flat-border {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  background: white;
  color: #67c5ff;
  border: solid 2px #67c5ff;
  border-radius: 3px;
  transition: .4s;
}
.btn-flat-border:hover {
  background: #67c5ff;
  color: white;
}
/* top you tubeレスポンシブ */

.video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
img.movie {
  width: 150px;
}

@media screen and ( max-width:479px) {
  .br_none br {
    display: inline;
  }
}
@media screen and ( min-width:480px) {
  .br_none br {
    display: none;
  }
}
/* TOPページLED画像*/

.widget-container .widget-box {
  width: auto;
  margin-bottom: 0;
}
@media screen and ( max-width:479px) {
  .widget-container .widget-box {
    margin: 0;
  }
  .widget-container .widget-box, .widget-container.liquid .widget-box {
    padding: 0;
  }
}
.blocke {
  position: relative;
  overflow: hidden;
  height: 55vh;
}
.video-wrap {
  width: 100%;
  position: absolute;
  left: 50%;
  margin-left: -50vw;
  z-index: 1;
}
@media screen and (min-width: 320px) and ( max-width:1580px) {
  .video-wrap {
    width: 1800px;
    height: 350px;
    position: absolute;
    left: 50%;
    margin-left: -900px;
    z-index: 1;
  }
}
.video-wrap h1 {
  text-align: center;
  border: none;
  color: #fff;
  font-size: 16px;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  z-index: 2;
}
@media screen and (min-width: 480px) {
  .video-wrap h1 {
    color: #fff;
    font-size: 19px;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    z-index: 2;
  }
}
.video-wrap p2 {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  z-index: 3;
}
.video-wrap p2 a {
  color: rgba(255, 255, 0, 0.8) !important;
  border: 3px solid rgba(255, 255, 0, 0.8);
  font-size: 14px;
  padding: 15px 15px;
}
.video-wrap p2 a:hover {
  color: #fff !important;
  font-size: 14px;
  padding: 15px 15px;
  background-color: rgba(255, 255, 0, 0.8);
}
@media screen and (min-width: 480px) {
  .video-wrap p2 {
    font-size: 16px;
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 5px 15px;
    z-index: 3;
  }
  .video-wrap p2 a {
    color: rgba(255, 255, 0, 0.8) !important;
    border: 3px solid rgba(255, 255, 0, 0.8);
    font-size: 16px;
    padding: 15px 15px;
  }
}
.video-wrap button {
  position: absolute;
  top: 98%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 50px 0px 50px 0px;
  padding: 0;
}
#global_menu_nav.mq-mode.show {
  animation-delay: -2.7s !important;
}
.btn::after {
  background-color: transparent;
}


/* 下層ページNAV*/

#nav1 {
  width: 100%;
  text-align: center;
  display: block;
}
#nav1 ul {
  margin: 15px 0;
  padding: 0;
  /* リストのマーク分の余白ができるので消すために 0 としています */
  list-style: none;
}
#nav1 li {
  margin: 0 -5px 15px;
  /* リストとリストの間の空白を消すため */
  padding: 0 12px;
  display: inline-block;
}
#nav1 li a {
  text-decoration: none;
  background-color: #3D9DB7;
  padding: 3px 20px;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  border-radius: 5px;
  font-size: 13px;
}
#nav1 li a:hover {
  opacity: 0.7;
}

#nav_menu-2 h3 {font-size:1.5rem;margin:0;padding:0;border:none;}
#menu-refer-bbq-area-2 {margin:0;}
#menu-refer-bbq-area-2 li {display:inline-block;}
#menu-refer-bbq-area-2 li a {display:block;margin:0 .5rem;padding:.6rem .8rem;background-color:rgba(61,157,183,1);border-radius:.5em;text-align:center;color:#fff;line-height:1.2;}
#menu-refer-bbq-area-2 li a div {font-size:1.25rem;}
#menu-refer-bbq-area-2 li a:hover {background-color:rgba(61,157,183,.6)}
#menu-refer-bbq-area-2 .current-menu-item a {background-color:#ff2698}
h1.area_name {font-size:1.75rem}


/*エリア紹介　マップ*/
.areamap {position: relative;}
.areamap p {position: absolute;width:25px;}

.areamap2021 {position: relative;max-width:1020px;margin: 0 auto;}
.areamap2021 .point {position: absolute;}

.resort-area p {top:10%;left:40%;}
.terrace-area p {top:25%;left:25%;}
.wgarden-aria p.wp1 {top:8%;left:32%}
.wgarden-aria p.wp2 {top:22%;left:55%}
.oasis-area p {top:18%;left:30%;}
.wpalm-area p {top:0;left:22%;}
.vila-aria p {top:24%;left:46%}
.suite-aria p {top:9%;left:10%}
.ocean-aria p {top:27.5%;right:30%}
.cabana-aria p {top:40%;left:58%}
.palm-aria p {bottom:35%;right:12%}

@media screen and (min-width:768px) {
	.terrace-area p {top:30%;}
	.wpalm-area p {top:6%;left:25%;}
	.vila-aria p {top:35%;}
	.ocean-aria p {top:30%;}
	.cabana-aria p {top:50%;}
}

.areamap p img,.areamap2021 .point img {
  animation: key1 .3s ease infinite alternate;
}
@keyframes key1 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-10px);
  }
}


/*---------------------------------------------------
2025年4月29日追加
---------------------------------------------------*/
        .cont-tit-secondary {
            padding: .5rem 1rem;
            line-height: 1.4;
            color: #67d3ca;
            font-weight: bold;
            text-align: center;
            background-color: #F7E200;
        }

        ul.fuzokuhin li {
            line-height: 1.4 !important;
        }

        .plan__heading {
            display: grid;
            margin-inline: auto;
            max-width: var(--breakpoint-sm);
            text-align: center;
            font-weight: bold;
        }

        .plan__heading .plan__heading__tit {
            font-size: 30px;
        }

        .plan__heading .plan__heading__name {
            display: grid;
            row-gap: 1rem;
            padding: 1rem;
            font-size: 30px;
            color: #5CB0CC;
            line-height: 1 !important;
            background-color: yellow;
            border-radius: 1rem;
        }
		.plan__heading .plan__heading__name a {
			color: #5CB0CC;
			font-weight:bold;
		}

        .plan__heading .plan__heading__name .ex {
            color: black;
            font-size: 14px;
            font-weight: bold;
            line-height: 1.4;
        }

        .item__inner {
            display: grid;
            grid-template-columns: 40% 1fr;
        }

        .item__inner .item__inner__thum {
            width: 100%;
            overflow: hidden;
        }

        .item__inner .item__inner__thum img {
            object-fit: cover;
            width: 100%;
            height: 100%;
        }

        .item__inner .item__inner__cont {
            width: 100%;
            overflow: hidden;
            padding: 1rem;
        }

        .item__inner .item__inner__cont h44 {
            display: flex;
            align-items: end;
            justify-content: space-between;
            margin-block-end: .5rem;
            font-weight: bold;
            border-bottom: 1px dotted white;
        }

        .item__inner .item__inner__cont h44 ruby {
            font-size: 1.6rem;
            line-height: 1.4;
        }

        .item__inner .item__inner__cont h44 div {
            line-height: 1 !important;
            color: yellow;
        }

        .item__inner .item__inner__cont h55 {
            display: block;
            font-size: 1.2rem;
            line-height: 1.4;
        }