/*============================================================
	For Medium and Large Desktop
==============================================================*/
@media (min-width: 1151px) {	

/** common 
---------------------**/
/*h1{font-size:30px;}
h2{font-size:28px;}
h3{font-size:24px;}
h4{font-size:22px;}
h5{font-size:20px;}
h6{font-size:18px;}

h1.en{font-size:30px;}
h2.en{font-size:28px;}
h3.en{font-size:26px;}
h4.en{font-size:24px;}
h5.en{font-size:22px;}
h6.en{font-size:20px;}	*/

/* header */
/*#logo {
    margin:15px 0 0;
}*/


/** TOP 
---------------------**/
/* movie */
.caption-movie img{
	width:779px;
}

/* slider */




}


/*============================================================
	For Tablet : Top mainvisual
==============================================================*/
@media (max-width: 1024px) {	
	.top_movie{
		display:none;
	}
	
	#slider,
	#movie-play{
		display:block !important;
	}
}


/*============================================================
	For Small Desktop
==============================================================*/

@media (min-width: 980px) and (max-width: 1150px) {
	
/** common 
---------------------**/
h2{font-size:36px;}
h3{font-size:22px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px;}

/* header */
/*#logo {
	display:none;
}*/

#logo img {
    width: 130px;
}

.nav > li > a {
    padding: 10px 10px;
}

.navbar-nav{
	margin-top:7px;
}

/* footer */
.sns_footer{
	text-align:right;
}

.logo_footer img{
	width:180px;
}


/** TOP 
---------------------**/
/* movie */
.caption-movie img{
	width:750px;
}

/* slider */
.carousel-inner .item .logo_main img{
	margin-top:50%;
}

/* guesthouse */
.figcap-room h2{
	font-size:24px;
	padding:20px 0 20px !important;
}

.wrap-guesthouse-02 .grid-hover figure{
	height:357px;
}



}




/*============================================================
	Tablet (Portrait) Design for a width of 768px
==============================================================*/

@media (min-width: 768px) and (max-width: 979px) {

/** common 
---------------------**/	
h2{font-size:34px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:16px;}

/* header */
/*#logo {
	display:none;
}*/

.navbar-nav li.tel{
	font-size:14px;
}

.navbar-nav li.tel a{
	line-height:1.1;
}

.navbar-nav li.tel span{
	font-size:9px;
}

/* footer */
.sns_footer{
	text-align:right;
}

.logo_footer img{
	width:160px;
}



/** TOP 
---------------------**/
/* movie */
.caption-movie img{
	width:640px;
}

/* slider */
.carousel-inner .item .logo_main img{
	margin-top:55%;
}

/* access */
.gmap{
	height:300px;
}


/* guesthouse */
.figcap-room h2{
	font-size:20px;
	padding:0px 0 20px !important;
}

.wrap-guesthouse-02 .grid-hover figure{
	height:277px;
}

.figcap-room p{
	font-size:12px !important;
	margin-top:10px !important;
}

.figcap-room table th,
.figcap-room table td{
	padding:0 10px 0;	
}

/* cuisine */
.bg-cuisine {
    background: url(../img/top/bg_cuisine_xs.jpg) center center;
}



}


/*============================================================
	Mobile (Portrait) Design for a width of 320px
==============================================================*/

@media only screen and (max-width: 767px) {

/** common 
---------------------**/
h2{font-size:24px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:16px;}
h6{font-size:14px;}


/* header */
.header_scroll .logo_second{
	margin-left:0px;
	margin-top:-40px;
}

#logo {
	margin:20px 0 0 15px;
	width:90px;
}

#logo img{
	width:120px;
}

.navbar-nav li.tel a.current,
.navbar-nav li.tel a:focus,
.navbar-nav li.tel a:hover {
	background-color: transparent;
	border-top: 1px solid #BFBFBF;
	color: #BFBFBF;
}

.navbar-nav li.tel{
	font-size:14px;
}

.navbar-nav li.tel span{
	font-size:9px;
}

.carousel-inner .item .logo_main img{
	width:90%;
	margin-top:300px;
}

/* language menu */
.menu_lang{
	float:none;
	margin:0;
	position:absolute;
	top:16px;
	right:60px;
}

.menu_lang ul li{
	padding: 7px 15px;
	letter-spacing: 1px;
}

.menu_lang ul li a {
    font-size: 11px;
}

.menu_lang ul li ul{
	top:31px;	
}

.menu_lang ul li:hover ul li, .menu ul li a:hover ul li{
	height:31px;
}



/* footer */
.sns_footer{
	text-align:center;
}

.logo_footer img{
	width:130px;
	margin-bottom:30px;
}

.sns_footer{
	border-top:1px solid #555;
	border-bottom:1px solid #555;
	padding:20px 0;
	margin-top:20px;
}

.copyright{
	font-size:12px;
}

.copyright span{
	display:block;
	font-size:12px;
}




/** TOP 
---------------------**/
/* section */
#destination,
#gastronomy{
	padding:100px 0;
}

/* cuisine */
.bg-cuisine{
	background:url(../img/top/bg_cuisine_xs.jpg) right center;
	background-size:cover;
	padding:100px 20px;
}

/* access */
.gmap{
	height:200px;
}


/* guesthouse */
.wrap-guesthouse-01 .guesthouse-inner,
.wrap-guesthouse-02 .guesthouse-inner{
	display:block;
	margin:0;
	padding:0;
}

.figcap-room h2{
	font-size:18px;
	padding:0 0 10px !important;
}

.wrap-guesthouse-01 .grid-hover figure,
.wrap-guesthouse-02 .grid-hover figure{
	height:255px;
	border-bottom:1px solid #fff;
}

.figcap-room p{
	font-size:12px !important;
	margin-top:10px !important;
}

.figcap-room table th,
.figcap-room table td{
	padding:0 10px 0;	
	font-size:11px;
}

.grid-hover figure figcaption{
	padding:1.5em 0.6em;	
}



}


/*============================================================
	Mobile (Landscape) Design for a width of 480px
==============================================================*/

/*@media only screen and (min-width: 480px) and (max-width: 767px) {



}*/