@charset "euc-jp";
#sale{
   font-family: '�ᥤ�ꥪ';
}
#sale .sale-main{
   margin: 0;
   padding: 0;
   border-top: solid 1px #ddd;
}
#sale .sale-main img {
	width: 100%;
	height: auto;
}

/*common*/

#sale .title{
   font-size: 13px;
   color: #292929;
   line-height: 1;
   background: #e6e6e6;
   border: solid 1px #d5d5d5;
   padding: 9px 14px 7px;
}

#sale .btn{
   text-align: center;
   padding: 10px;
}
#sale .btn a,
#sale .btn input{
   display: inline-block;
   width: 460px;
   font-size: 16px;
   color: #292929;
   text-decoration: none;
   letter-spacing: 2px;
   border: solid 1px #cac8c8;
   padding: 10px 30px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}
#sale .btn .red{
   color: #ff0000;
}
/*
#sale .btn a:hover,
#sale .btn input:hover{
   color: #fff;
   background: red;
   border-color: red;
}
#sale .btn a:hover .red{
   color: #fff;
}
*/

#sale .sale-list{}
#sale .sale-list ul{
   text-align: center;
   overflow: hidden;
   zoom: 1;
   padding: 8px 0 2px;
   font-size: 0px;
}
#sale .sale-list ul li{
   display: inline-block;
   overflow: hidden;
   margin: 0 0 6px 5px;
}
#sale .sale-list ul li a{
   display: block;
   color: #292929;
   font-size: 17px;
   font-weight: normal;
   text-align: center;
   text-decoration: none;
   letter-spacing: 1px;
   line-height: 1;
   border: solid 1px #cac8c8;
   background: #fff9fb url(../img/icon-vector.gif) no-repeat right center;
   padding: 14px 10px 12px;
   margin: 0;
}
/*
#sale .sale-list ul li:nth-child(odd) a{background-color: #feeef4!important;}
#sale .sale-list ul li a:hover{
   opacity:0.8;
   filter: alpha(opacity=80);
}
*/
/*
#sale .sale-list ul li a:hover{
   color: #fff;
   background-color: red;
   background-image: url(../img/icon-vector-white.gif);
   border-color: red;
}
*/

#sale .banner-list ul{
   text-align: center;
   padding: 0;
   padding-top: 5px;
}
#sale .banner-list ul li{
   display: inline-block;
   margin: 0;
   width: 48%;
}

#sale-btn{
   border: none;
}
#sale-btn .banner-list ul{
   text-align: center;
   padding: 0 0 0 6px;
   overflow: hidden;
   zoom: 1;
}
#sale-btn .banner-list ul li{
   box-sizing: border-box;
   display: block;
   float: left;
   width: calc((100% - 18px)/3);
   margin: 5px 6px 5px 0;
   border-right: solid 1px #ddd;
}
#sale-btn .banner-list ul li a{
   display: block;
}
#sale-btn .banner-list ul li img{
   width: 100%;
   height: auto;
}
#sale-btn .size1 ul li{width: 97%;}
#sale-btn .size2 ul li{width: 48%;}

#sale-banner .banner-list ul{
   overflow: hidden;
   zoom: 1;
   padding-top: 0; 
}
#sale-banner .banner-list ul li{
   display: block;
   box-sizing: border-box;
   float: left;
   width: 50%;
   border-top: solid 1px #ddd;
}
#sale-banner .banner-list ul li a{
   display: block;
   padding: 5px 6px;
}
#sale-banner .banner-list ul li img{
   display: block;
   width: 100%;
   height: auto;
}
/*
#sale .banner-list ul li a:hover img{
   opacity:0.8;
   filter: alpha(opacity=80);
}
*/
#sale-banner .banner-list .bnr1,
#sale-banner .banner-list .bnr2,
#sale-banner .banner-list .bnr7{
   
   width: 100%;
}
#sale-banner .banner-list .bnr3,
#sale-banner .banner-list .bnr5{
   border-right: solid 1px #ddd;
}



/*banner,btn*/
#sale-banner,#sale-btn{
   /*border-top: solid 1px #dedede;*/
}



/*recommend*/
#sale-recommend{
}
#sale-recommend dl{
   border-bottom: none!important;
}
#sale-recommend dl dd table tr td{
   height: 45px!important;
   vertical-align: center!important;
}
#sale-recommend dl dd table tr td.price{
   line-height: 1.2;
}

/*search*/
#sale-search table{
   margin-top: 10px;
}
#sale-search table tr td{
   font-size: 10px;
   padding: 6px;
}
#sale-search .search-btn{
   border-top: dotted 1px #dedede;
   margin-top: 10px;
   padding: 9px;
}
#sale-search .search-btn input{
   cursor: pointer;
}

/*sale-per*/
#sale-per{}
#sale-per .sale-list li{
   width: 24%;
}

/*sale-price*/
#sale-price{}
#sale-price .sale-list li{
   width: 32%;
}

/*cateogry*/
#sale .category-list{}
#sale .category-list-header{
   position: relative;
   height: 50px;
   border-top: solid 1px #cac8c8;
   border-bottom: solid 1px #dedede;
   margin-top: -1px;
}
#sale .category-list-header h4{
   height: 50px;
   line-height: 50px;
   padding-left: 15px;
}
#sale .category-list-header h4 span{
   font-size: 24px;
   letter-spacing: 2px;
}
#sale .category-list-header h4 a{
   vertical-align: top;
   color: #292929;
   font-size: 12px;
   font-weight: normal;
   text-decoration: none;
}
#sale .category-list-header h4 a:hover{
   color: red;
}
#sale .category-list-header .btn{
   position: absolute;
   right: 10px;
   top: 10px;
   width: 225px;
   height: 24px;
   border: solid 3px #cfcfcf;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   padding: 0;
   overflow: hidden;
   cursor: pointer;
}
#sale .category-list-header .btn:hover{
   border-color: #b1b1b1;
}
#sale .category-list-header .btn p{
   color: #000000;
   font-size: 11px;
   line-height: 24px;
   margin: 0;
   padding: 0;
}
#sale .category-list-header .btn .icon{
   display: block;
   position: absolute;
   right: 10px;
   top: 2px;
   width: 14px;
   height: 14px;
   color: #cfcfcf;
}
#sale .category-list-header .btn .open{
   display: none;
}
#sale .category-list-header .cat-icon{
   display: none;
   position: absolute;
   left: 4px;
   top: 4px;
   width: 42px;
   height: 42px;
   background-image: url(/img/ipn/index/categolry_title.png);
   background-repeat: no-repeat;
   background-color: none;
   -moz-background-size:  450px auto;
   -webkit-background-size: 450px auto;
   background-size: 450px auto;
}
#sale .tops      .category-list-header .cat-icon{background-position: -10px  -20px !important;}
#sale .onepiece  .category-list-header .cat-icon{background-position: -10px -95px !important;}
#sale .outers    .category-list-header .cat-icon{background-position: -10px -173px !important;}
#sale .bottoms   .category-list-header .cat-icon{background-position: -10px -250px !important;}
#sale .bag       .category-list-header .cat-icon{background-position: -10px -326px !important;}
#sale .shoes     .category-list-header .cat-icon{background-position: -10px -402px !important;}
#sale .accessory .category-list-header .cat-icon{background-position: -10px -484px !important;}
#sale .others    .category-list-header .cat-icon{background-position: -10px -559px !important;}
#sale .swimsuit  .category-list-header .cat-icon{background-position: -10px -710px !important;}


#sale .category-list-body{
   overflow: hidden;
   padding-bottom: 2px;
   /*
   background: #f8f8f8;
   border-left: solid 1px #dedede;
   border-right: solid 1px #dedede;
   */
}
#sale .category-list-body ul{
   text-align: left;
   padding-left: 3px;
}
#sale .category-list-body ul li{
   /*width: 127px;*/
   width: 153px;
}
#sale .category-list-body ul li a{
   height: 40px;
   text-align: left;
   font-size: 12px;
   padding: 0 8px;
}
#sale .category-list-body ul li a span{
   display: inline-block;
   position: relative;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   width: 130px;
   font-size: 11px;
   vertical-align: middle;
}

/*brand*/
#sale-brand{}
#sale .brand-list{
   width: 100%;
/*
   border-top: solid 1px #dedede;
   border-left: solid 1px #dedede;
   margin: 10px auto 0;
*/
}
/*
#sale .brand-list ul,
#sale .brand-list ul li,
#sale .brand-list ul li a{
   display: block;
}
*/
#sale .brand-list ul{
/*
   overflow: hidden;
   zoom: 1;
*/
   padding:0;
}
#sale .brand-list ul li {
	border: solid 1px #efeeed;
	list-style: none;
/*
   float: left;
   width: 120px;
*/
   background-repeat: no-repeat;
   background-position: center center;
   -moz-background-size:  100px auto;
   -webkit-background-size: 100px auto;
   background-size: 100px auto;
/*    margin: 4px; */
}
#sale .brand-list ul li a{
   height: 100%;
   display: block;
   height: 100%;
/*
   border-right: solid 1px #dedede;
   border-bottom: solid 1px #dedede;
   background: url(../img/icon-vector.gif) no-repeat right center;
*/
}
#sale .brand-list ul li a span{
   display: block;
/*
   width: 129px;
   height: 40px;
*/
   text-indent: -9999px;
   overflow: hidden;
}
/*
#sale .brand-list ul li a:hover span{
   background: #fff;
   opacity:0.3;
   filter: alpha(opacity=30);
}
*/

.sale-comment{
   text-align: center;
   padding: 3px;
   border-bottom: solid 1px #dedede;
}
.sale-comment a{
   color: #d31c1c;
}

#notice div{
   border-top: solid 1px #dedede;
   padding: 9px;
}
#notice div h4{
   border-top: none;
   padding-bottom: 9px;
}
#notice ul li{
   padding-bottom: 9px;
   font-size: 10px;
}
#notice {
   margin-top: 100px;
}


/* 20220216�ɵ� */
.none,
.benetton {
	display: none !important;
}
.search-box {
	position: relative;
}
.column-container .size2,
.column-container .size3 {
	width: 100%;
}
.banner-list.size2 li {
	width:calc(98.4%/2) !important;
}
#sale-btn .banner-list ul li {
	margin: 5px 6px 5px 0;
}
.ajd {
	position: absolute;
	top:24px;
}
.flex{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-flow: row wrap;
	flex-wrap: wrap;
	-ms-flex-pack: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	flex-wrap:wrap;
}
.box {
	width: 13%;
	margin: 5px;
	height: 50px;
}


/* 20220617���� */
#sale .drilldown-p__trigger__item__label,
#sale .select-t {
	font-size: 12px;
} 
#sale .select-t-txt {
	left: -13px;
	font-size: 18px;
}
#sale .sale-main {
	background: #fff;
	width: 100%;
	max-width: 800px;
}
#sale .select-q {
	padding: 5px 0 14px 0;
}
#sale .select-q select {
	font-size: 20px;
}
#sale .select-q.adj {
	padding-top: 12px;
}
.select-q:before {
	border-top: 2px solid #1a1a1a;
	border-right: 2px solid #1a1a1a;
}
#sale .select-q.adj:before {
	top: 40%;
}
#sale .group {
	margin: 100px 0;
	border-bottom: none;
}
#sale #sale-brand .flex {
	justify-content: center;
}
#sale #sale-category .category-list li,
#sale .shop-list li {
	font-size: 13px;
	text-align: center;
	padding: 5px;
}
#sale .shop-list li {
	width: calc(100%/3);
}
#sale .shop-list .btn-group img {
	width: 100%;
	height: auto;
}
#sale #sale-category .category-list li {
   width: 100%;
}
#sale #sale-category .btn-p,
#sale .shop-list .btn-p {
	background: transparent;
	border: none;
	color: #000;
   width: 100%;
}
/*
#sale #sale-category .btn-p:hover,
#sale .shop-list .btn-p:hover {
	opacity: 0.3;
}
*/
#sale .shop-list .btn-p {
	padding: 3rem 2rem;
}
#sale .shop.group {
	margin-top:5px; 
}
#sale .shop .flex {
   justify-content: space-between;
}
#sale .rate .select-q {
	border: 1px solid #efefef;
	border-radius: 10px; 
	width: 44%;
	margin: 0 17px;
}
#sale .discount-rate {
	border-bottom: 1px solid #efefef;
	position: relative;
	padding-top: 8px;
}
#sale .discount-rate .ttl {
   font-size: 14px;;
	width: 22%;
	padding: 15px 15px 15px 0;
}
#sale .discount-rate.flex {
	flex-wrap: inherit;
}
#sale .discount-rate .select-q select {
	top: 3px;
   padding: 0 14px;
}
#sale .rate .select-q:last-child {
	margin-left: 32px;
	margin-right: 0;
}
#sale .rate .price-small {
	position: absolute;
	top: 20px;
}
#sale .select-q.brand {
	padding: 18px 0;
}
#sale .select-q.brand:before {
	top: 22px;
}
#sale .brand.select-q:before {
	right: 1.2em;
}
#sale .rate {
   width: 100%;
}
.select-q:before {
   top: 38%;
}
#sale #sale-category .btn-p {
	text-align: left;
	display: block;
	padding: 20px 0 16px 60px;
	border: solid 1px #efeeed;
}
#sale .category-list #category-list-tops {
	background: url("../img/icon/tops.png") no-repeat left;
	background-size: 30px;
	background-position: left 20px top 18px;
}
#sale .category-list #category-list-bottoms {
	background: url("../img/icon/bottoms.png") no-repeat left;
	background-size: 33px;
	background-position: left 18px top 18px;
}
#sale .category-list #category-list-onepiece {
	background: url("../img/icon/one-piece.png") no-repeat left;
	background-size: 34px;
	background-position: left 17px top 16px;
}
#sale .category-list #category-list-outers {
	background: url("../img/icon/jacket.png") no-repeat left;	
	background-size: 35px;
	background-position: left 18px top 18px;
}
#sale .category-list #category-list-bag {
	background: url("../img/icon/bag.png") no-repeat left;	
	background-size: 30px;
	background-position: left 20px top 18px;
}
#sale .category-list #category-list-accessory {
	background: url("../img/icon/accessory.png") no-repeat left;	
	background-size: 30px;
	background-position: left 20px top 18px;
}
#sale .category-list #category-list-interior {
	background: url("../img/icon/interior.png") no-repeat left;	
	background-size: 30px;
	background-position: left 20px top 18px;
}
#sale .category-list #category-list-others {
	background: url("../img/icon/another.png") no-repeat left;
	background-size: 30px;
	background-position: left 20px top 18px;	
}
#sale .category-list #category-list-fashion_accessories {
	background: url("../img/icon/fashion_accessories.png") no-repeat left;
	background-size: 30px;
	background-position: left 20px top 18px;	
}
#sale .category-list #category-list-shoes {
	background: url("../img/icon/shoes.png") no-repeat left;
	background-size: 30px;
	background-position: left 20px top 18px;	
}
#sale .category-list #category-list-swimsuit {
	background: url("../img/icon/swimsuit.png") no-repeat left;
	background-size: 30px;
	background-position: left 20px top 18px;	
}