@media (max-width: 1500px) {

	#sidebar {
    width: 250px;
		padding: 40px 20px;
	}
	#content{
		width:calc(100% - 250px);
	}
	.user-menu {
    padding: 0px;

	}
	.user-menu .item .txt {
    font-size: 10px;
}
	#sidebar .search {
    margin: 0px;
    position: relative;
	}

	#sidebar .tel .number {
	    font-size: 26px;
	}

	#sidebar .tel .number i {
    font-size: 21px;

}
#sidebar .tel .info {
    font-size: 11px;
}

#sidebar .block.input-detail .item-row .input-wrap .item .unit {
    width: 35px;
}

#sidebar .block.input-detail .item-row .input-wrap .item>.input {
    width: calc(100% - 35px);
}
#sidebar .block.input-detail .item-row .input-wrap .item>.input input {

    border-radius: 10px;

}

.main-visual h1 {
    height:auto;
    color: #fff;
    font-size: 68px;
    font-weight: 900;
    padding: 97px 0 0 75px;
}
.main-visual {
    height: 450px;
}

#main-footer .links ul li {
    width: 48%;
    margin-top: 10px;
    line-height: 1.2em;
}

.main-img-area
.swiper-container {
    width: 100%;
    height:400px;
}
.thumb-area .swiper-container {
    width: 100%;
    height: 100px;
}

}






@media (max-width: 768px) {




	#main {
    padding: 20px;
}

	#sidebar {
    width: 100%;
    padding: 40px 20px;
}

#content {
    width: 100%;
}

.sp-none{
	display:none;
}

body {
	    min-width:inherit;
}
.main-visual {
	height: 300px;
margin: -20px -20px 0 !important;
}
.main-visual h1 {
    font-size: 30px;
    padding: 48px 0 0 33px;
}
.item-list .container-fluid .row .col-6.col-sm-3 .item .info {
    flex-wrap:wrap;
}
.item-list .container-fluid .row .col-6.col-sm-3 .item .info .txt {
    width:100%;
		font-size: 13px;
}
.item-list .container-fluid .row .col-6.col-sm-3 .item .info .price {
    width: 100%;
		    font-size: 15px;
}

.item-list .container-fluid .row .col-6.col-sm-3{
	margin-bottom:10px;
}
.item-list .container-fluid .row .col-6.col-sm-3 .item .img img {
    height: 130px;
}

.item-list-s .container-fluid .row .col-6.col-sm-2 .item .img img {
    height: 130px;
}

.item-list-s .container-fluid .row .col-6.col-sm-2 .item .info .txt {
    font-size:13px;
}
.item-list-s .container-fluid .row .col-6.col-sm-2 .item .info .tag {
    font-size: 11px;
}
.item-list-s .container-fluid .row .col-6.col-sm-2 .item .info .detail {
    font-size: 11px;
}
.item-list-s .container-fluid .row .col-6.col-sm-2 .item .info .price {
    font-size: 15px;
		line-height: 1.3em;
}

.item-list-s .container-fluid .row .col-6.col-sm-2 {
	margin-bottom:10px;
}


#main-footer .links {
    width: 100%;
}
#main-footer .description {
    width:100%;
}
#main-footer .nav {
    width: 100%;
}
#main-footer .footer-top>div {
    border-right: none;
    padding: 10px;
}
#main-footer .description p {
    font-size: 12px;
}

#main-footer .nav .list {
    font-size: 12px;
}

#main-footer .nav .list li{
    display:inline-block;
		margin-right:10px;
}
#main-footer .footer-top {
    padding: 15px 10px;
}
#main-footer .footer-info {
    padding: 20px;
		flex-wrap:wrap;
		text-align:center;
}
#main-footer .footer-info .nav {
	width:100%;
	text-align:center;
	display:block;
}
#main-footer .footer-info .info {
    padding-left:0px;
		line-height:1em;
		font-size:10px;
		margin-top:10px;
		text-align:center;
		width:100%;
}
#main-footer .footer-info .copyright {
    padding-left: 0px;
		font-size:10px;
		line-height:1em;
		margin-top:10px;
		text-align:center;
		width:100%;
}
/* ----------------------------------------

コンテンツ幅

---------------------------------------- */

/*共通パディング*/
/*
.box-pd {
    padding-top: 80px;
    padding-bottom: 50px;
}
*/


/* ----------------------------------------

各ページ共通要素

---------------------------------------- */

/*各共通タイトル*/
/*
.common-ttl {
    font-size: 20px;
}

*/

/* ----------------------------------------

パンくず

---------------------------------------- */
/*
.breadcrumb {
    margin-top: 35px;
    font-size: 18px;
    font-weight: normal;

}
.breadcrumb li {
    display: inline;
}
*/
/* ----------------------------------------

上部に戻るボタン

---------------------------------------- */
/*
.to-top-btn {
    position: fixed;
    width: 50px;
    height: 50px;
    font-size: 11px;
    right: 0px;
    bottom: 0px;
    background: #46301b;
    color: #fff;
    padding: 16px;
    text-align: center;
    cursor: pointer;
    line-height: 1.5em;
}
*/


#nav-drawer {
  position: relative;
	display:block;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーの形をCSSで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒箇所*/
#nav-close {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*メニューの中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 90%;
  max-width: 330px;/*最大幅（お好みで調整を）*/
  height: 100%;
  background: #fff;
  transition: .3s ease-in-out;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
	padding:0 10px 20px;
}

/*チェックがついたら表示させる*/
#nav-input:checked ~ #nav-close {
  display: block;
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

.header-logo-menu{
 display: flex;
 display: -moz-flex;
 display: -o-flex;
 display: -webkit-flex;
 display: -ms-flex;
 flex-direction: row;
 -moz-flex-direction: row;
 -o-flex-direction: row;
 -webkit-flex-direction: row;
 -ms-flex-direction: row;
}

#nav-open {
    position:fixed;
		left:10px;
		top:10px;
		z-index:99;
}

.bread-crumb{

	overflow:scroll;
	white-space:nowrap;
}
.bread-crumb a{
	white-space:nowrap;

}

.main-img-area
.swiper-container {
    width: 100%;
    height:300px;
}
.thumb-area .swiper-container {
    width: 100%;
    height: 80px;
}

.to-cart{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	z-index:99;

	background-color: rgba(255,255,255,0.8);
    border-radius: 0px;
    padding: 5px;
    margin-top: 0px;

}

.to-cart .counter .minus {
    font-size: 15px;
}
.to-cart .counter .plus {
    font-size: 15px;
}

.to-cart .counter .btn.btn-danger.btn-sm.order-btn {
    margin-left: 10px;
    min-width: inherit;
    padding: 5px;
    font-size: 10px;
}

.common-ttl2 {
    line-height: 1.5em;
    padding: 60px 20px;
    font-size:20px;
}
.common-ttl3 {
	font-size:18px;
}
.bg-style {

    padding: 20px;
}

}