.l-bd {
    padding: 0;
}

.l-bd ul {
    padding: 0;
    margin: 0;
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    overflow: hidden;
}

.l-bd ul li {
    list-style: none;
}

.bg-1 {
    background-color: #F7F7F7;
    padding-bottom: 20px;
}

.content_1 {
    margin-bottom: 10px;
}

.content_1 > div:not(.menu-container) {
    padding-top: 10px;
}

/*** Left Side ***/
.menu-container .menu {
    height: 753px;
    top: 0;
}

.menu-container .menu .menu-sub {
    height: 100%;
}

.menu-sub li {
    line-height: 32px;
    position: relative;
}

.menu-sub li:hover,
.menu-sub li:active,
.menu-sub li .menu-item.is-active {
    background-color: #0275C6;
}

.menu-sub .menu-item {
    width: 100%;
    height: 100%;
    line-height: inherit;
    background-color: transparent;
    padding: 0 15px;
}

.menu-sub li:hover *,
.menu-sub li:active *,
.menu-sub li .menu-item.is-active {
    color: #FFF;
}

.menu-item.is-active,
.menu-item:hover {
    color: inherit;
    background-color: transparent;
}

.menu-sub .icon {
    font-size: 10px;
    color: #CDCDCD;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    cursor: pointer;
}

.menu-sub .menu-item.is-active + .icon {
    color: #FFF;
}

.menu-container .menu-list {
    background-color: #FFF;
    border: 1px solid #0175C8;
    padding: 20px;
    top: -1px;
}

.menu-list.is-bottom {
    top: auto;
    bottom: -1px;
}

.menu-list hr {
    border-color: #D7D7D7;
    margin-top: 15px;
}

.menu-list--title {
    color: #000;
    border: 0;
    padding: 0;
    margin: 0;
    position: relative;
}

.menu-list--title > * {
    display: inline-block;
    vertical-align: middle;
}

.menu-list--title .icon {
    font-size: 18px;
    color: #484848;
    padding: 7px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    cursor: pointer;
}

[class^="menu-list--cate_"] {
    display: inline-block;
}

.menu-list--cate_wrap {
    width: calc(712px - 180px - 42px);
}

.menu-list--cate_wrap:after {
    content: '';
    display: block;
    clear: both;
}

.menu-list [class^="menu-list--category-"] {
    width: calc(100% / 2 - 10px);
    float: left;
    margin-right: 0;
}

.menu-list .menu-list--category-1 {
    border-right: 1px solid #CCC;
}

.menu-list .menu-list--category-2 {
    padding-left: 20px;
}

.menu-list .ul_2 {
    border: none;
    padding: 0;
}

[class^="menu-list--category-"] li {
    height: 26px;
}

[class^="menu-list--category-"] .menu-sub-item {
    height: 100%;
    line-height: 30px;
    letter-spacing: 1px;
    color: #666;
    padding: 0;
    margin: 0;
}

[class^="menu-list--category-"] li:hover .menu-sub-item {
    text-decoration: none;
    color: #0175C8;
    background-color: transparent;
}

.menu-list--cate_img {
    width: 180px;
    float: right;
}

.menu-list--cate_img .img {
    width: 100%;
}

/*** Right Side ***/
.info {
    border: 0;
    background-color: #FFF;
    margin-bottom: 10px;
}

.letao_features li {
    margin-left: 0;
}

.letao_features li::before {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    padding-left: 0;
    margin-right: 5px;
    position: initial;
}

.letao_features li > * {
    display: inline-block;
    vertical-align: middle;
}

.letao_features-container {
    min-height: auto;
    height: calc(340px - 41px - 10px);
}

.letao_news-container {
    height: 393px;
    margin-bottom: 0;
}

/*** Center ***/
.slideshow-banner img {
    width: 100%;
}

.slideshow-home .slideshow-nav .slideshow-item {
    font-size: 15px;
    padding: 10px 0;
}

.puzzle .puzzle-hd .nav li {
    width: calc(100% / 6);
    border-bottom: 2px solid #1F304C;
}

.puzzle table.puzzle-hd{
    width:100%;
    table-layout: fixed;
}

.puzzle table.puzzle-hd td{
    border-bottom:2px solid #1F304C;
    width: 100%;
}


.tb_cbanner tr td:not(:last-child) {
    border-right: 1px solid #FFF;
    padding-right: 0;
    box-sizing: border-box;
}

.tb_cbanner tr:last-child td {
    border-top: 1px solid #FFF;
}

.tb_cbanner td {
    width: calc(100% / 4);
}

.tb_cbanner img {
    max-width: none;
    width: 100%;
    height: 100%;
}

/*** 今日競標商品 ***/
.wrap_bid {
    width: 1200px;
    margin: auto;
}

.wrap_bid h2 {
    font-size: 1.2em;
    letter-spacing: 1px;
    color: #0477CB;
    margin: 15px 0 10px;
}

.items-container:after {
    content: '';
    display: block;
    clear: both;
}

.item_wrap {
    width: calc(100% / 6 - 15px);
    color: #000;
    border: 1px solid #CECECE;
    float: left;
    margin: 0 calc(15px * 6 / 5) 25px 0;
    position: relative;
}

.item_wrap:hover {
    text-decoration: none;
    color: #000;
}

.item_wrap:nth-child(6n) {
    margin-right: 0;
}

.item--thumb {
    height: 135px;
    text-align: center;
    background-color: #F1F1F1;
    border-bottom: 1px solid #CECECE;
    position: relative;
    overflow: hidden;
}

.item--thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.item--name {
    height: 4.5em;
    line-height: 1.2;
    color: #085394;
    padding: 5px 10px;
    position: relative;
}

.item--name:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.item--name__txt {
    height: 53px;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS UI Gothic",Helvetica,Arial,sans-serif;
    word-break: break-word;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

.item--name__txt:hover {
    text-decoration: underline;
}

.item--price {
    text-align: center;
}

.item--price__txt {
    text-align: left;
    display: inline-block;
}

.price-highlight {
    color: #CB3500;
    margin: 0 3px;
}

.item--time {
    width: 100%;
    height: 34px;
    line-height: 34px;
    color: #FFF;
    background-color: rgba(0, 0, 0, .65);
    text-align: center;
    position: absolute;
    top: calc(135px - 34px);
    opacity: 0;
}

.item_wrap:hover .item--time {
    opacity: 1;
}

/*** No Result ***/
.no_result {
    font-size: 20px;
    text-align: center;
    padding: 30px 0;
}

.no_res_wrap {
    letter-spacing: 2px;
}

.no_res_wrap > * {
    display: inline-block;
    vertical-align: middle;
}

.no_res_wrap .fa {
    font-size: 30px;
    margin-right: 7px;
}

.info-title {
    font-size: 15px;
}
