@charset "UTF-8";
/* ===================================================================
CSS information
 file name  : homepage.css author     : Ability Consultant style info : トップページ
=================================================================== */
.con_fufutime .box_news, .con_movie { max-width: 1200px; margin: auto; }
@media only screen and (max-width: 1024px) { .con_fufutime .box_news, .con_movie { width: 95%; } }

.con_intro:after, .con_forest:after, .con_rooms:after, .con_rooms .box_rooms:after, .con_cuisine:after, .con_fufutime .container .box_time ul:after, .con_fufutime .box_news:after, .con_fufutime .box_news > ul:after, .con_fufutime .box_news > ul li:after, .con_access:after, .con_access .container:after { content: ""; display: table; clear: both; }

@keyframes animHomeHeaderLine { 0% { background-position: 0 -5em; }
  50% { background-position: 0 0; }
  100% { background-position: 0 5em; } }
a.disable { cursor: default; }

#loader_icon { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 99; }

@keyframes fadeInHeader { from { -moz-transform: translate(0, -50px); -ms-transform: translate(0, -50px); -webkit-transform: translate(0, -50px); transform: translate(0, -50px); }
  to { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
#header .con_header { position: absolute; width: 100%; left: 0; top: 0; background: #FFF; -moz-transform: translate(0, -150px); -ms-transform: translate(0, -150px); -webkit-transform: translate(0, -150px); transform: translate(0, -150px); }
#header .box_search_ep { -moz-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; }

.animate_active #header .con_header { animation-name: fadeInHeader; animation-duration: 1.5s; animation-delay: 1s; animation-fill-mode: forwards; }
.animate_active .box_search_ep { display: block; -moz-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; }

#loader_home { position: fixed; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 999999; background: #FFF; width: 100%; height: 100%; }
#loader_home img { width: 170px; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#loader_home svg { position: fixed; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#loader_home #wrap_all path { fill: #000; }
#loader_home #wrap_all .st0 { animation: svg0 5s ease-in both infinite; }
#loader_home #wrap_all .st1 { animation: svg1 5s ease-in both infinite; }
#loader_home #wrap_all .st1_2 { animation: svg1_2 5s ease-in both infinite; }
#loader_home #wrap_all .st2 { animation: svg2 5s ease-in both infinite; }
#loader_home #wrap_all .st3 { animation: svg3 5s ease-in both infinite; }

@keyframes svg1 { 0% { fill: transparent; }
  30% { fill: #000; }
  100% { fill: #000; } }
@keyframes svg1_2 { 0% { fill: transparent; }
  20% { fill: transparent; }
  40% { fill: #000; }
  100% { fill: #000; } }
@keyframes svg0 { 0% { fill: transparent; }
  30% { fill: transparent; }
  50% { fill: #bc0c16; }
  100% { fill: #bc0c16; } }
@keyframes svg2 { 0% { fill: transparent; }
  50% { fill: transparent; }
  60% { fill: #000; }
  100% { fill: #000; } }
@keyframes svg3 { 0% { fill: transparent; }
  60% { fill: transparent; }
  70% { fill: #000; }
  100% { fill: #000; } }
@keyframes fadeInLogo { from { opacity: 0; }
  to { opacity: 1; } }
#loader_after { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; z-index: 99; opacity: 0; animation-name: fadeInLogo; animation-duration: 1s; animation-fill-mode: forwards; }
@media only screen and (max-width: 767px) { #loader_after { width: 30%; top: 38%; text-align: center; } }

#header { position: relative; }

.intro_inview, .view_fadeIn, .room_fadeIn, .cuisine_fadeIn, .hotspring_fadeIn, .fac_fadeIn, .offer_fadeIn, .fufutime_fadeIn, .pickup_fadeIn, .access_fadeIn { -moz-transition: all 1s ease; -o-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; }

body.movieActive { overflow: hidden; }

body.movieActive #modal_movie .inner video { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }

#modal_movie { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); z-index: 110000; display: none; }
#modal_movie .inner { position: absolute; width: 100%; height: auto !important; left: 0; right: 0; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#modal_movie .inner video { width: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 800ms ease-out; -o-transition: opacity 800ms ease-out; -webkit-transition: opacity 800ms ease-out; transition: opacity 800ms ease-out; }
#modal_movie #obj_closeMov { color: #FFF; background: #353535; padding: .5em; position: absolute; top: 0; right: 0; width: 3em; height: 3em; z-index: 1000; text-align: center; font-family: "Times New Roman", serif; cursor: pointer; z-index: 1000; }

#modal_movie.ratioAdjust .inner { position: static; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }

@keyframes mymove { from { border-width: 0px; }
  to { border-width: 20px; } }
@keyframes mymoveSP { from { border-width: 0px; }
  to { border-width: 10px; } }
@keyframes myImage { from { background-position: 0 0; }
  to { background-position: -20px -72px;
    @media only screen and (max-width: 767px) { background-position: -10px -30px; } } }
@keyframes myopacity { from { opacity: 0; }
  to { opacity: 1; } }
.title_search_ep { opacity: 0; }

.animate_active #mainslider .slide { border: 0px solid #fff; animation-name: mymove; animation-duration: 1.5s; animation-delay: 1s; animation-fill-mode: forwards; }
@media only screen and (max-width: 767px) { .animate_active #mainslider .slide { animation-name: mymoveSP; } }
.animate_active .con_main .title_slider { animation-name: myopacity; animation-duration: 1.5s; animation-delay: 3s; animation-fill-mode: forwards; }
.animate_active .btn_search_expand .title_search_ep { animation-name: myopacity; animation-duration: .5s; animation-delay: 3s; animation-fill-mode: forwards; }

.con_main { position: relative; overflow: hidden; height: 100vh; width: 100%; border: 0px solid #fff; /* -----------------------------------------------------------
	#mainslider
----------------------------------------------------------- */ }
.con_main h2 { font-size: 400%; font-weight: 400; position: absolute; top: 50%; left: 5.72917%; -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); color: #FFF; z-index: 9; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_main h2 { font-size: 384%; } }
@media only screen and (max-width: 767px) { .con_main h2 { font-size: 267%; } }
@media only screen and (max-width: 767px) { .con_main h2 { text-align: center; left: 2.5%; width: 95%; } }
.con_main .title_slider { font-size: 184%; font-weight: 400; position: absolute; bottom: 14%; left: 5.20833%; color: #FFF; z-index: 9; letter-spacing: .2em; line-height: 2.5; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 1s ease 1s; -o-transition: opacity 1s ease 1s; -webkit-transition: opacity 1s ease; -webkit-transition-delay: 1s; transition: opacity 1s ease 1s; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_main .title_slider { font-size: 150%; } }
@media only screen and (max-width: 767px) { .con_main .title_slider { font-size: 117%; } }
@media only screen and (max-width: 767px) { .con_main .title_slider { width: 100%; bottom: inherit; top: 52%; left: 0; line-height: 2.5; letter-spacing: 12px; text-align: center; } }
@media only screen and (max-width: 320px) { .con_main .title_slider { top: 56%; } }
@media only screen and (min-width: 1300px) and (max-width: 1400px) { .con_main .title_slider { bottom: 4em; line-height: 1.5; } }
@media print { .con_main .title_slider { bottom: 4em; line-height: 1.5; } }
.ie8 .con_main .title_slider { bottom: 4em; line-height: 1.5; }
.con_main .title_slider span { font-size: 75%; letter-spacing: .1em; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_main .title_slider span { font-size: 75%; } }
@media only screen and (max-width: 767px) { .con_main .title_slider span { font-size: 75%; } }
.con_main .title_slider p { text-shadow: 2px 2px 5px #5e5e5e,-2px 2px 5px #5e5e5e,2px -2px 5px #5e5e5e,-2px -2px 5px #5e5e5e; }
.con_main .title_slider p span { font-size: 75%; letter-spacing: .0; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_main .title_slider p span { font-size: 75%; } }
@media only screen and (max-width: 767px) { .con_main .title_slider p span { font-size: 75%; } }
.con_main #mainslider { position: relative; width: 100%; height: 100%; z-index: 0; }
.con_main #mainslider .slide { height: 100%; width: 100%; outline: none; position: relative; min-height: 350px; background-size: cover; background-position: center; }
.con_main #mainslider .slide.img_main01 { background-image: url("../images/home/img_main01-pc.jpg"); }
.con_main #mainslider .slide.img_main02 { background-image: url("../images/home/img_main02-pc.jpg"); }
.con_main #mainslider .slide.img_main03 { background-image: url("../images/home/img_main03-pc.jpg"); }
.con_main #mainslider .slide.img_main04 { background-image: url("../images/home/img_main04-pc.jpg"); }
.con_main #mainslider .slide.img_main05 { background-image: url("../images/home/img_main05-pc.jpg"); }
.con_main #mainslider .slick-dots { text-align: right; bottom: -2.5em; z-index: 1; width: auto; position: absolute; left: 3%; bottom: 8%; left: 5.20833%; }
@media only screen and (max-width: 767px) { .con_main #mainslider .slick-dots { bottom: .5em; width: 100%; text-align: center; } }
.con_main #mainslider .slick-dots li { position: relative; width: 0.7rem; height: 0; padding-top: 0.7rem; margin: 0; display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; -moz-transition: background 300ms; -o-transition: background 300ms; -webkit-transition: background 300ms; transition: background 300ms; background: #FFF; }
.con_main #mainslider .slick-dots li:not(.slick-active) button { cursor: pointer; }
.mouse .con_main #mainslider .slick-dots li:not(.slick-active):hover, .touch .con_main #mainslider .slick-dots li:not(.slick-active).touchstart { background: #e3ad89; }
.touch .con_main #mainslider .slick-dots li:not(.slick-active) { -webkit-tap-highlight-color: transparent; }
.touch .con_main #mainslider .slick-dots li:not(.slick-active).touchend { -moz-transition-delay: 200ms; -o-transition-delay: 200ms; -webkit-transition-delay: 200ms; transition-delay: 200ms; }
.con_main #mainslider .slick-dots li:not(:first-child) { margin-left: 1.5em; }
@media only screen and (max-width: 767px) { .con_main #mainslider .slick-dots li:not(:first-child) { margin-left: 1em; } }
.con_main #mainslider .slick-dots li.slick-active { background-color: #c65b13; }
@media only screen and (max-width: 767px) { .con_main #mainslider .slick-dots li { width: 1em; padding-top: 1em; } }
.con_main #mainslider .slick-dots li button { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; margin: 0; padding: 0; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_main #mainslider .slick-dots { left: 5%; } }
@media only screen and (max-width: 767px) { .con_main #mainslider .slick-dots { bottom: 22%; left: 0; } }
.con_main #mainslider > div { display: none; }
.con_main #mainslider > div:first-child { display: block; }
.con_main #pageDown { text-align: center; position: absolute; z-index: 9; bottom: 0; left: 50%; margin-left: -1.5rem; }
@media only screen and (max-width: 767px) { .con_main #pageDown { top: auto; bottom: 0; } }
.con_main #pageDown a { height: 5rem; width: 3rem; display: block; position: relative; text-align: center; }
@media only screen and (max-width: 767px) { .con_main #pageDown a { height: 3rem; } }
.con_main #pageDown a:before { width: .1rem; height: 100%; content: ""; display: block; position: absolute; left: 50%; background: #FFF; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(70%, #ffffff), color-stop(70%, rgba(255, 255, 255, 0))); background: -moz-linear-gradient(top, #ffffff 70%, rgba(255, 255, 255, 0) 70%); background: -webkit-linear-gradient(top, #ffffff 70%, rgba(255, 255, 255, 0) 70%); background: linear-gradient(to bottom, #ffffff 70%, rgba(255, 255, 255, 0) 70%); animation: animHomeHeaderLine 2s ease forwards infinite; }

.con_intro { margin: 5.72917% 0; position: relative; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_intro { margin: 4rem 0; } }
@media only screen and (max-width: 767px) { .con_intro { margin: 2rem 0 4rem; } }
.con_intro .txt { font-size: 134%; line-height: 3; letter-spacing: 0.6rem; text-align: center; transition-delay: .5s; margin-bottom: 3.5rem; }
@media only screen and (max-width: 767px) { .con_intro .txt { line-height: 3; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_intro .txt { letter-spacing: 0.5rem; } }
@media only screen and (max-width: 767px) { .con_intro .txt { letter-spacing: 0.1rem; } }
@media only screen and (min-width: 768px) { .con_intro .txt { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
@media print { .con_intro .txt { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
.ie8 .con_intro .txt { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.con_intro:before { content: ""; background: url("../images/home/bg_fade01.png") center center no-repeat; width: 100%; height: 54rem; position: absolute; top: 40%; left: 55%; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: -1; }
@media only screen and (min-width: 768px) { .con_intro:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
@media print { .con_intro:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
.ie8 .con_intro:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.con_intro .btn { transition-delay: .6s; }
@media only screen and (min-width: 768px) { .con_intro .btn { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
@media print { .con_intro .btn { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
.ie8 .con_intro .btn { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.con_intro.bg_fadeIn:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; transition-delay: 7s; }

.con_forest { position: relative; z-index: 0; }
.con_forest:before { content: ""; background: url("../images/home/bg_line02.png") left top no-repeat; width: 735px; height: 533px; position: absolute; left: 0; top: 70%; z-index: -1; }
@media only screen and (min-width: 768px) { .con_forest:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
@media print { .con_forest:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
.ie8 .con_forest:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.con_forest .box_inner { background: url("../images/home/img_forest.jpg") left top no-repeat; background-size: cover; min-height: 690px; position: relative; width: 90.46875%; float: right; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_forest .box_inner { min-height: 600px; } }
@media only screen and (max-width: 767px) { .con_forest .box_inner { min-height: 500px; } }
@media only screen and (min-width: 768px) { .con_forest .box_inner { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
@media print { .con_forest .box_inner { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
.ie8 .con_forest .box_inner { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.con_forest .box_text { position: absolute; left: 6.62061%; top: 50%; -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); color: #FFF; }
@media only screen and (max-width: 767px) { .con_forest .box_text { top: 40%; } }
@media only screen and (min-width: 768px) { .con_forest .box_text { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
@media print { .con_forest .box_text { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
.ie8 .con_forest .box_text { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
@media only screen and (max-width: 767px) { .con_forest .box_text { right: 3%; } }
.con_forest .box_text .sst_forest { font-size: 134%; letter-spacing: 0.5em; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_forest .box_text .sst_forest { font-size: 134%; } }
@media only screen and (max-width: 767px) { .con_forest .box_text .sst_forest { font-size: 126%; } }
@media only screen and (max-width: 767px) { .con_forest .box_text .sst_forest { letter-spacing: 0.1em; } }
.con_forest .box_text h3 { font-size: 234%; letter-spacing: 1em; font-weight: normal; line-height: 3; margin: 1em 0; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_forest .box_text h3 { font-size: 226%; } }
@media only screen and (max-width: 767px) { .con_forest .box_text h3 { font-size: 217%; } }
@media only screen and (max-width: 767px) { .con_forest .box_text h3 { letter-spacing: 0.1em; } }
@media only screen and (max-width: 767px) { .con_forest .box_text h3 { line-height: 1.5; } }
@media only screen and (max-width: 767px) { .con_forest .box_text h3 { margin: 0.5em 0; } }
.con_forest .box_text .txt { font-size: 117%; line-height: 2.5; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_forest .box_text .txt { font-size: 109%; } }
@media only screen and (max-width: 767px) { .con_forest .box_text .txt { font-size: 109%; } }
@media only screen and (max-width: 767px) { .con_forest .box_text .txt { line-height: 1.8; } }
.con_forest .st_forest { position: absolute; right: 101%; writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; letter-spacing: .3em; font-size: 109%; }
@media only screen and (min-width: 768px) { .con_forest .st_forest { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
@media print { .con_forest .st_forest { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
.ie8 .con_forest .st_forest { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.con_forest .btn { position: absolute; left: 0; bottom: 0; background: #FFF; padding: 1em; }
@media only screen and (max-width: 767px) { .con_forest .btn { width: 100%; } }
.con_forest .btn a { display: block; }
.con_forest .btn a:before { display: none; }
.con_forest.bg_fadeIn:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; transition-delay: 2s; }

.con_rooms { margin: 9.89583% 0 5.72917%; z-index: 0; position: relative; }
@media only screen and (max-width: 767px) { .con_rooms { margin: 2rem 0; } }
.con_rooms:before { content: ""; background: url("../images/home/bg_fade03.png") left top no-repeat; width: 89.58333%; height: 60rem; position: absolute; right: 0; top: 50%; z-index: -1; }
@media only screen and (min-width: 768px) { .con_rooms:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
@media print { .con_rooms:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
.ie8 .con_rooms:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
@media only screen and (min-width: 768px) { .con_rooms h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
@media print { .con_rooms h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
.ie8 .con_rooms h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.con_rooms .box_rooms .container { position: relative; max-width: 1698px; }
.con_rooms .box_rooms .container .box_img { background-size: cover; }
@media only screen and (min-width: 1025px) { .con_rooms .box_rooms .container .box_img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; right: 30.17789%; top: 0; width: 71.02922%; }
  .con_rooms .box_rooms .container .box_img img { width: 100%; } }
@media print { .con_rooms .box_rooms .container .box_img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; right: 30.17789%; top: 0; width: 71.02922%; }
  .con_rooms .box_rooms .container .box_img img { width: 100%; } }
.ie8 .con_rooms .box_rooms .container .box_img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; right: 30.17789%; top: 0; width: 71.02922%; }
.ie8 .con_rooms .box_rooms .container .box_img img { width: 100%; }
@media only screen and (max-width: 1024px) { .con_rooms .box_rooms .container .box_img { width: 100%; margin-bottom: 1rem; } }
.con_rooms .box_rooms .container .box_img img { width: 100%; }
.con_rooms .box_rooms .container .box_text { width: 29.03431%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_rooms .box_rooms .container .box_text { width: 100%; } }
@media only screen and (max-width: 767px) { .con_rooms .box_rooms .container .box_text { width: 100%; } }
@media only screen and (min-width: 1025px) { .con_rooms .box_rooms .container .box_text { float: right; } }
@media print { .con_rooms .box_rooms .container .box_text { float: right; } }
.ie8 .con_rooms .box_rooms .container .box_text { float: right; }
@media only screen and (max-width: 1024px) { .con_rooms .box_rooms .container .box_text { display: flex; } }
.con_rooms .box_rooms .container .box_text .img_room { margin-bottom: 4.00254%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_rooms .box_rooms .container .box_text .img_room { margin-bottom: 3.49428%; } }
@media only screen and (max-width: 767px) { .con_rooms .box_rooms .container .box_text .img_room { margin-bottom: 0; } }
@media only screen and (min-width: 1025px) { .con_rooms .box_rooms .container .box_text .img_room { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
@media print { .con_rooms .box_rooms .container .box_text .img_room { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
.ie8 .con_rooms .box_rooms .container .box_text .img_room { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.con_rooms .box_rooms .container .box_text .img_room:last-child { margin-bottom: 0; }
@media only screen and (max-width: 1024px) { .con_rooms .box_rooms .container .box_text .img_room:last-child { margin-left: 1rem; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_rooms .box_rooms .container .box_text .img_room img { width: 100%; } }
.con_rooms .box_rooms_view { overflow: hidden; *zoom: 1; margin: 1em auto 0; padding: 35px 58px 58px 58px; text-align: center; }
@media only screen and (max-width: 767px) { .con_rooms .box_rooms_view { margin: 1em auto; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_rooms .box_rooms_view { padding: 30px; } }
@media only screen and (max-width: 767px) { .con_rooms .box_rooms_view { padding: 2%; } }
.con_rooms .box_rooms_view.container { max-width: unset; }
.con_rooms .box_rooms_view h4 { font-size: 200%; line-height: 1.3; font-weight: normal; letter-spacing: 0.2em; margin-bottom: 1em; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_rooms .box_rooms_view h4 { font-size: 175%; } }
@media only screen and (max-width: 767px) { .con_rooms .box_rooms_view h4 { font-size: 150%; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_rooms .box_rooms_view h4 { letter-spacing: 0.1px; } }
@media only screen and (max-width: 767px) { .con_rooms .box_rooms_view h4 { letter-spacing: 0.1px; } }
.con_rooms .box_rooms_view .txt { max-width: 620px; margin: auto; font-size: 117%; line-height: 2.5; letter-spacing: 0.14em; text-align: center; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_rooms .box_rooms_view .txt { letter-spacing: 0.1px; } }
@media only screen and (max-width: 767px) { .con_rooms .box_rooms_view .txt { letter-spacing: 0.1px; } }
@media only screen and (max-width: 767px) { .con_rooms .box_rooms_view .txt { width: 95%; line-height: 2; } }
.con_rooms .box_rooms_view .btn { margin-top: 3rem; }
.con_rooms .box_rooms_view .btn a { display: block; }
.con_rooms.bg_fadeIn:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; transition-delay: 2s; }

.list_image li { padding: 0 0.5rem; }
@media only screen and (max-width: 767px) { .list_image li { padding: 0 0.5rem; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .list_image li img { max-height: 340px; } }
@media only screen and (max-width: 767px) { .list_image li img { max-height: 240px; } }

.con_cuisine { margin: 185px 0 80px; z-index: 0; position: relative; }
@media only screen and (max-width: 767px) { .con_cuisine { margin: 2em 0; } }
@media only screen and (min-width: 768px) { .con_cuisine h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
@media print { .con_cuisine h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
.ie8 .con_cuisine h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.con_cuisine.bg_cusine { position: relative; z-index: 0; }
.con_cuisine.bg_cusine:before { content: ""; background: url("../images/home/bg_fade04.png") left top no-repeat; width: 1203px; height: 609px; position: absolute; left: 0; top: 80%; z-index: -1; }
@media only screen and (min-width: 768px) { .con_cuisine.bg_cusine:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
@media print { .con_cuisine.bg_cusine:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
.ie8 .con_cuisine.bg_cusine:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.con_cuisine.bg_cusine.bg_fadeIn:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; transition-delay: 3s; }
.con_cuisine.bg_hotspring { position: relative; z-index: 0; }
.con_cuisine.bg_hotspring:before { content: ""; background: url("../images/home/bg_fade05.png") left top no-repeat; width: 814px; height: 560px; position: absolute; right: 0; top: 80%; z-index: -1; }
@media only screen and (min-width: 768px) { .con_cuisine.bg_hotspring:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
@media print { .con_cuisine.bg_hotspring:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
.ie8 .con_cuisine.bg_hotspring:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.con_cuisine.bg_hotspring.bg_fadeIn:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; transition-delay: 3s; }
@media only screen and (min-width: 768px) { .con_cuisine .list_image { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
@media print { .con_cuisine .list_image { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
.ie8 .con_cuisine .list_image { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.con_cuisine .container { padding: 4em 0; }
@media only screen and (max-width: 767px) { .con_cuisine .container { padding: 2em 0; } }
@media only screen and (min-width: 768px) { .con_cuisine .container { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
@media print { .con_cuisine .container { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
.ie8 .con_cuisine .container { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.con_cuisine h4 { text-align: center; font-size: 200%; line-height: 1.3; font-weight: normal; letter-spacing: 0.2em; margin-bottom: 1em; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_cuisine h4 { font-size: 175%; } }
@media only screen and (max-width: 767px) { .con_cuisine h4 { font-size: 150%; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_cuisine h4 { letter-spacing: 0.1px; } }
@media only screen and (max-width: 767px) { .con_cuisine h4 { letter-spacing: 0.1px; } }
.con_cuisine .txt { max-width: 620px; margin: auto; font-size: 117%; line-height: 2.5; letter-spacing: 0.14em; text-align: center; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_cuisine .txt { letter-spacing: 0.1px; } }
@media only screen and (max-width: 767px) { .con_cuisine .txt { letter-spacing: 0.1px; } }
@media only screen and (max-width: 767px) { .con_cuisine .txt { width: 95%; line-height: 2; } }
.con_cuisine .btn { margin-top: 3em; }

.con_facilities { overflow: hidden; *zoom: 1; padding: 4.0625%; }
@media only screen and (min-width: 768px) { .con_facilities h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
@media print { .con_facilities h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
.ie8 .con_facilities h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.con_facilities .list_fac { overflow: hidden; *zoom: 1; }
@media only screen and (max-width: 767px) { .con_facilities .list_fac { display: flex; flex-wrap: wrap; margin-left: -7px; margin-right: -7px; } }
.con_facilities .list_fac li { width: 32.76125%; margin-right: 0.85812%; float: left; overflow: hidden; *zoom: 1; margin-bottom: 0.80092%; }
.con_facilities .list_fac li:nth-of-type(3n) { margin-right: 0; }
@media only screen and (max-width: 767px) { .con_facilities .list_fac li { float: none; display: inline-block; width: 25%; } }
@media only screen and (min-width: 768px) { .con_facilities .list_fac li { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
@media print { .con_facilities .list_fac li { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
.ie8 .con_facilities .list_fac li { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
@media only screen and (max-width: 767px) { .con_facilities .list_fac li { width: 50%; padding-left: 7px; padding-right: 7px; margin-right: 0; } }
.con_facilities .list_fac li .box_img { overflow: hidden; *zoom: 1; }
.con_facilities .list_fac li .box_img img { width: 100%; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.con_facilities .list_fac li .box_title { width: 100%; text-align: center; z-index: 1; padding: 2.5em 0; color: #615b54; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; min-height: 50px; display: flex; justify-content: center; align-items: center; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_facilities .list_fac li .box_title { min-height: 30px; } }
@media only screen and (max-width: 767px) { .con_facilities .list_fac li .box_title { min-height: inherit; } }
@media only screen and (min-width: 768px) { .con_facilities .list_fac li .box_title { background: rgba(0, 0, 0, 0.5); color: #FFF; position: absolute; left: 0; top: 100%; } }
@media print { .con_facilities .list_fac li .box_title { background: rgba(0, 0, 0, 0.5); color: #FFF; position: absolute; left: 0; top: 100%; } }
.ie8 .con_facilities .list_fac li .box_title { background: rgba(0, 0, 0, 0.5); color: #FFF; position: absolute; left: 0; top: 100%; }
@media only screen and (min-width: 1700px) { .con_facilities .list_fac li .box_title { min-height: 80px; } }
@media print { .con_facilities .list_fac li .box_title { min-height: 80px; } }
.ie8 .con_facilities .list_fac li .box_title { min-height: 80px; }
.con_facilities .list_fac li .box_title h4 { font-weight: normal; }
.con_facilities .list_fac li .box_title h4 span { display: block; }
.con_facilities .list_fac li .box_title h4 span.eng { font-size: 84%; font-family: "Gilda Display", serif; text-transform: uppercase; letter-spacing: .8em; margin-bottom: 2em; display: none; }
.con_facilities .list_fac li .box_title h4 span.jp { font-weight: 400; letter-spacing: 0.2em; font-size: 117%; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_facilities .list_fac li .box_title h4 span.jp { letter-spacing: 0.2em; } }
@media only screen and (max-width: 767px) { .con_facilities .list_fac li .box_title h4 span.jp { letter-spacing: 0.2em; } }
.con_facilities .list_fac li a { display: block; text-decoration: none; color: #FFF; position: relative; line-height: 1; }
.con_facilities .list_fac li a:hover .box_img { overflow: hidden; *zoom: 1; }
.con_facilities .list_fac li a:hover .box_img img { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.con_facilities .list_fac li a:hover .box_title { top: 80%; }

.con_offer { overflow: hidden; *zoom: 1; background: #f5f2ee; padding: 5em 0; }
@media only screen and (max-width: 767px) { .con_offer { padding: 3em 0; } }
@media only screen and (min-width: 768px) { .con_offer h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
@media print { .con_offer h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
.ie8 .con_offer h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.con_offer .list_offer { overflow: hidden; *zoom: 1; }
.con_offer .list_offer li { width: 25%; margin-right: 0; float: left; overflow: hidden; *zoom: 1; }
.con_offer .list_offer li:nth-of-type(4n) { margin-right: 0; }
@media only screen and (max-width: 767px) { .con_offer .list_offer li { float: none; display: inline-block; width: 25%; } }
@media only screen and (min-width: 768px) { .con_offer .list_offer li { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
@media print { .con_offer .list_offer li { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
.ie8 .con_offer .list_offer li { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.con_offer .list_offer li .box_img { margin-bottom: 1em; }
.con_offer .list_offer li .box_img img { width: 100%; }
@media only screen and (max-width: 767px) { .con_offer .list_offer li .box_img { width: 40%; float: left; } }
.con_offer .list_offer li a { text-decoration: none; display: block; }
.con_offer .list_offer li h4 { font-size: 109%; text-decoration: underline; margin-bottom: 1em; }
.con_offer .list_offer li .txt { font-size: 109%; }
@media only screen and (max-width: 767px) { .con_offer .list_offer li .txt { display: none; } }
.con_offer .list_offer li .box_text { padding: 0 2em 1em; position: relative; }
@media only screen and (min-width: 768px) { .con_offer .list_offer li .box_text { border-right: 1px solid #b4aca3; } }
@media print { .con_offer .list_offer li .box_text { border-right: 1px solid #b4aca3; } }
.ie8 .con_offer .list_offer li .box_text { border-right: 1px solid #b4aca3; }
@media only screen and (max-width: 767px) { .con_offer .list_offer li .box_text { padding: 0; width: 55%; float: right; } }
.con_offer .list_offer li:last-child .box_text { border-right: none; }

.con_fufutime { overflow: hidden; *zoom: 1; }
@media only screen and (min-width: 768px) { .con_fufutime h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
@media print { .con_fufutime h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
.ie8 .con_fufutime h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.con_fufutime .container { max-width: 1764px; }
.con_fufutime .container .box_fufutime { background: url("../images/home/bg_time.jpg") center center no-repeat; height: 680px; background-size: cover; position: relative; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_fufutime .container .box_fufutime { height: 500px; } }
@media only screen and (max-width: 767px) { .con_fufutime .container .box_fufutime { height: 500px; } }
.con_fufutime .container .box_fufutime .box_text_time { position: absolute; width: 766px; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9; color: #FFF; }
@media only screen and (max-width: 767px) { .con_fufutime .container .box_fufutime .box_text_time { width: 100%; } }
.con_fufutime .container h4 { text-align: center; font-size: 334%; text-transform: uppercase; font-weight: normal; letter-spacing: .1em; margin-bottom: 1em; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_fufutime .container h4 { font-size: 292%; } }
@media only screen and (max-width: 767px) { .con_fufutime .container h4 { font-size: 267%; } }
.con_fufutime .container .box_time ul { width: 100%; padding: 1em 1em; }
.con_fufutime .container .box_time ul li { width: 11.11111%; float: left; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.3); }
.con_fufutime .container .box_time ul li span { display: block; position: relative; padding: 1.2em 0 0; font-family: "Gilda Display", serif; font-size: 117%; }
.con_fufutime .container .box_time ul li span:before { content: ""; width: 5px; height: 5px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #FFF; position: absolute; left: 50%; top: -3px; }
.con_fufutime .container .box_time ul li.active span:after { content: ""; width: 20px; height: 20px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #FFF; position: absolute; left: 50%; top: -11px; margin-left: -8px; }
.con_fufutime .container h5 { text-align: center; font-size: 200%; font-weight: normal; margin: 1em 0; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_fufutime .container h5 { font-size: 192%; } }
@media only screen and (max-width: 767px) { .con_fufutime .container h5 { font-size: 184%; } }
.con_fufutime .container .txt { text-align: center; font-size: 117%; font-weight: normal; margin: 1em 0; }
.con_fufutime .box_news { margin: 3rem auto 8rem; }
@media only screen and (max-width: 767px) { .con_fufutime .box_news { margin: 2rem auto; } }
.con_fufutime .box_news h4 { font-size: 150%; letter-spacing: 1rem; margin-bottom: 2rem; }
@media only screen and (min-width: 768px) { .con_fufutime .box_news h4 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
@media print { .con_fufutime .box_news h4 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
.ie8 .con_fufutime .box_news h4 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.con_fufutime .box_news > ul { padding-bottom: 1rem; }
@media only screen and (max-width: 767px) { .con_fufutime .box_news > ul { padding-bottom: 3rem; } }
.con_fufutime .box_news > ul li { display: table; }
@media only screen and (min-width: 768px) { .con_fufutime .box_news > ul li { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
@media print { .con_fufutime .box_news > ul li { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
.ie8 .con_fufutime .box_news > ul li { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.con_fufutime .box_news > ul li a { display: block; padding: .8rem 0; text-decoration: none; font-size: 117%; }
@media only screen and (max-width: 1024px) { .con_fufutime .box_news > ul li .col_sp { display: flex; align-items: center; padding-bottom: 1rem; } }
.con_fufutime .box_news > ul li div { display: table-cell; vertical-align: middle; letter-spacing: .2rem; }
@media only screen and (max-width: 767px) { .con_fufutime .box_news > ul li div { display: block; } }
.con_fufutime .box_news > ul li div.cat span { display: inline-block; padding: .05rem 1rem; background: #615b54; color: #FFF; font-size: 100%; }
.con_fufutime .box_news > ul li div.date { padding: 0 1.5rem; }
.con_fufutime .box_news > ul li div.title { text-decoration: underline; }
.con_fufutime .box_news > ul .slick-dots { text-align: right; bottom: -2.5em; z-index: 1; width: auto; position: absolute; left: 3%; }
@media only screen and (max-width: 767px) { .con_fufutime .box_news > ul .slick-dots { bottom: .5em; width: 100%; text-align: center; } }
.con_fufutime .box_news > ul .slick-dots li { position: relative; width: 0.7rem; height: 0; padding-top: 0.7rem; margin: 0; display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; -moz-transition: background 300ms; -o-transition: background 300ms; -webkit-transition: background 300ms; transition: background 300ms; background: #d9d9d9; }
.con_fufutime .box_news > ul .slick-dots li:not(.slick-active) button { cursor: pointer; }
.mouse .con_fufutime .box_news > ul .slick-dots li:not(.slick-active):hover, .touch .con_fufutime .box_news > ul .slick-dots li:not(.slick-active).touchstart { background: #d09a76; }
.touch .con_fufutime .box_news > ul .slick-dots li:not(.slick-active) { -webkit-tap-highlight-color: transparent; }
.touch .con_fufutime .box_news > ul .slick-dots li:not(.slick-active).touchend { -moz-transition-delay: 200ms; -o-transition-delay: 200ms; -webkit-transition-delay: 200ms; transition-delay: 200ms; }
.con_fufutime .box_news > ul .slick-dots li:not(:first-child) { margin-left: 1.5em; }
@media only screen and (max-width: 767px) { .con_fufutime .box_news > ul .slick-dots li:not(:first-child) { margin-left: 1em; } }
.con_fufutime .box_news > ul .slick-dots li.slick-active { background-color: #c65b13; }
@media only screen and (max-width: 767px) { .con_fufutime .box_news > ul .slick-dots li { width: 1em; padding-top: 1em; } }
.con_fufutime .box_news > ul .slick-dots li button { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; margin: 0; padding: 0; }
@media only screen and (max-width: 767px) { .con_fufutime .box_news > ul .slick-dots { bottom: 2rem; left: 0; } }
.con_fufutime .box_news > ul .slick-dots li:not(:first-child) { margin-left: 2rem; }
.con_fufutime .box_news .btn_border { padding: 1rem 0; }
@media only screen and (min-width: 768px) { .con_fufutime .box_news .btn_border { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
@media print { .con_fufutime .box_news .btn_border { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
.ie8 .con_fufutime .box_news .btn_border { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.con_fufutime .box_news .btn_border a { margin-left: 0; }

.con_movie { padding: 1.04167% 0 7.29167%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_movie { padding: 2rem 0 9rem; } }
@media only screen and (max-width: 767px) { .con_movie { padding: 2rem 0 4rem; } }
.con_movie .box_movie { position: relative; overflow: hidden; }
.con_movie .box_movie video { width: 100%; }
.con_movie .box_movie .video-btn { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 12%; cursor: pointer; }
@media only screen and (max-width: 1024px) { .con_movie .box_movie .btn_movie .fa { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; text-decoration: none; display: inline-block; border: 1px solid #000; width: 4rem; height: 4rem; line-height: 4rem; color: #fff; font-size: 100%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border-color: #FFF; }
  .con_movie .box_movie .btn_movie .fa:before { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

.con_timeline { position: relative; overflow: hidden; *zoom: 1; }
@media only screen and (min-width: 768px) { .con_timeline { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
@media print { .con_timeline { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
.ie8 .con_timeline { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.con_timeline #slider_time { position: relative; max-width: 1764px; height: 680px; margin: auto; z-index: 0; }
@media only screen and (max-width: 767px) { .con_timeline #slider_time { height: 500px; } }
.con_timeline #slider_time .slide { height: 680px; width: 100%; outline: none; position: relative; }
@media only screen and (max-width: 767px) { .con_timeline #slider_time .slide { height: 500px; } }
.con_timeline #slider_time .slide .st_slider { position: absolute; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 0; top: 50%; text-align: center; -moz-transform: translate(0, -40%); -ms-transform: translate(0, -40%); -webkit-transform: translate(0, -40%); transform: translate(0, -40%); color: #FFF; }
@media only screen and (max-width: 767px) { .con_timeline #slider_time .slide .st_slider { top: 50%; } }
.con_timeline #slider_time .slide .st_slider h4 { text-align: center; font-size: 334%; text-transform: uppercase; font-weight: normal; letter-spacing: .1em; margin-bottom: 2.2em; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_timeline #slider_time .slide .st_slider h4 { font-size: 292%; } }
@media only screen and (max-width: 767px) { .con_timeline #slider_time .slide .st_slider h4 { font-size: 267%; } }
.con_timeline #slider_time .slide .st_slider h5 { text-align: center; font-size: 200%; font-weight: normal; margin: 1em 0; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_timeline #slider_time .slide .st_slider h5 { font-size: 192%; } }
@media only screen and (max-width: 767px) { .con_timeline #slider_time .slide .st_slider h5 { font-size: 184%; } }
.con_timeline #slider_time .slide .st_slider .txt { text-align: center; font-size: 117%; font-weight: normal; margin: 1em 0; }
.con_timeline #slider_time .slide.img_main01 { background: url(../images/home/bg_time.jpg) no-repeat center center; background-size: cover; }
.con_timeline #slider_time .slide.img_main02 { background: url(../images/home/bg_time.jpg) no-repeat center center; background-size: cover; }
.con_timeline #slider_time .slide.img_main03 { background: url(../images/home/bg_time.jpg) no-repeat center center; background-size: cover; }
.con_timeline #slider_time .slide.img_main04 { background: url(../images/home/bg_time.jpg) no-repeat center center; background-size: cover; }
.con_timeline #slider_time .slide.img_main05 { background: url(../images/home/bg_time.jpg) no-repeat center center; background-size: cover; }
.con_timeline #slider_time .slide.img_main06 { background: url(../images/home/bg_time.jpg) no-repeat center center; background-size: cover; }
.con_timeline #slider_time .slide.img_main07 { background: url(../images/home/bg_time.jpg) no-repeat center center; background-size: cover; }
.con_timeline #slider_time .slide.img_main08 { background: url(../images/home/bg_time.jpg) no-repeat center center; background-size: cover; }
.con_timeline #slider_time .slide.img_main09 { background: url(../images/home/bg_time.jpg) no-repeat center center; background-size: cover; }
.con_timeline #slider_time .slide.img_main10 { background: url(../images/home/bg_time.jpg) no-repeat center center; background-size: cover; }
.con_timeline #slider_time .slide.img_main11 { background: url(../images/home/bg_time.jpg) no-repeat center center; background-size: cover; }
.con_timeline #slider_time .slide.img_main12 { background: url(../images/home/bg_time.jpg) no-repeat center center; background-size: cover; }
.con_timeline #slider_time .slide.img_main13 { background: url(../images/home/bg_time.jpg) no-repeat center center; background-size: cover; }
.con_timeline #slider_time .slick-dots { text-align: right; bottom: -2.5em; z-index: 1; width: auto; position: absolute; left: 50%; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); bottom: 50%; }
@media only screen and (max-width: 767px) { .con_timeline #slider_time .slick-dots { bottom: .5em; width: 100%; text-align: center; } }
.con_timeline #slider_time .slick-dots li { position: relative; width: 5px; height: 0; padding-top: 5px; margin: 0; display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; -moz-transition: background 300ms; -o-transition: background 300ms; -webkit-transition: background 300ms; transition: background 300ms; background: #FFF; }
.con_timeline #slider_time .slick-dots li:not(.slick-active) button { cursor: pointer; }
.mouse .con_timeline #slider_time .slick-dots li:not(.slick-active):hover, .touch .con_timeline #slider_time .slick-dots li:not(.slick-active).touchstart { background: white; }
.touch .con_timeline #slider_time .slick-dots li:not(.slick-active) { -webkit-tap-highlight-color: transparent; }
.touch .con_timeline #slider_time .slick-dots li:not(.slick-active).touchend { -moz-transition-delay: 200ms; -o-transition-delay: 200ms; -webkit-transition-delay: 200ms; transition-delay: 200ms; }
.con_timeline #slider_time .slick-dots li:not(:first-child) { margin-left: 1.5em; }
@media only screen and (max-width: 767px) { .con_timeline #slider_time .slick-dots li:not(:first-child) { margin-left: 1em; } }
.con_timeline #slider_time .slick-dots li.slick-active { background-color: #FFF; }
@media only screen and (max-width: 767px) { .con_timeline #slider_time .slick-dots li { width: 1em; padding-top: 1em; } }
.con_timeline #slider_time .slick-dots li button { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; margin: 0; padding: 0; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_timeline #slider_time .slick-dots { bottom: 50%; } }
@media only screen and (max-width: 767px) { .con_timeline #slider_time .slick-dots { bottom: 50%; } }
.con_timeline #slider_time .slick-dots:before { content: ""; width: 120%; height: 1px; background: rgba(255, 255, 255, 0.2); position: absolute; z-index: -1; left: -10%; margin-top: 10px; }
@media only screen and (max-width: 767px) { .con_timeline #slider_time .slick-dots:before { width: 120%; } }
.con_timeline #slider_time .slick-dots li { overflow: visible; text-align: center; }
.con_timeline #slider_time .slick-dots li:before { padding-top: 1em; display: inline-block; vertical-align: middle; color: #FFF; position: absolute; left: 50%; font-family: "Gilda Display", serif; letter-spacing: .1em; font-size: 117%; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
@media only screen and (max-width: 767px) { .con_timeline #slider_time .slick-dots li:before { display: none; } }
.con_timeline #slider_time .slick-dots li:nth-child(1):before { content: "15:00"; }
.con_timeline #slider_time .slick-dots li:nth-child(2):before { content: "15:30"; }
.con_timeline #slider_time .slick-dots li:nth-child(3):before { content: "16:00"; }
.con_timeline #slider_time .slick-dots li:nth-child(4):before { content: "19:00"; }
.con_timeline #slider_time .slick-dots li:nth-child(5):before { content: "21:00"; }
.con_timeline #slider_time .slick-dots li:nth-child(6):before { content: "22:00"; }
.con_timeline #slider_time .slick-dots li:nth-child(7):before { content: "8:00"; }
.con_timeline #slider_time .slick-dots li:nth-child(8):before { content: "9:00"; }
.con_timeline #slider_time .slick-dots li:nth-child(9):before { content: "10:00"; }
.con_timeline #slider_time .slick-dots li:not(:first-child) { margin-left: 55px; }
@media only screen and (max-width: 767px) { .con_timeline #slider_time .slick-dots li:not(:first-child) { margin-left: 1em; } }
.con_timeline #slider_time .slick-dots li.slick-active { position: relative; }
.con_timeline #slider_time .slick-dots li.slick-active:after { content: ""; width: 13px; height: 13px; border: 1px solid #FFF; position: absolute; display: block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; top: -5px; left: -5px; }
@media only screen and (max-width: 767px) { .con_timeline #slider_time .slick-dots li { margin-left: 8px; width: 8px; padding-top: 8px; }
  .con_timeline #slider_time .slick-dots li:not(:first-child) { margin-left: 2em; }
  .con_timeline #slider_time .slick-dots li.slick-active { position: relative; }
  .con_timeline #slider_time .slick-dots li.slick-active:before { display: block; }
  .con_timeline #slider_time .slick-dots li.slick-active:after { top: -4px; left: -4px; } }

.con_pickup { overflow: hidden; *zoom: 1; padding: 4.0625% 4.0625% 0 4.0625%; position: relative; z-index: 1; }
.con_pickup h3 { margin-bottom: 1rem; letter-spacing: .8rem; font-size: .8rem; }
@media only screen and (min-width: 768px) { .con_pickup h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
@media print { .con_pickup h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
.ie8 .con_pickup h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
@media only screen and (max-width: 767px) { .con_pickup h3 { text-align: center; } }
.con_pickup .container { max-width: 1765px; }
.con_pickup .list_pickup { overflow: hidden; *zoom: 1; }
@media only screen and (max-width: 767px) { .con_pickup .list_pickup { display: flex; flex-wrap: wrap; } }
.con_pickup .list_pickup li { float: left; overflow: hidden; *zoom: 1; position: relative; }
@media only screen and (min-width: 768px) { .con_pickup .list_pickup li { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
  .con_pickup .list_pickup li:first-child { width: 49.06516%; margin-right: 0.7932%; }
  .con_pickup .list_pickup li:nth-child(2) { width: 50.14164%; margin-bottom: 0.7932%; }
  .con_pickup .list_pickup li:nth-child(3) { margin-right: 0.7932%; width: 24.67422%; }
  .con_pickup .list_pickup li:nth-child(4) { width: 24.67422%; } }
@media print { .con_pickup .list_pickup li { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
  .con_pickup .list_pickup li:first-child { width: 49.06516%; margin-right: 0.7932%; }
  .con_pickup .list_pickup li:nth-child(2) { width: 50.14164%; margin-bottom: 0.7932%; }
  .con_pickup .list_pickup li:nth-child(3) { margin-right: 0.7932%; width: 24.67422%; }
  .con_pickup .list_pickup li:nth-child(4) { width: 24.67422%; } }
.ie8 .con_pickup .list_pickup li { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.ie8 .con_pickup .list_pickup li:first-child { width: 49.06516%; margin-right: 0.7932%; }
.ie8 .con_pickup .list_pickup li:nth-child(2) { width: 50.14164%; margin-bottom: 0.7932%; }
.ie8 .con_pickup .list_pickup li:nth-child(3) { margin-right: 0.7932%; width: 24.67422%; }
.ie8 .con_pickup .list_pickup li:nth-child(4) { width: 24.67422%; }
@media only screen and (max-width: 767px) { .con_pickup .list_pickup li { margin-bottom: 1rem; width: 100%; }
  .con_pickup .list_pickup li:nth-child(3) { width: 50%; padding-right: .5rem; }
  .con_pickup .list_pickup li:nth-child(4) { width: 50%; padding-left: .5rem; } }
.con_pickup .list_pickup li .img { overflow: hidden; width: 100%; }
.con_pickup .list_pickup li .img img { width: 100%; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.con_pickup .list_pickup li a { text-decoration: none; position: relative; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.con_pickup .list_pickup li a .box_title { position: absolute; z-index: 1; color: #FFF; width: 100%; }
.con_pickup .list_pickup li a .box_title span { display: block; text-align: center; margin: 0; }
.con_pickup .list_pickup li a .box_title span.eng { font-family: "Gilda Display", serif; text-transform: uppercase; letter-spacing: .3rem; font-size: .8rem; margin-bottom: 1.8rem; }
@media only screen and (max-width: 767px) { .con_pickup .list_pickup li a .box_title span.eng { margin-bottom: 0.5rem; } }
.con_pickup .list_pickup li a .box_title span.jp { font-size: 1.5rem; font-weight: 500; letter-spacing: .3rem; }
@media only screen and (max-width: 767px) { .con_pickup .list_pickup li a .box_title span.jp { font-size: 1rem; } }
.con_pickup .list_pickup li a:hover .img img { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }

.con_access { position: relative; z-index: 0; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_access { padding: 3rem 0; } }
@media only screen and (max-width: 767px) { .con_access { background: url("../images/home/bg_access_sp.jpg") center bottom no-repeat; background-size: cover; padding: 3rem 0 32rem; } }
@media only screen and (min-width: 768px) { .con_access:before { content: ""; background: url("../images/home/bg_access.jpg") right top no-repeat; height: 100%; width: 100%; background-size: cover; position: absolute; bottom: 0; left: 0; z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } }
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) { .con_access:before { height: 100%; } }
@media only screen and (min-width: 768px) and (max-width: 767px) { .con_access:before { height: auto; } }
@media only screen and (min-width: 768px) { .con_access.bg_fadeIn:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; transition-delay: 2s; } }
@media print { .con_access:before { content: ""; background: url("../images/home/bg_access.jpg") right top no-repeat; height: 100%; width: 100%; background-size: cover; position: absolute; bottom: 0; left: 0; z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
  .con_access.bg_fadeIn:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; transition-delay: 2s; } }
.ie8 .con_access:before { content: ""; background: url("../images/home/bg_access.jpg") right top no-repeat; height: 100%; width: 100%; background-size: cover; position: absolute; bottom: 0; left: 0; z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .ie8 .con_access:before { height: 100%; } }
@media only screen and (max-width: 767px) { .ie8 .con_access:before { height: auto; } }
.ie8 .con_access.bg_fadeIn:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; transition-delay: 2s; }
.con_access .container { min-height: 61rem; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con_access .container { min-height: 430px; } }
@media only screen and (max-width: 767px) { .con_access .container { min-height: auto; } }
@media only screen and (min-width: 1025px) and (max-width: 1280px) { .con_access .container { min-height: 39rem; width: 90%; } }
@media print { .con_access .container { min-height: 39rem; width: 90%; } }
.ie8 .con_access .container { min-height: 39rem; width: 90%; }
@media only screen and (min-width: 1281px) and (max-width: 1440px) { .con_access .container { min-height: 49rem; width: 90%; } }
@media print { .con_access .container { min-height: 49rem; width: 90%; } }
.ie8 .con_access .container { min-height: 49rem; width: 90%; }
.con_access .container .box_text { max-width: 30%; }
@media only screen and (min-width: 1200px) and (max-width: 1440px) { .con_access .container .box_text { max-width: 42% !important; } }
@media print { .con_access .container .box_text { max-width: 42% !important; } }
.ie8 .con_access .container .box_text { max-width: 42% !important; }
@media only screen and (min-width: 1025px) { .con_access .container .box_text { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; top: 45%; -moz-transform: translate(0, -30%); -ms-transform: translate(0, -30%); -webkit-transform: translate(0, -30%); transform: translate(0, -30%); } }
@media print { .con_access .container .box_text { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; top: 45%; -moz-transform: translate(0, -30%); -ms-transform: translate(0, -30%); -webkit-transform: translate(0, -30%); transform: translate(0, -30%); } }
.ie8 .con_access .container .box_text { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; top: 45%; -moz-transform: translate(0, -30%); -ms-transform: translate(0, -30%); -webkit-transform: translate(0, -30%); transform: translate(0, -30%); }
@media only screen and (max-width: 767px) { .con_access .container .box_text { width: 100%; max-width: inherit; } }
.con_access .container .box_text h3 { margin-bottom: 2rem; }
.con_access .container .box_text h3 span { text-align: left; }
.con_access .container .box_text .txt { font-size: 1rem; line-height: 2.5; letter-spacing: .2em; }
.con_access .container .box_text .btn_border { margin-top: 2rem; text-align: left; }
.con_access .container .box_text .btn_border a { margin-left: 0; padding: .6rem 3rem; display: inline-block; }
.con_access .container .box_img { width: 100%; margin-top: 1rem; }

.ie .con_pickup .list_pickup li a .box_title { margin-top: -2rem; }