@charset "UTF-8";
/* CSS Document */


.p5{padding:0.5%;}
.p10{padding:1%;}
.p15{padding:1.5%;}
.p20{padding:2%;}
.p30{padding:3%;}
.p40{padding:4%;}
.p2010{padding:2% 1%;}
.p1020{padding:1% 2%;}
.p10-0{padding:1% 0%;}
.p5px {padding: 5px;}
.p6px {padding: 6px;}
.p7px {padding: 7px;}
.pl10 {padding-left: 1%;}
.pl10px {padding-left: 10px;}
.pl20 {padding-left: 2%;}
.pl20px {padding-left: 20px;}
.pl30 {padding-left: 3%;}
.pr10 {padding-right: 1%;}
.pr10px {padding-right: 10px;}
.pr20 {padding-right: 2%;}
.pr20px {padding-right: 20px;}
.pr30 {padding-right: 3%;}
.p5px {padding:5px;}
.p10px {padding:10px;}
.p20px {padding:20px;}
.p1020px {padding: 10px 20px;}
.p1510px {padding: 15px 10px;}
.pb5px {padding-bottom: 5px;}
.pb10px {padding-bottom: 10px;}
.pt50px {padding-top: 50px;}

.mb-10{margin-bottom:-2% !important;}
.mt-10{margin-top:-2% !important;z-index:3;position: relative;}
.mt-20{margin-top:-4% !important;}
.mt-30{margin-top:-6% !important;}
.mt-40{margin-top:-8% !important;}
.mt-15{margin-top:-3% !important;}
.mt0{margin-top:0 !important;}
.mt5{margin-top:1% !important;}
.mt10{margin-top:2% !important;}
.mt20{margin-top:4% !important;}
.mt30{margin-top:6% !important;}
.mt50{margin-top:10% !important;}
.mt70{margin-top:14% !important;}
.mb0{margin-bottom:0% !important;}
.mb5{margin-bottom:1% !important;}
.mb10{margin-bottom:2% !important;}
.mb20{margin-bottom:4% !important;}
.mb30{margin-bottom:6% !important;}
.mb40{margin-bottom:8% !important;}
.mb50{margin-bottom:10% !important;}
.mlr10{margin-left:2% !important;margin-right:2% !important;}
.mr10{margin-right:2% !important;}
.mr20{margin-right:4% !important;}
.mr5{margin-right:1% !important;}
.mlr5{margin-left:1% !important;margin-right:1% !important;}
.mlr20{margin-left:4% !important;margin-right:4% !important;}
.ml0{margin-left: 0% !important;}
.ml20{margin-left: 4% !important;}
.ml40{margin-left: 6% !important;}

.mt10px{margin-top:10px !important;}
.mt20px{margin-top:20px !important;}
.mt30px{margin-top:30px !important;}

.mb1px{margin-bottom:1px !important;}
.mb5px{margin-bottom:5px !important;}
.mb8px{margin-bottom:8px !important;}
.mb10px{margin-bottom:10px !important;}
.mb20px{margin-bottom:20px !important;}
.mb30px{margin-bottom:30px !important;}


/*font*/
.fwB{font-weight:bold !important;}
.fs10{font-size:10px !important;line-height:1.5em;}
.fs11{font-size:11px !important;line-height:1.5em;}
.fs12{font-size:12px !important;line-height:1.5em;}
.fs14{font-size:14px !important;line-height:1.5em;}
.fs15{font-size:15px !important;line-height:1.5em;}
.fs16{font-size:16px !important;line-height:1.5em;}
.fs18{font-size:18px !important;line-height:1.5em;}
.fs20{font-size:20px !important;line-height:1.5em;}
.fs26{font-size:26px !important;line-height:1.5em;}
.fs26{font-size:26px !important;line-height:1.5em;}
.fs30{font-size:30px !important;line-height:1.5em;}
.fsS{font-size:80% !important;line-height:1.5em;}
.fsL{font-size:120% !important;line-height:1.5em;}

.fs10rem{font-size:1.0rem !important;line-height:1.5em;}
.fs11rem{font-size:1.1rem !important;line-height:1.5em;}
.fs12rem{font-size:1.2rem !important;line-height:1.5em;}
.fs14rem{font-size:1.4rem !important;line-height:1.5em;}
.fs16rem{font-size:1.6rem !important;line-height:1.5em;}
.fs18rem{font-size:1.8rem !important;line-height:1.5em;}
.fs20rem{font-size:2.0rem !important;line-height:1.5em;}

.fs10em{font-size:1.0em !important;line-height:1.5em;}
.fs11em{font-size:1.1em !important;line-height:1.5em;}
.fs12em{font-size:1.2em !important;line-height:1.5em;}
.fs13em{font-size:1.3em !important;line-height:1.5em;}
.fs14em{font-size:1.4em !important;line-height:1.5em;}
.fs16em{font-size:1.6em !important;line-height:1.5em;}
.fs18em{font-size:1.8em !important;line-height:1.5em;}
.fs20em{font-size:2.0em !important;line-height:1.5em;}

.text-white{color:#FFFFFF !important;}
.text-pink{color:#FD92B9 !important;}
.text-pink2{color:#FC3EB3 !important;}
.text-pink3{color:#f8618a !important;}
.text-pink4{color:#ff2979 !important;}
.text-pink5{color:#FF6766 !important;}
.text-blue{color:#1e87f0 !important;}
.text-blue2{color:#32ACE0 !important;}
.text-blue3{color:#32ACE0 !important;}
.text-red{color:#fd0000 !important;}
.text-red2{color:#dc3545 !important;}
.text-green{color:#32a43f !important;}
.text-green2{color:#218a2d !important;}
.text-orange{color:#F2835F !important;}
.text-grey{color:#999999 !important;}
.text-grey2{color:#535353 !important;}
.text-grey3{color:#666 !important;}
.text-black{color: #000000 !important;}
.text-black2{color: #2b2b2b !important;}
.text-default{color: #333 !important;}
.text-yellow{color:#ffa700 !important;}
.text-purple{color:#2C3093 !important;}
.underline{text-decoration:underline !important;}


/*button*/

.uk-button {
    text-transform: none;
}

.butGreyOutline {
    border: 1px solid #b9b9b9;
    color: #333 !important;
}

.butGreyOutline:hover {
    background: #999;
    color: #fff !important;
}

.butGreyOutline.small {
    font-size: 10px;
    padding: 0 4px;
}

.butGrey {
    background: #999;
    border-radius: 4px;
    color: #fff;
}

.butGreyOutline2 {
    border: 1px solid #999;
    color: #666 !important;
    font-weight: bold;
}

.butGreyOutline2:hover {
    background: #ccc;
    color: #666 !important;
}

.butGreyOutline2.small {
    font-size: 10px;
    padding: 0 4px;
}

.uk-button-text.small {
    font-size: 10px;
    padding: 0 4px;
}

.uk-button.customizedHeight_35 {
    line-height: 35px !important;
}

.uk-button.customizedPadding_30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.butGrey.h26 {
    line-height: 26px;
}

.butRed {
    background: #ff0000;
    border-radius: 4px;
    color: #fff;
    line-height: 26px;
    font-weight: bold;
}

.roundedS {border-radius: 5px;}


/*背景色*/

.bgGrey {
    background: #e0dfdf;
}

.bgWhite{
    background: #fff;
}


/*枠*/

.bbWhite { border-bottom: 1px solid #fff; }
.bbGrey { border-bottom: 1px solid #d6d6d6; }

@media (max-width: 768px) {
    .bbGreyDashed_sp { border-bottom: 1px dashed #d6d6d6; }
}


.icon-yellow > * {color:#ffa700 !important;}

.uk-light .uk-dotnav>*>* {
    border-color: rgba(0,0,0,.8);
}

.uk-light .uk-dotnav>.uk-active>* {
    background-color: rgba(0,0,0,.8);
}

div#toppage_info * {
    color:initial;
    font-size:initial;
    font-weight:initial;
    line-height:initial
}

div#toppage_info {
    border:solid 1px #ccc;
    background-color:#fff;
    padding:1em;
    margin-bottom:2em;
    line-height:1.5
}

#addnewitems #pickupmenu .uk-slider .uk-card-body {
    padding: 15px;
}

#addnewitems #pickupmenu .uk-slider .uk-card-body .uk-card-title {
    font-size: 14px;
}

#header_sp #global-menu {
    top: 40px;
}

#header_sp .icon_wish_list img {
    width: 27px;
    height: auto;
}

#second_header_sp #keysuggest {
    border: #bdbbba 1px solid;
    color: #8e8e8e;
    height: 24px;
    line-height: 24px;
}

#second_header_sp .btn_search {
    margin-left: 3px;
    padding-top: 4px;
    box-sizing: border-box;
}

#header .wish_list {
    border: #e0dfdf 1px solid;
    padding: 5px;
    border-radius: 3px;
    background: #fff;
    display: block;
    color: #333;
}

#header .wish_list .text-red * {
    color:#fd0000 !important;
}

.uk-button-danger {
    background: #FD0301;
}

.search_tab_area .uk-subnav {
    margin-left: 0;
    margin-bottom: 0;
}

.search_tab_area .uk-subnav li {
    padding-left: 3px;
}

.search_tab_area .uk-subnav li a {
    border-top: #e0dfdf 1px solid;
    border-right: #e0dfdf 1px solid;
    border-left: #e0dfdf 1px solid;
    border-radius: 3px 3px 0 0;
    color: #333;
    background-color: #eee;
    font-size: 10px;
}

.search_tab_area .uk-subnav-pill>.uk-active>a {
    background-color: #fff;
    color: #333;
}

.search_tab_area .uk-switcher li {
    border-top: #e0dfdf 1px solid;
    border-bottom: #e0dfdf 1px solid;
    border-right: #e0dfdf 1px solid;
    border-left: #e0dfdf 1px solid;
    border-radius: 0 0 3px 3px;
    padding: 20px;
}

@media (max-width: 768px) {
    .search_tab_area .uk-switcher li {
        padding: 10px;
    }
}

.bgArrow {
    padding-right: 45px;
    background-image: url("../common-images/common/yaji2.png");
    background-size: auto 90%;
    background-repeat: no-repeat;
    background-position: right top;
}

.uk-card-default {
    background: #fff;
    color: #666;
    box-shadow: none;
    border: #e0dfdf 1px solid;
}

.customGrey {
    border-color: #b8b8b8 !important;
}

#category table td {
    border: 1px solid #b9b9b9;
}

.index #category {
    margin-bottom: 60px;
}

.index #company {
    margin-bottom: 60px;
}

.footer_2col_width {
    width: auto;
    margin-right: 292px;
}

@media (max-width: 959px) {
    .footer_2col_width {
        margin-right: 0;
    }
}

.convert_dropdown {
    border: 1px solid rgb(255, 34, 34);
    font-size: 12px;
}

.convert_dropdown input[type="button"], .convert_dropdown button {
    width: 170px;
    /*margin: 0px 5px;*/
    padding: 2px;
    height: 26px;
    text-align: center;
    line-height: 1.2em;
    border-style: none;
    background-color: #ff0000;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
}

.resultTile2 {
    margin-bottom: 30px;
}

.resultTile2 .name {
	font-size: 120%;
	line-height: 1.3;
	color: #2b2b2b;
}

.resultTile2 .priceusd {
    margin-top: 30px;
    font-weight: bold;
    color: #2b2b2b;
    font-size: 110%;
}

.resultTile2 .discountPrice {
    margin-top: 2px;
    text-align: right;
    float: right;
    font-size: 80%;
    font-weight: bold;
    color: #0364a8;
}

.uk-modal .uk-modal-dialog .uk-modal-close-default {
    width: auto;
}


.uk-lightbox {
    top: 39px !important;
}

.sbox .login_error {
    margin-top: 6px;
    margin-bottom: 5px;
    color: red !important;
}

.sbox .login_error label {
    color: red !important;
}

.sbox .auto_login_check {
    margin-top: 6px;
    margin-bottom: 5px;
}

#header nav .uk-dropdown.mypage_dropdown {
    border: solid 2px #000;
    padding: 10px;
}

#header nav .uk-dropdown.mypage_dropdown .uk-list {
    text-align: left;
}

#header nav .uk-dropdown.mypage_dropdown .uk-list a {
    color: #000;
}

.cannot_find {
    color:#880 !important;
}

.cannot_find .cannot {
    font-size:24px;
    color:#880 !important;
}



