@charset "utf-8";

.pc .flow-wrapper{
	margin-top: 28px;
}

#mainimg{
	position:relative;
	top:140px;
}
#mainimg .slideshow1{
	position:relative;
	z-index:2;
}

#mainimg .flexslider{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:1;
}


#mainimg .flexslider .slides li{
	position:relative;
}
#mainimg .flexslider .slides .img{
	position:relative;
	z-index:10;
}
#mainimg .flexslider .slides .bg{
	display:block!important;
	position:static!important;
	min-height:100%;
	min-width:100%;
}


#mainimg .flexslider .slides .text{
	position:absolute;
	z-index:20;
	left:50%;
	top:50%;
	margin:-200px 0 0 -480px;

}



#top-reserve{
	background:#000000;
}
#top-reserve .frame{
	width: 960px;
	margin:0 auto;
	position:relative;
}

#top-reserve .top-reserve-input,
#top-reserve .top-reserve-category{
	display: inline-block;
	cursor: pointer;
}
#top-reserve .top-reserve-category-item,
#top-reserve .top-reserve-category-item a{
	display: inline-block;
}
#top-reserve .top-reserve-category-item:last-child{
	margin-left: 25px;
}
#top-reserve .top-reserve-category-item .off{ display: block; }
#top-reserve .top-reserve-category-item .on{ display: none; }
#top-reserve .top-reserve-category-item.is-active .off{ display: none; }
#top-reserve .top-reserve-category-item.is-active .on{ display: block; }


#top-reserve .top-reserve-input{
	display: none;
}
#top-reserve .top-reserve-input.is-active{
	position: relative;
	display: inline-block !important;
	vertical-align: middle;
	padding: 15px 0;
	transition: .3s all;
	width: 685px;
}
#top-reserve .top-reserve-input label{
	display: block;
	color: #fff;
	font-size: 14px;
	margin-bottom: 5px;
}
#top-reserve .top-reserve-input.top-reserve-hotel{
	margin-left: 60px;
}
#top-reserve .top-reserve-input-item{
	display: inline-block;
	margin-right: 20px;
}
#top-reserve .top-reserve-input-item.min{
	margin-right: 10px;
}




#top-reserve .reserve-top{
	position:relative;
	margin-bottom:20px;
}
#top-reserve .reserve-top img{
	margin-right:5px;
}

#top-reserve .submit{
	position:absolute;
	top: 10px;
	right: 0;
	background:#fff;
}

#top-reserve .reserve-bottom{
	position:relative;
	min-height:30px;
}
#top-reserve .reserve-bottom .tel{
	padding-top:10px;
}
#top-reserve .reserve-bottom ul{
	position:absolute;
	top:0;
	right: 0;
}
#top-reserve .reserve-bottom li{
	float:left;
	margin-left:20px;
	background:#fff;
}


#top-reserve input,
#top-reserve select{
	padding:3px;
	font-size:16px;
}

.iframebox {width:100%;margin:0 auto;padding-left:60px;}
.iframebox iframe{width:100%;padding:0;height:76px;}



.top header {
  top: 0!important;
  width: 100%;
    min-width: 768px;
	position:relative;
}
.top header .h-lang{
	position:fixed;
	width:100%;
}
.top header .inner{
	width:100%;
	position: relative;
	top:28px;
	left:0;
}
.top header .inner.fixed{
	position:fixed;
	top:0;
}


.top .news {
  min-width: 768px;
	margin-top: -25px;
}
.top .content .wrap {
	width: 790px;
	text-align: center;
}
.top .content .wrap h2 {
	margin-bottom: 30px;
}
.top .content .wrap p {
	margin-bottom: 40px;
	line-height: 30px;
}
.top .news .wrap {
  padding-top: 20px;
  padding-bottom: 14px;
  width: 768px;
}
.top .news .artile {
	margin-bottom: 15px;
}
.top .news h2 {
  padding-bottom: 30px;
	overflow: hidden;
}

.top .news .to-index {
  height: 13px;
	padding: 10px 15px 0 10px;
	padding-left: 10px;
	padding-top: 10px;
  background: url(../../img/common/arrow-1.png) no-repeat left top 12px;
  color: #333333;
  font-size: 13px;
  line-height: 14px;
  text-decoration: none;
	float: right;
}

.top .news .to-index:hover {
  text-decoration: underline;
}

/*
.top .news .thumb {
  margin-right: 15px;
  float: left;
box-shadow: 2px 2px 2px #aaa;
	max-height:66px;
}
*/

.top .news .article-contents{
	overflow:hidden;
	zoom:1;
}

.top .news .date {
  padding-bottom: 7px;
	padding-top: 5px;
  color: #666666;
  font-size: 13px;
	background: url(../../img/common/arrow-3.png) no-repeat left top 5px;
}
.top .news .article-contents p {
	float: left;
	padding-left: 24px;
}

.top .news .article-contents a {
  padding-left: 17px;
  color: #111;
  font-size: 16px;
  text-decoration: none;
}

.top .news .article-contents a:hover {
  text-decoration: underline;
}

.top .news .article-title {
  padding-bottom: 6px;
  color: #111;
  font-size: 16px;
  line-height: 22px;
}

.top .content {
  padding-top: 60px;
}

.top section h3,.top section .lead,.top section .button,.top section .button-air {
  text-align: center;
}
.button-air{
	margin-top:20px;
}
.button-air a{
	margin:0 10px;
}
.button-air a img{
	vertical-align:top;
}

.button-air a:last-child{
	position:relative;
}
.section-img{
	margin-bottom:30px;
}

.top section .text {
  margin: 0 auto;
  width: 729px;
  font-size: 16px;
  line-height: 30px;
}

.top .cont-button {
  padding-top: 20px;
  padding-bottom: 10px;
  text-align: center;
}

/* content */

.top .wrap .t-center {
	margin-bottom: 40px;
}

.top ul.top-menu {
	overflow: hidden;
	margin-bottom: 50px;
}

.top ul.top-menu li {
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}

/* youtube */

.top .top-youtube{
	margin-bottom: 40px;
}


.sp.top .top-youtube{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.sp.top .top-youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


.ta-wrapper {
  margin: 0 auto;
  padding-bottom: 40px;
  text-align:center;
}
.ta-wrapper h4{
	text-align:center;
	margin-bottom:20px;
}

.ta-wrapper p{
	text-align:center;
	padding-top:10px;
	font-size:10px;
	line-height:1.2;
}

.top #fb-bnr {
	width: 790px;
	overflow: hidden;
	margin:30px auto 80px;
}

#likebox{
	width:500px;
	float: left;
	padding-right: 10px;
}

#top-bnr {
	float: left;
	width: 246px;
	padding-left: 14px;
}

#top-bnr ul li {
	padding-bottom: 20px;
}

#insta .photo-area{
	width: 100%;
	margin:0 auto 55px;
	zoom: 1;
}
#insta .photo-area:after{content: ""; display: block; clear: both;}

#insta .wide .photo-area{
	width: 100%;
	margin:0 auto 55px;
}

#insta .photo-area .instagram-placeholder{
	margin:0 0px 4px 0px;
}

#insta .photo-area .instagram-placeholder img{
	width:150px;
	height:auto;
}

#insta .photo-area .instagram-placeholder:nth-child(5) img,
#insta .photo-area .instagram-placeholder:nth-child(8) img{
	width:304px;
}