@charset "UTF-8";

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

  /*==================
  bootstrap custom
  ===================*/
  body{
    padding-right: 0; padding-left: 0;
  }
  .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top{
    margin-right: 0; margin-left: 0;
  }

  /* ログイン */
  .login-area-box{width:auto;}
  .login-area-box .login-area-subbox{height:auto;}
  .login-area-box .login-area-subbox .control-label{padding-left:0;}

  /* マイページ */
  .mypage-menu{margin-left:0;}
  .mypage-menu .mypage-menu-select{width:49%; margin-left:0; margin-bottom:2%;}
  .mypage-menu .mypage-menu-select:nth-child(2n){margin-left:2%;}
  .mypage-menu .mypage-menu-select .btn{display:none;}
  .mypage-menu .menu-text-block .menu-explain br{display:none;}

  /* マイページ フォーム */
  .form-edit-style{border-bottom:solid 1px #dddddd;}
  .form-edit-style .control-group{border-top:solid 1px #dddddd; padding-top:10px; margin-bottom:10px;}

  /* お気に入り テーブル */
  .fav-list-table .fav-item-part{width:100%;}

  /* ボタン */
  .btn-row{margin-right:0;}
  .btn-under{margin-top:0;}
  .form-actions{text-align:center;}
  .form-actions .btn{float:none; width:100%; padding:10px 0; margin-bottom:10px;}
  .form-actions > .btn:last-child{margin-bottom:0;}

  /* リスト 商品テキスト部 */
  .list-item-text{min-height:55px;}

  /* リスト変形 一列配置数 */
  #wrapper ul[class*="liquid-column"] > li{float:left; height:auto; margin-left:0; clear:none;}
  #wrapper ul.liquid-column2 > li{width:50%;}
  #wrapper ul.liquid-column2 > li:nth-child(2n-1){clear: both;}
  #wrapper ul.liquid-column3 > li{width:33.3333%;}
  #wrapper ul.liquid-column3 > li:nth-child(3n-2){clear: both;}
  #wrapper ul.liquid-column4 > li{width:25%;}
  #wrapper ul.liquid-column4 > li:nth-child(4n-3){clear: both;}
  #wrapper ul.liquid-column5 > li{width:20%;}
  #wrapper ul.liquid-column5 > li:nth-child(5n-4){clear: both;}
  #wrapper ul.liquid-column6 > li{width:16.6666%;}
  #wrapper ul.liquid-column6 > li:nth-child(6n-5){clear: both;}

  /* テーブル変形 */
  table.liquid-table{border:0;}
  table.liquid-table > thead{display:none;}/***thが上にある場合***/
  table.liquid-table > tbody > tr > th,
  table.liquid-table > tbody > tr > td{width:100%; float:left; padding:0 0 5px; border:none;}/***thが横にある場合***/
  table.liquid-table > tbody > tr > th{text-align:left;}

  table.liquid-table{border-bottom:solid 1px #dddddd;}
  table.liquid-table > tbody > tr > td:first-child,
  table.liquid-table > tbody > tr > th:first-child{padding-top:10px; border-top:solid 1px #dddddd;}
  table.liquid-table > tbody > tr > td:last-child,
  table.liquid-table > tbody > tr > th:last-child{padding-bottom:10px;}

  /***商品情報用テーブル***/
  table.liquid-table > tbody > tr > td.itemprice-part,
  table.liquid-table > tbody > tr > td.quantity-part,
  table.liquid-table > tbody > tr > td.total-itemprice-part{text-align:left;}
  table.liquid-table > tbody > tr > td.itemprice-part .visible-phone,
  table.liquid-table > tbody > tr > td.quantity-part .visible-phone,
  table.liquid-table > tbody > tr > td.total-itemprice-part .visible-phone{float:left;}

  /*** 確認画面 合計金額テーブル ***/
  table.confirm-price-box{width:auto;}
  table.confirm-price-box td{width:40%;}

  /*カート*/
  #coupon_code, #coupon_code_up{display:inline; width:60%;}

  /*カート ポイント入力部*/
  .point-form .use-point-form span{display:block; margin:0 0 3px;}
  .point-form .use-point-form .btn{margin-top:10px; width:48%;}
  .point-form .use-point-form .btn.btn-primary{margin-right:2%;}

  /*複数配送*/
  table td.giftwrapping-part{text-align:left;}
  #optional_services .noshi_prev{float:none; text-align:center; margin:0 0 10px;}
  #optional_services .preview-image-box{float:none; width:auto; margin-bottom:10px;}

.noshi_preview_main .messagesError,
.noshi_preview_block .messagesError{
  padding-top:50px;
}

}

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

  /*==================
  header layout
  ===================*/
  /*横スライドメニュー*/
  body.option-menu-slide{position:relative; right:0; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;}
  body.option-menu-slide.menu-open{right:260px;}
  body.option-menu-slide .nav-collapse.collapse{position:fixed; top:0; right:-260px; width:260px; height:100%; background-color:#ffffff; z-index:999999; -webkit-overflow-scrolling: touch; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; overflow:auto;}
  body.option-menu-slide.menu-open .nav-collapse.collapse{right:0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);}

  /* 規約系サイドナビ */
  .affix, .affix-bottom{position:static; top:auto; bottom:auto;}

  /*商品一覧カラバリ*/
  .product-color-set{display:none !important;}

}

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

}