@charset "utf-8";
/* CSS Document */



/****************************************
		# エリア　トップ設定
*****************************************/
.area_title {margin:50px auto 10px;}
#area_top {width:960px; margin:0 auto;} 
#area_top p{width:770px; line-height:1.8em; margin:40px auto; font-size:15px;}
.title_photo{float: left; margin: 15px 0;}


/****************************************
		# メニュー設定
*****************************************/

/*　カリフォルニア_ナビ　*/
.flo_menu{ background: #3E85D2; width:100%;}

.flo_menu ul{ width:960px; margin:0 auto;}
.flo_menu li { margin:10px 3px;  float:left; }
.flo_menu li a {display:block; height:60px;}

#flo_menu01 a{ width:230px; background:url(../img/florida/flo_menu01.png) no-repeat;}
#flo_menu02 a{ width:230px; background:url(../img/florida/flo_menu02.png) no-repeat;}
#flo_menu03 a{ width:230px; background:url(../img/florida/flo_menu03.png) no-repeat;}
#flo_menu04 a{ width:230px; background:url(../img/florida/flo_menu04.png) no-repeat;}

#flo_menu01 a:hover{background-position:0 -60px;}
#flo_menu02 a:hover{background-position:0 -60px;}
#flo_menu03 a:hover{background-position:0 -60px;}
#flo_menu04 a:hover{background-position:0 -60px;}


.fixed {
    position: fixed;
 top: 0;
z-index: 9999;
}


/****************************************
		# エリア設定
*****************************************/

/*　テーマパーク　*/
#area_map { padding:30px 0;}

.area_style {width:100%; text-align:center; color:#333333; background:url(../img/florida/bg_flo.png); }

.area_flo {padding:80px 0 50px;}
.area_sha {background:url(../img/hongkong/bg_hon.png);}
.area_hon {background:url(../img/shanghai/bg_sha.png);}



.park {width:960px; margin:45px auto 0;}
.park_01{width:430px; float:left;}
.park_01 h2 {font-size:17px; text-align:center; font-weight:bold; padding:10px;}
.park_01 h2 span {display:block;}
.park_txt {text-align:left; font-size:13px; padding:5px 35px; line-height:1.6em;} 
.area_map {float:left;}

.park_half {width:480px; float:left; margin:10px 0 0;}
.park_txt_h {width:230px; float:left; text-align:left; font-size:13px; padding:0 0 0 35px; line-height:1.6em;}
.park_txt_h img {float:left;}
.park .bphoto {float:left; }
.flowerfes {display:block; background:#3E85D2; padding:3px 0; border-radius:5px; color:#FFFFFF; text-align:center; margin-top:5px;}

.avatar {background-color:rgba(255,255,255,0.6); border-radius:15px; padding:10px 0 20px; width:1000px; margin:20px auto;}
.avatar_bottom {padding:10px 0 ;}
.park_left {float:left; width:490px; padding:0 0 0 15px;}
.park_left h2 {font-size:17px; text-align:center; font-weight:bold;}

.nemo {padding:79px 0 0 50px; width: 530px;}


/*　直営ホテル　*/
.hotel{ background:url(../img/common/bg_flower.png) center top repeat-y;}

.hotel {width:100%; padding:10px 0 50px 0; }
.hotel_title {text-align:center; margin:60px 0 0;}
.ho_dec { background: url(../img/common/hotel_bg.png) no-repeat center;
      margin: 30px auto;   width: 1000px; height:460px;  text-align: center;}
.ho_left {float:left; padding:35px 0 0 35px;}
.ho_p {padding: 35px 0 0; left: -20px; position: relative;}
.ho_txt { width: 400px; margin: 7px 25px; font-size: 12px; line-height: 1.6em; text-align:left;  height: 105px;}

.ho_btn {width: 740px; margin: 0 auto; position:relative; bottom:10px;}
.ho_btn li {width: 340px;   padding:5px 15px;  float: left;}
.ho_btn a {background: url(../img/common/arrow01.png) no-repeat #7CB587 right 12px top 10px;
	border-radius:5px; color:#FFF; padding: 5px 30px 5px 15px; }
.ho_btn a:hover { background: url(../img/common/arrow01.png) no-repeat#4B8757 right 12px top 10px;
	transition-property: all; transition: 0.3s linear;}


.ho_01 {position:relative; top:-25px;}
.ho_03 {position:relative; top:-30px;}	
	
/*　ツアー特典　*/
.description_wrp {padding:60px 0; background: linear-gradient(#DEEAF8, #FFF);
position:relative; width:100%;}
.description {width:960px; margin:0 auto;}

.ho_title {padding:20px 0 ; display:block; margin:0 auto;}
.des_h p, .des p{font-size:13px; line-height:1.6em; padding:5px 10px 20px 25px; text-align:left;}
.des_txt span{ display:block; font-size:11px; line-height: 1.4em; padding-top: 5px; color: #666;}
.toku_txt {font-size:13px; line-height:1.6em; padding:0 0 20px; text-align:center;}
.des_h {display:block;}
.des_h {width:50%; float:left;}
.magic {float:left; width:50%;}
.magic_p { float:left;     padding-top: 35px;}
.des_tv {background:url(../img/florida/TV.png) top right no-repeat;}
.des_tv p {width:70%;}
.megane {background:url(../img/florida/badge.png) bottom right no-repeat;}
.megane_txt {width:74%;}
.band  {background:url(../img/florida/magicband.png) bottom right no-repeat;}
.band_txt {width:54%;}
.caption {text-align:right; font-size:11px; color: #666; padding:50px 0 20px;}

.description:after {
	content: '';
	position: absolute;
	bottom: -40px;
	left: 0;
	width:100%;
	height:40px;
background: url(../img/common/nami.png) repeat-x center;
}
.description:before {
	content: '';
	position: absolute;
	top: -35px;
	left: 0;
	width:100%;
	height:40px;
background: url(../img/florida/nami_top.png) repeat-x center;
}

/*　ダイニングプラン　*/
.diningplan_wrp {text-align:center; padding:60px 0 0; background: linear-gradient(#DFEFC9, #FFF); position:relative; }
.diningplan { width:960px; margin:0 auto;}
.diningplan img{display:block; margin:0 auto;}
.dp_title {padding:20px 0 0; display:block; }
.toku_txt {font-size:13px; line-height:1.6em; padding:0 0 20px;}
.dp_campain {padding:50px 0 15px; display:block;}
.dp_campain:hover{filter:alpha(opacity=70); 
	opacity:0.7; transition:all 0.4s ease;}
.arrange{margin:0 auto; padding:15px 0 15px 50px;}
.arrange img{float:left; }
.diningplan:after {
	content: '';
	position: absolute;
	bottom: -35px;
	left: 0;
	width:100%;
	height:40px;
background: url(../img/common/nami.png) repeat-x center;
}
.diningplan:before {
	content: '';
	position: absolute;
	top: -35px;
	left: 0;
	width:100%;
	height:40px;
background: url(../img/florida/nami_top2.png) repeat-x center;
}
.caption { text-align:right;}
.caption span {display:block;}

.service {margin: 30px auto; display: table;}
.ser { display:table-cell; float:left; }
.cache {text-align:right; font-size:65%;}
.ser_txt {font-size:70%; text-align:center; padding: 5px 0;}
.ser_txt span {display:block;}
.and { float:left; padding:85px 10px;}

/*　おすすめツアー　*/
#mainWrap {background:url(../img/florida/bg_flo2.png);}

#mainWrap h2{
    padding: 70px 0 10px;
}

.section {padding-bottom:50px;}

.other-item .other-item-box {
    background-color: #FAFAFA;
    border: 1.5px solid #65A0DB;

}
.item-wrap {
    width: 100%;
    padding: 10px;
    background: #f1f1f1;
    border-radius:15px;
	margin-bottom:20px;
}
.other-item .other-item-box li{

	background-color: #3E85D2;

}

.other-item .other-item-box p{
	color: #3E85D2;

}

.other-item .other-item-box li a:hover{background:#65A0DB;
background-image: url(../img/icon/icon_next.png);
	background-size: 13px;
	background-position: right 10px center;
	background-repeat: no-repeat;}

/* #youtube */
#youtube {
	width: 960px;
    background-color: rgba(255,255,255,0.6);
    margin: 0 auto;
    padding: 0px 0 20px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border: double 4px #2e75c2;
}
.youtube_ttl img {margin-top: 20px;}
#movie_wrap {
    position: relative;
    margin: 15px auto;
    width: 100%;
    max-width: 672px;
}
.park_new {
	width: 430px;
    float: left;
    margin: 10px 0 0;
}
.park_newtxt {
    text-align: left;
    font-size: 14px;
    padding: 5px 5px 5px 30px;
    line-height: 1.6em;
}
