@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;}


/****************************************
		# メニュー設定
*****************************************/

/*　カリフォルニア_ナビ　*/
.cali_menu{ background: #EC7F00; width:100%;}

.cali_menu ul{ width:960px; margin:0 auto;}
.cali_menu li { margin:10px 3px;  float:left; }
.cali_menu li a {display:block; height:60px;}

#cali_menu01 a{ width:230px; background:url(../img/california/4_menu01.png) no-repeat;}
#cali_menu02 a{ width:230px; background:url(../img/california/4_menu02.png) no-repeat;}
#cali_menu03 a{ width:230px; background:url(../img/california/4_menu03.png) no-repeat;}
#cali_menu04 a{ width:230px; background:url(../img/california/4_menu04.png) no-repeat;}

#cali_menu01 a:hover{background-position:0 -60px;}
#cali_menu02 a:hover{background-position:0 -60px;}
#cali_menu03 a:hover{background-position:0 -60px;}
#cali_menu04 a:hover{background-position:0 -60px;}


.fixed {
    position: fixed;
    top: 0px;
    z-index: 9999;
}


/****************************************
		# エリア設定
*****************************************/

/*　キャンペーン　*/
#campain {width:960px; margin:0 auto;}
.cp_title {padding:50px 0 0;}
.cp_01{background: url(../img/california/insta.png) no-repeat;
    height: 135px;
    text-align: center;
    margin-top: 35px;}
.cp01_txt {text-align: left;
    margin: 10px 0 0 150px;}
.cp_p {float:left; display:block; margin:32px 0 0;}
.cp_02 {float:left; width:50%; padding-left:10px;}
.cp_txt { text-align:left; font-size:12px; padding:5px 0 10px 5px;}
.camp_ov {width:100%; height:300px;
	padding:10px 0 0;
	background:url(../img/california/camp_ov.png) no-repeat center bottom;
	margin:0 auto; float:left; position:relative;}
.camp_bn {bottom: 15px; right: 14px;
    position: absolute;}
.camp_ov a:hover{ opacity:0.7; transition:all 0.2s ease;}

/*　テーマパーク　*/
#area_map { padding:30px 0;}

.area_01 {margin-top:20px;}
.area_style {
	width: 100%;
    text-align: center;
    color: #333333;
    /* padding-top: 30px; */
    background: url(../img/california/bg_cali.png);
}

.area_flo {background:url(../img/florida/bg_flo.png);}
.area_cali {/*background:url(../img/california/bg_cali.png); */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; }


/*　カーズ　*/
.cars {background-color:rgba(255,255,255,0.6); border-radius:15px; padding:10px 0; width:1000px; margin:20px auto;}
.cars img {float:left;}
.cars_title {padding:10px 0 5px;}
.cars_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;}
.cars .park_txt_h{
    width: 250px;
    float: left;
    text-align: left;
    font-size: 13px;
    padding: 0 0 0 15px;
    line-height: 1.6em;
}

/*　直営ホテル　*/
.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: 100px;}

.ho_btn {width: 740px; margin: 0 auto;}
.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;}
	
	
/*　ツアー特典　*/
.description_wrp {padding:60px 0 0; background: linear-gradient(#FFF2E1, #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 { text-align:center; margin:-10px auto 30px;}
.present {
	background-image: url(../img/california/present.png);
    background-size: 170px;
    background-repeat: no-repeat;
    background-position-x: 92%;
    background-position-y: 114%;
}
.pre_txt {width:80%;}
.caption {text-align:right; font-size:11px; color: #666; padding:15px 0 0;}

.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: -40px;
	left: 0;
	width:100%;
	height:40px;
background: url(../img/california/nami_top.png) repeat-x center;
}


/*　おすすめツアー　*/

#mainWrap {background:url(../img/california/bg_cali2.png);}
#mainWrap h2{ padding: 70px 0 10px;}
.section {padding-bottom:50px;}

.other-item .other-item-box {
    background-color: #FAFAFA;
    border: 1.5px solid #EC8205;

}
.item-wrap {
    width: 100%;
    padding: 10px;
    background: #f1f1f1;
    border-radius:15px;
	margin-bottom:20px;
}
.other-item .other-item-box li{

	background-color: #EC8205;

}

.other-item .other-item-box p{
	color: #EC8205;

}

.other-item .other-item-box li a:hover{background:#F7C282;
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 #ffa433;
}
.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: 13px;
    padding: 5px 5px 5px 30px;
    line-height: 1.6em;
}