@charset "utf-8";

/* global-styles */
html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#fff;
	height:100&;
}
body {
	height:100%;

}


/* header */
#headerMenu{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	z-index:4100;
	height:90px;
	}

#headerMenu .wrap1025{
	margin:0px auto;
	height:90px;
	text-align:left;
	}

#headerMenu #logoClose{
	width:278px;
	height:79px;
	position:absolute;
	top:12px;
	left:10px;
	}
#headerMenu #logoClose a{
	width:278px;
	height:79px;
	display:block;
	text-indent:-9999px;
	background: url(../images/logo01.png) no-repeat left top;
	}
#headerMenuButton{
    z-index: 4300;
	width:68px;
	height:68px;
	position:fixed;
	top:10px;
	right:10px;
    text-indent:-9999px;
	background: url(../images/headerMenu01.png) no-repeat left top;
    cursor: pointer;
    transition: top 0.2s ease-out;
	}


#headerMenuButton.headeropen{
    top: 104px;
    background: url(../images/headerMenu02.png) no-repeat left top;
}


	


/* デフォルトヘッダー */

#header{
	width:100%;
	height:94px;
	position:absolute;
	top:0px;
    opacity: 0;
	left:0;
	background: url(../images/headerBg01.png) repeat-x left top;
	z-index:4200;

	}

#header.headeropen{
    -webkit-transition:opacity 0.7s linear;
    -o-transition: opacity 0.7s linear;
    transition: opacity 0.7s linear;
    opacity: 1;
}

#header a{
    display: none !important;
}
#header.headeropen a{
    display: block !important;
}

#logo {
	position:absolute;
	top:25px;
	left:18px;
}


#globalMenu{
	width:726px;
	height:45px;
	position:absolute;
	right:10px;
	top:46px;
	}
#globalMenu li{
	float:left;
	}
#globalMenu li a {
	background:url(../images/common/gnav_new.png) no-repeat;
	display:block;
	height:45px;
	text-indent:-9999px;
	line-height:1;
}

#globalMenu li.about a {	background-position:0 0;	width:201px;}
#globalMenu li.nisei a {	background-position:-201px 0;	width:176px;}
#globalMenu li.concierge a {	background-position:-377px 0;	width:184px;}
#globalMenu li.case a {	background-position:-561px 0;	width:82px;}
#globalMenu li.shop a {	background-position:-643px 0;	width:83px;}


#globalMenu li.about a:hover{	background-position:0 -45px;}
#globalMenu li.nisei a:hover{	background-position:-201px -45px;}
#globalMenu li.concierge a:hover{	background-position:-377px -45px;}
#globalMenu li.case a:hover{	background-position:-561px -45px;}
#globalMenu li.shop a:hover{	background-position:-643px -45px;	}

#btn-contact { 
text-indent: -9999px;
background: url(../images/common/btn_link_contact.png) no-repeat scroll 0% 0% transparent;
width: 71px;
height: 13px;
position:absolute;
top:22px;
right:152px;
}

#btn-contact:hover { 
text-indent: -9999px;
background: url(../images/common/btn_link_contact_on.png) no-repeat scroll 0% 0% transparent;
width: 71px;
height: 13px;
}


#lxl-search-area2 {
background: url(../images/common/icon_search.png) no-repeat left top;
border-bottom: 1px solid #4B4949;
height: 19px;
width: 100px;
position:absolute;
right:10px;
top:20px;
}

#lxl-search-area2 #searchform input#keywords {
border: medium none;
width: 80px;
margin-left:20px;
font-size: 108%;
color: #AAA;
}





/* footer */
	
#footer{
/*	height:auto;*/
    height: 62px;
	position: fixed;
	bottom: 0px;
	z-index:3000;
	width:100%;
    overflow-y: hidden;
    transition: height 0.4s linear;
	}

#footer.openfooter{
    height: 355px;
    
}


.grayBg{
	position: fixed;
	bottom: 0px;
	height:18px;
	padding-top:7px;
	background:#5a5857;
	width:100%;
	text-align:center;
	color:#FFF;
	font-size:13px;
    z-index: 5000;
	}
.grayBg ul{
	width:700px;
	position:absolute;
	top:7px;
	left:10px;
	}
.grayBg li{
	float:left;
	padding-right:30px;
	}
.grayBg li a{
	color:#FFF;
	text-decoration:none;
	}
.grayBg p{
	position:absolute;
	top:7px;
	right:10px;
	}



#newsAndRecomend{
/*	display:none;*/
	background:#FFF;
	position: absolute;
    top: 37px;
	height:300px;
	width:100%;
	}
#toggleButton{
	width:198px;
	height:37px;
	display:block;
	background:#FFF;
	position:absolute;
	top:0px;
	right:10px;
	text-indent:-9999px;
	background: url(../images/newsButton01.png) no-repeat left top;
	}


.openfooter #toggleButton{
    background: url(../images/newsButton02.png) no-repeat left top;
}

/* スライドショー */


div.gallery{
    width: 870px;
    margin: 0px auto 30px auto;
    
}
.owl-stage-outer img{
    border: 1px solid #808080;
    box-sizing: border-box;
}

.owl-stage-outer{
    padding-top: 40px;
/*    width: 780px;*/
    z-index: 1;
/*    margin-left: 30px;*/
    margin: 0px 0px;
}
.owl-controls{
     
}
.owl-nav{
    position: absolute;
    top: 40px;
    width: 930px;
    left: -30px;
}
.owl-prev{
    text-align: center;
    float: left;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.owl-next{
    text-align: center;
    float: right;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.owl-prev,.owl-next{
    width: 10px;
    height: 120px;
    background-color: #ee6e17;
    color: white;
    overflow: hidden;
    font-family: monospace;
    line-height: 120px;
    padding: 0px 5px;
    
}
.owl-prev:hover,.owl-next:hover{
     background-color: #f89654;
}
.owl-prev.nomore,.owl-prev.nomore:hover,.owl-next.nomore,.owl-next.nomore:hover{
    background-color: #cbcbcb;
}

.owl-dots{
    height: 10px;
    text-align: center;
    position: absolute;
    top: 15px;
    width: 100%;
    z-index: 2;
}

.owl-dot{
    margin-right: 10px;
    width: 10px;
    height: 10px;
/*    float: left;*/
    display: inline-block;
    background-color: #cecece;
    border-radius: 5px;
    
}
.owl-dot.active{
        background-color: #ee6e17;

}



#newsAndRecomend dl{
	width:830px;
	margin:0px auto;
	font-size:13px;
	letter-spacing:0.1rem;
	}
#newsAndRecomend dt{
	width:130px;
	float:left;
	margin-bottom:12px;
	}
#newsAndRecomend dd{
	padding-left:130px;
	margin-bottom:15px;
	}
#newsAndRecomend dd a{
	text-decoration:underline;
	color:#ee6e17;
	}
.grayBg li>a[target="_blank"] {
    padding-right: 18px;
    background-image: url(../images/blankmark.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: auto 70%;
}


/* COMMON */
/*
.wrap1025{
	width:1025px;
	margin:0px auto;
	position:relative;
	}
*/

/*
 clearfix
-------------------------------------------------------------------------*/
.clearfix, #footer .wrap1025, #footer ul, #newsAndRecomend dl, .lxl-header-utility {
	zoom: 100%;
}
.clearfix:after, #footer .wrap1025:after, #footer ul:after, #newsAndRecomend dl:after, .lxl-header-utility:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0;
}

.footerbanner {
    position: fixed;
    z-index: 2950;
    left: 15px;
    bottom: 25px;
    width: 350px;
    height: 180px;
}