@media only screen and (max-width: 767px) {
	.main-area body {
		padding-right: 10px;
		padding-left: 10px;
	}

	.main-area .navbar-fixed-bottom,
  .main-area .navbar-fixed-top,
  .main-area .navbar-static-top {
		margin-right: -10px;
		margin-left: -10px;
	}

	.main-area .window-fix {
		margin-left: -10px !important;
		margin-right: -10px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.main-area .form-horizontal .control-label {
		padding-left: 0;
	}

	.main-area .form-horizontal .control-label .label-important {
		float: none;
	}

	.main-area .form-horizontal .control-label .label-ttl {
		display: inline;
		margin-left: 0;
	}

	.main-area .form-horizontal .controls select {
		margin-bottom: 10px;
	}

	.main-area .span12 .top-input {
		margin-bottom: 10px;
	}

	.main-area .login-area-box {
		width: 100%;
	}

	.main-area .login-area-box .login-area-subbox {
		height: auto;
	}

	.main-area .login-area-box .login-area-subbox .control-label {
		padding-left: 0;
	}

	.main-area .mypage-menu .row-fluid {
		margin-bottom: 0;
	}

	.main-area .mypage-menu .row-fluid > div {
		width: 50%;
		float: left;
	}

	.main-area .mypage-menu .row-fluid > div > .btn {
		display: none;
	}

	.main-area .form-actions {
		text-align: center;
	}

	.main-area .form-actions .btn {
		float: none;
		width: 100%;
		padding: 8px 0;
		margin-top: 20px;
	}

	.main-area .form-actions > .btn:first-child {
		margin-top: 0;
	}

	.main-area #page-body ul.row-fluid.liquid-column2 > li {
		width: 49%;
		margin-left: 2%;
		height: auto;
		float: left;
	}

	.main-area #page-body ul.row-fluid.liquid-column2 > li:nth-child(2n-1) {
		margin-left: 0;
		clear: both;
	}

	.main-area #page-body ul.row-fluid.liquid-column3 > li {
		width: 32%;
		margin-left: 2%;
		height: auto;
		float: left;
	}

	.main-area #page-body ul.row-fluid.liquid-column3 > li:nth-child(3n-2) {
		margin-left: 0;
		clear: both;
	}

	.main-area #page-body ul.row-fluid.liquid-column4 > li {
		width: 25%;
		height: autot;
		float: left;
	}

	.main-area #page-body ul.row-fluid.liquid-column5 > li {
		width: 20%;
		margin-left: 0;
		height: auto;
		float: left !important;
	}

	.main-area #page-body ul.row-fluid.liquid-column6 > li {
		width: 16.6666%;
		height: auto;
		float: left;
	}

	.main-area table.liquid-table {
		border: 0;
	}

	.main-area table.liquid-table td,
  .main-area table.liquid-table th {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}

	.main-area table.liquid-table > thead {
		display: none;
	}

	.main-area table.liquid-table > tbody > tr > th {
		width: 100%;
		float: left;
		padding: 3px 0;
		text-align: left;
		border: none;
	}

	.main-area table.liquid-table > tbody > tr > td {
		width: 100%;
		float: left;
		padding: 3px 0;
		border: none;
	}

	.main-area table.liquid-table > tbody > tr:first-child > td.item-part {
		border-top: solid 1px #ddd;
	}

	.main-area table.liquid-table > tbody > tr > td.itemprice-part,
  .main-area table.liquid-table > tbody > tr > td.quantity-part,
  .main-area table.liquid-table > tbody > tr > td.total-itemprice-part {
		text-align: left;
	}

	.main-area table.liquid-table > tbody > tr > td.itemprice-part .visible-phone,
  .main-area table.liquid-table > tbody > tr > td.quantity-part .visible-phone,
  .main-area table.liquid-table > tbody > tr > td.total-itemprice-part .visible-phone {
		float: left;
	}

	.main-area table.liquid-table > tbody > tr > td.total-itemprice-part {
		padding-bottom: 10px;
		border-bottom: solid 1px #ddd;
	}

	.main-area table.liquid-table.cart-index > tbody > tr > td.quantity-part span {
		padding-top: 6px;
	}

	.main-area table.liquid-table.cart-index > tbody > tr > td.quantity-part div {
		display: inline;
	}

	.main-area table.liquid-table.cart-index > tbody > tr > td.quantity-part select {
		display: inline;
		width: 50%;
		margin-bottom: 0;
	}

	.main-area table.liquid-table.cart-index > tbody > tr > td.total-itemprice-part {
		padding-top: 10px;
		margin-top: 10px;
		border-top: dotted 1px #ddd;
	}

	.main-area table.liquid-table.cart-index > tbody > tr > td.total-itemprice-part .btn {
		float: right;
	}

	.main-area table.confirm-price-box {
		width: auto;
	}

	.main-area table.confirm-price-box td {
		width: 40%;
	}

	.main-area #shoplist tbody > tr:nth-child(2n + 1) > td,
  .main-area #shoplist tbody > tr:nth-child(2n + 1) > th {
		background-color: #f9f9f9;
	}

	.main-area #shoplist .table td,
  .main-area #shoplist .table th {
		line-height: 20px;
		padding: 8px;
		text-align: left;
		vertical-align: top;
	}

	.main-area #shoplist .table th {
		display: none;
	}

	.main-area #shoplist .table th.prefecture {
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		background: 0 0;
		display: block;
	}

	.main-area #shoplist .table td {
		text-align: left;
	}

	.main-area #shoplist .row-fluid .span5.shop-detail,
  .main-area #shoplist .row-fluid .span5.shop-image {
		width: 100%;
	}

	.main-area #salesranking .set1,
  .main-area #salesranking .set2 {
		height: auto !important;
	}

	.main-area #salesranking .set2 {
		width: 50%;
		float: left;
	}

	.main-area #salesranking .set3 {
		width: 33%;
		float: left;
	}

	.main-area .sidearea .caption,
  .main-area .sidearea .list-category > h2,
  .main-area .sidearea .list-category > ul {
		margin-left: -10px;
		margin-right: -10px;
	}
}

@media only screen and (max-width: 979px) {
	.main-area .navbar-fixed-top {
		margin-bottom: 0;
	}

	.main-area .breadcrumb {
		margin-bottom: 10px;
	}

	.main-area .login-username .name-body {
		display: block;
		width: 120px;
		float: left;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		text-align: right;
	}

	.main-area .search-wrap li {
		float: none;
	}

	.main-area .span9 .top-input {
		margin-bottom: 10px;
	}

	.main-area .post-search-btn {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.main-area .affix {
		position: static;
	}

	.main-area .affix-bottom {
		position: static;
	}

	.main-area .rearrival-mail-form .table td,
  .main-area .rearrival-mail-form .table th {
		display: block;
		width: 100%;
	}
}