body{
	    font-family: "Red Hat Display", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	/*font-family: "Lucida Sans",arial,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic", "Osaka",sans-serif;*/
	line-height: 1.8em;
	font-size:15px;
	min-width: 1300px;
	}

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

コンテンツ最大幅の設定

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

.content-wrap{
	max-width:960px;
	margin:0 auto;
	padding:0 16px;
	}

.content-wrap-l{
	max-width:1300px;
	margin:0 auto;
	padding:0 16px;
	}

	.common-ttl {
		font-weight: normal;
			font-size: 15px;
			border-bottom: 1px solid #666;
			padding: 10px;
			margin-bottom: 20px;
			line-height:1.5em;

	}

	.common-ttl2 {
		line-height:1.5em;
		padding:60px 0;
		text-align:center;
		color:#fff;
		background-color:#6ba8bd;
	}
	.common-ttl3 {
line-height:1.5em;
padding-bottom: 20px;
margin-bottom: 20px;
font-size: 20px;
color: #6f6f6f;
font-weight: bold;
position:relative;
	}
.common-ttl3:after{
	width: 30px;
position: absolute;
border: 2px solid #4a4a4a;

	content:"";
	left:0;
	bottom:0;
}

.bread-crumb{
	background-color:#bdbdbd;
	color:#fff;
	border-radius:20px;
	padding:8px 16px;
	font-size:13px;
line-height:1em;
margin-bottom:20px;
}
.bread-crumb a:after{
content:" / ";
}
.bread-crumb span{
color:#666;
}

.page-info{
	max-width:300px;
	background-color:#fff;
	color:#666;
	border-radius:20px;
	padding:8px 16px;
	font-size:13px;
line-height:1em;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

.page-link {

    color: #666;
}
.paging-area{
	overflow:hidden;
}
.paging-area nav{
	float: right;
}

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

.cur-searcing{
	background-color: #bdbdbd;
color: #fff;
border-radius: 10px;
padding: 10px;
font-size: 13px;
line-height: 1em;
}
.cur-searcing .ttl{
color: #666;
margin-bottom:10px;
}
.cur-searcing .list li{
	display:inline-block;
	margin-right:10px;
}
.cur-searcing .list li i{
	margin-left:5px;
}

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

各ページ共通要素

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

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

}
*/


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

共通フォントスタイル

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

/*
.color-1{
	color:#a88220;
}
.color-2{
	color:#ffdf03;
}

.color-3{
	color:#1d1106;
}

.bg-color-1{
	background-color: :#a88220;
}
.bg-color-2{
	background-color:#ae7430;
}

.bg-color-3{
	background-color:#1d1106;
}


.font-1{
	font-family: 'Anton', sans-serif;
}

.mincho{
	font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
	}

.mincho2{
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}

*/

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

パンくず

---------------------------------------- */
/*
.bread-wrap{

	position:relative;
	}
.breadcrumb {
    margin-top: 35px;
    font-size: 16px;
    font-weight: normal;
    font-family: -webkit-body;
}

.breadcrumb li{
	display:inline-block;
	}

.breadcrumb li a{
	color:#666;
	}

.breadcrumb li a:hover{
	text-decoration:underline;
	}

.breadcrumb li a:after{
	content:">";
	padding:0 8px;
	text-decoration:none !important;
	display: inline-block;
	}
*/
/* ----------------------------------------

上部に戻るボタン

---------------------------------------- */
/*
.to-top-btn {
    position: fixed;
    right: 0px;
    bottom: 0px;
    border: double #3ec8fb 1px;
    background: #000000;
    color: #3ec8fb;
    padding: 16px;
    text-align: center;
    cursor: pointer;
    line-height: 1.5em;
}*/


/*============================
#sidebar
============================*/
.main-wrap{
	display:flex;
	flex-wrap:wrap;
}



#content{
	width:calc(100% - 360px);

}
#main{

	padding:30px;
	background-color:#EFEFEF;
}
#sidebar {
	padding:60px 30px;
	width:360px;
}
#sidebar .logo{
	text-align:center;
}
#sidebar .logo h1{
	font-size:12px;
	font-weight:normal;
}
#sidebar .logo img{
}
.user-menu {
	display:flex;
	padding:0 20px;
}
.user-menu .item {
	width:33.3333%;
	text-align:center;
	border-right:1px solid #666;
	padding:0 10px;
}
.user-menu .item:last-child {
	border-right:none;
}
.user-menu .item  .icon {
}
.user-menu .item  .icon img{
	width:100%;
}
.user-menu .item  .txt {
	font-size:12px;
}
.main-nav .search {
	margin: 0 30px;
	position:relative;
}
.main-nav .search input[type="text"]{
	display:block;
    padding: 8px;
    border:1px solid #ccc;
    border-radius: 20px;
    outline: none;
    background: none;
		width:100%;
}
.main-nav .search button{
	position:absolute;
	right: 10px;
top: 10px;
font-size: 20px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
}
.main-nav .block {
	margin-top:40px;
}

.main-nav .block>.ttl {
	font-weight:normal;
	font-size:15px;
	border-bottom:1px solid #666;
	padding:10px;
	margin-bottom:20px;
	text-align:center;
}
.main-nav .block .container-fluid {
}
.main-nav .block .container-fluid .row {
}
.main-nav .block .container-fluid .row .col-4 {
}
.main-nav .block .container-fluid .row .col-4 .item {
	text-align:center;
	margin-top:10px;
}
.main-nav .block .container-fluid .row .col-4 .item  .img {
	border:1px solid #666;
}
.main-nav .block .container-fluid .row .col-4 .item  .img img{
	height:80px;
	object-fit:cover;
	width:100%;
}
.main-nav .block .container-fluid .row .col-4 .item  .ttl {
	font-size:11px;
}
.main-nav .block .container-fluid .row .col-12 {
}
.main-nav .block .container-fluid .row .col-12 .btn-other {
	padding:20px;
	background-color:#EFEFEF;
	text-align:center;
	margin-top:15px;
}
.main-nav .block.input-detail {

}
.main-nav .block.input-detail .ttl {

}
.main-nav .block.input-detail  .item {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:10px;
}
.main-nav .block.input-detail  .item .ttl {
	width:80px;
	font-size:12px;
}
.main-nav .block.input-detail  .item .ttl text{
	width:80px;
	font-size:12px;
}
.main-nav .block.input-detail  .item>.input {
	width:calc(100% - 80px);

}
.main-nav .block.input-detail  .item>.input.add-unit{
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.main-nav .block.input-detail  .item>.input.add-unit input {
	width:calc(100% - 50px);
	display: block;
    padding: 4px;
    border: 1px solid #ccc;
    border-radius: 20px;
    outline: none;
    background: none;
    width: 100%;
}
.main-nav .block.input-detail  .item>.input.add-unit .unit {
	width:50px;
	text-align:center;
	font-size:11px;
}

.main-nav .block.input-detail  .item>.input select {
	width:100%;
	padding: 8px;
	border:1px solid #ccc;
	border-radius: 20px;
    outline: none;
    background: transparent;
}

.main-nav .block.input-detail  .item-row {

}
.main-nav .block.input-detail  .item-row .ttl {
	font-size:12px;
}
.main-nav .block.input-detail  .item-row .input-wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.main-nav .block.input-detail  .item-row .input-wrap .item {
	width:33.3333%;
	display:flex;
}
.main-nav .block.input-detail  .item-row .input-wrap .item .unit {
	font-size:11px;
	width:40px;
	text-align:center;
}
.main-nav .block.input-detail  .item-row .input-wrap .item>.input {
width:calc(100% - 40px);
}
.main-nav .block.input-detail  .item-row .input-wrap .item>.input input{

	display: block;
		padding: 4px;
		border: 1px solid #ccc;
		border-radius: 20px;
		outline: none;
		background: none;
		width: 100%;
}
.main-nav .block.input-detail  .btn-search button{
	-webkit-appearance: none;
	 -moz-appearance: none;
	 appearance: none;
display:block;
width:100%;
	 border: none;
	 outline: none;
	 background: transparent;
	padding:20px;
	background-color:#FF8484;
	text-align:center;
	margin-top:15px;
	color:#fff;

}
.main-nav .tel {
		text-align:center;
}
.main-nav .tel .number {

	    font-size: 34px;
}
.main-nav .tel .number i{
	    font-size: 24px;
			    vertical-align: top;
					margin-right:10px;
}
.main-nav .tel .info {
	font-size:12px;
}
.main-nav .banner {
}


.nav-head {
	display:flex;
	align-items:center;
}
.nav-head .nav-right {

}
.nav-head .nav-right a{
	display:inline-block;
	padding:10px;
	border-right:1px solid #666;
}
.nav-head .nav-right a:last-child{
border-right:none;
}
.nav-head .nav-left {
	margin-left:auto;
}
.nav-head .nav-left a{
	display:inline-block;
	border-right:1px solid #666;
	padding:5px;
	line-height:1em;
}
.nav-head .nav-left a:last-child{
	border-right:none;
}
.main-visual {
	height:560px;
	background-color:#ccc;
	background-image:url(../img/main-v.png);
	background-size:cover;
	background-position:center center;
}
.main-visual h1{
	height:560px;
	color:#fff;
	font-size:85px;
	font-weight:900;
	padding: 97px 0 0 75px;
}
.item-list {

}

.item-list .container-fluid {
}
.item-list .container-fluid .row {
}
.item-list .container-fluid .row .col-6.col-sm-3 {
	    margin-bottom: 10px;
}
.item-list .container-fluid .row .col-6.col-sm-3 .item {
	height:100%;
	background-color:#fff;
}
.item-list .container-fluid .row .col-6.col-sm-3 .item .img {

}
.item-list .container-fluid .row .col-6.col-sm-3 .item .img img{
	height:260px;
	width:100%;
	object-fit:cover;
}
.item-list .container-fluid .row .col-6.col-sm-3 .item .info {
	padding:10px;
	display:flex;
	font-weight:bold;
	align-items:center;
}
.item-list .container-fluid .row .col-6.col-sm-3 .item .info .txt {
	width:calc(100% - 100px);
font-size:inherit;
line-height:1.5em;
font-weight:bold;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.item-list .container-fluid .row .col-6.col-sm-3 .item .info .price {
	width:100px;
	text-align:right;
	color:#E62222;
	font-size:18px;
}

/*============================
#item-list-s
============================*/
.item-list-s {
}

.item-list-s .container-fluid {
}
.item-list-s .container-fluid .row {
}
.item-list-s .container-fluid .row .col-6.col-sm-2 {
	margin-bottom: 10px;
}
.item-list-s .container-fluid .row .col-6.col-sm-2 .item {
	height:100%;
	background-color:#fff;
}
.item-list-s .container-fluid .row .col-6.col-sm-2 .item .img img{
	height:182px;
	object-fit:cover;
	width:100%;
}
.item-list-s .container-fluid .row .col-6.col-sm-2 .item .info {
	padding:10px;

}
.item-list-s .container-fluid .row .col-6.col-sm-2 .item .info .txt {
	font-size:inherit;
	line-height:1.5em;
	font-weight:bold;

	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;

}
.item-list-s .container-fluid .row .col-6.col-sm-2 .item .info .tag {
	font-size:14px;
	font-style:italic;
	line-height:1.3em;
 color:#666;
}
.item-list-s .container-fluid .row .col-6.col-sm-2 .item .info .detail {
	font-size:14px;
 line-height:1.3em;

}
.item-list-s .container-fluid .row .col-6.col-sm-2 .item .info .detail .remain {
	line-height:1.3em;
color:#666;
}
.item-list-s .container-fluid .row .col-6.col-sm-2 .item .info .detail .size {
line-height:1.3em;
color:#666;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.item-list-s .container-fluid .row .col-6.col-sm-2 .item .info .price {
	text-align:right;
	color:#E62222;
	font-size:18px;
	font-weight:bold;
}




/*============================
#main-footer
============================*/
#main-footer {
	background-color:#585858;
	color:#fff;

}
#main-footer .footer-top{
display:flex;
flex-wrap:wrap;
padding:30px 20px;
}
#main-footer .footer-top>div{
border-right:1px solid #828282;
padding:20px;
}
#main-footer .footer-top>div:last-child{
border-right:none;
}

#main-footer .links {
	width:22.5%;
}
#main-footer .links .ttl {
	font-weight:bold;
	font-size:inherit;
}

#main-footer .links ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#main-footer .links ul li {
	width:24.5%;
	margin-top:10px;
	    line-height: 1.2em;
}
#main-footer .links ul li a{
	font-size:12px;

}

#main-footer .description {
	width:30%;
}
#main-footer .description .ttl {
	font-weight:bold;
	font-size:inherit;
}
#main-footer .description p {
	margin-top:10px;
}



#main-footer .nav {
	width:25%;
}
#main-footer .nav .user-menu {
	padding:0;
	width:100%;
}
#main-footer .nav .user-menu .item {
}
#main-footer .nav .user-menu .item  .icon {
}
#main-footer .nav .user-menu .item  .txt {
}
#main-footer .nav .list {
	margin-top:10px;

}
#main-footer .footer-info {
		background-color:#414141;
		padding:30px;
		display:flex;
}
#main-footer .footer-info .nav {
width:auto;
}
#main-footer .footer-info .nav a{
	display: inline-block;
	    border-right: 1px solid #666;
	    padding: 5px;
	    line-height: 1em;
}
#main-footer .footer-info .nav a:last-child{
	    border-right:none;
}
#main-footer .footer-info .info {
	padding-left:40px;
}
#main-footer .footer-info .copyright {
	padding-left:40px;

}
#main-footer .footer-info .logo {
	margin-left:auto;
}

/* スマホナビ */
#nav-drawer{
	display:none;
}


/* ローディング画面 */
#loading {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  background-color: #b9b9b9;

	position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
.spinner {
  width: 100px;
  height: 100px;
  margin: 200px auto;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}
/* ローディングアニメーション */
@keyframes sk-scaleout {
  0% {
    transform: scale(0);
  } 100% {
    transform: scale(1.0);
    opacity: 0;
  }
}
.loaded {
  opacity: 0;
  visibility: hidden;
}

.item-detail{}
.item-detail .info-area{}
.item-detail .info-area table{
width:100%;
}
.item-detail .info-area table th{
	border:1px solid #ccc;
	padding:10px;
	font-size:13px;
}
.item-detail .info-area table td{
	border:1px solid #ccc;
	padding:10px;
	background-color:#fff;
		font-size:13px;
}
.main-img-area
.swiper-container {
    width: 100%;
    height: 500px;
}
.main-img-area
.swiper-container .img-box{
    height: 100%;
}
.main-img-area
.swiper-container .img-box img{
    width:100%;
		height:100%;
		object-fit:cover;
}
.thumb-area
.swiper-container {
    width: 100%;
    height: 200px;
}
.thumb-area
.swiper-container .img-box{
    height: 100%;
}
.thumb-area
.swiper-container .img-box img{
    width:100%;
		height:100%;
		object-fit:cover;
}

.swiper-slide-thumb-active img{
	opacity:0.5;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
    color: #fff;
	}
	.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
	}


	.to-cart {
		display:flex;
		background-color:#fff;
		border-radius:10px;
		padding:10px;
		margin-top:20px;
		align-items:center;
	}
	.to-cart .price {
		width:50%;
		text-align:right;
		font-size:15px;
		padding-right:10px;
		border-right:1px solid #ccc;
	}
	.to-cart .price span{
		font-weight:bold;
		color: #E62222;
		font-size:30px;
		margin-right:5px;
	}
	.to-cart .counter {
		padding-left:10px;
			width:50%;
				display:flex;
				font-size:20px;
				align-items:center;
	}
	.to-cart .counter .minus {
		color:#666;
		font-size:20px;

	}
	.to-cart .counter .minus .fas.fa-minus-circle {
	}
	.to-cart .counter .count {
			color:#333;
	}
	.to-cart .counter .plus {
color:#666;
font-size:20px;
	}
	.to-cart .counter .plus .fas.fa-plus-circle {
	}
	.to-cart .counter .btn.btn-danger.btn-sm.order-btn {
		margin-left: 20px;
min-width: 216px;
padding: 10px;
font-size: 18px;
	}

	.tool .counter-list,
.tool .counter {
    display:flex;
    justify-content:center;
}
.tool .counter-list .minus,
.tool .counter .minus {
  font-size:30px;
  padding:0 .5rem;
}
.tool .counter-list .count,
.tool .counter .count {
  font-size:30px;
	    line-height: 1;
    padding:0 .5rem;
}
.tool .counter-list .plus,
.tool .counter .plus {
  font-size:30px;
    padding:0 .5rem;
}

.to-form{
	-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
min-width:200px;
border: none;
outline: none;
background: transparent;
padding: 20px;
background-color: #FF8484;
text-align: center;

color: #fff;
}
.to-form:hover{
	color: #fff;
	opacity:0.8;
}
.all_total {
    font-size: 30px;
    line-height: 1.8;
}

.bg-style{
	background-color:#fff;
	padding:40px;
}

.img-fit{
	height:100%;
}
.img-fit img{
	object-fit:cover;
	height:100%;
	width:100%;
}

/* 以下タブレット(col-md)の設定 */
@media screen and (max-width: 992px) {


}
/* 以下タブレット(col-md)の設定 */
@media screen and (max-width: 992px) {


}