@charset "utf-8";
/* =========================================================
header CSS
========================================================= */
/* 検索欄 */
#searchNavi table tr td { background-color: inherit; }

/* header slide_menu SP
--------------------------------------------------------- */
@media screen and (max-width: 600px) {
	body {
		position: relative;
		left: 0;
		overflow-x: hidden;
	}
	#sb-site {
		overflow:auto;
	}
	#slide_menu{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #333;
	}
	#slide_menu a {
		color:#fff;
	}
	#slide_menu p.userName {
		width:100%;
		float:none;
		text-align:left;
		font-size:10px;
	}
	#slide_menu h5 {
		background-color:#c4ab5f;
		padding: 3%;
		font-size:1.2em;
		font-weight:bold;
		text-align:left;
	}
	#slide_menu ul li {
		background-color:#333;
		/*border-top:1px solid #696969;*/
		border-bottom:1px solid #030303;
		text-align:left;
		position: relative;
	}
	#slide_menu a {
		color:#fff;
		display:block;
		padding:4% 5%;
	}
	#slide_menu a:before {
		content:"\f105";
		font-family: FontAwesome;
		font-weight: normal;
		font-style: normal;
		display: inline-block;
		position: absolute;
		left: 93%;
		font-size:1.4em;
	}
	#slide_menu .slide_gNav {
		letter-spacing:-0.4em;/* inline-block Hack */
	}
	#slide_menu .slide_gNav li {
		display: inline-block;
		letter-spacing: normal;/* inline-block Hack */
		*display: inline;
		*zoom: 1;
		width: 24%;
		height: 48px;
		vertical-align: text-top;
		font-size: 8px;
		text-align: center;
		padding: 2px 0;
	}
	#slide_menu .slide_gNav li:nth-child(2) {
		z-index: 1;
	}
	#slide_menu .slide_gNav a:before {
		content: none;
	}
	#slide_menu .slide_gNav li:nth-child(1) a {
		background:url(../images/sp/header_globalNav_login.png) no-repeat 50% 14%;
		padding-top:27px;
		background-size:34%;
	}
	#slide_menu .slide_gNav li:nth-child(2) a {
		background:url(../images/sp/header_globalNav_MyPage.png) no-repeat 50% 14%;
		padding-top:27px;
		background-size:32%;
	}
	#slide_menu .slide_gNav li:nth-child(3) a {
		background:url(../images/sp/header_globalNav_favo.png) no-repeat 50% 14%;
		padding-top:27px;
		background-size:34%;
	}
	#slide_menu .slide_gNav li:nth-child(4) a {
		background:url(../images/sp/header_globalNav_history.png) no-repeat 50% 18%;
		padding-top:27px;
		background-size:34%;
	}
	#slide_menu .slide_gNav li + li {
		background:url(../images/sp/header_globalNav_line.png) no-repeat 0% 60%;
	}
	#slide_menu .slide_gNav li a {
		display:block;
	}

	/* 通知数 */
	#slide_menu #unreadInfo {
		display: inline;
	}
	#slide_menu #unreadInfo span {
		background-color: #c4ab5f;
		color: #000;
		-webkit-border-radius: 17px;
		-moz-border-radius: 17px;
		padding: 0px 6px;
		position: absolute;
		top: 7%;
		left: 63%;
		font-weight: bold;
		white-space: nowrap;
	}
	/* TwitterのアイコンをXにする。 */
	.fa-twitter-square:before {
    content: '𝕏'!important;
    font-weight: bold!important;
	}
}

/* header_main forPC
--------------------------------------------------------- */
.header_main_inner {
	background-color:#000;
}
.logo,
.header_haisouNews,
.header_menu {
	float:left;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.logo {
	width: 423px;
	height: 49px;
	text-align: left;
	padding: 11px 0 0 5px;
}
.header_haisouNews {
	width:236px;
	text-align: left;
}
.header_haisouNews p {
	padding-top:5px;
}
.header_menu {
	width: 610px;
	text-align: right;
	margin-top: 2px;
}
/*.header_menu ul {
	border-left:1px solid #4d4d4d;
}*/
.header_menu ul li {
	color:#fff;
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding: 0 15px 0 0;
}
.header_menu ul li:nth-child(2),
.header_menu ul li:nth-child(3),
.header_menu ul li:nth-child(4) {
	font-size:10px;
	margin-bottom:10px;
}
.header_menu ul li a {
	color:#fff;
}
.header_menu ul li:nth-child(3),
.header_menu ul li:nth-child(4) {
	border-left:1px solid #4d4d4d;
	padding-left:20px;
}
.header_menu ul li:nth-child(5) {
	padding: 0px;
	/*width: 128px;*/
	text-align: center;
}
.header_menu ul li:nth-child(6),
.header_menu ul li:nth-child(7),
.header_menu ul li:nth-child(8) {
	border-left:1px solid #4d4d4d;
	padding:0 4px 0 10px;
}
.header_menu ul li span.cart {
	background-color:#c4ab5f;
	color:#000;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding: 1px 6px 1px 4px;
	font-size: 10px;
	vertical-align: bottom;
}


/* header_main forSP
--------------------------------------------------------- */
@media screen and (max-width: 600px) {
	.logo,
	.header_haisouNews,
	.header_menu {
		float:none;
		display:block;
	}
	.logo {
		width:auto;
		height:40px;
		padding:5px;
		text-align:left;
	}
	.forSP .logo img {
		height:31px !important;
		width:310px;
	}
	.userName {
		background-color:#909090;
		color:#fff;
		float: left;
		width: 44%;
		height:20px;
		padding: 0;
		font-size:10px;
	}
	.userName a {
		color:#fff;
	}
	.haisou {
		background-color:#ffffff;
		padding: 2px 5px;
		width: 56%;
		overflow: hidden;
		height:20px;
		text-align:center;
	}
	.forSP .haisou img {
		height:15px !important;
		width:205px;
	}
}

/* header_globalNav forPC
--------------------------------------------------------- */
.header_globalNav_inner {
	height: 30px;
}
.header_globalNav.forPC #pullMenu {
	width:715px;
}
.header_globalNav.forPC #pullMenu dt {
	display:inline-block;
	*display:inline;
	*zoom:1;
	letter-spacing: normal;
	width: 16.5%;
	height:15px;
	margin:7px 0;
}
.header_globalNav.forPC #pullMenu dt  {
	border-left:1px solid #adadad;
}
.header_globalNav.forPC #pullMenu dt:nth-child(1) {
	border-left:none;
}
.header_globalNav.forPC #pullMenu dt > a {
	display:block;
	height:25px;
}
.header_globalNav.forPC #pullMenu dt a img {
	vertical-align:top;
}
.header_globalNav.forPC #pullMenu,
.header_globalNav.forPC .search {
	float:left;
}
.header_globalNav.forPC .search {
	position:relative;
	text-align: left;
	width: 325px;
	margin-top:2px;
}
.header_globalNav.forPC .searchText {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-color: #e6e6e6;
	padding: 5px 10px 4px;
	border:none;
	-moz-box-shadow: inset 1px 1px 2px #333;
	-webkit-box-shadow: inset 1px 1px 2px #333;
	box-shadow: inset 1px 1px 2px #333;
	width:265px;
	font-size: 11px;
}
.header_globalNav.forPC .search .fa.fa-search {
	color: #000;
	position: absolute;
	top: 5px;
	left: 290px;
	font-size: 16px;
}
.header_globalNav.forPC .searchBtn {
	*display:inline;
	*zoom:1;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-color:#909090;
	padding: 3px 26px;
	border:1px solid #888;
	color:#333;
}
.header_globalNav.forPC .searchBtn .fa-arrow-right {
	padding-right:5px;
}


/* header_globalNav forSP
--------------------------------------------------------- */
@media screen and (max-width: 600px) {
	.header_globalNav_inner {
		height:48px;
	}
	.header_globalNav_inner .header_globalNav_menu {
		height:48px;
		border-top:2px solid #000;
		border-bottom:2px solid #000;
		letter-spacing:-0.4em;/* inline-block Hack */
	}
	.header_globalNav_inner .header_globalNav_menu li {
		display:inline-block;
		letter-spacing: normal;/* inline-block Hack */
		*display:inline;
		*zoom:1;
		width:19%;
		height:30px;
		padding:0;
		margin: 5px 0;
		position:relative;
		font-size:8px;
	}
	.header_globalNav_inner .header_globalNav_menu li + li {
		background:url(../images/sp/header_globalNav_line.png) no-repeat 0% 60%;
	}
	.header_globalNav_inner .header_globalNav_menu li a {
		color: #fff;
		text-decoration: none;
		display:block;
		height:30px;
	}
	.header_globalNav_inner .header_globalNav_menu li:nth-child(1) a {
		background:url(../images/sp/header_globalNav_item.png) no-repeat 50% 10%;
		padding-top:23px;
		background-size:35%;
	}
	.header_globalNav_inner .header_globalNav_menu li:nth-child(2) a {
		background:url(../images/sp/header_globalNav_MyPage.png) no-repeat 50% 10%;
		padding-top:23px;
		background-size:32%;
	}
	.header_globalNav_inner .header_globalNav_menu li:nth-child(3) a {
		background:url(../images/sp/header_globalNav_favo.png) no-repeat 50% 10%;
		padding-top:23px;
		background-size:36%;
	}
	.header_globalNav_inner .header_globalNav_menu li:nth-child(4) a {
		background:url(../images/sp/header_globalNav_cart.png) no-repeat 50% 10%;
		padding-top:23px;
		background-size:36%;
	}
	.header_globalNav_inner .header_globalNav_menu li:nth-child(5) a {
		background:url(../images/sp/header_globalNav_menu.png) no-repeat 50% 10%;
		padding-top:23px;
		background-size:34%;
	}
	.header_globalNav_inner .header_globalNav_menu li span.cart,
	.header_globalNav_inner .header_globalNav_menu li span.unreadInfoNum{
		background-color:#c4ab5f;
		color:#000;
		border-radius: 17px;
		-webkit-border-radius: 17px;
		-moz-border-radius: 17px;
		padding: 0px 6px;
		position: absolute;
		top: 0%;
		left: 60%;
		font-weight: bold;
		white-space: nowrap;
		z-index: 1;
	}
	body .search {
		background-color:#808080;
		padding:10px 1.5%;
		position:relative;
		height:55px;
	}
	body .searchText {
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		background-color:#e6e6e6;
		padding: 0 2% 0 9%;
		border:none;
		-moz-box-shadow: inset 1px 1px 2px #333;
		-webkit-box-shadow: inset 1px 1px 2px #333;
		box-shadow: inset 1px 1px 2px #333;
		width:82%;
		height: 36px;
		vertical-align: top;
		color:#333;
	}
	body .search .fa.fa-search {
		color: #000;
		position: absolute;
		top: 35%;
		left: 88%;
		font-size: 16px;
	}
	body .searchBtn {
		display:inline-block;
		*display:inline;
		*zoom:1;
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		background-color:#ccc;
		padding:0 8.5% 0 6.5%;
		border:1px solid #c6c6c6;
		height: 36px;
		line-height: 34px;
		font-weight: bold;
		font-size: 11px;
	}
	body .searchBtn .fa-arrow-right {
		/*padding-right:2%;*/
		position: absolute;
		top: 39%;
		left:80%;
	}
	#side {
		width:300px;
	}
	#side ul li {
		display:block;
		width: auto;
		padding:0;
	}
	#side ul li a {
		background:none;
	}
}

/* header_include forPC
--------------------------------------------------------- */
#header_include {
	background-color: #484848;
	text-align:left;
}

.header_include .forPC {
	background-color: white;
	width:1040px;
	margin:auto;
}

/* header_include forSP
--------------------------------------------------------- */
@media screen and (max-width: 600px) {
	.header_include .forSP {
		background-color: white;
		margin:auto;
	}
}