@charset "utf-8";
/* CSS Document */





/*============== 全体  ==============*/

#tour01,#tour02,#tour03,#tour04{
	width:1000px;
	margin:0 auto 40px;
	overflow:hidden;
	clear:both;
}

ul.infomation{
	width:1040px;
	margin:0 -40px 0 0;
}

ul.infomation li{
	display:block;
	width:480px;
	height:initial;
	margin:0 40px 40px 0;
	float:left;
}


ul.infomation li.rb{ float:right;}

#tour01 ul.infomation li.tl,
#tour02 ul.infomation li.tl,
#tour03 ul.infomation li.tl{
	height:390px;
	position:relative;
	margin-bottom:20px;
}


ul.infomation li h3{
	width:100%;
	font-size:2.571em;
	color:#fff;
	line-height:1.0;
	letter-spacing:0.1em;
	text-align:center;
	position:absolute;
	top:30px;
	}


/*------- 言語ごとの調整 -------*/

.han ul.infomation li h3,
.kan ul.infomation li h3,
.eng ul.infomation li h3{
	letter-spacing:0.015em;
}

/*------- 言語ごとの調整 -------*/

ul.infomation li h3 span{
	font-size:0.667em;
}

/*------- 言語ごとの調整 -------*/

.eng ul.infomation li h3 span{
	display:block;
}

/*------- 言語ごとの調整 -------*/

ul.infomation li h4{
	width:100%;
	height:43px;
	font-size:2.000em;
	letter-spacing:0.025em;
	font-weight:normal;
	line-height:1.0;
	margin-bottom:12px;
	background-repeat:repeat-x;
	background-position:bottom;
}
ul.infomation li h4.line2{
	height:65px;
}

ul.infomation li h4 span{
	display: block;
	width:65px;
	text-align:center;
	font-size:0.571em;
	line-height:1.0;
	color:#fff;
	margin-right:13px;
	letter-spacing:0;
	padding:6px 0 4px;
	margin-top:2px;
	float:left;
}



/*------- 言語ごとの調整 -------*/

.han ul.infomation li h4 span{
	width:75px;
	padding:4px 0 5px;
}

.eng ul.infomation li h4{
	height:auto;
	font-size:1.563em;
	line-height:1.2;
	padding-bottom:10px;
}
.eng ul.infomation li h4 span{
	width:200px;
	font-weight:bold;
	margin-bottom:8px;
	float:none;
	
}

/*------- 言語ごとの調整 -------*/



ul.infomation li h5{
	font-size:1.143em;
	letter-spacing:0.05em;
	line-height:1.7;
	clear:both;
}

/*------- 言語ごとの調整 -------*/

.eng ul.infomation li h5{
	line-height:1.2;
	margin-bottom:3px;
	font-weight:normal;
}

/*------- 言語ごとの調整 -------*/

ul.infomation li img{
	width:480px;
	height:auto;
	margin-bottom:15px;
	vertical-align:bottom;
}

ul.infomation li p{
	height:initial;
	font-size:1.000em;
	letter-spacing:0.05em;
	line-height:1.7;
	clear:both;
}


/*------- 言語ごとの調整 -------*/

.eng ul.infomation li p{
	line-height:1.4;
}

/*------- 言語ごとの調整 -------*/


ul.infomation li p.add{
	font-size:1.000em;
	letter-spacing:0.05em;
	line-height:1.2;
	background-color:#eeeeee;
	padding:10px 15px;
	margin-top:5px;
}

ul.infomation li p.add span{
	font-weight:bold;
}


/*--- #tour01 ---*/

#tour01 ul.infomation li.tl{
	background-image:url(images/01/tl_back01.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#tour01 ul.infomation li h4{
	color:#cd2f64;
	background-image:url(images/01/line_pink.png);
	}
#tour01 ul.infomation li h5,
#tour01 ul.infomation li p.add span{ color:#cd2f64; }
#tour01 ul.infomation li h4 span{ background-color:#e36c96; }


/*--- #tour02 ---*/

#tour02 ul.infomation li.tl{
	background-image:url(images/02/tl_back02.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}


#tour02 ul.infomation li h4{
	color:#159a44;
	background-image:url(images/02/line_green.png);
	}
#tour02 ul.infomation li h5,
#tour02 ul.infomation li p.add span{ color:#159a44; }
#tour02 ul.infomation li h4 span{ background-color:#4da951; }



/*--- #tour03 ---*/

#tour03 ul.infomation li.tl{
	background-image:url(images/03/tl_back03.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#tour03 ul.infomation li h4{
	color:#943d99;
	background-image:url(images/03/line_purple.png);
	}
#tour03 ul.infomation li h5,
#tour03 ul.infomation li p.add span{ color:#943d99; }
#tour03 ul.infomation li h4 span{ background-color:#ad5eb2; }


/*--- #tour04 ---*/

#tour04 div#tl04{
	width:100%;
	height:70px;
	background-color:#fff;
	margin:0;
	padding:0;
	position:relative;
}

#brand_icon{
	position:absolute;
	top:0px;
	left:10px;
}

#tour04 h3{
	color:#fff;
	font-size:1.143em;
	font-weight:normal;
	line-height:4.25;
	letter-spacing:0.1em;
	text-align:left;
	padding:5px 0 0 92px;
	margin:12px 0 0;
	background-color:#000;
}
#tour04 h3 a,
#tour04 h3 a:hover {
  color:#ffffff;
  text-decoration: none;
}

#tour04 h3 span{
	display:block;
	font-size:2.250em;
	line-height:1.5;
	float:left;
    margin-right: 15px;
}

#tour04 div.inner{
	background:#eee;
	width:1000px;
	margin-bottom:35px;
	overflow:hidden;
}

#tour04 div.inner div{
   width:940px;
   overflow:hidden;
   margin:35px auto;
	
}

#tour04 div.inner div ul{
	width:960px;
	margin-right:-20px;
}

#tour04 div.inner div ul li{
	display:block;
	width:300px;
	margin-right:20px;
	float:left;
}

#tour04 div.inner div ul li img{
	width:300px;
	height:auto;
}

#tour04 div.inner div ul li h4{
	font-size:1.143em;
	letter-spacing:0.05em;
	line-height:1.7;
	padding:0 5px;
}

#tour04 div.inner div ul li p{
	font-size:1.000em;
	letter-spacing:0.05em;
	line-height:1.7;
	padding:0 5px;
}


/*============== 上のボタン  ==============*/

.tourism .btn_box{
	width:100%;
	margin:0 auto 50px;
	overflow:hidden;
}

.tourism .btn_box div{
	width:1032px;
	margin-right:-32px;
}

.tourism .btn_box a{
	width:226px;
	height:33px;
	font-size:1.000em;
	letter-spacing:0;
	line-height:2.1;
	background-image:url(images/arrow_w.png);
	background-position:97%;
	background-repeat:no-repeat;
	text-decoration:none;
	margin-right:32px;
	float:left;
}

/*------- 言語ごとの調整 -------*/


.han.tourism .btn_box a,
.kan.tourism .btn_box a{
	font-size:0.938em;
	letter-spacing:0;
	background-image:url(images/arrow_w.png);
	background-position:98%;
	padding-right:20px;
}

.eng.tourism .btn_box a{
	font-size:0.938em;
	min-height:45px;
	line-height:1.4;
	padding:3px 25px 0 15px;
}

.eng.tourism .btn_box a span{
	display:block;
}

/*------- 言語ごとの調整 -------*/


.tourism a#btn_01{
	color: #fff;
	background-color: #e36c96;
	border:1px solid #e36c96;
	}

.tourism a#btn_01:hover{
	color: #e36c96;
	background-image:url(images/01/arrow_01.png);
	background-color: #fff;
}

.tourism a#btn_02{
	color: #fff;
	background-color: #4da951;
	border:1px solid #4da951;
	}

.tourism a#btn_02:hover{
	color: #4da951;
	background-image:url(images/02/arrow_02.png);
	background-color: #fff;
}


.tourism a#btn_03{
	color: #fff;
	background-color: #ad5eb2;
	border:1px solid #ad5eb2;
	}

.tourism a#btn_03:hover{
	color: #ad5eb2;
	background-image:url(images/03/arrow_03.png);
	background-color: #fff;
}


.tourism a#btn_04{
	color: #fff;
	background-color: #edba43;
	border:1px solid #edba43;
	}

.tourism a#btn_04:hover{
	color: #edba43;
	background-image:url(images/04/arrow_04.png);
	background-color: #fff;
}





@media only screen and (max-width: 600px) {



/*============== 全体 ==============*/

#tour01,#tour02,#tour03,#tour04{
	width:95%;
	margin:0 auto 30px;
}

ul.infomation{
	width:100%;
	margin:0;
}

ul.infomation li{
	width:100%;
	margin:0 0 30px 0;
	float:none;
}

ul.infomation li.rb{ float:none;}

#tour01 ul.infomation li.tl,
#tour02 ul.infomation li.tl,
#tour03 ul.infomation li.tl{
	height:auto;
	position:relative;
	padding:5px 5px 5px 10px;
}

ul.infomation li h3{
	width:100%;
	font-size:1.714em;
	text-align:left;
	position:static;
	top:0;
	}


/*------- 言語ごとの調整 -------*/

.eng ul.infomation li h3 span{
	display:inline;
}

/*------- 言語ごとの調整 -------*/

ul.infomation li h4{
	width:100%;
	height:auto;
	font-size:1.714em;
	margin-bottom:10px;
	padding-bottom:10px;
	background-repeat:repeat-x;
	background-position:bottom;
}
ul.infomation li h4.line2{
	height:auto;
}

ul.infomation li h4 span,
.han ul.infomation li h4 span,
ul.infomation li h4 span.mB10{
	width:65px;
	margin-right:0;
	letter-spacing:0;
	margin-bottom:8px;
	float:none;
}


ul.infomation li h5{
	line-height:1.4;
}

ul.infomation li img{
	width:100%;
	max-width:640px;
	height:auto;
	margin:0 auto 15px;
}


/*--- #tour01 ---*/

#tour01 ul.infomation li.tl{
	background-image:none;
	background-color:#cd2f64;
}


/*--- #tour02 ---*/

#tour02 ul.infomation li.tl{
	background-image:none;
	background-color:#159a44;
}

/*--- #tour03 ---*/

#tour03 ul.infomation li.tl{
	background-image:none;
	background-color:#943d99;
}


/*--- #tour04 ---*/

#tour04 div#tl04{
	width:100%;
	height:auto;
	background-color:#000;
	padding-bottom:6px;
}

#brand_icon{
	width:45px;
	position:absolute;
	top:5px;
	left:10px;
}

#tour04 h3{
	font-size:0.857em;
	line-height:1.0;
	letter-spacing:0.05em;
	padding:0 0 0 65px;
	margin:7px 0 6px;
}

#tour04 h3 span{
	font-size:1.667em;
	line-height:1.4;
	float:none;
}

#tour04 div.inner{
	background:#eee;
	width:100%;
	margin-bottom:35px;
	overflow:hidden;
}

#tour04 div.inner div{
   width:90%;
   margin:35px auto 15px;
	
}

#tour04 div.inner div ul{
	width:100%;
	margin-right:0;
}

#tour04 div.inner div ul li{
	width:100%;
	margin-right:0;
	margin-bottom:20px;
	float:none;
}

#tour04 div.inner div ul li img{
	width:100%;
	max-width:640px;
	height:auto;
}


/*============== 上のボタン  ==============*/

.tourism .btn_box{
	width:95%;
	margin:0 auto 20px;
}

.tourism .btn_box div{
	width:100%;
	margin-right:0;
}

.tourism .btn_box a{
	width:100%;
	height:auto;
	line-height:1.0;
	margin:0 0 5px 0;
	padding:10px 0;
	float:none;
}


/*------- 言語ごとの調整 -------*/

.han.tourism .btn_box a{
	font-size:1.000em;
	padding-right:0;
}

.eng.tourism .btn_box a{
	height:auto;
	min-height:auto;
	font-size:1.000em;
	line-height:1.0;
	padding:10px 0;
}

.eng.tourism .btn_box a span{
	display:inline;
}

/*------- 言語ごとの調整 -------*/

}

@media only screen and (max-width: 480px) {
	



}