@charset "UTF-8";

@media (min-width: 980px) and (max-width: 1200px) {

    /*bootstrap-custom*/
    #lp-sp-old .container,
    #lp-sp-old .smaller-container,
    #lp-sp-old .navbar-static-top .container,
    #lp-sp-old .navbar-fixed-top .container,
    #lp-sp-old .navbar-fixed-bottom .container { width: 940px;}
    #lp-sp-old .smaller-container .row .span12,
    #lp-sp-old .span12 { width: 940px;}
    #lp-sp-old .smaller-container .row .span11,
    #lp-sp-old .span11 { width: 860px;}
    #lp-sp-old .smaller-container .row .span10,
    #lp-sp-old .span10 { margin-left: 20px; width: 780px;}
    #lp-sp-old .smaller-container .row .span9_5,
    #lp-sp-old .span9_5 { width: 740px;}
    #lp-sp-old .smaller-container .row .span9,
    #lp-sp-old .span9 { width: 700px;}
    #lp-sp-old .smaller-container .row .span8,
    #lp-sp-old .span8 { width: 620px;}
    #lp-sp-old .smaller-container .row .span7,
    #lp-sp-old .span7 { width: 540px;}
    #lp-sp-old .smaller-container .row .span6,
    #lp-sp-old .span6 { width: 460px;}
    #lp-sp-old .smaller-container .row .span5,
    #lp-sp-old .span5 { width: 380px;}
    #lp-sp-old .smaller-container .row .span4,
    #lp-sp-old .span4 { width: 300px;}
    #lp-sp-old .smaller-container .row .span3,
    #lp-sp-old .span3 { width: 220px;}
    #lp-sp-old .smaller-container .row .span2_5,
    #lp-sp-old .span2_5 { width: 180px;}
    #lp-sp-old .smaller-container .row .span2,
    #lp-sp-old .span2 { width: 140px;}
    #lp-sp-old .smaller-container .row .span1,
    #lp-sp-old .span1 { width: 60px;}
    #lp-sp-old .smaller-container .row .offset12,
    #lp-sp-old .offset12 { margin-left: 980px;}
    #lp-sp-old .smaller-container .row .offset11,
    #lp-sp-old .offset11 { margin-left: 900px;}
    #lp-sp-old .smaller-container .row .offset10,
    #lp-sp-old .offset10 { margin-left: 820px;}
    #lp-sp-old .smaller-container .row .offset9_5,
    #lp-sp-old .offset10 { margin-left: 780px;}
    #lp-sp-old .smaller-container .row .offset9,
    #lp-sp-old .offset9 { margin-left: 740px;}
    #lp-sp-old .smaller-container .row .offset8,
    #lp-sp-old .offset8 { margin-left: 660px;}
    #lp-sp-old .smaller-container .row .offset7,
    #lp-sp-old .offset7 { margin-left: 580px;}
    #lp-sp-old .smaller-container .row .offset6,
    #lp-sp-old .offset6 { margin-left: 500px;}
    #lp-sp-old .smaller-container .row .offset5,
    #lp-sp-old .offset5 { margin-left: 420px;}
    #lp-sp-old .smaller-container .row .offset4,
    #lp-sp-old .offset4 { margin-left: 340px;}
    #lp-sp-old .smaller-container .row .offset3,
    #lp-sp-old .offset3 { margin-left: 260px;}
    #lp-sp-old .smaller-container .row .offset2_5,
    #lp-sp-old .offset2_5 { margin-left: 220px;}
    #lp-sp-old .smaller-container .row .offset2,
    #lp-sp-old .offset2 { margin-left: 180px;}
    #lp-sp-old .smaller-container .row .offset1,
    #lp-sp-old .offset1 { margin-left: 100px;}
    #lp-sp-old [class*="span9_5"] { float: left; margin-left: 40px; min-height: 1px;}
    #lp-sp-old [class*="span2_5"] { float: left; margin-left: 0px; min-height: 1px;}

}

/* smatphone only */
@media only screen and (max-width: 767px) {

    /*==================
    bootstrap custom
    ===================*/

    /* リスト 商品テキスト部 */
    #lp-sp-old .list-item-text { height: 100px;}

    /* テーブル変形 一列配置数 */
    #lp-sp-old ul.row-fluid.liquid-column2 > li,
    #lp-sp-old ul.row.liquid-column2 > li { float: left; width: 50% !important; height: auto !important;}
    #lp-sp-old ul.row-fluid.liquid-column4 > li,
    #lp-sp-old ul.row.liquid-column4 > li { float: left; width: 25% !important; height: auto !important;}
    #lp-sp-old ul.row-fluid.liquid-column5 > li,
    #lp-sp-old ul.row.liquid-column5 > li { float: left; width: 20% !important; height: auto !important;}
    #lp-sp-old ul.row-fluid.liquid-column6 > li,
    #lp-sp-old ul.row.liquid-column6 > li { float: left; width: 16.6666% !important; height: auto !important;}

    /* テーブル変形 */
    #lp-sp-old table.liquid-table { border: 0;}
    #lp-sp-old table.liquid-table th,
    #lp-sp-old table.liquid-table td { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;}
    #lp-sp-old table.liquid-table > thead { display: none;}
    /***thが上にある場合***/
    #lp-sp-old table.liquid-table > tbody > tr > th { float: left; padding: 3px 0; width: 100%; border: none; text-align: left;}
    /***thが横にある場合***/
    #lp-sp-old table.liquid-table > tbody > tr > td { float: left; padding: 3px 0; width: 100%; border: none;}
    /***商品情報用テーブル***/
    #lp-sp-old table.liquid-table > tbody > tr:first-child > td.item-part { border-top: solid 1px #dddddd;}
    #lp-sp-old table.liquid-table > tbody > tr > td.itemprice-part,
    #lp-sp-old table.liquid-table > tbody > tr > td.quantity-part,
    #lp-sp-old table.liquid-table > tbody > tr > td.total-itemprice-part { padding: 0 0 0 144px; text-align: left;}
    #lp-sp-old table.liquid-table > tbody > tr > td.itemprice-part .visible-phone,
    #lp-sp-old table.liquid-table > tbody > tr > td.quantity-part .visible-phone,
    #lp-sp-old table.liquid-table > tbody > tr > td.total-itemprice-part .visible-phone { float: left;}
    #lp-sp-old table.liquid-table > tbody > tr > td.total-itemprice-part { padding-bottom: 10px; border-bottom: solid 1px #dddddd;}

    /* 店舗一覧 */
    #lp-sp-old #shoplist tbody > tr:nth-child(2n+1) > td,
    #lp-sp-old #shoplist tbody > tr:nth-child(2n+1) > th { background-color: #F9F9F9;}
    #lp-sp-old #shoplist .table th,
    #lp-sp-old #shoplist .table td { padding: 8px; vertical-align: top; text-align: left; line-height: 20px;}
    #lp-sp-old #shoplist .table th { display: none;}
    #lp-sp-old #shoplist .table th.prefecture { display: block; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; background: transparent;}
    #lp-sp-old #shoplist .table td { text-align: left;}
    #lp-sp-old #shoplist .row-fluid .span5.shop-detail,
    #lp-sp-old #shoplist .row-fluid .span5.shop-image { width: 100%;}

    /* ランキング */
    #lp-sp-old #salesranking .set1,
    #lp-sp-old #salesranking .set2 { height: auto !important;}
    #lp-sp-old #salesranking .set2 { float: left; width: 50%;}
    #lp-sp-old #salesranking .set3 { float: left; width: 33%;}
}

/* smartphone to tablet */
@media only screen and (max-width: 979px) {

    #lp-sp-old [class*="span2_5"] { float: left; margin-left: 0px !important; min-height: 1px;}

    /*==================
    header layout
    ===================*/

    /* スマホ用ヘッダーメニュー */
    #lp-sp-old .search-wrap li { float: none;}
    /*商品詳細 再入荷のお知らせ*/
    #lp-sp-old .rearrival-mail-form .table th,
    #lp-sp-old .rearrival-mail-form .table td { display: block; padding: 0; width: 100%;}
    #lp-sp-old .rearrival-mail-form .table tbody tr { display: block; padding: 5px 10px 5px;}
    /*商品詳細 ボタン*/
    #lp-sp-old .select_quantity_default .color,
    #lp-sp-old .select_quantity_default .color-blank { width: 20%;}
    #lp-sp-old .select_quantity_default .salse-status { width: 40%;}
    #lp-sp-old .select_quantity_default .select-quantity,
    #lp-sp-old .select_quantity_default .select-blank { margin-right: 0; width: 30%;}
    #lp-sp-old .item_submit_btn_block { display: block; margin-top: 10px; width: auto;}

}

/* tablet only*/
@media only screen and (min-width:767px) and (max-width: 979px) {

    #lp-sp-old .span9_5 { width: 569px;}
    #lp-sp-old .span2_5 { width: 135px;}
    #lp-sp-old .offset9_5 { margin-left: 609px;}
    #lp-sp-old .offset2_5 { margin-left: 175px;}

}