@charset "shift_jis";
.special-sale-item-ctr {
    display: flex;
    flex-wrap: wrap;
				margin-bottom: 3em; 
}
.special-sale-item-box {
    padding: 0.6em;
    background-color: #FDF8BD;
    margin: .5em auto 1em;
    position: relative;
    border-radius: 5px;
				display: flex;
    flex-direction: column;
				width: 19%;
    -ms-flex-preferred-size: 19%;
    flex-basis: 19%;
}
.special-sale-item-box:hover {
	opacity:0.8;
}
.special-sale-item-box a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.special-sale-item-img-box {
    height: 10.5em;
    overflow: hidden;
    position: relative;
    border-radius: 3px 3px 0 0;
				background: #fff;
}
.special-sale-item-img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.special-sale-item-dtlbox {
    background-color: #fff;
    padding: .5em .2em;
	text-align:center;
	border-radius:0 0 3px 3px;
}
.special-sale-item-name {
    padding: 0 0 .3em 0;
    font-size: .8em;
    color: #333;
}
.special-sale-item-price-area {
    color: #D80000;
    font-weight: bold;
    font-size: 1.5em;
	line-height: 1;
}
.special-sale-item-off-box {
    position: absolute;
    top: -7%;
    right: -4%;
    color: #fff;
    text-align: center;
    line-height: 1;
    padding: 0.7em 1em 1em;
    font-size: 13px;
    font-weight: bold;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="%23d80000" d="M16 0.352l1.718 2.099 2.189-1.606 1.142 2.461 2.518-1.011 0.496 2.669 2.691-0.355-0.186 2.707 2.694 0.33-0.851 2.576 2.528 0.986-1.466 2.285 2.205 1.584-1.987 1.85 1.741 2.080-2.384 1.296 1.165 2.451-2.63 0.662 0.522 2.662-2.714-0.013-0.157 2.707-2.627-0.688-0.826 2.586-2.371-1.318-1.443 2.298-1.968-1.866-1.968 1.866-1.443-2.298-2.371 1.318-0.826-2.586-2.627 0.688-0.157-2.707-2.714 0.013 0.522-2.662-2.63-0.662 1.165-2.451-2.384-1.296 1.741-2.080-1.987-1.85 2.205-1.584-1.466-2.285 2.528-0.986-0.851-2.576 2.694-0.33-0.186-2.707 2.691 0.355 0.496-2.669 2.518 1.011 1.142-2.461 2.189 1.606 1.718-2.099z" /></svg>');
    background-repeat: no-repeat;
    font-family: "Century Gothic","Avenir Next", Arial;
	z-index:1;
}
.off-num {
    display: block;
    font-size: 2em;
}

/* --------------------------
    色調整
-------------------------- */
.special-sale-item-box:nth-child(odd) {
    background: linear-gradient(#E93AA5, #AF026C);
}
.special-sale-item-box:nth-child(even) {
    background: linear-gradient(#EBBD26, #A9750A);
}

/* --------------------------
    タブレツト用スタイル
-------------------------- */
@media screen and (max-width:780px) {
.spno {display: none;}

.special-sale-item-ctr.scroll-inner {
    height: 182px;
    overflow: hidden;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-chaining: chained;
    -webkit-transform: translateZ(0);
    width: 690px;
    padding: 0.5em;
}
.special-sale-item-box {
    padding: .4em;
}
.special-sale-item-img-box {
    height: 7.5em;
}
.special-sale-item-off-box {
    font-size: 12px;
}
}

/* --------------------------
    スマホ用スタイル
-------------------------- */
@media screen and (max-width:480px) {

.special-sale-item-ctr.scroll-inner {
    height: 182px;
    overflow: hidden;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-chaining: chained;
    -webkit-transform: translateZ(0);
    width: 1380px;
    padding: 0.5em;
}
.special-sale-item-box {
				width: 9.5%;
    -ms-flex-preferred-size: 9.5%;
    flex-basis: 9.5%;
}
.special-sale-item-img-box {
    height: 8.5em;
}
}

/* --------------------------
    PC用スタイル
-------------------------- */

@media screen and (min-width:481px) {
}



/* --------------------------
    クーポン露出用
-------------------------- */
.category-coupon-top .special-sale-item-box {padding: .3em;}
.category-coupon-top .special-sale-item-img-box {width: 100%; height: 7em;}
.category-coupon-top .special-sale-item-img {width: 80%; top: 60%;}

@media screen and (max-width:480px) {
.category-coupon-top .scroll-inner .special-sale-item-box {width: 90px; -ms-flex-preferred-size: 90px; flex-basis: 90px;}
.category-coupon-top .special-sale-item-ctr.scroll-inner {height: 140px;}
}