@charset "UTF-8";
/* CSS Document */


/*海外版*/
.goodBase_En{display: none;}


/*Headerタブ内お気に入りボタン*/
.goodBase_tab {position: absolute;height: 42px;font-size: 11px;right: 0px;border-bottom-style: hidden;text-align: center;color: #000000;}

/* スクロールによるタブ固定 */
.goodBase_tab_fixed {top: 36px;}


/* お気に入りに追加する前 */
.goodBaseIn_tab {cursor: pointer;position: relative;height: 46px;display: -webkit-flex; /* Safari */display: flex;color: #484848;}
.goodBaseIn_tab:hover{opacity: 1;text-decoration: none; opacity: .8;}
.goodBaseIn_tab span{font-size: 14px;padding-top: 12px;}
.icon_heart_off_tab {margin-right: 5px;padding-top: 7px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
.icon_heart_off_tab-in{fill: #737373;height: 21px;stroke-width: 0.5;stroke: #737373;width: 23px;}
.goodBaseIn_tab:hover .icon_heart_off_tab-in{fill: #ff0078;stroke: #ff0078;}

/* お気に入りに追加した後 */
.goodBaseIn2_tab {cursor: pointer;position: relative;height: 46px;display: -webkit-flex;display: flex;color: #484848;}
.goodBaseIn2_tab:hover{opacity: 1;text-decoration: none; opacity: .8;}
.goodBaseIn2_tab span{font-size: 14px;padding-top: 12px;}
.icon_heart_on_tab {margin-right: 5px;padding-top: 7px;}
.icon_heart_on_tab-in {fill: #ff0078;height: 21px;stroke-width: 0.5;stroke: #ff0078;width: 23px;}


/*tabMenu*/
.bread-crumb-listBase{padding: 0 33px;background: none;width: auto;}
.shopping_bread-crumb-listBase{padding: 10px 0 0;height:86px;background: #f9f9f9;border-bottom: 1px solid #eaeaea;}
#bread-crumb-list{width: 1000px;margin: auto;line-height: inherit;color: #a8a8a8!important;}
.tab_wrapper{width: 100%;padding-top: 10px;}
.tabNavigation{position:relative;display: flex;width:1000px;margin: 0px auto 0;line-height: inherit;}
.tabNavigation_wrapper{width: 1000px;margin: 0 auto;position: relative;}
.tabNavigation_fixed{height:56px;position: fixed;top: 0px;padding-top:10px;background-color:#f9f9f9; z-index: 6000;border-bottom: 1px solid #eaeaea;}

.tabNavigation ul {display: flex;display: -webkit-flex;}
.tabNavigation li {margin-right: 6px;font-size: 13px;}
.tabNavigation li a { padding: 2px 12px 8px;color: #333333;text-decoration: none;display: block;line-height: 32px;}
.tabNavigation li a:hover{border-bottom: 3px solid #f7c600;}

.tabnavicon {color: #ffffff;margin-left: 5px;position: relative;top: -1px;padding: 2px 5px;border-radius: 2px;font-size: 10px;}
.tabnavicon--red{background: #ff0078;}
.tabnavicon--yellow{background: #f7c600;margin-left: 0px;}
.tabnavicon--orange{background: #ff8700;}
.tabOn{border-bottom: 3px solid #f7c600;}