/******************************************
 * RECOMMEND CSS
 ******************************************/
/* レコメンドラッパー */
.goodsrecommend .contentWrapper.recommendWrapper {
    padding-top: 0;
}

/**********************************************************
 *
 * レコメンド枠
 *
 **********************************************************/
/* 大枠 */
.goodsrecommend .recommendWrapper .primaryLayout__section {
    padding: 30px 15px;
    border-top: 1px solid #ccc;
}
/* 大枠 売り切れ時 */
#m_soldout_recommend_sp .goodsrecommend .recommendWrapper .primaryLayout__section {
    border-top: none;
}

/* body */
.goodsrecommend .recommendWrapper .itemSummaryBlock__body {
    margin: 0 -15px 15px;
}

.goodsrecommend .recommendWrapper .itemSummaryList {
    position: relative;
    display: flex;
    overflow: hidden;
    width: 100%;
    list-style: none;
    flex-wrap: wrap;
}

.goodsrecommend .recommendWrapper .itemSummaryList.column-3 > li {
    max-width: 32%;
    margin-right: 2%;
    margin-bottom: 10px;
    flex-basis: 32%;
}


.goodsrecommend .recommendWrapper .itemSummaryList a {
    display: block;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.goodsrecommend .recommendWrapper .itemSummaryList.column-3 > li:nth-child(3n) {
    margin-right: 0;
}

.goodsrecommend .recommendWrapper .trimImage {
    position: relative;
    overflow: hidden;
}


/**********************************************************
 *
 * タイトル部
 *
 **********************************************************/
/* タイトル */
.goodsrecommend .recommendWrapper .primaryLayout__title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}
.goodsrecommend .recommendWrapper .sectionTitle {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
}

/* 見出し、画像件数 */
.goodsrecommend .recommendWrapper .sectionSub {
}
.goodsrecommend .recommendWrapper .sectionSub .pic_counter {
    font-size: 13px;
}

/* すべてをみる */
.goodsrecommend .recommendWrapper .view_all__area {
    text-align: right;
    padding-right: 15px;
}
.goodsrecommend .recommendWrapper .view_all__link {
    color: #a6a6a6;
    font-size: 13px;
}
.goodsrecommend .recommendWrapper .view_all__link span {
}
.goodsrecommend .recommendWrapper .view_all__link span:after {
    font-family: feather;
    font-size: 13px;
    content: '\e844';
    color: inherit;
}


/**********************************************************
 *
 * スライダー部
 *
 **********************************************************/
/* ▽▽▽ slick利用部 ▽▽▽ */
.goodsrecommend .recommendWrapper .itemSummarySlider {
    position: relative;
    overflow-y: visible;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
.goodsrecommend .recommendWrapper .itemSummarySlider__list {
    position: relative;
    display: none;
    overflow: hidden;
    width: 100%;
    list-style: none;
}
.goodsrecommend .recommendWrapper .itemSummarySlider__listItem + .recommendWrapper .itemSummarySlider__listItem {
    margin-left: 2px;
}
/* slick override */
.goodsrecommend .recommendWrapper .itemSummarySlider__list.slick-initialized {
    display: block;
}
.goodsrecommend .recommendWrapper .slick-list {
    overflow: hidden;
    min-width: 0;
    min-height: 0;
}
.goodsrecommend .recommendWrapper .slick-track {
    display: block;
    display: flex;
    overflow: hidden;
    vertical-align: top;
}
/* △△△ slick利用部 △△△ */

/* ▽▽▽ 独自スライダー ▽▽▽ */
.goodsrecommend .recommendWrapper .mc_itemSummarySlider__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    max-width: 100%;
    list-style: none;
    overflow-x: visible;
    white-space: nowrap;
    width: 100%;
}
.goodsrecommend .recommendWrapper .mc_itemSummarySlider__list .itemSummarySlider__listItem {
    width: 45%;
}
.goodsrecommend .recommendWrapper .mc_itemSummarySlider__list .itemSummaryCard {
    width: 100px;
}
.goodsrecommend .recommendWrapper .mc_itemSummarySlider__list.p3 .itemSummaryCard {
    width: 145px;
}
.goodsrecommend .recommendWrapper .mc_itemSummarySlider__list a {
    display: block;
    text-decoration: none;
    color: inherit !important;
}

.goodsrecommend .recommendWrapper .mc_itemSummarySlider__list a:after{
    content: unset;
}
/* △△△ 独自スライダー △△△ */

.goodsrecommend .recommendWrapper .itemSummarySlider__arrow {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    pointer-events: none;
}
.goodsrecommend .recommendWrapper .itemSummarySlider__arrow:before {
    display: block;
    padding-top: 33%;
    content: '';
}
.goodsrecommend .recommendWrapper .itemSummarySlider__arrow.withLabel {
    margin-top: 30px;
}
.goodsrecommend .recommendWrapper .itemSummarySlider__arrowItem {
    position: absolute;
    top: 50%;
    display: inline-flex;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    pointer-events: all;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    align-items: center;
    justify-content: center;
}
.goodsrecommend .recommendWrapper .itemSummarySlider__arrowItem.as-prev {
    left: 0;
}
.goodsrecommend .recommendWrapper .itemSummarySlider__arrowItem.as-next {
    right: 0;
}
.goodsrecommend .recommendWrapper .itemSummarySlider__list a {
    display: block;
    text-decoration: none;
    color: inherit;
}

/* カード（画像） */
.goodsrecommend .recommendWrapper .itemSummaryCard {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    flex: 1 0 auto;
}
.goodsrecommend .recommendWrapper .itemSummaryCard__image {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.goodsrecommend .recommendWrapper .itemSummaryCard__image:before {
    display: block;
    padding-top: 100%;
    content: '';
}
/* コーディネート用 */
.goodsrecommend .recommendWrapper .cordinate__listItem .itemSummaryCard__image:before {
    padding-top: 120%;
}

.goodsrecommend .recommendWrapper .trimImage img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    max-height: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

/* お気に入り追加ボタン */
.goodsrecommend .recommendWrapper .add_favolit_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 5px;
    right: 5px;
    height: 30px;
    width: 30px;
    font-size: 21px;
    /* background-color: #fff; */
    color: #a4a4a4;
    border-radius: 30px;
}
.goodsrecommend .recommendWrapper .add_favolit_btn.isActive {
    color: #ff1c6b;
}
.goodsrecommend .recommendWrapper .add_favolit_btn.isActive .feather::before {
    content: '\e90c';
}

/* セール、クーポンラベル */
.goodsrecommend .recommendWrapper .special_text_label_area {
    position: absolute;
    display: block;
    bottom: 0;
    left: 2px;
}
.goodsrecommend .recommendWrapper .special_text_label_area p {
    font-size: 10px;
    line-height: 11px;
}

.goodsrecommend .recommendWrapper .special_text_label_area .special_text {
    border-radius: 0;
    padding: 1px 2px;
    display: block;
}
.goodsrecommend .recommendWrapper .special_text_label_area .coupon_text {
    background-color: #5ac2f3;
    opacity: .8;
    color: #fff;
}
.goodsrecommend .recommendWrapper .special_text_label_area .sale_text {
    background-color: #ff47bf;
    opacity: .8;
    color: #fff;
}

.goodsrecommend .recommendWrapper .itemSummaryCard__button {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.goodsrecommend .recommendWrapper .itemSummaryCard__title {
    font-size: 10px;
    line-height: 1.4;
    margin-bottom: auto;
    padding: 1px 5px;
    overflow: hidden;
    width: 100%;
    color: initial;
}
.goodsrecommend .recommendWrapper .itemSummaryCard__title span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.goodsrecommend .recommendWrapper .itemSummaryCard__brand {
    font-size: 10px;
    margin-bottom: 5px;
    padding: 0 5px;
    color: #ccc;
}

/* 価格 */
.goodsrecommend .recommendWrapper .itemSummaryCard__price {
    font-size: 10px;
    line-height: 1.3;
    padding: 1px 5px;
    color: initial;
}
.goodsrecommend .recommendWrapper .itemSummaryCard__price.double_price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.goodsrecommend .recommendWrapper .itemSummaryCard__priceNumber {
    font-size: 12px;
    font-weight: bold;
}
.goodsrecommend .recommendWrapper .itemSummaryCard__priceNumber.sale_price {
    color: #ff1c6b;
}
.goodsrecommend .recommendWrapper .itemSummaryCard__priceNumber.base_price {
    font-size: 10px;
    font-weight: initial;
}
.goodsrecommend .recommendWrapper .itemSummaryCard__priceNumber.price_arrow {
    font-size: 10px;
    font-weight: initial;
}
.goodsrecommend .recommendWrapper .itemSummaryCard__priceNumber.off_late {
    font-size: 10px;
    color: #ff1c6b;
    font-weight: initial;
}

/**********************************************************
 *
 * もっとみる、さらにもっとみる部
 *
 **********************************************************/
/* ボタン枠 */
.goodsrecommend .recommendWrapper .itemSummaryBlock__button {
    margin: 15px 0;
}
/* 非表示部分 */
.goodsrecommend .recommendWrapper .expandListGroup__content {
    display: none;
}

/* もっとみるボタン */
.goodsrecommend .recommendWrapper .expandButton {
    font-size: 16px;
    /* display: flex; */
    display: block;
    width: 100%;
    padding: 14px 15px;
    text-decoration: none;
    color: inherit;
    background: #f3f3f3;
    /* align-items: center; */
    outline: none;
}
.goodsrecommend .recommendWrapper .expandButton.theme-primary {
    border: 1px solid #444;
    border-radius: 3px;
    background: #fff;
}
.goodsrecommend .recommendWrapper .expandButton.isOpen:after {
    font-family: 'feather';
    content: '\e897';
}
.goodsrecommend .recommendWrapper .expandButton:after {
    font-family: 'feather';
    font-size: 16px;
    float: right;
    /* margin-left: auto; */
    content: '\e8b1';
    color: #444;
}

.goodsrecommend .recommendWrapper .expandButton.size-small {
    font-size: 12px;
}
/* さらにもっとみるボタン */
.goodsrecommend .recommendWrapper .expandMoreListGroup__content {
    display: none;
}
.goodsrecommend .recommendWrapper .expandMoreButton {
    display: none;
    font-size: 16px;
    /* display: flex; */
    /* display: block; */
    width: 100%;
    /* width: 92%; */
    margin: 0 auto;
    padding: 14px 15px;
    text-decoration: none;
    color: inherit;
    background: #f3f3f3;
    /* align-items: center; */
    outline: none;
}
.goodsrecommend .recommendWrapper .expandMoreButton.theme-primary {
    border: 1px solid #444;
    border-radius: 3px;
    background: #fff;
}
.goodsrecommend .recommendWrapper .expandMoreButton.size-small {
    font-size: 12px;
}
.goodsrecommend .recommendWrapper .expandMoreButton:after {
    font-family: 'feather';
    font-size: 16px;
    float: right;
    /* margin-left: auto; */
    content: '\e8b1';
    color: #444;
}
.goodsrecommend .recommendWrapper .expandMoreButton.link-style {
    border: none;
    margin-bottom: 10px;
    color: #1da1f2;
}
.goodsrecommend .recommendWrapper .expandMoreButton.link-style::after {
    content: initial;
}
.goodsrecommend .recommendWrapper .expandMoreButton.isOpen:after {
    font-family: 'feather';
    content: '\e897';
}


/**********************************************************
 *
 * モーダル
 *
 **********************************************************/
/* オーバーレイ */
.recommendWrapper .overlay {
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
}
.recommendWrapper .overlay.isWhite {
    background: rgba(255, 255, 255, .6);
}

.modalBox.recommendModal {
    position: fixed;
    z-index: 2001;
    top: 30px;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
    background: #fff;
}

/* ヘッダー */
.recommendModal .modalBox__header {
    font-size: 14px;
    display: flex;
    height: 50px;
    padding: 15px;
    color: #fff;
    background: #444;
    align-items: center;
    justify-content: space-between;
}
.recommendModal .modalBox__headerClose {
    font-size: 12px;
}

/* ボディ */
.recommendModal .modalBox__body {
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #f3f3f3;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.recommendModal section {
    position: relative;
}
.recommendModal .primaryLayout__section {
    padding: 30px 15px;
    border-top: 1px solid #ccc;
}
.recommendModal .primaryLayout__title {
    margin-bottom: 0;
}
.recommendModal .primaryLayout__text {
    font-size: 14px;
    margin-bottom: 15px;
}
.recommendModal .primaryLayout__block + .recommendModal .primaryLayout__block {
    margin-top: 25px;
}
.recommendModal .generalText {
    font-size: 16px;
    line-height: 1.6;
}
.recommendModal .generalText .color-red {
    font-weight: bold;
    color: #ff1c6b;
}
.recommendModal .itemListCard {
    display: flex;
}
.recommendModal .itemListCard__image {
    width: 70px;
    min-width: 70px;
    height: 70px;
    margin-right: 10px;
}
.recommendModal .trimImage {
    position: relative;
    overflow: hidden;
}

.recommendModal .trimImage img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    max-height: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.recommendModal .itemListCard__name {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
}
.recommendModal .sectionTitle {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
}

/* 閉じるボタン領域 */
.recommendModal .favModalCloseBtn {
    border-top: 1px solid #ccc;
    padding: 30px 15px;
}

/**********************************************************
 *
 * ボタン
 *
 **********************************************************/
.recommendModal .primaryLayout__button {
    position: relative;
}
.recommendModal .solidButton {
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    display: flex;
    width: 100%;
    padding: 15px;
    text-align: center;
    color: #363636;
    border: 1px solid #1da1f1;
    border-radius: 3px;
    background: #fff;
    align-items: center;
    justify-content: center;
}
/* お気に入りリストへボタン */
.recommendModal .solidButton.isPrimary {
    color: #fff;
    background: #1da1f1;
    margin-top: 25px;
}
.recommendModal .solidButton.isClose {
    border: 1px solid #bcbcbc;
    font-weight: initial;
}
.recommendModal .solidButton.isFav {
    color: #fff !important;
    height: 54px;
    font-size: 18px;
    padding: 5px 0;
    line-height: 44px;
    border-radius: 6px;
}
/* レコメンドモーダル LINEで受け取るボタン */
.recommendModal .solidButton.isLine {
    background: #00b900;
    border: 3px solid #00b900;
    color: #fff !important;
    height: 54px;
    font-size: 18px;
    padding: 5px 0;
    line-height: 44px;
    border-radius: 6px;
}
.recommendModal .solidButton.isLine::before {
    display: inline-block;
    position: absolute;
    top: 9px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background-image: url(/voi/wishlist/img/LINEicon.png);
    content: '';
    background-repeat: no-repeat;
    margin-left: 13%;
}
/* レコメンドモーダル メールで受け取るボタン */
.recommendModal .solidButton.isMail {
    background: #666;
    border: 3px solid #666;
    color: #fff !important;
    height: 54px;
    font-size: 18px;
    padding: 5px 0;
    line-height: 44px;
    border-radius: 6px;
    margin-top: 15px;
}
.recommendModal .solidButton.isMail::before {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background-image: url(/voi/wishlist/img/mailicon.png);
    content: '';
    background-repeat: no-repeat;
    margin-left: 13%;
}
.goodsrecommend .adobe-title h2 {
    font-size: 16px;
    border-bottom: 2px solid #000;
}

.goodsrecommend .adobe-title h3 {
    font-size: 14px;
    border-bottom: 2px solid #000;
}

.goodsrecommend .r-mar50b {
    margin-bottom: 50px !important;
}

.goodsrecommend .r-mar10b {
    margin-bottom: 10px;
}

.goodsrecommend .r-recommend .r-wrap-recommend-category {
    height: 22px;
}

.goodsrecommend .r-red {
    color: #e60012;
    font-style: normal;
}

.goodsrecommend .r-recommend .r-ttl-cat {
    width: 571px;
    height: 14px;
    margin-bottom: 6px;
}

.goodsrecommend .r-recommend .r-cat01 {
    background: url("https://voi.0101.co.jp/voi/content/dam/01/exclusivepage/index/pc/css_parts/txt_recommend_fashion.gif") no-repeat 0 0;
}

.goodsrecommend span.r-hdn {
    display: block;
    font-size: 10px;
    line-height: 1;
    text-indent: -9999px;
}

.goodsrecommend .r-recommend .r-txt-paging-cat {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    color: #000;
    font-size: 12px;
    text-align: right;
}

.goodsrecommend .r-recommend .r-box-cat {
    overflow: hidden;
    width: auto;
}

.goodsrecommend .r-pos {
    position: relative;
}

.goodsrecommend .align-left {
    text-align: left;
}

.goodsrecommend .r-mar15b {
    margin-bottom: 15px!important;
}

.goodsrecommend .ks-r-cfx:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.goodsrecommend .ks-r-cfx {
    display: inline-block;
}

.goodsrecommend .r-recommend .r-recommendlist {
    width: 2475px;
    position: relative;
    left: 0;
}
.goodsrecommend .r-recommend .r-recommendlist ul {
    display: flex;
    flex-flow: row nowrap;
}

.goodsrecommend .r-recommend .r-recommendlist li {
    width: 138px;
    padding-bottom: 10px!important;
    margin-right: 9px!important;
    font-size: 10px;
}

.goodsrecommend .r-recommend .r-recommendlist li.r-last {
    margin-right: 0;
}

.goodsrecommend .r-recommend .r-recommendlist .r-img {
    display: block;
    margin-bottom: 10px;
}

.goodsrecommend .r-recommend .r-recommendlist .r-img img {
    max-width:unset;
}

.goodsrecommend .r-recommend .r-recommendlist a:after{
    content: unset;
}

.goodsrecommend .r-recommend .r-recommendlist .r-info {
    line-height: 1.5;
    font-size: 10px;
}

.goodsrecommend .r-recommend .r-recommendlist .r-info h2 {
    width: unset !important;
    height: unset !important;
    text-indent: 0px !important;
}

.goodsrecommend .r-recommend .r-recommendlist .r-item {
    margin: 10px 0 !important;
    font-size: 10px !important;
    border-bottom: none !important;
    font-weight: normal !important;
}
.goodsrecommend .r-recommend .r-recommendlist .r-brand {
    color: #999;
    font-size: 10px !important;
}

.goodsrecommend .r-recommend .r-recommendlist .r-item .item_name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.goodsrecommend .r-recommend .r-recommendlist .r-price {
    font-family: Verdana;
    font-size: 10px !important;
    word-wrap: normal;
    color: #666;
}

.goodsrecommend .r-recommend .r-recommendlist .r-off_rate {
    font-family: Verdana;
    font-size: 5px !important;
    word-wrap: normal;
    color: #ff1c6b;
}

.goodsrecommend .r-recommend .r-control {
    z-index: 1000;
}

.goodsrecommend .r-recommend .r-control li, .r-recommend .r-control a {
    display: block;
    width: 27px;
    height: 71px;
    text-indent: -9999px;
    overflow: hidden;
}

.goodsrecommend .r-recommend .r-control .r-prev {
    display: none;
    position: absolute;
    top: 33px;
    left: 0;
    background: url("https://voi.0101.co.jp/voi/content/dam/01/exclusivepage/index/pc/css_parts/btn_recommend_prev.png") no-repeat 0 0;
}

.goodsrecommend .r-recommend .r-control .r-next {
    position: absolute;
    top: 33px;
    right: 0;
    background: url("https://voi.0101.co.jp/voi/content/dam/01/exclusivepage/index/pc/css_parts/btn_recommend_next.png") no-repeat 0 0;
}

.goodsrecommend .cmp-title {
    display: block;
    color: #000;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 1.29;
}

.goodsrecommend .cmp-title h1, .cmp-title h2, .cmp-title h3, .cmp-title h4, .cmp-title h5, .cmp-title h6, .cmp-title p, .cmp-title span {
    display: block;
    font-size: inherit;
    font-weight: normal;
    margin: 0;
}

.goodsrecommend .cmp-title:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
    line-height: 0;
}

.goodsrecommend .cmp-title .sub-title {
    float: right;
    display: block;
    font-size: 16px;
    margin-bottom: 0;
    color: #808080;
    position: relative;
    z-index: 2;
}

.goodsrecommend .cmp-title.align-right .sub-title {
    padding-left: 30px;
}

.goodsrecommend .cmp-title a:link {
    color: #000;
}

.goodsrecommend .cmp-title a .sub-title {
    color: #146bb4;
}

.goodsrecommend .cmp-title.title-text .sub-title {
    line-height: 26px;
}

.goodsrecommend .cmp-title.title-img {
    min-height: 1px;
}

.goodsrecommend .cmp-title.title-img .sub-title {
    font-weight: bold;
    color: #000;
    margin-right: 25px;
}

.goodsrecommend .cmp-title.title-bgimg {
    position: relative;
    overflow: hidden;
}

.goodsrecommend .cmp-title.title-bgimg a {
    display: block;
}

.goodsrecommend .cmp-title.title-bgimg .bg-title {
    height: 43px;
    width: 100%;
    background-repeat: no-repeat;
}

.goodsrecommend .cmp-title.title-bgimg .title {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    line-height: 43px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-left: 0;
}

.goodsrecommend .cmp-title.sub-height28 .sub-title {
    padding-top: 8px;
}

/* ==========================================================================
.tl_column_recommend
========================================================================== */
.tl_column_recommend .tl_items:before,
.tl_column_recommend .tl_items:after{content:"";display:table;}
.tl_column_recommend .tl_items:after{clear:both;}
.tl_column_recommend .tl_items{*zoom:1;}

/*
 * .tl_column_recommend
 */

.tl_column_recommend{
padding-bottom: 10px;
margin-bottom: 20px;
/*overflow: hidden;*/
}

/*
 * .tl_heading
 */

.tl_column_recommend .tl_heading{
background-color: #f0f0f0;
border-top: 1px solid #dcdcdc !important;
border-bottom: none !important;
padding: 7px 10px !important;
margin: 20px 0 0;
position: relative;
font-weight: normal !important;
z-index: 1;
}

.tl_column_recommend .tl_heading .tl_pager{
font-size: 12px;
position: absolute;
top: 8px;
right: 10px;
}

/*
 * .tl_items
 */

/* .tl_items */
.tl_column_recommend .tl_items{
margin-top: 15px;
}

.tl_column_recommend .tl_items + .tl_items{
border-top: 1px solid #e5e5e5;
padding-top: 15px;
}

/* li */
.tl_column_recommend .tl_items > li{
float:left;
position:relative;
width:150px;
}
.tl_column_recommend .tl_items > li + li{
padding-left: 50px;
}
#m_rightBox .tl_column_recommend .tl_items > li + li{
padding-left: 5px;
}
.tl_column_recommend .tl_items > li:hover{
z-index:1;
}

/* .tl_image */
.tl_column_recommend .tl_items .tl_image a{
display:block;
}

.tl_column_recommend .tl_items > li > .tl_image > a:hover{
border:3px solid #ccc;
}
.tl_column_recommend .tl_items > li > .tl_image > a:hover .tl_image{
position:relative;
z-index:-1;
margin:-3px;
}
.tl_column_recommend .tl_items > li > .tl_image:hover{
padding:0 15px 0 15px;
margin:0 -15px 0 -15px;
width:150px;
}

/* .tl_variations */
.tl_column_recommend .tl_items .tl_variations{
background: url(https://search-voi.0101.co.jp/images/bg_color02.png) no-repeat;
}
.tl_column_recommend .tl_items .tl_header,
.tl_column_recommend .tl_items .tl_footer{
background: url(https://search-voi.0101.co.jp/images/bg_color.png) no-repeat;
}
.tl_column_recommend .tl_items .tl_variations{

position:absolute;
top:0;
z-index:1;
padding:0 8px 0;
}
.tl_column_recommend .tl_items .tl_variations.tl_right{
background-position:0px center;
}
.tl_column_recommend .tl_items .tl_variations.tl_left{
background-position:right  center;
}
.tl_column_recommend .tl_items .tl_header{
padding-top:5px;
}
.tl_column_recommend .tl_items .tl_footer{
padding-bottom:5px;
background-position:-175px bottom;
}
.tl_column_recommend .tl_items .tl_body{
background:#414141;
padding:0 10px 5px;
width:155px;
}
.tl_column_recommend .tl_items .tl_variations.tl_right{
left:158px;
}
.tl_column_recommend .tl_items .tl_variations.tl_left{
right:158px;
}
.tl_column_recommend .tl_items .tl_variations ul{
margin-right:-5px;
overflow:hidden;
}
.tl_column_recommend .tl_items .tl_variations li{
float:left;
margin-top:5px;
margin-right:5px;
}
.tl_column_recommend .tl_items .tl_variations .tl_button{
margin-bottom:0;
}
.tl_column_recommend .tl_items .tl_variation{
color: #ffffff;
margin: 10px 0 0 !important;
overflow: hidden;
text-align: center;
font-size: 12px;
}

/* data */
.tl_column_recommend .tl_items .tl_name{
margin:10px 0 !important;
font-size:12px !important;
border-bottom: none !important;
font-weight: normal !important;
}
.tl_column_recommend .tl_items .tl_name a{
font-weight: bold;
color: #000;
}
.tl_column_recommend .tl_items .tl_name a:hover{
color: #d20000;
}
.tl_column_recommend .tl_items .tl_brand{
color:#999;
}
.tl_column_recommend .tl_items .tl_price{
font-family:Verdana;
font-size:10px;
word-wrap:normal;
color: #666;
}
.tl_column_recommend .tl_items .tl_price .m_fcR{
color: #e70000!important;
}
.tl_column_recommend .tl_items .tl_price em{
font-style:normal;
font-weight:bold;
font-size:12px;
}
.tl_column_recommend .tl_items .tl_price del{
display:block;
font-size:12px;
}
.tl_column_recommend .tl_items .tl_price .tl_currency{
font-weight:normal;
font-size:10px;
}
.tl_column_recommend .tl_items .tl_price del ~ em,
.tl_column_recommend .tl_items .tl_price .tl_off{
color:#e60012;
}
.tl_column_recommend .tl_items .tl_color{
margin:-5px 0 10px;
}
.tl_column_recommend .tl_items .tl_sub{
padding-left:1.tl_5em;
font-size:11px;
}
.tl_column_recommend .tl_items .tl_sub li{
list-style:disc;
}

/* .tl_review */
.tl_column_recommend .tl_items .tl_review{
line-height:14px;
margin: 10px 0 0 !important;
}
.tl_column_recommend .tl_items .tl_review .tl_rating{
float:left;
display:inline-block;
margin-top:-2px;
background:url(https://voi.0101.co.jp/voi/sys_img/detail/ico_rating.png) no-repeat;
width:83px;
height:14px;
line-height:14px;
vertical-align:middle;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.tl_column_recommend .tl_items .tl_review .tl_rating4-5{
background-position:0 -14px;
}
.tl_column_recommend .tl_items .tl_review .tl_rating4{
background-position:0 -28px;
}
.tl_column_recommend .tl_items .tl_review .tl_rating3-5{
background-position:0 -42px;
}
.tl_column_recommend .tl_items .tl_review .tl_rating3{
background-position:0 -56px;
}
.tl_column_recommend .tl_items .tl_review .tl_rating2-5{
background-position:0 -70px;
}
.tl_column_recommend .tl_items .tl_review .tl_rating2{
background-position:0 -84px;
}
.tl_column_recommend .tl_items .tl_review .tl_rating1-5{
background-position:0 -98px;
}
.tl_column_recommend .tl_items .tl_review .tl_rating1{
background-position:0 -112px;
}
.tl_column_recommend .tl_items .tl_review .tl_rating0-5{
background-position:0 -126px;
}
.tl_column_recommend .tl_items .tl_review .tl_rating0{
background-position:0 -140px;
}

/* .tl_btnWish */
.tl_column_recommend .tl_items .tl_btnWish{
display: none;
}

/*
 * .tl_moreBtn
 */
 .tl_column_recommend .tl_moreBtn {
margin-top: 15px;
}

.tl_column_recommend .tl_moreBtn a {
display: block;
font-size:13px;
color:#424242 !important;
text-decoration:none;
height: 40px;
line-height: 40px;
text-align: center;
border-top: 1px solid #bcbcbc;
border-bottom: 1px solid #bcbcbc;
}

.tl_column_recommend .tl_moreBtn span {
display: inline-block;
position: relative;
}

.tl_column_recommend .tl_moreBtn span:after {
content: "";
display: inline-block;
width: 20px;
height: 15px;
margin-left: 5px;
vertical-align: middle;
-webkit-background-size: 50px auto;
-moz-background-size: 50px auto;
background-size: 50px auto;
background-image:url(https://voi.0101.co.jp/voi/sys_img/detail/3_icon_sprite02_sp.png) ;
}

.tl_column_recommend .tl_moreBtn span:after {
background-position:-22px -199px;
}

.tl_column_recommend .tl_moreBtn .tl_close span:after {
background-position:-22px -244px;top: 10px;
left: 67px;
}


/*
 * .tl_allBtn
 */

.tl_allBtn{
clear: both;
margin-top: -5px !important;
margin-bottom: 20px !important;
font-size: 12px !important;
text-align: right;
}

.tl_allBtn a{
color: #2200c1 !important;
}

/*
 * no docment type
 */

 .tl_column_recommend .tl_heading{
_font-size: 14px;
_margin-bottom: -15px;
}

.tl_column_recommend .tl_items{
_margin-left: -50px;
_border-top: 1px solid #e5e5e5;
_padding-top: 15px;
}
/* li */
.tl_column_recommend .tl_items  li{
_float:left;
_position:relative;
_width:150px;
_padding-left: 50px;
}
.tl_column_recommend .tl_items  li:hover{
_z-index:1;
}

/* #m_rightBox .tl_column_recommend .tl_items */
#m_rightBox .tl_column_recommend .tl_items{
_margin-left: -5px;
}
#m_rightBox .tl_column_recommend .tl_items  li{
_padding-left: 5px;
}

/* .tl_image */
.tl_column_recommend .tl_image a{
_display:block;
}

.tl_column_recommend .tl_image a:hover{
_border:3px solid #ccc;
}
.tl_column_recommend .tl_image a:hover .tl_image{
position:relative;
_z-index:-1;
_margin:-3px;
}
.tl_column_recommend .tl_image .tl_variations a:hover{
_border:0;
}
.tl_column_recommend .tl_image .tl_variations a:hover .tl_image{
_position:static;
_margin:0;
}
.tl_column_recommend .tl_items .tl_body{
_background:#414141;
_padding:0 10px 5px;
_width:155px;
_width:175px;
}
#m_rightBox .tl_column_recommend .tl_items .tl_variations li,
.tl_column_recommend .tl_items .tl_variations li{
_float:left;
_margin-top:5px;
_margin-right:5px;
_position:static;
_width:75px;
_padding-left: 0;
}

.tl_column_recommend #m_item_check {
        background: none;
        border-top: none;
        border-bottom: none;
        background-color: #ffffff;
        width: 100%;
        position: relative;
        padding: 15px 0 10px;
}

.tl_column_recommend .m_item_check_wrap #m_item_norecent{
    width:95%;
    margin:0 auto;
    padding-bottom:5px;
}

.tl_column_recommend .m_item_check_wrap #m_item_norecent p{
    font-size:12px;
    color:#000000;
}

.tl_column_recommend .m_item_check_wrap #m_item_norecent p em{
    font-style:normal;
    font-weight:bold;
}

.tl_column_recommend .m_item_check_wrap #m_item_norecent p span.m_item_norecent_link{
    display:block;
}

.tl_column_recommend .m_item_check_wrap #m_item_norecent p.m_item_norecent_txt01{
    margin-bottom:15px;
}
.tl_column_recommend .m_item_check_wrap #m_item_norecent p.m_item_norecent_txt02{
    margin-bottom:12px;
}

.tl_column_recommend .m_item_check_wrap #m_item_norecent p a.m_blue:link { text-decoration:underline; color:#0000cc; }
.tl_column_recommend .m_item_check_wrap #m_item_norecent p a.m_blue:visited { text-decoration:underline; color:#0000cc; }
.tl_column_recommend .m_item_check_wrap #m_item_norecent p a.m_blue:hover { text-decoration:underline; color:#0000cc; }
.tl_column_recommend .m_item_check_wrap #m_item_norecent p a.m_blue:active { text-decoration:underline; color:#0000cc; }

.goodsrecommend ul li a, 
.tl_column_recommend ul li a{
    color: #000000 !important;
    text-decoration: none !important;
}
.goodsrecommend ul li a:hover,
.tl_column_recommend ul li a:hover{
    color: #D20000 !important;
}
.goodsrecommend ul li a:visited,
.tl_column_recommend ul li a:visited{
    color: #732045 !important;
}

/* tab style */
#tl_add_tab{
margin: 20px 0 0;
}
#tl_add_tab .tl_tab_recommend {
display:table;
}
#tl_add_tab .tl_tab_recommend li {
display:table-cell;
padding: 10px 30px;
text-align: center;
vertical-align: middle;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border-left: 1px solid #ccc;
}
#tl_add_tab .tl_tab_recommend li:first-child {
border-left: none;
}
#tl_add_tab .tl_tab_recommend li a {
display: block;
color: #ababab;
}
#tl_add_tab .tl_tab_recommend li h2{
display: block;
color: #2d2d2d;
}
#tl_add_tab .tl_tab_recommend li span {
display: inline-block;
font-size: 16px;
font-weight: bold;
line-height: 1.3;
letter-spacing: 4px;
text-align: center;
padding: 0 5px 5px;
}
#tl_add_tab .tl_tab_recommend li h2 span {
border-bottom: 3px solid #2d2d2d;
}

/* ==========================================================================
tl_search styles
========================================================================== */
#tl_search h1{
margin-left:11px;
margin-bottom:.5em;
font-size:20px;
}
#tl_search h1 span{
font-weight:normal;
font-size:14px;
}
#tl_search h1 .value{
font-weight:bold;
color:#d20000;
}

* .items
*/
#tl_search .items{
margin:0 15px;
padding:0 0 20px;
color:#666;
}

/* clearfix */
#tl_search .items:before,
#tl_search .items:after{content:"";display:table;}
#tl_search .items:after{clear:both;}
#tl_search .items{*zoom:1;}

#tl_search .items + .items{
border-top:1px solid #e5e5e5;
padding-top:10px;
}
#tl_search .items > li{
float:left;
position:relative;
padding-top:33px;
width:150px;
}
#tl_search .items > li:hover{
z-index:1;
}
#tl_search .items > li + li{
margin-left:50px;
}
#tl_search .items p{
margin:10px 0;
}
#tl_search .items .status{
top:10px;
}
#tl_search .items .status + .status{
left:78px;left:78px;
}
#tl_search .items .image a{
display:block;
}
#tl_search .items > li > .image > a:hover{
border:3px solid #ccc;
}
#tl_search .items > li > .image > a:hover .image{
position:relative;
z-index:-1;
margin:-3px;
}
#tl_search .items > li > .image:hover{
padding:0 15px 0 15px;
margin:0 -15px 0 -15px;
width:150px;
}

#tl_search .items .header,
#tl_search .items .footer{
background: url(../images/bg_color.png) no-repeat;
}
#tl_search .items .header{
padding-top:5px;
}
#tl_search .items .footer{
padding-bottom:5px;
background-position:-175px bottom;
}
#tl_search .items .body{
background:#414141;
padding:0 10px 5px;
width:155px;
}

#tl_search .items .name{
margin:10px 0;
font-size:12px;
}
#tl_search .items .brand{
color:#999;
}
#tl_search .items .price{
font-family:Verdana;
font-size:10px;
white-space:nowrap;
word-wrap:normal;
}
#tl_search .items .price em{
font-style:normal;
font-weight:bold;
font-size:12px;
}
#tl_search .items .price del{
display:block;
font-size:12px;
}
#tl_search .items .price .currency{
font-weight:normal;
font-size:10px;
}
#tl_search .items .price del ~ em,
#tl_search .items .price .off{
color:#e60012;
}
#tl_search .items .color{
margin:-5px 0 10px;
}
#tl_search .items .sub{
padding-left:1.5em;
font-size:11px;
}
#tl_search .items .sub li{
list-style:disc;
}
#tl_search .items .review{
line-height:14px;
}
#tl_search .items .review .rating{
float:left;
display:inline-block;
margin-top:-2px;
background:url(../images/ico_rating.png) no-repeat;
width:83px;
height:14px;
line-height:14px;
vertical-align:middle;
}
#tl_search .items .review .rating4-5{
background-position:0 -14px;
}
#tl_search .items .review .rating4{
background-position:0 -28px;
}
#tl_search .items .review .rating3-5{
background-position:0 -42px;
}
#tl_search .items .review .rating3{
background-position:0 -56px;
}
#tl_search .items .review .rating2-5{
background-position:0 -70px;
}
#tl_search .items .review .rating2{
background-position:0 -84px;
}
#tl_search .items .review .rating1-5{
background-position:0 -98px;
}
#tl_search .items .review .rating1{
background-position:0 -112px;
}
#tl_search .items .review .rating0-5{
background-position:0 -126px;
}
#tl_search .items .review .rating0{
background-position:0 -140px;
}

#tl_search .boxRecommend{
margin-top:30px;
}

#tl_search .boxRecommend .title {
background-color: #cccccc;
color: #ffffff;
font-size: 14px;
font-weight: bold;
margin: 5px 0 10px;
padding: 5px;
}

#tl_search .boxRecommend .items li .image a{
display: block;
width: 150px;
height: 150px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}

#tl_search .boxRecommend .items li .image a:hover{
margin: -3px;
}

#tl_search .boxRecommend .items > li + li {
margin-left: 42px;
}

#tl_search .boxRecommend .items .price .off {
    display: block;
}

@-webkit-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

/* tab style */
#tl_add_tab_sp{
margin-top: 15px;
}
#tl_add_tab_sp .tl_tab_recommend {
display:table;
width:100%;
}
#tl_add_tab_sp .tl_tab_recommend li {
display:table-cell;
width: 50%;
height:32px;
padding: 5px 0;
text-align: center;
vertical-align: middle;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#tl_add_tab_sp .tl_tab_recommend li:nth-child(2) {
border-left: 1px solid #ccc;
}
#tl_add_tab_sp .tl_tab_recommend li a {
display: block;
color: #ababab;
}
#tl_add_tab_sp .tl_tab_recommend li h2{
display: block;
color: #2d2d2d;
}
#tl_add_tab_sp .tl_tab_recommend li span {
display: inline-block;
font-size: 13px;
line-height: 1.3;
letter-spacing: 4px;
text-align: center;
padding: 0 5px 5px;
}
#tl_add_tab_sp .tl_tab_recommend li h2 span {
border-bottom: 3px solid #2d2d2d;
}
#rank1 {
  list-style:none;
}

/* .review */
.recommend .recommendItems .review{
line-height:14px;
}
.recommend .recommendItems .review .rating{
display:inline-block;
background:url(//voi.0101.co.jp/voi/sys_img/detail/ico_rating.png) no-repeat;
margin-top:-3px;
width:83px;
height:14px;
vertical-align:middle;
}
.recommend .recommendItems .review .rating4-5{
background-position:0 -14px;
}
.recommend .recommendItems .review .rating4{
background-position:0 -28px;
}
.recommend .recommendItems .review .rating3-5{
background-position:0 -42px;
}
.recommend .recommendItems .review .rating3{
background-position:0 -56px;
}
.recommend .recommendItems .review .rating2-5{
background-position:0 -70px;
}
.recommend .recommendItems .review .rating2{
background-position:0 -84px;
}
.recommend .recommendItems .review .rating1-5{
background-position:0 -98px;
}
.recommend .recommendItems .review .rating1{
background-position:0 -112px;
}
.recommend .recommendItems .review .rating0-5{
background-position:0 -126px;
}
.recommend .recommendItems .review .rating0{
background-position:0 -140px;
}

/*
 * recommend
 */

.recommend .tit{
background-color:#dbdbdb;
border-top:1px solid #bcbcbc;
border-bottom:1px solid #bcbcbc;
padding:15px 10px;
text-shadow: 1px 1px 0 #fff;
}

.recommend .tit02{
/*background-color:#d72f7d;*/
background-color:#bbbbbb;
padding:7px 10px;
color:#ffffff;
font-weight:bold;
}

.recommend .recommendItems > li{
border-top:1px solid #bcbcbc;
padding:0 0 15px;
}

.recommend .recommendItems > li:first-child{
border-top:none;
}

.recommend .recommendItems > li > a{
display:block;
margin:15px 10px 10px;
font-size:12px;
}

.recommend .recommendItems .image{
float:left;
width:140px;
margin:0 15px 0 0;
}

.recommend .recommendItems .txt{
overflow:hidden;
}

.recommend .recommendItems .color{
    margin-top:5px;
}
.recommend .recommendItems .price{
    margin-top:10px;
}

.recommend .recommendItems .price em {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
}

.recommend .recommendItems .btnList{
margin:0 5px;
}

.recommend .recommendItems .btnList li{
width:50%;
float:left;
padding:0 5px;
box-sizing:border-box;
}

.recommend .recommendItems .btnList li .button{
height: 35px;
line-height: 35px;
font-size:13px;
box-shadow:none;
}

.recommend .recommendItems .btnList li .regist-wish:before{
display:inline-block;
content:"";
background:url(/voi/recommend/images/sp/icon_regist-wish.png) no-repeat;
background-size:18px 23px;
width:23px;
height:23px;
vertical-align:middle;
margin-top:-6px;
}

/*
 * recommend bigImage
 */
.recommend.bigImage .recommendItems .image{
float:left;
width:170px;
margin:0 10px 0 0;
}

/*
 * recommend bigImage2
 */
.recommend.bigImage2 .recommendItems > li {
padding-bottom: 5px;
}
.recommend.bigImage2 .recommendItems .image{
float:left;
width:170px;
margin:0 10px 0 0;
}
.recommend.bigImage2 .recommendItems .btnList{
overflow: hidden;
margin: 10px 0 0;
}
.recommend.bigImage2 .recommendItems .btnList li{
float: right;
width: auto;
padding: 0;
}
.recommend.bigImage2 .recommendItems .btnList li a{
border: none;
}
.recommend.bigImage2 .recommendItems .btnList li .regist-wish{
display:block;
background:url(../../images/sp/btn_regist-wish.png.png) no-repeat;
-webkit-background-size:51px auto;background-size:51px;
width:51px;
height:35px;
text-indent: 100%;
white-space: nowrap;
}
.recommend.bigImage2 .recommendItems .btnList li .regist-wish:before {
display: none;
}

/*
 * recommend col2
 */
.recommend.col2 .recommendItems > li{
float:left;
width: 50%;
padding-bottom: 0;
border-top: none;
border-bottom: 1px solid #bcbcbc;
border-right: 1px solid #bcbcbc;
box-sizing: border-box;
}
.recommend.col2 .recommendItems > li:nth-child(2n+1):nth-last-child(2),
.recommend.col2 .recommendItems > li:last-child{
border-bottom: none;
}
.recommend.col2 .recommendItems > li > a{
margin: 10px;
}
.recommend.col2 .recommendItems .image{
float: none;
width: auto;
max-width: 100%;
margin: 0;
}
.recommend.col2 .recommendItems .txt{
margin-top: 10px;
}
.recommend.col2 .recommendItems .btnList{
padding-bottom: 15px;
}
.recommend.col2 .recommendItems .btnList li{
float: right;
width: auto;
}
.recommend.col2 .recommendItems .btnList li a{
border: none;
}
.recommend.col2 .recommendItems .btnList li .regist-wish{
display:block;
background:url(../../images/sp/btn_regist-wish.png.png) no-repeat;
-webkit-background-size:51px auto;background-size:51px;
width:51px;
height:35px;
text-indent: 100%;
white-space: nowrap;
}
.recommend.col2 .recommendItems .btnList li .regist-wish:before {
display: none;
}

/*
 * recommend col3
 */
.recommend.col3 .recommendItems {
padding: 10px 5px;
}
.recommend.col3 .recommendItems > li{
float:left;
width: 33.333333%;
padding-bottom: 0;
border-top: none;
box-sizing: border-box;
}
.recommend.col3 .recommendItems > li:nth-child(3n+1){
clear: both;
}
.recommend.col3 .recommendItems > li:nth-child(n+4){
margin-top: 10px;
}
.recommend.col3 .recommendItems > li > a{
margin: 5px;
}
.recommend.col3 .recommendItems .image{
float: none;
width: auto;
max-width: 100%;
margin: 0;
}
.recommend.col3 .recommendItems .txt{
margin-top: 5px;
}
.recommend.col3 .recommendItems .txt .price{
margin-top: 0;
font-weight: bold;
font-size: 10px;
}
.recommend.col3 .recommendItems .txt .price em{
font-size: 10px;
}

/*
* recommend alternate
*/
.recommend.alternate{
background: #fff;
}
.recommend.alternate .tit{
background-color:#dbdbdb;
border-top:1px solid #bcbcbc;
border-bottom:1px solid #bcbcbc;
padding:15px 10px;
text-shadow: 1px 1px 0 #fff;
}

.recommend.alternate .recommendItems > li {
  padding: 0 0 10px;
  border-top: none;
}

.recommend.alternate .recommendItems > li > a,
.recommend.alternate .recommendItems > li > .trigger{
display:block;
margin: 5px 10px;
font-size:12px;
}

.recommend.alternate .recommendItems li .block .itemTitle {
font-size: 12px;
padding-top: 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.recommend.alternate .recommendItems li .block img{
width: 100%;
margin: 0;
padding: 0;
}
.recommend.alternate .recommendItems li:nth-child(2n+0) .block:last-child,
.recommend.alternate .recommendItems li:nth-child(2n+1) .block:first-child {
float: left;
}
.recommend.alternate .recommendItems li:nth-child(2n+1) .block:last-child,
.recommend.alternate .recommendItems li:nth-child(2n+0) .block:first-child {
float: right;
}
.recommend.alternate .recommendItems li:nth-child(2n+1) .block:last-child .itemTitle,
.recommend.alternate .recommendItems li:nth-child(2n+0) .block:first-child .itemTitle {
text-align: right;
}
.recommend.alternate .recommendItems li:nth-child(2n+0) .block:first-child,
.recommend.alternate .recommendItems li:nth-child(2n+1) .block:first-child {
width: 65%;
box-sizing: border-box;
}
.recommend.alternate .recommendItems li:nth-child(2n+0) .block:first-child {
padding-left: 8px;
}
.recommend.alternate .recommendItems li:nth-child(2n+1) .block:first-child {
padding-right: 8px;
}
.recommend.alternate .recommendItems li:nth-child(2n+0) .block:last-child,
.recommend.alternate .recommendItems li:nth-child(2n+1) .block:last-child {
width: 35%;
}
.recommend.alternate .recommendItems li .block:last-child .photo {
width: 100%;
}
.recommend.alternate .recommendItems li .block:last-child .photo li {
width: 100%;
}
.recommend.alternate .recommendItems li .block .photo li div {
display: block;
width: 100%;
height: 0;
padding-top: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border: 1px solid #dedede;
box-sizing: border-box;
}
.recommend.alternate .recommendItems li:nth-child(2n+0) .block:last-child .photo li:first-child,
.recommend.alternate .recommendItems li:nth-child(2n+1) .block:last-child .photo li:first-child {
margin-bottom: 8px;
}.

/* .price */
#tl_target_element .recommend .recommendItems .price del{
display:block;
}
#tl_target_element .recommend .recommendItems .price .oldPrice{
display:block;
}
#tl_target_element .recommend .recommendItems .price del + em{
color:#c00;
}
#tl_target_element .recommend .recommendItems .price .off{
color:#c00;
white-space:nowrap;
}

/*
 * button
 */
.recommend .button{
display:block;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
box-shadow:inset 0 -1px rgba(0,0,0,.4);
border:1px solid #bbb;
border-radius:5px;
background:#fff;
background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.25)),to(rgba(0,0,0,.25)));background-image:-webkit-linear-gradient(rgba(255,255,255,.25) 0,rgba(0,0,0,.25) 100%);background-image:linear-gradient(rgba(255,255,255,.25) 0,rgba(0,0,0,.25) 100%);
width:100%;
height:55px;
text-align:center;
text-shadow:0 1px 0 #fff;
font-weight:bold;
font-size:inherit;
line-height:55px;
color:#434343;
}
.recommend .button.primary{
border:none;
background-color:#111;
text-shadow:0 -1px #000;
color:#fff;
}
.recommend .button.active{
border:none;
background-color:#111;
text-shadow:0 -1px #000;
color:#fff;
}
.recommend .button span{
font-weight:normal;
font-size:11px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}