@charset 'utf-8';

/* .nowonsale { margin: 0px 0 -150px 0;padding: 0px 0 150px 0; background-color:#F8f8f8; background-image:url(../img/testbg.png); background-repeat:repeat-x; background-position:0 0; } */
.nowonsale{margin: 50px 0 0 0;
padding: 10vw 0 20vw;
background-image: url(../img/bgbgbg2.png);
background-repeat: no-repeat;
background-position: -20px 0;
background-size: 90%;background-position: right;}
.ill2 { height:200px; margin:-50px 15% -150px auto; }
.nowonsalebox { width:100%; margin:0; position:relative; overflow:visible; }
.nowonsaleSwiper { margin:0; overflow: hidden;}
.nowonsaleSwiper img { width:100%; display:block; border-radius: 14px;}
.nowonsaleSwiper strong { width:100%; display:block; margin:5px 0 0 0; font-weight:bold; line-height:1.5; }
.nowonsaleSwiper span { width:100%; display:block; margin:5px 0 0 0; line-height:1.5; }
.nowonsalebox .swiper-slide { display:block; width:255px; margin-right:20px; }
.nowonsalebox .swiper-slide:last-child { margin-right:0; }
.nowonsalebox .swiper-slide img { transition:0.3s; border-radius: 14px;}
.nowonsalebox .swiper-slide:hover img { opacity:0.7; transition:0.3s; }
.nowonsalebox .swiper-button-next, .nowonsalebox .swiper-button-prev { top:30%; }
.nowonsalebox .swiper-button-next, .nowonsalebox .swiper-rtl .swiper-button-prev { width:30px; height:60px; display:block; color:#fff; transition:0.3s; right:-30px; }
.nowonsalebox .swiper-button-next:hover, .nowonsalebox .swiper-rtl .swiper-button-prev:hover { color:#999; transition:0.3s; }
.nowonsalebox .swiper-button-prev, .nowonsalebox .swiper-rtl .swiper-button-next { width:30px; height:60px; display:block; color:#fff; transition:0.3s; left:-30px; }
.nowonsalebox .swiper-button-prev:hover, .nowonsalebox .swiper-rtl .swiper-button-next:hover { color:#999; transition:0.3s; }
.nowonsalebox .swiper-button-next::after, .nowonsalebox .swiper-button-prev::after { font-weight:bold; font-size:22px; position: absolute; top: 30%; margin-top: -6px; }
.nowonsalebox .swiper-button-next::after { left: 30%; margin-left: -2px; }
.nowonsalebox .swiper-button-prev::after { right: 30%; margin-right: -2px; }

@media screen and (max-width: 740px) {
	.nowonsale { margin:0 0 -50px 0; padding:20px 0 50px 0; background:none; }
	.nowonsalebox { margin:20px 0 30px 0; overflow:hidden; }
	.nowonsalebox .swiper-slide { width:48.5%; margin:0 3% 20px 0; }
	.nowonsalebox .swiper-slide:nth-child(2n) { margin-right:0; }
	.nowonsalebox .swiper-button-next, .nowonsalebox .swiper-rtl .swiper-button-prev { width:30px; height:60px; display:block; color:#000; transition:0.3s; right:-30px; }
	.nowonsalebox .swiper-button-prev, .nowonsalebox .swiper-rtl .swiper-button-next { width:30px; height:60px; display:block; color:#000; transition:0.3s; left:-30px; }
	.nowonsalebox .swiper-button-next, .nowonsalebox .swiper-rtl .swiper-button-prev { }
	.nowonsalebox .swiper-button-prev, .nowonsalebox .swiper-rtl .swiper-button-next { }
	.nowonsalebox .swiper-button-next, .nowonsalebox .swiper-button-prev { top:20%; }

	
}

/* .result { width:720px; display:flex; justify-content:space-between; align-items:center; margin:50px auto; background:#fff; border:2px solid #fff; position:relative; } */
.result {
width: 680px;
display: flex;
justify-content: center;
align-items: center;
margin: 20px auto;
background: #0e4066;
border: 2px solid #0e4066;
position: relative;
padding: 15px;
border-radius: 12px;
color: #fff;
transition:0.3s;
}
.result:hover{opacity: 0.7;}
.result span { width:100%; display:block; position:relative; text-align: left;font-weight:bold; font-size:16px; }
.result span::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 30px; margin: auto; width: 20px; height: 2px; background: #fff; transition: .3s; }
.result span::after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 30px; margin: auto; width: 8px; height: 8px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-135deg); transition: .3s; }
.result img { width:395px; display:block; }
@media screen and (max-width: 740px) {
	.result { width:95%; flex-direction:column; justify-content:space-between; align-items:center; margin:50px auto; padding:15px 2.5%;
	display:none; }
	.result span { width:100%; padding:10px 0; }
	.result img { width:100%; }
	
}

.nowonsalebox .swiper-slide.kobenagata span {cursor: default;}
.nowonsalebox .swiper-slide.kobenagata:hover span img { opacity:1; transition:0.3s; }