@charset "UTF-8";

@media only screen and (min-width:320px) and (max-width: 767px){
	/*==================
	bootstrap custom
	===================*/
	body{
		padding-right: 10px; padding-left: 10px;
	}
	.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top{
		margin-right: -10px; margin-left: -10px;
	}
	.window-fix{
		margin-left: -10px !important; margin-right: -10px !important;
		padding-left: 10px !important; padding-right: 10px !important;
	}
}

@media only screen and (min-width:320px) and (max-width: 979px){
	/*==================
	header layout
	===================*/
	.navbar-fixed-top,
	.breadcrumb{margin-bottom: 5px;}

	/*ログイン後のユーザー名*/
	.login-username .name-body{
		display: block;
		max-width: 120px; float: left;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
    text-align:right;
	}

	/*スライド後*/
	.show-navi body{
	}
	.show-navi .search-text{
		width: 76%; float: left;
		margin-right: 5px;
	}
	/*スライド後のメニュー*/
	.show-navi .nav-bottom{
		width: 240px;
		position: absolute; top: 10px; left: -250px;
		overflow: visible;
	}
	/*==================
	global navi layout
	===================*/
	body:before{
    position: fixed; left: -27px; top: 0;  bottom: -999em;
    content: " ";
    width: 27px;
    background: url('../../images/nav-shadow.png') repeat-y 0 0;
  }
  .show-navi body:before{left:233px;}
	.show-navi body{padding-right: 0;}
	.navbar .btn-navbar{float: left;}
	.show-navi #wrapper{position: relative; overflow: hidden;}

	/*スライド後のポジション*/
	.show-navi #page-header,
	.show-navi #page-footer{
		position: relative !important; left: 260px;
	}
	.show-navi #page-body{
		background-color: #fff;
		margin-right: -10px; padding-left: 10px;
		position: relative !important; left: 250px;
	}
}

@media only screen and (min-width:768px) and (max-width: 979px){
	/*.navbar .brand{width: 35%; text-align: left; padding-left: 30px;}*/
}


/* スマホのみに適用 */
@media (max-width: 767px) {
	/* フォーム */
	.form-horizontal .control-label{padding-left:0;}
	.form-horizontal .control-label .label-important{float:none;}
	.form-horizontal .control-label .label-ttl{display:inline; margin-left:0;}
	.form-horizontal .controls select{margin-bottom: 10px;}
  .span12 .top-input{margin-bottom:10px;}/*姓の入力欄*/

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

  /* マイページ */
	.mypage-menu .row-fluid{margin-bottom:0;}
	.mypage-menu .row-fluid > div{width:50%; float:left;}
  .mypage-menu .row-fluid > div > .btn{display:none;}

  /* ボタン */
  .form-actions{text-align:center;}
  .form-actions .btn{float:none; width:90%; padding:8px 0; margin-top:20px;}
  .form-actions > .btn:first-child{margin-top:0;}

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

	/* フロー */
	.action-steps{font-size:10px; display:table; table-layout: fixed; width:100%;}
	.action-steps li{float:none; display:table-cell !important; vertical-align:middle;}

	/* テーブル変形 一列配置数 */
	ul.row-fluid.liquid-column2 > li,
	ul.row.liquid-column2 > li{width:50% !important; height:auto !important; float:left;}
	ul.row-fluid.liquid-column3 > li,
	ul.row.liquid-column3 > li{width:33.3333% !important; height:auto !important; float:left;}
	ul.row-fluid.liquid-column4 > li,
	ul.row.liquid-column4 > li{width:25% !important; height:auto !important; float:left;}
	ul.row-fluid.liquid-column5 > li,
	ul.row.liquid-column5 > li{width:20% !important; height:auto !important; float:left;}
	ul.row-fluid.liquid-column6 > li,
	ul.row.liquid-column6 > li{width:16.6666% !important; height:auto !important; float:left;}
  ul.row-fluid.liquid-column2 > li:nth-child(2n+1),
  ul.row.liquid-column2 > li:nth-child(2n+1) {clear: both;}
  ul.row-fluid.liquid-column3 > li:nth-child(3n+1),
  ul.row.liquid-column3 > li:nth-child(3n+1) {clear: both;}
  ul.row-fluid.liquid-column4 > li:nth-child(4n+1),
  ul.row.liquid-column4 > li:nth-child(4n+1) {clear: both;}
  ul.row-fluid.liquid-column5 > li:nth-child(5n+1),
  ul.row.liquid-column5 > li:nth-child(5n+1) {clear: both;}
  ul.row-fluid.liquid-column6 > li:nth-child(6n+1),
  ul.row.liquid-column6 > li:nth-child(6n+1) {clear: both;}

  /* テーブル変形 */
  table.liquid-table{border:0;}
  table.liquid-table th,
  table.liquid-table td{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;}

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

  /***商品情報用テーブル***/
  table.liquid-table > tbody > tr:first-child > td.item-part{border-top:solid 1px #dddddd;}
  table.liquid-table > tbody > tr:first-child > td.item-part.bordercolor{border-top:solid 1px #999999;}
  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{/*padding:0 0 0 144px; */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.liquid-table > tbody > tr > td.total-itemprice-part{padding-bottom:10px; border-bottom:solid 1px #dddddd;}
  
  /***カートインデックス用***/
  table.liquid-table.cart-index > tbody > tr > td.quantity-part span{padding-top:6px;}
  table.liquid-table.cart-index > tbody > tr > td.quantity-part div{display:inline;}
  table.liquid-table.cart-index > tbody > tr > td.quantity-part select{display:inline; width:50%; margin-bottom:0;}
  table.liquid-table.cart-index > tbody > tr > td.total-itemprice-part{ padding-top:10px; margin-top:10px; border-top:dotted 1px #dddddd;}
  table.liquid-table.cart-index > tbody > tr > td.total-itemprice-part .btn{float:right;}

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

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

	/* ランキング */
	#salesranking .set1,
	#salesranking .set2{height:auto !important;}
	#salesranking .set2 {width: 50%; float:left;}
	#salesranking .set3 {width: 33%; float:left;}
	
	/*画像スライド*/
	#view-slider .flex-direction-nav{
	   display:block!important;
	}

}

/* スマホとタブレットに適用 */
@media (max-width: 979px) {
	/* スマホ用ヘッダーメニュー */
	/*#global-navi li a{width: auto !important;}*/

	/* フォーム 姓の入力欄 */
	.span9 .top-input{margin-bottom:10px;}

	/* 郵便番号検索ボタン */
	.post-search-btn{width:100%; margin-top:10px; margin-bottom: 10px;}

	/* 規約系サイドナビ */
	.affix, .affix-bottom{position:static;}
	
	/*商品詳細 再入荷のお知らせ*/
	.rearrival-mail-form .table th,.rearrival-mail-form .table td {
		display:block;
		width:100%;
		padding: 0;
	}
	.rearrival-mail-form .table tbody tr{
		/*padding: 5px 10px 5px;
		display: block;*/
	}
	.item_submit_btn_block div.btn_cart,
	.item_submit_btn_block div.btn_watchlist{
		/*margin: 3px 0;*/
	}
	.select_quantity_default label.color,
	.select_quantity_default .color-blank{
	display: block;
	width: 100%;
	}
	
	/*画像スライド*/
	#view-slider .flex-direction-nav{
	   display:none;
	}
}


/* タブレットのみに適用*/
@media (min-width:768px) and (max-width: 979px) {
}