@charset "utf-8";

/* =========================================================================== */
/* header */
/* =========================================================================== */
header {
  /* font-family: 'Noto Serif JP',"Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝B", "MS Mincho", serif; */
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.2) 40%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.2) 40%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
header.is-scroll{ background: none; }
header .header-logo a { width: 100%; height: 100%; display: block; }
header .header-logo a img.top-only{ display: block; }
header .header-logo a img.sp-top-only{ display: none; }
header .header-logo a img.basic{ display: none; }
header .header-logo a img.sp-basic{ display: none; }
header.is-scroll .header-logo a img.top-only{ display: none; }
header.is-scroll .header-logo a img.basic{ display: block; }
#sp-icon_nav { display: none; }
header + #mv + #reserve_box > .block_inner > p .onlymin980 { display:none; }

header .lang ul.lang_list > li > a{ color: #fff; border-color: #fff; }
header .lang ul.lang_list > li > a::after{ border-top: solid 3px #fff; }
header.is-scroll .lang ul.lang_list > li > a::after{ border-top: solid 3px #000; }

header.is-scroll .lang ul.lang_list li a{ color: #000; border-color: #000; }
header .header_tel p{ color: #fff; }
header.is-scroll .header_tel p{ color: #000; }
header .global-menu ul li:not(.cur):hover::after{ background: #fff; }
header .global-menu ul li ul li:not(.cur):hover::after{ background: #b78554; }
header .global-menu ul li a{ color: #fff; }

#contents { margin-top:0px; }

@media print, screen and (min-width: 1101px) {
header,header.is-scroll { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
}

@media print, screen and (min-width: 981px) {
header { z-index: 999; width: 100%; top: 0; left: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s; }
header .header_inner { text-shadow: 0 0 3px rgba(0,0,0,0.4); }
/*header .header_tel.header_inner { padding: 30px 0; }*/
header.is-scroll .header_inner{ text-shadow: none;}

header .header_tel div { padding: 0; text-align: right; color: #FFF; font-size: 13px; letter-spacing: 0.12em; opacity: 1; }
header .header_tel div p { display: inline-block; margin-left: 10px; }
header .header_tel div p span { margin-left: 8px; font-size: 24px; line-height: 2em; vertical-align: middle; }

header .global-menu ul li.cur::after { content: ""; display: block; width: 100%; height: 2px; background-color: #FFFFFF; margin-top: 8px; }

header .header_btn-pc { position: absolute; top: 0; right: 0; }
header .header_btn-pc li { float: left; width: 130px; height: 60px; position: relative; -webkit-transition: all .3s; transition: all .3s; }
header .header_btn-pc li a { display: inline-block; height: 100%; width: 100%; color: #FFF; }
header .header_btn-pc li p { position: absolute; width: 100%; top: 50%; left: 50%; color: #FFF; text-align: center; vertical-align: middle; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-left: 15px; font-size: 15px; }
header .header_btn-pc li.pc-plan { background-color: #000; border-left: none; }
header .header_btn-pc li.pc-plan p:before { content: ""; position: absolute; background: url(/img/common/nav_icon_plan.png) no-repeat; width: 14px; height: 18px; left: 0; top: -2px; }
header .header_btn-pc li.pc-search { background-color: #b78554; }
header .header_btn-pc li.pc-search p:before { content: ""; position: absolute; background: url(/img/common/nav_icon_search.png) no-repeat; width: 20px; height: 18px; left: 0; top: -2px; }

header.is-scroll .header_btn-pc li.pc-plan { border-left: solid 1px #FFF; }
header.is-scroll .global-menu li:not(.cur)::after { background: #FFF; }
header.is-scroll .global-menu li:not(.cur):hover::after { background: #b78554; }
header.is-scroll { position: inherit; margin: auto; z-index: 100; }
header.is-scroll { background-color: #FFF; position: fixed; z-index: 999; width: 100%; top: 0; left: 0; }
header.is-scroll .header_inner { border-bottom: none; /*padding: 15px 0;*/}
header.is-scroll .header_tel.header_inner { padding:0; }
header.is-scroll .header_tel div p span { font-size: 20px; }
header.is-scroll .header-logo a { color:#000;}
header.is-scroll .global-menu a { color:#000; text-shadow: none; }
header.is-scroll .header_tel div { padding: 0; display: inline-block; /*position: absolute; top: 0; right: 0;*/ color: #000; font-size: 12px; margin: 5px 0;}
header.is-scroll .header_btn-pc { position: absolute; top: 0; right: 0;}
header.is-scroll .header_btn-pc li { height: 40px;}
header.is-scroll + #mv + #reserve_box { position: fixed; top: 90px; left: 0; z-index: 999; width: 100%; padding: 15px 0;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s;}
header.is-scroll + #mv + #reserve_box .block_inner { width: 100%; max-width: 1100px; position: relative; height: 30px; }
header.is-scroll + #mv + #reserve_box > .block_inner > p { display: inline-block; font-size: 15px; margin:0; position: absolute; top:25%; left:0; }
header.is-scroll + #mv + #reserve_box .reserve_inner > div p.sans { display: inline-block; font-size: 12px; float: left; padding: 0.6em; }
header.is-scroll + #mv + #reserve_box .reserve_inner > div:last-of-type, header.is-scroll + #mv + #reserve_box .reserve_inner > div:nth-last-of-type(2) { margin-top: 0; float: none; }
header.is-scroll + #mv + #reserve_box .reserve_inner > div:last-of-type{ margin-right:0; float: right;}
header.is-scroll + #mv + #reserve_box .reserve_inner > div:last-of-type a { width:70px; height:32px; padding:0; position:relative; }
header.is-scroll + #mv + #reserve_box .reserve_inner > div:last-of-type img { position:absolute; top: 25%; left: 38%; width: 26%; }
header.is-scroll + #mv + #reserve_box .select-wrap { min-width: 122px; min-width: 7em; height:30px; }
header.is-scroll + #mv + #reserve_box .reserve_inner > div:nth-last-of-type(2) .select-wrap { min-width: 110px; min-width: 6em; }
header.is-scroll + #mv + #reserve_box .reserve_inner { position: absolute; top: 0; right: 0;}
header.is-scroll + #mv + #reserve_box .reserve_inner > div:first-of-type:after { top: 24%; right: -1.5em;}
header.is-scroll + #mv + #reserve_box .select-wrap select { padding: 5px 35px 2px 11px;}
header.is-scroll + #mv + #reserve_box .select-wrap:before{ top: 1.25em; }

header .global-menu .howto .js-dropdown:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-bottom: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
  transform: rotate(45deg);
  filter: drop-shadow(0 0 3px rgba(0,0,0,0.4));
}

header.is-scroll .global-menu .howto .js-dropdown:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-bottom: solid 2px #000;
  border-right: solid 2px #000;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
  transform: rotate(45deg);
  filter: none;
}

@keyframes showBtn{0%{right:-88px;opacity:0;}100%{right:-10px;opacity:1;}}
header .btn-yunessun{width:56px;height:160px;position:fixed;top:6%;right:0;z-index:101;background:rgba(0,0,0,1);color:#fff;border:1px solid #fff;border-right:0;border-top-left-radius:5px;border-bottom-left-radius:5px;text-align:center;padding:30px 10px 30px 0;letter-spacing:0.1rem;animation:showBtn .7s forwards ease-out;transition:.3s;}
header .btn-yunessun span{-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;text-align:center;font-size:16px;}
header .btn-yunessun::before{content:"";display:block;width:26px;height:7px;background:url(/img/top/arrow02.png) no-repeat center center;background-size:100% auto;position:absolute;bottom:28px;left:50%;margin-left:-13px;transition:.2s;}
header .btn-yunessun:hover{background:rgba(0,0,0,0.8);transition:.2s;margin-right:10px;}
header .btn-allinclusive{width:56px;height:250px;position:fixed;top:40%;right:0;z-index:101;background: rgba(183, 133, 84, 1);color:#fff;border:1px solid #fff;border-right:0;border-top-left-radius:5px;border-bottom-left-radius:5px;text-align:center;padding:30px 10px 30px 0;letter-spacing:0.1rem;animation:showBtn .7s forwards ease-out;transition:.3s;}
header .btn-allinclusive span{-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;text-align:center;font-size:16px;}
header .btn-allinclusive::before{content:"";display:block;width:26px;height:7px;background:url(/img/top/arrow02.png) no-repeat center center;background-size:100% auto;position:absolute;bottom:28px;left:50%;margin-left:-13px;transition:.2s;}
header .btn-allinclusive:hover{background:rgba(183, 133, 84, 0.8);transition:.2s;margin-right:10px;}

}



@media print, screen and (min-width: 981px) and (max-width: 1230px) {
header .global-menu ul { left: 100px; }
header.is-scroll .global-menu ul { left: 0; top: 40%; }
header .global-menu ul li { padding: 0 5px; }
header .global-menu ul li a { font-size: 16px; letter-spacing: 0; }


header.is-scroll + #mv + #reserve_box > .block_inner > p { text-align: left; line-height: 1.3em; top: 12%; }
header.is-scroll + #mv + #reserve_box > .block_inner > p .onlymin980 { display:block; }
header.is-scroll + #mv + #reserve_box .block_inner { width: 96.09375%; height:50px; }
header.is-scroll + #mv + #reserve_box .reserve_inner { top: 15%; }

}

@media screen and (max-width: 980px) {
    header{ background: rgba(255,255,255,0.8); }
    header.is-scroll { background: #FFF; -webkit-transition: all .3s; transition: all .3s; }

    header .header_tel { display:none; }
    header .header-logo a img.top-only{ display: none; }
    header .header-logo a img.sp-top-only{ display: block; }
    header .header-logo a img.sp-basic{ display: block; }
    header .header-logo a img.basic{ display: none; }
    header.is-scroll .header-logo a img.basic{ display: none; }
    header .header-logo a { color: #FFFFFF; }
    header.is-scroll .header-logo a { color: #000; }
    header.is-scroll .header-logo a img{ height: 100%; width: auto; }
    header .global-menu li.spnav-sub a { font-size: 14px; color:#fff;}
    header .global-menu ul li a{ color: #e4ba8d; }

    .header .global-menu .howto .js-dropdown {
      display: inline-block;
      position: relative;
    }
    .header .global-menu .howto .js-dropdown:before, .header .global-menu .howto .js-dropdown:after {
        display: block;
        content: '';
        background-color: #333;
        border-radius: 10px;
        position: absolute;
        width: 18px;
        height: 5px;
        top: 7px;
        left: 0;
    }
    .header .global-menu .howto .js-dropdown:before {
        width: 5px;
        height: 18px;
        top: 0;
        left: 7px;
    }

}
@media screen and (max-width: 980px) and (orientation: landscape) {
header .global-menu { padding-top: 0; }
header .gm_inner { width: 90%; }
header .gm_wrapper { position: relative; }
header .global-menu ul { overflow: hidden; }
header .global-menu li { width: 85%; margin: 0 auto; float: none; }
header .gm_inner .side-btn { margin-top: 20px; }
header .gm_inner .side-btn a { padding: 3% 0; }
}

@media screen and (max-width: 640px) {
header.is-scroll .header-logo a img.basic{ display: none; }
header.is-scroll .header-logo a img.sp-basic{ display: block; }

header .btn-yunessun{display: none;}
header .btn-allinclusive{display: none;}

}

/* =========================================================================== */
/* アニメーション用 */
/* =========================================================================== */
#canvas { width: 100%; height: 100vh; background-color: #FFF; text-align: center; position: absolute; top: 0; left: 0; z-index: 9999; }
#canvas svg{ display: inline-block; width: 250px; height: 302px; position:absolute; top:50%; left:50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#canvas .firefox_img{ display: none; }

path, line, polyline {stroke: #7A6A56;stroke-width: 1px;}
path {fill: transparent;stroke-width: 1px;transition: fill 500ms ease 0s;}
polyline {stroke-width: 1px;}

@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,60px,0)}to{opacity:1;transform:translateZ(0)}}
@keyframes fadeInUp2{0%{opacity:0;transform:translate3d(0,-60px,0)}to{opacity:1;transform:translateZ(0)}}
.fadeup{animation-duration:1.5s;animation-fill-mode:both;opacity:0.01;}
.fadeup2{animation-duration:1.5s;animation-delay:.5s;animation-fill-mode:both;opacity:0.01;}
.fadeup3{animation-duration:1.5s;animation-fill-mode:both;opacity:0.01;}
.fadeup.animated{animation-name:fadeInUp;}
.fadeup2.animated{animation-name:fadeInUp;}
.fadeup3.animated{animation-name:fadeInUp2;}

/* firefoxのみ */
/*
@-moz-document url-prefix() {
#canvas svg{ display: none; }
#canvas .firefox_img{ display: inline-block; width: 250px; height: 302px; position:absolute; top:50%; left:50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
}*/
/*#wrapper.first-action{ position:absolute; overflow:hidden; z-index:-999; }*/

/* =========================================================================== */
/* common */
/* =========================================================================== */
.headline span::after{display:none;}
article h4 { font-size: 24px; color: #cfa67f; line-height: 1.4em; letter-spacing: 0.08em; margin-bottom: 40px; }

@media screen and (max-width: 980px) {
    article .block_inner{ padding: 40px 3.5%; }
    .headline{ line-height: 1.2; }
    .headline span{ font-size: 24px; margin-bottom: 15px; }
    article h3 { font-size: 20px; text-align: center; }
    article h4 { font-size: 18px; margin: 0 auto 20px; text-align: center; }
}

/* =========================================================================== */
/* MV */
/* =========================================================================== */
#mv { width: 100%; height:0;padding-bottom:56%;/*height: 720px;*/ overflow: hidden; position: relative; /*background: url(/img/top/pc_mv02.jpg) no-repeat left top; background-size: cover;*/ }
ul#mv_image div img { height: 720px; overflow: hidden; }
#mv .mv-txt { text-align: center; position: absolute; top: 50%; left: 0; right: 0; margin: auto; z-index: 10; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding-top:50px;}
#mv .mv-txt img { max-width: 615px; height: auto; width:50%; margin:auto;}
#mv #mv_image{position:relative;opacity:0;}
#mv #mv_image.slick-initialized{opacity:1;transition:.8s;}

#mv .mv_banner {position: absolute; left: 10px; bottom: 10px; z-index: 1;}
#mv .mv_banner-item {width: 300px;}
#mv .mv_banner-item a {display: block;}
#mv .mv_banner-item a:hover{opacity:0.8!important;transition:.3s!important;}

@media print, screen and (min-width: 1280px) {
ul#mv_image div img { width: 100%; height: 100%; overflow: hidden; }
}
@media screen and (max-width: 980px) {
#mv { background: url(/img/top/sp_mv01.jpg) no-repeat left top; width: 100%; height: inherit; background-size: cover; padding-bottom:0;}
#mv img{pointer-events:none;user-select:none;}
#mv .mv-txt{padding-top:0;margin-top:10%;}
#mv .mv-txt img{width:70%;}
}
@media screen and (max-width: 640px) {
  #mv {height: 380px;}
  #mv .mv_banner-item {width: 60%;}
}

/* =========================================================================== */
/* slider */
/* =========================================================================== */
button.prev { content: ""; width: 50px; height: 50px; background: url(/img/common/maru_prev.png) no-repeat; position: absolute; top: 50%; left: -20px; z-index: 1; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
button.next { content: ""; width: 50px; height: 50px; background: url(/img/common/maru_next.png) no-repeat; position: absolute; top: 50%; right: -20px; z-index: 1; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

@media screen and (max-width: 980px) {
    .slick-dotted.slick-slider{ margin-bottom: 60px; }
    .image .slick-slide{ margin: 0 2px; }
    .image .slick-slide img {
        width: 100%;
        height: 400px;
        object-fit: cover;
    }
}

@media print, screen and (min-width: 641px) and (max-width: 980px) {
button.prev { width: 30px; height: 30px; background: url(/img/common/maru_prev.png) 0 0 / 100% no-repeat; left: -10px; }
button.next { width: 30px; height: 30px; background: url(/img/common/maru_next.png) 0 0 / 100% no-repeat; right: -10px; }
}
@media print, screen and (max-width: 640px) {
button.prev { width: 40px; height: 40px; background: url(/img/common/maru_prev.png) 0 0 / 100% no-repeat; left: -10px; }
button.next { width: 40px; height: 40px; background: url(/img/common/maru_next.png) 0 0 / 100% no-repeat; right: -10px; }
}

/* =========================================================================== */
/* reserve_box */
/* =========================================================================== */
#reserve_box { text-align: center; color: #FFF; background: #000; padding: 30px 0 40px; }
.select-wrap { position: relative; overflow: hidden; display: inline-block; min-width: 192px; min-width: 12em; background-color: #fff; border: 1px solid #c0c0c0; color: #333; }
#reserve_box .reserve_inner > div:nth-last-of-type(2) .select-wrap { min-width: 120px; min-width: 7em; }
.select-wrap select { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; z-index: 2; display: block; width: 200%; width: -webkit-calc(100%); margin: 0; padding: 11px 35px 11px 11px; padding: .6875rem 2.1875rem .6875rem .6875rem; background: transparent; border: 0; outline: none; font-size: 16px; font-size: 1rem; letter-spacing: 0.1em; line-height: 1.5; }
.select-wrap:before { content: ""; background: url(/img/common/reserve_arrow.png) no-repeat; position: absolute; z-index: 1; top: 1.75em; right: 1em; right: .75rem; margin-top: -8px; margin-top: -.5rem; width: 10px; height: 6px; background-size: 10px 6px; }
#reserve_box > .block_inner > p { font-size: 16px; letter-spacing: 0.1em; margin-bottom: 1.25em; }
#reserve_box .reserve_inner { display: inline-block; }
#reserve_box .reserve_inner > div { display: inline-block; margin-right: 0.75em; position: relative; float: left; }
#reserve_box .reserve_inner > div:first-of-type { margin-right: 2em; }
#reserve_box .reserve_inner > div:first-of-type:after { content: "～"; position: absolute; top: 50%; right: -1.35em; font-size: 18px; }
#reserve_box .reserve_inner > div p.sans { color: #999; text-align: left; line-height: 1.5em; }
#reserve_box .reserve_inner > div:last-of-type a { display: inline-block; background: #b78554; padding: 11px 32px; padding: .6875rem 2rem; }
#reserve_box .reserve_inner > div:last-of-type,
#reserve_box .reserve_inner > div:nth-last-of-type(2) { margin-top: 1.5em; }
#reserve_box .reserve_inner > div:last-of-type span { display:none; }

@media screen and (max-width: 980px) {
#reserve_box > .block_inner > p { font-size: 15px; line-height: 1.5em; }
.select-wrap { width: 100%; min-width: inherit; }
.select-wrap select { font-size: 15px;}
#reserve_box .reserve_inner > div:first-of-type:after { top: 54%; right: -1.7em; font-size: 13px;}
#reserve_box .reserve_inner > div:first-of-type { width:30%; margin-right: 6.5%; }
#reserve_box .reserve_inner > div:nth-of-type(2) { width:30%; margin-right: 5%; }
#reserve_box .reserve_inner > div:nth-last-of-type(2){ width: 28%; margin-right:0; }
#reserve_box .reserve_inner > div:last-of-type span { display:inline-block; color: #FFF; margin-left: 10px; line-height: 1.5em; font-size: 16px;}
#reserve_box .reserve_inner > div:last-of-type { float: none; position: inherit; width: 100%; }
#reserve_box .reserve_inner > div:last-of-type a { display: inline-block; width: 100%; padding: 10px 0; }
#reserve_box .reserve_inner > div:last-of-type a img { max-width:24px; }
}

@media screen and (max-width: 450px) {
.select-wrap select { font-size: 12px; padding: 11px 24px 11px 11px;}
#reserve_box .reserve_inner > div:first-of-type:after { right: -1.3em; }
.select-wrap:before { right: 0.5em; }
#reserve_box .reserve_inner > div:nth-last-of-type(2) .select-wrap { min-width: 5em; }
}

/* バナー
------------------------------ */
.pickup_banner {margin: 50px auto;width: 90%; }
.pickup_banner ul {display: flex;justify-content: center;flex-wrap:wrap;}
.pickup_banner ul li + li {margin-left: 20px;}
.pickup_banner ul li a {transition: .3s}
.pickup_banner ul li a:hover {opacity: .7;}
.pickup_banner ul li.wide { width:100%; margin-bottom:20px; text-align:center; }
.pickup_banner ul li.wide + li { margin-left:0; }
.pickup_banner ul li:not(.wide){ max-width:48%; }
.pickup_banner .img_sp { display:none; }

@media print, screen and (max-width:640px){
  .pickup_banner {margin-top: 5%;}
  .pickup_banner ul {/*flex-direction: column;*/ display:block;max-width: 400px;margin: auto}
  .pickup_banner ul li + li {margin-left: 0;margin-top: 10px;}
	.pickup_banner ul li.wide { margin-bottom:10px; }
	.pickup_banner ul li:not(.wide){ max-width:100%; }
	.pickup_banner .img_pc { display:none; }
	.pickup_banner .img_sp { display:inline; }
}

/* =========================================================================== */
/* ラクーンステイ */
/* =========================================================================== */
#rakuun-stay{padding:80px 0 50px;position:relative;transition:.3s;overflow-x:hidden;}
#rakuun-stay::before{content:"";display:block;width:100%;height:35%;position:absolute;bottom:0;left:0;z-index:0;background:url(/img/common/glay_bk.jpg);}
#rakuun-stay .slider-rakuunstay{position:relative;}

#rakuun-stay .slider-rakuunstay{display:none;}
#rakuun-stay .slider-rakuunstay.slick-initialized{display:block;}

#rakuun-stay .slider-rakuunstay .item{ margin: 0 10px; position:relative; }
#rakuun-stay .slider-rakuunstay .item:hover{opacity:0.8!important;transition:.3s!important;}
#rakuun-stay .slider-rakuunstay .item .ttl{color:#fff;font-size:1.3rem;position:absolute;left:0;bottom:10px;border-bottom:1px solid #fff;padding:5px 10px;line-height:1.2;text-shadow:0 0 8px rgba(0,0,0,0.7);font-weight:bold;}
#rakuun-stay .slider-rakuunstay .item .ttl small{font-size:1rem;display:block;}

#rakuun-stay .slider-rakuunstay .item::before{content:"";display:block;width:20%;max-width:65px;height:40%; max-height:65px;position:absolute;top:0;left:0;background:no-repeat center center; background-size: 50%; z-index:8;}
#rakuun-stay .slider-rakuunstay .item.icon01::before{background-image:url(/img/top/stay_icon01.png);background-color:#b75460;}


#rakuun-stay #stay-slider.swiper-container{overflow-y: visible !important; overflow-x: visible!important;}
#rakuun-stay #stay-slider .swiper-wrapper{transition-timing-function:linear; }
#rakuun-stay #stay-slider .img img{ width: 100%; height: auto;}
#rakuun-stay #stay-slider .item:hover{opacity:0.8!important;transition:.3s!important;}
#rakuun-stay #stay-slider .item .ttl{color:#fff;font-size:1.3rem;position:absolute;left:0;bottom:10px;border-bottom:1px solid #fff;padding:5px 10px;line-height:1.2;text-shadow:0 0 8px rgba(0,0,0,0.7);font-weight:bold;}
#rakuun-stay #stay-slider .item .ttl small{font-size:1rem;display:block;}

#rakuun-stay #stay-slider .swiper-btn{ display: none; }
#rakuun-stay #stay-slider .swiper-btn{background:url(/img/top/stay_arrow.png) no-repeat center center #b78554;background-size:50% auto;width:50px;height:50px;position:absolute;right:5px;bottom:-30px;z-index:10;font-size:0;transition:.3s;}
#rakuun-stay #stay-slider .swiper-btn.swiper-btn-prev{right:60px;}
#rakuun-stay #stay-slider .swiper-btn.swiper-btn-next{-webkit-transform:scale(-1,1);transform:scale(-1,1);}
#rakuun-stay #stay-slider .swiper-btn:hover{opacity:0.8;background-position:35% center;transition:.3s;}
@media print, screen and (max-width:980px){
  #rakuun-stay #stay-slider .item .ttl{font-size: 1rem;}
}
@media print, screen and (max-width:640px){
  #rakuun-stay #stay-slider{ width: 95%; margin: 0 auto; }
  #rakuun-stay #stay-slider .swiper-wrapper{transition-timing-function: ease-out; }
  #rakuun-stay #stay-slider .swiper-btn{ display: block; }
  #rakuun-stay #stay-slider .item .ttl{ font-size: 1rem;}
  #rakuun-stay #stay-slider .item .ttl small{ font-size: 0.8rem;}

}
/*#rakuun-stay .slider-rakuunstay .item{position:relative;height:auto; width: 30% !important;/*padding-bottom:250px;border-radius:3px;overflow:hidden; margin: auto 10px;}
#rakuun-stay .slider-rakuunstay .item::before{content:"";display:block;width:65;height:65px;position:absolute;top:0;left:0;background:no-repeat center center; background-size: 50%; z-index:8;}
#rakuun-stay .slider-rakuunstay .item::after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:no-repeat center center #333;background-size:cover;z-index:1;transition:.3s;}
#rakuun-stay .slider-rakuunstay .item .ttl{color:#fff;font-size:1.4rem;position:absolute;left:0;bottom:15px;border-bottom:1px solid #fff;padding:5px 15px;line-height:1.45;text-shadow:0 0 8px rgba(0,0,0,0.7);font-weight:bold;}
#rakuun-stay .slider-rakuunstay .item .ttl small{font-size:1.1rem;display:block;}
#rakuun-stay .slider-rakuunstay .item a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:9;}
#rakuun-stay .slider-rakuunstay .item:hover::after{opacity:0.8!important;transition:.3s!important;}

#rakuun-stay .slider-rakuunstay .item a img{ width: 500px; }*/

#rakuun-stay .slick-arrow{background:url(/img/top/stay_arrow.png) no-repeat center center #b78554;background-size:50% auto;width:60px;height:60px;position:absolute;right:20px;bottom:-30px;z-index:10;font-size:0;transition:.3s;}
#rakuun-stay .slick-arrow.slick-prev{right:90px;}
#rakuun-stay .slick-arrow.slick-next{-webkit-transform:scale(-1,1);transform:scale(-1,1);}
#rakuun-stay .slick-arrow:hover{opacity:0.8;background-position:35% center;transition:.3s;}

#rakuun-stay .slick-slide.item{transition:0s!important;}
/*#rakuun-stay .slick-slide.slick-active.item{transform:scale(1);transition:0s!important;}
#rakuun-stay .slick-slide.slick-active.item .ttl{opacity:1;left:0;transition:0s!important;}*/
/*#rakuun-stay .slick-loaded .slick-slide.slick-active.item .ttl{transition:1.2s ease-out!important;}
#rakuun-stay .slick-loaded .slick-slide.slick-active.item{transition:1.2s ease-out!important;}
#rakuun-stay .slick-loaded .slick-slide.item{transition:1.2s ease-out!important;}*/

/*#rakuun-stay .slider-rakuunstay .item.icon01::before{background-image:url(/img/top/stay_icon01.png);background-color:#b75460;}*/
/*#rakuun-stay .slider-rakuunstay .item.item01::after{background-image:url(/img/top/stay_mv01.jpg);}
#rakuun-stay .slider-rakuunstay .item.item02::after{background-image:url(/img/top/stay_mv02.jpg);}
#rakuun-stay .slider-rakuunstay .item.item03::after{background-image:url(/img/top/stay_mv03.jpg);}
#rakuun-stay .slider-rakuunstay .item.item04::after{background-image:url(/img/top/stay_mv04.jpg);}
#rakuun-stay .slider-rakuunstay .item.item05::after{background-image:url(/img/top/stay_mv05.jpg);}*/

@media print, screen and (max-width:980px){
  #rakuun-stay{padding:30px 0 30px;}
  #rakuun-stay::before{height:50%;}
  #rakuun-stay .block_inner{padding-left:0;padding-right:0;}
  /*#rakuun-stay .slider-rakuunstay{padding-left:7%;}*/
  /*#rakuun-stay .slider-rakuunstay .item::before{width:50px;height:50px;background-size:50% auto;}*/
  /*#rakuun-stay .slider-rakuunstay .item{padding-bottom:250px;}*/
  #rakuun-stay .slick-arrow{width:35px;height:35px;right:15px;bottom:-17px;}
  #rakuun-stay .slick-arrow.slick-prev{right:55px;}
}
@media print, screen and (max-width:640px){
  /*#rakuun-stay .slider-rakuunstay .item{padding-bottom:200px;}*/
  /*#rakuun-stay .slider-rakuunstay .item .ttl{font-size:18px;bottom:15px;padding:8px 15px;}
  #rakuun-stay .slider-rakuunstay .item .ttl small{font-size:12px;}*/
}

/* =========================================================================== */
/* おすすめプラン */
/* =========================================================================== */
.osusume {padding: 80px 0 50px;}
.osusume .PlanView p.plan{color: #333;transition: color 0.3s ease;}
.osusume .PlanView:hover p.plan{color: #888;}
.osusume .headline{margin-bottom:-20px;}

@media screen and (max-width: 980px) {
    .osusume{ padding: 0; }
    .osusume .headline{margin-bottom:20px;}
}
@media screen and (max-width: 800px) {
    .main_picture img{ height:  260px; object-fit: cover; }
}
@media screen and (max-width: 420px) {
    .osusume article { margin: 0.5%; }
}

/* =========================================================================== */
/* ラクーンの特徴 */
/* =========================================================================== */
#feature{background:#fff;padding:80px 0 80px;}
#feature .block_inner{position:relative;z-index:2;height:100%;}
#feature .block_inner::after{content:"";display:block;clear:both;}
#feature .feature-btn{font-size:22px;color:#b88550;position:relative;display:inline-block;padding-top:15px;padding-bottom:15px;font-weight:bold;}
#feature .feature-btn::before{content:"";display:block;width:0;height:2px;background:#b88550;position:absolute;bottom:0;left:0;transition:.3s;}
#feature .feature-btn::after{content:"";display:inline-block;width:34px;height:9px;background:url(/img/top/arrow03.png) no-repeat center center;background-size:100% auto;vertical-align:6px;margin-right:5px;margin-left:20px;transition:.3s;}
#feature .feature-btn:hover::before{width:100%;transition:.3s;}
#feature .feature-btn:hover::after{margin-left:25px;margin-right:0;transition:.3s;}

#feature .feature-btn02{font-size:18px;color:#fff; background: #b78554; position:relative;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;font-weight:bold; box-sizing: border-box;line-height: 1.6; max-width: 360px;}
#feature .feature-btn02::before{content:"";display:block;width:0;height:2px;background:#b88550;position:absolute;bottom:0;left:0;transition:.3s;}
#feature .feature-btn02::after{content:"";display:inline-block;width:34px;height:9px;background:url(/img/top/arrow04.png) no-repeat center center;background-size:100% auto;vertical-align:6px;margin-right:5px;margin-left:20px;transition:.3s;}
#feature .feature-btn02:hover::before{width:100%;transition:.3s;}
#feature .feature-btn02:hover::after{margin-left:25px;margin-right:0;transition:.3s;}

#feature .txt-block .txt{font-size:16px;font-weight:bold;margin-bottom:25px;line-height:2;}
#feature .txt-block .txt br{display:none;}
#feature .img{box-shadow:0 1px 16px rgba(0,0,0,0.22);display:inline-block;}
#feature .animation{overflow:hidden;position:relative;}
#feature .animation::before{content:"";display:block;width:100%;height:100%;background:#b78554;position:absolute;top:0;right:0;z-index:2;}
#feature .animation.animated::before{width:0;transition:1s ease-out;}
#feature .animation.animated img{-webkit-transform:translate3d(0,0,0) scale(1.1);transform:translate3d(0,0,0) scale(1.1);transition:1.2s ease-out;}

/* allinclusive */
#feature .feature-allinclusive{position:relative;height:670px;}
#feature .feature-allinclusive::before{content:"";display:block;width:0;height:80%;position:absolute;top:10%;right:0;background:#f9f7f4;}
#feature .feature-allinclusive::after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;background:url(/img/top/feature_back03.png) no-repeat left top;z-index:0;}
#feature .feature-allinclusive.animated::before{width:58%;transition:1s ease-out;}
#feature .feature-allinclusive img{max-width:100%;}
#feature .feature-allinclusive .img01{text-align: center;}
#feature .feature-allinclusive .img02{position:absolute;top:37%;right:0;max-width:53%;}
#feature .feature-allinclusive .txt-block{margin:12% 0 0 0;max-width:48%;width:420px;line-height:2;}

/* foods */
#feature .feature-foods{position:relative;height:740px;}
#feature .feature-foods::before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;background:url(/img/top/feature_back01.jpg) no-repeat left top;z-index:0;}
#feature .feature-foods::after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;right:0;z-index:1;background:#fff;}
#feature .feature-foods.animated::after{width:0;transition:2s ease-out;}
#feature .feature-foods .img01{position:absolute;top:5%;right:-17%;max-width:67%;}
#feature .feature-foods .img02{position:absolute;top:52%;left:-5%;max-width:53%;}
#feature .feature-foods .txt-block{position:absolute;top:65%;right:0;max-width:48%;width:420px;line-height:2;}
#feature .feature-foods .txt-block br{display:block;}

/* room */
#feature .feature-room{position:relative;height:990px;}
#feature .feature-room::before{content:"";display:block;width:0;height:72%;position:absolute;top:10%;left:0;background:#f9f7f4;}
#feature .feature-room.animated::before{width:58%;transition:1s ease-out;}
#feature .feature-room img{max-width:100%;}
#feature .feature-room .img02{margin:5% 0 0 -8%;max-width:67%;}
#feature .feature-room .img03{position:absolute;top:60%;right:-15%;max-width:53%;}
#feature .feature-room .txt-block{margin:6% 0 0 11%;}

/* location */
#feature .feature-location{position:relative;height:760px;}
#feature .feature-location::before{content:"";display:block;width:0;height:78%;position:absolute;top:8%;right:0;background:#f9f7f4;}
#feature .feature-location.animated::before{width:58%;transition:1s ease-out;}
#feature .feature-location img{max-width:100%;}
#feature .feature-location .img01{max-width:61%;}
#feature .feature-location .img02{position:absolute;top:42%;right:8%;max-width:34%;}
#feature .feature-location .img03{margin:10% 0 7% 11%;max-width:34%;}
#feature .feature-location .txt-block{position:absolute;top:75%;right:8%;width:330px;max-width:34%;white-space:nowrap;}
#feature .feature-location .btn-block{text-align:center;}
#feature .feature-location .btn-block a{margin:0 30px;}

/* spa */
#feature .feature-spa{position:relative;height:730px;}
#feature .feature-spa::before{content:"";display:block;width:52%;height:100%;position:absolute;top:15%;left:0;z-index:0;background:url(/img/top/feature_back02.jpg) no-repeat left top;background-size:100% auto;z-index:0;}
#feature .feature-spa::after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;right:0;z-index:1;background:#fff;}
#feature .feature-spa.animated::after{width:0;transition:2s ease-out;}
#feature .feature-spa .img01{margin:0 0 0 7%;max-width:67%;}
#feature .feature-spa .img02{position:absolute;top:56%;right:-5%;max-width:54%;}
#feature .feature-spa .txt-block{position:absolute;top:71%;left:0;max-width:48%;width:420px;}

/* link */
#feature .feature-link{position:relative;text-align:center;}
#feature .feature-link::before{content:"";display:block;width:100%;height:82%;position:absolute;bottom:0;left:0;background:#f9f7f4;}
#feature .feature-link .list-link{margin-bottom:60px;}
#feature .feature-link .list-link li{display:inline-block;width:180px;height:180px;text-align:center;position:relative;overflow:hidden;vertical-align:top;margin:0 8px;}
#feature .feature-link .list-link li span{display:block;width:100%;position:absolute;top:50%;left:0;z-index:2;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:18px;color:#fff;}
#feature .feature-link .list-link li a{display:block;width:100%;height:100%;position:relative;z-index:3;}
#feature .feature-link .list-link li::before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background:no-repeat center center;background-size:cover;transition:.3s;}
#feature .feature-link .list-link .link01::before{background-image:url(/img/top/feature_link01.jpg);}
#feature .feature-link .list-link .link02::before{background-image:url(/img/top/feature_link02.jpg);}
#feature .feature-link .list-link .link03::before{background-image:url(/img/top/feature_link03.jpg);}
#feature .feature-link .list-link .link04::before{background-image:url(/img/top/feature_link04.jpg);}
#feature .feature-link .list-link li:hover::before{-webkit-transform:scale(1.1);transform:scale(1.1);transition:.3s;}

#top-contact .top-contact-btn02{font-size:18px !important;color:#fff; background: #b78554; position:relative;display:flex;align-items:center;justify-content:center;padding:15px 20px;font-weight:bold; box-sizing: border-box;line-height: 1.6; max-width: 320px; width: 100%; margin: 20px auto 0; cursor: pointer !important;}
#top-contact .txt-block a span {font-size: 18px;}
#top-contact .top-contact-btn02::before{content:"";display:block;width:0;height:2px;background:#b88550;position:absolute;bottom:0;left:0;transition:.3s;}
#top-contact .top-contact-btn02::after{position: absolute; top: 0; right: 1em; bottom: 0; margin: auto; content:"";display:inline-block;width:34px;height:9px;background:url(/img/top/arrow04.png) no-repeat center center;background-size:100% auto;vertical-align:6px;transition:.3s;}
#top-contact .top-contact-btn02:hover::before{width:100%;transition:.3s;}
#top-contact .top-contact-btn02:hover::after{margin-left:25px;margin-right:0;transition:.3s;}


@media screen and (max-width:980px){
  #feature{padding:40px 0;}
  #feature .block_inner{padding-bottom:0;}
  #feature .feature-btn{font-size:18px;}
  #feature .feature-btn::before{display:none;}
  #feature .feature-btn::after{margin-left:10px!important;margin-right:0!important;width:20px;height:5px;}

  #feature .feature-btn02{font-size:16px;width: 100%;margin-top: 20px;padding: 15px 20px;}
  #feature .feature-btn02::before{display:none;}
  #feature .feature-btn02::after{margin-left:10px!important;margin-right:0!important;width:34px;height:9px;}

  #feature .txt-block{text-align:right;}
  #feature .txt-block .txt{line-height:2;margin-bottom:5px;/*font-size:20px;white-space:nowrap;*/}
  #feature .txt-block .txt br{display:block;}

  #feature .feature-allinclusive{height:auto;margin-bottom:80px;}
  #feature .feature-allinclusive > .block_inner{padding:0;}
  #feature .feature-allinclusive .img02{top:20%;right:3.5%;max-width:50%;z-index:1;}
  #feature .feature-allinclusive .txt-block{margin:15% 0 0 3%;text-align:left;}

  #feature .feature-foods{height:auto;margin-bottom: 80px;}
  #feature .feature-foods > .block_inner{padding-bottom:80%;}
  #feature .feature-foods::before{background-size:150% auto;background-position:93% top;}
  #feature .feature-foods .img01{max-width:70%;right:0;}
  #feature .feature-foods .img02{max-width:50%;left:0;top:38%;}
  #feature .feature-foods .txt-block{max-width:46%;right:3.5%;top:58%;}

  #feature .feature-room{height:auto;margin-bottom: 80px;}
  #feature .feature-room > .block_inner{padding:0;}
  #feature .feature-room .img02{margin:4% 0 0;z-index:2;position:relative;}
  #feature .feature-room .img03{top:66%;right:3.5%;max-width:55%;z-index:1;}
  #feature .feature-room .txt-block{margin:6% 0 0 6%;;text-align:left;}

  #feature .feature-location{height:auto;}
  #feature .feature-location > .block_inner{padding:4% 0 0 0;}
  #feature .feature-location .img01{max-width:80%;}
  #feature .feature-location .img02{top:42%;right:3.5%;max-width:45%;}
  #feature .feature-location .img03{margin:11% 0 10% 3.5%;max-width:44%;}
  #feature .feature-location .txt-block{top:72%;right:3.5%;}
  #feature .feature-location .btn-block{margin-top:0;}

  #feature .feature-spa{height:auto;overflow:hidden;}
  #feature .feature-spa > .block_inner{padding:0;}
  #feature .feature-spa::before{width:100%;top:18%;}
  #feature .feature-spa .img01{margin:6% 0 0 7%;}
  #feature .feature-spa .img02{max-width:50%;top:30%;right:0;}
  #feature .feature-spa .txt-block{text-align:left;position:static;margin:15% 0 0 6%;}

  #feature .feature-link::before{height:100px;}
  #feature .feature-link .list-link li{float:left;width:33.33%;margin:0;height:140px;}
  #feature .feature-link .list-link li span{font-size:18px;}

  #top-contact .top-contact02{font-size:16px !important;width: 100%;margin-top: 20px;padding: 15px 20px;}
  #top-contact .txt-block a span {font-size: 16px;}
  #top-contact .top-contact02::before{display:none;}
  #top-contact .top-contact02::after{margin-left:10px!important;margin-right:0!important;width:34px;height:9px;}

}
@media screen and (max-width:599px){
  #feature .txt-block .txt{font-size:14px;}
  #feature .feature-btn{font-size:16px;}
  #feature .feature-btn02{font-size:16px;}
  #top-contact .top-contact02{font-size:16px !important;}
  #top-contact .txt-block a span {font-size: 16px;}
  #feature .feature-link .list-link li{height:110px;}
  #feature .feature-location .btn-block a{margin:0 15px;}

  #feature .feature-allinclusive .txt-block,#feature .feature-foods .txt-block,#feature .feature-spa .txt-block{margin:15% 3% 0 3%;max-width: 94%;width:100%;text-align: left;}
  #feature .feature-foods .txt-block{right: 0;}
}

/* =========================================================================== */
/* ブログ */
/* =========================================================================== */
.information { /*padding: 120px 0 20px;*/ padding: 80px 0 120px; background: #FFF; }
.information a.roll:hover dl { color: #b78554; -webkit-transition: all .3s; transition: all .3s; }
.information dl { box-sizing: border-box; border-bottom: 1px #efefef solid; padding: 20px 0; -webkit-transition: all .3s; transition: all .3s; }
.information dl dt,
.information dl dd { float: left; display: inline-block; }
.information dl dt { width: 15%; }
.information dl dd { width: 85%; position: relative; }
.information dl dd:after { content: ""; position: absolute; width: 6px; height: 10px; background: url(/img/common/arrow_next.png) no-repeat; top: 0.1em; right: 1.5em; background-size: 6px 10px; -webkit-transition: all .3s; transition: all .3s; }
.information a:hover dl dd:after { right: 1.2em; -webkit-transition: all .3s; transition: all .3s; }

@media screen and (max-width: 980px) {
.information {padding:0; font-size:13px; }
.information dl dt { width: 20%; line-height: 1.5em; }
.information dl dd { width: 65%; margin-left: 10%; padding-right: 5%; line-height: 1.5em; }
.information dl dd:after { right: 0.5em; top: 30%;}
.information a:hover dl dd:after { right: 0em; }
}