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


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


/*Headerタブ内気になるボタン*/
.goodBase_tab {position: absolute;height: 60px;font-size: 11px;right: 6px;border-bottom-style: hidden;text-align: center;color: #000000;}

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

/* 気になるに追加する前 */
.goodBaseIn_tab,.goodBaseIn2_tab {cursor: pointer;position: relative;height: 60px;display: -webkit-flex; display: flex;color: #333333;}
.goodBaseIn_tab:hover,.goodBaseIn2_tab:hover{opacity: 1;text-decoration: none; opacity: .8;}
.goodBaseIn_tab span,.goodBaseIn2_tab span{font-size: 15px;padding-top: 23px;user-select: none;}
.icon_heart_off_tab,.icon_heart_on_tab {margin-right: 8px;padding-top: 19px;}
.icon_heart_off_tab-in{fill: #737373;height: 23px;width: 23px;}
.goodBaseIn_tab:hover .icon_heart_off_tab-in{fill: #ff0078;}
.icon_heart_on_tab-in {fill: #ff0078;height: 23px;width: 23px;}

/*tabMenu*/
.tab_wrapper_box{height: 60px;background: #ffffff;margin-top: 5px;}
.tab_wrapper{width: 100%;height: 60px;}
.tabNavigation{position:relative;display: flex;width:1000px;margin: 0 auto;}
.tabNavigation_wrapper{width: 1000px;margin: 0 auto;position: relative;}
.tabNavigation_fixed{position: fixed;top: 0;background-color: #ffffff;z-index: 6000;border-bottom: 1px solid #eaeaea;}

.tabNavigation ul {display: flex;display: -webkit-flex;}
.tabNavigation li {}
.tabNavigation li a:hover{border-bottom: 3px solid #f7c600;}
.tabNav_menu > li > a {color: #333;text-decoration: none;display: block;line-height: 58px;padding: 0 20px;margin-right: 4px;font-size: 15px;height: 60px;}

.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 #ffcc00;}