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


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

/*　ナビ　*/
.sha_menu{ background: #EB5F50; width:100%;}

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

#sha_menu01 a{ width:310px; background:url(../img/shanghai/sha_menu01.png) no-repeat;}
#sha_menu02 a{ width:310px; background:url(../img/shanghai/sha_menu02.png) no-repeat;}
#sha_menu03 a{ width:310px; background:url(../img/shanghai/sha_menu03.png) no-repeat;}

#sha_menu01 a:hover{background-position:0 -60px;}
#sha_menu02 a:hover{background-position:0 -60px;}
#sha_menu03 a:hover{background-position:0 -60px;}


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


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


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

.area_01 {margin-top:20px;}
.area_style {width:100%; text-align:center; color:#333333;
background:url(../img/shanghai/bg_sha.png) top left;padding-bottom:100px;}






.park {width:960px; margin:45px auto 0;}
.park_01{width:480px; 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:180px; 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;}

/*　直営ホテル　*/
.hotel{ background:url(../img/common/bg_flower.png) center top repeat-y; width:100%; padding:10px 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_small {float:left; margin: 0 0 0 25px;}
.ho_txt { width: 400px; margin: 17px 25px 0; font-size: 12px; line-height: 1.6em; text-align:left;  height: 85px;}
.ho_txt_h {width:180px; float:left; text-align:left; font-size:13px; padding:0 0 0 35px; line-height:1.6em;}
.ho_txt01 {width: 210px; float: left; text-align: left; font-size: 12px; padding: 0px 0 0 15px; line-height: 1.6em;}
.ho_txt01 span {display:block; font-size:80%;}

.ho_btn {width: 740px; margin: 30px 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;}
.megane {background:url(../img/california/megane.png) bottom right no-repeat;}
.megane_txt {width:74%;}
.caption {text-align:right; font-size:11px; color: #666; padding:15px 0 0;}

.section:before {
	content: '';
	position: absolute;
	left: 0;
	width:100%;
	height:40px;
background: url(../img/common/nami.png) no-repeat center;
}



/*　おすすめツアー　*/

#mainWrap{ background: url(../img/shanghai/bg_sha2.png);}
#mainWrap h2{ padding: 90px 0 10px;}
.section {padding-bottom:50px;}

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

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

	background-color: #EB5F50;

}

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

}

.other-item .other-item-box li a:hover{background:#F3A298;
background-image: url(../img/icon/icon_next.png);
	background-size: 13px;
	background-position: right 10px center;
	background-repeat: no-repeat;}