@charset "utf-8";

#m_contents { width:1100px; margin:10px auto; }


#return_top { text-align:center; margin:10px; }
#return_top a { background: url("http://image.stworld.jp/images/common/tri01.gif") no-repeat scroll left 5px rgba(0, 0, 0, 0); line-height: 1em; padding-left: 10px; }



#m_contents {
	#hero_area {
		position: relative;
		z-index: 1;
		width: 100%;
		height: 660px;
		background: url(../images/bg_main_hero_img01.jpg) 0 0 no-repeat;
		.heading {
			position: relative;
			z-index: 1;
		}
		.main_ti {
			text-align: center;
		}
		.catch {
			position: absolute;
			left: 40px;
			top: 10px;
			z-index: 10;
		}
		.content_txt {
			position: absolute;
			left: 40px;
			bottom: 20px;
			padding: 20px;
			background-color: rgba(255,255,255, .7);
			.txt {
				font-size: 16px;
				color: #000;
				line-height: 1.6;
			}
		}
	}
	#main_contents {
		padding-bottom: 60px;
		background-color: #d9f3f0;
	}
	#new_designs {
		padding: 40px 0 0 55px;
		.heading_block {
			.sec_ti {
				float: left;
				color: #cc0c3f;
				text-shadow: #fff 2px 2px 0px, #fff -2px 2px 0px, #fff 2px -2px 0px, #fff -2px -2px 0px;
				/*font: bold 38px "UD角ゴ_スモール Pr6 B";*/
				font: bold 38px "UD角ゴ_スモール Pr6 B", "FOT-筑紫Cオールド明朝 Pr6N R", 'Meiryo', 'メイリオ';
			}
			.catch_ti {
				float: left;
				margin: 5px 0 0 30px;
				color: #323296;
				text-shadow: #fff 2px 2px 0px, #fff -2px 2px 0px, #fff 2px -2px 0px, #fff -2px -2px 0px;
				/*font: bold 32px "筑紫A丸ゴシック Std B";*/
				font: bold 32px "筑紫A丸ゴシック Std B" ,"FOT-筑紫Cオールド明朝 Pr6N R", 'Meiryo', 'メイリオ';
			}
		}
		.txt {
			margin-top: 20px;
			font-size: 18px;
			color: #000;
			line-height: 1.6;
		}
	}
	
	#easter_lsland {
		position: relative;
		z-index: 1;
		min-height: 625px;
		margin-top: 40px;
		padding: 0 20px;
		background: url(../images/bg_easter_lsland_img01.png) center 0 repeat-y;
		.sec_ti {
			color: #5f230c;
			/*font: bold 38px/1.1 "UD角ゴ_スモール Pr6 B";*/
			font: bold 38px/1.1 "UD角ゴ_スモール Pr6 B", "FOT-筑紫Cオールド明朝 Pr6N R",'Meiryo', 'メイリオ';
			text-align: center;
			.english_ti {
				display: block;
				font-size: 22px;
			}
		}
		.easter_map {
			margin-top: 5px;
			text-align: center;
			.map {
				position: relative;
				left: -20px;
				width: 460px;
				margin: 0 auto;
			}
		}
		
		.pickup_area {
			.route {
				position: absolute;
				z-index: 10;
			}
			.route01 {
				left: 40px;
				top: 0;
				.route_ti {
					margin: 0 20px 10px;
					background-color: #008b1c;
				}
			}
			.route02 {
				left: 20px;
				top: 285px;
				.route_ti {
					margin: 0 20px 10px;
					background-color: #037688;
				}
			}
			.route03 {
				left: 310px;
				top: 375px;
				.route_ti {
					margin: 0 10px 10px;
					background-color: #cc0c3f;
				}
			}
			.route04 {
				right: 225px;
				top: 350px;
				.route_ti {
					margin: 0 30px 10px;
					background-color: #ee8b0d;
				}
			}
			.route_ti {
				width: inherit;
				height: 40px;
				border-radius: 16px;
				padding-left: 0;
				/*font: bold 22px/40px "UD角ゴ_スモール Pr6 B";*/
				font: bold 22px/40px "UD角ゴ_スモール Pr6 B", "FOT-筑紫Cオールド明朝 Pr6N R", 'Meiryo', 'メイリオ';
				color: #fff;
				text-shadow: none;
				text-align: center;
			}
		}
		.chile {
			position: absolute;
			right: 20px;
			top: 50px;
			z-index: 10;
		}
		.more_bt {
			position: absolute;
			right: 30px;
			top: 0;
			z-index: 11;
		}
	}
	
	#three_specia {
		position: relative;
		z-index: 1;
		margin-top: 80px;
		.sec_ti {
			position: absolute;
			left: 20px;
			top: -50px;
			z-index: 11;
			color: #5f230c;
			text-shadow: #fff 2px 2px 0px, #fff -2px 2px 0px, #fff 2px -2px 0px, #fff -2px -2px 0px;
			/*font: bold 52px/1.2 "UD角ゴ_スモール Pr6 B";*/
			font: bold 52px/1.2 "UD角ゴ_スモール Pr6 B","FOT-筑紫Cオールド明朝 Pr6N R",'Meiryo', 'メイリオ';
			.txt_ti {
				position: relative;
				z-index: 11;
				top: 10px;
				font-weight: bold;
			}
			img {
				display: block;
				float: left;
				margin-right: 5px;
			}
		}
		.batch {
			position: absolute;
			left: 20px;
			top: -5px;
			z-index: 10;
		}
		.specia_list {
			margin: 0 20px 0 90px;
			padding: 20px 20px 20px 90px;
			border-radius: 6px;
			background-color: #fff;
			li {
				position: relative;
				float: left;
				margin-left: 20px;
				padding: 20px;
				background: url(../images/bg_three_specia_img01.png) 0 0 repeat;
				&.specia01 {
					width: 260px;
					padding: 20px 0 20px 10px;
					.pic {
						position: absolute;
						right: -30px;
						top: -45px;
						z-index: 10;
					}
				}
				&.specia02 {
					width: 214px;
				}
				&.specia03 {
					width: 254px;
					.pic {
						position: absolute;
						right: -30px;
						top: -45px;
						z-index: 10;
					}
					.attention {
						position: absolute;
						left: 90px;
						bottom: 0;
						z-index: 11;
						margin-top: 5px;
					}
						
				}
				.specia_ti {
					position: relative;
					z-index: 11;
					width: inherit;
					height: inherit;
					padding-left: 0;
					color: #5f230c;
					text-shadow: #fff 2px 2px 0px, #fff -2px 2px 0px, #fff 2px -2px 0px, #fff -2px -2px 0px;
					/*font: bold 32px/1.2 "UD角ゴ_スモール Pr6 B";*/
					font: bold 28px/1.2 "UD角ゴ_スモール Pr6 B","FOT-筑紫Cオールド明朝 Pr6N R",'Meiryo', 'メイリオ';
					.txt_ti {
						position: relative;
						top: 10px;
						font-weight: bold;
					}
					img {
						display: block;
						float: left;
						margin-right: 10px;
					}
				}
			}
		}
	} //#three_specia
	
	#hotel_block {
		margin-top: 50px;
		padding-top: 40px;
		background: url(../images/line_common_img01.png) center 0 no-repeat;
		.heading_block {
			position: relative;
			z-index: 1;
			&::before {
				content: "";
				position: absolute;
				left: 90px;
				top: 5px;
				z-index: 10;
				width: 66px;
				height: 85px;
				background: url(../images/icon_common_ti_img01.png) 0 0 no-repeat;
			}
			&::after {
				content: "";
				position: absolute;
				right: 90px;
				top: 5px;
				z-index: 10;
				width: 66px;
				height: 85px;
				background: url(../images/icon_common_ti_img02.png) 0 0 no-repeat;
			}
			.catch_ti {
				/*font: bold 36px/1 "筑紫A丸ゴシック Std B";*/
				font: bold 30px/1.2 "筑紫A丸ゴシック Std B","FOT-筑紫Cオールド明朝 Pr6N R",'Meiryo', 'メイリオ';
				color: #00afec;
				text-align: center;
			}
			.sec_ti {
				/*font: bold 48px/1.4 "UD角ゴ_スモール Pr6 B";*/
				font: bold 42px/1.6 "UD角ゴ_スモール Pr6 B","FOT-筑紫Cオールド明朝 Pr6N R",'Meiryo', 'メイリオ';
				color: #5f230c;
				text-align: center;
			}
		}
		.hotel_list {
			margin: 10px 0 0 45px; 
			li {
				float: left;
			}
		}
		.more_bt {
			margin-top: 20px;
			text-align: center;
			a {
				display: inline-block;
				width: 288px;
				height: 58px;
				background: #00afec url(../images/icon_common_arrow_img01.png) 250px center no-repeat;
				box-shadow: -2px -2px 5px rgba(102, 102, 102, 0.3) inset, 1px 1px 5px rgba(102, 102, 102, 0.3);
				/*font: bold 24px/58px "UD角ゴ_スモール Pr6 B";*/
				font: bold 22px/58px "UD角ゴ_スモール Pr6 B", "FOT-筑紫Cオールド明朝 Pr6N R",'Meiryo', 'メイリオ';
				text-align: center;
				color: #fff;
				text-decoration: none;
				&:hover {
					background-color: #009ddb;
				}
			}
		}
	} //#hotel_block

	#guide_block {
		margin-top: 40px;
		padding-top: 40px;
		background: url(../images/line_common_img01.png) center 0 no-repeat;
		.heading_block {
			position: relative;
			z-index: 1;
			&::before {
				content: "";
				position: absolute;
				left: 170px;
				top: 5px;
				z-index: 10;
				width: 66px;
				height: 85px;
				background: url(../images/icon_common_ti_img01.png) 0 0 no-repeat;
			}
			&::after {
				content: "";
				position: absolute;
				right: 170px;
				top: 5px;
				z-index: 10;
				width: 66px;
				height: 85px;
				background: url(../images/icon_common_ti_img02.png) 0 0 no-repeat;
			}
			.catch_ti {
				/*font: bold 36px/1 "筑紫A丸ゴシック Std B";*/
				font: bold 30px/1.2 "筑紫A丸ゴシック Std B", "FOT-筑紫Cオールド明朝 Pr6N R",'Meiryo', 'メイリオ';
				color: #00afec;
				text-align: center;
			}
			.sec_ti {
				/*font: bold 48px/1.4 "UD角ゴ_スモール Pr6 B";*/
				font: bold 42px/1.6 "UD角ゴ_スモール Pr6 B","FOT-筑紫Cオールド明朝 Pr6N R",'Meiryo', 'メイリオ';
				color: #5f230c;
				text-align: center;
			}
		}
		.guide_list {
			margin: 10px 0 0 45px; 
			li {
				float: left;
			}
		}
		.more_bt {
			margin-top: 10px;
			text-align: center;
			a {
				display: inline-block;
				width: 288px;
				height: 58px;
				background: #00afec url(../images/icon_common_arrow_img01.png) 250px center no-repeat;
				box-shadow: -2px -2px 5px rgba(102, 102, 102, 0.3) inset, 1px 1px 5px rgba(102, 102, 102, 0.3);
				/*font: bold 24px/58px "UD角ゴ_スモール Pr6 B";*/
				font: bold 22px/58px "UD角ゴ_スモール Pr6 B", "FOT-筑紫Cオールド明朝 Pr6N R",'Meiryo', 'メイリオ';
				text-align: center;
				color: #fff;
				text-decoration: none;
				&:hover {
					background-color: #009ddb;
				}
			}
		}
	} //#guide_block
	.more_bt.outline {
		margin-top: 60px;
		text-align: center;
		a {
			display: inline-block;
			width: 917px;
			height: 66px;
			background: #e88404 url(../images/icon_common_arrow_img02.png) 650px center no-repeat;
			box-shadow: -2px -2px 5px rgba(102, 102, 102, 0.1) inset, 1px 1px 5px rgba(102, 102, 102, 0.1);
			/*font: bold 32px/66px "UD角ゴ_スモール Pr6 B";*/
			font: bold 30px/66px "UD角ゴ_スモール Pr6 B", "FOT-筑紫Cオールド明朝 Pr6N R", 'Meiryo', 'メイリオ';
			text-align: center;
			color: #fff;
			text-decoration: none;
			&:hover {
				background-color: #de7e04;
			}
		}
	}
}