@extends('influencer.template.template')
@section('my_meta')
<link rel="stylesheet" href="{{ asset('/css/influencer/if_campaign-list.css') }}?ver=20260401" media="screen and (max-width:767px)">
<link rel="stylesheet" href="{{ asset('/css/influencer/pc/if_campaign-list.css') }}?ver=20260401" media="screen and (min-width:768px)">
<style type="text/css" media="screen">
	/* ソートボタンのセクション全体に適用 */
	#feas-sort-menu {
	    text-align: center;
	    margin: 1em auto;
	    padding: 1em 0;
	}
	/* id=feas-sort-menu内のすべてのdivタグに適用 */
	#feas-sort-menu div {
	    display: inline-block;
	    width: 30%;
	    text-align: center;
	}

	/* 見出しに適用 */
	#feas-sort-menu p.midashi {
	    display: block;
	    font-weight: bold;
	    color: #5d5d5d;
	    margin-bottom: 0.5em;
	    line-height: 1;
	}
	/* すべてのソートボタンに適用 */
	#feas-sort-menu span a {
	    color: white;
	    display: inline-block;
	    width: 2em;
	    background-color: #B7A67D;
	    border-radius: 3px;
	    margin: 0 3px;
	}
	.cp_inner .box01 {
		position: relative;
	}
	.heart_btn {
	  position:absolute;
	  top: auto;
	  right: 8px;
	}

@media screen and (max-width: 767px){
	.heart_btn {
	  right: 1px;
	}

  	.heart_btn img {
    	width: auto;
    	height: 27px;
  	}
}
</style>
@endsection
@section('title', 'キャンペーン一覧|LINKSHARE REVO')
@section('content_title', 'キャンペーン一覧')
@section('content')
<influencer-campaign-list-screen
  asset_path="{{ asset('') }}"
  storage_path="{{ asset('storage') }}"
  campaign_path="{{ route('influencer.campaign.normal.index') }}"
  campaign_status="normal"
  title="キャンペーン一覧"
></influencer-campaign-list-screen>
@endsection