@import "https://fonts.googleapis.com/css?family=Montserrat";


/*.s_l_keyword { display:none; }*/

#univhd_cnt h1 { background:url(/res/p/common/img/univhd/uh_logo.gif) left top no-repeat; width:93px; height:16px; text-indent:-9999px; }
#univhd_cnt h1 a { display:block; }

#reco_item .icon_sale, 
cnt_search .icon_sale,
#cnt_shoptop .icon_sale { position:absolute; top:5px !important; right: 5px !important; }

#univhd #bt_employee { display:none; font-size:90%; color:#fff; padding:7px 10px 0 0; float:right; }
#bt_name { color:#fff; float:right; padding:7px 0 0 0 }

#univhd { background:#1e2226; height:60px; padding:5px 0; }

#univhd a img:hover { opacity:0.8; filter:alpha(opacity=80); }
#univhd_cnt { width:100%; margin:0 auto; text-align:left; position:relative }
#univhd_cnt h1 {position:absolute; top:20px; left:20px;}
#univhd_cnt ul.univhd_right {position:absolute; top:13px; right:0px} 
#univhd_cnt ul.univhd_right li { float:right; margin-right:20px; }
#univhd_cnt ul.univhd_right li.bt_cart { position:relative; width:41px; margin-right:25px; }




/*フォーム*/
.uni_frm { position:absolute; top:14px; left:125px; background:url(/res/p/common/img/univhd/uh_frm.gif) left top no-repeat; width:350px; height:30px; }
.uni_frm .search_frm uni_frm_cnt { position:relative; width:350px; height:30px; }
.uni_frm .frm_freeword { border:0; width:300px; position:absolute; left:5px; top:7px; }
.uni_frm .frm_btn{ position:absolute; right:5px; top:2px; }


/*--バーガー--*/
#hd_burger #slide_menu {
 background:url(/res/p/common/img/univhd/uhd_bg3.png) left top no-repeat;
 right:185px;
 position:absolute;
 top:28px;
 width:980px;
 z-index: 9999;
 display:none;
height:1100px;
}

#uni_flow_navi{position:fixed !important; width:100%; height:100%; z-index:55; display:none; }

.uhd_sub_menu { padding:45px 0 25px; width:900px; margin:0 auto; border-bottom:1px solid #ccc; }

#bt_brand a,
.uhd_login a,
#uhd_sub_menu_brand ul li a,
#uhd_sub_menu_item ul li a,
#uhd_sub_menu_ex ul li a {text-decoration: none; color: #333 }

#bt_brand a:link,
.uhd_login a:link,
#uhd_sub_menu_brand ul li a:link,
#uhd_sub_menu_item ul li a:link,
#uhd_sub_menu_ex ul li a:link {color: #333; text-decoration: none;}

#bt_brand a,
.uhd_login a:visited,
#uhd_sub_menu_brand ul li a:visited,
#uhd_sub_menu_item ul li a:visited,
#uhd_sub_menu_ex ul li a:visited {color: #333; text-decoration: none;}

#bt_brand a:hover,
.uhd_login a:hover,
#uhd_sub_menu_brand ul li a:hover,
#uhd_sub_menu_item ul li a:hover,
#uhd_sub_menu_ex ul li a:hover {color: #aaa; text-decoration: none;}

#bt_brand a:active,
.uhd_login a:active,
#uhd_sub_menu_brand ul li a:active,
#uhd_sub_menu_item ul li a:active,
#uhd_sub_menu_ex ul li a:active {color: #aaa; text-decoration: none;}


#uni_hd_burger .slide_menu_cnt { margin:0; padding: 0; /*overflow-x:hidden; overflow-y:auto;*/ width:100%; height:100%; position:absolute; }

#burger_button { height:30px; top:0; width:30px; z-index:2; left:0; background:url(/res/p/common/img/univhd/uh_01.gif) left top no-repeat; display:block; }
#burger_button.on { background:url(/res/p/common/img/univhd/uh_01_on.gif) left top no-repeat;}

#univhd { width:100%; z-index:99999; top:0; position:relative; }
/*#univhd.on { position:fixed !important; }*/
#univhd_cnt ul.univhd_right .psMsgNavi li { margin:0 0 0 30px; }

.uhd_login { width:270px; display:inline-block; }
.uhd_login a { font-size:12px; font-weight:bold; background:#f8f8f8; padding:15px; border:#aaa 1px solid; margin:0 5px; display:block; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } 

#uhd_sub_menu_brand { float:left; width:297px; margin-left:53px; margin-top:30px; }
#uhd_sub_menu_brand ul li a { border-bottom:1px solid #ccc; padding:18px 0; line-height:100%; display:block; width:240px; font-size:90%; background:url(/res/p/common/img/univhd/uhd_arrows_01.gif) right 17px no-repeat } 

#uhd_sub_menu_item { float:left; width:350px; margin-top:30px; }
#uhd_sub_menu_item ul li a { border-bottom:1px solid #ddd; padding:18px 0; line-height:100%; display:block; width:132px; font-size:90%; margin-right:25px; float:left; background:url(/res/p/common/img/univhd/uhd_arrows_01.gif) right 17px no-repeat } 

#uhd_sub_menu_ex { float:left; width:230px; margin-top:30px; }
#uhd_sub_menu_ex ul li a { border-bottom:1px solid #ddd; padding:18px 0; line-height:100%; display:block; width:230px; font-size:90%; background:url(/res/p/common/img/univhd/uhd_arrows_01.gif) right 17px no-repeat } 

#uhd_sub_menu_brand #bt_brand {clear:both;}

#uhd_sub_menu_brand b,
#uhd_sub_menu_item b,
#uhd_sub_menu_ex b
{ font-weight: bold; 
padding:0px 0px 15px; 
font-family: "Montserrat",sans-serif !important;
font-size: 15px; 
letter-spacing: 0.4px;
display:block;
color:#333;
line-height:100%;
}

#uhd_sub_menu_brand ul li,
#uhd_sub_menu_item ul li,
#uhd_sub_menu_ex ul li { float:none !important; }

#uhd_sub_menu_brand #bt_brand a { font-weight:bold; background:#f8f8f8; padding:15px; border:#aaa 1px solid; margin:0 5px; display:block; margin:22px 0 0 0; text-align:center; width:208px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:12px; } 

#uhd_sub_menu_item #bt_item a { font-weight:bold; background:#f8f8f8; padding:15px; border:#aaa 1px solid; margin:25px 0 0 10px; display:block; text-align:center; width:228px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:12px; clear:both; } 

#univhd_cnt .itemNum { position:absolute; right:0; top:-5px; font-size:11px; line-height:100%; text-align:center; display: block; background:#ef1044; color:#fff; width:22px; height:22px; -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; z-index:1 }

#univhd_cnt .itemNum em { padding-top:5px; font-weight:bold; display:block; }


/*フッター*/
#renew_UNIVFOOTER { background:#727272; color:#fff !important; text-align:center; padding:35px 0 30px; }
#renew_UNIVFOOTER .logos { clear:both; margin-top:30px; width:1150px; font-family: "Montserrat",sans-serif !important; letter-spacing:1.2px }

#renew_UNIVFOOTER .corpLink li { display:inline-block; margin:0 8px; }
#renew_UNIVFOOTER a {text-decoration: none; color: #fff; }
#renew_UNIVFOOTER a:link {color: #fff; text-decoration: none;}
#renew_UNIVFOOTER a:visited {color: #fff; text-decoration: none;}
#renew_UNIVFOOTER a:hover {color: #aaa; text-decoration: none;}
#renew_UNIVFOOTER a:active {color: #aaa; text-decoration: none;}
#renew_UNIVFOOTER .renew_UNIVFOOTER_cnt { width:1150px; margin:0 auto; }


#move_bt_sp_android { display:none !important; }


.wos_top_left_cam { float:left; font-size:11px; line-height:100%; text-align:center; background:#ef1044; color:#fff; width:22px; height:22px; -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; margin:-3px 0 0 4px; }

.wos_top_left_cam em { padding-top:5px; font-weight:bold; display:block; }




/********** 2017 05 29 ***********/
/*　POPUP帯 */

#sale_uhd_bnr .box{
    width: 1190px;
    overflow: hidden;
    margin: 0 auto;
    padding: 10px 0;
    text-align: left;
}

#sale_uhd_bnr .box .toplogo{
    float: left;
    margin: 5px 20px 0 135px;
}

#sale_uhd_bnr .box .price{
    float: left;
    margin: 0 10px 0 0;
}

#sale_uhd_bnr .box .day{
    width: 95px;
    float: left;
    padding: 10px 0;
    margin:7px 25px 0 0;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    line-height:1em;
}

#sale_uhd_bnr .box .tex{
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 15px 0 0 0;
}


/* POPUPの動き*/
.wrap_popup {
  background: #000;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: 100000;
  display: none;
}

.wrap_popup.active {
  display: block!important;
}

.wrap_popup_bnr {
    position: absolute;
    top: -1000px;
    left: 48%;
    margin-left: -255px;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    z-index: 100001;
    width:600px;
}

.wrap_popup_bnr.active {
    position: absolute;
    top: 28px;
    left: 48%;
    margin-left: -255px;
    display: block!important;
}

.wrap_popup_btn-close {
  position: absolute;
  top: -1000px;
  left: 48%;
  margin-left: 280px;
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  z-index: 100002;
  cursor: pointer;
}

.wrap_popup_btn-close.active {
    position: absolute;
    top: 17px;
    left: 55%;
    margin-left: 255px;
    display: block!important;
}

.trigger_popup {
  position: relative;
}

.trigger_popup .trigger {
  display: block;
  cursor: pointer;
  top: 0;
  right: 70px;
}


/* ポップアップの本体部分　*/

#sale_uhd_bnr .wrap_popup_bnr .detail .att{
    color: #ffff00;
    font-size: 16px;
    text-align: right;
    margin: 0 110px 10px 0;
    font-weight:bold;
}

#sale_uhd_bnr .wrap_popup_bnr .detail{    
    padding:25px 50px 20px;
}

#sale_uhd_bnr .wrap_popup_bnr .detail .wap{
    overflow: hidden;
    margin: 0 0 20px 0;
}

#sale_uhd_bnr .wrap_popup_bnr .detail .logo{
    float: left;
}

#sale_uhd_bnr .wrap_popup_bnr .detail .deco{
    float: right;
}

#sale_uhd_bnr .wrap_popup_bnr .detail .price{
    text-align: center;
    margin: 0 0 20px 0;
}

#sale_uhd_bnr .wrap_popup_bnr .detail .per{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

#sale_uhd_bnr .wrap_popup_bnr .brandlist{
    text-align: left;
    font-size: 14px;
    background: #ffffff;
    margin:0 22px;
    border-radius:9px;
}

#sale_uhd_bnr .wrap_popup_bnr .brandlist table{
    margin: 0;
    padding: 0;
    border-spacing: 0px;  
}


#sale_uhd_bnr .wrap_popup_bnr .brandlist tr td{
    width: 300px;
    border-bottom: 1px solid #ddd;
}

#sale_uhd_bnr .wrap_popup_bnr .brandlist tr:last-child td{
    border-bottom:none;
}

#sale_uhd_bnr .wrap_popup_bnr .brandlist a{
    display: block;
    background: url(/p/H0098/img/popup/arrows.png) no-repeat right 35px center;
    padding: 22px 35px; 
    text-decoration: none;
    font-family: "Montserrat",sans-serif;
    font-size:12.5px;
    background-size:10px 16px;
}


#sale_uhd_bnr .wrap_popup_bnr .brandlist a:link {color: #222; text-decoration: none;}
#sale_uhd_bnr .wrap_popup_bnr .brandlist a:visited {color: #222; text-decoration: none;}
#sale_uhd_bnr .wrap_popup_bnr .brandlist a:hover {color: #666; text-decoration: none;}
#sale_uhd_bnr .wrap_popup_bnr .brandlist a:active {color: #666; text-decoration: none;}

#sale_uhd_bnr .wrap_popup_bnr .btn_area{
    padding: 25px 0 33px;
}


#sale_uhd_bnr .wrap_popup_bnr .btn_area .btn a{
    display: block;
    width: 380px;
    margin: 0 auto;
    padding: 17px 0;
    font-size: 15px;
    font-weight: bold;
    border-radius: 30px;
    text-decoration: none;
}

/*サジェスト*/
.ui-autocomplete.ui-widget-content {
  width: 300px;
  border-radius: 8px;
  background: #fff;
  color: #111;
  z-index: 100000 !important;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-top: none;
}
.search__subtitle,
.srchhis__subtitle{
  height: 30px;
  line-height: 30px;
  color: #111;
  background: #eee;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-indent: 10px;
  text-align: left;
}
.ui-menu-item,
.ui-menu-srchhis{
  text-indent: 10px;
  height: 24px;
  line-height: 24px;
  text-align: left;
  cursor: pointer;
}
.ui-menu-item:hover,
.ui-menu-srchhis:hover{
  opacity: .6;
}
.ui-state-disabled{
  cursor: default;
}
.ui-state-disabled:hover{
  opacity: 1;
}
.srchhis-delete-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0 10px;
  cursor: pointer;
  font-size: 12px;
  color: #9a9a9a;
  font-weight: 400;
}

a.hd_coupon {text-decoration: none; }
a.hd_coupon:link {color: #ffff00 !important; text-decoration: none;}
a.hd_coupon:visited {color: #ffff00 !important; text-decoration: none;}
a.hd_coupon:hover {color: #ffff00 !important; text-decoration: underline; }
a.hd_coupon:active {color: #ffff00 !important; text-decoration: underline; }
div#cnt_cart .carriage_01 { display:none !important;}
div#cnt_cart .carriage_02 { display:none !important;}

/*まとめ対策*/
.journal_bnr .bnr_txt { display:none; }
.journal_bnr .bnr_day2 { display:none; }

.icon_preorder { width:71px; height:41px; top:5px; right:5px; position:absolute }

#CONTENTSAREA #bnr_payment { display:none !important; }
#CONTENTSAREA div#cnt_cart h2 { margin-top:0 !important; }
div#cnt_cart table.cart_ssl { padding-bottom:25px; }

.main_right .price { margin-right:11px; }

#timesale_sara10,
#timesale_sara20,
#timesale_sara30 { padding:0; border-collapse: collapse; position:relative; display: table; } 

#timesale_sara10 .day,
#timesale_sara20 .day,
#timesale_sara30 .day { color:#fff; background:#ff6700; padding:4px; font-weight:normal; display:table-cell; white-space: nowrap; vertical-align:middle; }

#timesale_sara10 .ex,
#timesale_sara20 .ex,
#timesale_sara30 .ex { padding:4px 7px; display:table-cell; }


/*告知*/
#uninfo2 {
         padding: 10px 20px;
         font-size:12px;
         text-align:right;
         background: #eee;
         border-bottom:
         1px solid #ccc;
         line-height: 2em; 
         position:relative;
}

#info_ex_cnt {
         display:none;
}

#info_ex p {
         width:40px;
         height:70px;
         background:url(/res/s/lib/common/img/icon_open_b.png) no-repeat center center;
         background-size:30px 10px;
         position:absolute;
         right:-3px;
         top:0px;
         display:block;
         cursor: pointer
}

#info_ex p.on {
         background:url(/res/s/lib/common/img/icon_open_b2.png) no-repeat center center;
         background-size:30px 10px;
}