/* CSS Document */
/* --------------------------------------------------
link 
-------------------------------------------------- */
.itinerary a {
  color: white !important;
  text-decoration: none;
}
.itinerary a:visited {
  color: white !important;
}
.itinerary a:focus {
  color: rgba(255, 255, 255, 0.7) !important;
}
.itinerary a:hover {
  color: rgba(255, 255, 255, 0.7) !important;
}
.itinerary a:active {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* --------------------------------------------------
font
-------------------------------------------------- */
#meinSlide .area, .weather, .scroll {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
}

#meinSlide .name, #meinSlide .more, .itinerary dt {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
}

/* --------------------------------------------------
shadow
-------------------------------------------------- */
/* --------------------------------------------------
clearfix
-------------------------------------------------- */
.oterList:after, .itinerary dd:after, .gallery ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}

/* --------------------------------------------------
gNav
-------------------------------------------------- */
#gNav {
  position: absolute;
  z-index: 50;
  width: 100%;
  background: rgba(51, 51, 51, 0.7);
}

#gNav a {
  background: none;
}

#gNav a:hover {
  background: rgba(51, 51, 51, 0.7);
}

#gNav .btnMyfeb a:hover {
  background: none;
}

#header .fb_iframe_widget{
	display:table-cell !important;
	overflow:hidden;
}
#header .fb_iframe_widget span{
	display: block;
	height:16px !important;
}

/* --------------------------------------------------
meinSlide
-------------------------------------------------- */
#meinSlide {
  position: relative;
}

#meinSlide ul {
  width: 100%;
  text-align: center;
  height: 670px;
  overflow: hidden;
  color: #FFF;
}

#meinSlide li {
  /*position: relative;*/
  width: 100%;
  text-align: center;
  height: 670px;
}

#meinSlide li .photo img {
  min-width: 100%;
}

#meinSlide .dataArea {
  text-align: left;
  width: 500px;
  top: 250px;
  position: absolute;
  color: #FFF;
  text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px;
}

#meinSlide .type-wh-l {
  color: #FFF;
  left: 50%;
  margin-left: -500px;
}

#meinSlide .type-wh-r {
  color: #FFF;
  right: 50%;
  margin-right: -600px;
}

#meinSlide .type-bk-l {
  color: #333;
  left: 50%;
  margin-left: -500px;
}

#meinSlide .type-bk-r {
  color: #333;
  right: 50%;
  margin-right: -600px;
}

#meinSlide .type-wh-l .more,
#meinSlide .type-wh-r .more {
  border-color: #FFF;
  color: #FFF;
}

#meinSlide .type-bk-l .more,
#meinSlide .type-bk-r .more {
  border-color: #333;
  color: #333;
}

#meinSlide .name {
  display: block;
  line-height: 1.2;
  font-size: 35px;
  letter-spacing: 2px;
  margin-bottom: 10px;
}

#meinSlide .area {
  line-height: 1.2;
  font-size: 20px;
  line-height: 52px;
  height: 52px;
  margin-right: 1em;
  margin-bottom: 10px;
}

#meinSlide .icon {
  line-height: 52px;
  height: 52px;
  margin-bottom: 10px;
}

#meinSlide .more {
  display: block;
  width: 100px;
  text-align: center;
  font-size: 15px;
  padding: 7px 15px;
  border: #FFF solid 4px;
}

#meinSlide .more:hover {
  background: rgba(255, 255, 255, 0.2);
}

#meinSlide .gradlayer {
  display: block;
  width: 100%;
  height: 200px;
  position: absolute;
  top: 470px;
  background: url(../../img/new/top/slide/bg_gradlayer.png) repeat-x bottom left;
}

#meinSlide .scroll {
	position: absolute;
	color: #FFF;
	width: 100%;
	left: 0;
	bottom: 10%;
	text-align: center;
	padding: 20px;
	font-size: 1.5rem;
  background: url(../../img/new/arrow_down_wh.png) no-repeat 50% bottom;
}

/* fx-pop */ 
.fx-pop{
	position:absolute;
	width:100px;
	left:50%;
	bottom:1%;
	line-height:1.3;
	text-align:center;
	-webkit-animation:scroll 2s infinite ease;
	animation:scroll 2s infinite ease;
	z-index:2;
}
@-webkit-keyframes scroll {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@keyframes scroll {
	0% {transform:translate(0, 0);}
	50% {transform:translate(0, -10px);}
	100% {transform:translate(0, 0);}
}
		

/* --------------------------------------------------
seasonBar
-------------------------------------------------- */
#seasonBar {
  position: absolute;
  top: 550px;
  left: 50%;
  margin-left: -605px;
  z-index: 100;
  height: 110px;
  width: 1210px;
  background: url(../../img/new/top/slide/bg_seasonbar.png) no-repeat left bottom;
}

#seasonBar a {
  display: block;
  float: left;
  text-align: center;
  width: 25%;
}

#seasonBar a:link,
#seasonBar a:visited,
#seasonBar a:hover,
#seasonBar a:active,
#seasonBar a:focus {
  outline: none;
}

#seasonBar #meter {
  display: block;
  width: 50%;
  height: 3px;
  background: #FFF;
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  bottom: 17px;
}

/* --------------------------------------------------
content
-------------------------------------------------- */
#content {
  background: url(../../img/new/top/bg_topcontent.png) no-repeat center 1200px;
}

/* --------------------------------------------------
seasonMenu
-------------------------------------------------- */
#seasonMenu {
  display: none;
  right: 0;
  top: 10%;
  width: 66px;
  position: fixed;
}

/* --------------------------------------------------
read
-------------------------------------------------- */
.read {
  text-align: center;
  width: 850px;
  margin: 50px auto;
}

/* --------------------------------------------------
weather
-------------------------------------------------- */
.weather {
  border: #E4E4E4 solid 1px;
  background: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 29px;
  font-size: 20px;
  margin-bottom: 5px;
}

.weather dt {
  margin-bottom: 20px;
}

.weather dd {
  font-size: 15px;
  line-height: 1;
  position: relative;
}

.weather dd .day {
  font-size: 40px;
}

.weather dd img {
  width: 75px;
  position: absolute;
  top: -30px;
  right: 0;
}

/* --------------------------------------------------
bnSlide
-------------------------------------------------- */
.bnSlide {
  border: #E4E4E4 solid 1px;
  background: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 4px;
}

/* --------------------------------------------------
oterList
-------------------------------------------------- */
.oterList {
  clear: both;
  width: 940px;
  margin: 40px auto 70px auto;
}

.oterList li {
  float: left;
  width: 450px;
  margin: 0 10px;
}

/* --------------------------------------------------
itinerary
-------------------------------------------------- */
.itinerary {
  width: 320px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-right: 10px;
  background: #089C9A;
  margin-top: 20px;
}

.itinerary h3 {
  margin-top: -20px;
}

.itinerary dl {
  color: #FFF;
  margin: 20px;
}

.itinerary dt {
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: .3em;
}

.itinerary dd {
  line-height: 1.2;
  font-size: 11px;
  margin-bottom: .7em;
}

.itinerary .photo {
  float: left;
  margin-right: 10px;
}

.itinerary .photo {
  display: block;
  float: left;
  width: 106px;
  height: 70px;
  overflow: hidden;
  margin-right: 10px;
}

.itinerary .photo img {
  min-width: 106px;
}

.itinerary dd p {
  float: left;
  width: 160px;
}

.itinerary .date {
  color: #D6BC0C;
  display: block;
  padding-top: .3em;
}

.itinerary .btnMore {
  width: 290px;
  margin: 0 auto;
  margin-bottom: 20px;
}

/* --------------------------------------------------
gallery
-------------------------------------------------- */
.gallery {
  width: 460px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-right: 10px;
  background: #DF6C4F;
  margin-top: 20px;
}

.gallery h3 {
  margin-top: -20px;
}

.gallery ul {
  margin: 18px;
}

.gallery ul li {
  float: left;
  background: #fff;
  width: 104px;
  height: 104px;
  overflow: hidden;
  margin: 1px;
}

.gallery .btnMore {
  width: 420px;
  margin: 0 auto;
  margin-bottom: 20px;
}

/* --------------------------------------------------
facebook
-------------------------------------------------- */
.facebook {
  width: 220px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}