@charset "utf-8";
/* CSS Document */


.category-osusume{
    margin-bottom: 20px;   
}

.label-block {
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
	margin: 0;
}
.label-block img {
	max-width: 100%;
	display: block;
}
.label-block p {
	margin: 0;
}
.label-block ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.label-block .sp {
	display: none;
}

.label-block .inner {
	/*max-width: 1080px;
	width: 95%;*/
	margin: auto;
}

.label-block .title {
    font-family: "Oswald";
    font-size: 2em;
	letter-spacing: 7px;
    font-weight: normal;
}

.label-block{
	width: 50%;
	float: left;
}

.label-block a{
    text-decoration: none;
}


/*共通パーツ*/
.label-block .item-head {
	padding: 10px 0 15px;
	text-align: center;
}

.label-block .item-head .title {
    vertical-align: middle;
    margin: 0;
    color: #fff;
}
.label-block .item-head .head_text {
    font-weight: bold;
    vertical-align: middle;
    font-size: 14px;
    letter-spacing: 1.5px;
}


.label-block .item {
    /*margin: 50px auto;*/
}

.bl-label .item .item-list {
    padding: 20px 30px 20px 0px;
    box-sizing: border-box;
}

.red-label .item .item-list {
    padding: 20px 0px 20px 30px;
    box-sizing: border-box;
}

.label-block .item .item-list::after {
  content: "";
  display: block;
  clear: both;
}

.item .item-list h3 {
    margin: 0;
}
.item .item-list .list li {
    position: relative;
    margin: 25px auto 0;
    padding-bottom: 25px;


    width: 25%;
    float: left;
}
.item .item-list .list li:last-of-type {
	padding-bottom: 0;
}
.item .item-list .list li .link {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	z-index: 5;
}
.item .item-list .list li .img {
    display: inline-block;
    /*width: 26.923%;*/
    margin-right: 20px;
    vertical-align: top;
}
.item .item-list .list li .detail {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.item .item-list .list li .detail .number {
    font-size: 13px;
    font-weight: bold;
    color: #797979;
}
.item .item-list .list li .detail .name {
    font-size: 13px;
    font-weight: bold;
    color: #797979;
	line-height: 1.6;
}
.item .item-list .list li .detail .price {
    font-size: 23px;
    font-weight: bold;
    line-height: 1;
}
.item .item-list .list li .detail .price .tax {
    font-size: 55%;
    margin-left: -3px;
}
.item .item-list .list li .btn {
    display: inline-block;
    width: 90%;
    margin-top: 13.7%;
}
.item .item-list .list li .btn a {
    display: block;
    background: #fff;
    color: #000;
    border: 1px solid #000;
    box-sizing: border-box;
    padding: 6.5px 10px;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
.item .item-list .list li:hover .img,
.item .item-list .list li:hover .detail p:nth-of-type(-n+3) {
	opacity: 0.8;
	transition: 0.6s;
}
.item .item-list .list li:hover .btn a,
.item .item-list .list li .btn:hover a {
	background: #000;
	color: #fff;
	transition: 0.6s;
}


/*
body{
    width: 1200px;
    margin: 0 auto;
    border: solid 1px;
}
*/

#wear-main:hover{
    opacity: .8;
    transition: all 0.3s;
}

a:hover .item-head{
    opacity: .8;
    transition: all 0.3s;
}

@media screen and (max-width: 767px){

.label-block .sp {
	display: block;
}

.label-block{
	width: 100%;
	overflow-x: hidden;
}

.item .item-list .list li {
    width: 50%;
    text-align: center;
    padding: 0 2%;
}

.bl-label .item .item-list,
.red-label .item .item-list {
    padding: 0px;
}

.item .item-list .list li .img {
    margin: 0 20px;
}

/*
.item .item-list .list li .detail .number,
.item .item-list .list li .detail .name,
.item .item-list .list li .detail .price{
    text-align: left;
}
*/


}

/*BLAC LABEL*/
.bl-label .item-head {
    color: #fff;
    background: #020202;
    background: -moz-linear-gradient(left, #020202 0%, #777777 100%);
    background: -webkit-linear-gradient(left, #020202 0%,#777777 100%);
    background: linear-gradient(to right, #020202 0%,#777777 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020202', endColorstr='#777777',GradientType=1 );
}

/*RED LABEL*/
.red-label .item-head {
    color: #fff;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#800009+0,f2292f+100 */
	background: #800009; /* Old browsers */
	background: -moz-linear-gradient(left,  #800009 0%, #f2292f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #800009 0%,#f2292f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #800009 0%,#f2292f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800009', endColorstr='#f2292f',GradientType=1 ); /* IE6-9 */
}