@charset "utf-8";

/* =========================================================
 	Style: Footer Style
 -----------------------------------------------------------
 1-3.Layout Box
 1-5.Footer
 1-10.Icons
 1-11.Common class
 1-12.IE7 対応 
========================================================= */


/* 1-3.Layout Box
--------------------------------------------------------- */
.foot-bus,
.foot-tour,
.foot-hotel,
.foot-ferry,
.foot-common,
.foot-mypage {
/*
header,
footer {
*/
	width: 100%;
}
	.foot-bus > div,
	.foot-tour > div,
	.foot-hotel > div,
	.foot-ferry > div,
	.foot-common > div,
	.foot-mypage > div {
	/*
	header > div,
	footer > div,
	article {
	*/
		width: 960px;
		margin: 0 auto;
		clear: both;
	}
	.foot-bus > div,
	.foot-tour > div,
	.foot-hotel > div,
	.foot-ferry > div,
	.foot-common > div,
	.foot-mypage > div {
	/*
	footer > div {
	*/
		padding-top: 23px;
	}
	
	
/* 1-5.Footer
--------------------------------------------------------- */

/* ----- Bus, Ferry Illust/ W Mark ----- */
.sct-foot {
	width: 960px;
	line-height: 0;
	margin: 10px auto 0;
	position: relative;
	clear: both;
	text-align: center;
}
	.sct-foot span {
		position: absolute;
		right: 17px;
		bottom: -41px;
		display: block;
		background: url(//cdn.willer.co.jp/st/share/pc/img/item-w-mark.png) no-repeat left bottom;
		width: 50px;
		height: 41px;
	}

/* ----- Footer ----- */
	.foot-ferry,
	.foot-common {
		text-align: left;
	}

	/* Footer Link Color */
	.foot-bus .global-nav a:link,
	.foot-bus .global-nav a:visited,
	.foot-bus .global-nav a:hover,
	.foot-bus .global-nav a:active,
	.foot-bus dt a:link,
	.foot-bus dt a:visited,
	.foot-bus dt a:hover,
	.foot-bus dt a:active,
	
	.foot-tour .global-nav a:link,
	.foot-tour .global-nav a:visited,
	.foot-tour .global-nav a:hover,
	.foot-tour .global-nav a:active,
	.foot-tour dt a:link,
	.foot-tour dt a:visited,
	.foot-tour dt a:hover,
	.foot-tour dt a:active,
	
	.foot-hotel .global-nav a:link,
	.foot-hotel .global-nav a:visited,
	.foot-hotel .global-nav a:hover,
	.foot-hotel .global-nav a:active,
	.foot-hotel dt a:link,
	.foot-hotel dt a:visited,
	.foot-hotel dt a:hover,
	.foot-hotel dt a:active,
	
	.foot-ferry .global-nav a:link,
	.foot-ferry .global-nav a:visited,
	.foot-ferry .global-nav a:hover,
	.foot-ferry .global-nav a:active,
	.foot-ferry dt a:link,
	.foot-ferry dt a:visited,
	.foot-ferry dt a:hover,
	.foot-ferry dt a:active,
	
	.foot-common .global-nav a:link,
	.foot-common .global-nav a:visited,
	.foot-common .global-nav a:hover,
	.foot-common .global-nav a:active,
	.foot-common dt a:link,
	.foot-common dt a:visited,
	.foot-common dt a:hover,
	.foot-common dt a:active,
		
	.foot-mypage .global-nav a:link,
	.foot-mypage .global-nav a:visited,
	.foot-mypage .global-nav a:hover,
	.foot-mypage .global-nav a:active,
	.foot-mypage dt a:link,
	.foot-mypage dt a:visited,
	.foot-mypage dt a:hover,
	.foot-mypage dt a:active {
/*
	footer .global-nav a:link,
	footer .global-nav a:visited,
	footer .global-nav a:hover,
	footer .global-nav a:active,
	footer dt a:link,
	footer dt a:visited,
	footer dt a:hover,
	footer dt a:active {
*/
		color: #333;
		text-decoration: none;
	}
	
	
	.foot-bus dd a:link,
	.foot-bus dd a:visited,
	.foot-tour dd a:link,
	.foot-tour dd a:visited,
	.foot-hotel dd a:link,
	.foot-hotel dd a:visited,
	.foot-ferry dd a:link,
	.foot-ferry dd a:visited,
	.foot-common dd a:link,
	.foot-common dd a:visited,
	.foot-mypage dd a:link,
	.foot-mypage dd a:visited {
/*
	footer dd a:link,
	footer dd a:visited {
*/
		color: #666;
		text-decoration: none;
	}
	
	.foot-bus dd a:hover,
	.foot-bus dd a:active,
	.foot-tour dd a:hover,
	.foot-tour dd a:active,
	.foot-hotel dd a:hover,
	.foot-hotel dd a:active,
	.foot-ferry dd a:hover,
	.foot-ferry dd a:active,
	.foot-common dd a:hover,
	.foot-common dd a:active,
	.foot-mypage dd a:hover,
	.foot-mypage dd a:active {
/*
	footer dd a:hover,
	footer dd a:active {
*/
		color: #666;
		text-decoration: underline;
	}
	.foot-bus dd + dt {
		margin-top: 1.5em;
	}

	.foot-bus .w-group a,
	.foot-tour .w-group a,
	.foot-hotel .w-group a,
	.foot-ferry .w-group a,
	.foot-common .w-group a,
	.foot-mypage .w-group a {
/*
	footer .w-group a {
*/
		color: #666;
		text-decoration: none;
	}
	footer .w-group a:hover {
		text-decoration: underline;
	}

/* ----- BG ----- */

.foot-bus,
.foot-tour,
.foot-hotel,
.foot-ferry,
.foot-common,
.foot-mypage {
/*
footer {
*/
	background: #f5f5f5 url(//cdn.willer.co.jp/st/share/pc/img/bg-footer-line.png) repeat-x left top;
	padding-bottom: 30px;
}

/* ----- Global Navigation (Tab) ----- */

	.foot-bus .global-nav,
	.foot-tour .global-nav,
	.foot-hotel .global-nav,
	.foot-ferry .global-nav,
	.foot-common .global-nav,
	.foot-mypage .global-nav {
/*
	footer .global-nav {
*/
		border-bottom: 1px solid #ccc;
		position: relative;
		height: 35px;
	}
	
	.foot-bus .global-nav ul,
	.foot-tour .global-nav ul,
	.foot-hotel .global-nav ul,
	.foot-ferry .global-nav ul,
	.foot-common .global-nav ul,
	.foot-mypage .global-nav ul {
/*
	footer .global-nav ul {
*/
		padding: 0 0 0 15px;
		position: absolute;
		left: 0;
		top: 1px;
	}
	
	.foot-bus .global-nav a,
	.foot-tour .global-nav a,
	.foot-hotel .global-nav a,
	.foot-ferry .global-nav a,
	.foot-common .global-nav a,
	.foot-mypage .global-nav a {
/*
	footer .global-nav a {
*/
		width: 120px;
		height: 25px;
		padding-top: 10px;
		font-weight: bold;
		display: block;
	}
	
	.foot-bus .global-nav li,
	.foot-tour .global-nav li,
	.foot-hotel .global-nav li,
	.foot-ferry .global-nav li,
	.foot-common .global-nav li,
	.foot-mypage .global-nav li {
/*
	footer .global-nav li {
*/
		float: left;
		width: 118px;
		height: 35px;
		text-align: left;
		text-indent: 25px;
		background: url(//cdn.willer.co.jp/st/share/pc/img/ico-arrow-r-pink.png) no-repeat 12px 50%;
		border-top: 1px solid #f5f5f5;
	}

		/* Selected Tab */
		.foot-bus .global-nav .lnk-1:hover,
		.foot-tour .global-nav .lnk-1:hover,
		.foot-hotel .global-nav .lnk-1:hover,
		.foot-ferry .global-nav .lnk-1:hover,
		.foot-common .global-nav .lnk-1:hover,
		.foot-mypage .global-nav .lnk-1:hover,
		.foot-bus .global-nav .lnk-2:hover,
		.foot-tour .global-nav .lnk-2:hover,
		.foot-hotel .global-nav .lnk-2:hover,
		.foot-ferry .global-nav .lnk-2:hover,
		.foot-common .global-nav .lnk-2:hover,
		.foot-mypage .global-nav .lnk-2:hover,
		.foot-bus .global-nav .lnk-3:hover,
		.foot-tour .global-nav .lnk-3:hover,
		.foot-hotel .global-nav .lnk-3:hover,
		.foot-ferry .global-nav .lnk-3:hover,
		.foot-common .global-nav .lnk-3:hover,
		.foot-mypage .global-nav .lnk-3:hover,
		.foot-bus .global-nav .lnk-4:hover,
		.foot-tour .global-nav .lnk-4:hover,
		.foot-hotel .global-nav .lnk-4:hover,
		.foot-ferry .global-nav .lnk-4:hover,
		.foot-common .global-nav .lnk-4:hover,
		.foot-mypage .global-nav .lnk-4:hover,
		/*
		footer .global-nav .lnk-1:hover,
		footer .global-nav .lnk-2:hover,
		footer .global-nav .lnk-3:hover,
		*/
		.foot-bus .global-nav .lnk-1,
		.foot-tour .global-nav .lnk-2,
		.foot-hotel .global-nav .lnk-4,
		.foot-ferry .global-nav .lnk-3 {
			border: 1px solid #ccc;
			border-bottom-color: #f5f5f5;
			background: #f5f5f5 url(//cdn.willer.co.jp/st/share/pc/img/ico-arrow-d-pink.png) no-repeat 12px 50%;
		}
		
		.foot-bus .global-nav .lnk-1:hover,
		.foot-tour .global-nav .lnk-1:hover,
		.foot-hotel .global-nav .lnk-1:hover,
		.foot-ferry .global-nav .lnk-1:hover,
		.foot-common .global-nav .lnk-1:hover,
		.foot-mypage .global-nav .lnk-1:hover,
		.foot-bus .global-nav .lnk-2:hover,
		.foot-tour .global-nav .lnk-2:hover,
		.foot-hotel .global-nav .lnk-2:hover,
		.foot-ferry .global-nav .lnk-2:hover,
		.foot-common .global-nav .lnk-2:hover,
		.foot-mypage .global-nav .lnk-2:hover,
		.foot-bus .global-nav .lnk-3:hover,
		.foot-tour .global-nav .lnk-3:hover,
		.foot-hotel .global-nav .lnk-3:hover,
		.foot-ferry .global-nav .lnk-3:hover,
		.foot-common .global-nav .lnk-3:hover,
		.foot-mypage .global-nav .lnk-3:hover,
		.foot-bus .global-nav .lnk-4:hover,
		.foot-tour .global-nav .lnk-4:hover,
		.foot-hotel .global-nav .lnk-4:hover,
		.foot-ferry .global-nav .lnk-4:hover,
		.foot-common .global-nav .lnk-4:hover,
		.foot-mypage .global-nav .lnk-4:hover {
/*
		footer .global-nav .lnk-1:hover,
		footer .global-nav .lnk-2:hover,
		footer .global-nav .lnk-3:hover {
*/
			background-position: 10px 50%;
			width: 116px;
			text-indent: 24px;
		}
		.foot-bus .global-nav .lnk-1:hover,
		.foot-tour .global-nav .lnk-2:hover,
		.foot-hotel .global-nav .lnk-4:hover,
		.foot-ferry .global-nav .lnk-3:hover {
			width: 118px;
			text-indent: 25px;
			background-position: 12px 50%;
		}
		
		/* Footer Selected Tab Text Color */
		.foot-bus .global-nav .lnk-1 a,
		.foot-tour .global-nav .lnk-2 a,
		.foot-hotel .global-nav .lnk-4 a,
		.foot-ferry .global-nav .lnk-3 a {
			color: #f74c78!important;
		}
/* ----- Local Navigation ----- */
	.foot-bus .local-nav,
	.foot-tour .local-nav,
	.foot-hotel .local-nav,
	.foot-ferry .local-nav,
	.foot-common .local-nav,
	.foot-mypage .local-nav {
		border-top: 1px solid #fff;
		padding-top: 20px;
	}
	.foot-bus .local-nav + .local-nav,
	.foot-tour .local-nav + .local-nav,
	.foot-hotel .local-nav + .local-nav,
	.foot-ferry .local-nav + .local-nav,
	.foot-common .local-nav + .local-nav,
	.foot-mypage .local-nav + .local-nav {
		border-top: none;
		clear: both;
		display: block;
		padding-top: 0;
	}
	
	.foot-bus .local-nav:after,
	.foot-tour .local-nav:after,
	.foot-hotel .local-nav:after,
	.foot-ferry .local-nav:after,
	.foot-common .local-nav:after,
	.foot-mypage .local-nav:after {
		content: "";
		clear: both;
		display: block;
	}
	
		
	/* dl */
	.foot-bus dl,
	.foot-tour dl,
	.foot-hotel dl,
	.foot-ferry dl,
	.foot-common dl,
	.foot-mypage dl {
/*
	footer dl {
*/
		width: 180px;
		float: left;
		padding-bottom: 20px;
	}
	
	.foot-bus dl + dl,
	.foot-tour dl + dl,
	.foot-hotel dl + dl,
	.foot-ferry dl + dl,
	.foot-common dl + dl,
	.foot-mypage dl + dl {
/*
	footer dl + dl {
*/
		margin-left: 15px;
	}
	/* Ferry Campaign */
	.foot-bus .menu-1,
	.foot-tour .menu-1,
		.foot-hotel .menu-1,
	.foot-ferry .menu-1,
	.foot-common .menu-1,
	.foot-mypage .menu-1 {
/*
	footer .menu-1 {
*/
		width: 380px;
	}
	
		.foot-bus .menu-1 dd,
		.foot-tour .menu-1 dd,
		.foot-hotel .menu-1 dd,
		.foot-ferry .menu-1 dd,
		.foot-common .menu-1 dd,
		.foot-mypage .menu-1 dd {
/*
		footer .menu-1 dd {
*/
			width: 150px;
			float: left;
		}
	
		.foot-bus dt,
		.foot-tour dt,
		.foot-hotel dt,
		.foot-ferry dt,
		.foot-common dt,
		.foot-mypage dt {
/*
		footer dt {
*/
			border-bottom: 1px solid #ccc;
			font-weight: bold;
			/*
			text-indent: 20px;
			background: url(//cdn.willer.co.jp/st/share/pc/img/ico-arrow-r-pink-2.png) no-repeat left 0.25em;
			*/
			padding-bottom: 8px;
			margin-bottom: 10px;
		}
		
		.foot-bus dd,
		.foot-tour dd,
		.foot-hotel dd,
		.foot-ferry dd,
		.foot-common dd,
		.foot-mypage dd {
/*
		footer dd {
*/
			margin-bottom: 4px;
			padding-left: 28px;
			background: url(//cdn.willer.co.jp/st/share/pc/img/ico-arrow-r-pink.png) no-repeat 15px 0.25em;
			display: block !important;
		}
		/* QR-Code */
		footer dd figure img {
			text-align: center;
			margin-top: 10px;
		}

/* ----- Willer Group List ----- */
	.w-group {
		background: url(//cdn.willer.co.jp/st/share/pc/img/logo-w.png) no-repeat left top;
		padding: 0 0 0 66px;
		margin-bottom: 40px;
		float: left;
		height: 41px;
		font-size: 11px;
		width: 100%;
		box-sizing: border-box;
	}
		.w-group ul {
			padding-top: 2px;
		}
		.w-group:after,
		.w-group ul:after {
			content: "";
			clear: both;
			display: block;
		}
			.w-group li {
				float: left;
				padding-right: 1.1em;
				margin-bottom: 10px;
				white-space: nowrap;
			}
			.w-group li + li {
				padding-left: 1.1em;
				border-left: 1px solid #666;
			}

		
/* ----- Group Site(バナー) ----- */
		.foot-bus dl.gp-list:after,
		.foot-tour dl.gp-list:after,
		.foot-hotel dl.gp-list:after,
		.foot-ferry dl.gp-list:after,
		.foot-common dl.gp-list:after,
		.foot-mypage dl.gp-list:after {
			content:"";
			display: block;
			clear: both;
		}
		/* dl(.gp-list) */
		.foot-bus dl.gp-list,
		.foot-tour dl.gp-list,
		.foot-hotel dl.gp-list,
		.foot-ferry dl.gp-list,
		.foot-common dl.gp-list,
		.foot-mypage dl.gp-list {
		/*
		footer dl.gp-list {
		*/
			width: 100%;
			box-sizing: border-box;
			float: none;
			margin-top: 40px;
			padding-bottom: 0;
		}
		.foot-bus .gp-list dd,
		.foot-tour .gp-list dd,
		.foot-hotel .gp-list dd,
		.foot-ferry .gp-list dd,
		.foot-common .gp-list dd,
		.foot-mypage .gp-list dd {
		/*
		footer .gp-list dd {
		*/
			box-sizing: border-box;
			width: 22%;
			padding-left: 0;
			background: none;
			float: left;
		}
		.foot-bus .gp-list dd + dd,
		.foot-tour .gp-list dd + dd,
		.foot-hotel .gp-list dd + dd,
		.foot-ferry .gp-list dd + dd,
		.foot-common .gp-list dd + dd,
		.foot-mypage .gp-list dd + dd {
		/*
		footer .gp-list dd {
		*/
			margin-left: 4%;
		}
		
		.foot-bus .gp-list img,
		.foot-tour .gp-list img,
		.foot-hotel .gp-list img,
		.foot-ferry .gp-list img,
		.foot-common .gp-list img,
		.foot-mypage .gp-list img {
		/*
		footer .gp-list img {
		*/
			width: 100%;
			height: auto;
		}
		
		/* バナーhover  */
		.onicon{
			background-color:#FFF;
		}
		.onicon:hover{
			-ms-filter: "alpha( opacity=80 )";/* for IE 8 & 9 (filter works too) should come BEFORE "filter:" */
			filter:alpha(opacity=80);/*IE 9 8 7 6 5 */
			-moz-opacity:0.8;/* Older than Firefox 0.9 */
			-khtml-opacity: 0.8;/* Safari 1.x (pre WebKit!) */
			opacity:0.8;/* Firefox 0.9+, Safari 2?, Chrome Opera 9+, IE 9+ */
		}

















































		
/* ----- Aside(バナー) ----- */
		.aside {
/*
		footer aside {
*/
			float: right;
			width: auto;
		}
		
			.aside li {
/*
			footer aside li {
*/
				float: left;
			}
			
			.aside li + li {
/*
			footer aside li + li {
*/
				margin-left: 8px;
			}

		
	
/* 1-10.Icons
--------------------------------------------------------- */
.foot-bus dd a[target="_blank"]:after,
.foot-tour dd a[target="_blank"]:after,
.foot-hotel dd a[target="_blank"]:after,
.foot-ferry dd a[target="_blank"]:after,
.foot-common dd a[target="_blank"]:after,
.foot-mypage dd a[target="_blank"]:after,
a.popup:after,

footer nav a[target="_blank"]:after {
	content: url(//cdn.willer.co.jp/st/share/pc/img/ico-window.png);
	vertical-align: middle;
	margin: 0 2px;
}


.foot-bus .gp-list dd a[target="_blank"]:after,
.foot-tour .gp-list dd a[target="_blank"]:after,
.foot-hotel .gp-list dd a[target="_blank"]:after,
.foot-ferry .gp-list dd a[target="_blank"]:after,
.foot-common .gp-list dd a[target="_blank"]:after,
.foot-mypage .gp-list dd a[target="_blank"]:after{
	content: none;
}
	
/* 1-11.Common class
--------------------------------------------------------- */
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

hr.cl-both {
	clear: both;
	height: 0px;
	border: none;
	padding-top: 0;
	overflow: hidden;
	font-size: 0;
}

#to-top {
	position: fixed;
	width: 30px;
	height: 30px;
	background: url(//cdn.willer.co.jp/st/share/pc/img/ico-to-top.png) no-repeat right 50%;
	right: 20px;
	bottom: 20px;
}


/* 1-12.IE7 対応(+IE6)
--------------------------------------------------------- */
/* ----- Header ----- */
/*
.guide li > div,
.menu li > div {
	/display: none;
	/visibility: hidden;
}
.gnav {
	/margin-top: -15px;
}
*/
	/* IE7のみ言語SELECT無 */
	/*
	.head-bus .utility,
	.head-ferry .utility,
	.head-tour .utility,
	.head-hotel .utility,
	.head-common .utility,
	.head-mypage .utility {
		/width: auto;
	}
	*/

/* ----- Footer ----- */
.foot-bus > div,
.foot-tour > div,
.foot-hotel > div,
.foot-ferry > div,
.foot-common > div,
.foot-mypage > div {
/*
footer > div {
*/
	/padding-top: 38px;
}

.w-group {
	/width: 390px;
}

/* ----- Common Class ----- */
hr.cl-both {
	/visibility: hidden;
}


/* ----- ハックTest用 ----- */
.example { /background: orange; }/* IE6・IE7 */
.example2 { _background: green; }/* IE6 */