@charset "Shift_JIS";


/*=========================================================
メニュー
==========================================================*/
#menu {
	display: block;
	clear: both;
	height: 47px;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
    background-color: #0058aa;
	border: 0px solid #000;
}
#menu .menu {
	width: 950px;
	height: 47px;
	margin: 0 auto;
	display: block;
	padding: 0;
	border: 0px solid #000;
}
#menu ul.maincate {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	height: 47px;
	width: 950px;
	overflow: hidden;
	float: left;
}
#menu ul.maincate li {
	padding: 0;
	margin: 0;
    display: table-cell;
    vertical-align: middle;
	background-color: #0058aa;
	height: 47px;
	position: relative;
}
#menu ul.maincate li::before {
    content: "";
    position: absolute;
    height: 30px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    background-color: #fff;
    opacity: 0.3;
}
#menu .menu .maincate li:hover{
	background-color: #fff;
	color: #0058aa;
    }
#menu .menu .maincate li a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    overflow: visible;
    text-indent: 0;
    height: 47px;
    background-image: none;
    background:none;
    font-size: 10.5px;
}
#menu .menu .maincate li a:hover{
	color: #0058aa;
}
.body_pc #menu .menu .maincate a {
    color: #FFF;
    text-decoration: none;
}
body#cartpage #menu ul.maincate li {
	padding: 0;
	margin: 0;
	float: left;
	display: block;
}
#menu .menu_top a {
	height: 47px;
	width: 44px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
#menu .menu_skin a, #menu .menu_health a, #menu .menu_diet a {
	height: 47px;
	width: 136px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
#menu .menu_mens a, #menu .menu_fashion a, #menu .menu_inner a, #menu .menu_food a {
	height: 47px;
	width: 79px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
}
/*横幅ミニ-------------*/
#menu .menu_medical a, #menu .menu_idenshi a, #menu .menu_wine a, #menu .menu_pet a, #menu .menu_book a {
	height: 47px;
	width: 46px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
}
#menu .menu_zakka a {
	height: 47px;
	width: 38px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
}
#menu li.menu_book::before {
    width: 0 !important;
}

/*ホバー表現を維持-------------------------*/
#body_sitetop #menu .menu_top,
body[id^="skin"] #menu .menu_skin,
body[id^="health"] #menu .menu_health,
body[id^="diet"] #menu .menu_diet,
body[id^="mens"] #menu .menu_mens,
body[id^="food"] #menu .menu_food,
body[id^="fashion"] #menu .menu_fashion,
body[id^="inner"] #menu .menu_inner,
body[id^="medical"] #menu .menu_medical,
body[id^="idenshi"] #menu .menu_idenshi,
body[id^="pet"] #menu .menu_pet,
body[id^="wine"] #menu .menu_wine,
body[id^="book"] #menu .menu_book {
    background-color: #FFF !important;
	color: #0058aa !important;
}
#body_sitetop #menu .menu_top a,
body[id^="skin"] #menu .menu_skin a,
body[id^="health"] #menu .menu_health a,
body[id^="diet"] #menu .menu_diet a,
body[id^="mens"] #menu .menu_mens a,
body[id^="food"] #menu .menu_food a,
body[id^="fashion"] #menu .menu_fashion a,
body[id^="inner"] #menu .menu_inner a,
body[id^="medical"] #menu .menu_medical a,
body[id^="idenshi"] #menu .menu_idenshi a,
body[id^="pet"] #menu .menu_pet a,
body[id^="wine"] #menu .menu_wine a,
body[id^="book"] #menu .menu_book a{
    color: #0058aa !important;
}
body[id^="skin"] #menu .menu_top::before,
body[id^="health"] #menu .menu_skin::before{
  width: 0;
}


/*メニュー----------------------------------------------*/
.new_cate {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
.new_cate img {
	position: absolute;
	top: 121px;
	width: 26px;
	height: 17px;
	margin: 0 0 0 451px;
	padding: 0;
}
.chumoku_cate {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
.chumoku_cate img {
	position: absolute;
	top: 56px;
	width: 26px;
	height: 17px;
	margin: 0 0 0 147px;
	padding: 0;
}


/*=========================================================
検索窓
==========================================================*/
#search_box * { box-sizing: content-box!important;/*相殺*/ }
#search_box {
	width: 100%;
	margin: 0 auto;
	border-bottom: none;
	background-image: url("/search/image/base_bg.png");
	background-size: cover;
	padding: 0.7em 0;
	font-size: 14px;
	line-height: 1.5;
}
/*clearfix*/
#search_box:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#search_box { min-height: 1px; }
* html #search_box { /*height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/ }
#search_box form {
	width: 950px;
	margin: 0 auto;
}
.search_set input {
	vertical-align: middle;
	margin: 0.1em;
	padding: 0.1em 0.2em;
	background: #fff;
	border: none;
	border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	outline: none;
	font-size: 1em;
}
.search_set select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	background: url(/sph/image/select_open.png) no-repeat right center;
	background-size: 1.6em auto;
	-webkit-background-size: 1.6em auto;
	-moz-background-size: 1.6em auto;
	-o-background-size: 1.6em auto;
	-ms-background-size: 1.6em auto;
	padding-right: 1.8em;
}
 .search_set select::-ms-expand {/*IEハック*/
display:none;
}
.search_set {
	background:#fff;
	width:40%;
	display:table;
	border-collapse:separate;
	border-radius:0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	line-height:1;
	float:right;
}
.search_set dt { display: none; }
.search_set dd {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.search_set dd:first-of-type { border-left: 0; }
.search_set dd.search_category { width: 9em; }
.search_set dd.search_txt input { width: 92%; }
.search_set dd.search_txt { padding: 2.0% 1%; }
.search_set dd.search_btn { width: 4em; text-align: right}

.search_set #search_input_btn {
    width: 2.8em;
    height: 2.8em;
    margin: 0;
    border: none;
    background-color: #0058aa !important;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    transition: 0.2s;
}
.search_set #search_input_btn:hover{
    opacity: 0.8;
     background-color: #FF0000;   
}
.search_btn .icon_search:before {
  content: "\e944";
  font-family: "icomoon";
  color: #FFF;
}
.search_btn .icon_search{
    font-size: 1.5em;
}
.search_keyword {
	width: 41%;
	float: left;
	margin-top: 0.3em;
	background: url(/common/image/keyword.png) no-repeat left center;
	background-size: auto 23px;
	padding-left: 4em;
}
.search_keyword li { display: inline-block; }
.search_keyword li a {
	display: block;
	padding: 0.4em 0.6em;
	font-size: 0.9em;
}
ul.search_keyword a {
    color: #0058aa !important;
    text-decoration: none;
    background-color: #fff;
    margin: 3px;
    font-size: 0.75em;
    border-radius: 20px;
}


/*サジェスト
-----------------------------------*/

#acresultbox {
	display: none;
	background-color: #fff;
	border: 1px solid #666;
	text-align: left!important;
	line-height: 1.4;
}
#acresultbox .acword {
	padding: 0.3em 0.5em;
	color: #666;
	border-top: 1px dotted #ccc;
}
#acresultbox .acword:first-child { border-top: none; }
#acresultbox .acword:hover { background-color: #f5f5f5; }


/*=========================================================
ロゴ,フッター編集
==========================================================*/

.body_pc #global_header .logo a {
/*    height: 46px !important;
	width: auto !important;
	margin-bottom: 2px;*/
}


/*=========================================================
フッター変更
==========================================================*/
/*PC*/
#copyright {
	background-color: #0058aa !important;
	border: none !important;
}


#copyright a {
border: none !important;
}

#copyright ul a {
	border-left:1px solid #fff !important;
}

/*スマホ*/
.body_sph #global_footer #footer_navi .menu_back li a{
	background-color: #0058aa !important;
	
}
.body_sph #copyright {
	background-color: #0058aa !important;
}