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

@media screen and (min-width:480px){
/*リストページ*/
.coupon_list_gridlayout{
	grid-template-columns: repeat(auto-fill, minmax(305px, 480px));
	grid-column-gap: 16px;
	grid-row-gap: 12px;
}
}



@media screen and (min-width:600px){
/*リストページ*/
.KeyVisual_parts{
	max-width: 56px;
}
	
.coupon_discount_detail > dd{
	font-size: 1.125rem;/*18px*/
}
	
/*詳細ページ*/	
.coupon_detail_tags{
	justify-content: flex-start;
	gap:16px;
}	
	.coupon_detail_main{
		margin-bottom: 36px;
	}	
}

@media screen and (min-width:769px){
.keyVisual{
    max-width:360px;/*2024.6.21*/
}
    
.coupon_list{
	justify-items: stretch;
}
.coupon_list_gridlayout{
	grid-template-columns: repeat(auto-fill, minmax(296px, 1fr));
}
	
	/*詳細ページ*/
.coupon_copy{
	font-size: 1.5rem;/*24px*/
}
	
	
.coupon_detail_inner_flex{
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}

	.detail_inner_primary{
		width: 40%;
		max-width: 400px;
		margin-bottom: 0;
	}	
	.detail_inner_secondary{
		width: 58%;
	}

	
  a[href^="tel:"]{
    pointer-events: none;
  }

}

@media screen and (821px <= width < 1000px){
    .coupon_listItem.pickup:after{
        bottom: 0;
        left: 0;
    }
}