@charset "utf-8";

/*----------------------------------------------------
Information
File name:      navigation.css
Style Info:     プルダウンナビゲーション用スタイルの設定
--------------------------------------------------- */

/*----------------------------------------------------
	index
----------------------------------------------------*/
/* グローバルナビ
---------------------------------------------------- */
.global-navigation {
	width: 100%;
	height:60px;
	margin: 0 auto 20px;

	position:relative;
	background: url(/images/common2015/global_navi_bg.png) no-repeat 50% 0;
}
.global-nav-home {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-451px;
	z-index:100;
}
.global-nav-home li.home {
  width: 95px;
}
.global-nav {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-354px;

	display: table;
}
.global-nav:after {
  display: block;
  clear: both;
  content: '';
  overflow: hidden;
}
.global-nav li {
	float: left;
	margin-right:1px;
	position: relative;
	text-align: center;
}
.global-nav li.lastChild {
	margin: 0;
}
.global-nav li span{
	display:none;
}

.global-nav li.info {
  width: 114px;
}
.global-nav li.events {
  width: 114px;
}
.global-nav li.outdoor {
  width: 114px;
}
.global-nav li.winter {
  width: 114px;
}
.global-nav li.owner {
  width: 114px;
}
.global-nav li.dining {
  width: 114px;
}
.global-nav li.resort_stay {
  width: 114px;
}
.global-nav li:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  transition: height 0.2s ease;
}
.global-nav li.is-active:after, .global-nav li:hover:after {
  height: 6px;
}
.global-nav a {
  display: block;
  color: #5d6970 !important;
  text-decoration: none;
  white-space: nowrap;
}
.global-nav a:hover {
  color: #00a05c !important;
}
.global-nav span {
  display: block;
  padding: 2px 0;
  border-left: 1px solid #d4d8db;
}
.global-nav li:last-child span {
  border-right: 1px solid #d4d8db;
}

/* メガメニュー
---------------------------------------------------- */
.global-drop-nav {
  display: none;
  width: 100%;
  position: absolute;
  top:65px;
  z-index: 100;
  background: #fff;
  box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.1);
}
.global-drop-nav.is-hide {
  display: none;
}
.global-drop-nav.is-show {
  display: block;
}
.global-drop-nav .inner {
  width: 900px;
  margin: 0 auto;
	position:relative;
}
.global-drop-nav .inner .descr {
	position:absolute;
	top:-20px;
	width:900px;
	margin:0 auto;
	padding:0;
	height: 20px;
	font-size:16px;
	text-align:left;
	color:#fff;
}

.global-drop-nav .wrap-close {
	position: relative;
	width: 100%;
	height:60px;
	background: url(/images/common/bg_subnavi.gif) repeat-x 0 0;
	margin: 0 auto;
	text-align: left;
}
.global-drop-nav .wrap-close h2 {
	width:900px;
	height:40px;
	line-height:40px;
	margin:0 auto;
	font-size:20px;
	font-weight:bold;
}

.global-drop-nav .inner-menu {
	width: 900px;
	margin: 0 auto;
	display: table;
	min-height: 435px;
}
.global-drop-nav .inner-menu:after {
	display: block;
	clear: both;
	content: '';
	overflow: hidden;
}
.global-drop-nav .level1,
.global-drop-nav .level2,
.global-drop-nav .level3 {
	display: table-cell;
	padding: 10px 0;
	vertical-align: top;
	text-align: left;
}
.global-drop-nav .level1 {
	width: 449px;
	background-color: #fff;
	border-left:1px solid #cbcbcb;
}
.global-drop-nav .level1 .list-link a:hover {
	background-color: #f1fcd9;
}
.global-drop-nav .level2 {
	width: 448px;
	min-height: 10px;
	background-color: #f1fcd9;
	border-left:1px solid #cbcbcb;
	border-right:1px solid #cbcbcb;
}
.global-drop-nav .level2 .list-link a:hover {
  background-color: #bbea42;
}
.global-drop-nav .level3 {
	width: 298px;
	background-color: #fff;
	border-left:1px solid #cbcbcb;
	border-right:1px solid #cbcbcb;
}
.global-drop-nav .level3 .list-link a {
  background: none;
}
.global-drop-nav .level3 .list-link a:hover {
  background-color: #f1fcd9;
  color: #00a05d;
}
.global-drop-nav .level3 .list-banner {
  margin: 0 17px;
}
.global-drop-nav .is-show {
  display: block;
}
.global-drop-nav .is-hide {
  display: none;
}
.global-drop-nav .list-link a {
  display: block;
  margin-right: 1px;
  border-right: 20px solid transparent;
  padding: 10px 5px 10px 15px;
  color: #707f87;
  text-decoration: none;
  background-color: transparent;
  transition: background-color 0.2s ease;
}
.global-drop-nav .list-link a[data-menuid] {
  margin-right: 0;
  background: url(/images/common/ico_arrow_1.png) no-repeat 100% 50%;
}
.global-drop-nav .list-link-sub {
  border-top: 1px solid #e3e8e8;
  font-size: 1.2rem;
  overflow: hidden;
}
.global-drop-nav .list-link-sub li {
  float: left;
  width: 50%;
  border-bottom: 1px solid #e3e8e8;
  border-right: 1px solid #e3e8e8;
  line-height: 1.2;
}
.global-drop-nav .list-link-sub li:nth-child(2n) {
  border-right: 0;
}
.global-drop-nav .list-link-sub li.otc a {
  padding: 5px 21px;
}
.global-drop-nav .list-link-sub a {
  display: block;
  padding: 12px 3px;
  color: #707f87;
  text-align: left;
  text-decoration: none;
}
.global-drop-nav .list-link-sub a:hover {
  color: #00a05c;
}
.global-drop-nav .products .list-btns {
  margin: 34px 17px 17px;
}
.global-drop-nav .products .list-btns li {
  margin-top: 10px;
}
.global-drop-nav .products .list-btns a {
  color: #707f87;
}
.global-drop-nav .list-banner {
  margin: 5px 17px;
}
.global-drop-nav .list-banner li {
  margin-bottom: 15px;
}
.global-drop-nav .list-banner.company a {
  display: block;
}
.global-drop-nav .list-banner.company a .text {
  margin-top: 10px;
  background: url(/ja/img/common/ico_arrow_1.png) no-repeat 0% 50%;
  padding-left: 17px;
}
.global-drop-nav .list-banner.ir a {
  display: block;
}
.global-drop-nav .list-banner.ir .mod-btn2 {
  color: #343737;
  padding: 0;
  text-align: left;
}
.global-drop-nav .list-banner.ir .mail {
  border: 0;
  height: 70px;
  background: url(/ja/img/common/bnr_dropdown-mail.jpg) no-repeat 0 0;
}
.global-drop-nav .list-banner.ir .mail:after {
  display: none;
}
.global-drop-nav .list-banner.ir .mail span {
  display: block;
  padding-left: 70px;
  line-height: 70px;
}
.global-drop-nav .list-banner.ir .contact {
  background: url(/ja/img/common/ico_mail_1.png) no-repeat 20px 50% #fff;
}
.global-drop-nav .list-banner.ir .contact span {
  display: block;
  padding-left: 70px;
  line-height: 70px;
}
.global-drop-nav .list-banner a:hover img {
  transition: opacity 0.2s ease-in-out;
  display: block;
  background: white;
}
.global-drop-nav .list-banner a:hover img:hover {
  opacity: 0.7;
  text-decoration: none;
}