/* CSS Document */
/*ページタイトル*/
section.img_pagetitle div.p_i_text > h1::before{
  content: "Coupon";
}
/*コンテンツ*/
div.coupon_contents{
  padding: var(--headerHeight) 0 0 0;
  background-color: #f5f5f2;
}
/*メニュー*/
div.menu_block{
  background-color: #f2f2f3;
  padding-top: var(--headerHeight);
  -webkit-mask-image: -webkit-linear-gradient(to top, black 0,black calc( 100% - 4.5rem),transparent calc( 100% - 0.75rem));
  mask-image: linear-gradient(to top, black 0,black calc( 100% - 4.5rem),transparent calc( 100% - 0.75rem));
}
/*スワイプメニュー*/
[swipemenu][menu-type="tab"]{
  padding-bottom: 1px !important;
  padding-right: 0.5rem;
  box-sizing: border-box;
  background-color: #f2f2f3 !important;
}
[swipemenu][menu-type="tab"]::after{
  height: 1px !important;
}
[swipemenu][menu-type="tab"][change-add="false"] .swipemenuinner [swipemenu-target].wcactive::before,
[swipemenu][menu-type="tab"][change-add="prev"] .swipemenuinner [swipemenu-target].wcprev, 
[swipemenu][menu-type="tab"][change-add="prev"] .swipemenuinner [swipemenu-target].wcprev::before,
[swipemenu][menu-type="tab"][change-add="next"] .swipemenuinner [swipemenu-target].wcnext,
[swipemenu][menu-type="tab"][change-add="next"] .swipemenuinner [swipemenu-target].wcnext::before,
[swipemenu][menu-type="tab"][change-add="false"] .swipemenuinner [swipemenu-target].wcactive{
  background-color: #fff !important;
  color: var(--accentColor) !important;
  border-top: 1px solid var(--accentColor);
  border-right: 1px solid var(--accentColor);
  border-left: 1px solid var(--accentColor);
}
[swipemenu][menu-type="tab"] .swipemenuinner [swipemenu-target]{
  font-weight: 300 !important;
  font-size: 1.2rem !important;
  box-shadow: none !important;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-radius: 0 !important;
  padding: 0.5rem 1rem 0.5rem 1rem !important;
}
[menu-type="tab"][change-add="false"] .swipemenuinner [swipemenu-target].wcactive::before{
  display: none !important;
}
[swipemenu][menu-type="tab"] .swipemenuinner [swipemenu-target] + [swipemenu-target]{
  margin-left: 0.5rem !important;
}
[swipemenu][menu-type="tab"] .swipemenuinner [swipemenu-target]::before{
  display: none !important;
}
/*スワイプメニュー中身*/
div.coupon_block{
}
div.coupon_block div.flex_box{
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1.5rem;
  box-sizing: border-box;
}
body[wc-view-type="sp"] div.coupon_block div.flex_box{
  padding: 0 6.5vw 1.5rem 6.5vw;
}
body[wc-view-type="tb"] div.coupon_block div.flex_box{
  padding: 0 10vw 1.5rem 10vw;
}
body[wc-view-type="tb-l"] div.coupon_block div.flex_box{
  padding: 0 5vw 1.5rem 5vw;
}
body[wc-view-type="pc"] div.coupon_block div.flex_box{
  width: 1100px;
  margin: 0 auto;
}
div.coupon_block div.flex_box div.coupon_box{
  background-color: #fff;
  border: solid 1px #ccc;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  padding: 1.5rem;
}
body[wc-view-type="sp"] div.coupon_block div.flex_box div.coupon_box{
  margin-top: 1.5rem;
}
body[wc-view-type="tb"] div.coupon_block div.flex_box div.coupon_box{
  width: 100%;
  margin-top: 1.5rem;
}
body[wc-view-type="tb-l"] div.coupon_block div.flex_box div.coupon_box{
  width: calc((100% / 2) - 1.5rem);
  margin: 1.5rem 0.75rem 0 0.75rem;
}
body[wc-view-type="pc"] div.coupon_block div.flex_box div.coupon_box{
  width: calc((100% / 2) - 1.5rem);
  margin: 1.5rem 0.75rem 0 0.75rem;
}
div.coupon_block div.flex_box div.coupon_box div.coupon_text,
div.coupon_block div.flex_box div.coupon_box div.coupon_img{
  width: 50%;
}
body[wc-view-type="sp"] div.coupon_block div.flex_box div.coupon_box div.coupon_text,
body[wc-view-type="sp"] div.coupon_block div.flex_box div.coupon_box div.coupon_img{
  width: 100%;
}
div.coupon_block div.flex_box div.coupon_box div.coupon_text p.coupon_title{
  font-size: 1.05rem;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 2;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #444;
  padding: 0 0.5rem;
  box-sizing: border-box;
}
div.coupon_block div.flex_box div.coupon_box div.coupon_text p.coupon_text{
  box-sizing: border-box;
  font-size: 0.85rem;
  line-height: 1.5rem;
  color: #666;
  margin-top: 0.5rem;
  border-top: 1px solid #444;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 3;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-top: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.8rem;
}
body[wc-view-type="tb"] div.coupon_block div.flex_box div.coupon_box div.coupon_text p.coupon_text{
  padding: 0.5rem 1rem 0 1rem;
}
div.coupon_block div.flex_box div.coupon_box div.coupon_text p.money{
  font-weight: 700;
  margin-top: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
  font-family: "Number";
  font-size: 1.5rem;
  margin-left: auto;
  display: table;
  color: #444;
}
div.coupon_block div.flex_box div.coupon_box div.coupon_text p.money span{
  font-size: 0.85rem;
  color: #444;
  font-weight: 700;
}
div.coupon_block div.flex_box div.coupon_box div.btn{
  margin: 1rem auto 0 auto;
}
body[wc-view-type="sp"] div.coupon_block div.flex_box div.coupon_box div.btn{
  margin-top: 1.5rem;
}
div.coupon_block div.flex_box div.coupon_box div.coupon_img figure{
}
body[wc-view-type="sp"] div.coupon_block div.flex_box div.coupon_box div.coupon_img figure{
  width: calc(100% - 1.55rem);
  margin: 0 auto;
}
div.coupon_block div.flex_box div.coupon_box div.coupon_img figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
div.coupon_block div.flex_box div.coupon_box div.coupon_img figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[wc-view-type="sp"] div.coupon_block div.flex_box div.coupon_box div.coupon_img figure img{
  height: 45.5vw;
}
body[wc-view-type="tb"] div.coupon_block div.flex_box div.coupon_box div.coupon_img figure img{
  height: 150px;
}
body[wc-view-type="tb-l"] div.coupon_block div.flex_box div.coupon_box div.coupon_img figure img{
  height: 175px;
}
body[wc-view-type="pc"] div.coupon_block div.flex_box div.coupon_box div.coupon_img figure img{
  height: 180px;
}