@charset "Shift_JIS";

/* ================================================
    footer_sitemap.css
================================================ */
#brandsite_nav {
	clear: both;
	width: 100%;
	min-width: 980px;
	font-family: 'ƒƒCƒŠƒI', Meiryo, 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, '‚l‚r ‚oƒSƒVƒbƒN', 'MS PGothic', sans-serif !important;
	border-top: solid 1px #ccc;
	background: #f0f0f0;
	padding: 25px 0 20px;
}

#brandsite_nav img {
	border: none;
}

#brandsite_nav .branside_nav_header {
	margin: 0 auto 8px;
	text-align: left;
}

#brandsite_nav #brandcat_list {
	width: 980px;
	margin: 0 auto;
}

#brandsite_nav #brandcat_list ul {
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	border-top: solid 1px #999;
	border-left: solid 1px #999;
	box-sizing:content-box;
}
/*** hughug CP—p’ljÁ ***/
#brandsite_nav #brandcat_list ul.second {
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	border-left: solid 1px #999;
	border-top:0;
	box-sizing:content-box;
}
/*** hughug CP—p’ljÁ‚ą‚ą‚Ü‚Ĺ ***/

#brandsite_nav #brandcat_list li {
	padding: 0;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	float: left;
	list-style: none;
	line-height:0;
	box-sizing: border-box;
}

#brandsite_nav #brandcat_list.brandcat_list-choco ul,
#brandsite_nav #brandcat_list.brandcat_list-ice ul,
#brandsite_nav #brandcat_list.brandcat_list-snack ul,
#brandsite_nav #brandcat_list.brandcat_list-food ul,
#brandsite_nav #brandcat_list.brandcat_list-dairy ul,
#brandsite_nav #brandcat_list.brandcat_list-hughug ul,
#brandsite_nav #brandcat_list.brandcat_list-health ul,
#brandsite_nav #brandcat_list.brandcat_list-main ul {
	width: 978px;
	box-sizing:content-box;
}

#brandsite_nav #brandcat_list.brandcat_list-choco ul li,
#brandsite_nav #brandcat_list.brandcat_list-ice ul li,
#brandsite_nav #brandcat_list.brandcat_list-snack ul li,
#brandsite_nav #brandcat_list.brandcat_list-food ul li,
#brandsite_nav #brandcat_list.brandcat_list-dairy ul li,
#brandsite_nav #brandcat_list.brandcat_list-hughug ul li,
#brandsite_nav #brandcat_list.brandcat_list-health ul li,
#brandsite_nav #brandcat_list.brandcat_list-main ul li {
	width: 163px;
}

#brandsite_nav #brandcat_list li a img {
	width: 100%;
	height: auto;
}

#brandsite_nav #brandsite_list {
	display: none;
	width: 980px;
	margin: 0 auto;
}

#brandsite_nav #brandsite_list ul {
	margin: 0 auto;
	padding: 0;
	width: 978px;
	overflow: hidden;
	line-height: 0;
	border-top: solid 1px #999;
	border-left: solid 1px #999;
	box-sizing:content-box;
}

#brandsite_nav #brandsite_list li {
	padding: 0;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	float: left;
	width: 163px;
	list-style: none;
	box-sizing: border-box;
}

#brandsite_nav #brandsite_list li a {
	display: block;
	background: #FFF;
	overflow: hidden;
	height: 66px;
}

#brandsite_nav #brandsite_list li span {
	display: block;
	overflow: hidden;
	height: 66px;
}

#brandsite_nav #brandsite_list li img {
	width: 100%;
	height: auto;
}

#brandsite_nav #brandsite_open,
#brandsite_nav #brandsite_close {
	height: 28px;
	margin: 20px auto 0;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

#brandsite_nav #brandsite_open {
	width: 184px;
	background-image: url(../images/bsnav_open.png);
}

#brandsite_nav #brandsite_close {
	width: 90px;
	background-image: url(../images/bsnav_close.png);
}

#brandsite_nav #brandsite_open:hover,
#brandsite_nav #brandsite_close:hover {
	background-position: 0 -28px;
}

#brandsite_nav-sp {
	clear: both;
	width: 100%;
	font-family: sans-serif !important;
	border-top: solid 1px #ccc;
	background: #f0f0f0;
	padding: 5.625% 0;
	overflow: hidden;
}

#brandsite_nav-sp img {
	border: none;
}

#brandsite_nav-sp #brandsite_open {
	margin: 0 auto;
	width: 79%;
	height: 0;
	padding-top: 8.75%;
	overflow: hidden;
	background: url(../images/bsnav_open_sp.png) no-repeat center top;
	background-size: contain;
}

#brandsite_nav-sp #brandsite_close {
	margin: 0 auto;
	width: 29%;
	height: 0;
	padding-top: 8.75%;
	overflow: hidden;
	background: url(../images/bsnav_close_sp.png) no-repeat center top;
	background-size: contain;
}

#brandsite_nav-sp .branside_nav_header {
	margin: 0 9.375% 4.68%;
}

#brandsite_nav-sp .branside_nav_header img {
	width: 100%;
	height: auto;
}

#brandsite_nav-sp #brandsite_list {
	display: none;
	margin: 0;
}

#brandsite_nav-sp #brandsite_list ul {
	padding: 0;
	margin: 0 3.125% 6.66%;
	overflow: hidden;
	border-left: solid 1px #999;
}

#brandsite_nav-sp #brandsite_list li {
	display: block;
	padding: 0;
	box-sizing: border-box;
	width: 33.3%;
	float: left;
	border-style: solid;
	border-color: #999;
	border-width: 1px 1px 1px 0;
	list-style: none;
	text-indent: 0;
	background: #FFF;
	overflow: hidden;
	line-height: 0;
}

#brandsite_nav-sp #brandsite_list li:nth-child(n+4) {
	border-width: 0 1px 1px 0;
}

#brandsite_nav-sp #brandsite_list li a {
	display: block;
	overflow: hidden;
}

#brandsite_nav-sp #brandsite_list li img {
	width: 100%;
	height: auto;
}

/******  12.1’ljÁ  ******/
#smileglico_bnr{
	margin:20px auto;
	width:95%;
	max-width:640px;
	background:url(/common/brandsite_navi/images/15smileglico_bnr_on.jpg) no-repeat;
	background-size:100% 100%;
}
#smileglico_bnr a{
	display: inline-block;
	border:0;
}
#smileglico_bnr a img{
	width:100%;
	border:0;
}
#smileglico_bnr a:hover img{
	visibility: hidden;
}