@charset "UTF-8";

.effect > p.title {
  transition: 1.5s;
} 

.effect div {
/*  margin: auto;*/
  transition: 0.5s;
  transition-delay: 0.5s;
}
.fadeInUp{    animation: fadeIn 3s easeIn 0s 1 normal;
    -webkit-animation: fadeIn 3s easeIn 0s 1 normal;
	}
	
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }
 
/* 画面内に入った状態 */
 .scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }
	
/*Recommend*/
/* 2つ目の要素に200msのdelayをかける */
#recommends div.scrollin:nth-child(2) {
    -moz-transition-delay:200ms;
    -webkit-transition-delay:200ms;
    -o-transition-delay:200ms;
    -ms-transition-delay:200ms;
    }
/* 3つ目の要素に400msのdelayをかける */
#recommends div.scrollin:nth-child(3)  {
    -moz-transition-delay:400ms;
    -webkit-transition-delay:400ms;
    -o-transition-delay:400ms;
    -ms-transition-delay:400ms;
    }

/*下層ページ詳細ボタン*/
 .detailButton a,
 .statement_link a{    
border: 1px solid #444444;
    display: block;
    line-height: 60px;
    font-size: 18px;
    text-decoration: none;
    margin: 0 auto;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
	text-align: center;
	background: url(../img/common/btnArrow.png) no-repeat center right 20px;
    background-size: 20px;
	margin-top: 40px;
		}

.detailButton a:hover,
 .statement_link a:hover{
	opacity:0.8;
	border: 1px solid #ccc;
	background:#ccc url(../img/common/btnArrow.png) no-repeat center right 20px ;    
	background-size: 20px ; 
	border:1px solid #ccc;	}

 .statement_link a{width:360px;}
 
/*
-----------------------------------------------
access
----------------------------------------------- */
.ggmap {
position: relative;
padding-bottom: 40%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*HOSTEL*/
#page-hostel h3, #page-restaurant h3{text-align:left;}

/*ページトップ画像の下にマージン*/
.photos-top {
    margin-bottom: 30px;
}

.bookNowBtn{
	position:fixed;
	z-index:9999;
	bottom:20px;
	right:20px;
	width: 240px;
	}
	
.move{display:none !important;}

body .move2{
	position: absolute;
    right: 0;
    top: -68px;
    z-index: 80;
}
/* Move */
body .move2 a {
    display: block;
    overflow: hidden;
    height: 0;
    width: 68px;
    padding-top: 68px;
    background:#001359 url(../img/common/back_pagetop.png) no-repeat 0 0;
	background-position: center center;
	border-radius: 4px 4px 0 0;
}
body .move2 a:hover{opacity:0.8;}

/*photo margin*/
.photos-left{    margin-right: 40px;}
.photos-right{    margin-left: 40px;}

/*page-detail*/
#page-detail .main-photo{ margin: 0 ; }

#page-home .main-photo li { opacity: 0 ; }

/*モーダルウィンドウ　航空券*/
.airArea{
	border-top: 1px solid #444;
padding-top: 30px !important;
    margin-top: 30px !important;
    margin-left: 10% !important;
    margin-right: 10% !important;	}
/*
.nav {
    display: none;
}
*/