アクティブに行動したいと思っている大人の方々へのライフスタイル雑誌「サライ.jp」にて紹介されました

<div class="header-content-linklist available" id="header-content-linklist"><a href="https://www.blueark.jp/" class="logo"><span class="logo_text"><br>VACATION VILLA BLUE ARK</span>   <span class="logolink"><img src="https://asset.blueark.jp/files/logo.png" class="header-content-logo header-content-logo-open"></span></a>  <ul class="menu_wrapper"><li><a href="https://www.blueark.jp/">トップ</a></li><li class="pc_only"><a href="https://www.blueark.jp/room/">お部屋</a></li><li class="pc_only"><a href="https://www.blueark.jp/activity/">アクティビティ</a></li><li class="pc_only"><a href="https://www.blueark.jp/food/">料理</a></li><li class="pc_only"><a href="https://www.blueark.jp/spa/">エステ</a></li><li><a href="https://reserve.489ban.net/client/blue-ark/0/plan" target="_blank">予約する</a></li><li><a href="https://www.blueark.jp/access/">アクセス</a></li></ul><div class="htmlBoxMenuSdBtnWrapper">   <a id="htmlBoxMenuSdBtn" href="#footer-gnavi">   <span></span>   <span></span>   <span></span>   </a></div></div>

<div class="htmlBoxMenuSdInner"><a href="https://www.blueark.jp/" class="logo"><img src="https://asset.blueark.jp/files/logo.png"></a><div id="htmlBoxMenuSdBtnClose"></div><ul class="menu">   <li>  <a href="https://www.blueark.jp/">TOP</a>   </li>   <li>  <a href="https://www.blueark.jp/room/">お部屋</a>   </li>   <li>  <a href="https://www.blueark.jp/activity/">アクティビティ</a>   </li>  <li> <a href="https://www.blueark.jp/food/">料理</a>  </li>   <li>  <a href="https://www.blueark.jp/spa/">エステ</a>   </li>   <li>  <a href="https://www.blueark.jp/access/">アクセス</a>   </li>   <li>  <a href="https://reserve.489ban.net/client/blue-ark/0/plan" target="_blank">予約する</a>   </li></ul></div>

<div class="part126" >
<a class="part126-tel" href="https://reserve.489ban.net/client/blue-ark/0/plan" target="_blank">空き室状況を確認</a><a href="https://reserve.489ban.net/client/blue-ark/0/plan" target="_blank" class="part126-rsv">予約する</a>
</div>



<footer class="part332"><div class="part332_info"><span class="part332_info_caption">ご予約は、お電話または予約サイトから承っております。</span><p class="part332_tel">050-5805-9387</p><a class="part332_reservation" href="https://reserve.489ban.net/client/blue-ark/0/plan" target="_blank">RESERVATION</a></div><ul class="part332_banner"><li><a href="https://www.blue-eden.jp/" target="_blank" rel="noopener noreferrer"><img src="https://asset.blueark.jp/files/eden_banner.jpg" alt="VACATION VILLA & GLAMPING BLUE EDEN" /></a></li></ul><div class="part332_wrapper"><ul class="part332_sns_menu"><li><a href="https://www.instagram.com/blueark_official/" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" viewBox="0 0 14 14"><defs><style>.cls-footer-1{fill:none;}.cls-footer-2{clip-path:url(#clip-path);}.cls-footer-3,.cls-footer-4{fill:#4B4B4B;}.cls-footer-3{fill-rule:evenodd;}</style><clipPath id="clip-path"><rect class="cls-footer-1" x="0.47" y="0.47" width="13.06" height="13.06"/></clipPath></defs><g class="cls-footer-2"><g id="グループ_111" data-name="グループ 111"><path id="パス_52" data-name="パス 52" class="cls-footer-3" d="M3.56.48A4.86,4.86,0,0,0,3,.58,3.41,3.41,0,0,0,.57,3a2.82,2.82,0,0,0-.09.57c0,.08,0,1.28,0,3.42a26.08,26.08,0,0,0,.05,3.75,3.4,3.4,0,0,0,3.1,2.77c.22,0,6.77,0,6.89,0A3.39,3.39,0,0,0,12,13a3,3,0,0,0,.52-.42,3.27,3.27,0,0,0,.74-1.06,4.22,4.22,0,0,0,.27-1c0-.12,0-6.67,0-6.89A3.4,3.4,0,0,0,10.75.52,25,25,0,0,0,7,.47ZM10.41,1.6a2.27,2.27,0,0,1,1.94,1.71c.07.28.07,0,.07,3.7,0,2.92,0,3.33,0,3.43A2.29,2.29,0,0,1,12,11.51a3.48,3.48,0,0,1-.47.47,2.29,2.29,0,0,1-1.07.43H7c-3.66,0-3.41,0-3.69-.06a2.3,2.3,0,0,1-1.71-2c0-.06,0-1.08,0-3.45V3.59l0-.14A2.3,2.3,0,0,1,3.15,1.71a2.46,2.46,0,0,1,.47-.1c.09,0,6.71,0,6.79,0Z"/><path id="パス_53" data-name="パス 53" class="cls-footer-4" d="M10.45,2.66a.76.76,0,0,0-.57.56.87.87,0,0,0,0,.36.75.75,0,0,0,.91.53l.1,0a.82.82,0,0,0,.32-.26.74.74,0,0,0-.37-1.14.52.52,0,0,0-.21,0h-.19Z"/><path id="パス_54" data-name="パス 54" class="cls-footer-3" d="M6.79,3.76a3.25,3.25,0,0,0-2.08,1,3.21,3.21,0,0,0-.93,1.9,3.48,3.48,0,0,0,0,.79A3.1,3.1,0,0,0,4.3,8.8a3.24,3.24,0,0,0,1.87,1.35,3.41,3.41,0,0,0,1.49,0,3.28,3.28,0,0,0,2.57-2.78,5,5,0,0,0,0-.77A3.28,3.28,0,0,0,7.4,3.78c-.2,0-.41,0-.61,0Zm.41,1a2.3,2.3,0,0,1,1.22.49,3.68,3.68,0,0,1,.39.4,2.29,2.29,0,0,1,.43,1,3.64,3.64,0,0,1,0,.66,2.26,2.26,0,0,1-1.91,1.9,2.43,2.43,0,0,1-.66,0A2.28,2.28,0,0,1,5,8a2.24,2.24,0,0,1,.09-2.16,2.46,2.46,0,0,1,.77-.77A2.16,2.16,0,0,1,7.2,4.76Z"/></g></g></svg></a></li><li><a href="https://www.facebook.com/BLUE-ARK-105832905423282" target="_blank" rel="noopener"><svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.50489 3.20825V4.99814H0.409058V7.4252H2.50489V13.6529H5.01116V7.4252H7.1016L7.41451 4.99814H5.01116V3.44855C5.01116 2.74588 5.20624 2.26697 6.21404 2.26697L7.49924 2.26641V0.09566C7.27687 0.06613 6.514 0 5.62647 0C3.77341 5e-05 2.50489 1.13109 2.50489 3.20825Z" fill="#4B4B4B"/></svg></a></li></ul><small class="part332_copy">VACATION VILLA BLUE ARK All rights reserved.</small></div></footer>

#header-content-linklist{position:fixed;top:0;left:0;z-index:99999;padding:15px 40px 15px 100px;background:#fff;width:100%;box-sizing:border-box;overflow:hidden;clear:both;display:flex;justify-content:space-between;height:120px}#header-content-linklist.available{animation-duration:1.8s;animation-fill-mode:forwards;animation-name:animationv2}.menu_wrapper{display:flex;flex-wrap:wrap;list-style:none;padding:0 0 0 20px;margin:15px 0 0;box-sizing:border-box;justify-content:flex-end}.menu_wrapper li{margin-right:20px;font-size:16px}.menu_wrapper li:last-child{margin-right:0}.menu_wrapper a{color:#191919;transition:.2s}.menu_wrapper a:hover{opacity:.6}.header-content-logo{height:auto;width:120px}.header-content__btn{background:#707070;padding:20px 36px;display:block;width:330px;text-decoration:none;color:#1a052c;border-radius:33px;left:0;right:0;margin:0 auto;bottom:50px;position:absolute;font-size:23px;font-weight:600;text-align:center}.header-content__btn:hover{background:#1a052c;color:#fff}.logo{position:relative;font-size:32px;line-height:1.4;letter-spacing:3px;color:#191919;flex-shrink:0}.logo:hover{color:#191919}.logolink{align-items:center;display:flex;justify-content:center;position:absolute;top:7px;left:0}.part332{padding:80px 0 60px}.part332_info{text-align:center;background:rgba(150,150,150,.1);padding:50px 0px 50px 0px;margin-bottom:60px}.part332_info_caption{font-size:16px}.part332_tel{font-size:42px;font-family:"Noto Serif JP",serif;letter-spacing:2px;margin:5px 0 0 0}.part332_reservation{border:solid 1px #333;display:inline-block;position:relative;overflow:hidden;background-color:#333;color:#fff;font-family:"Cormorant Garamond","Noto Serif JP",serif;font-size:17px;line-height:1;letter-spacing:.09em;text-align:center;transition:all .3s cubic-bezier(0.77, 0, 0.175, 1);padding:30px 100px;margin:30px 0 0 0;border-radius:100px}.part332_wrapper{max-width:1280px;margin:0 auto;padding:0 40px}.part332_sns_menu{display:block;margin:0 0 10px;padding:0}.part332_sns_menu>li{list-style:none;margin-right:10px;display:inline-block}.part332_sns_menu>li:last-child{margin-right:0}.part332_sns_menu>li svg{width:20px;height:20px}.part332_sns_menu>li a{transition:.2s}.part332_sns_menu>li a:hover{opacity:.6}.part332_banner{max-width:1280px;margin:0 auto 50px;padding:0 40px;list-style:none;display:flex;justify-content:center;flex-wrap:wrap}.part332_banner li{width:300px;border:1px solid #ccc}.part332_banner a{display:block;transition:.1s}.part332_banner a:hover{opacity:.6}.part332_banner img{max-width:100%}.part332_copy{font-size:12px;letter-spacing:1px}.htmlBoxMenuSd{display:none;background:#00000045;position:fixed;width:100%;z-index:101;height:100%;top:0px}.htmlBoxMenuSd .htmlBoxMenuSdInner{background:#fff;position:fixed;top:0px;left:-300px;z-index:100;padding:10px 0px 10px 15px;height:100%;width:260px;-webkit-animation:slide .3s forwards;-webkit-animation-delay:.1s;animation:slide .3s forwards;animation-delay:.1s}.htmlBoxMenuSd ul{margin:0;text-align:right;font-size:11px;line-height:15px;float:right;width:565px;position:relative;top:auto;margin-top:0px;padding:6px 0px}.htmlBoxMenuSd ul li{margin:0px 0px 0px 10px;padding:0;display:block}.htmlBoxMenuSd ul li a{color:#333;font-size:14px;display:inline-block;text-align:left;width:220px;padding:10px;background-color:#fff;margin:0px 10px;border-bottom:1px solid #ddd}.htmlBoxMenuSd .logo img{width:71px;margin:13px 10px 28px 8px}.htmlBoxMenuSd.close{display:none;background:#fff;position:fixed;top:0px;right:0px;z-index:100;padding:10px;height:100%;width:260px}.htmlBoxMenuSdBk::after{font-size:23px;display:inline-block;content:"×";color:#333;position:absolute;top:7px;right:15px}#htmlBoxMenuSdBtnClose{display:block;height:40px;width:40px;position:absolute;right:14px;top:14px;cursor:pointer}#htmlBoxMenuSdBtnClose:before{-moz-transform:rotateZ(-45deg);-webkit-transform:rotateZ(-45deg);background-color:#5f5f5f;content:"　";height:1px;right:19%;position:absolute;top:50%;transform:rotateZ(-45deg);width:25px}#htmlBoxMenuSdBtnClose:after{-moz-transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);background-color:#5f5f5f;content:"　";height:1px;right:19%;position:absolute;top:50%;transform:rotateZ(45deg);width:25px}.header-content-linklist{width:100%;box-sizing:border-box;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-x:scroll;clear:both;display:block;height:60px}.header-content-linklist .menu{display:inline-block;display:none;width:650px;text-align:left;position:relative;left:0px;top:0px;vertical-align:top;margin:35px 0 0 130px}.header-content-linklist .menu_other{width:auto;position:static;padding:0 70px 0 0;margin:0;display:flex;flex-direction:row-reverse}.header-content-linklist .reservationBtn{padding:8px 12px;font-size:12px}.header-content-linklist .sns_menu{margin:10px 20px 0 0}.header-content-linklist .sns_menu>li svg{width:16px;height:16px}.header-content__btn{width:auto;margin:0 auto;font-size:16px;padding:10px;max-width:70%}.htmlBoxMenuSdBtnWrapper{display:block;position:absolute;left:0;top:0;bottom:0;margin:auto}#htmlBoxMenuSdBtn{display:block;width:28px;height:1px;margin:-1px 0 0 -7px;transition:.2s;left:50px;position:absolute;top:25px;background:transparent;height:27px;border-top:1px solid #fff;cursor:pointer}#htmlBoxMenuSdBtn span:nth-child(1){display:block;position:absolute;width:28px;height:1px;background:#707070;transition:.3s;top:0;left:0px}#htmlBoxMenuSdBtn span:nth-child(2){display:block;position:absolute;width:28px;height:1px;background:#707070;transition:.3s;top:8px;left:0px}#htmlBoxMenuSdBtn span:nth-child(3){display:block;position:absolute;width:28px;height:1px;background:#707070;transition:.3s;top:17px;left:0px}.htmlBoxMenuSd{display:none;background:#00000045;position:fixed;width:100%;z-index:101;height:100%;top:0px}.htmlBoxMenuSd .htmlBoxMenuSdInner{background:#fff;position:fixed;top:0px;left:-300px;z-index:100;padding:10px 0px 10px 15px;height:100%;width:500px;-webkit-animation:slide .3s forwards;-webkit-animation-delay:.1s;animation:slide .3s forwards;animation-delay:.1s}.htmlBoxMenuSd ul{margin:0;text-align:left;font-size:11px;line-height:15px;float:right;width:100%;box-sizing:border-box;position:relative;top:auto;margin-top:0px;padding:6px 40px 0 0px}.htmlBoxMenuSd ul li{margin:0px 0px 0px 10px;padding:0;display:block}.htmlBoxMenuSd ul li a{color:#333;font-size:16px;line-height:1.8;display:inline-block;text-align:left;width:100%;box-sizing:border-box;padding:10px;background-color:#fff;margin:0px;border-bottom:1px solid #ddd}.htmlBoxMenuSd .logo img{width:120px;margin:8px 0 20px 20px}.htmlBoxMenuSd.open{display:block;z-index:99999}.htmlBoxMenuSd.close{display:none;background:#fff;position:fixed;top:0px;right:0px;z-index:100;padding:10px;height:100%;width:260px}.htmlBoxMenuSdBk::after{font-size:23px;display:inline-block;content:"×";color:#333;position:absolute;top:7px;left:15px}@-webkit-keyframes "slide"{100%{left:0}}@keyframes "slide"{100%{left:0}}@keyframes animationv2{0%{opacity:0;transform:translateY(-30px)}100%{opacity:1;transform:translateY(0)}}.part126{display:none}.pcview{display:block}.sdview{display:none}.cms_html_body{margin:120px auto 100px;width:1000px;display:table;vertical-align:top}.cms_html_body .cms_html_body_left{margin:70px auto 100px;width:640px;display:table-cell;vertical-align:top}.cms_html_body_left img{max-width:100%;height:auto}.cms_html_body_left figure{width:100%;height:auto;margin:0 auto}.cms_html_body_left h1{font-size:25px;font-weight:800;margin:0 0 19px 0}.cms_html_body_left h2{font-size:22px;font-weight:800;margin:0 0 19px 0}.cms_html_body_left h3{font-size:18px;font-weight:800;margin:0 0 19px 0}.cms_html_body_right{display:table-cell;vertical-align:top;margin:70px auto 100px}.cms_html_body_right ul li{list-style:none;margin:0 0 23px 0}.cms_html_body_right ul li a{clear:both}.cms_html_body_right ul li a:after{content:" ";display:block;clear:both}.cms_html_body_right ul li a img{float:left;margin:0 13px 0 0;object-fit:cover}.cms_html_body_right .infolist{padding:0 0 0 40px}.cms_html_body_right .infolist__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;display:block;width:200px;color:#000;font-size:17px}.cms_html_body_right .infolist__description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:2;width:200px;color:#555;font-size:13px;margin:8px 0 0 0}  @media screen and (min-width: 0px) and (max-width: 800px) {#header-content-linklist{padding:15px 15px 15px 60px;height:auto;display:flex;align-items:center;width:100%;-webkit-overflow-scrolling:touch;overflow-x:scroll}#header-content-linklist .pc_only{display:none}.logo_text{display:none}.logo{padding:0}.logolink{position:static}.menu_wrapper{margin:3px 0 0;align-items:center;padding-left:10px}.menu_wrapper li{font-size:12px;margin-right:8px}.part332{padding:60px 0 40px}.part332_info{padding:40px 0px;margin-bottom:30px}.part332_info_caption{font-size:12px}.part332_tel{font-size:30px;letter-spacing:1px;margin:0}.part332_reservation{font-size:15px;padding:20px 80px;margin:15px 0 0 0}.part332_wrapper{padding:0 15px}.part332_banner{margin:0 auto 40px;padding:0 15px}.part332_banner li{width:200px}.part332_copy{font-size:11px}.htmlBoxMenuSdBtnWrapper::before{display:none}#htmlBoxMenuSdBtn{top:22px;left:20px}.htmlBoxMenuSd .htmlBoxMenuSdInner{width:300px;padding:6px 0}.htmlBoxMenuSd ul li a{font-size:14px;line-height:1.8}.fix-bottom-btn{position:fixed;width:100%;bottom:0px;z-index:101;display:block;padding:0 0 15px 0;text-align:center}.fix-bottom-btn.close{pointer-events:none;opacity:0;transform:translateY(20px);transition:all .2s ease-out}.fix-bottom-btn.open{pointer-events:auto;opacity:1;transform:translateY(0);transition:all .3s ease-out}.part126{font-size:15px;min-width:250px;width:auto;display:inline-block;background-color:#fff;color:#fff;margin:0px 15px;padding:7px 7px 7px 25px;transition:.5s ease;letter-spacing:.15em;text-align:right;height:auto;border-radius:74px;box-shadow:0 0 23px 0 rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.31);box-shadow:0 1px 3px 0 rgba(0,0,0,.2)}.part126-tel{color:#333;position:relative;display:inline-block;border-bottom:1px solid #333}.part126-tel::after{content:" ";background-repeat:no-repeat;width:20px;height:20px;margin:0 auto;background-size:cover;position:absolute;display:block;top:5px;left:-28px;-moz-transform:rotate(15deg);-webkit-transform:rotate(15deg);-o-transform:rotate(15deg);-ms-transform:rotate(15deg)}.part126-rsv{display:inline-block;color:#fff;background:#333;padding:10px 20px;border-radius:20px;margin:0 0 0 20px;font-size:12px}.pcview{display:none}.sdview{display:block}.cms_html_body{margin:80px 15px 50px;width:auto;display:block}.cms_html_body .cms_html_body_left{margin:80px 15px 50px;width:auto;display:block}.cms_html_body_left figure{width:auto !important}.cms_html_body_left h2{font-size:22px;font-weight:800;margin:0 0 19px 0}.cms_html_body_left h1{font-size:25px;font-weight:800;margin:0 0 19px 0}.cms_html_body_left h3{font-size:18px;font-weight:800;margin:0 0 19px 0}.cms_html_body_right{display:block}.cms_html_body_right .infolist__title,.cms_html_body_right .infolist__description{width:auto}.cms_html_body_right ul.infolist{margin:0;padding:0} }