@font-face{
  font-family:'Material Icons';
  font-style:normal;
  font-weight:400;
  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: 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_sp.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  position:relative;
  height:260px;
  color:#fff;
}
header .inner{
  position:absolute;
  top:50%;
  right:0;
  left:0;
  transform:translateY(-50%);
  text-align:center;
}
@media (min-width:992px){
  header{background-image:url("../images/header_bg.jpg");height:340px}
}
@media (min-width: 576px){.container-fluid{max-width:540px}}
@media (min-width:768px){.container-fluid{max-width:720px}}
@media (min-width:992px){.container-fluid{max-width:960px}}
@media (min-width:1200px){.container-fluid{max-width:1140px}}
@media (min-width:1360px){.container-fluid{max-width:95%}}
section{position:relative}
img{-webkit-backface-visibility:hidden}
img[src=""]{display:none;}
iframe{width:100%;}
.overflow-hidden{overflow:hidden}
/* ==== 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-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}
      
.profile-icon{font-size:0}
.profile-icon li{width:60px;height:24px;font-size:12px;color:#ff6878;line-height:26px;background-color:#fff;margin-right:10px;display:inline-block}
.profile-icon li:last-child{margin-right:0}
#evaluate td span{display:block}
@media (max-width:767px){
  #evaluate td:first-child{border-top:none}
	#evaluate td{width:100%;display:inline-block}
	#evaluate td span{width:50%;display:inline-block}}

.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 .material-icons{vertical-align:middle;font-size:17px;top:-1px;position:relative}
.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)}
.btn-gradient.gradient-cyan{background-image:linear-gradient(to right, #26c6da, #0097a7, #0097a7, #40e4af)}
.btn-gradient.gradient-purple{background-image:linear-gradient(to right, #875bd8, #5d2abb, #5d2abb, #9C27B0)}
.btn-gradient.gradient-orange{background-image:linear-gradient(to right, #FF9800, #FF5722, #FF5722, #FFC107)}

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

.pt-7,.py-7{padding-top:6rem}
.pb-7,.py-7{padding-bottom:7rem}
.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}
}
/* ==== 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}
@media (max-width:991px){.card .card-body{padding:2rem 1rem}}

/* ==== slick slider ==== */
.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-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block; height:auto}
.slick-arrow.slick-hidden{display:none}
.slick-prev{left:0}
.slick-next{right:0}
.slick-arrow{position:absolute;top:50%;z-index:100;border:none;transform:translateY(-50%);color:#fff;font-size:16px;font-family:'Open Sans', sans-serif;font-weight:300;cursor:pointer}
.slider-profile .slick-slide{cursor:pointer}
.slider-profile .slick-slide.slick-active{cursor:default}
.slider-profile .slick-arrow{transition: all 0.3s linear}
.arrow_left{left:5%}
.arrow_right{right:5%}
.arrow_left:hover{left:3%}
.arrow_right:hover{right:3%}
.slider-profile .slick-arrow::before{
  display:block;
  content:"";
  width:36px;
  height:36px;
  border-right:1px solid #999;
  border-top:1px solid #999;
  transition: all 0.3s linear;
}
.arrow_left::before{transform:rotate(-135deg)}
.arrow_right::before{transform:rotate(45deg)}
.slider-profile .slick-arrow:hover::before{border-right:1px solid #333;border-top:1px solid #333}
.slider-profile.slick-dotted.slick-slider{margin-bottom:50px}
.profile-thumbs-img{
  position:relative;
  width:80px!important;
  height:80px!important;
  margin-right:15px;
  overflow:hidden;
  border-radius:50%;
}
.profile-thumbs-img:last-child{margin-right:0}
.profile-thumbs-img img{position:absolute;top:0}
.profile-thumbs-img img.horizontal{left:-100%;right:-100%;max-width:150%}
.slider-profile-thumb .slick-list{text-align:center}
.slider-profile-thumb .slick-track{width:auto!important;display:inline-block}
@media (max-width:575px){
.profile-thumbs-img{
  width:60px!important;
  height:60px!important;
  margin-right:10px;
}
}
@media (max-width:390px){
.profile-thumbs-img{
  width:50px!important;
  height:50px!important;
}
}

.spin-circle::before, .spin-circle::after{
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  box-sizing:inherit;
  border-radius:50%;
  z-index:1;
}
.spin-circle::before{border:1px solid transparent}
.spin-circle:hover::before{
  border-top-color:#24c5d2;
  border-bottom-color:#24c5d2;
  border-right-color:#24c5d2;
  transition:border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}
.spin-circle::after{border:0 solid transparent}
.spin-circle:hover::after{
  transform:rotate(270deg);
  border-top:1px solid #24c5d2;
  border-right-width:1px;
  border-left-width:1px;
  transition:transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
}
.spin-circle.slick-current::before{border:solid 1px #24c5d2}

/* ==== 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}
/* ==== table ==== */
table{margin:0!important}
table th{font-size:.9rem;font-weight:400}
table td{font-size:.8rem;font-weight:300}
table.table thead th{border-top:none}
table.table td,table.table th{padding-top:1.1rem;padding-bottom:1rem}
table.table a{margin:0;color:#212529}
table.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075);transition:.5s}
.table-fixed{width:100%;table-layout:fixed}
.table thead th{border-bottom-width:1px}
.border-top-none tr:first-child th, .border-top-none tr:first-child td{border-top:none}
@media (max-width:767px){
  .table-50-responsiv.border-top-none td:nth-child(n+3){border-top:1px solid #dee2e6}
  .table-50-responsiv td{width:50%;display:inline-block;border-left:0;border-bottom:0}
}
.nav-open #guide-btn,.guide-open .navbar{visibility:hidden!important;opacity:0}
/* ==== anime ==== */
.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%}}