@font-face{
  font-family:'Material Icons';
  font-style:normal;
  font-weight:400;
  font-display: swap;
  src:url(https://fonts.gstatic.com/s/materialicons/v47/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'),
    url(https://fonts.gstatic.com/s/materialicons/v47/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff) format('woff');
}
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local('Josefin Sans Thin'), local('JosefinSans-Thin'),
  url(https://fonts.gstatic.com/s/josefinsans/v14/Qw3EZQNVED7rKGKxtqIqX5Ecbkx6XHg.woff2) format('woff2'),
  url(https://fonts.gstatic.com/s/josefinsans/v14/Qw3EZQNVED7rKGKxtqIqX5Ecbkx6XH4.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Josefin Sans Light'), local('JosefinSans-Light'), url(https://fonts.gstatic.com/s/josefinsans/v14/Qw3FZQNVED7rKGKxtqIqX5Ecpl5te10h.woff2) format('woff2'),
  url(https://fonts.gstatic.com/s/josefinsans/v14/Qw3FZQNVED7rKGKxtqIqX5Ecpl5te10n.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html{overflow:auto}
body{
  font-family:"Josefin Sans", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
  color:#333;
  font-size:14px;
  line-height:1.5;
  margin:0;
  overflow:hidden;
  /* nav-open */
  position:relative;
  right:0;
  transition:right .5s cubic-bezier(0.685,0.0473,0.346,1);
}
header{
  background-image:url("../images/header_bg_top_sp.jpg");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:right;
  position:relative;
  height:480px;
  color:#fff;
}
header .inner{
  position:absolute;
  top:50%;
  right:0;
  left:0;
  transform:translateY(-50%);
  text-align:center;
}
header h1{font-size:48px!important;font-weight:100;line-height:1}
@media (min-width:768px){
header h1{font-size:92px!important;}
}
@media (min-width:992px){
header{background-image:url("../images/header_bg_top.jpg");height:680px}
header .inner{
  position:absolute;
  top:50%;
  left:10%;
  transform:translateY(-50%) translateX(0);
  text-align:left
  }
header h1{font-size:142px!important}
}
section{position:relative}
img{-webkit-backface-visibility:hidden}
img[src=""]{display:none;}
iframe{width:100%;}
/* ==== Typography ==== */
h1,h2,h3,h4,h5{letter-spacing:.1rem}
.fs-13{font-size:13px}
.fs-1{font-size:1rem!important}
.fs-2{font-size:1.25rem!important}
.fs-3{font-size:1.5rem!important}
.fs-4{font-size:1.75rem!important}
.fs-5{font-size:2rem!important}
.fs-6{font-size:2.5rem!important}
.fs-7{font-size:4rem!important}
@media (max-width:767px){
	.fs-7{font-size:3rem!important}
	h1,.fs-6{font-size:2rem!important}
	h2,.fs-5{font-size:1.75rem!important}
	h3,.fs-4{font-size:1.5rem!important}
	h4,.fs-3{font-size:1.25rem!important}
	h5,.fs-2{font-size:1rem!important}
}
@media (max-width:575px){
	.fs-7{font-size:2.5rem!important}
}
ul{padding:0;margin:0}
li{list-style:none}
a{color:#333;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
a,button{outline:none!important}
a:focus,a:hover{color:#999;text-decoration:none}
a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}
a.underline{text-decoration:underline!important}

.tagline{position:relative;display:inline-block;}
.tagline span{
  width:80px;
  height:1px;
  background:transparent;
  display:block;
  position:absolute;
  left:-80px;
  top:50%;
  overflow:hidden;
}
.tagline span:before{
  content:'';
  position:absolute;
  left:-50%;
  background:#ff6878;
  width:50%;
  height:1px;
  animation:tagline-anime 2.5s cubic-bezier(0.42, 0, 0.58, 1.0) infinite;
}
@keyframes tagline-anime{
  50%{left:-50%}
  100%{left:100%}
}
.tagline-vertical{
  content:'';
  width:1px;
  height:80px;
  background:transparent;
  display:block;
  position:absolute;
  right:0;
  left:0;
  bottom:-40px;
  margin:0 auto;
  overflow:hidden;
}
.tagline-vertical::before{
  content:'';
  position:absolute;
  top:-80px;
  left:0;
  z-index:1;
  background:#ff6878;
  width:1px;
  height:70px;
  animation:tagline-vertical-anime 2.5s cubic-bezier(0.42, 0, 0.58, 1.0) infinite;
}
@keyframes tagline-vertical-anime{
  50%{top:-80px}
  100%{top:100%}
}
.list-line li{position:relative;padding:0 0 10px 15px}
.list-line li:last-child{padding-bottom:0}
.list-line li:before{content:'';width:6px;height:1px;background:#fa6585;position:absolute;top:10px;left:0}
.material-icons{
  font-family:'Material Icons';
  font-weight:normal;
  font-style:normal;
  font-size:1.25rem;
  line-height:1;
  letter-spacing:normal;
  text-transform:none;
  display:inline-block;
  white-space:nowrap;
  word-wrap:normal;
  direction:ltr;
  font-feature-settings:'liga';
  -webkit-font-feature-settings:'liga';
  -webkit-font-smoothing:antialiased;
  position:relative;
  top:3px;
}
.text-primary{color:#ff6878!important}
.text-blue{color:#2196F3}
.text-white{color:#fff!important}

/* ==== Backgrounds and buttons ==== */
.bg-gray-50{background-color:#f7f7f7!important}
.bg-gray-100{background-color:#dedede}
.bg-white{background-color:#fff}
.rgba-black{background-color:rgba(0,0,0,.5)!important}
.bg-gradient-blue{background-image:linear-gradient(135deg, #e1f3ff 20%, #fff 80%)}
.bg-gradient-pink{background-image:linear-gradient(135deg, #ffd3d8 20%, #fff 80%)}

.shine{position:relative;overflow:hidden}
.shine::after{
  animation:shine 4.5s ease-in-out infinite;
  background-color:#fff;
  content:" ";
  height:100%;
  left:0;
  opacity:0;
  position:absolute;
  top:-50px;
  transform:rotate(45deg);
  width:5px;
}
@keyframes shine{
  0%{transform:scale(0) rotate(45deg);opacity:0}
  80%{transform:scale(0) rotate(45deg);opacity:0.5}
  81%{transform:scale(4) rotate(45deg);opacity:1}
  100%{transform:scale(50) rotate(45deg);opacity:0}
}

.btn{font-size:.8rem;color:#fff;padding:15px 55px;border-radius:0;border:0;transition:.2s ease-out;text-transform:uppercase;white-space:normal!important;word-wrap:break-word;cursor:pointer}
.btn:hover{color:#fff}
.btn-rounded{border-radius:10em}
.btn.btn-lg{font-size:1.4rem;padding:1rem 4.4rem}
.btn.btn-md{font-size:.7rem;padding:.7rem 1.6rem}
.btn.btn-sm{font-size:.6rem;padding:.5rem 1.6rem}
.btn:disabled{cursor:not-allowed}
.btn[class*=btn-outline-]{padding-top:.76rem;padding-bottom:.76rem}
.btn[class*=btn-outline-].btn-sm{padding-top:.42rem;padding-bottom:.42rem}
.btn[class*=btn-outline-].btn-md{padding-top:.58rem;padding-bottom:.58rem}
@media (max-width:767px){
  .btn.btn-lg{font-size:1.2rem;padding:0.8rem 4rem}
}

.btn-primary{background-color:#ff6878}
.btn-primary:hover{background-color:#ffada3!important}
.btn-primary.active,.btn-primary:active,.btn-primary:focus{background-color:#ff7e6d!important}
.btn-outline-primary{border:2px solid #ff6878;color:#ff6878!important;background-color:transparent}
.btn-outline-primary.active,.btn-outline-primary:active,.btn-outline-primary:active:focus,.btn-outline-primary:focus,.btn-outline-primary:hover{background-color:transparent;color:#ff6878;border-color:#ff6878}

.btn-gradient{background-size:300% 100%;transition:all .4s ease-in-out}
.btn-gradient:hover{background-position:100% 0;transition:all .4s ease-in-out}
.btn-gradient:focus{outline:none}
.btn-gradient.gradient-peach{background-image:linear-gradient(to right, #ff6879, #ff4458, #ff4458 , #ff6f44)}

/* ==== Dividers ==== */
hr.border-primary{border-top:1px solid #ff6878;width:90px}

.pt-7,.py-7{padding-top:6rem}
.pb-7,.py-7{padding-bottom:6rem}
.pt-6,.py-6{padding-top:4.5rem}
.pr-6,.px-6{padding-right:4.5rem}
.pb-6,.py-6{padding-bottom:4.5rem}
.pl-6,.px-6{padding-left:4.5rem}
@media (min-width:1200px){
.pt-xl-6,.py-xl-6{padding-top:4.5rem}
.pr-xl-6,.px-xl-6{padding-right:4.5rem}
.pb-xl-6,.py-xl-6{padding-bottom:4.5rem}
.pl-xl-6,.px-xl-6{padding-left:4.5rem}
}
@media (min-width:992px){
.pt-lg-6,.py-lg-6{padding-top:4.5rem}
.pr-lg-6,.px-lg-6{padding-right:4.5rem}
.pb-lg-6,.py-lg-6{padding-bottom:4.5rem}
.pl-lg-6,.px-lg-6{padding-left:4.5rem}
}
@media (min-width:768px){
.pt-md-6,.py-md-6{padding-top:4.5rem}
.pr-md-6,.px-md-6{padding-right:4.5rem}
.pb-md-6,.py-md-6{padding-bottom:4.5rem}
.pl-md-6,.px-md-6{padding-left:4.5rem}
}
@media (max-width:575px){
.col-adjust [class*=col-]:nth-child(odd){padding-right:8px!important}
.col-adjust [class*=col-]:nth-child(even){padding-left:8px!important}
}
/* ==== navbar dropdown ==== */
.navbar-brand,.navbar-brand:hover{color:#333}
.nav-item{position:relative}
li.nav-item::after{content:'';position:absolute;right:0;left:0;bottom:0;margin:0 auto;background-color:#ff6878;width:0;height:1px;transition:all 0.2s linear;}
li.nav-item:hover::after,li.nav-item.active::after{width:60px}
.navbar .nav-item .nav-link{display:block;color:#333;padding:.4rem .6rem;transition:.5s}
.navbar.scrolling-navbar{padding-top:7px;padding-bottom:7px;-webkit-transition-duration:.7s;transition-duration:.7s;transform:translateY(-54px)}
.navbar.scrolling-navbar.top-nav-collapse{background-color:#fff!important;transform:translateY(0)}
.dropdown .dropdown-menu{background-color:#f9f9f9;border:none;padding:.5rem}
.dropdown .dropdown-menu a:hover{color:#fff!important}
.dropdown:hover>.dropdown-menu{display:block;}
.dropdown .dropdown-menu .dropdown-item{padding:.5rem;margin-left:0;font-size:.9rem}
.dropdown .dropdown-menu .dropdown-item:active,.dropdown .dropdown-menu .dropdown-item:hover{border-radius:2px;-webkit-transition:all .1s linear;transition:all .1s linear;background-color:#ff6878}

@media (max-width:991px){
li.nav-item::after{right:unset}
.navbar.scrolling-navbar{transform:translateY(0)}
.navbar.scrolling-navbar.top-nav-collapse{background-color:transparent!important;box-shadow:none}
.navbar-toggler{
  position:fixed;
  top:20px;
  right:10px;
  width:40px;
  height:auto;
  padding:10px;
  border:none;
  box-sizing:initial;
  z-index:1050;
  transition:box-shadow 1.2s ease-in-out
}
.nav-open .navbar-toggler{box-shadow:none;transition:box-shadow 0.3s ease-in-out}
.navbar-toggler .navbar-toggler-icon{
  background-color:#333;
	background-image:none;
  width:40px;
  height:1px;
  vertical-align:middle;
  outline:0;
  display:block;
  margin-left:auto;
  transition:all .6s cubic-bezier(.19,1,.22,1);
}
.navbar-toggler .navbar-toggler-icon+.navbar-toggler-icon{margin-top:8px;}
.navbar-toggler .navbar-toggler-icon:last-child{width:25px}
.nav-open .navbar-toggler .navbar-toggler-icon+.navbar-toggler-icon{margin-top:-1px;}
.nav-open .navbar-toggler .navbar-toggler-icon:last-child{width:40px}
.nav-open body{right:250px}
.nav-open .navbar-collapse{right:0}
.nav-open .navbar-toggler-icon{margin-top:8px;transform:rotate(45deg)}
.nav-open .navbar-toggler-icon:nth-child(2){background-color:transparent;transform:rotate(0)}
.nav-open .navbar-toggler-icon:nth-child(3){transform:rotate(-45deg)}
.navbar-collapse{
    position:fixed!important;
    display:block!important;
    top:0;
    height:100vh;
    width:250px;
    right:-250px;
    padding:70px 20px 90px;
    margin-right:0!important;
    z-index:1032;
    visibility:visible;
    background-color:#fff;
    border-top:0;
    text-align:left;
    max-height:none!important;
    transition:right .5s cubic-bezier(0.685,0.0473,0.346,1);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
}
.navbar-collapse .navbar-nav .nav-item{width:100%}
.navbar-collapse .navbar-nav .nav-item .nav-link{color:#3c4858;padding:.4rem 0!important;margin:10px 0 0}
}
.overlay,.overlay-2,.overlay-3{
  position:fixed;
  top:0;
  right:0;
  left:0;
  bottom:0;
  visibility:hidden;
  opacity:0;
  transition:all .5s ease-in-out 0s;
}
.nav-open .overlay,.guide-open .overlay-2,.hotel-nav-open .overlay-3{visibility:visible;opacity:.4;background-color:#000;z-index:1}
/* ==== guidance ==== */
#guide-btn{
  position:fixed;
  right:20px;
  bottom:20px;
  width:40px;
  height:40px;
  padding:10px;
  display:block;
  cursor:pointer;
  box-sizing:initial;
  transition:all .5s ease-in-out;
}
#guide-btn span{
  height:1px;
  width:40px;
  background-color:#333;
  position:absolute;
  top:50%;
  left:10px;
  overflow:hidden;
  transition:all 1s ease;
}
#guide-btn span:nth-child(2){transform:rotate(90deg)}
.guide-open #guide-btn{animation:none;}
.guide-open #guide-btn span:nth-child(1){transform:rotate(45deg);}
.guide-open #guide-btn span:nth-child(2){transform:rotate(315deg)}
.guide-nav{
  position:fixed;
  width:460px;
  height:100%;
  left:0;
  top:0;
  z-index:1032;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:-webkit-box;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  transform:translateX(-460px);
}
.guide-nav.on{transition-delay:0 0s;transition:0.0s}
.guide-nav.on02{transform:translateX(0)}
.guide-nav-bg{position:absolute;left:0;top:0;width:100%}
.guide-nav-bg-item{width:100px;height:100vh}
.guide-nav-list{
  height:100%;
  vertical-align:middle;
  padding:80px 10%;
  opacity:0;
  z-index:0;
  transition:0.3s;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
.guide-nav-list .magazine{background-color:#f7f7f7;margin:0 -15px}
.guide-nav.on .guide-nav-list{opacity:1;transition-delay:.5s}
.guide-nav-bg-item{
  background:#fff;
  transition:cubic-bezier(0.41, 0.01, 0, 0.93) 0.5s;
  float:left;
  margin:0;
  -webkit-margin-before:0;
  -webkit-margin-after:0;
  -webkit-margin-start:0;
  -webkit-margin-end:0;
}
.guide-nav-bg-item:nth-child(1){width:50%;transform:scaleX(0) translateX(-100px);transition-delay:0.2s}
.guide-nav-bg-item:nth-child(2){width:25%;transform:scaleX(0) translateX(-50px);transition-delay:0.15s}
.guide-nav-bg-item:nth-child(3){width:14%;transform:scaleX(0) translateX(-25px);transition-delay:0.1s}
.guide-nav-bg-item:nth-child(4){width:8%;transform:scaleX(0) translateX(-12px);transition-delay:0.05s}
.guide-nav-bg-item:nth-child(5){width:3%;transform:scaleX(0) translateX(-6px);transition-delay:0s}
.guide-nav.on .guide-nav-bg-item{transform:scaleX(1) translateX(0);-webkit-transform-origin:center,left;transform-origin:center,left;opacity:1}
.guide-nav.on .guide-nav-bg-item:nth-child(1){transition-delay:0.0s}
.guide-nav.on .guide-nav-bg-item:nth-child(2){transition-delay:0.1s}
.guide-nav.on .guide-nav-bg-item:nth-child(3){transition-delay:0.2s}
.guide-nav.on .guide-nav-bg-item:nth-child(4){transition-delay:0.3s}
.guide-nav.on .guide-nav-bg-item:nth-child(5){transition-delay:0.4s}
@media (max-width:575px){.guide-nav{width:75%}}

/* ==== card ==== */
.card{border-radius:0}
.card:not([class*=card-outline-]){border:0}
.card.card-image{background-size:cover;background-position:center;width:100%}
.card .card-header{padding:1rem .5rem;box-shadow:none}
.card .card-body{position:relative;padding:2rem}
.card-x{position:relative;flex-direction:column;min-width:0;word-wrap:break-word;background-clip:border-box}
.card-x .cast-img{position:relative;width:45%;line-height:0}
.card-x .card-body{position:absolute;top:0;right:0;width:55%;height:100%;padding:0}
.card-x a{color:#333}
@media (max-width:991px){.card .card-body{padding:2rem 1rem}
	.card-x .cast-img{position:relative;width:100%;max-width:240px;margin:0 auto}
	.card-x .card-body{position:relative;top:50%;right:0;transform:initial;width:100%;padding:10px 0}
}
.card-border::before{
  content:'';
  height:1px;
  width:0%;
  left:0;
  bottom:-6px;
  position:absolute;
  background:#ff99a4;
  background:linear-gradient(to right, #ff99a4 0%, #dc91ff 50%, #91c2ff 100%);
  transition:all 0.3s linear;
}
.card-border:hover::before{width:100%}

/* ==== slick slider ==== */
.slick-dotted.slick-slider{margin-bottom:35px}
.slick-dots{position:absolute;display:block;width:100%;padding:0;margin:18px 0 0;list-style:none;text-align:center}
.slick-dots li{
  position:relative;
  display:inline-block;
  margin:0 7px;
  padding:8px 0;
  font-size:0;
  cursor:pointer;
}
.slick-dots li button{
  background:#ccc;
  width:26px;
  height:2px;
  display:inline-block;
  cursor:pointer;
  border:0;
  outline:none;
  transition:all 0.3s linear;
}
.slick-dots li button:hover,.slick-dots li.slick-active button{background:#333}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0, 0, 0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;outline:none}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{max-width:100%;display:block;margin:0 auto}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block; height:auto}
.slick-arrow{position:absolute;top:50%;z-index:100;border:none;transform:translateY(-50%);color:#fff;font-size:16px;cursor:pointer}
.extend-left{left:-60px;text-align:left;}
.extend-right{right:-60px;text-align:right;}
.extend-left.slick-arrow,.extend-right.slick-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  height:24px;
  padding:15px 0;
  z-index:100;
  width:60px;
  border:none;
  color:#999;
  font-size:12px;
  cursor:pointer;
  box-sizing:content-box;
  transition:all 0.3s linear;
}
.extend-left.slick-arrow:before,.extend-right.slick-arrow:before{
  content:"";
  background:#999;
  height:1px;
  width:100%;
  position:absolute;
  top:70%;
  left:0;
  transition:all 0.3s linear;
}
.extend-right:before{right:0;left:inherit}
.extend-left.slick-arrow:hover:before,.extend-right.slick-arrow:hover:before{background:#333}
.slick-arrow span{transition:all 0.3s linear}
.slick-arrow:hover span{color:#333}

.extend-left.slick-arrow:hover,.extend-right.slick-arrow:hover{width:70px}
.extend-left:hover{left:-70px}
.extend-right:hover{right:-70px}
@media (max-width:991px){
  .extend-left.slick-arrow,.extend-right.slick-arrow{top:unset;bottom:-80px}
  .extend-left{left:0;text-align:left}
  .extend-right{right:0;text-align:right}
  .extend-left.slick-arrow:hover,.extend-right.slick-arrow:hover{width:60px}
  .extend-left.slick-arrow:hover{left:0}
  .extend-right.slick-arrow:hover{right:0}
}
/* ==== slick main ==== */
.slider-main{max-width:800px;margin:auto;}

.news-feed{background-color:#fff}
.news-title{padding:15px;border-bottom:solid 1px #e0e0e0}
.news-img{position:relative;top:25px;left:-5px;-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}
.news-img img{max-width:200px;}
.news-detail{width:100%;height:380px;text-align:left;padding:25px 10px 25px 0;margin-left:-10px;z-index:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}
.news-article{position:absolute}
@media (max-width:767px){
  .news-img{left:5px}
  .news-img img{max-width:140px}
  .news-detail{height:260px;}
}
@media (max-width:543px){
  .news-img img{max-width:130px}
}
.scrollbar-gradient::-webkit-scrollbar{width:3px}
.scrollbar-gradient::-webkit-scrollbar-thumb{background-color:#ff6878;border-radius:0}
.scrollbar-gradient::-webkit-scrollbar-track{background:#ccc}
/* ==== ranking ==== */
#ranking .prof-icon{top:-65px}
#ranking .prof-icon li{width:48px;height:48px;line-height:48px;border-radius:50%}
#ranking .prof-icon li span{display:block;transform:scale(0.9)}

/* ==== footer ==== */
footer{background-color:#212223}
.footer-menu .footer-info ul li{padding:0 0 7px 0}
.footer-menu a{color:#fff}
.footer-menu a:hover{color:#e2e2e2}

/* ==== Cast ==== */
.switch{background-size:cover;background-repeat:no-repeat;background-position:center}
.switch img{opacity:1;transition:.4s}
.card-x:hover .switch img{opacity:0;transition:.4s}

.prof-icon{position:absolute;right:0;bottom:0;font-size:0;z-index:1}
.prof-icon.on-img{right:0;left:0;margin:0 auto;text-align:center}
.prof-icon li{color:#fff;width:56px;height:24px;font-size:10px;line-height:26px;text-align:center;margin-right:4px;display:inline-block!important}
.prof-icon li.icon01{background-color:#ff6878}
.prof-icon li.icon02{background-color:#1abc9c}
.prof-icon li:last-child{margin-right:0}
.prof-icon li.icon-today{background-color:#0abde3;color:#fff;display:inline-block}
@media (max-width:991px){.prof-icon{top:-24px;bottom:unset}}

.circle-thumbs{
  width:100%;
  max-width:240px;
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:50%;
}
.circle-thumbs::before{
  content:"";
  display:block;
  padding-top:100%;
}
.circle-thumbs img{
  width:100%;
  height:auto;
  position:absolute;
  top:0;
  object-fit:cover;
}
.nav-open #guide-btn,.nav-open .hotel-nav,.guide-open .navbar,.guide-open .hotel-nav,.hotel-nav-open .navbar,.hotel-nav-open #guide-btn{visibility:hidden!important;opacity:0}

/* ==== deferred-styles回避 ==== */
.slick-slide{display:none;float:left;height:100%;min-height:1px}

.rotate{animation-name:rotate;animation-duration:15s;animation-timing-function:linear;animation-iteration-count:infinite;
}
@keyframes rotate{
  0%{transform:rotate(0)}
  100%{transform:rotate(360deg)}
}
/* 5 Columns */
.col-15,.col-sm-15,.col-md-15,.col-lg-15,.col-xl-15{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px;}
@media (min-width:576px){.col-sm-15{flex:0 0 20%;max-width:20%}}
@media (min-width:768px){.col-md-15{flex:0 0 20%;max-width:20%}}
@media (min-width:992px){.col-lg-15{flex:0 0 20%;max-width:20%}}
@media (min-width:1200px){.col-xl-15{flex:0 0 20%;max-width:20%}}