@charset "utf-8";
/**
 * header.css
 */

/* header
--------------------------------------------------*/
	#gHeader {
		width: 100%;
	}
	#gHeaderNav {font
		width: 100%;
		height:35px;
		background:#FAFAFA;
		border-bottom:1px solid #EEE;
		position:relative;
	}
	#gHeaderNav a{
		border:none;
	}
	#gHeaderNav a:focus,
	#gHeaderNav a:hover,
	#gHeaderNav a:active {
		outline:none;
		box-sizing: border-box;
	}
	#gHeaderNav .ghome a:focus,
	#gHeaderNav #lng a:focus,
	#gHeaderNav #lng_list a:focus,
	#gHeaderNav .gFB a:focus ,
	#gHeaderNav .gTW a:focus {
		outline:thin dotted;
		/*\*/
		overflow: hidden;
		/**/
	}

	#gHeader .wrap{
		min-width:960px !important;
		width:1040px !important;
	}

	#logoArea {
		float: left;
		padding-top: 20px;
	}
	#logo a {
		display: block;
		overflow: hidden;
		width: 386px;
		height: 54px;
		border-bottom: none;
		background: url(../images/logo.png) no-repeat left top;
		text-indent: -9999px;
	}
	html.retina #logo a {
		background-image: url(../images/retina/logo.png);
		-webkit-background-size: 395px 52px;
		background-size: 395px 52px;
	}
	#logo a:hover {
		filter: alpha(opacity=75);
		-moz-opacity:0.75;
		opacity:0.75;
	}
	#navMenu {
		display: none;
	}
	#hNavArea {
		float: right;
		width: 600px;
	}
	
	#gNav {
		clear: both;
		width: 700px;
		height: 50px;
		padding-top: 0px;
		line-height: 1.93;
		letter-spacing: 0.15em;
	}
	#gNav li a {
		border-bottom: none;
		color: #333333;
		width: 140px;
		height:100px;
		display:block;
		text-align:center;
		line-height:100px;
	}
	#gNav li.on a,
	#gNav li.nav01 a:focus,
	#gNav li.nav02 a:focus,
	#gNav li.nav03 a:focus,
	#gNav li.nav01 a:hover,
	#gNav li.nav02 a:hover,
	#gNav li.nav03 a:hover {
		display:block;
		color: #FFF !important;
		width: 140px;
		height:100px;
		background:#4D4D4D;
		text-align:center;
		line-height:75px;
		background:url(../images/bg_gNav.png) no-repeat;
	}
	#gNav li.nav04 a:focus,
	#gNav li.nav05 a:focus ,
	#gNav li.nav04 a:hover,
	#gNav li.nav05 a:hover {
		display:block;
		color: #FFF !important;
		width: 140px;
		height:100px;
		background:#4D4D4D;
		text-align:center;
	}

	#gNav li.nav04,
	#gNav li.nav05{
		text-align:center;
		width: 100px !important;
	}

	#gNav li.nav04 a,
	#gNav li.nav05 a{
		text-align:center;
		width: 100px !important;
	}

	#gNav li {
		float: left;
		width: 140px;
		height:100px;
		display:block;
/*		font-size:15px;*/
		font-size:110%;
	}
	
	.mhov{
		display:block;
		color: #FFF !important;
		width: 140px;
		height:100px;
		background:#4D4D4D;
		text-align:center;
		background:url(../images/bg_gNav.png) no-repeat;
	}
	.mhov a{
		color: #FFF !important;
	}
	#gNav li.mhov a{
		display:block;
		color: #FFF !important;
		width: 140px;
		height:100px;
		text-align:center;
		line-height:75px;
	}



#gNav .list,
#gNav .list2{
	background:#4D4D4D !important;
	height:220px;
}
#gNav li{
	position:relative;
}


#gNav ul.list{
	position:absolute;
	padding: 15px;
	width:220px;
}
#gNav ul.list2{
	position:absolute;
	left:210px;
	padding:15px;
	width:230px;
}
#gNav .list li,
#gNav .list2 li{
		float: none;
		width: 190px;
		height:30px;
		display:block;
		background:#4D4D4D !important;
}
#gNav .list li a:hover,
#gNav .list li a:focus,
#gNav .list li a,
#gNav .list2 li a:hover,
#gNav .list2 li a:focus,
#gNav .list2 li a{
	line-height:30px;
	/*font-size:12px;*/
	font-size:70.2%;
	text-align:left;
	padding-left:10px;
	color:#FFF !important;
	height:30px;
}

#gNav .list li a,
#gNav .list2 li a{
	width:190px;
}
#gNav .list li a:hover,
#gNav .list li a:focus,
#gNav .list2 li a:hover,
#gNav .list2 li a:focus{
	background:#999;
	width:190px;
}


.ghome a{
position:absolute;
background:url(../images/btn_home.png) no-repeat;
display:block;
width:66px;
height:21px;
text-indent:-9999px;
top:7px;
}
.ghome a:hover{
	cursor:pointer;
}
#gHeaderNav .wrap{
	position:relative !important;
}
#gHeaderNav #lng{
	position:absolute;
	top:7px;
	right:80px;
	padding-right:8px;
	border-right:1px solid #ccc;
	width:60px;
	height:24px;
	overflow:hidden;
}
.gFB a{
position:absolute;
right:40px;
background:url(../images/btn_facebook.png)no-repeat;
display:block;
width:24px;
height:24px;
text-indent:-9999px;
top:7px;
}
.gTW a{
position:absolute;
background:url(../images/btn_twitter.png) no-repeat;
display:block;
width:24px;
height:24px;
right:0px;
text-indent:-9999px;
top:7px;	
}


#gHeaderNav #lng {
    width: 90px;
height:28px;
}
#lng li,
#lng_list li{
padding-right:20px;
cursor:pointer;
}
#lng li.on{
background-image:url('//moerenumapark.jp/common/images/lang_on_bg.png');
background-repeat: no-repeat;
background-position: right center;
}
#lng li img,
#lng_list li img{
padding:5px;
}

#lng_list{
position:absolute;
top:35px;
right:80px;
border:solid 1px #eeeeee;
background-color:#fafafa;
display: block;
width:100px;
z-index:10;
}
#lng_list li{
display: block;
border:solid 1px #eeeeee;
padding:5px 0px;-
}
#lng_list li:hover{
background-color:#eeeeee;
}

/* en
--------------------------------------------------*/
	body.en #gNav li {
		width: 112px;
	}
	body.en #gNav li.nav02 {
		width: 333px;
	}
	body.en #gNav li.nav04 {
		width: 178px;
	}


/* TB
--------------------------------------------------*/

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

	#logoArea {
		padding-top: 10px;
	}
	#logo a {
		width: 215px;
		height: 55px;
		background-image: url(../images/logo_tb.png);
	}
	#gHeader .wrap{
		min-width:820px !important;
		width:820px !important;
	}

	html.retina #logo a {
		background-image: url(../images/retina/logo_tb.png);
		-webkit-background-size: 215px 72px;
		background-size: 215px 72px;
	}

}


/* SP
--------------------------------------------------*/
@media only screen and (max-width:767px) {

/* header */
	#gHeader {
		height: 60px;
		margin-bottom: 10px;
	}
	#logoArea {
		position: fixed;
		top:36px;
		left: 0;
		z-index: 100;
		width: 100%;
		height: 32px;
		padding: 14px 0;
		background: #ffffff;
	}
	#logo {
		float: left;
		margin-left: 10px;
	}
	#logo a {
		width: 132px;
		height: 32px;
		background-image: url(../images/logo_sp.png);
	}
	html.retina #logo a {
		background-image: url(../images/retina/logo_sp.png);
		-webkit-background-size: 235px 31px;
		background-size: 235px 31px;
	}
	#navMenu {
		display: block;
		overflow: hidden;
		float: right;
		width: 41px;
		height: 33px;
		margin-right: 10px;
		background: url(../images/icon-nav.gif) no-repeat left top;
		text-indent: -9999px;
		cursor: pointer;
	}
	html.retina #navMenu {
		background-image: url(../images/retina/icon-nav.gif);
		-webkit-background-size: 41px 33px;
		background-size: 41px 33px;
	}
	#hNavArea {
		visibility: hidden;
		position: fixed;
		top: 0;
		right: 0;
		z-index: -1;
		float: none;
		width: 100%;
		height: 100%;
	}
	.menuOPEN #hNavArea {
		z-index: 1;
	}

	#hNavArea .inner {
		position: relative;
		width: 260px;
		height: 100%;
		margin-left: auto;
		background: #f3f1e9;
	}
	#gNav {
		width: 200px;
		height: auto;
		margin: 0 30px;
		padding-top: 115px;
		line-height: 2.08;
	}
	#gNav li {
		float: none;
		width: 200px !important;
		margin: 0;
		border-bottom: #ffffff solid 1px;
	}
	#gNav li:first-child {
		border-top: #ffffff solid 1px;
	}
	#gNav li a {
		display: block;
		position: relative;
		padding: 12px 25px 11px 10px;
	}
	#gNav li a:after {
		content: '>';
		position: absolute;
		top: 50%;
		right: 5px;
		margin-top: -0.85em;
		color: #333333 !important;
		font-size: 123.1%;
		font-weight: 300;
		line-height: 1.69;
		letter-spacing: 0.15em;
	}
	.thumbArea .titleArea{
		position:relative !important;
		bottom:0px;
		background:#222 !important;
		margin:0px !important;
		padding:0px !important;
	}

	#gHeader{
		width:100% !important;
		height:100px;
		position:fixed !important;
		top:0px !important;
	}
	#lng{
		position:fixed !important;
		top:4px !important;
		right:90px !important;
	}
	.gFB{
		position:fixed !important;
		top:0px !important;
		right:15px;
	
	}
	.gTW{
		position:fixed !important;
		top:0px !important;
		right:20px;
	
	}
	#container{
		padding:0px !important;
		margin:0px !important;
	}
	#mainVisual{
		padding:0px !important;
		margin-top:0px !important;	
		position:absolute !important;
		top:0px !important;	
	}
	body{
		overflow-x:hidden;
	}
	.topev img{
		width:100%;
		height:auto;
	}
	.topev{
		margin-bottom:40px !important;
	}
	.top_ev_div div{
		padding-left:12px !important;
	}
	.banner_bottom img{
		width:48% !important;
	}
	.banner_bottom a:nth-child(2n+0){
		margin-left:4% !important;
	}
	.banner_bottom a{
		margin-left:0% !important;
	}
}