大人のためのハイエンドマガジン AFFLUENT6月号にてご紹介

<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} }