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

/*-----タイトル-----*/
.feature .section h3 {
  font-size: 2.0rem;
  color: #067daf;
  text-align: center;
  background: none;
  border: none;
  padding: 0 0 15px;
  position: relative;
}
.coupon_container .feature .section h3 {
  font-size: 2.2rem;
  padding: 0;
  margin: 15px auto 10px;
}
/*-----クーポン-----*/
.coupon_container {
  margin: 20px auto 10px;
}
.coupon_container .box_shadow {
  border: 1px solid #067daf;
  width: 98%;
  border-radius: 8px;
  padding: 0 20px 5px;
  background: #fff;
  filter: drop-shadow(4px 4px 0 #067daf);
}
.coupon_container .box_shadow .feature .section h2 {
  display: table;
  padding: 130px 10px 0;
  /*background: linear-gradient(transparent 92%, #f9a11744 92%);*/
}
.box_shadow .coupon_text {
  margin: 0 auto 15px;
}
.coupon_text .price_box {
  display: table;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 auto 20px;
  background: linear-gradient(transparent 70%, #fff1ae 70%);
}
.coupon_text .price_box>.price_inner {
  font-size: 3.2rem;
  color: #ee0000;
  line-height: 1;
}
.coupon_text .icon_box {
  display: flex;
  margin: 15px auto;
}
.coupon_text .icon_box>p {
  background: #1487B8;
  color: #fff;
  padding: 0 10px;
  margin: 0 10px 0 0;
  border-radius: 4px;
}
.box_shadow .coupon_text dl {
  display: flex;
  margin: 0 auto 5px;
  padding: 0 0 5px;
  border-bottom: 1px dashed #ccc;
}
.box_shadow .coupon_text dl>dt {
  width: 32%;
}
.box_shadow .coupon_text dl>dd {
  width: 68%;
}
.box_shadow .btn_01 a {
  background: #e38000;
}
/*-----ボタン-----*/
.btn_01 {
  text-align: center;
  margin: 10px auto;
}
.btn_01 a {
  display: inline-block;
  width: auto;
  min-width: 400px;
  font-size: 1.8rem;
  color: #fff;
  background: #0a90d2;
  padding: 0 30px 0 10px;
  font-weight: bold;
  border-radius: 22px;
  position: relative;
  margin: auto;
  line-height: 2.2;
  transition: .2s;
}
.btn_01 a span {
	font-size: 1.2rem;
}
.btn_01 a::before {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	top: 50%;
	right: 15px;
	margin-top: -4px;
}
.btn_01 a:hover {
  opacity: .7;
}
/*-----カルーセル-----*/
.wrap_slide {
  position: relative;
  display: flex;
}
.wrap_slide .swiper {
	overflow: hidden;
	position: relative;
	padding: 0 3% 40px;
}
.wrap_slide .swiper .swiper-wrapper .swiper-slide 
{
  width: 100%;
}
.wrap_slide .swiper .swiper-pagination {
  bottom: 0;
}
.wrap_slide .cmn_contents {
  margin: 0 auto;
  height: 100%;
}
/*商品コンポーネントのページネーション */
.box_content .base_prod .swiper-button-next,
.box_content .base_prod .swiper-button-prev,
.box_content .base_prod .swiper-pagination {
  display: none !important;
}
/* 前へ/後ろへボタン */
.wrap_slide .swiper-button-prev, .wrap_slide .swiper-button-next {
  content: "";
  position: absolute;
  display: block;
  top: 45%;
  width: 18px;
  height: 18px;
  border-top: 2px solid #f29a10;
  border-right: 2px solid #f29a10;
  transform: rotate(45deg);
}
.wrap_slide .swiper-button-prev.swiper-button-disabled,
.wrap_slide .swiper-button-next.swiper-button-disabled
{
  opacity: .35;
}
.wrap_slide .swiper-button-prev {
  top: 48%;
  left: -20px;
  transform: rotate(-135deg);
}
.wrap_slide .swiper-button-next {
  right: -20px;
}
.swiper-pagination-bullet {
  background: #f29a10;
}
/*1カラム*/
.box_shadow.box_content.clm1 {
  width: 48%;
  margin: 0 auto;
}

/*-----PC-----*/
@media screen and (min-width: 768px) {
  /*-----カルーセル-----*/
	.wrap_slide .swiper {
    padding: 0 0 40px;
  }
	.wrap_slide .swiper .swiper-wrapper .swiper-slide {
    width: 320px;
  }
	/*前へ/後ろへボタン*/
	.wrap_slide .swiper-button-prev.swiper-button-disabled,
	.wrap_slide .swiper-button-next.swiper-button-disabled {
    opacity: .35;
  }
  .wrap_slide.coupon_container .swiper-button-prev {
    z-index: 2;
  }
  .wrap_slide.coupon_container .swiper-button-next {
    z-index: 2;
  }
	/*カルーセルなし 非表示*/
	.wrap_slide.no_swipe .swiper-button-prev,
	.wrap_slide.no_swipe .swiper-button-next,
	.wrap_slide.no_swipe .swiper-pagination {
		display: none !important;
	}
  /*エリアページ夏クーポン*/
  .box_content.area_coupon_clm1 {
    width: 48%;
  }
  .wrap_slide.clm1 .swiper .swiper-wrapper .swiper-slide {
    margin: 0 auto;
    margin-right: auto !important;
  }
}

/*-----SP-----*/
@media screen and (max-width: 767px) {
  /*-----タイトル-----*/
  .feature .section h3 {
    font-size: 1.8rem;
    padding: 0 0 10px;
  }
  .coupon_container .feature .section h3 {
    font-size: 1.8rem;
  }
  /*-----クーポン-----*/
  .coupon_container {
    margin: 10px auto;
  }
  .box_shadow {
    width: 90%!important;
    height: 100% !important;
    margin: 20px 10px;
    padding: 0 20px 15px!important;
  }
  .box_shadow .feature .section h2 {
    font-size: 1.8rem;
  }
  .box_shadow .coupon_text dl {
    flex-direction: column;
  }
  .box_shadow .coupon_text dl>dt,.box_shadow .coupon_text dl>dd,
  .box_shadow.hisyo .coupon_text dl>dt,.box_shadow.hisyo .coupon_text dl>dd {
    width: auto;
  }
  .wrap_slide.coupon_container .swiper-button-prev {
    display: block !important;
    left: 10px;
    z-index: 3;
  }
  .wrap_slide.coupon_container .swiper-button-next {
    display: block !important;
    right: 10px;
    z-index: 3;
  }
  /*エリアページ夏クーポン*/
  .box_content.area_coupon_clm1 {
    margin-bottom: 4px;
  }
  /*-----ボタン-----*/
  .btn_01 {
    margin: 0 10px;
  }
  .btn_01 a {
    min-width: 100%;
    font-size: 1.5rem;
  }
  /*-----カルーセル-----*/
  .wrap_slide .cmn_contents {
    width: 100%;
  }
  .wrap_slide.clm1 .swiper-button-prev,
  .wrap_slide.clm1 .swiper-button-next,
  .wrap_slide.clm1 .swiper .swiper-pagination {
    display: none !important;
  }
}