@charset "utf-8";

/* Wrap
----------------------------------------------------------- */
.wrapper {
	width: 1000px;
	min-width: 1000px;
	margin: 0 auto;
	padding: 0 30px;
	text-align: left;
}


/* HEADER
----------------------------------------------------------- */

#logo {
	position: absolute;
	top: 0;
	left: 10px;
	z-index: 10;
}


/*pageTop
------------------------------------------------------------------------ */
#pageTop {
	width: 45px;
	height: auto;
	position: absolute;
	right: 10px;
	top: -80px;
}

#pageTop img {
	width: 100%;
	height: auto;
}



/* FOOTER
------------------------------------------------------------------------ */

footer {
	margin-top: 100px;
	padding-top: 25px;
	border-top: 1px solid #bebebe;
	position: relative;
}


#ttlLogoSlide {
	width: 182px;
	float: left;
	margin-right: 30px;
}


#logoSlider {
	width: auto;
	height: 60px;
	float: right;
	position: relative;
}

#logoSlider ul {
	width: 785px;
	margin: 0 auto;
}

#logoSlider li {
	width: auto;
	height: 60px;
	float: left;
	margin: 0 5px;
}

/*
#logoSlidePrev {
	width: 20px;
	height: 65px;
	position: absolute;
	top: 0;
	left: -10;
}


#logoSlideNext {
	width: 20px;
	height: 65px;
	position: absolute;
	top: 0;
	right: -10px;
}
*/

#footLinkWrap {
	margin-top: 25px;
	padding: 15px 0;
	border-top: 1px solid #bebebe;
}

#footLinkWrap .wrapper {
	position: relative;
	/*padding-bottom: 50px;*/
}


#footLink li {
	font-size: 120%;
	float: left;
	margin-right: 25px;
}

#copyright {
	font-size: 110%;
	position: absolute;
	top: 0px;
	right: 30px;
}



/* MENU
------------------------------------------------------------------------ */

#btnMenu {
	width: 43px;
	height: 41px;
	background: #fff;
	position: fixed;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 15;
}
#btnMenu:hover img {
	filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}

#gnav {
	width: 260px;
	height: auto;
	padding: 20px 15px 25px;
	box-sizing: border-box;
	background: #918333;
	position: fixed;
	top: 0;
	right: -260px;
	z-index: 20;
	text-align: center;
	color: #fff;
	font-size: 120%;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ヒラギノ明朝 Pro W6","HGS明朝E","HG明朝E","ＭＳ Ｐ明朝",serif;
}

#gnav > ul {
	/*padding-bottom: 10px;*/
}

#gnav > ul > li {
	border-bottom: 1px solid #bbb381;
}
#gnav > ul > li.hasChild {
	border-bottom: none;
	/*background: url(../img/common/listhead06.png) no-repeat 0 0;*/
}

#gnav > ul > li > a {
	display: block;
	height: 40px;
	line-height: 40px;
	color: #fff;
}

#gnav li.hasChild {
	padding-bottom: 10px;
}

#gnav li.hasChild ul {
	display: none;
}

#gnav li.hasChild > a {
	height: inherit;
    line-height: 2.5;
    padding-top: 7px;
}

#gnav li.hasChild a{
	color: #fff;
	line-height: 2.5;
}





#btnLang {
	width: 230px;
	height: auto;
	box-sizing: border-box;
	text-align: center;
	border: 1px solid #bbb381;
}
#btnLang > img {
	cursor: pointer;
} 

#btnLang ul {
	display: none;
}

#btnLang li {
	margin-bottom: 3px;
}

#btnLang li a {
	font-size: 100%;
	color: #fff;
	line-height: 2.5;
}


/* whiteBG
---------------------------------------------- */
#whiteBG {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	width: 100%;
	height: 100%;
	z-index: 10;
}

/* Bland List
------------------------------------------------------------------------ */

#btnBL {
	width: auto;
	min-width: 138px;
	height: 41px;
	background: #fff;
	position: fixed;
	top: 0;
	right: 60px;
	z-index: 7;
}

#btnBL >img {
	cursor: pointer;
}


#brandList {
	width: 480px;
	height: auto;
	padding: 0px 15px 20px;
	box-sizing: border-box;
	background: #918333;
	color: #fff;
	font-size: 120%;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ヒラギノ明朝 Pro W6","HGS明朝E","HG明朝E","ＭＳ Ｐ明朝",serif;
	position: fixed;
	top: 0;
	right: 60px;
	display: none;
}

#brandList li {
	padding: 5px 0 5px 5px;
	border-bottom: 1px solid #bbb381;
	font-size: 100%;
}
#brandList li:first-child {
	text-align: center;
	cursor: pointer;
	background: url(../img/common/sp_btn_close.png) no-repeat 100% 50%;
	background-size: 17px;
}
#brandList li:nth-child(11) {
	padding: 9px 0 9px 25px;
	background: url(../img/common/listhead04.png) no-repeat 5px 50%;
}
#brandList li.last {
	padding: 13px 0 0;
	border-bottom: none;
	text-align: center;
}

#brandList dl {
	display: table;
	width: 100%;
}

#brandList dt {
	display: table-cell;
	width: 90px;
	padding: 3px 0;
	border-right: 1px solid #bbb381;
	text-align: center;
	vertical-align: middle;
	/*padding-left: 20px;
	background: url(../img/common/listhead04.png) no-repeat 0 50%;*/
}

#brandList dd {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 20px;
	line-height: 2;
}

#brandList li a {
	color: #fff;
}
	

/*snsWrap
------------------------------------------------------------------------ */

#snsWrap {
	position: fixed;
	top: 140px;
	right: 0;
}

#snsWrap li {
	margin-bottom: 3px;
}